:root{
  --green:#1a8a54; --green-dark:#10653c; --green-soft:#e3f2ea;
  --cream:#f8f6ec; --ink:#16251d; --muted:#5b6b62;
  --violet:#7b5cff; --pink:#ff7ac8;
  --radius:22px;
  --shadow:0 18px 40px -18px rgba(16,101,60,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:.5em}

header{position:sticky;top:0;z-index:10;background:rgba(248,246,236,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(22,37,29,.08)}
nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:1.1rem}
.brand img{width:30px;height:30px}
nav ul{display:flex;gap:22px;list-style:none;font-size:.95rem}
nav ul a{text-decoration:none;color:var(--muted);font-weight:600}
nav ul a:hover{color:var(--green)}
@media(max-width:620px){nav ul{gap:14px;font-size:.85rem}.hide-sm{display:none}}

footer{background:var(--ink);color:#cfd8d2;padding:36px 0;font-size:.9rem}
.foot{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot a{text-decoration:none;margin-left:18px;opacity:.85}
.foot a:hover{opacity:1}