*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,serif;color:#1e2420;background:#f7f5ef}
header{background:#24452f;color:#fff;padding:18px 16px}header .w{max-width:880px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header a{color:#fff;text-decoration:none}.brand{font:700 20px Arial,sans-serif;letter-spacing:.02em}nav a{font:14px Arial,sans-serif;margin-left:16px}
.hero{background:#2f5a3c;color:#fff;padding:56px 16px}.hero .w{max-width:880px;margin:0 auto}.hero h1{font:700 36px/1.2 Arial,sans-serif;margin:0 0 12px}.hero p{font-size:19px;max-width:640px;margin:0}
main{max-width:880px;margin:0 auto;padding:32px 16px}h2{font:700 26px/1.25 Arial,sans-serif;margin:32px 0 8px}h3{font:700 19px Arial,sans-serif;margin:24px 0 4px}
a{color:#1a56a8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}.card{background:#fff;border:1px solid #d9d5c8;border-radius:10px;padding:18px}
.card h3{margin-top:0}.cta{display:inline-block;background:#c8611c;color:#fff;padding:12px 20px;border-radius:8px;font:700 16px Arial,sans-serif;text-decoration:none;margin-top:8px}
footer{background:#1b2b20;color:#cfd8cf;font:14px Arial,sans-serif;padding:24px 16px;margin-top:40px}footer .w{max-width:880px;margin:0 auto}footer a{color:#fff}
@media(max-width:560px){.hero h1{font-size:28px}nav a{margin:0 12px 0 0}}