/* styles/sections/band-rhythm.css
 * /return-on-tokens/ section rhythm: 96px bands (64px under 620px, the page's own pre-swap
 * query) with the h2 on its pre-swap 611px measure (24ch at 40px) and body copy on 663px
 * (62ch at 18px); the quote band at 64px under a hairline; the setup note under the closing
 * band's action. Every band sits on the white page field. */
@layer sections {
  .rot-section {
    padding-block: var(--space-96);
  }

  .rot-section h2 {
    max-width: 611px;
    margin-bottom: var(--space-24);
  }

  .rot-section p {
    max-width: 663px;
    color: var(--ink-muted);
  }

  .rot-why-head p {
    margin: 0;
  }

  .testimonial-section.rot-testimonial {
    padding-block: var(--space-64);
    border-top: 1px solid var(--line-2);
  }

  .rot .cta-section .cta-pair {
    margin-top: var(--space-32);
  }

  .rot .cta-section .rot-cta-note {
    margin: var(--space-16) auto 0;
    color: var(--white-70);
  }

  @media (width <= 620px) {
    .rot-section {
      padding-block: var(--space-64);
    }
  }
}