/* 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);
}

.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);
}