*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#050508;--card:#0c0c10;--border:#1a1a22;
  --accent:#f7931a;--glow:#f7931a66;--dim:#f7931a30;
  --text:#c8c8d0;--muted:#555560;--bright:#eeeef2;
  --mono:'SF Mono',Monaco,'Cascadia Code','Fira Code',monospace;
}
body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}
nav{padding:16px 20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);max-width:800px;margin:0 auto}
nav a{color:var(--accent);text-decoration:none}
nav a:hover{text-decoration:underline}
.container{max-width:800px;margin:0 auto;padding:40px 20px 80px}
h1{font-size:24px;color:var(--accent);font-weight:700;letter-spacing:1px;margin-bottom:24px;text-shadow:0 0 12px var(--glow)}
h2{font-size:16px;color:var(--bright);font-weight:700;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
h3{font-size:14px;color:var(--bright);font-weight:700;margin:24px 0 8px}
p{margin-bottom:12px}
.intro{font-size:15px;color:var(--bright);margin-bottom:24px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{margin:0 0 16px 24px}
li{margin-bottom:6px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}
th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:11px}
td{padding:8px 12px;border-bottom:1px solid var(--border)}
tr:hover td{background:var(--card)}
code{background:var(--card);padding:2px 6px;border-radius:3px;font-size:13px;color:var(--accent)}
.code-block{background:#0a0a0f;border:1px solid var(--border);border-radius:4px;padding:16px;font-size:13px;color:var(--bright);margin:12px 0;overflow-x:auto}
.callout{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;padding:16px;margin:16px 0}
.callout.warn{border-left-color:#e74c3c}
.callout strong{color:var(--bright);display:block;margin-bottom:8px}
.callout ul{margin-top:8px;margin-bottom:0}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
@media(max-width:600px){.card-grid{grid-template-columns:1fr}}
.card{background:linear-gradient(145deg,var(--card),#08080c);border:1px solid var(--border);border-radius:6px;padding:20px;transition:border-color 0.3s}
.card:hover{border-color:var(--dim)}
.card h3{color:var(--bright);font-size:14px;margin:0 0 8px}
.card p{color:var(--muted);font-size:12px;margin:0}
.card .price{color:var(--accent);font-size:13px;font-weight:700;margin-top:8px}
.nav-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between}
.nav-footer a{color:var(--accent);font-size:13px}
footer{max-width:800px;margin:0 auto;text-align:center;padding:20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}
footer a{color:var(--accent);text-decoration:none;margin:0 8px}
.step-number{display:inline-block;width:28px;height:28px;background:var(--bg);border:1px solid var(--accent);border-radius:50%;text-align:center;line-height:28px;font-size:12px;color:var(--accent);margin-right:8px}
.docs-index{list-style:none;margin:0;padding:0}
.docs-index li{margin-bottom:12px}
.docs-index a{display:block;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--bright);font-size:14px;transition:border-color 0.3s}
.docs-index a:hover{border-color:var(--accent);text-decoration:none}
.docs-index .desc{color:var(--muted);font-size:12px;margin-top:4px}