:root{--accent:#16a34a;--text:#222;--muted:#555;--max:1100px}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;line-height:1.7;color:var(--text)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:820px}

.header{padding:20px 0;border-bottom:2px solid var(--accent)}
.brand{font-weight:bold;font-size:20px;margin-bottom:10px}
.nav{display:flex;flex-wrap:wrap;gap:8px}
.nav a{text-decoration:none;font-size:13px;color:var(--muted);padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px}
.nav a:hover{color:var(--accent);border-color:var(--accent)}

.hero{padding:90px 0;background:var(--accent);color:#fff}
.hero h1{margin-bottom:15px;font-size:36px}
.lead{opacity:0.95}

.content{padding:80px 0}
.content h2{color:var(--accent);margin-top:40px}

.footer{padding:30px 0;text-align:center;border-top:1px solid #eee;font-size:14px;color:var(--muted)}