*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--green:#218449;--green-dark:#0d502f;--green-deep:#093d27;--green-light:#e8f4eb;--lime:#c9e76b;--dark:#15241e;--gray:#65746e;--bg:#f5f7f2;--white:#fff;--shadow:0 18px 50px rgba(20,54,39,.09)}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--dark);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(19,80,47,.08);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}
.logo{display:flex;align-items:center;gap:9px;color:var(--green-dark);font-size:20px;font-weight:850;text-decoration:none}
.logo-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--green-light);border-radius:13px}
.phone{color:var(--green-dark);font-weight:850;text-decoration:none;white-space:nowrap}
.hero{background:linear-gradient(128deg,#0c4d30,#1c8c4a);color:var(--white);padding:56px 0}
.breadcrumbs{font-size:14px;margin-bottom:20px;opacity:.84}.breadcrumbs a{color:var(--white)}
.hero-grid{display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:center}
h1{font-size:clamp(32px,5vw,50px);line-height:1.13;margin-bottom:18px}
.lead{font-size:19px;opacity:.95;margin-bottom:28px}
.hero-img{display:block;width:100%;height:360px;object-fit:cover;object-position:center;border-radius:24px;border:7px solid rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.24)}
.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;padding:15px 24px;border-radius:40px;text-decoration:none;font-weight:800}.primary{background:var(--lime);color:var(--green-deep)}.secondary{background:var(--white);color:var(--green-dark)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:-28px;position:relative;z-index:2}.fact{background:var(--white);border-radius:17px;padding:19px 20px;box-shadow:var(--shadow);font-weight:800}.fact span{display:block;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}
.section{padding:74px 0}.white{background:var(--white)}h2{font-size:clamp(26px,4vw,36px);line-height:1.2;margin-bottom:18px}.text{color:var(--gray);font-size:17px;margin-bottom:16px}.columns{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;align-items:start}
.list{display:grid;gap:10px;margin:18px 0 24px;list-style:none}.list li{padding-left:26px;position:relative;color:var(--gray)}.list li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
.price-box{background:var(--green-light);border-radius:20px;padding:25px}.price-box small{display:block;color:var(--green-dark);font-weight:800;text-transform:uppercase;letter-spacing:.7px}.price{font-size:36px;color:var(--green-dark);font-weight:900;margin:5px 0}.price-box p{color:var(--gray);font-size:14px}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.step{counter-increment:step;background:var(--bg);border-radius:18px;padding:22px}.step::before{content:counter(step);width:35px;height:35px;display:grid;place-items:center;background:var(--green);color:var(--white);border-radius:50%;font-weight:900;margin-bottom:12px}.step strong{display:block;margin-bottom:6px}.step p{color:var(--gray);font-size:15px}
.other{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.other a{padding:17px;background:var(--white);border:1px solid #e4ece6;border-radius:14px;color:var(--green-dark);font-weight:800;text-decoration:none}.other a:hover{border-color:var(--green)}
.cta{background:linear-gradient(128deg,#0b422b,#18733e);color:var(--white);padding:55px 0;text-align:center}.cta p{max-width:620px;margin:0 auto 22px;opacity:.9;font-size:18px}.cta .actions{justify-content:center}
footer{background:#10261e;color:var(--white);padding:32px 0;text-align:center;font-size:14px}footer p{opacity:.82}
@media(max-width:760px){.header-inner{min-height:62px}.logo{font-size:17px}.logo-icon{width:35px;height:35px}.phone{font-size:14px}.hero{padding:42px 0 58px}.hero-grid{display:block}.hero-img{display:none}.facts{grid-template-columns:1fr;margin-top:-20px}.section{padding:52px 0}.columns{display:block}.price-box{margin-top:24px}.steps,.other{grid-template-columns:1fr}.btn{padding:13px 18px;font-size:15px}}
