:root{--ink:#14211c;--muted:#5b6b64;--brand:#0f6b4f;--accent:#f2c94c;--soft:#f1f6f3}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff}
.w{max-width:1000px;margin:0 auto;padding:0 20px}a{color:var(--brand)}
header{background:var(--brand);color:#fff}header .w{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;color:#fff;text-decoration:none}.logo img{width:28px}
nav a{color:#d8efe6;text-decoration:none;margin-left:20px;font-size:15px}nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0f6b4f,#14866a);color:#fff;padding:60px 0 70px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px}.hero p{font-size:18px;color:#d8efe6;max-width:600px;margin:0}
.badge{display:inline-block;background:var(--accent);color:#3a2e00;font-weight:600;padding:4px 10px;border-radius:20px;font-size:14px;margin-bottom:14px}
section{padding:46px 0}h2{font-size:28px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--soft);border-radius:12px;padding:20px}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #dfe8e3}th{color:var(--muted);font-weight:600}
footer{background:var(--soft);padding:26px 0;color:var(--muted);font-size:14px}
@media(max-width:640px){.hero h1{font-size:30px}nav a{margin-left:12px}}