/* Rates: page styles (Figma 267:251). Shared pieces live in /css/site.css. */
.rates { padding-top: clamp(56px, 5.68vw, 109px); }
.rates__spot { top: 198px; }

.promo { padding-top: clamp(64px, 6vw, 115px); }
.promo__spot { top: -158px; }
.promo__wrap { position: relative; }
.promo__swirl { left: -107px; top: -99px; z-index: 2; }
.promo .cta-band--boxed { padding-bottom: clamp(48px, 5.8vw, 112px); }

.trust { padding-top: clamp(56px, 5.8vw, 111px); }

@media (max-width: 1280px) {
  .promo__swirl { left: -60px; top: -80px; }
}
@media (max-width: 767px) {
  .promo__swirl { left: -24px; top: -56px; }
  .rates__spot, .promo__spot { top: 0; }
}

/* Figma row pitch 252 and promo box 1290x428 */
.rates .rate-list { grid-row-gap: 35px; }
.promo .cta-band--boxed { display: flex; flex-direction: column; justify-content: center; min-height: clamp(280px, 22.3vw, 428px); }