:root { color-scheme: light dark; --blue:#1769aa; --blue-dark:#0f4f83; --ink:#172033; --muted:#667085; --surface:#f7f9fc; --card:#fff; --border:#d9e2ec; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--surface); color:var(--ink); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.65; margin:0; }
a { color:var(--blue-dark); }
.site-header { background:var(--card); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:2; }
.site-header__inner { align-items:center; display:flex; gap:12px; justify-content:space-between; margin:auto; max-width:960px; padding:12px 20px; }
.brand { align-items:center; color:var(--ink); display:flex; gap:10px; text-decoration:none; }
.brand img { height:38px; object-fit:contain; width:38px; }
.brand span { display:flex; flex-direction:column; line-height:1.2; }
.brand small { color:var(--muted); font-size:11px; }
nav { display:flex; gap:16px; }
nav a { font-size:13px; text-decoration:none; }
main { margin:auto; max-width:820px; padding:48px 20px 72px; }
.eyebrow { color:var(--blue); font-size:12px; font-weight:800; text-transform:uppercase; }
h1 { font-size:clamp(30px,5vw,44px); line-height:1.15; margin:8px 0 12px; }
h2 { font-size:21px; margin:34px 0 8px; }
h3 { font-size:16px; margin:22px 0 6px; }
p,li { font-size:15px; }
.meta { color:var(--muted); font-size:13px; margin-bottom:34px; }
.summary { background:var(--card); border:1px solid var(--border); border-radius:8px; padding:18px 20px; }
.action { background:var(--blue); border-radius:999px; color:#fff; display:inline-flex; font-weight:700; margin-top:12px; padding:11px 18px; text-decoration:none; }
.action:hover { background:var(--blue-dark); }
footer { border-top:1px solid var(--border); color:var(--muted); font-size:12px; padding:24px 20px; text-align:center; }
@media(max-width:640px){ .site-header__inner{align-items:flex-start;flex-direction:column}.site-header{position:static}nav{flex-wrap:wrap}main{padding-top:32px} }
@media(prefers-color-scheme:dark){ :root{--ink:#f1f5f9;--muted:#a7b0be;--surface:#0d1117;--card:#171c24;--border:#303846;--blue:#79baf0;--blue-dark:#9acbf2}.action{background:#287bbd;color:#fff}.action:hover{background:#1f659b} }