:root{
  --bg:#f7f5ef;
  --text:#1f2933;
  --muted:#4b5563;
  --green:#2f4f3e;
  --olive:#556b2f;
  --accent:#8b5a2b;
}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
background:var(--bg);color:var(--text);line-height:1.6}
header{background:#fff;border-bottom:2px solid var(--green);position:sticky;top:0}
.container{max-width:1100px;margin:auto;padding:16px}
nav{display:flex;align-items:center;justify-content:space-between}
nav img{height:48px}
nav a{margin-left:14px;text-decoration:none;color:var(--green);font-weight:600}
.hero{padding:60px 16px;background:linear-gradient(180deg,#fff,var(--bg))}
.hero h1{font-size:42px}
.btn{display:inline-block;margin-top:16px;padding:12px 18px;
background:var(--green);color:#fff;border-radius:8px;text-decoration:none}
.section{padding:48px 16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border-radius:12px;padding:20px;border:1px solid #ddd}
footer{background:#1f2933;color:#eee;padding:32px;margin-top:40px}
footer img{height:60px;opacity:.9}