:root{--green:#1f4d33;--green-700:#18402b;--green-100:#ecf5ef;--accent:#c1121f;--bg:#f7faf7;--text:#142017;--muted:#6a786f;--white:#fff;--shadow:0 10px 25px rgba(0,0,0,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
.container{max-width:1200px;margin-inline:auto;padding:0 20px}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px 12px;border-radius:10px;border:2px solid var(--green)}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7eee9;backdrop-filter:saturate(120%) blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo{width:56px;height:56px}.brand-name{font-weight:800;color:var(--green)}.brand-sub{font-size:12px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:16px}.nav a{color:inherit;text-decoration:none;padding:8px 10px;border-radius:10px}.nav a:hover{background:#f1f6f2}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--green);box-shadow:var(--shadow);transition:.2s ease}.btn:hover{transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--green);border-color:var(--green)}.btn-sm{padding:10px 12px;border-radius:10px}
.hero{background:linear-gradient(135deg,var(--green),#2a6a47);color:#fff;padding:70px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px}
.lead{opacity:.96;margin:0 0 16px}
.pill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:14px 0 16px;padding:0}
.pill-list li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px}
.hero-img{width:100%;max-width:560px;border-radius:20px;border:6px solid rgba(255,255,255,.15);box-shadow:var(--shadow)}
.section{padding:60px 0}.section h2{font-size:34px;color:var(--green);margin:0 0 12px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e9f0eb;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px}.card p{margin:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.kpi{background:#fff;border:1px solid #e9f0eb;border-radius:16px;padding:18px;text-align:center}.kpi strong{display:block;font-size:28px;color:var(--green)}
.services-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-tile{background:#fff;border:1px solid #e9f0eb;border-radius:16px;padding:20px;display:grid;gap:8px}.service-tile ul{margin:0;padding-left:18px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{background:#fff;border:2px solid #e9f0eb;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.price-card h3{margin:0 0 6px}.price{font-size:36px;font-weight:800;color:var(--green);margin:8px 0}.price small{font-size:14px;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid #e6eae7}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.quote-form{display:grid;gap:12px;background:var(--green-100);border:1px solid #dbe7df;padding:18px;border-radius:16px}
.quote-form label{display:grid;gap:6px;font-weight:600}.quote-form input,.quote-form textarea,.quote-form select{padding:12px 12px;border-radius:10px;border:1px solid #c9d6ce;font:inherit;background:#fff}
.form-note{font-size:13px;color:var(--muted)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid #e9f0eb;border-radius:16px;padding:18px}.step .num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--green);color:#fff;font-weight:800;margin-bottom:8px}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid #e9f0eb;border-radius:14px;padding:14px}.faq summary{cursor:pointer;font-weight:700;color:var(--green)}
.site-footer{background:#10261b;color:#dfe7e3;margin-top:26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;padding:24px 0;align-items:center}.footer-grid a{color:#dfe7e3;text-decoration:none}.footer-grid a:hover{text-decoration:underline}
.logo-sm{width:44px;height:44px;margin-right:10px;vertical-align:middle}.footer-brand{display:flex;gap:12px;align-items:center}.legal{border-top:1px solid rgba(255,255,255,.1);padding:12px 0;text-align:center;color:#9fb3aa;font-size:13px}
.sticky-cta{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:60}
.sticky-cta a{display:inline-block;padding:10px 14px;border-radius:999px;background:#fff;border:2px solid var(--green);text-decoration:none;font-weight:700;box-shadow:var(--shadow)}
.sticky-phone{color:var(--green)}.sticky-quote{background:var(--green);color:#fff;border-color:var(--green)}
@media (max-width:980px){.hero-grid,.card-grid,.services-tiles,.pricing,.quote-grid,.timeline,.kpis,.gallery-grid,.footer-grid{grid-template-columns:1fr}.nav{display:none}}