*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d2125;background:#fafaf8;line-height:1.6}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #e4e4e0}
.logo{font-weight:700;letter-spacing:.02em}
nav a{margin-left:20px;color:#1d2125;text-decoration:none;font-size:.95rem}
nav a:hover{text-decoration:underline}
section{padding-top:40px;padding-bottom:8px}
.hero{padding-top:72px;padding-bottom:32px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#5b6168;margin:0}
h1{font-size:2.6rem;margin:.2em 0}
.lead{font-size:1.2rem;color:#3c4248;max-width:620px}
h2{font-size:1.4rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:#fff;border:1px solid #e4e4e0;border-radius:10px;padding:20px 22px}
.card h3{margin-top:0}
a{color:#1f5b8f}
footer{margin-top:56px;padding-top:24px;padding-bottom:40px;border-top:1px solid #e4e4e0;font-size:.9rem;color:#5b6168}
.doc h1{font-size:2rem}
.doc h2{font-size:1.15rem;margin-top:1.8em}
@media (max-width:640px){.grid{grid-template-columns:1fr}nav a{margin-left:12px}h1{font-size:2rem}}