@media (max-width: 820px) {
  .site-header,
  .site-header.is-scrolled { backdrop-filter: none; }
  .main-nav { padding: 38px 24px; overflow-y: auto; }
}

@media (max-width: 540px) {
  .section-heading h2,
  .planner-intro h2,
  .faq-section h2,
  .myth-copy h2 {
    font-size: clamp(48px, 13.7vw, 66px);
  }
}