:root{
  --green:#11733a;
  --deep:#073d20;
  --lime:#c5ec42;
  --yellow:#ffd844;
  --orange:#ff9e21;
  --soft:#f2fbef;
  --text:#173221;
  --muted:#66786c;
  --line:#e2eee4;
  --white:#ffffff;
  --shadow:0 22px 60px rgba(7,61,32,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:radial-gradient(circle at 10% 0%, rgba(197,236,66,.35), transparent 28%),radial-gradient(circle at 90% 10%, rgba(255,216,68,.28), transparent 30%),var(--white);
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.site-header{
  position:sticky;
  top:14px;
  z-index:50;
  width:min(1180px, calc(100% - 28px));
  margin:14px auto 0;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 36px rgba(7,61,32,.08);
  backdrop-filter:blur(12px);
}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--deep)}
.logo-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--lime));color:#fff;box-shadow:0 10px 22px rgba(17,115,58,.24)}
.nav{display:flex;gap:18px;font-weight:800;color:var(--muted);font-size:14px}
.nav a:hover{color:var(--green)}
.header-call{padding:12px 18px;border-radius:999px;background:var(--green);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(17,115,58,.24)}
.hero{padding:42px 14px 20px}
.hero-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.15fr;gap:28px;align-items:center}
.hero-text{position:relative;overflow:hidden;padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#fff,#f8fff7);box-shadow:var(--shadow)}
.hero-text:before{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,216,68,.38)}
.tag{display:inline-flex;margin:0 0 14px;padding:8px 14px;border-radius:999px;background:var(--soft);color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
h1{position:relative;margin:0;color:var(--deep);font-size:clamp(38px,5.5vw,74px);line-height:.95;letter-spacing:-.06em}
.lead{position:relative;margin:22px 0 0;max-width:620px;color:var(--muted);font-size:20px;line-height:1.6}
.hero-buttons{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 21px;border-radius:999px;font-weight:900;transition:transform .18s ease, box-shadow .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--green),var(--deep));color:#fff;box-shadow:0 14px 30px rgba(17,115,58,.25)}
.btn-light{background:var(--yellow);color:#303006;box-shadow:0 14px 30px rgba(255,216,68,.34)}
.btn-yellow{background:var(--yellow);color:#293006;box-shadow:0 14px 30px rgba(255,216,68,.34)}
.hero-banner{margin:0;padding:14px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}
.hero-banner img{width:100%;height:auto;border-radius:22px}
.section{width:min(1180px, calc(100% - 28px));margin:34px auto}
.welcome-card{padding:42px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(197,236,66,.25),rgba(255,216,68,.18),#fff);box-shadow:0 18px 48px rgba(7,61,32,.08)}
h2{margin:0;color:var(--deep);font-size:clamp(28px,4vw,48px);letter-spacing:-.045em;line-height:1.05}
.welcome-card p:not(.tag),.location-info p,.contact-card p{color:var(--muted);font-size:18px;line-height:1.7;max-width:850px}
.section-title{text-align:center;margin-bottom:28px}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.product-card{min-height:235px;padding:24px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(7,61,32,.08);transition:transform .2s ease,border-color .2s ease}
.product-card:hover{transform:translateY(-6px);border-color:rgba(17,115,58,.35)}
.product-card.highlight{background:linear-gradient(180deg,#fff,#fff9dc)}
.emoji{width:62px;height:62px;display:grid;place-items:center;margin-bottom:18px;border-radius:20px;background:linear-gradient(135deg,var(--soft),#fff8d6);font-size:31px}
.product-card h3{margin:0 0 10px;color:var(--deep);font-size:21px}
.product-card p{margin:0;color:var(--muted);line-height:1.55}
.location-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}
.location-info .btn{margin-top:10px}
.map-box{height:380px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--soft)}
.map-box iframe{width:100%;height:100%;border:0;display:block}
.contact-card{text-align:center;padding:48px 24px;border-radius:32px;background:linear-gradient(135deg,var(--deep),var(--green));box-shadow:var(--shadow);color:#fff}
.contact-card h2{color:#fff}.contact-card p{margin-left:auto;margin-right:auto;color:rgba(255,255,255,.9)}.tag-white{background:rgba(255,255,255,.15);color:#fff}
.footer{width:min(1180px, calc(100% - 28px));margin:34px auto 24px;padding:26px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}
.footer p{margin:8px 0}.footer strong{color:var(--deep)}
.float-call{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:25px;box-shadow:0 16px 34px rgba(17,115,58,.35)}
@media(max-width:1000px){.hero-inner,.location-card{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{align-items:flex-start;flex-wrap:wrap;border-radius:24px}.logo{font-size:14px}.nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.header-call{padding:10px 14px}.hero{padding-top:28px}.hero-text,.welcome-card,.location-card{padding:24px}.lead{font-size:17px}.product-grid{grid-template-columns:1fr}.map-box{height:320px}}