:root{--g:#07865e;--gd:#056b4b;--ink:#17232e;--mut:#647681;--line:#dfe7eb;--soft:#f6f8fa;--dark:#09141c;--wa:#25d366;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.previewbar{background:#fff4cc;border-bottom:1px solid #ead68a;padding:9px 16px;text-align:center;font-size:13px;font-weight:800;color:#705600}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.top{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:27px;font-weight:950;color:var(--g)}.brand span{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:11px;font-weight:900;border:1px solid transparent}.primary{background:var(--g);color:#fff}.wa{background:var(--wa);color:#073919}.outline{border-color:#cad7dc;background:#fff}
.hero{padding:66px 0;background:linear-gradient(140deg,#eefaf6,#fff 58%,#eef7fb)}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:#e8f8f2;color:var(--gd);font-size:12px;font-weight:900;text-transform:uppercase}
h1{font-size:clamp(40px,6vw,64px);line-height:1;margin:16px 0;letter-spacing:-.04em}.lead{font-size:18px;color:var(--mut);max-width:760px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.pricebox{padding:28px;border-radius:22px;background:linear-gradient(145deg,#0b1f25,#0b7658);color:#fff}.pricebox .price{font-size:46px;font-weight:950;letter-spacing:-.04em}.pricebox p{color:#d8ece5}.pricebox ul{padding-left:19px}
.section{padding:58px 0}.soft{background:var(--soft)}.head{max-width:760px;margin-bottom:28px}.head h2{font-size:clamp(29px,4vw,42px);margin:8px 0}.head p{color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.card h3{margin:0 0 8px;font-size:20px}.card p,.card li{font-size:14px;color:var(--mut)}.card ul{padding-left:18px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.faq details{border:1px solid var(--line);border-radius:13px;padding:15px 16px;margin-bottom:10px;background:#fff}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--mut);font-size:14px}
.zone{display:flex;gap:7px;flex-wrap:wrap}.zone span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px}.cta{padding:28px;border-radius:22px;background:var(--dark);color:#fff;text-align:center}.cta p{color:#cad7dc}
footer{padding:35px 0;background:#071117;color:#cbd7dd;font-size:12px}.hubgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hubcard{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.hubcard h2{margin-top:0}.note{padding:14px 16px;border-left:4px solid var(--g);background:#f0faf6;border-radius:8px;color:#365b50;font-size:13px}
@media(max-width:800px){.heroGrid,.twocol{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hubgrid{grid-template-columns:1fr}.top .outline{display:none}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:45px 0}h1{font-size:42px}.actions{display:grid}.actions .btn{width:100%}.pricebox{padding:22px}}