:root{--brand:#007a33;--ink:#0b1220;--muted:#475569;--bg:#f6faf8;--surface:#fff;--border:#e2e8f0}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--brand);text-decoration:none}
header,footer{background:#fff;border-bottom:1px solid var(--border)}
footer{border-top:1px solid var(--border);border-bottom:none}
.container{max-width:1120px;margin:0 auto;padding:1rem 1.25rem}
.brandbar{display:flex;align-items:center;gap:.9rem}
.brandtext strong{display:block}
.brandtext small{color:var(--muted)}
nav a{margin-left:.75rem;color:var(--brand);font-weight:600}
nav{margin-left:auto;display:flex;gap:.75rem;flex-wrap:wrap}
main{padding:1.25rem 0}
h1,h2{color:#0c6a3b;margin:.1rem 0 .6rem}
.hero{background:linear-gradient(135deg,#ffffff 0%,#eefaf2 70%);border:1px solid var(--border);border-radius:14px;padding:1.25rem}
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;margin-top:1rem}
small.muted{color:#64748b}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:.7rem 1rem;border-radius:999px;margin-top:.5rem}
.btn--outline{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.brandtext{display:none}}