:root{
  --page:#12171A;--panel:#1B2226;--panel-2:#232C31;--ink:#E9EDEF;
  --ink-2:#9BA6AC;--ink-3:#6C787E;--line:#2C363B;--line-2:#3A464C;
  --accent:#4A9FD8;--accent-2:#6FB8E8;--gold:#C99A3E;
  --sev-hi:#C4614A;--sev-md:#C99A3E;--sev-lo:#5AA37F;
}
body{background:var(--page);color:var(--ink)}
.doc,.row+.row,.doc-foot{border-color:var(--line)}
.doc{border-color:var(--line-2);background:var(--panel)}
.doc-head{background:#0C1114;color:var(--ink)}
.doc-ref{color:var(--ink-3)}
.label{color:var(--ink-2)}
.lead{font-size:var(--fs-lg);line-height:1.45;color:var(--ink-2);max-width:46ch}
.site-head{background:var(--panel);border-bottom:1px solid var(--line-2)}
.site-head .wrap{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);
  align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6)}
.brand{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.brand small{display:block;font-size:var(--fs-xs);font-weight:400;
  letter-spacing:.03em;color:var(--ink-2);margin-top:2px}
.nav{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:0;padding:0;list-style:none}
.nav a{font-size:var(--fs-md);font-weight:500;color:var(--ink-2);
  padding:var(--sp-1) 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
main{padding:var(--sp-10) 0 var(--sp-16)}
.section{margin-top:var(--sp-16)}
.hero{background:#0C1114;padding:var(--sp-16) 0 var(--sp-12);
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px}
.hero .eyebrow{color:var(--accent-2);font-size:var(--fs-xs);font-weight:600;
  text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--sp-5)}
.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.06;
  letter-spacing:-.03em;max-width:22ch;margin:0 0 var(--sp-5)}
.hero .sub{font-size:var(--fs-lg);color:var(--ink-2);max-width:56ch;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--sp-4);margin-top:var(--sp-6)}
.card{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--sp-5)}
.card:hover{border-color:var(--accent);background:var(--panel-2)}
.card h3{margin:0 0 var(--sp-2);font-size:var(--fs-h3)}
.card h3 a{color:var(--ink)}
.card p{font-size:var(--fs-md);color:var(--ink-2);margin:0 0 var(--sp-4);max-width:none}
.card .kv{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.05em;
  margin:0 0 var(--sp-3)}
.tag{font-size:var(--fs-xs);font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--accent-2)}
.sev-hi{background:var(--sev-hi)}.sev-md{background:var(--sev-md)}
.sev-lo{background:var(--sev-lo)}
.chip{color:var(--ink-2);border-color:var(--line-2);background:transparent}
.chip--live{color:var(--sev-lo);border-color:var(--sev-lo)}
.chip--man{color:var(--gold);border-color:var(--gold)}
.chip--none{color:var(--ink-3);border-color:var(--line-2)}
.row span{color:var(--ink-2)}
.doc-foot{color:var(--ink-2);background:#0C1114}
.cta{display:inline-block;background:var(--accent);color:#0C1114;
  font-size:var(--fs-md);font-weight:600;padding:.65rem 1.1rem;
  border-radius:var(--radius)}
.cta:hover{background:var(--accent-2)}
.link{color:var(--accent-2);font-weight:500;border-bottom:1px solid var(--line-2)}
.site-foot{background:#0C1114;color:var(--ink-2);margin-top:var(--sp-16);
  padding:var(--sp-10) 0;font-size:var(--fs-md);border-top:1px solid var(--line)}
.site-foot .wrap{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-8)}
.site-foot h4{color:var(--ink);font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.09em;margin-bottom:var(--sp-3)}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:var(--sp-2)}
.site-foot a:hover{color:var(--ink)}