@import url('pricing-plans.css');
@import url('pricing-compare.css');
@import url('section-faq.css');
@import url('pricing-switcher.css');
@import url('eiffels-plans.css');

.pricing,
.early-access,
.pricing-compare {
  padding-block-end: var(--gap-96);
}
.pricing,
.early-access,
.pricing-compare,
.main__faq {
  & > :is(h2, h2 + p) {
    text-align: center;
    margin-inline: auto;
  }

  & > h2 {
    max-inline-size: 35ch;
    font-size: clamp(var(--font-28), 6vw, var(--font-36));
    padding-block: var(--gap-10) var(--gap-20);
  }

  & > h2 + p {
    max-inline-size: 70ch;
    font-size: clamp(var(--font-16), 3.5vw, var(--font-20));
  }
}

.pricing-compare > h2 {
  padding-block-end: var(--gap-56);
}

.main__faq {
  padding-block-end: var(--gap-72);
}