:root{--bg:#0a0e17;--panel:#111827;--panel2:#0d1420;--line:#1f2b3d;--txt:#e5ecf5;--dim:#8fa3bd;--acc:#5eead4;--acc2:#818cf8;--warn:#fbbf24}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);background:var(--panel2)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.brand{font-weight:700;font-size:17px;color:var(--txt)}
.brand span{color:var(--acc)}
nav.top a{color:var(--dim);margin-left:18px;font-size:14px}
nav.top a:hover{color:var(--txt)}
.hero{padding:56px 0 28px}
.hero h1{font-size:38px;line-height:1.2;letter-spacing:-0.5px}
.hero h1 em{color:var(--acc);font-style:normal}
.hero p.sub{color:var(--dim);max-width:720px;margin-top:14px;font-size:17px}
.badge{display:inline-block;background:rgba(94,234,212,.1);color:var(--acc);border:1px solid rgba(94,234,212,.3);border-radius:999px;padding:3px 12px;font-size:13px;margin-bottom:16px}
h2{font-size:24px;margin:40px 0 12px;letter-spacing:-0.3px}
h3{font-size:18px;margin:24px 0 8px}
p.lede{color:var(--dim)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:860px){.grid2{grid-template-columns:1fr}.hero h1{font-size:29px}}
label{display:block;font-size:13px;color:var(--dim);margin:14px 0 5px}
input,select{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:9px 11px;font-size:15px}
input:focus,select:focus{outline:none;border-color:var(--acc)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:640px){.row,.row3{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:16px}
.card .k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.card .v{font-size:26px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.card .s{font-size:13px;color:var(--dim);margin-top:2px}
.card.big .v{color:var(--acc);font-size:30px}
.note{font-size:13px;color:var(--dim);margin-top:14px;border-left:3px solid var(--acc2);padding-left:12px}
.warn{border-left-color:var(--warn)}
.bar{height:10px;border-radius:5px;background:var(--panel2);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
footer.site{margin-top:64px;border-top:1px solid var(--line);padding:26px 0 40px;color:var(--dim);font-size:13px}
footer.site a{color:var(--dim)}
table.ref{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}
table.ref th,table.ref td{border:1px solid var(--line);padding:9px 11px;text-align:left}
table.ref th{background:var(--panel2);color:var(--dim);font-weight:600}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:14px}
pre{padding:14px;overflow-x:auto;margin-top:10px}
ul.tight{margin:10px 0 10px 20px}
ul.tight li{margin:6px 0}
.faq dt{font-weight:600;margin-top:18px}
.faq dd{color:var(--dim);margin-top:4px}
.preset-note{font-size:13px;color:var(--dim);margin-top:10px}