:root{--g:#2f7d4f;--g2:#5fa772;--gl:#e6f2ea;--b:#3b93bd;--o:#e8743b;--ink:#1f3a2b;--mut:#5b6b62;--bg:#fbfdfb}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.center{text-align:center}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}h2{font-size:clamp(1.6rem,4vw,2.3rem)}h3{font-size:1.1rem}
.sr{position:absolute;left:-9999px}
.nav{position:sticky;top:0;z-index:10;background:rgba(251,253,251,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e3ece6}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);font-size:1.15rem}.logo b{color:var(--g)}
.links{display:none}.links a{color:var(--ink);text-decoration:none;font-weight:500}.links a:hover{color:var(--g)}
.menu-btn{background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--ink)}
.links.open{display:flex;flex-direction:column;position:absolute;top:62px;left:0;right:0;background:#fff;padding:12px 20px;gap:10px;border-bottom:1px solid #e3ece6}
.hero{background:linear-gradient(180deg,#eaf5ef,var(--bg));padding:40px 0 56px}
.hero-in{display:grid;gap:32px}
.hero h1{font-size:clamp(2.1rem,6vw,3.4rem)}.hero h1 span{color:var(--g)}
.lead{font-size:1.1rem;color:var(--mut)}
.badge{display:inline-block;background:var(--o);color:#fff;padding:4px 12px;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:14px}
.notify{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.notify input{padding:14px 16px;border:2px solid #cfe0d5;border-radius:12px;font-size:1rem}
.notify input:focus{outline:none;border-color:var(--g)}
.btn{display:inline-block;background:var(--g);color:#fff;border:2px solid var(--g);padding:13px 22px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;text-align:center}
.btn:hover{background:#25663f}.btn.ghost{background:transparent;color:var(--g)}.btn.ghost:hover{background:var(--gl)}
.form-msg{min-height:1em;color:var(--g);font-weight:600;margin:6px 0 0}
.small{font-size:.9rem;color:var(--mut)}
.ph{background:#fff3c4;color:#7a5b00;padding:1px 6px;border-radius:4px;font-size:.9em}.ph.big{font-size:1.05rem;display:inline-block;padding:8px 14px}
.hero-art svg{width:100%;height:auto;filter:drop-shadow(0 12px 30px rgba(31,58,43,.12))}
.sec{padding:64px 0}.sec.alt{background:var(--gl)}.sub{color:var(--mut);margin-bottom:32px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.steps li,.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 18px rgba(31,58,43,.07)}
.ico{font-size:2rem;width:56px;height:56px;display:grid;place-items:center;background:var(--gl);border-radius:14px;margin-bottom:12px}
.steps p,.card p{margin:0;color:var(--mut)}
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:6px;border-radius:3px;background:linear-gradient(var(--b),var(--g2))}
.timeline li{position:relative;display:flex;gap:18px;align-items:center;padding:10px 0}
.timeline .n{flex:none;z-index:1;width:48px;height:48px;border-radius:50%;background:#fff;border:4px solid var(--g);display:grid;place-items:center;font-weight:700;color:var(--g)}
.timeline li:first-child .n,.timeline li:last-child .n{background:var(--o);border-color:var(--o);color:#fff}
.timeline li>div{background:#fff;border-radius:14px;padding:12px 18px;flex:1;box-shadow:0 2px 10px rgba(31,58,43,.06)}
.timeline h3{margin:0;font-size:1rem}.timeline p{margin:2px 0 0;font-size:.85rem;color:var(--o);font-weight:600}
.cards{display:grid;gap:18px}
.benefits{padding-left:20px;margin:0 0 28px}.benefits li{margin-bottom:8px}
.plan{display:flex;flex-direction:column}.plan ul{padding-left:18px;color:var(--mut);flex:1}
.price{font-size:1.8rem;font-weight:700;color:var(--ink)!important;margin:4px 0 8px!important}.price small{font-size:.9rem;color:var(--mut)}
.plan.hl{border:3px solid var(--g)}
.split{display:grid;gap:32px;align-items:center}.stat-art svg{width:100%;height:auto}
details{background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:12px;box-shadow:0 2px 10px rgba(31,58,43,.05)}
summary{font-weight:600;cursor:pointer}details p{margin:10px 0 0;color:var(--mut)}
.foot{background:var(--ink);color:#cfe0d5;padding:28px 0}
.foot-in{display:flex;flex-direction:column;gap:12px;align-items:center}.foot a{color:#cfe0d5;margin:0 10px}
@media(min-width:640px){.notify{flex-direction:row}.notify input{flex:1}.steps{grid-template-columns:1fr 1fr}.cards.two{grid-template-columns:1fr 1fr}}
@media(min-width:900px){
 .links{display:flex;gap:22px}.menu-btn{display:none}
 .hero{padding:80px 0}.hero-in{grid-template-columns:1.1fr 1fr;align-items:center}
 .steps{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}
 .split{grid-template-columns:1.3fr 1fr}.foot-in{flex-direction:row;justify-content:space-between}
 .timeline{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}
 .timeline::before{left:5%;right:5%;top:30px;bottom:auto;width:auto;height:6px;background:linear-gradient(90deg,var(--b),var(--g2))}
 .timeline li{flex-direction:column;text-align:center;padding:6px 0}
 .timeline li>div{padding:10px 8px;width:100%}.timeline h3{font-size:.85rem}
}

.fam{background:#fffaf2}.badge.alt{background:var(--b)}.fam .cards{margin:20px 0}.fam .card{padding:18px}.fam .card .ico{width:46px;height:46px;font-size:1.5rem}
.fam-art svg{width:100%;height:auto;max-width:420px;display:block;margin:auto}
.steps .ico{width:auto;min-width:56px;padding:0 8px}

.logo img{height:40px;width:auto;display:block}.foot img{height:36px;width:auto}

.legal h1{font-size:clamp(1.8rem,4vw,2.4rem)}.legal p{margin:0 0 1.1em}.legal a{color:var(--g)}
.legal{min-height:calc(100vh - 62px - 220px)}
.cc{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:12px}
.cc[hidden]{display:none}
.cc-box{max-width:760px;margin:0 auto;background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 10px 40px rgba(31,58,43,.25);border:1px solid #dbe8df;font-size:.95rem}
.cc-h{font-size:1.15rem;margin:0 0 6px}.cc-box p{margin:0 0 12px;color:var(--mut)}.cc-box a{color:var(--g)}
.cc-set{display:grid;gap:8px;margin:0 0 14px}.cc-set[hidden]{display:none}.cc-set label{display:flex;gap:8px;align-items:flex-start}
.cc-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cc-b{flex:1 1 160px;background:var(--g);color:#fff;border:2px solid var(--g);border-radius:12px;padding:11px 16px;font-weight:600;font-size:1rem;cursor:pointer}
.cc-b[hidden],.cc-link[hidden]{display:none}
.cc-link{background:none;border:0;color:var(--g);text-decoration:underline;font-size:1rem;cursor:pointer;padding:8px}
.foot button.lnk,.foot a{color:#cfe0d5;margin:0 10px}
.badge{background:#a9461a}.badge.alt{background:#246f93}
.foot nav a{white-space:nowrap}.foot nav{display:flex;flex-wrap:wrap;justify-content:center}
@media(min-width:900px){.foot-in{flex-wrap:wrap;gap:12px 24px}}