:root{
  --bg:#F7F8F9; --card:#ffffff; --ink:#2A2C2E; --muted:#666A6E; --accent:#4CAF50; --anth:#2F3133;
  --ring:rgba(76,175,80,.28); --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.08);
  --container:1200px; --space:clamp(16px,2vw,24px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
.container{max-width:var(--container);margin:auto;padding:0 var(--space)}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.2rem;border-radius:999px;border:0;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(76,175,80,.35);text-decoration:none}
.btn:hover{filter:brightness(.95)}
.btn.secondary{background:#fff;color:var(--anth);box-shadow:inset 0 0 0 2px #e8eaec}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.7);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eef0f2}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem var(--space)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.logo{width:38px;height:38px;border-radius:10px;background:conic-gradient(from 210deg at 70% 20%,#4CAF50, #2F3133 40%,#4CAF50);display:grid;place-items:center;color:#fff;font-weight:900}
.links a{font-weight:600;color:var(--anth);text-decoration:none;padding:.5rem .7rem;border-radius:10px}
.links a:hover{background:#f0f2f4}
.actions{display:flex;align-items:center;gap:.5rem}
.nav-toggle{display:none}

.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(76,175,80,.20),transparent),linear-gradient(180deg,#ffffff 0%, #F7F8F9 70%)}
.hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(36px,6vw,80px) 0}
.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:#eaf6eb;color:#1b5e20;font-weight:600;font-size:.85rem}
h1{font-size:clamp(28px,4.6vw,46px);line-height:1.15;margin:.6rem 0 1rem;color:var(--anth)}
.lede{max-width:62ch;color:var(--muted)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;padding:0;list-style:none}
.kpi{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:14px;text-align:center}
.kpi b{font-size:1.25rem}

.section{padding:clamp(40px,6vw,80px) 0}
.section.alt{background:#fff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.card h3{margin:.2rem 0 .6rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offer-list li{margin:.35rem 0}
.price{font-weight:800;color:var(--anth)}
.muted{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:st}
.steps li{background:#fff;padding:16px;border-radius:14px;box-shadow:var(--shadow);list-style:none}
.steps li::before{counter-increment:st;content:counter(st) ".";margin-right:.5rem;color:var(--accent);font-weight:800}

.calc{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.calc .row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.calc label{font-weight:700;display:grid;gap:6px}
input, select, textarea, button{width:100%;padding:.8rem .9rem;border:1px solid #e0e3e6;border-radius:12px;background:#fff;color:var(--ink);font:inherit}
input:focus, select:focus, textarea:focus{outline:2px solid var(--ring);border-color:#b7e0bc}
.hint{font-size:.85rem;color:var(--muted)}
.calc-result b{font-size:1.35rem}

.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.gallery figure{grid-column:span 4;background:#fff;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.gallery img{aspect-ratio:4/3;object-fit:cover}

.form textarea{resize:vertical}
.form .consent{display:flex;gap:.6rem;align-items:flex-start;margin:.6rem 0}
.form-actions{display:flex;align-items:center;gap:12px;margin-top:10px}
#form-status{display:block;margin-top:10px;min-height:1.2em}

.contact{background:linear-gradient(180deg,#ffffff 0%,#f4f7f5 100%);border-top:1px solid #eef0f2}
.contact .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.contact-list{padding-left:0;list-style:none}
.social a{text-decoration:underline}

.map-shell .map-placeholder{display:grid;place-items:center;aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);box-shadow:var(--shadow)}

.site-footer{background:#111315;color:#eaecef;padding:32px 0;margin-top:40px}
.site-footer a{color:#e0ffe2}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--space)}
.brandline{display:flex;align-items:center;gap:.6rem}

@media (max-width: 1000px){
  .hero-wrap{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .grid-2{grid-template-columns:1fr}
  .calc .row{grid-template-columns:1fr 1fr}
  .contact .wrap{grid-template-columns:1fr}
  .gallery figure{grid-column:span 6}
  .links{display:none}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e0e3e6;background:#fff}
  .links.open{display:flex;flex-wrap:wrap;gap:.5rem;position:absolute;top:60px;left:0;right:0;background:#fff;padding:10px var(--space);border-bottom:1px solid #eef0f2}
}
@media (max-width: 640px){
  .kpis{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr}
  .calc .row{grid-template-columns:1fr}
  .gallery figure{grid-column:span 12}
}