:root{--bg1:#0d0f1c;--bg2:#171a33;--glow:#7c8cff;--glow2:#ff7ce0;--card:rgba(255,255,255,.05);
  --stroke:rgba(255,255,255,.11);--fg:#f0f2fb;--muted:#a6adc6;--accent:#8b9bff;--good:#4ade80;--bad:#f87171}
@media (prefers-color-scheme:light){:root{--bg1:#f4f6fc;--bg2:#e8ecfa;--card:rgba(20,24,45,.035);
  --stroke:rgba(20,24,45,.11);--fg:#161a2d;--muted:#565d78;--accent:#4a5bd0;--good:#15803d;--bad:#b91c1c}}
*{box-sizing:border-box}html,body{margin:0}
body{font:16px/1.68 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--fg);
  background:radial-gradient(900px 600px at 12% -10%,color-mix(in srgb,var(--glow) 22%,transparent),transparent 60%),
    linear-gradient(180deg,var(--bg2),var(--bg1));min-height:100vh}
.wrap{max-width:720px;margin:0 auto;padding:22px 22px 70px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.logo{font-weight:800;letter-spacing:-.03em;font-size:19px;text-decoration:none;color:inherit}.logo b{color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;font-size:13.5px;margin-left:14px}nav a:hover{color:var(--accent)}
.crumb{font-size:13px;color:var(--muted);margin:20px 0 6px}.crumb a{color:var(--accent);text-decoration:none}
h1{font-size:clamp(26px,5.4vw,38px);line-height:1.12;letter-spacing:-.03em;margin:6px 0 10px}
h2{font-size:22px;letter-spacing:-.02em;margin:38px 0 10px}
h3{font-size:17px;margin:26px 0 6px}
.dek{font-size:18px;color:var(--muted);margin:0 0 8px}
.meta{font-size:13px;color:var(--muted);margin:0 0 26px}
p{margin:0 0 15px}a{color:var(--accent)}
ul,ol{margin:0 0 15px;padding-left:22px}li{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--stroke)}
th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.yes{color:var(--good);font-weight:600}.no{color:var(--bad);font-weight:600}
.callout{background:var(--card);border:1px solid var(--stroke);border-left:3px solid var(--accent);
  border-radius:10px;padding:15px 17px;margin:22px 0;font-size:15px}
.cta{background:var(--card);border:1px solid var(--stroke);border-radius:15px;padding:22px;margin:30px 0;text-align:center}
.cta h3{margin:0 0 6px}.cta p{color:var(--muted);margin:0 0 14px;font-size:15px}
.btn{display:inline-block;padding:12px 22px;border-radius:11px;font-weight:650;text-decoration:none;font-size:15px}
.btn.p{background:linear-gradient(92deg,var(--glow),var(--glow2));color:#0b0d1a}
.btn.s{background:transparent;border:1px solid var(--stroke);color:var(--fg);margin-left:8px}
.faq{margin-top:16px}.faq dt{font-weight:650;margin-top:16px}.faq dd{margin:5px 0 0;color:var(--muted)}
footer{margin-top:46px;padding-top:20px;border-top:1px solid var(--stroke);color:var(--muted);font-size:13px}
footer a{color:var(--accent);text-decoration:none}
code{background:var(--card);border:1px solid var(--stroke);padding:1px 6px;border-radius:5px;font-size:.92em}