/**
 * Meatbox Family — centered homepage hero (mockup section).
 */

.mb-hero {
  padding: 72px 40px 60px;
  background: linear-gradient(180deg, var(--color-background-light) 0%, var(--color-secondary) 100%);
}

.mb-hero__badge {
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--mb-sage-dark);
}

.mb-hero__title {
  max-width: 760px;
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.mb-hero__title-accent {
  color: var(--heading-accent, var(--color-primary-dark));
}

.mb-hero__lead {
  max-width: 560px;
  font-size: 18px;
  line-height: 1.6;
}

.mb-hero__cta-primary {
  font-size: 15px;
  border-radius: 14px;
  box-shadow: 0 14px 26px -12px rgba(223, 124, 109, 0.95);
  color: var(--color-on-primary, #fff);
  transition: opacity 0.2s ease;
}

.mb-hero__cta-primary:hover {
  opacity: 0.92;
  color: #fff;
}

.mb-hero__cta-secondary {
  font-size: 15px;
  border-radius: 14px;
  color: var(--color-background-dark);
  border-color: var(--color-background-dark);
}

.mb-hero__cta-secondary:hover {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.mb-hero__stats {
  max-width: 660px;
}

.mb-hero__stat-value {
  font-size: 30px;
  line-height: 1;
}

.mb-hero__stat-label {
  margin-top: 3px;
  font-size: 11px;
  letter-spacing: 0.1em;
}

@media (max-width: 639px) {
  .mb-hero {
    padding: 56px 20px 48px;
  }

  .mb-hero__cta-primary,
  .mb-hero__cta-secondary {
    width: 100%;
    justify-content: center;
  }
}