@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #020a18;--bg-2: #04101f;--accent: #3b82f6;--accent-bright: #6cb8ff;--off-blue: #d5e0ff;--muted: #8a98b8;--line: rgba(170, 195, 255, .14);--line-strong: rgba(170, 195, 255, .32);--sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--edge: clamp(16px, 2.4vw, 34px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html,body{width:100%}body{background:var(--bg);color:var(--off-blue);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:default;min-width:100vw}#scroll-spacer{width:100vw;pointer-events:none}#webgl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}.hud-frame{position:fixed;inset:var(--edge);z-index:6;pointer-events:none;border:1px solid var(--line)}.hud-corner{position:absolute;width:26px;height:26px;border:1.5px solid var(--line-strong)}.hud-corner--tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.hud-corner--tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.hud-corner--bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.hud-corner--br{bottom:-1px;right:-1px;border-left:0;border-top:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--edge) + 14px) calc(var(--edge) + 22px);pointer-events:none}.topbar>*{pointer-events:auto}.logo{display:block;width:150px}.logo svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(108,184,255,.25))}.topbar__actions{display:flex;gap:12px}.btn{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--off-blue);background:#0a162a8c;border:1px solid var(--line);padding:12px 20px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;backdrop-filter:blur(6px);clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));transition:background .25s,color .25s,border-color .25s}.btn:hover{background:#3b82f638;border-color:var(--line-strong)}.btn--solid{background:#d5e0ffeb;color:#061327;border-color:transparent;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.btn--solid:hover{background:#fff}.btn__glyph{font-size:9px;opacity:.8}.btn__dots{width:13px;height:13px;background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:6px 6px}.sidenav{position:fixed;left:calc(var(--edge) + 18px);top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:18px}.sidenav__item{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--muted);background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:11px;opacity:.5;transition:opacity .35s,color .35s}.sidenav__item:before{content:"";width:6px;height:6px;border:1px solid var(--muted);background:transparent;transition:all .35s;transform:rotate(0)}.sidenav__item:hover{opacity:.85}.sidenav__item.is-active{opacity:1;color:var(--off-blue)}.sidenav__item.is-active:before{background:var(--off-blue);border-color:var(--off-blue);box-shadow:0 0 10px var(--accent-bright)}.overlays{position:fixed;inset:0;z-index:5;pointer-events:none}.section{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;text-align:center;opacity:0;visibility:hidden;transition:opacity .7s ease,transform .7s ease;transform:translateY(26px)}.section.is-active{opacity:1;visibility:visible;transform:translateY(0)}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 34% at 50% 74%,rgba(2,8,18,.78) 0%,rgba(2,8,18,.45) 38%,transparent 68%);pointer-events:none}.section__inner{position:relative;max-width:720px;padding:0 24px}.section__headline{font-weight:700;font-size:clamp(28px,3.4vw,48px);line-height:1.08;letter-spacing:.01em;color:var(--off-blue);text-shadow:0 0 40px rgba(59,130,246,.35);white-space:pre-line;margin-bottom:22px}.section__headline .ltr{display:inline-block}.section__body{font-size:clamp(14px,1.05vw,16px);line-height:1.7;font-weight:300;color:var(--muted);max-width:480px;margin:0 auto 30px}.section__cta{pointer-events:auto;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--off-blue);background:#0a162a8c;border:1px solid var(--line);padding:14px 26px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;backdrop-filter:blur(6px);clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);transition:background .25s,border-color .25s,transform .25s}.section__cta:hover{background:#3b82f638;border-color:var(--line-strong);transform:translateY(-1px)}.section__cta .btn__glyph{font-size:9px;opacity:.8}.bottombar{position:fixed;bottom:0;left:0;right:0;z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:26px calc(var(--edge) + 22px) calc(var(--edge) + 14px);pointer-events:none}.bottombar>*{pointer-events:auto}.sound,.chat{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--off-blue);background:none;border:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.sound{justify-self:start}.chat{justify-self:end}.sound__icon,.chat__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.progress{width:clamp(160px,26vw,340px);height:2px;background:var(--line);position:relative;overflow:hidden}.progress__fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 12px var(--accent-bright);transition:width .1s linear}.endbar{position:fixed;bottom:0;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:26px calc(var(--edge) + 22px) calc(var(--edge) + 14px);font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--off-blue);opacity:0;visibility:hidden;transition:opacity .6s;pointer-events:none}.endbar.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.at-end .bottombar{opacity:0;visibility:hidden;transition:opacity .5s}.endbar__social{display:flex;gap:18px}.endbar__social a{color:var(--muted);text-decoration:none;transition:color .25s}.endbar__social a:hover{color:var(--off-blue)}.preloader{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}.preloader.is-done{opacity:0;pointer-events:none}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:16px;width:340px}.preloader__grid{display:flex;gap:8px}.preloader__grid span{width:9px;height:9px;border:1px solid rgba(170,195,255,.25);background:transparent;transition:background .2s,box-shadow .2s}.preloader__grid span.on{background:var(--accent-bright);box-shadow:0 0 10px var(--accent-bright)}.preloader__meta{width:100%;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.25em;color:var(--muted)}.menu-overlay{position:fixed;inset:0;z-index:40;background:#020812eb;backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .45s}.menu-overlay.is-open{opacity:1;visibility:visible}.menu-overlay__close{position:absolute;top:calc(var(--edge) + 18px);right:calc(var(--edge) + 26px);font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--off-blue);background:none;border:none;cursor:pointer}.menu-overlay__list{list-style:none;text-align:center}.menu-overlay__list li{font-size:clamp(28px,4.5vw,60px);font-weight:500;color:var(--off-blue);padding:8px 0;cursor:pointer;opacity:.55;transition:opacity .3s,letter-spacing .3s}.menu-overlay__list li:hover{opacity:1;letter-spacing:.04em}@media (max-width: 820px){.sidenav{display:none}.section{justify-content:center;padding-bottom:0}.progress{display:none}.bottombar{grid-template-columns:1fr 1fr}.logo{width:116px}}@media (prefers-reduced-motion: reduce){.section{transition:opacity .3s;filter:none;transform:none}}