/* Standalone plans and studio pages share the established Wavee language. */
.plans-page, .about-page { background: #fff; }
.institutional-breadcrumb { padding-top: 32px; }
.institutional-breadcrumb .breadcrumb-link { margin-bottom: 0; }
.plans-page .agency-plans { padding-block: 30px 64px; }
.plans-page .agency-plans-heading { align-items: end; margin-bottom: 42px; }
.plans-page .agency-plans-heading h1,
.about-page .agency-section-heading h1 {
  margin: 0;
  color: #142238;
  font-size: clamp(48px, 5.4vw, 76px);
  font-weight: 600;
  line-height: 1.035;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.plans-page .agency-plans-heading h1 em,
.about-page .agency-section-heading h1 em { color: #2563eb; font-style: normal; }
.plans-page .agency-plan h2 {
  margin: 5px 0 13px;
  color: #142238;
  font-size: clamp(29px, 3vw, 41px);
  font-weight: 650;
  letter-spacing: -.06em;
  line-height: 1.1;
}
.plans-page .agency-plan h2 > span { color: #ff7043; }
.plans-page .agency-plan-wavee h2 { color: #fff; }
.about-page .about-introduction { padding-block: 32px 80px; background: #fff; }
.about-page .agency-partnership-grid { align-items: start; padding-top: 10px; }
.about-page .agency-section-heading > p:not(.agency-kicker) { max-width: 45ch; font-size: 15px; }
.about-page .agency-partnership-copy { padding: 33px 36px; border-top: 2px solid #2563eb; background: #eef4fa; }
.about-page .agency-partnership-copy h2 { margin: 0; color: #142238; font-size: 21px; font-weight: 600; letter-spacing: -.035em; line-height: 1.3; }
.about-page .agency-partnership-copy > div > p { font-size: 14px; }
@media (max-width: 1020px) {
  .plans-page .agency-plans-heading { gap: 40px; }
  .about-page .agency-partnership-grid { gap: 36px; }
  .about-page .agency-partnership-copy { padding: 28px; }
}
@media (max-width: 760px) {
  .institutional-breadcrumb { padding-top: 24px; }
  .plans-page .agency-plans { padding-block: 27px 48px; }
  .plans-page .agency-plans-heading { gap: 20px; margin-bottom: 30px; }
  .plans-page .agency-plans-heading h1,
  .about-page .agency-section-heading h1 { font-size: clamp(43px, 11.5vw, 64px); letter-spacing: -.045em; }
  .plans-page .agency-plan h2 { margin-top: 4px; margin-bottom: 10px; font-size: 35px; }
  .about-page .about-introduction { padding-block: 24px 48px; }
  .about-page .agency-partnership-grid { padding-top: 0; gap: 28px; }
  .about-page .agency-section-heading > p:not(.agency-kicker) { font-size: 14px; }
  .about-page .agency-partnership-copy { padding: 25px 22px; }
  .about-page .agency-partnership-copy h2 { font-size: 20px; }
  .about-page .agency-partnership-copy > div > p { font-size: 13px; }
}
@media (max-width: 370px) {
  .plans-page .agency-plan h2 { font-size: 30px; }
}