/* optin-form.css — formulaire de capture d'email (opt-in), sobre, avec état de succès. */
.optin{
  background: var(--color-gray-100);
  padding: var(--space-8) var(--container-pad);
}
.optin__inner{
  max-width: 560px;
  margin-inline: auto;
  text-align: center;
}
.optin__kicker{
  display: block;
  font-size: var(--fs-micro);
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  color: var(--color-accent-text);
  margin-bottom: var(--space-3);
}
.optin__title{ margin-bottom: var(--space-3); }
.optin__lead{
  color: var(--color-ink-soft);
  margin: 0 auto var(--space-6);
}

.optin__form{
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  text-align: left;
}

.optin__email-group{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.optin__frequency{
  font-size: var(--fs-micro);
  color: var(--color-ink-faint);
  text-align: center;
}

.optin__success{
  display: none;
}
.optin.is-success .optin__form{ display: none; }
.optin.is-success .optin__success{ display: block; }