:root{--green:#1F9D55;--dark:#0B5D3B;--ink:#1c2420;--muted:#5b6660;--bg:#fff;--soft:#f3f8f5}
@media(prefers-color-scheme:dark){:root{--ink:#e8efeb;--muted:#9aa8a0;--bg:#101412;--soft:#18201b;--green:#3ec97c}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
main,header,footer{max-width:42rem;margin:0 auto;padding:1.25rem}
header{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap}
header a.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--ink);text-decoration:none}
header img{width:36px;height:36px;border-radius:8px}
nav a{margin-left:1rem}
a{color:var(--green)}
h1{font-size:2.2rem;line-height:1.2;margin:.5rem 0}
h2{font-size:1.25rem;margin-top:2rem}
.hero{text-align:center;padding:2rem 0 1rem}
.hero img{width:120px;height:120px;border-radius:27px;box-shadow:0 4px 18px rgba(11,93,59,.3)}
.lead{color:var(--muted);font-size:1.15rem}
.price{display:inline-block;background:var(--green);color:#fff;border-radius:999px;padding:.4rem 1.2rem;font-weight:600}
ul.features{padding-left:1.2rem}
.note{background:var(--soft);border-left:4px solid var(--green);padding:.8rem 1rem;border-radius:8px}
footer{color:var(--muted);font-size:.9rem;border-top:1px solid var(--soft)}