*{box-sizing:border-box}
:root{--green:#6fc12f;--dark:#050505;--yellow:#ffc400}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#111;line-height:1.55;padding-top:74px}
a{color:inherit}
.topbar{background:#050505;color:#fff;position:fixed;top:0;left:0;right:0;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.nav{max-width:1250px;margin:auto;display:flex;align-items:center;gap:34px;padding:18px 24px;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase}
.nav a:hover{color:var(--green)}
.nav .phone{margin-left:auto;color:var(--green);font-size:26px}
.hero{background:linear-gradient(90deg,#fff 0%,#fff 48%,#edf2e9 100%);border-bottom:5px solid #111}
.hero-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:470px 1fr;gap:45px;align-items:center;padding:34px 24px}
.logo{width:100%;max-width:470px}
.hero h1{font-size:58px;line-height:1.03;margin:0;text-transform:uppercase}
.hero h2{font-size:34px;color:#3f7d21;margin:8px 0 20px;font-style:italic}
.hero p{font-size:21px;font-weight:700;max-width:620px}
.checks{list-style:none;padding:0;margin:20px 0}
.checks li{font-size:18px;margin:9px 0;font-weight:800}
.checks li:before{content:"✓";display:inline-block;color:#3f7d21;border:2px solid #3f7d21;border-radius:50%;width:24px;height:24px;text-align:center;line-height:20px;margin-right:10px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;border-radius:6px;padding:16px 24px;font-size:19px;font-weight:900;text-transform:uppercase}
.btn-green{background:#3f7d21;color:#fff}
.btn-black{background:#050505;color:#fff}
.services{background:#090909;color:#fff;padding:42px 24px}
.services h2{text-align:center;font-size:34px;text-transform:uppercase;margin:0 0 30px}
.service-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:18px;text-align:center}
.service-card{border-left:1px solid #3f7d21;padding:18px}
.service-card h3{font-size:18px;text-transform:uppercase;margin:10px 0;color:#fff}
.icon{font-size:48px;color:var(--green)}
.split{max-width:1250px;margin:28px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 24px}
.panel{background:#fff;border-radius:14px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.panel h2{font-size:34px;margin:0 0 14px;color:#2f6b19}
.photo{width:100%;border-radius:12px;border:4px solid #3f7d21}
.towns{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;list-style:none;padding:0}
.towns li{background:#123d19;color:white;border:1px solid #65b82e;padding:11px;border-radius:8px;text-align:center;font-weight:800}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,textarea{width:100%;padding:14px;border:1px solid #bbb;border-radius:8px;font-size:17px;margin-bottom:14px}
textarea{min-height:130px}
button{background:#3f7d21;color:white;border:0;padding:16px 24px;border-radius:8px;font-size:20px;font-weight:900;cursor:pointer}
.info-bar{background:linear-gradient(90deg,#2b5d16,#0d3c0c);color:white}
.info-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;padding:26px 24px}
.info-inner strong{display:block;text-transform:uppercase;font-size:20px}
footer{background:#050505;color:#fff;text-align:center;padding:18px}
@media(max-width:900px){
 body{padding-top:120px}
 .nav{justify-content:center;text-align:center;gap:16px}
 .nav .phone{margin-left:0;width:100%;font-size:22px}
 .hero-inner,.split{grid-template-columns:1fr;text-align:center}
 .logo{margin:auto;max-width:380px}
 .hero h1{font-size:38px}
 .hero h2{font-size:28px}
 .form-row{grid-template-columns:1fr}
}