@font-face{font-family:Geist;src:url(fonts/Geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/GeistMono.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
:root{--base:#0B0C0F;--text:#F2F1EC;--t2:#A3A4AB;--acc:#8E96D2;--acchi:#D3D7FA;--rule:rgba(242,241,236,.12)}
html,body{width:100%;height:100%;overflow:hidden;background:var(--base);color:var(--text);font-family:Geist,sans-serif;-webkit-font-smoothing:antialiased}
#stage{position:fixed;inset:0;overflow:hidden}
#scene{position:absolute;inset:0}
#bloom{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
#world{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 45%;transform-style:preserve-3d}
.k{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform,opacity}
.label{font-family:"Geist Mono";font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);line-height:1.4}
.acc{color:var(--acc)}
.disp{font-weight:300;letter-spacing:-.025em}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:20px;font-size:14px;white-space:nowrap}
.btn.p{background:var(--acc);color:#0B0C0F;box-shadow:0 0 24px rgba(142,150,210,.35)}
.btn.s{border:1px solid rgba(242,241,236,.32)}
.chip{display:inline-block;font-family:"Geist Mono";font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acchi);border:1px solid rgba(142,150,210,.55);border-radius:12px;padding:4px 9px;vertical-align:middle}
.glass{background:linear-gradient(160deg,rgba(38,40,52,.80),rgba(16,17,22,.86));border-radius:18px;box-shadow:0 0 0 1px rgba(142,150,210,.20),0 24px 70px rgba(0,0,0,.5),0 0 50px rgba(142,150,210,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(211,215,250,.6),rgba(142,150,210,.06) 40%,rgba(142,150,210,.04) 60%,rgba(211,215,250,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.glass.lit{box-shadow:0 0 0 1px rgba(142,150,210,.40),0 24px 70px rgba(0,0,0,.5),0 0 80px rgba(142,150,210,.30),inset 0 1px 0 rgba(255,255,255,.10)}
.blank{background:linear-gradient(160deg,rgba(52,56,76,.78),rgba(20,22,30,.82))}
.blank i{display:block;height:5px;border-radius:3px;background:rgba(211,215,250,.30);margin:10px 0 0}
.sq{display:inline-block;width:8px;height:8px;background:var(--acc);box-shadow:0 0 8px rgba(142,150,210,.8)}
.sq.o{background:none;border:1px solid var(--acc);box-shadow:none}
.retro{background:#C3C4CC;border:2px solid;border-color:#E8E9EE #5A5C66 #5A5C66 #E8E9EE;box-shadow:4px 6px 18px rgba(0,0,0,.45);width:132px}
.retro b{display:flex;height:18px;background:linear-gradient(90deg,#2F3A7A,#5A67A8);align-items:center;padding:0 6px;font-family:"Geist Mono";font-weight:400;font-size:9.5px;letter-spacing:.12em;color:#E9EAF2}
.retro i{display:block;height:4px;background:#7B7D88;margin:8px 8px 0}
.retro i+i{width:50%;margin-bottom:9px}
#blanks,#tags,#chips{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none}
#chips i{position:absolute;left:0;top:0;display:block;background:#F2F1EC;box-shadow:0 0 8px rgba(211,215,250,.8)}
nav{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 96px;z-index:50;background:linear-gradient(rgba(11,12,15,.72),rgba(11,12,15,0))}
nav ul{display:flex;gap:28px;list-style:none;font-size:13px;color:var(--t2);align-items:center}
.wm{width:160px;height:auto;color:#F2F1EC;filter:drop-shadow(0 0 10px rgba(142,150,210,.45)) drop-shadow(0 0 2px rgba(211,215,250,.35))}
.cluster{position:fixed;right:32px;bottom:32px;width:177px;height:44px;border-radius:22px;border:1px solid rgba(242,241,236,.18);background:rgba(11,12,15,.55);display:flex;align-items:center;justify-content:space-around;z-index:50;color:var(--t2);font-size:13px}
.cluster i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.cluster i.on{background:rgba(242,241,236,.14);color:var(--text)}
.rail{position:fixed;left:96px;right:96px;bottom:60px;height:1px;background:var(--rule);z-index:40}
.rail .f{position:absolute;left:0;top:0;height:1px;background:var(--acc);box-shadow:0 0 8px var(--acc)}
.rail .l{position:absolute;top:12px;display:flex;justify-content:space-between;width:100%}
.field{display:block;width:100%;height:42px;border-radius:10px;border:1px solid rgba(242,241,236,.16);background:rgba(22,23,28,.86);margin-top:7px;color:var(--t2);font-size:14px;padding:11px 12px}
.flabel{font-size:13px;color:var(--t2)}
.scrimL{position:absolute;pointer-events:none;background:radial-gradient(ellipse at 30% 60%,rgba(11,12,15,.84),rgba(11,12,15,.45) 55%,rgba(11,12,15,0) 75%)}
body.m nav{height:64px;padding:0 24px}
body.m .wm{width:112px}
body.m .cluster{right:16px;bottom:12px}
body.m #hero{width:342px!important}body.m #hero h1{font-size:34px!important}body.m #hero .label{white-space:normal!important}body.m #hero .lead{font-size:15px!important}
body.m #today{width:342px!important;padding:22px 24px!important}body.m #today h2{font-size:28px!important}
body.m #statement{width:342px!important;padding:28px 26px 30px!important}body.m #statement h2{font-size:40px!important}
body.m #form{width:342px!important}body.m #form .fg{grid-template-columns:1fr!important}body.m #form p.disp{font-size:34px!important}
body.m .hide-m{display:none!important}body.m .show-m{display:block!important}body.m #rail{display:none}