.audience-page .nav-link[aria-current='page'] { color: var(--blue); box-shadow: inset 0 -2px var(--blue); }
.audience-page .hero { min-height: 626px; }
.audience-page .hero h1 { font-size: clamp(40px, 5.6vw, 80px); letter-spacing: -3px; }
.audience-page .hero-copy > p:not(.hero-note) { max-width: 750px; }
.benefits { background: var(--pale); padding-block: 60px 66px; }
.benefits h2 { font-size: 46px; }
.benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; }
.benefits-grid article { padding-right: 36px; }
.benefits-grid article + article { padding-inline: 36px; border-left: 1px solid #d7dce7; }
.benefits-grid article:last-child { padding-right: 0; }
.benefits h3 { font-size: 25px; letter-spacing: -.7px; line-height: 1.35; margin: 0 0 16px; }
.benefits p { color: var(--muted); font-size: 20px; line-height: 1.65; margin: 0; }
.audience-page .journey-steps p { max-width: none; }
.audience-page .journey { padding-bottom: 74px; }
.audience-footer { padding-block: 42px; }
.audience-footer nav { display: flex; flex-direction: column; gap: 18px; align-items: flex-end; }
.audience-footer .text-button { color: var(--blue); }
@media (max-width: 1180px) {
  .audience-page .hero { min-height: 560px; }
  .audience-page .hero h1 { font-size: 4.8vw; letter-spacing: -2.3px; }
  .benefits h2 { font-size: 36px; }
  .benefits h3 { font-size: 21px; }
  .benefits-grid article { padding-right: 24px; }
  .benefits-grid article + article { padding-left: 24px; }
  .benefits p { font-size: 17px; }
}
@media (max-width: 900px) {
  .audience-page .hero { min-height: 490px; }
  .benefits h3 { font-size: 19px; }
  .benefits p { font-size: 16px; }
}
@media (max-width: 640px) {
  .audience-page .hero { min-height: 0; }
  .audience-page .hero h1 { font-size: clamp(32px, 8.4vw, 48px); letter-spacing: -1.5px; }
  .benefits { padding-block: 40px; }
  .benefits h2 { font-size: 31px; letter-spacing: -1.2px; }
  .benefits-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }
  .benefits-grid article { padding: 0; }
  .benefits-grid article + article { border-left: 0; border-top: 1px solid #d7dce7; padding: 24px 0 0; }
  .benefits h3 { font-size: 21px; margin-bottom: 10px; }
  .audience-page .journey { padding-bottom: 36px; }
  .audience-footer { gap: 28px; }
  .audience-footer p { margin-top: 18px; }
  .audience-footer nav { align-items: flex-start; }
  .audience-footer .text-button { font-size: 14px; gap: 8px; }
}