/* Octet type scale: one size per role, on every page.
   Display face (ABC Daily Slab Mono) only. Docs keep their own reading scale in docs.css.
   XL  page title, and the two statement headings on Product
   L   section heading (also a step or category heading that sits beside a big numeral)
   M   the closing sign-off and short closing statements
   S   sub-heading: case, card, clause and scene titles
   XS  question heads in the FAQs                                                       */
:root{
  --t-xl:clamp(44px,6.4vw,92px);
  --t-l:clamp(32px,3.75vw,54px);
  --t-m:clamp(28px,3.2vw,46px);
  --t-s:clamp(22px,2.2vw,32px);
  --t-xs:clamp(18px,1.4vw,20px);
  --t-num:clamp(96px,14vw,200px);
}
/* XL */
.pr-hero h1,#how>h2,#uxSeq h2,
main.page>section.hero>h1,section.hero>h1,#wake,
.price-lede h1,.m-hero>h1,main.note .journal>article.entry>.body>h2{font-size:var(--t-xl)!important;line-height:1.04!important}
/* L */
#why .lead,#why .happening h2,
#evidence>h2,#compare>h2,#products>h2,#integrate>h2,#how .st h3,
.uc-door h2,#your-use-case h2,
#trace>h2,section.section>h2,
.proof-stage h2,.cta-box h2,
section.section.scale>h2,main>section.section>h2,
.accept-inner h2{font-size:var(--t-l)!important;line-height:1.06!important}
/* M: the sign-off, everywhere */
footer.footer>h2,.page>section.closing>h2,.scale .turn{font-size:var(--t-m)!important;line-height:1.1!important}
/* S */
.uc-case h3,.uc-close,.people .card h3,.products-grid .product h2,#fitName,#demoTitle,
.clause>h2,#why ol>li h3,#detail h2#d-h,.journal>article.entry>.body>h2{font-size:var(--t-s)!important;line-height:1.12!important}
/* XS */
.faq-q{font-size:var(--t-xs)!important}
/* the illuminated numerals: one size on Product and Use cases */
#how .st .num,.uc-door .uc-big{font-size:var(--t-num)!important}

/* phones: the longest title word ("Cryptographically", 11.2 em in this face) must fit a 360px screen */
@media (max-width:600px){
  :root{--t-xl:clamp(26px,7.6vw,44px);--t-l:clamp(26px,7.4vw,32px)}
}
h1,h2,h3{overflow-wrap:break-word}