/* Clean section headings and spacious app previews. */
.section h2{margin-top:0}.hero h1{margin-top:0}.features article:after{content:none}.inside .section-head{align-items:center}.inside .section-head>p{max-width:300px}.gallery{gap:22px;align-items:stretch}.gallery figure{background:#17141c;border:1px solid #43313e;border-radius:19px;overflow:hidden;box-shadow:0 15px 40px #0002;transition:transform .3s,border-color .3s}.gallery figure:hover{border-color:#8c426c;transform:translateY(-5px)}.gallery figure:nth-child(2){border-color:#2e414d;background:#141b21}.gallery figure:nth-child(3){border-color:#3e4833;background:#1a1d16}.gallery .screenshot-button{border:0;border-bottom:1px solid #ffffff0b;border-radius:0;background:radial-gradient(ellipse at 50% 60%,#5d304f55,transparent 68%),linear-gradient(140deg,#221a28,#15121a);height:510px;padding:42px 25px 56px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.gallery figure:nth-child(2) .screenshot-button{background:radial-gradient(ellipse at 50% 60%,#335a6c44,transparent 68%),linear-gradient(140deg,#1c2a34,#11171e)}.gallery figure:nth-child(3) .screenshot-button{background:radial-gradient(ellipse at 50% 60%,#606c3944,transparent 68%),linear-gradient(140deg,#283023,#151a13)}.gallery .screenshot-button:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff0b;border-radius:50%;z-index:-1}.gallery .screenshot-button img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center;border:5px solid #5a505f;border-radius:24px;transform:translateY(0) rotate(-2deg);box-shadow:12px 20px 30px #0006;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.gallery figure:nth-child(2) img{transform:translateY(0) rotate(0);border-color:#4d5b65}.gallery figure:nth-child(3) img{transform:translateY(0) rotate(2deg);border-color:#59634b}.gallery .screenshot-button:hover img,.gallery .screenshot-button:focus-visible img{transform:translateY(-5px) rotate(0) scale(1.025)}.gallery .zoom-hint{right:17px;top:17px;width:34px;height:34px;border-radius:10px;background:#ffffff08;border-color:#ffffff20;backdrop-filter:blur(10px)}.gallery .zoom-hint .icon{width:17px;height:17px}.preview-action{position:absolute;bottom:20px;left:0;right:0;font:500 11px 'DM Sans',Arial,sans-serif;color:#dac4d6;letter-spacing:.2px;text-align:center}.gallery figure:nth-child(2) .preview-action{color:#bacfdc}.gallery figure:nth-child(3) .preview-action{color:#c6d0b6}.gallery figcaption{padding:24px 25px 26px;margin:0}.gallery figcaption h3{font-size:19px;font-weight:600;margin:0 0 9px;letter-spacing:-.4px}.gallery figcaption p{font-size:12px;font-weight:400;color:#aaa2b2;line-height:1.7;margin:0}.dialog-nav{display:flex;justify-content:space-between;gap:18px;margin:17px 0 0}.dialog-nav button{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid #ffffff20;border-radius:7px;padding:10px 12px;font:11px 'DM Sans',Arial,sans-serif;color:#eee;cursor:pointer}.dialog-nav button:hover{background:#f02b9425;border-color:#a34d7d}.dialog-nav .icon{width:14px;height:14px}#screenshot-dialog>p{font-size:14px;font-weight:600;color:#f1e9f2}#screenshot-dialog .close-dialog{width:34px;height:34px;top:7px;right:8px}#screenshot-dialog{padding-top:49px}.sport-card h3{margin-top:auto}
@media(max-width:950px){.gallery{gap:16px}.gallery .screenshot-button{height:425px;padding:42px 18px 50px}.gallery .screenshot-button img{border-width:4px;border-radius:19px}.gallery figcaption{padding:21px 19px}.gallery figcaption h3{font-size:17px}.gallery figcaption p{font-size:11px}}
@media(max-width:620px){.gallery{display:flex;gap:15px;padding:0 0 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9c3c70 #211b25}.gallery figure{flex:0 0 89%;scroll-snap-align:center;border-radius:16px}.gallery .screenshot-button{height:455px;padding:38px 28px 52px}.gallery .screenshot-button img{border-width:5px;border-radius:23px}.gallery figcaption{padding:22px 23px 24px}.gallery figcaption h3{font-size:18px}.gallery figcaption p{font-size:12px}.gallery .zoom-hint{width:32px;height:32px;right:14px;top:14px}.preview-action{font-size:10px}.inside .section-head>p{font-size:12px;max-width:290px}.gallery figure:hover{transform:none}}
.features article:nth-child(n):after{content:none!important}
#screenshot-dialog img{max-height:calc(90dvh - 150px);width:auto;max-width:100%;object-fit:contain;margin:auto}#screenshot-dialog{width:min(420px,90vw)}
@media(prefers-reduced-motion:reduce){.gallery figure,.gallery .screenshot-button img{transition:none;transform:none!important}}
