@font-face{font-family:"PP NeueBit";src:url("./brand-assets/fonts/ppneuebit-bold.otf") format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:"Space Mono";src:url("./brand-assets/fonts/SpaceMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url("./brand-assets/fonts/SpaceMono-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--blue:#173ef5;--ink:#121212;--muted:#7e7e7e;--line:#e8e8ec;--band:#f8f8f8;--pale:#eef2ff;--display:"PP NeueBit",monospace;--mono:"Space Mono",monospace;--body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
a:focus-visible,button:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--blue);outline-offset:2px}.guide-card:focus-visible{outline-color:var(--blue)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px max(24px,calc((100% - 1180px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand,.foot-brand{display:flex;align-items:center;gap:9px}.brand img:first-child,.foot-brand img:first-child{width:40px;height:26px;object-fit:contain}.brand img:last-child{width:180px}.nav nav,footer nav{display:flex;align-items:center;gap:24px}.nav a,footer a{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;text-decoration:none}.nav nav a:hover,footer nav a:hover{color:var(--blue)}.nav-cta,.button.primary{background:var(--blue);color:#fff!important;padding:13px 20px;box-shadow:inset -2px -2px 0 rgba(0,0,0,.28)}.hero{position:relative;min-height:76vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:110px max(24px,calc((100% - 1180px)/2));overflow:hidden}.grid{position:absolute;inset:0;background-image:radial-gradient(rgba(23,62,245,.15) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 90% 80% at 60% 40%,#000,transparent 70%);animation:gridDrift 24s linear infinite}@keyframes gridDrift{to{background-position:26px 26px}}.hero-copy,.ascii{position:relative}.eyebrow{font:700 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}.eyebrow:after{content:"▮";margin-left:7px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:.01em;margin:0}h1{font-size:clamp(64px,9vw,132px);line-height:.78}h1 span{color:var(--blue)}.lead{max-width:600px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.ascii{justify-self:end;color:var(--blue);font:700 clamp(11px,1.2vw,16px)/1.5 var(--mono);white-space:pre;padding:30px;border:1px solid var(--line);background:rgba(255,255,255,.84);box-shadow:12px 12px 0 var(--pale);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;white-space:nowrap}.ticker-track{display:inline-flex;width:max-content;animation:ticker 30s linear infinite}.ticker-track span{font:400 11px/1 var(--mono);letter-spacing:.12em;padding-right:28px}.ticker-track i{color:var(--blue);font-style:normal;margin:0 20px}@keyframes ticker{to{transform:translateX(-50%)}}.library{max-width:1180px;margin:auto;padding:110px 24px}.library-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:26px}.library h2,.next-system h2{font-size:clamp(48px,7vw,94px);line-height:.84}.counter{display:flex;align-items:baseline;gap:10px;font-family:var(--mono)}.counter b{font:700 64px/1 var(--display);color:var(--blue)}.counter span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.filters{display:flex;gap:8px;margin:28px 0}.filters button{border:1px solid var(--line);border-radius:4px;background:#fff;padding:11px 16px;font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.filters button[data-on=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{position:relative;min-height:410px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);background:#fff;text-decoration:none;color:inherit;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.guide-card:hover{transform:translateY(-4px);border-color:#9caeff;box-shadow:0 20px 48px rgba(23,62,245,.12)}.guide-card[data-state=coming]{background:var(--band);color:var(--muted);pointer-events:none}.card-top{display:flex;justify-content:space-between;font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.card-art{flex:1;display:grid;place-items:center;color:var(--blue);font:700 13px/1.25 var(--mono);white-space:pre;text-align:center}.guide-card h3{font:700 42px/.86 var(--display);margin:20px 0 12px;text-transform:uppercase}.guide-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.card-go{margin-top:24px;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.next-system{text-align:center;background:var(--ink);color:#fff;padding:120px 24px}.next-system .eyebrow{color:#9caeff}.next-system h2{max-width:1000px;margin:auto}.next-system>p:not(.eyebrow){max-width:620px;margin:28px auto;color:#aaa;line-height:1.6}.actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.button{display:inline-flex;padding:15px 24px;border:1px solid #fff;border-radius:4px;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.button.secondary{color:#fff}footer{display:flex;align-items:center;justify-content:space-between;padding:28px max(24px,calc((100% - 1180px)/2));border-top:1px solid var(--line)}.foot-brand img:last-child{width:170px}@media(max-width:800px){.nav .brand img:last-child{display:none}.nav nav a:not(.nav-cta){display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:80px}.ascii{justify-self:stretch;font-size:10px;overflow:hidden}.guide-grid{grid-template-columns:1fr}.library-head{align-items:flex-start}.counter b{font-size:48px}.next-system{padding:90px 20px}.actions{flex-direction:column}.button{justify-content:center}footer{align-items:flex-start;gap:24px;flex-direction:column}footer nav{flex-wrap:wrap;gap:16px}.foot-brand img:last-child{width:145px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}