:root{--green:#0e9e3a;--dark:#0b1c12;--gold:#d6a20a;--muted:#f7f7f7;--ink:#121212}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
.container{max-width:1060px;margin:0 auto;padding:24px}
.header{background:linear-gradient(180deg,#0f3d23,#135231);color:#fff;padding:56px 0}
.header h1{margin:0 0 8px;font-size:40px}
.header p{margin:0 0 18px;opacity:.92}
.badge{display:inline-block; padding:6px 10px; border:1px solid rgba(255,255,255,.3); border-radius:999px; font-weight:700; font-size:12px; opacity:.9}
.btn{display:inline-block;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:800}
.btn-primary{background:var(--green);color:#fff}
.btn-dark{background:#161616;color:#fff}
.btn-gold{background:var(--gold);color:#111}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.section{padding:44px 0}
.section.alt{background:var(--muted)}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:18px}
.card h3{margin:0 0 6px}
ul.check{list-style:none;margin:8px 0 0;padding:0}
ul.check li{margin:8px 0;padding-left:26px;position:relative}
ul.check li::before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:900}
.pricing{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.plan{background:#fff;border:2px solid #e7f3ea;border-radius:14px;padding:18px}
.plan.best{border-color:var(--green);box-shadow:0 10px 24px rgba(14,158,58,.15)}
.plan h4{margin:0 0 6px}
.price{font-size:30px;font-weight:900;margin:10px 0 16px}
.small{font-size:13px;opacity:.75}
.footer{background:#0f3d23;color:#cff5dc;padding:32px 0;font-size:14px}
.footer a{color:#cff5dc}
.center{text-align:center}