.home-header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 20;
  background: #fff;
}

.home-header .brand strong { color: #2f3432; }

.hero {
  height: 690px;
  background-color: #dfe8df;
  background-image: linear-gradient(90deg, rgba(5,38,28,.94), rgba(5,38,28,.68), rgba(5,38,28,.12)),
    url('assets/home-banner.png?v=20261031');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  align-items: center;
}

.hero-overlay { display: none; }
.hero-content { position: relative; padding-top: 70px; }
.hero-content h1, .hero-content p { max-width: 620px; }
.hero-content > span {
  color: #dfbd67;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
}
.hero h1 { font-size: 55px; line-height: 1.05; margin: 18px 0; }
.hero h1 em { color: #dfbd67; font-style: normal; }
.hero p { font-size: 17px; max-width: 600px; line-height: 1.7; }
.hero-content div { display: flex; gap: 12px; margin-top: 25px; }
.outline {
  border: 1px solid #fff;
  padding: 14px 20px;
  font-size: 12px;
  font-weight: 700;
}
.hero-content div .outline {
  background: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.highlights { height: 92px; background: #fff; box-shadow: 0 -5px 18px rgba(0,0,0,.08); }
.highlight-grid { height: 100%; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.highlight-grid div { border-right: 1px solid #ddd; display: flex; justify-content: center; align-items: center; gap: 12px; }
.highlight-grid div:last-child { border: 0; }
.highlight-grid b { font-size: 24px; color: var(--gold); }
.highlight-grid span { font-weight: 700; font-size: 13px; }

.hero-company-logo {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-42%);
  width: min(48vw, 520px);
  object-fit: contain;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.28));
}

.section-heading{margin-bottom:28px}
.section-heading h2{margin-bottom:0}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.value-card{padding:24px 18px;border:1px solid #e4e5df;background:#fff;text-align:center}
.value-card>span{display:grid;width:48px;height:48px;margin:0 auto 14px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:24px;font-weight:700}
.value-card h3{margin:0;color:var(--green);font-size:17px}
.home-products{background:var(--cream)}
.home-products .product{padding-bottom:18px}
.home-products .product p{min-height:44px;padding:0 14px;color:#66716a;font-size:12px;line-height:1.55}
.home-advantages .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.home-cta-actions .button{margin:0}
.home-contact-button{border:1px solid #fff;background:transparent}
.home-products .product>div{height:180px}

@media (max-width: 900px) {
  .hero, .hero-overlay { height: 620px; background-position: center; }
  .hero-content { padding-top: 20px; }
  .hero h1 { font-size: 42px; }
  .hero-company-logo { width: 350px; right: 20px; top: 54%; opacity: .86; }
  .value-grid,.home-advantages .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 600px) {
  .hero, .hero-overlay {
    height: 590px;
    background-position: 58% center;
  }
  .hero h1 { font-size: 34px; }
  .hero-content div {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    margin-top: 16px !important;
    transform: translateY(-12px);
  }
  .hero-content div .button,
  .hero-content div .outline {
    width: auto;
    margin: 0;
    padding: 11px 12px !important;
    font-size: 9px !important;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  .highlights { height: 170px; }
  .highlight-grid { grid-template-columns: repeat(2,1fr); }
  .highlight-grid div { height: 85px; }
  .hero-company-logo {
    display: block;
    width: 250px;
    right: 50%;
    top: auto;
    bottom: 24px;
    transform: translateX(50%);
    opacity: .95;
  }
  .hero-content { padding-bottom: 180px; }
  .value-grid,.home-advantages .cards{grid-template-columns:1fr}
  .home-products .product>div{height:145px}
  .home-products .product h3{font-size:13px}
  .home-products .product p{min-height:0;font-size:11px}
}