
:root{--c1:#14532d;--c2:#eff8f1;--accent:#f59e0b;--soft:#fff7ea;--text:#183024;--muted:#5c7265}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fbfdfb,#fff);color:var(--text);line-height:1.65}
a{color:var(--c1)}
.topbar{position:sticky;top:0;z-index:999;background:rgba(14,48,33,.94);backdrop-filter:blur(7px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.topin{max-width:1180px;margin:auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.brand{font-weight:900;color:#fff;text-decoration:none;font-size:1.12rem}
.cta a{display:inline-block;text-decoration:none;padding:11px 16px;border-radius:999px;font-weight:800;margin-left:8px}
.wa{background:#25D366;color:#fff}.call{background:#fff;color:var(--c1)}
.wrap{max-width:1180px;margin:auto;padding:22px}
.breadcrumbs{font-size:.95rem;color:#486357;background:#eef7f0;padding:12px 16px;border-radius:14px;margin-top:10px}
.breadcrumbs a{text-decoration:none;font-weight:700}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;background:linear-gradient(135deg,#eff8f1,#ffffff);border-radius:30px;padding:28px;box-shadow:0 18px 40px rgba(17,58,39,.08);overflow:hidden}
.hero h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.05;margin:.2em 0;color:var(--c1);text-transform:uppercase}
.hero iframe,.hero img{width:100%;aspect-ratio:16/9;border:0;border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.16)}
.pill{display:inline-block;background:#dff4e4;color:var(--c1);padding:8px 14px;border-radius:999px;font-weight:800}
.btns a{display:inline-block;margin:10px 10px 0 0;padding:13px 18px;border-radius:16px;text-decoration:none;font-weight:800}
.btn-main{background:var(--c1);color:#fff}.btn-soft{background:#eef8f0;color:var(--c1)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.card h2,.card h3{margin-top:0;color:var(--c1)}
.info-list{padding-left:18px;margin:0}.info-list li{margin-bottom:8px}
.links a,.mini-links a{display:inline-block;margin:6px 8px 0 0;padding:10px 14px;background:#edf7ef;border-radius:12px;color:var(--c1);text-decoration:none;font-weight:800}
.same-town a{display:inline-block;margin:6px 8px 0 0;padding:10px 14px;background:#fff2df;border-radius:12px;color:#854d0e;text-decoration:none;font-weight:800}
.variant-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.variant-nav a{display:inline-block;text-decoration:none;background:#fff7ea;color:#8a5208;border:1px solid #f2d6a2;padding:10px 14px;border-radius:14px;font-weight:800}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.kpi .item{background:#f4faf5;border-radius:20px;padding:16px;text-align:center;font-weight:700}
.note{font-size:.95rem;color:var(--muted)}
.footer{padding:26px 0 14px;color:var(--muted);text-align:center}
@media(max-width:900px){.hero,.grid,.grid2,.kpi{grid-template-columns:1fr}.topin{justify-content:center}}
