:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f7f8f4}
body{margin:0;line-height:1.5}
a{color:inherit}
.shell{max-width:1120px;margin:0 auto;padding:28px}
header,footer{display:flex;justify-content:space-between;gap:24px;align-items:center}
nav{display:flex;gap:14px;flex-wrap:wrap}
nav a,.button{border:1px solid #d7d9cf;border-radius:8px;padding:9px 12px;text-decoration:none;background:#fff}
.hero{padding:52px 0 34px;border-bottom:1px solid #d7d9cf}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:700}
h1{font-size:44px;line-height:1.05;margin:10px 0 16px;max-width:820px}
h2{font-size:20px;margin:0 0 10px}
p{max-width:760px;color:#344054}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:28px 0}
.card{background:#fff;border:1px solid #d7d9cf;border-radius:8px;padding:18px;min-height:190px}
.card strong{display:block;font-size:20px;margin:8px 0}
.chip{display:inline-flex;border-radius:999px;background:#e8f2ee;color:#245345;padding:4px 9px;font-size:12px;font-weight:700}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:24px 0}
.meta div{background:#fff;border:1px solid #d7d9cf;border-radius:8px;padding:14px}
ul{padding-left:20px}
footer{border-top:1px solid #d7d9cf;margin-top:42px;padding-top:20px;color:#667085}
@media(max-width:720px){.shell{padding:18px}header,footer{display:block}h1{font-size:34px}nav{margin-top:14px}}