:root{--void:#080A0A;--surface:#0E1211;--surface-2:#141918;--rule:#1F2725;--rule-lit:#2E3A37;--ink:#ECF2EF;--ink-mid:#A9B4B0;--ink-dim:#7E8A86;--live:#C6F24E;--cold:#FF5A47;
--display:"Anybody","Arial Narrow",system-ui,sans-serif;--sans:"Instrument Sans",system-ui,sans-serif;--mono:"Martian Mono",ui-monospace,monospace;
--t--2:clamp(.62rem,.6rem + .1vw,.68rem);--t--1:clamp(.74rem,.72rem + .1vw,.8rem);--t-0:clamp(.97rem,.94rem + .16vw,1.06rem);--t-1:clamp(1.15rem,1.08rem + .36vw,1.36rem);--t-2:clamp(1.45rem,1.3rem + .75vw,1.95rem);--t-3:clamp(2rem,1.65rem + 1.75vw,3.2rem);--t-4:clamp(2.7rem,2rem + 3.5vw,5.2rem);
--pad:clamp(1.15rem,4vw,4rem);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--sans);font-size:var(--t-0);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;line-height:.96;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--live);outline-offset:3px}
::selection{background:var(--live);color:var(--void)}
.wrap{max-width:80rem;margin:0 auto;padding-inline:var(--pad)}
.mono{font-family:var(--mono);font-size:var(--t--2);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:500}
.top{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(8,10,10,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.top-in{display:flex;align-items:center;gap:1.4rem;height:58px;overflow-x:auto;scrollbar-width:none}
.top-in::-webkit-scrollbar{display:none}
.mark{font-family:var(--display);font-weight:900;font-size:1.1rem;letter-spacing:-.05em;text-transform:uppercase;font-variation-settings:'wdth' 112;white-space:nowrap}
.nav{display:flex;gap:1.2rem;margin-left:auto}
.nav a{font-family:var(--mono);font-size:var(--t--2);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;padding:.3em 0;border-bottom:1px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a.on{color:var(--live);border-bottom-color:var(--live)}
.btn{display:inline-block;background:var(--live);color:var(--void);font-family:var(--mono);font-weight:700;font-size:var(--t--1);letter-spacing:.04em;text-transform:uppercase;padding:1em 1.6em;border:none;cursor:pointer;text-align:center;transition:background 180ms var(--ease)}
.btn:hover{background:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--rule-lit)}
.btn-ghost:hover{background:var(--ink);color:var(--void)}
.hero{padding:calc(58px + clamp(2.8rem,6vw,5rem)) 0 clamp(2.5rem,5vw,4rem)}
h1{font-size:var(--t-4);letter-spacing:-.04em;font-variation-settings:'wdth' 112;max-width:18ch}
h1 em{font-style:normal;color:var(--live)}
.lede{margin-top:1.4rem;font-size:var(--t-1);color:var(--ink-mid);max-width:46ch;line-height:1.5}
section{border-top:1px solid var(--rule)}
.sec{padding:clamp(3rem,6vw,5.5rem) 0}
.eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem}
.eyebrow::after{content:"";height:1px;background:var(--rule);flex:1}
h2{font-size:var(--t-3);font-variation-settings:'wdth' 108;max-width:22ch}
h2 em{font-style:normal;color:var(--live)}
.steps{margin-top:2.2rem;border-top:1px solid var(--rule)}
.step{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:0 1.6rem;padding:1.3rem 0;border-bottom:1px solid var(--rule);align-items:baseline}
.step b{font-family:var(--mono);font-size:var(--t--2);color:var(--live);font-weight:700}
.step h3{font-size:var(--t-1);font-variation-settings:'wdth' 102;margin-bottom:.35rem}
.step p{color:var(--ink-mid);max-width:56ch}
.panel{background:var(--surface);border:1px solid var(--rule)}
.panel-head{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid var(--rule);flex-wrap:wrap}
.panel-head .mono{color:var(--ink-mid)}
.tag{margin-left:auto;color:var(--ink-dim);border:1px solid var(--rule-lit);padding:.25em .6em}
.dot{width:7px;height:7px;background:var(--live);flex:none;animation:beat 2s steps(1,end) infinite}
@keyframes beat{0%,55%{opacity:1}56%,100%{opacity:.25}}
.cta-band{background:var(--live);color:var(--void)}
.cta-band .sec{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.cta-band h2{color:var(--void);max-width:24ch}
.cta-band .btn{background:var(--void);color:var(--live)}
.cta-band .btn:hover{background:#1a1d1d}
footer{border-top:1px solid var(--rule);padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}