/* Murmur site-wide type coherence
   Final role-based adjustments, loaded after page-specific responsive CSS. */

/* Split editorial heroes */
body #pdemo-title,
body #agentic-hero-title {
  font-size: clamp(52px, 4.4vw, 60px);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

body .product-demo-hero .pdemo__lead,
body .ahero__lead {
  max-width: none;
  font-size: clamp(30px, 2.6vw, 36px);
  line-height: 1.06;
  letter-spacing: -0.044em;
  text-wrap: pretty;
}

body .product-demo-hero .pdemo__lead span {
  display: block;
}

body .product-demo-hero__explain,
body .ahero__sub {
  font-size: clamp(18px, 1.45vw, 20px);
  line-height: 1.46;
  letter-spacing: -0.018em;
  text-wrap: pretty;
}

/* Large section statements */
body #category-title {
  font-size: clamp(52px, 4.4vw, 60px);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

body .day-reframe__intro #day-title {
  font-size: clamp(50px, 4vw, 54px);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

/* Standard editorial section titles */
body #audience-title,
body #measurement-title,
body #shift-title,
body #flow-title,
body #reader-title,
body #marketing-title,
body #why-title,
body #next-title,
body #contact-options-title {
  font-size: clamp(44px, 3.75vw, 50px);
  line-height: 1.02;
  letter-spacing: -0.042em;
}

/* Strong section introductions */
body .category__lead {
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.24;
}

body .measurement-report__intro > p {
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
}

body .psection__head > .lead,
body .day-reframe__intro > p:last-child,
body .control-story__lead,
body .marketing__copy > .lead,
body .chero__sub {
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.42;
  text-wrap: pretty;
}

/* Supporting copy attached directly to a major heading */
body .reader-editorial .reader-editorial__intro > p.reader-editorial__copy,
body .reader-editorial .reader-editorial__intro > p.reader-editorial__close,
body .contact-options__head > p,
body .prefooter-cta__copy > p:not(.prefooter-cta__eyebrow) {
  width: 100%;
  font-size: clamp(18px, 1.4vw, 19px);
  line-height: 1.5;
  letter-spacing: -0.012em;
  text-wrap: pretty;
}

body .prefooter-cta__copy > p:not(.prefooter-cta__eyebrow) span {
  display: block;
}

body .chero__sub span,
body .contact-options__head > p span {
  display: inline;
}

body .chero__title span {
  display: inline;
}

.flow-title__mobile-break {
  display: none;
}

/* The three control lessons share one visual hierarchy. */
body .control-lesson--accordion > .control-lesson__intro h3 {
  max-width: none;
  font-size: clamp(50px, 4.4vw, 64px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.052em;
}

body .control-lesson--accordion > .control-lesson__intro p {
  max-width: none;
  font-size: clamp(18px, 1.5vw, 20px);
  line-height: 1.45;
  text-wrap: pretty;
}

body .control-lesson--accordion > .control-lesson__intro h3 span,
body .control-lesson--accordion > .control-lesson__intro p span {
  display: block;
}

@media (min-width: 721px) {
  body .control-lesson--accordion > .control-lesson__intro {
    grid-column: 1 / 6;
    max-width: none;
  }

  body .control-lesson--accordion > .control-ledger,
  body .control-lesson--accordion > .control-ledger__note,
  body .control-lesson--accordion > .control-responsibilities,
  body .control-lesson--accordion > .control-intents,
  body .control-lesson--accordion > .control-delivery-checks,
  body .control-lesson--accordion > .control-claims {
    grid-column: 6 / -1;
  }
}

@media (min-width: 861px) {
  body .category-section .category__head #category-title {
    margin-top: 0;
  }
}

@media (min-width: 621px) and (max-width: 1100px) {
  body .chero__title {
    font-size: 52px;
  }
}

@media (max-width: 620px) {
  body #pdemo-title,
  body #agentic-hero-title {
    max-width: none;
    font-size: clamp(36px, 10.8vw, 42px);
    white-space: normal;
    text-wrap: balance;
  }

  body #agentic-hero-title span {
    display: block;
    white-space: normal;
  }

  body .product-demo-hero .pdemo__lead,
  body .ahero__lead {
    font-size: clamp(28px, 8.2vw, 34px);
  }

  body .product-demo-hero__explain,
  body .ahero__sub,
  body .psection__head > .lead,
  body .day-reframe__intro > p:last-child,
  body .control-story__lead,
  body .marketing__copy > .lead,
  body .chero__sub,
  body .reader-editorial .reader-editorial__intro > p.reader-editorial__copy,
  body .reader-editorial .reader-editorial__intro > p.reader-editorial__close,
  body .contact-options__head > p,
  body .prefooter-cta__copy > p:not(.prefooter-cta__eyebrow) {
    font-size: 18px;
  }

  body #category-title {
    font-size: 38px;
  }

  body .day-reframe__intro #day-title {
    font-size: clamp(38px, 10.8vw, 42px);
  }

  body #audience-title,
  body #measurement-title,
  body #shift-title,
  body #flow-title,
  body #reader-title,
  body #marketing-title,
  body #why-title,
  body #next-title,
  body #contact-options-title {
    font-size: 36px;
  }

  body #flow-title {
    font-size: 36px;
  }

  .flow-title__mobile-break {
    display: initial;
  }

  body .control-lesson--accordion > .control-lesson__intro h3 {
    font-size: clamp(36px, 10.25vw, 42px);
    line-height: 1;
  }

  body .control-lesson--accordion > .control-lesson__intro p {
    font-size: 18px;
  }

  body .chero__title span {
    display: block;
  }

  body .chero__sub span,
  body .contact-options__head > p span {
    display: block;
  }
}

@media (max-width: 720px) {
  body .measurement-report__intro > p {
    font-size: 17px;
  }
}

@media (max-width: 340px) {
  body #category-title,
  body #audience-title {
    font-size: 34px;
  }

  body #audience-title {
    width: 100%;
    max-width: none;
  }

  body #audience-title span:first-child {
    white-space: normal;
  }

  body .product-demo-hero .pdemo__lead {
    font-size: 26px;
  }

  body .chero__title {
    font-size: 42px;
  }
}