/* ===== HOME — HERO ===== */
.hero {
  position: relative;
  min-height: auto;
  display: block;
  background:
    linear-gradient(90deg, rgba(7, 47, 51, 0.98) 0%, rgba(8, 64, 69, 0.93) 42%, rgba(8, 72, 77, 0.62) 70%, rgba(8, 72, 77, 0.42) 100%),
    #0a5960 url("../images/hero-moisture-detection.webp") 68% center/cover no-repeat;
  color: var(--color-white);
  padding: 0;
  overflow: hidden;
}
.hero::before,
.hero::after { display: none; }
.hero .container {
  position: relative;
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(64px, 7vw, 96px);
}
.hero__inner { max-width: 720px; position: relative; z-index: 2; }
.hero__label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 1px;
  color: var(--color-accent);
  background: rgba(255, 179, 71, 0.12);
  padding: 8px 16px;
  border-radius: var(--radius-full);
  margin-bottom: var(--space-lg);
}
.hero h1 {
  color: var(--color-white);
  font-size: var(--font-size-4xl);
  line-height: 1.15;
  margin-bottom: var(--space-lg);
  max-width: 640px;
}
.hero h1 .accent { color: var(--color-primary); }
.hero p {
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-2xl);
  max-width: 640px;
}
.hero__actions { display: flex; gap: var(--space-md); flex-wrap: wrap; }
.hero__cards {
  max-width: 900px;
}
.hero__card {
  background: rgba(7, 47, 51, 0.6);
  border-color: rgba(255, 255, 255, 0.22);
}
.hero__stats {
  display: flex;
  gap: var(--space-2xl);
  margin-top: var(--space-3xl);
  flex-wrap: wrap;
}
.hero__stats .num { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-white); }
.hero__stats .label { font-size: var(--font-size-sm); color: rgba(255, 255, 255, 0.7); }
@media (max-width: 768px) {
  .hero h1 { font-size: var(--font-size-3xl); }
  .hero {
    min-height: auto;
    background:
      linear-gradient(90deg, rgba(7, 47, 51, 0.96), rgba(8, 64, 69, 0.82)),
      #0a5960 url("../images/hero-moisture-detection.webp") 72% center/cover no-repeat;
  }
  .hero .container {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* ===== HOME — ABOUT INTRO (左图右文) ===== */
.about-intro__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}
.about-intro__img {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  position: relative;
}
.about-intro__img img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.about-intro__badge {
  position: absolute;
  right: var(--space-lg); bottom: var(--space-lg);
  background: var(--color-primary);
  color: var(--color-white);
  padding: var(--space-lg) var(--space-xl);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-primary);
}
.about-intro__badge .num { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: 1; }
.about-intro__badge .label { font-size: var(--font-size-sm); }
.about-intro__content .label {
  display: inline-block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: var(--space-md);
}
.about-intro__content h2 { margin-bottom: var(--space-lg); }
.about-intro__content p { color: var(--color-text-light); margin-bottom: var(--space-lg); }
.about-intro__list { margin: var(--space-lg) 0 var(--space-xl); }
.about-intro__list li { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-md); }
.about-intro__list .icon { color: var(--color-primary); }
@media (max-width: 992px) { .about-intro__grid { grid-template-columns: 1fr; gap: var(--space-2xl); } }

/* ===== HOME — PARTNERS section spacing ===== */
.partners-section { padding: var(--space-3xl) 0; }