:root{--bg:#0b1020;--card:#141b2d;--text:#e8eefc;--muted:#9aa8c7;--accent:#5b8cff;--warn:#f0b429;--border:#243049;--ok:#3dd68c;--focus:#8eb6ff}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:#243049;color:var(--warn);border:1px solid #3a4a6b}.badge,.btn{font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--accent);color:white;border-radius:8px;padding:.6rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--text)}.btn.warn{background:#5a3b12;border-color:#8a5a1a;color:var(--warn)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.grid2{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:#0f1524;color:var(--text);margin-bottom:.75rem}input[type=checkbox]{width:auto;margin:0 .4rem 0 0;vertical-align:middle}.check label{color:var(--text);font-size:.95rem}.muted{color:var(--muted)}.hint{color:var(--warn);margin-top:.75rem}.hint,.mono{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pre{white-space:pre-wrap;word-break:break-all;background:#0f1524;border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.8rem}.nav{gap:1rem;margin-bottom:1.5rem}.nav,.row{display:flex;align-items:center;flex-wrap:wrap}.row{gap:.75rem}.hero h1{font-size:2.4rem;margin:.5rem 0}.steps{display:grid;grid-gap:.75rem;gap:.75rem}.steps li{margin-left:1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem;margin:.75rem 0 1rem}.metrics div{background:#0f1524;border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}.metrics dt{margin:0;font-size:.75rem;color:var(--muted);font-weight:600}.metrics dd{margin:.15rem 0 0}