/* Approved homepage hierarchy. UI inside product demonstrations keeps its own scale. */
:root{--brand-h1:clamp(48px,5.25vw,74px);--brand-h2:clamp(36px,4vw,54px);--brand-lead:16px;--brand-body:16px;--brand-eyebrow:10px;--brand-note:11px}
main h1{font-size:var(--brand-h1)!important;line-height:1.04!important;letter-spacing:-.055em!important;font-weight:760!important}
main h1+p,main .plan-lead,main .pos-lead,main .hero-copy> .lead,main .conversion-copy>.hero-copy{font-size:var(--brand-lead)!important;line-height:1.65!important}
main :is(.section-copy,.home-section-heading,.plan-intro,.section-heading,.home-followup-heading)>h2,main section>h2,main .faq-section h2{font-size:var(--brand-h2)!important;line-height:1.08;letter-spacing:-.055em}
main :is(.section-copy,.plan-intro,.commerce-scope)>p:not(.eyebrow){font-size:var(--brand-body)!important;line-height:1.65}
main .eyebrow{font-size:var(--brand-eyebrow)!important;line-height:1.6;letter-spacing:.16em}
main :is(.plan-micro,.micro,.cta-note){font-size:var(--brand-note)!important;line-height:1.6}
main .storefront-caption>span{font-size:8px!important;letter-spacing:.1em}
@media(max-width:760px){:root{--brand-h1:clamp(42px,9.4vw,66px);--brand-h2:40px;--brand-lead:15px;--brand-body:15px;--brand-eyebrow:9px}}

/* Site footer is navigation, not an editorial section heading. */
body .brand-footer h2{font-size:13px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:700;margin:5px 0 22px}
body .brand-footer>div>a{font-size:12px!important;line-height:1.6}
body .brand-footer .footer-brand p{font-size:13px!important;line-height:1.65}
body .brand-footer .footer-bottom,body .brand-footer .footer-bottom a{font-size:10px!important;line-height:1.6}
/* Editorial palette and roles. Do not apply these rules to UI inside product visuals. */
:root{--brand-copy:#b1b1bb;--brand-heading:#fff;--brand-accent:#3173ee;--brand-h3:25px}
:is(.home-foundation,.story-light,.b2b-conditions,.recovery-section,.retention-light,.plan-benefits,.partner-portal-section){--brand-copy:#626976;--brand-heading:#15171b;--brand-accent:#2165df}
main :is(.hero-copy,.section-copy,.home-section-heading,.home-followup-heading,.plan-intro,.section-intro,.section-heading,.channels-intro,.move-section-head,.editorial-head,.decision-heading,.story-statement,.commerce-scope,.retention-scope,.plan-close,.pos-hero,.connections-hero)>p:not(.eyebrow):not(.micro):not(.plan-micro):not(.condition):not(.partner-portal-note),
main h1+p,main .plan-lead,main .home-proof-row>div>p:not(.eyebrow):not(.home-proof-note),
main :is(.retention-cards,.plan-benefit-grid,.home-capabilities) article>p,
main :is(.benefit,.plan-next,.erp-scope,.pricing-conditions,.connection-conditions,.payment-manual,.b2b-order-bottom)>p,
main .faq-list details>p{font-size:var(--brand-body)!important;line-height:1.65!important;color:var(--brand-copy)!important;font-weight:400;letter-spacing:normal}
main :is(.section-copy,.home-section-heading,.home-followup-heading,.plan-intro,.section-intro,.section-heading,.channels-intro,.move-section-head,.story-statement,.commerce-scope,.retention-scope,.plan-close)>h2,
main .faq-section h2,main section>h2{font-size:var(--brand-h2)!important;line-height:1.08!important;letter-spacing:-.055em!important;font-weight:760!important;color:var(--brand-heading)!important}
main h1{color:var(--brand-heading)!important}
main :is(h1,.section-copy>h2,.home-section-heading>h2,.home-followup-heading>h2,.plan-intro>h2,.section-intro>h2,.section-heading>h2,.channels-intro>h2,.move-section-head>h2,.story-statement>h2,.commerce-scope>h2,.plan-close>h2,.faq-section h2) em{color:var(--brand-accent)!important}
main :is(.retention-cards,.plan-benefit-grid,.home-capabilities) article>h3,main .benefit>h3{font-size:var(--brand-h3)!important;line-height:1.2!important;letter-spacing:-.035em;color:var(--brand-heading)!important}
main :is(.plan-micro,.micro,.cta-note,.condition,.home-proof-note,.partner-portal-note,.retention-scope .text-link){color:var(--brand-copy)!important}
main :is(.home-proof-note,.partner-portal-note,.condition){font-size:var(--brand-note)!important;line-height:1.6!important}
main .eyebrow{color:var(--brand-copy)!important}
body .brand-footer :is(h2){color:#fff!important}body .brand-footer>div>a,body .brand-footer .footer-brand p,body .brand-footer .footer-bottom{color:#b1b1bb!important}
.connections-page{--brand-copy:#626976;--brand-heading:#15171b;--brand-accent:#2165df}
main .section-copy>p.partner-portal-note,main .home-proof-row>div>p.home-proof-note{font-size:var(--brand-note)!important;line-height:1.6!important}
