/* Essai Content OS, haut de page (retour du 25/09) : le badge du différenciateur au-dessus du titre,
   et le sous-titre coupé en deux idées. */

.hero-badge {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  margin: 0 auto 24px;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--lilac);
  color: var(--accent-ink);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.hero-badge-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
}

.hero-offer .lead { max-width: 36.8em /* 60ch */; text-wrap: balance; }
.hero-offer .lead-suite { margin-top: 10px; }