.ad-site-shell { width: 100%; }
.ad-main { overflow: hidden; }
.ad-container { width: min(1340px, calc(100% - 48px)); margin-inline: auto; }
.ad-section { padding: 34px 0 38px; }
.ad-section--light { background: #fff; }
.ad-section--soft { background: var(--ad-soft); }
.ad-section--dark { background: var(--ad-ink); color: #fff; }
.ad-section__header { margin-bottom: 22px; }
.ad-section__header--row { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.ad-section__header--center { max-width: 680px; margin-inline: auto; text-align: center; }
.ad-section h2, .ad-benefits h2, .ad-transit-banner h2 { margin-bottom: 0; color: inherit; font-size: clamp(24px, 2.3vw, 34px); line-height: 1.08; letter-spacing: -.025em; text-transform: uppercase; }
.ad-kicker, .ad-section__eyebrow { margin-bottom: 7px; color: var(--ad-blue); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ad-section__title { margin-bottom: 0; font-size: clamp(24px, 2.3vw, 34px); text-transform: uppercase; }
.ad-text-link { color: var(--ad-blue-dark); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ad-text-link::after { content: " →"; }

@media (max-width: 767px) {
    .ad-container { width: min(100% - 28px, 1340px); }
    .ad-section { padding: 46px 0; }
    .ad-section__header--row { align-items: start; flex-direction: column; }
}