:root{--bg:#050605;--bg-soft:#0b0d08;--panel:#10140c;--line:#cbff3d24;--accent:#cbff3d;--accent-dim:#cbff3d1f;--text:#f3f4ef;--muted:#8b9180;--danger:#e26a5c;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html.lenis,html.lenis body{height:auto}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.site{isolation:isolate;position:relative}.atmosphere{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.atmosphere__glow{filter:blur(80px);opacity:.35;background:radial-gradient(circle,#cbff3d38,#0000 68%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-20vw;left:50%;transform:translate(-50%)}.atmosphere__mesh{background:radial-gradient(80% 50% at 10% 20%,#28371473,#0000 55%),radial-gradient(60% 40% at 90% 10%,#1e281259,#0000 50%),linear-gradient(#070807 0%,#050605 40%,#030403 100%);position:absolute;inset:0}.atmosphere__grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:40;mix-blend-mode:normal;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050605d1,#05060500);justify-content:space-between;align-items:center;padding:1.1rem clamp(1.25rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.nav__brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;display:inline-flex}.nav__mark{flex-shrink:0;width:1.75rem;height:1.75rem}.nav__word span,.nav__brand span{color:var(--accent)}.nav__actions{align-items:center;gap:.75rem;display:flex}.btn{letter-spacing:.01em;min-height:2.75rem;transition:transform .35s var(--ease-out), background .35s var(--ease-out), color .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 1.25rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#0a0c06}.btn--ghost{color:var(--text);border:1px solid #f3f4ef2e}.btn--ghost:hover{border-color:#cbff3d73}.hero{align-items:end;min-height:100svh;padding:7rem clamp(1.25rem,4vw,3rem) 3.5rem;display:grid;position:relative;overflow:clip}.hero__copy{z-index:2;max-width:18ch;position:relative}.hero__brand{margin:0 0 1.25rem}.hero__logo{width:min(100%,34rem);height:auto;display:block}.hero__brand span{color:var(--accent);display:block}.hero__lead{max-width:28ch;color:var(--muted);margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem)}.hero__stage{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero__court{aspect-ratio:16/10;border:1px solid var(--line);transform-origin:50% 70%;background:linear-gradient(145deg,#10140ceb,#080a06fa),repeating-linear-gradient(90deg,#0000,#0000 47px,#cbff3d08 48px);border-radius:28px;width:min(92vw,980px);position:relative;overflow:hidden;transform:perspective(1200px)rotateX(12deg)rotateY(-8deg)translateY(8%);box-shadow:0 40px 120px #0000008c}.hero__court:before{content:"";border:1px solid #cbff3d2e;border-radius:999px/40%;position:absolute;inset:12%}.hero__court:after{content:"";background:#cbff3d33;width:1px;position:absolute;top:10%;bottom:10%;left:50%}.device-ui{background:linear-gradient(#0c0f09f2,#070905fa);border:1px solid #ffffff0d;border-radius:18px;gap:.85rem;padding:1.1rem;display:grid;position:absolute;inset:14% 10% 12%}.device-ui__bar{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-family:var(--font-display);justify-content:space-between;align-items:center;display:flex}.device-ui__grid{flex:1;grid-template-columns:.9fr 1.1fr;gap:.85rem;min-height:0;display:grid}.ring{background:#cbff3d0a;border:1px solid #cbff3d1a;border-radius:18px;place-items:center;display:grid}.ring strong{font-family:var(--font-display);color:var(--accent);font-size:clamp(2rem,4vw,3rem)}.stats{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.stat{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:.7rem .75rem}.stat small{color:var(--muted);font-size:.72rem;display:block}.stat b{font-family:var(--font-display);color:var(--accent);font-size:1.25rem}.section{padding:clamp(5rem,12vw,9rem) clamp(1.25rem,4vw,3rem);position:relative}.section__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-family:var(--font-display);margin:0 0 .85rem;font-weight:700}.section__title{font-family:var(--font-display);letter-spacing:-.04em;max-width:12ch;margin:0 0 1rem;font-size:clamp(2.4rem,7vw,5rem);font-weight:800;line-height:.98}.section__text{max-width:38ch;color:var(--muted);margin:0;font-size:clamp(1.05rem,2vw,1.2rem)}.story{gap:2.5rem;display:grid}@media (width>=900px){.story{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}.story__visual{border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,#cbff3d29,#0000 45%),linear-gradient(160deg,#12160e,#080a06);border-radius:28px;min-height:340px;position:relative;overflow:hidden}.pulse-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);transform-origin:0;height:2px;position:absolute;top:50%;left:8%;right:8%}.feature-rail{gap:1.25rem;display:grid}@media (width>=800px){.feature-rail{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.feature{border-top:1px solid #cbff3d47;min-height:220px;padding:1.6rem 1.4rem 1.8rem}.feature h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:1.55rem}.feature p{color:var(--muted);margin:0}.sticky-stage{min-height:220vh;position:relative}.sticky-stage__pin{align-content:center;gap:2rem;min-height:100svh;padding:6rem clamp(1.25rem,4vw,3rem) 3rem;display:grid;position:sticky;top:0}.sticky-stage__frame{aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(145deg,#12160e,#070907);border-radius:24px;width:min(100%,920px);margin:0 auto;position:relative;overflow:hidden}.sticky-stage__panel{text-align:center;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.sticky-stage__panel h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,3rem)}.sticky-stage__panel p{max-width:36ch;color:var(--muted);margin:0 auto}.sticky-stage__index{font-family:var(--font-display);letter-spacing:.16em;color:var(--accent);margin:0 0 .45rem;font-size:.78rem}.sticky-stage__dots{justify-content:center;gap:.55rem;margin-top:.25rem;display:flex}.sticky-stage__dot{width:.45rem;height:.45rem;transition:background .35s var(--ease-out), transform .35s var(--ease-out);background:#f3f4ef38;border-radius:999px}.sticky-stage__dot.is-active{background:var(--accent);transform:scale(1.3)}.final{text-align:center;padding-bottom:6rem}.final .section__title{max-width:14ch;margin-inline:auto}.final .section__text{margin-inline:auto;margin-bottom:1.75rem}.final__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.footer{padding:2rem clamp(1.25rem, 4vw, 3rem) max(2rem, env(safe-area-inset-bottom));color:var(--muted);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.footer__brand{color:var(--text);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.footer__brand img{width:1.35rem;height:1.35rem}.hero__stage--mobile{opacity:1;place-items:center;display:grid;position:relative;inset:auto}.hero__stage--desktop{display:grid}.nav__cta-short{display:none}html[data-mode=mobile] body{font-size:16px}html[data-mode=mobile] .nav{padding:max(.85rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .85rem max(1rem, env(safe-area-inset-left))}html[data-mode=mobile] .btn{min-height:2.55rem;padding:0 1.05rem;font-size:.88rem}html[data-mode=mobile] .hero{min-height:auto;padding:calc(4.75rem + env(safe-area-inset-top)) 1.15rem 2.5rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.75rem;display:flex}html[data-mode=mobile] .hero__copy{max-width:none}html[data-mode=mobile] .hero__brand{margin-bottom:1rem}html[data-mode=mobile] .hero__logo{width:min(100%,22rem)}html[data-mode=mobile] .hero__lead{max-width:34ch}html[data-mode=mobile] .hero__stage--mobile{opacity:1;pointer-events:none;position:relative;inset:auto}html[data-mode=mobile] .hero__court{aspect-ratio:10/16;border-radius:28px;width:min(100%,340px);transform:none;box-shadow:0 24px 60px #00000073}html[data-mode=mobile] .hero__court:before{border-radius:22px;inset:8%}html[data-mode=mobile] .hero__court:after{display:none}html[data-mode=mobile] .device-ui{border-radius:22px;gap:.75rem;padding:1rem;inset:5%}html[data-mode=mobile] .device-ui__grid{grid-template-columns:1fr;gap:.75rem}html[data-mode=mobile] .ring{min-height:120px}html[data-mode=mobile] .section{padding:4rem 1.15rem}html[data-mode=mobile] .section__title{max-width:14ch;font-size:clamp(2.2rem,11vw,3rem)}html[data-mode=mobile] .section__text{max-width:none}html[data-mode=mobile] .story__visual{border-radius:20px;min-height:200px}html[data-mode=mobile] .sticky-stage{min-height:280vh}html[data-mode=mobile] .sticky-stage__pin{gap:1.35rem;padding:5rem 1.15rem 2.25rem}html[data-mode=mobile] .sticky-stage__frame{aspect-ratio:3/4;border-radius:22px;width:100%}html[data-mode=mobile] .sticky-stage__panel{padding:1.4rem 1.2rem}html[data-mode=mobile] .sticky-stage__panel h3{font-size:clamp(1.65rem,8vw,2.25rem)}html[data-mode=mobile] .sticky-stage__panel p{font-size:.98rem}html[data-mode=mobile] .feature{min-height:0;padding:1.25rem 0 1.35rem}html[data-mode=mobile] .feature h3{font-size:1.35rem}html[data-mode=mobile] .final{padding-bottom:4rem}html[data-mode=mobile] .final__actions{flex-direction:column}html[data-mode=mobile] .final__actions .btn{width:100%}html[data-mode=mobile] .footer{padding-bottom:max(2rem, env(safe-area-inset-bottom));flex-direction:column;gap:.35rem;font-size:.85rem}@media (width<=380px){html[data-mode=mobile] .hero__brand{font-size:3.1rem}html[data-mode=mobile] .nav__brand{font-size:1.05rem}}