/* ─── HERO ─── */
.hero {
  background: linear-gradient(135deg, var(--accent-bg) 0%, #fff 60%);
  padding: 60px 0 0; overflow: hidden;
}
.hero-inner {
  display: flex; flex-direction: column; align-items: flex-start;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--bg-dark); color: #fff;
  padding: 6px 14px; border-radius: 999px;
  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em;
  text-transform: uppercase; margin-bottom: 20px;
}
.hero h1 { margin-bottom: 18px; line-height: 1.15 }
.hero h1 span { color: var(--accent) }
.hero-sub {
  color: var(--ink-soft); font-size: 1.05rem;
  max-width: 480px; margin-bottom: 28px; line-height: 1.7;
}
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px }
.hero-strip {
  display: flex; gap: 8px; width: 100vw; margin-left: calc(-50vw + 50%);
  padding: 0 16px; box-sizing: border-box; overflow: hidden; margin-top: 40px;
}
.hero-strip img {
  flex: 1 1 0; min-width: 0; height: 140px; object-fit: cover; border-radius: 10px;
}

@media(max-width:900px) {
  .hero { padding: 40px 0 0 }
  .hero-strip img { height: 100px; }
}