+:root{color-scheme:light;--ink:#192e44;--muted:#53677a;--blue:#2168ab}
*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink);font:17px/1.75 system-ui,sans-serif}
header,main,footer{max-width:860px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dce4ec}
a{color:var(--blue);text-underline-offset:4px}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.brand{font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--ink)}
main{padding-top:48px;padding-bottom:60px}h1{font-size:clamp(30px,6vw,48px);line-height:1.18;letter-spacing:-.035em;margin:12px 0 28px}h2{font-size:22px;margin-top:34px}p{margin:14px 0}li{margin:8px 0}
.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lead{font-size:21px;color:var(--muted)}.note{border-left:3px solid var(--blue);padding:10px 20px;background:#eaf1f8;margin:28px 0}footer{border-top:1px solid #dce4ec;color:var(--muted);font-size:14px}footer p{margin:5px 0}
@media(max-width:500px){header,main,footer{padding:22px}main{padding-top:32px}nav{gap:12px}}