/* One reading scale across the public website. Keep controls and captions compact. */
@media screen {
  :root {
    --site-display: clamp(40px, 5.1vw, 74px);
    --site-heading: clamp(32px, 3.2vw, 46px);
    --site-card: 24px;
    --site-intro: 17px;
    --site-body: 16px;
  }
  #main-content h1 { font-family: var(--font); font-size: var(--site-display); font-weight: 550; line-height: 1.08; letter-spacing: -.045em; overflow-wrap: break-word; }
  #main-content :is(.section-heading, .agent-showcase-heading, .employee-copy, .contact-inner, .about-story, .about-founder, .about-contact, .home-about-teaser, .platform-ai, .platform-faq, .platform-trust, .trust-contact, .support-contact) h2 {
    font-size: var(--site-heading); font-weight: 550; line-height: 1.14; letter-spacing: -.035em; text-wrap: balance; overflow-wrap: break-word;
  }
  #main-content :is(.quick-start-card, .resource-value-card, .plan-level-title, .home-connection-option, .function-grid article, .about-principle-grid, .about-process-list, .industry-page article, .connection-grid) h3 {
    font-size: var(--site-card); font-weight: 550; line-height: 1.25; letter-spacing: -.025em;
  }
  #main-content :is(.intro, .hero-description, .industry-section-heading > p) { font-size: var(--site-intro); font-weight: 400; line-height: 1.7; }
  #main-content :is(.quick-start-card > p, .resource-value-card > p, .plan-level-link > p, .home-connection-option > p, .function-grid article > p, .about-principle-grid p, .about-process-list p, .connection-grid article > p, .trust-details p, .contact-inner p, .proof-text, .agent-example p, .agent-example q) {
    font-size: var(--site-body); font-weight: 400; line-height: 1.7;
  }
  #main-content .eyebrow { font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .12em; }
  #main-content .quick-start h2 { max-width: 23ch; }
  @media (max-width: 760px) {
    :root { --site-display: clamp(34px, 9.3vw, 44px); --site-heading: clamp(29px, 8.2vw, 36px); --site-card: 22px; --site-intro: 16px; }
  }
}