/* Module Hero */
.hero { background: linear-gradient(180deg, var(--c-sky-50), var(--c-white)); padding-block: var(--space-6) var(--space-7); }
.hero__inner { display: grid; gap: var(--space-6); align-items: center; }
.hero__badge {
  display: inline-block; margin-bottom: var(--space-4); padding: var(--space-1) var(--space-3);
  background: var(--c-sky-100); color: var(--c-blue-900); border-radius: 999px;
  font-family: var(--font-title); font-weight: 700; font-size: var(--fs-sm);
}
.hero__title-sub { display: block; margin-top: var(--space-3); color: var(--c-blue-700); font-size: 0.5em; font-weight: 700; line-height: 1.35; }
.hero__lead { margin-top: var(--space-4); font-size: var(--fs-lg); color: var(--c-text-muted); max-width: 36rem; }
.hero__actions { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-5); }
.hero__proofs { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin-top: var(--space-5); color: var(--c-text); font-weight: 600; font-size: var(--fs-sm); }
.hero__proofs li { display: flex; align-items: center; gap: var(--space-2); }
.hero__proofs .icon { color: var(--c-blue-700); }
.hero__image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow); }

@media (min-width: 640px) {
  .hero__actions { flex-direction: row; flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  .hero { padding-block: var(--space-8); }
  .hero__inner { grid-template-columns: 1.1fr 1fr; gap: var(--space-7); }
}