@font-face{font-family:Onest;src:url(../fonts/onest-cyrillic.woff2)format("woff2");unicode-range:U+4??;font-weight:100 900;font-display:swap}@font-face{font-family:Onest;src:url(../fonts/onest-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist;src:url(../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--night:#050a14;--text:#eef4fb;--soft:#b9c7d8;--blue:#3fa9f5;--cta:#1c6bd2;--display:"Onest", system-ui, sans-serif;--ui:"Geist", system-ui, sans-serif;--pad:clamp(20px, 5vw, 88px);--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--night);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{overflow-x:clip}::selection{background:var(--cta);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}#world{width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{z-index:10;padding:20px var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{color:inherit;font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:21px;font-weight:600;text-decoration:none;display:flex}.pill{height:46px;color:var(--text);font:500 15px/1 var(--ui);transition:background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);background:#eef4fb1a;border:1px solid #eef4fb38;border-radius:999px;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.pill:hover{background:var(--text);color:#050a14;border-color:var(--text)}main{z-index:2;position:relative}.hero{height:320svh}.hero-stage{height:100svh;position:sticky;top:0}.hero-copy{left:var(--pad);max-width:min(760px,52vw);position:absolute;bottom:clamp(64px,11vh,120px)}.hero-copy h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(44px,5.6vw,92px);font-weight:600;line-height:.98}.hero-copy p{max-width:40ch;color:var(--soft);margin-top:24px;font-size:clamp(17px,1.35vw,21px);line-height:1.45}.cue{right:var(--pad);color:var(--soft);align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;bottom:clamp(64px,11vh,120px)}.cue span{background:linear-gradient(var(--blue), transparent);width:1px;height:52px}.descend{height:200svh}.chapter{height:220svh}.outro{height:200svh}.overlays{z-index:3;pointer-events:none;position:fixed;inset:0}.ov{left:var(--pad);right:var(--pad);opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;position:absolute;bottom:clamp(40px,8vh,88px)}.ov.on{opacity:1;visibility:visible;transition:opacity .4s,visibility}.ov>*{opacity:0;filter:blur(6px);transition:opacity .35s,transform .35s,filter .35s;transform:translateY(16px)}.ov.on>*{opacity:1;filter:none;transition:opacity .8s var(--ease), transform 1s var(--ease), filter .8s var(--ease);transform:none}.ov.on>:nth-child(2){transition-delay:.1s}.ov.on>:nth-child(3){transition-delay:.2s}.ov.on>:nth-child(n+4){transition-delay:.28s}.ov:before{content:"";z-index:-1;left:calc(-1 * var(--pad));pointer-events:none;background:radial-gradient(closest-side at 30% 70%,#050a14b8,#050a1400);width:62vw;height:60vh;position:absolute;bottom:-12vh}.ov-outro:before{background:radial-gradient(closest-side,#050a14b3,#050a1400);width:90vw;height:70vh;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.ov>h2,.ov>.ov-say{max-width:22ch}.ov-outro>h2,.ov-outro>.ov-say{max-width:38ch}.ov h2{font-family:var(--display);letter-spacing:-.035em;color:#f2f7ff;font-size:clamp(40px,4.4vw,76px);font-weight:600;line-height:.95}.ov-say{max-width:26ch;font-family:var(--display);color:#d6e8ffc7;margin-top:12px;font-size:clamp(19px,1.7vw,26px);font-weight:500;line-height:1.25}.ov-outro{text-align:center;padding:0 var(--pad);justify-items:center;display:grid;inset:52svh 0 auto}.ov-outro .ov-say{max-width:38ch}.cta{pointer-events:auto;background:var(--cta);color:#fff;height:60px;font:600 18px/1 var(--ui);transition:transform .3s var(--ease), background-color .3s var(--ease);border-radius:999px;align-items:center;margin-top:28px;padding:0 34px;text-decoration:none;display:inline-flex;box-shadow:0 18px 40px #0a1b3359}.cta:hover{background:#0b3a8c;transform:translateY(-2px)}.configure{height:300svh}.ov-config{pointer-events:auto;max-width:min(520px,44vw);top:50%;bottom:auto;right:auto;translate:0 -50%}.ov-config:before{height:120vh;top:-20vh;bottom:auto}.modules{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.modules button{height:46px;font:500 16px/1 var(--ui);color:#d6e8ffcc;cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#0c162880;border:1px solid #a0cdff40;border-radius:999px;padding:0 18px}.modules button:hover{border-color:#a0cdff99}.modules button:active{transform:scale(.97)}.modules button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:#3fa9f547}.modules button[aria-pressed=true]:before{content:"✓ ";color:var(--blue)}.modules button:focus-visible,.cta:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.config-count{color:#d6e8ffb3;margin-top:18px;font-size:15px}.ov-config .cta{margin-top:16px}.panel{pointer-events:auto;transition:border-color .3s var(--ease), box-shadow .3s var(--ease), opacity .35s ease, transform .35s ease, visibility 0s .35s;bottom:clamp(40px,8vh,88px);right:var(--pad);width:min(340px,30vw);color:var(--text);-webkit-backdrop-filter:blur(18px)saturate(1.4);opacity:0;visibility:hidden;background:#0c16288c;border:1px solid #a0cdff38;border-radius:22px;padding:18px;font-size:15px;position:absolute;transform:translateY(14px)scale(.98);box-shadow:0 20px 60px #00081873,inset 0 1px #ffffff1f}.panel.on{opacity:1;visibility:visible;transition:border-color .3s var(--ease), box-shadow .3s var(--ease), opacity .8s var(--ease) .25s, transform 1s var(--ease) .25s, visibility 0s;transform:none}.panel-head,.panel-meta,.panel-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-head b{font-size:17px;font-weight:600}.panel-meta{color:#d6e8ffb3;margin-top:14px}.panel-meta b{color:var(--text);font-weight:600}.panel-row{background:#3fa9f51a;border-radius:12px;margin-top:12px;padding:10px 12px}.num{font-variant-numeric:tabular-nums}.bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar i{background:var(--blue);height:100%;transition:width .6s var(--ease);border-radius:3px;display:block}.chip{white-space:nowrap;color:#d6e8ffbf;border:1px solid #ffffff1f;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:13px;display:inline-flex}.chip.info{color:var(--blue);background:#3fa9f529;border-color:#0000}.chip.ok{color:#4ade80;background:#1f9d552e;border-color:#0000}.thread{opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible}.thread.on{opacity:1;transition:opacity .6s .6s}.thread path{fill:none;stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:3 7;filter:drop-shadow(0 0 4px #3fa9f5e6);animation:1.2s linear infinite flow}.panel.linked{border-color:var(--blue);box-shadow:0 20px 60px #00081873,0 0 44px #3fa9f559,inset 0 1px #ffffff1f}.panel.linked .panel-row{background:#3fa9f53d}.panel:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.thread.linked path{stroke-width:2.5px}.thread circle{fill:#cfe8ff;filter:drop-shadow(0 0 6px #3fa9f5)}@keyframes flow{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.thread path{animation:none}.ov>*,.panel{filter:none;transform:none}}.topbar-actions{gap:10px;display:flex}.play,.sound{cursor:pointer;gap:10px}.play svg,.sound svg{fill:currentColor;width:14px;height:14px}.sound svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.sound .i-on,.sound[aria-pressed=true] .i-off{display:none}.sound[aria-pressed=true] .i-on{display:block}.sound svg path{fill:none}.sound[aria-pressed=true]{border-color:var(--blue)}.play .i-pause,.play.on .i-play{display:none}.play.on .i-pause{display:block}.loader{z-index:20;transition:opacity .9s var(--ease), visibility .9s;background:#050a14;align-content:center;place-items:center;gap:22px;animation:.6s 10s forwards loader-out;display:grid;position:fixed;inset:0}.loader img{width:64px;height:auto;animation:1.8s ease-in-out infinite breathe}.loader i{background:linear-gradient(90deg, transparent, var(--blue), transparent) 0 0 / 50% 100% no-repeat, #ffffff14;border-radius:1px;width:120px;height:2px;animation:1.2s linear infinite sweep}.loader.done{opacity:0;visibility:hidden}@keyframes breathe{50%{opacity:.45}}@keyframes sweep{0%{background-position:-100% 0,0 0}to{background-position:200% 0,0 0}}@keyframes loader-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.loader img,.loader i{animation:none}}@media (width<=820px){.brand span{display:none}.play span,.sound span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.play,.sound{padding:0 16px}.hero-copy{max-width:none;right:var(--pad);bottom:9svh}.cue{display:none}.ov{bottom:24px}.ov>h2,.ov>.ov-say{max-width:none}.ov:before{width:140vw;height:80vh}.ov-config{max-width:none;top:auto;bottom:24px;translate:none}.ov-config h2{font-size:34px}.modules{gap:8px;margin-top:16px}.modules button{height:40px;padding:0 14px;font-size:14px}.panel{top:84px;bottom:auto;left:var(--pad);width:auto;padding:14px;font-size:14px}}
