body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#2b2b2b;background:#f6f4ef}
nav{padding:1rem 1.5rem;background:#3c5a4a;color:#fff}
.hero{max-width:60rem;margin:0 auto;padding:3rem 1.5rem 1rem}.hero h1{margin:0 0 .5rem;font-size:2rem}
.grid{max-width:60rem;margin:0 auto;padding:1rem 1.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.grid div{background:#fff;border-radius:6px;padding:1rem 1.2rem;box-shadow:0 1px 2px #0001}.grid h3{margin-top:0}
footer{max-width:60rem;margin:2rem auto;padding:0 1.5rem;color:#777;font-size:.9rem}