:root{
  --ground:#FBFAF7;
  --surface:#FFFFFF;
  --surface2:#F2EFE9;
  --ink:#1B2430;
  --muted:#5A6572;
  --faint:#8D97A3;
  --rule:#E3DED5;
  --accent:#1D4E89;
  --accent-soft:#E8EEF6;
  --warm:#B4600F;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#12161C;
    --surface:#1A2029;
    --surface2:#222A34;
    --ink:#E9EDF2;
    --muted:#A2AEBC;
    --faint:#75818F;
    --rule:#2B333E;
    --accent:#7FAEE3;
    --accent-soft:#182533;
    --warm:#E0A25C;
  }
}
:root[data-theme="dark"]{
  --ground:#12161C;
  --surface:#1A2029;
  --surface2:#222A34;
  --ink:#E9EDF2;
  --muted:#A2AEBC;
  --faint:#75818F;
  --rule:#2B333E;
  --accent:#7FAEE3;
  --accent-soft:#182533;
  --warm:#E0A25C;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px 80px}
h1,h2,h3{font-family:"Bitter",Georgia,"Times New Roman",serif;margin:0;text-wrap:balance}
h1{font-size:clamp(30px,5.5vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.12}
h2{font-size:clamp(21px,3vw,27px);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0 0 12px}
h3{font-size:18px;font-weight:600;margin:0 0 6px}
p{margin:0 0 16px}
a{color:var(--accent)}
img{max-width:100%}

header.top{padding:34px 0 0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.mark{
  width:34px;height:34px;flex:none;border-radius:7px;background:var(--accent);
  display:grid;place-items:center;color:#fff;font-family:"Bitter",serif;font-weight:700;font-size:17px;
}
.brand .nm{font-family:"Bitter",serif;font-weight:700;font-size:18px;letter-spacing:-.01em}

.hero{padding:44px 0 8px;border-bottom:1px solid var(--rule)}
.eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--warm);margin:0 0 14px;
}
.lede{font-size:19.5px;color:var(--muted);max-width:60ch;margin-top:18px}

section{padding:38px 0;border-bottom:1px solid var(--rule)}
section:last-of-type{border-bottom:none}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:8px}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:9px;padding:20px}
.card p{color:var(--muted);font-size:15.5px;margin:0}

ul.plain{list-style:none;margin:0;padding:0;display:grid;gap:12px}
ul.plain li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
ul.plain li::before{content:"—";color:var(--accent);font-weight:700}
ul.plain li b{font-weight:700}

.callout{
  background:var(--accent-soft);border:1px solid var(--rule);border-radius:9px;
  padding:20px 22px;font-size:16px;
}
.callout p:last-child{margin-bottom:0}

.legal{font-size:16px}
.legal h3{margin-top:26px}
.legal p, .legal li{color:var(--muted)}
.legal ul{padding-left:20px}
.legal li{margin-bottom:8px}

footer{
  padding:30px 0 0;margin-top:34px;border-top:1px solid var(--rule);
  font-size:14.5px;color:var(--faint);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--accent);text-decoration:underline}
footer .sep{color:var(--rule)}
a:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}