*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2b25;background:#fbfaf6}
a{color:#1F5D45}header,footer,main{max-width:860px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;flex-wrap:wrap;gap:8px}
.logo{font-weight:800;font-size:20px;color:#1F5D45;text-decoration:none;letter-spacing:.3px}
nav a{margin-left:18px;text-decoration:none;color:#1c2b25;font-weight:600}nav a:hover{color:#1F5D45}
.hero{background:#1F5D45;color:#fff;border-radius:20px;padding:44px 28px;margin:10px 0 36px}
.hero h1{margin:0 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.2}.hero p{margin:0 0 20px;font-size:19px;opacity:.95}
.btn{display:inline-block;background:#fff;color:#1F5D45;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;margin:4px 8px 4px 0}
.btn.alt{background:transparent;color:#fff;border:2px solid #fff}.btn.dis{opacity:.75}
.card{background:#fff;border:1px solid #e3e8e2;border-radius:16px;padding:22px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.grid .card{margin:0}
h2{color:#1F5D45;margin-top:40px}h3{margin-bottom:4px}footer{padding:36px 20px;color:#5b6b64;font-size:14px;border-top:1px solid #e3e8e2;margin-top:48px}
.small{font-size:14px;color:#5b6b64}