.csf{--bg:#050b1a;--ink:#f2f6ff;--mut:#8a9cc2;--blue:#4b92ff;--green:#34e2a6;--line:#82a5ff33;--f:"Sora","Segoe UI",system-ui,sans-serif;--p:0;--x:0px;--y:0px;--s:1;--o:1;--b:0px;color-scheme:dark;box-sizing:border-box}.csf *,.csf :before,.csf :after{box-sizing:inherit}.csf{background:var(--bg);color:var(--ink);font:300 clamp(15px,1.05vw,17px)/1.65 var(--f);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}.csf h1,.csf h2,.csf p{margin:0}.csf .grad{background:linear-gradient(100deg,var(--blue),var(--green));color:#0000;-webkit-background-clip:text;background-clip:text}.csf .world{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 120%,#0e3c7873,transparent 70%),var(--bg);position:fixed;inset:0;overflow:hidden}.csf .glow{filter:blur(110px);border-radius:50%;position:absolute}.csf .g1{width:52vw;height:52vw;right:-12vw;top:calc(-14vw + var(--p)*60vh);background:#3d82ff47}.csf .g2{width:40vw;height:40vw;opacity:calc(.1 + var(--p)*.9);background:#2fe0a066;bottom:-14vw;left:-12vw}.csf .sys{aspect-ratio:1;width:min(78vmin,640px);transform:translate3d(var(--x),var(--y),0) scale(var(--s));opacity:var(--o);filter:blur(var(--b));will-change:transform,opacity,filter;margin:calc(min(78vmin,640px)/-2) 0 0 calc(min(78vmin,640px)/-2);position:absolute;top:50%;left:50%}.csf .sys svg{width:100%;height:100%;overflow:visible}.csf .bar{z-index:20;background:linear-gradient(90deg,var(--blue),var(--green));transform-origin:0;width:100%;height:2px;transform:scaleX(var(--p));position:fixed;top:0;left:0}.csf #film{z-index:2;position:relative}.csf .scene{flex-direction:column;justify-content:center;min-height:80vh;padding:16vh 8vw;display:flex}.csf .copy{max-width:27rem}.csf .mid{text-align:center;align-items:center}.csf .mid .copy{max-width:40rem}.csf .tag{font:600 11px/1 var(--f);letter-spacing:.26em;color:var(--green);margin-bottom:22px}.csf h1{font:600 clamp(2.2rem,5.4vw,4.8rem)/1.04 var(--f);letter-spacing:-.035em;margin-bottom:22px}.csf h2{font:600 clamp(1.65rem,3.3vw,3rem)/1.1 var(--f);letter-spacing:-.03em;margin-bottom:18px}.csf .copy p{color:var(--mut)}.csf .cue{font:400 11px var(--f);letter-spacing:.26em;color:var(--mut);margin-top:44px}.csf .num{font:600 clamp(3.6rem,10vw,8.4rem)/1 var(--f);letter-spacing:-.05em;margin:6px 0 14px}.csf .lbl{font:600 11px var(--f);letter-spacing:.22em;color:var(--mut);margin-top:6px}.csf .mh{font:400 clamp(1.05rem,1.7vw,1.5rem)/1.3 var(--f);letter-spacing:-.01em;color:var(--ink)}.csf .set{flex-wrap:wrap;justify-content:center;gap:clamp(28px,6vw,90px);margin-top:8px;display:flex}.csf .set .m{min-width:150px}.csf .set .num{margin:10px 0;font-size:clamp(2.6rem,6vw,5rem)}.csf .fine{max-width:34rem;color:var(--mut);opacity:.85;margin:36px auto 0;font-size:.78rem}.csf .q{font:600 clamp(1.9rem,4.4vw,3.8rem)/1.1 var(--f);letter-spacing:-.035em;margin-bottom:20px}.csf .cta{font:600 .95rem var(--f);color:#04101f;background:linear-gradient(100deg,var(--blue),var(--green));border-radius:99px;align-items:center;gap:12px;margin-top:30px;padding:15px 30px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.csf .cta:hover,.csf .cta:focus-visible{outline-offset:4px;outline:2px solid #fff;transform:translateY(-2px);box-shadow:0 12px 50px #34e2a666}.csf .sp,.csf .sg{stroke:var(--line);stroke-width:1px;fill:none;transition:stroke .8s,stroke-width .8s}.csf .sp.on,.csf .sg.on{stroke:url(#lg);stroke-width:1.6px}.csf .nd circle{fill:#0a1936;stroke:var(--line);stroke-width:1px;transition:all .7s}.csf .nd text{fill:var(--mut);font:400 10px var(--f);text-anchor:middle;letter-spacing:.08em;transition:fill .7s}.csf .nd .nm{font:600 12px var(--f)}.csf .nd.on circle{stroke:var(--blue);fill:#0d2a5c}.csf .nd.on text{fill:var(--ink)}.csf .nd.cur circle{stroke:var(--green);fill:#0b4b3d;filter:drop-shadow(0 0 12px #34e2a6d9)}.csf .hub circle{fill:#08142c;stroke:var(--line);transition:stroke .8s}.csf .hub text{fill:var(--ink);font:600 13px var(--f);text-anchor:middle}.csf .hub .halo{fill:none;stroke:var(--green);opacity:0;transform-origin:200px 200px;transform-box:view-box}.csf .all .hub circle:not(.halo){stroke:var(--green)}.csf .all .hub .halo{opacity:.6;animation:3.2s ease-out infinite csfPulse}@keyframes csfPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}.csf .case{left:max(6vw,18px);top:calc(env(safe-area-inset-top,0px) + 20px);z-index:20;font:600 10px var(--f);letter-spacing:.24em;color:var(--mut);opacity:min(1,calc(var(--p)*40));align-items:center;gap:10px;display:flex;position:fixed}.csf .case i{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%}.csf .live .scene.top{justify-content:flex-end;padding-bottom:12svh}.csf .live{height:var(--th)}.csf .live .stage{height:100svh;position:sticky;top:0;overflow:hidden}.csf .live .scene{will-change:transform,opacity,filter;min-height:0;padding:0 8vw;position:absolute;inset:0}.csf .live .mid{padding:0 6vw}@media (width<=860px){.csf .scene{padding:14vh 7vw}.csf .live .scene:not(.mid){justify-content:flex-start;padding-top:15svh}.csf .set{gap:26px 34px}}@media (prefers-reduced-motion:reduce){.csf .hub .halo{animation:none!important}}.csf{--f:"Sora Variable","Sora","Segoe UI",system-ui,sans-serif;position:relative}.csf .case{top:calc(var(--nav-h) + 20px)}.csf-page .footer{z-index:3;position:relative}.csf-page [data-bar]{display:none}