/* Sales page layout glue. */

.sales__strip {
  margin-bottom: 0;
}

/* The USP strip's own bottom padding would sit on top of the compat section's
   padding, pushing the button low. Drop it here so the button is centred by the
   compat section's symmetric padding alone. */
.sales__strip .feature-strip {
  padding-bottom: 0;
}

/* Button visually centred between the USP strip and the plan grid
   (equal space above and below). */
.sales__compat {
  text-align: center;
  padding-block: var(--space-6);
}

.sales__plans {
  padding-bottom: var(--space-6);
}

/* Havas lean sales page: the plan grid sits directly under the hero (no USP
   strip / compat trigger between them), so it needs its own top padding or the
   cards read as stuck to the hero band. */
.havas-sales .sales__plans {
  padding-top: clamp(var(--space-6), 5vw, var(--space-8));
}

.sales__note {
  text-align: center;
  font-size: 1rem;
  max-width: 47.5rem; /* rem so it scales with the root; keeps the first sentence on one line */
  margin: var(--space-6) auto 0;
}

.sales__no-plans {
  text-align: center;
  font-size: var(--text-lg);
  padding-block: var(--space-6);
}