:root{--bg:#0b0d10;--panel:#12151a;--line:#232830;--ink:#eef2f6;--dim:#98a4b2;--acc:#ff5c42;--code:#0e1116;--font:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit}.wrap{max-width:760px;margin:0 auto;padding:0 22px}.hero{padding:86px 0 30px}.kicker{color:var(--acc);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-.02em;margin:14px 0;font-size:clamp(30px,5.4vw,46px);font-weight:900;line-height:1.08}.lede{color:var(--dim);max-width:56ch;margin:0 0 30px;font-size:17px;line-height:1.6}form{flex-wrap:wrap;gap:10px;display:flex}input{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;outline:none;flex:260px;padding:15px 16px;font-family:inherit;font-size:16px}input:focus{border-color:#3a4250}button{background:var(--acc);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:15px 26px;font-family:inherit;font-size:16px;font-weight:800}button:disabled{opacity:.55;cursor:default}.msg{color:var(--dim);min-height:22px;margin-top:16px;font-size:15px}.msg.err{color:#ff8d7a}.msg.ok{color:#7fd4a3}.small{color:var(--dim);margin-top:26px;font-size:13px;line-height:1.6}.list{gap:12px;margin:44px 0 90px;display:grid}.li{color:var(--dim);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.li b{color:var(--ink);font-weight:800}.dot{color:var(--acc);font-weight:900}.grp{margin:52px 0}.grp h2{letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:900}.grp p.blurb{color:var(--dim);margin:0 0 22px;font-size:15px}.step{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:14px;padding:16px 16px 14px}.step h3{align-items:baseline;gap:9px;margin:0 0 4px;font-size:15px;font-weight:800;display:flex}.step h3 span{color:var(--acc);font-variant-numeric:tabular-nums}.step .note{color:var(--dim);margin:0 0 12px;font-size:14px;line-height:1.55}.codewrap{position:relative}pre{background:var(--code);border:1px solid var(--line);font-family:var(--mono);color:#dbe4ee;border-radius:10px;margin:0;padding:14px 92px 14px 14px;font-size:13.5px;line-height:1.7;overflow-x:auto}.copy{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#1b2028;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700;position:absolute;top:9px;right:9px}.copy:hover{color:var(--ink)}.copy.done{color:#7fd4a3;border-color:#2c4739}footer{color:var(--dim);border-top:1px solid var(--line);margin-top:50px;padding:40px 0 70px;font-size:13px;line-height:1.7}