:root{--green:#245840;--cream:#fbfaf4;--ink:#1c241f;--muted:#5b6b61}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
.container{max-width:960px;margin:0 auto;padding:0 24px}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e6e3d8}
.site-header a{color:var(--ink);text-decoration:none;margin-left:20px}.brand{font-weight:700;color:var(--green);font-size:20px;margin:0}
.hero{padding:80px 0;text-align:center}.hero h1{font-size:42px;margin:0 0 12px;color:var(--green)}
.lead{font-size:20px;color:var(--muted);max-width:620px;margin:0 auto 28px}
.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 26px;border-radius:8px;text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 0}
.card{background:#fff;border:1px solid #e6e3d8;border-radius:12px;padding:24px}.card h3{margin:0 0 8px;color:var(--green)}
.site-footer{border-top:1px solid #e6e3d8;padding:32px 0;color:var(--muted);text-align:center}
form{display:grid;gap:12px;max-width:480px}input,textarea{padding:12px;border:1px solid #cfd6cf;border-radius:8px;font:inherit}
@media(max-width:600px){.hero h1{font-size:32px}}