:root{
  --leaf:#2f7d4f; --leaf-dark:#1f5a38; --leaf-deep:#123c25;
  --moss:#eaf3ec; --cream:#fbfaf5; --ink:#1c2620; --muted:#5c6b62;
  --gold:#d8a13a; --line:#e2e6df; --plus:#f4faf1; --shadow:0 12px 40px rgba(18,60,37,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
a{color:var(--leaf-dark)}
h1,h2,h3{line-height:1.15;letter-spacing:-.01em;margin:0 0 .4em}
h1{font-size:clamp(2.1rem,5vw,3.4rem)}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}
.eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--leaf)}

/* header */
.top{padding:22px 0;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--leaf-deep)}
.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--leaf),var(--leaf-dark));display:grid;place-items:center;font-size:17px}
.nav-cta{font-weight:700;text-decoration:none;color:#fff;background:var(--leaf-dark);padding:9px 16px;border-radius:999px;font-size:.9rem}

/* hero */
.hero{background:linear-gradient(180deg,var(--moss),var(--cream));border-bottom:1px solid var(--line);padding:14px 0 64px}
.hero .wrap{text-align:center;max-width:760px}
.hero h1{margin-top:18px}
.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:600px;margin:0 auto 10px}
.price-anchor{display:inline-flex;align-items:baseline;gap:12px;margin:26px 0 6px;flex-wrap:wrap;justify-content:center}
.price-anchor .big{font-size:2.8rem;font-weight:800;color:var(--leaf-deep)}
.price-anchor .per{color:var(--muted);font-size:1.05rem}
.anchor-note{font-size:1rem;color:var(--leaf-dark);font-weight:600;background:#fff;border:1px solid var(--line);display:inline-block;padding:7px 14px;border-radius:999px;box-shadow:var(--shadow)}
.cta-row{margin:26px 0 8px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;font-weight:700;text-decoration:none;padding:15px 30px;border-radius:999px;font-size:1.06rem;transition:transform .12s ease, box-shadow .12s ease;border:2px solid transparent}
.btn-primary{background:var(--leaf-dark);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--leaf-deep);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--leaf)}
.reassure{font-size:.9rem;color:var(--muted);margin-top:6px}

/* section */
section.block{padding:60px 0}
.center{text-align:center;max-width:640px;margin:0 auto 40px}

/* compare table */
.compare{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.compare .cell{padding:16px 18px;border-bottom:1px solid var(--line)}
.compare .col-head{padding:22px 18px}
.compare .col-plus{background:var(--plus)}
.compare .plan-name{font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:8px}
.compare .plan-price{font-size:.95rem;color:var(--muted);margin-top:2px}
.compare .badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--gold);padding:3px 9px;border-radius:999px;margin-left:6px;vertical-align:middle}
.compare .feat{font-weight:600;color:var(--ink)}
.compare .feat small{display:block;font-weight:400;color:var(--muted);font-size:.85rem}
.compare .cell.val{text-align:center;font-weight:700;color:var(--leaf-deep)}
.compare .cell.val.muted{color:var(--muted);font-weight:600}
.tick{color:var(--leaf)}
.compare .row:last-child .cell{border-bottom:none}
@media(max-width:720px){
  .compare{grid-template-columns:1fr;box-shadow:none;border:none;background:transparent;gap:14px}
  .compare .cell{border:none;padding:4px 0}
  .compare .plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px 16px}
  .compare .col-plus{background:var(--plus)}
}

/* value bullets */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.card .ico{font-size:1.7rem}
.card h3{font-size:1.12rem;margin:10px 0 4px}
.card p{margin:0;color:var(--muted);font-size:.96rem}
@media(max-width:720px){.grid3{grid-template-columns:1fr}}

/* final cta */
.final{background:linear-gradient(150deg,var(--leaf-dark),var(--leaf-deep));color:#fff;border-radius:24px;padding:52px 30px;text-align:center;margin:20px 0}
.final h2{color:#fff}
.final p{color:#dcefe0;max-width:520px;margin:0 auto 22px}
.final .btn-primary{background:#fff;color:var(--leaf-deep)}
.final .waitlist{display:block;margin-top:14px;color:#cfe6d4;font-size:.92rem}
.final .waitlist a{color:#fff}

/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--leaf);font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 14px;color:var(--muted)}

footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.9rem;text-align:center}
.small{font-size:.85rem;color:var(--muted)}