:root{--green:#1d5c2e;--dark:#14261a;--light:#f4f7f2;--accent:#e8a020}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:var(--dark);padding:14px 0;position:sticky;top:0}
header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.brand{color:#fff;font-weight:700;font-size:1.15rem;text-decoration:none}
nav a{color:#cfe3d2;text-decoration:none;margin-left:18px;font-size:.95rem}
nav a.cta{color:#fff;background:var(--green);padding:8px 14px;border-radius:6px}
.hero{background:linear-gradient(160deg,#1d5c2e,#2e7d43);color:#fff;padding:64px 0}
.hero h1{font-size:2.2rem;margin:0 0 12px}
.hero p{max-width:640px;font-size:1.1rem}
.hero .sub{font-size:.95rem;opacity:.85}
.btn{display:inline-block;background:var(--accent);color:#222;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:8px;margin-top:10px}
section{padding:40px 0}
h2{font-size:1.6rem;margin-top:0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid article{background:var(--light);border-radius:10px;padding:20px}
.grid h3{margin-top:0}
.grid h3 a{color:var(--green);text-decoration:none}
.why ul{padding-left:20px}
.why li{margin-bottom:10px}
form{max-width:560px;display:grid;gap:14px}
label{display:grid;gap:6px;font-weight:600}
input,select,textarea{padding:10px;border:1px solid #bbb;border-radius:6px;font:inherit}
button{cursor:pointer;background:var(--green);color:#fff;border:0;padding:13px 22px;border-radius:8px;font-size:1rem;font-weight:700}
footer{background:var(--dark);color:#bcd2bf;padding:28px 0;font-size:.9rem}
footer p{margin:0}
@media(max-width:640px){.grid{grid-template-columns:1fr}.hero h1{font-size:1.7rem}nav a{margin-left:10px}}