/* One typographic scale for the whole landing page. Loaded last, so it wins over the per-section files.
   The typeface is already the same everywhere (automatGrotesk); this removes the drift in weight, line-height and
   size that crept in between sections:
     eyebrow       uppercase, 500, clamp(16px,1.6vw,24px)
     section title 400, 1.1, -0.025em          (sizes are set per section and left alone)
     lead (intro)  clamp(16px,1.4vw,20px) / 1.4
     card title    500, 1.1, -0.025em
     body          16px / 1.6                                                                       */
:root{--t-title-size:clamp(30px,3.6vw,48px);--t-lead-size:clamp(16px,1.4vw,20px);--t-lead-lh:1.4;--t-body-size:16px;--t-body-lh:1.6;--t-card-weight:500;--t-card-lh:1.1;--t-card-ls:-.025em}

/* eyebrows: "More than a voice agent" was a fixed 24px, the others scale */
section[data-track-view="use_cases"] h2.text-base{font-size:clamp(16px,1.6vw,24px);line-height:1.2;font-weight:500}

/* section titles: same line-height everywhere */
section[data-track-view="bottom_cta"] h2,section[data-track-view="faq"] h2,.hhv-h{line-height:1.1}

/* lead paragraphs under a section title */
section[data-track-section="hero"] h2,section[data-track-view="workflows"] p.text-lg,
.hh-omni-p,.hh-uc-intro-p,.hhi-sub,.hhc-sub,.hhv-p,.hhp-sub,.hcs-sub{font-size:var(--t-lead-size);line-height:var(--t-lead-lh)}
.hhv-p{color:var(--muted,#6b7280)}

/* card titles: one weight (the omnichannel cards were 500, the industry card 600, the agent cards 400) */
section[data-track-view="omnichannel_banner"] h2,.hhi-title,.hhv-card h3{font-weight:var(--t-card-weight);line-height:var(--t-card-lh);letter-spacing:var(--t-card-ls)}

/* card text (omnichannel card, "More than a voice agent" steps, industry card) is set at the lead size,
   so it matches the intro paragraph above the card */
section[data-track-view="omnichannel_banner"] h2 + p,
section[data-track-view="use_cases"] p.leading-relaxed,
.hhi-text{font-size:var(--t-lead-size);line-height:var(--t-body-lh)}

/* the industry card title is set at the section-title size, like the omnichannel card titles */
.hhi-title{font-size:var(--t-title-size)}