/* ITARV Typography System v1 — include on all website PHP/HTML pages.
   Keep local component typography aligned with these tokens. */
:root {
  --itarv-type-hero: clamp(32px, 4.1vw, 58px);
  --itarv-type-section: clamp(28px, 3.5vw, 48px);
  --itarv-type-subtitle: clamp(17px, 1.65vw, 20px);
  --itarv-type-card: 18px;
  --itarv-type-body: 16px;
  --itarv-type-small: 13px;
  --itarv-type-eyebrow: 11px;
  --itarv-type-button: 13px;
  --itarv-type-handwritten: 20px;
}
/* Explicit section scope prevents changing shared nav/footer and icon glyphs. */
.funky-hero .headline { font-size:var(--itarv-type-hero)!important;line-height:1.07!important;letter-spacing:-.025em!important; }
.funky-trust .trust-headline,
.funky-arsenal .arsenal-title,
.funky-about .about-title,
.funky-story .story-title,
.funky-why .title,
.funky-pricing .title,
.funky-proof .proof-title,
.funky-quotes .quotes-title,
.funky-faq .title {font-size:var(--itarv-type-section)!important;line-height:1.09!important;letter-spacing:-.025em!important;overflow-wrap:break-word;}
.funky-hero .subhead,
.funky-trust .trust-sub,
.funky-arsenal .arsenal-sub,
.funky-about .about-sub,
.funky-why .sub,
.funky-pricing .sub,
.funky-proof .proof-sub,
.funky-quotes .quotes-sub,
.funky-faq .sub {font-size:var(--itarv-type-subtitle)!important;line-height:1.35!important;}
.funky-hero .scribble,.funky-hero .arrow-note .note-text,
.funky-trust .trust-scribble,.funky-trust .bottom-note,.funky-trust .callout-label,
.funky-arsenal .arsenal-scribble,.funky-arsenal .cta-line,
.funky-about .about-scribble,.funky-about .cta-line,
.funky-story .story-scribble,.funky-why .scribble,
.funky-pricing .scribble,.funky-proof .proof-scribble,
.funky-quotes .quotes-scribble,.funky-faq .scribble {font-size:var(--itarv-type-handwritten)!important;line-height:1.25!important;}
.funky-arsenal .card h3,.funky-why .step-title,.funky-proof .cs-card h3,
.funky-about .memo-punch {font-size:var(--itarv-type-card)!important;line-height:1.25!important;}
.funky-arsenal .card p,.funky-story .story-body,.funky-why .step-body,
.funky-about .memo-body,.funky-faq .a-body p {font-size:var(--itarv-type-body)!important;line-height:1.6!important;}
.funky-hero .trust-line,.funky-arsenal .cta-note,
.funky-story .video-meta,.funky-about .memo-sign .role {font-size:var(--itarv-type-small)!important;}
.funky-hero .eyebrow,.funky-trust .trust-eyebrow,.funky-arsenal .arsenal-eyebrow,
.funky-about .about-eyebrow,.funky-story .story-eyebrow,.funky-why .eyebrow,
.funky-pricing .eyebrow,.funky-proof .proof-eyebrow,
.funky-quotes .quotes-eyebrow,.funky-faq .eyebrow {font-size:var(--itarv-type-eyebrow)!important;}
.funky-hero .btn,.funky-hero .btn-primary,.funky-hero .btn-secondary,
.funky-arsenal .cta-btn,.funky-about .cta-btn,.funky-faq .book-btn {font-size:var(--itarv-type-button)!important;line-height:1.35!important;}
.funky-about .memo-opener {font-size:clamp(22px,2.4vw,28px)!important;line-height:1.17!important;}
.funky-trust .callout-num {font-size:clamp(42px,5vw,68px)!important;}
.funky-about .stat .num {font-size:clamp(32px,3.6vw,45px)!important;}
.funky-proof .cs-hero .hero-num {font-size:clamp(34px,3.8vw,44px)!important;}
/* The custom badges/graphics retain their own proportional typography. */
@media(max-width:700px){
  :root{--itarv-type-hero:clamp(30px,8vw,38px);--itarv-type-section:clamp(27px,7.2vw,34px);--itarv-type-subtitle:17px;--itarv-type-card:17px;--itarv-type-body:15px;--itarv-type-small:12px;--itarv-type-eyebrow:10px;--itarv-type-button:12px;--itarv-type-handwritten:18px;}
  .funky-hero .headline,.funky-trust .trust-headline,.funky-arsenal .arsenal-title,
  .funky-about .about-title,.funky-story .story-title,.funky-why .title,
  .funky-pricing .title,.funky-proof .proof-title,.funky-quotes .quotes-title,
  .funky-faq .title {overflow-wrap:break-word!important;word-break:normal!important;}
  .funky-hero .btn{white-space:normal!important;text-align:center!important;}
}
@media(max-width:380px){:root{--itarv-type-hero:29px;--itarv-type-section:27px;}}