:root { --ink:#111714; --muted:#5d6862; --line:#dce3df; --paper:#f7f9f8; --green:#a9d53b; --deep:#19251f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
header { background:var(--deep); color:white; border-bottom:4px solid var(--green); }
.nav { max-width:980px; margin:auto; min-height:76px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; color:white; text-decoration:none; font-weight:900; letter-spacing:.06em; }
.mark { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--green); color:var(--deep); font-weight:1000; }
nav { display:flex; gap:20px; }
nav a { color:#e8efeb; text-decoration:none; font-weight:700; }
main { max-width:820px; margin:48px auto; padding:0 24px 72px; }
.eyebrow { color:#58711d; font-size:.82rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:clamp(2.25rem,7vw,4.5rem); line-height:1.02; margin:.25rem 0 1rem; letter-spacing:-.045em; }
h2 { margin-top:2.25rem; font-size:1.35rem; line-height:1.25; }
p, li { font-size:1rem; }
.lede { color:var(--muted); font-size:1.18rem; max-width:680px; }
.card { background:white; border:1px solid var(--line); border-radius:18px; padding:28px; margin:28px 0; box-shadow:0 12px 34px rgba(17,23,20,.06); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.button { display:inline-block; padding:12px 18px; border-radius:10px; background:var(--green); color:var(--deep); text-decoration:none; font-weight:900; }
.button.secondary { background:white; border:1px solid var(--line); }
a { color:#365d14; }
.meta { color:var(--muted); font-size:.92rem; }
footer { border-top:1px solid var(--line); color:var(--muted); max-width:820px; margin:auto; padding:24px; font-size:.9rem; }
@media (max-width:600px) { .nav { align-items:flex-start; flex-direction:column; padding-top:18px; padding-bottom:18px; } main { margin-top:34px; } .card { padding:22px; } }