
:root{--bg:#0c0d20;--surface:#191a35;--accent:#9b87f5;--accent2:#67e8f9;--ink:#f8fafc;--muted:#bac3d1;--border:rgba(255,255,255,.14);--max:1160px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--surface) 75%,#000));color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--accent);padding:.7rem 1rem;z-index:20}.skip-link:focus{left:8px}.site-header{width:min(var(--max),calc(100% - 32px));margin:auto;padding:24px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{font-weight:850;text-decoration:none}.brand small{display:block;color:var(--muted);font-size:.72rem;font-weight:550}nav{display:flex;flex-wrap:wrap;gap:14px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--ink)}main{width:min(var(--max),calc(100% - 32px));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:22px;margin:42px 0 24px}.hero>div,.hero aside,.content-section,.topic-card,.support-main article{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 93%,transparent);border-radius:var(--radius);box-shadow:0 28px 80px rgba(0,0,0,.22)}.hero>div{padding:clamp(28px,6vw,68px)}.hero aside{padding:28px;border-top:4px solid var(--accent)}.hero aside p,.content-section p,.content-section li,.content-section dd,.topic-card p{color:var(--muted)}.hero aside a,.button{display:inline-flex;padding:.58rem .9rem;border-radius:999px;background:var(--accent);color:#111;text-decoration:none;font-weight:800}.eyebrow,.section-label{margin:0 0 .7rem;color:var(--accent2);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(2.2rem,7vw,5rem);line-height:1.04;letter-spacing:-.045em;margin:.2rem 0 1.1rem;max-width:17ch}h2{font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.2}.lead{font-size:1.08rem;max-width:70ch;color:var(--muted)}.content-section{padding:clamp(26px,5vw,48px);margin:22px 0}.evidence-atlas>div,.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.evidence-atlas article,.catalog-grid article,.catalog-grid aside,.matrix-row,.audit-ledger dl>div{padding:20px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03)}.audit-ledger dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-ledger dt,.matrix-row>span{font-weight:800;color:var(--accent2)}.audit-ledger dd{margin:.4rem 0 0}.cost-matrix{display:grid;gap:14px}.matrix-row{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}.matrix-row p{margin:0}.browser-bar{display:flex;gap:8px;padding:.8rem 1rem;background:rgba(0,0,0,.25);border-radius:14px 14px 0 0}.browser-bar span{width:10px;height:10px;border-radius:50%;background:var(--accent)}.catalog-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.catalog-grid h2,.catalog-grid .section-label{grid-column:1/-1}.catalog-grid aside{display:grid;gap:10px;align-content:start}.topic-grid{margin:22px 0}.topic-card{padding:22px}.topic-card span{font-size:.75rem;color:var(--accent2);font-weight:850}.topic-card h3 a{text-decoration:none}.related div{display:flex;gap:12px;flex-wrap:wrap}.related a{padding:.45rem .72rem;border:1px solid var(--border);border-radius:999px;text-decoration:none}.faq details{border-top:1px solid var(--border);padding:1rem 0}.faq summary{cursor:pointer;font-weight:780}.support-main{max-width:780px;margin:45px auto 90px}.support-main article{padding:clamp(28px,6vw,58px)}footer{width:min(var(--max),calc(100% - 32px));margin:70px auto 0;padding:30px 0 50px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;color:var(--muted)}footer p{margin:.2rem 0 0;font-size:.84rem}
@media(max-width:840px){.site-header,.hero,footer{display:block}.site-header nav{margin-top:14px}.hero aside{margin-top:18px}.topic-grid,.evidence-atlas>div,.audit-ledger dl,.catalog-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:1fr}h1{font-size:clamp(2rem,13vw,4rem)}}
