:root{--ink:#141113;--surface:#1F1B1D;--border:#2E282B;--paper:#F7F2EA;--muted:#B8AFA8;--red:#FF5A43;--yellow:#FFC93C}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 "Instrument Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:560px;margin:0 auto;padding:40px 20px 64px}
.mark{display:flex;align-items:center;gap:10px;font:800 26px/1 "Bricolage Grotesque",system-ui;letter-spacing:-.02em;color:var(--paper);text-decoration:none}
.mark i{display:grid;gap:3px;width:12px}.mark i b{display:block;height:6px;background:var(--red);border-radius:2px}
h1{font:800 40px/1.04 "Bricolage Grotesque",system-ui;letter-spacing:-.03em;margin:40px 0 12px}
h2{font:700 20px/1.2 "Bricolage Grotesque",system-ui;margin:32px 0 8px}
p,li{color:var(--muted)} a{color:var(--paper)}
.code{display:inline-block;font:500 34px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.18em;color:var(--yellow);background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:16px 20px;margin:20px 0 8px}
.btn{display:block;text-align:center;font-weight:600;font-size:17px;padding:17px;border-radius:16px;text-decoration:none;margin-top:14px}
.primary{background:var(--red);color:var(--ink)} .outline{border:1.5px solid #3A3336;color:var(--paper)}
.steps{counter-reset:s;list-style:none;padding:0;margin:28px 0 0}
.steps li{counter-increment:s;display:flex;gap:12px;margin:10px 0}
.steps li::before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--paper);display:grid;place-items:center;font-size:13px}
footer{margin-top:48px;font-size:13px;color:#7d746f} footer a{color:#7d746f}
.note{font-size:13px;color:#7d746f}
.soon{opacity:.55;pointer-events:none}