*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05060a;--bg-elev: #0c0e16;--fg: #e8eaef;--muted: #8b92a5;--accent: #6ee7ff;--accent-2: #a78bfa;--accent-3: #f472b6;--line: rgba(255,255,255,.08);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--hud-h: 56px}html{background:var(--bg);color:var(--fg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);font-weight:400;line-height:1.5;background:var(--bg);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,canvas{display:block;max-width:100%}.progress-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));z-index:1000;transform-origin:left}.hud-top{position:fixed;inset:0 0 auto 0;height:var(--hud-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.5rem;z-index:900;pointer-events:none;mix-blend-mode:difference}.hud-brand{font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;font-weight:500}.hud-nav{display:flex;gap:.55rem;pointer-events:auto}.nav-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:transform .3s var(--ease),background .3s}.nav-dot:hover{background:#fff9}.nav-dot.is-active{background:var(--accent);transform:scale(1.35);box-shadow:0 0 12px #6ee7ff80}.hud-meta{justify-self:end;font-size:.65rem;letter-spacing:.16em;color:#ffffffb3}.eyebrow{font-family:var(--font-display);font-size:.7rem;letter-spacing:.22em;color:var(--accent);margin-bottom:1rem;font-weight:500}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin-bottom:.75rem}.section-copy{color:var(--muted);max-width:28rem;font-size:1rem}.scene{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.scene-hero{perspective:1200px}.layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.mesh-grid{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:linear-gradient(rgba(110,231,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.glow-a{width:50vw;height:50vw;top:-10%;left:-10%;background:radial-gradient(circle,#6ee7ff 0%,transparent 70%)}.glow-b{width:40vw;height:40vw;bottom:-5%;right:-5%;background:radial-gradient(circle,#a78bfa 0%,transparent 70%)}.float-shape{position:absolute;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#6ee7ff14,#a78bfa0d);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.float-shape.s1{width:120px;height:120px;top:22%;left:14%;border-radius:24px;rotate:12deg}.float-shape.s2{width:80px;height:80px;top:55%;right:18%;border-radius:50%;border-color:#f472b659}.float-shape.s3{width:160px;height:2px;top:35%;right:22%;background:linear-gradient(90deg,transparent,var(--accent),transparent);border:none}.float-ring{position:absolute;width:280px;height:280px;top:50%;left:50%;margin:-140px 0 0 -140px;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:spinSlow 40s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:860px;margin:0 auto}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,8rem);font-weight:600;letter-spacing:-.04em;line-height:.95;margin-bottom:1.25rem}.hero-title .line{display:block}.hero-title .accent{background:linear-gradient(120deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:1.05rem;max-width:26rem;margin:0 auto 1.75rem}.hero-cta-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.chip{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff08}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--muted);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;z-index:5}.scroll-hint span{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 1.8s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.scene-film{background:#030407;align-items:stretch}.film-stage{position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}#film-canvas{width:min(92vw,1100px);height:auto;aspect-ratio:16 / 9;border-radius:12px;border:1px solid var(--line);box-shadow:0 0 0 1px #6ee7ff0d,0 40px 100px #0000008c;background:#000}.film-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8vh;pointer-events:none;text-align:center;background:linear-gradient(to top,rgba(5,6,10,.85) 0%,transparent 45%)}.film-frame-meta{position:absolute;top:calc(var(--hud-h) + 1.5rem);right:2rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:.15em;color:var(--muted);display:flex;gap:.5rem;align-items:baseline}.film-frame-meta strong{color:var(--accent);font-size:1.1rem;font-variant-numeric:tabular-nums}.scene-3d{background:radial-gradient(ellipse at 30% 50%,#0f1220 0%,var(--bg) 60%)}.three-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#three-canvas{width:100%!important;height:100%!important;cursor:grab}#three-canvas:active{cursor:grabbing}.three-hud{position:relative;z-index:2;margin-left:auto;margin-right:8vw;max-width:320px;padding:1.5rem;background:#0c0e168c;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.stat-list{list-style:none;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}.stat-list li{display:flex;justify-content:space-between;font-size:.8rem;padding:.35rem 0;color:var(--muted)}.stat-list strong{color:var(--fg);font-weight:500}.scene-cards{flex-direction:column;justify-content:center;gap:2.5rem;padding:6rem 0 4rem;background:linear-gradient(180deg,var(--bg) 0%,#0a0c14 100%);overflow:visible;min-height:100vh}.cards-intro{text-align:center;padding:0 1.5rem}.cards-track{display:flex;gap:1.25rem;padding:1rem 8vw 3rem;width:max-content;will-change:transform}.card{flex:0 0 min(72vw,320px);min-height:380px;padding:1.75rem;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff0d,#ffffff04);position:relative;overflow:hidden;opacity:0;transform:translateY(60px)}.card-num{font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;color:var(--accent);margin-bottom:2rem}.card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.card p{color:var(--muted);font-size:.95rem}.card-shape{position:absolute;bottom:1.5rem;right:1.5rem;width:72px;height:72px;opacity:.7}.geo-a{background:linear-gradient(135deg,var(--accent),transparent);border-radius:16px;rotate:18deg}.geo-b{border:2px solid var(--accent-2);border-radius:50%}.geo-c{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:var(--accent-3);opacity:.5}.geo-d{background:conic-gradient(from 90deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));border-radius:8px;opacity:.55}.scene-morph{background:#07080e}.morph-panels{position:absolute;top:0;right:0;bottom:0;left:0}.morph-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.panel-a{background:radial-gradient(ellipse at 20% 40%,rgba(110,231,255,.18),transparent 50%),linear-gradient(135deg,#0c1020,#05060a);z-index:1}.panel-b{background:radial-gradient(ellipse at 80% 60%,rgba(167,139,250,.22),transparent 50%),linear-gradient(225deg,#120c1e,#05060a);z-index:2;clip-path:inset(0 0 0 100%)}.panel-inner{text-align:center;padding:2rem;max-width:560px}.morph-label{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.65rem;letter-spacing:.3em;color:var(--muted);z-index:5}.scene-planes{background:#04050a}.plane{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.plane-far .plane-grid{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 0);background-size:48px 48px;opacity:.4}.plane-block{position:absolute;border:1px solid rgba(255,255,255,.1);background:#6ee7ff0a}.plane-block.b1{width:200px;height:280px;top:15%;left:10%;border-radius:12px}.plane-block.b2{width:160px;height:160px;top:40%;right:12%;border-radius:50%;border-color:#a78bfa4d}.plane-block.b3{width:280px;height:100px;bottom:18%;left:30%;border-radius:8px;background:linear-gradient(90deg,rgba(244,114,182,.08),transparent)}.plane-near{display:flex;align-items:center;justify-content:center;pointer-events:none}.plane-content{text-align:center;padding:2rem}.scene-cta{background:radial-gradient(ellipse at center bottom,#12162a 0%,var(--bg) 55%)}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cta-orb{position:absolute;width:60vw;height:60vw;max-width:700px;max-height:700px;top:50%;left:50%;transform:translate(-50%,-40%);border-radius:50%;background:radial-gradient(circle,rgba(110,231,255,.15),transparent 65%);filter:blur(20px);animation:orbBreath 6s ease-in-out infinite}@keyframes orbBreath{0%,to{transform:translate(-50%,-40%) scale(1);opacity:.7}50%{transform:translate(-50%,-42%) scale(1.08);opacity:1}}.cta-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 48px,rgba(255,255,255,.02) 48px,rgba(255,255,255,.02) 49px);-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 70%);mask-image:radial-gradient(ellipse at center,black,transparent 70%)}.cta-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:640px}.cta-title{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:600;letter-spacing:-.04em;line-height:1;margin-bottom:1rem}.cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:2rem 0 3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;border-radius:999px;font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.04em;transition:transform .25s var(--ease),background .25s,border-color .25s}.btn-primary{background:var(--fg);color:var(--bg);pointer-events:auto}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line);color:var(--muted)}.site-foot{display:flex;justify-content:center;gap:1.5rem;font-size:.7rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}@media(max-width:768px){.hud-top{padding:0 1rem}.hud-brand{font-size:.55rem;letter-spacing:.1em}.three-hud{margin:auto 1rem 2rem;align-self:flex-end;max-width:none;width:calc(100% - 2rem)}.scene-3d{align-items:flex-end}.float-shape.s1,.float-shape.s3{display:none}.card{flex-basis:min(80vw,280px);min-height:320px}}