/*
  optin.desktop.css — dès 1024px : bandeau hero sur DEUX colonnes
  (texte + arguments à gauche, formulaire à droite) pour un bloc moins haut.
  Annule le centrage une-colonne de optin.css / optin.tablet.css.
*/
.optin--hero {
  text-align: left;
}

.optin--hero .optin__content {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: var(--space-7);
  max-width: none;
}

.optin--hero .optin__icon,
.optin--hero .optin__field,
.optin--hero .optin__consent,
.optin--hero .optin__perks,
.optin--hero .alert {
  margin-inline: 0;
}

.optin--hero .optin__perks {
  justify-content: flex-start;
}

.optin--hero .optin__field {
  max-width: none;
}

.optin--hero .alert {
  max-width: none;
}