.hero.svelte-1gt3say{padding:160px var(--page-gutter) 0;text-align:center;position:relative}.hero-inner.svelte-1gt3say{position:relative}h1.svelte-1gt3say{letter-spacing:-.025em;max-width:860px;margin:18px auto 0;font-size:clamp(40px,5.6vw,72px);font-weight:700;line-height:1.04}.hero-lead.svelte-1gt3say{max-width:600px;color:var(--text-muted);text-wrap:pretty;margin:22px auto 0;font-size:18px;line-height:1.6}.grid-section.svelte-1gt3say{margin-top:70px}.two-up.svelte-1gt3say{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:18px;display:grid}.feature-card.svelte-1gt3say{border-radius:var(--r-xl);border:1px solid var(--border-card);background:var(--bg-card);overflow:hidden}.feature-card--stacked.svelte-1gt3say{flex-direction:column;display:flex}.feature-shot.svelte-1gt3say{aspect-ratio:16/8.4;object-fit:cover;object-position:right center;border-bottom:1px solid var(--border);width:100%;display:block}.feature-body.svelte-1gt3say{padding:26px}.feature-body--divided.svelte-1gt3say{border-top:1px solid var(--border)}.feature-title.svelte-1gt3say{margin:10px 0 0;font-size:20px;font-weight:600}.feature-text.svelte-1gt3say{color:var(--text-muted);margin:8px 0 0;font-size:15px;line-height:1.6}.bitrate-visual.svelte-1gt3say{background:radial-gradient(70% 100% at 50% 0,#0f90bd29,#0000 70%);flex:1;justify-content:center;align-items:center;gap:22px;padding:34px 26px;display:flex}.bitrate-number.svelte-1gt3say{letter-spacing:-.04em;font-size:clamp(60px,7vw,96px);font-weight:700}.bitrate-unit.svelte-1gt3say{letter-spacing:.1em;-webkit-text-fill-color:var(--accent-light);font-size:.32em}.tiles.svelte-1gt3say{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px;display:grid}.tile.svelte-1gt3say{border-radius:var(--r-xl);border:1px solid var(--border-card);background:var(--bg-card);padding:26px}.tile-title.svelte-1gt3say{margin:10px 0 0;font-size:19px;font-weight:600}.star.svelte-1gt3say{color:var(--accent-bright);font-weight:400}.footnote.svelte-1gt3say{color:var(--text-dim);margin:24px 0 0;font-size:13px;line-height:1.5}.immersive-section.svelte-1gt3say{margin-top:120px}.immersive.svelte-1gt3say{border-radius:var(--r-2xl);border:1px solid #88c4de29;position:relative;overflow:hidden;box-shadow:0 50px 120px #0009}.immersive.svelte-1gt3say img:where(.svelte-1gt3say){width:100%;display:block}.immersive-veil.svelte-1gt3say{background:linear-gradient(#0000 30%,#04080c40 55%,#04080ceb 100%);position:absolute;inset:0}.immersive-text.svelte-1gt3say{position:absolute;bottom:clamp(18px,4vw,44px);left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}@media (width<=900px){.hero.svelte-1gt3say{padding-top:130px}}@media (width<=700px){.feature-shot.svelte-1gt3say,.immersive.svelte-1gt3say img:where(.svelte-1gt3say),.immersive-veil.svelte-1gt3say{display:none}.immersive.svelte-1gt3say{background:var(--bg-card)}.immersive-text.svelte-1gt3say{padding:30px 24px;position:static}}.immersive-title.svelte-1gt3say{letter-spacing:-.02em;margin:10px 0 0;font-size:clamp(24px,3.4vw,40px);font-weight:700}.immersive-lead.svelte-1gt3say{max-width:560px;color:var(--text-soft);margin:8px 0 0;font-size:16px;line-height:1.6}.split.svelte-1gt3say{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:center;gap:54px;margin-top:120px;display:grid}.split-title.svelte-1gt3say{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.08}.platform-list.svelte-1gt3say{border-top:1px solid var(--border);margin:26px 0 0;padding:0;list-style:none}.platform-list.svelte-1gt3say li:where(.svelte-1gt3say){border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 2px;font-size:15px;display:flex}.btn--compact.svelte-1gt3say{box-shadow:var(--shadow-btn);border-radius:12px;margin-top:26px;padding:14px 26px}.mobile-shot.svelte-1gt3say{justify-content:center;display:flex}.mobile-shot.svelte-1gt3say img:where(.svelte-1gt3say){border:1px solid var(--border-strong);border-radius:26px;width:min(62%,270px);transform:rotate(3deg);box-shadow:0 50px 110px #000000b3,0 0 70px #0f90bd40}@media (width<=700px){.immersive-section.svelte-1gt3say,.split.svelte-1gt3say{margin-top:90px}}
