/* One brand voice; sizes are composed for each page and content role.
   Scoped to public pages: product UI, chart labels and navigation stay independent. */
:is(.marketing-site,.features-page,.legal-page){
 --editorial-font:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --editorial-ink:#f3f7fa;--editorial-accent:#87e3f5;--editorial-muted:#a9bcc9;
}
.marketing-site #marketing-main :is(h1,h2,h3,h4),
#main.features-page :is(h1,h2,h3,h4),.legal-page article :is(h1,h2,h3){
 font-family:var(--editorial-font);color:var(--editorial-ink);text-wrap:balance;
}
.marketing-site #marketing-main :is(h1,h2,h3) em,
.marketing-site #marketing-main :is(.conversion-page-head,.beta-waitlist-copy) h1>span,
#main.features-page :is(h1,h2,h3) em,#main.features-page .fp-heading h2>span{
 color:var(--editorial-accent);font-style:normal;font-weight:inherit;background:none;-webkit-text-fill-color:currentColor;
}
.marketing-site #marketing-main :is(.hs-lead,.conversion-page-head>p,.beta-waitlist-copy>p,.broker-hero-copy>p,.broker-section-head>p,.conversion-section-head>p),
#main.features-page :is(.device-hero-lead,.screen-intro,.mindset-lead,.fp-heading>p:not(.eyebrow)){
 font-family:var(--editorial-font);color:var(--editorial-muted);font-weight:400;text-wrap:pretty;
}

/* Home: keep the cinematic hero; give the chapters a less oversized editorial rhythm. */
.marketing-site #marketing-main .home-story .hs-wide-heading h2{font-size:clamp(44px,5.2vw,72px);font-weight:640;line-height:1.06;letter-spacing:-.048em}
.marketing-site #marketing-main .home-story :is(.hs-trade,.hs-plan) h2{font-size:clamp(38px,3.7vw,52px);font-weight:640;line-height:1.08;letter-spacing:-.04em}
.marketing-site #marketing-main .home-story :is(.hs-fit,.hs-faq) h2{font-size:clamp(38px,4vw,54px);line-height:1.09;letter-spacing:-.04em}
.marketing-site #marketing-main .home-story .hs-final h2{font-size:clamp(54px,7vw,96px);line-height:1.02;letter-spacing:-.05em}
.marketing-site #marketing-main .home-story h3{font-weight:620;letter-spacing:-.025em}

/* Features: a confident opening, distinct chapter openers and readable phone captions. */
#main.features-page .device-hero #features-title{font-size:clamp(48px,5.6vw,80px);font-weight:650;line-height:1.035;letter-spacing:-.05em;max-width:900px;margin-inline:auto}
#main.features-page .device-hero .device-hero-lead{font-size:18px;line-height:1.65;max-width:560px;margin-top:20px}
#main.features-page .fp-heading h2{font-size:clamp(40px,4.6vw,64px);font-weight:640;line-height:1.08;letter-spacing:-.043em;max-width:1000px}
#main.features-page :is(.screen-copy,.mindset-intro) h3{font-size:clamp(32px,3.25vw,46px);font-weight:630;line-height:1.12;letter-spacing:-.035em}
#main.features-page .capture-copy article h3{font-size:clamp(30px,3.2vw,44px);font-weight:630;line-height:1.12;letter-spacing:-.035em}
#main.features-page :is(.screen-intro,.mindset-lead),#main.features-page .capture-copy article p:not(.tiny-label){font-size:17px;line-height:1.7;color:var(--editorial-muted)}
#main.features-page .screen-focus-caption h4{font-size:19px;font-weight:620;line-height:1.35;letter-spacing:-.02em}
#main.features-page .screen-focus-caption p{font-size:15px;line-height:1.65;color:var(--editorial-muted)}
#main.features-page .feature-panel h3{font-size:clamp(24px,2.4vw,32px);font-weight:620;line-height:1.17;letter-spacing:-.025em}
#main.features-page .fp-closing h2{font-size:clamp(44px,5.5vw,76px);font-weight:640;line-height:1.06;letter-spacing:-.045em}
#main.features-page .fp-closing>p:not(.eyebrow){font-size:18px;line-height:1.65;color:var(--editorial-muted)}

/* Brokers: balance a long headline against the device, then quieten the supporting sections. */
.brokers-page #marketing-main .broker-hero-copy h1{font-size:clamp(44px,5.05vw,72px);font-weight:650;line-height:1.065;letter-spacing:-.045em}
.brokers-page #marketing-main .broker-hero-copy>p{font-size:18px;line-height:1.7}
.brokers-page #marketing-main h2{font-size:clamp(36px,3.9vw,54px);font-weight:630;line-height:1.1;letter-spacing:-.037em}
.brokers-page #marketing-main .broker-demo-copy h3{font-size:clamp(27px,2.9vw,38px);font-weight:620;line-height:1.15;letter-spacing:-.03em}
.brokers-page #marketing-main .broker-support-heading h3,.brokers-page #marketing-main .broker-trust h3{font-size:22px;font-weight:620;line-height:1.25;letter-spacing:-.02em}
.brokers-page #marketing-main .broker-final h2{font-size:clamp(40px,4.5vw,62px);line-height:1.08}

/* Pricing is a clear proposition; Contact is warmer and less promotional. */
.marketing-pricing-page #marketing-main .conversion-page-head h1{font-size:clamp(46px,5.7vw,80px);font-weight:650;line-height:1.04;letter-spacing:-.05em}
.marketing-contact-page #marketing-main .conversion-page-head h1{font-size:clamp(44px,5.1vw,70px);font-weight:620;line-height:1.09;letter-spacing:-.04em}
.marketing-site #marketing-main .conversion-page-head>p{font-size:18px;line-height:1.7;max-width:600px}
.marketing-site #marketing-main :is(.conversion-section,.conversion-faq,.conversion-final) h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;line-height:1.13;letter-spacing:-.032em}
.marketing-pricing-page #marketing-main .conversion-pricing h2{font-size:clamp(25px,2.6vw,34px);font-weight:630;line-height:1.18;letter-spacing:-.025em}
.marketing-site #marketing-main :is(.conversion-feature-grid,.conversion-contact) h3{font-size:22px;font-weight:620;line-height:1.25;letter-spacing:-.02em}
.marketing-contact-page #marketing-main .marketing-contact-form h2{font-size:30px;font-weight:630;line-height:1.2;letter-spacing:-.025em}

/* Signup: a short primary title and a deliberately smaller supporting promise. */
.marketing-beta-page #marketing-main .beta-waitlist-copy h1{font-size:clamp(42px,4.8vw,66px);font-weight:650;line-height:1.08;letter-spacing:-.04em}
.marketing-beta-page #marketing-main .beta-waitlist-copy h1>span{display:block;margin-top:16px;font-size:.68em;line-height:1.18;letter-spacing:-.025em;max-width:16ch}
.marketing-beta-page #marketing-main .beta-waitlist-copy>p:not(.beta-existing-account){font-size:17px;line-height:1.7;max-width:510px}
.marketing-beta-page #marketing-main .beta-waitlist-panel h2{font-size:27px;font-weight:630;line-height:1.2;letter-spacing:-.025em}

/* Legal pages are reading surfaces, not promotional sections. */
.legal-page article.card{background:#0e1a23}
.legal-page article h1{font-size:clamp(34px,4vw,46px);font-weight:640;line-height:1.12;letter-spacing:-.035em;text-wrap:initial}
.legal-page article h2{font-size:21px;font-weight:620;line-height:1.35;letter-spacing:-.015em;margin:32px 0 10px;text-wrap:initial}
.legal-page article>p{font-family:var(--editorial-font);font-size:15px;line-height:1.8;color:var(--editorial-muted)}

@media(max-width:800px){
 .marketing-site #marketing-main .home-story .hs-wide-heading h2{font-size:clamp(35px,9vw,52px);line-height:1.08;letter-spacing:-.04em}
 .marketing-site #marketing-main .home-story :is(.hs-trade,.hs-plan,.hs-fit,.hs-faq) h2{font-size:clamp(34px,8.6vw,46px);line-height:1.1;letter-spacing:-.035em}
 .marketing-site #marketing-main .home-story .hs-final h2{font-size:clamp(46px,10.5vw,66px);line-height:1.04}
 #main.features-page .device-hero #features-title{font-size:clamp(38px,10vw,56px);line-height:1.065;letter-spacing:-.043em}
 #main.features-page .device-hero .device-hero-lead{font-size:16px;line-height:1.65;max-width:440px}
 #main.features-page .fp-heading h2{font-size:clamp(33px,8.3vw,46px);line-height:1.12;letter-spacing:-.035em}
 #main.features-page :is(.screen-copy,.mindset-intro) h3,#main.features-page .capture-copy article h3{font-size:clamp(30px,7.8vw,38px);line-height:1.13;letter-spacing:-.03em}
 #main.features-page :is(.screen-intro,.mindset-lead),#main.features-page .capture-copy article p:not(.tiny-label){font-size:16px;line-height:1.65}
 #main.features-page .feature-panel h3{font-size:26px}
 #main.features-page .fp-closing h2{font-size:clamp(36px,9vw,48px);line-height:1.1}
 #main.features-page .fp-closing>p:not(.eyebrow){font-size:16px}
 .brokers-page #marketing-main .broker-hero-copy h1{font-size:clamp(37px,9.6vw,56px);line-height:1.08;letter-spacing:-.04em}
 .brokers-page #marketing-main h2{font-size:clamp(32px,8.1vw,44px);line-height:1.12;letter-spacing:-.03em}
 .brokers-page #marketing-main .broker-final h2{font-size:clamp(35px,8.8vw,48px)}
 .brokers-page #marketing-main .broker-hero-copy>p{font-size:16px}
 .marketing-pricing-page #marketing-main .conversion-page-head h1{font-size:clamp(39px,10vw,56px);line-height:1.07;letter-spacing:-.04em}
 .marketing-contact-page #marketing-main .conversion-page-head h1{font-size:clamp(36px,9.2vw,52px);line-height:1.11;letter-spacing:-.035em}
 .marketing-site #marketing-main .conversion-page-head>p{font-size:16px;line-height:1.7}
 .marketing-site #marketing-main :is(.conversion-section,.conversion-faq,.conversion-final) h2{font-size:clamp(30px,7.8vw,40px);line-height:1.15}
 .marketing-beta-page #marketing-main .beta-waitlist-copy h1{font-size:clamp(37px,9.4vw,52px)}
 .marketing-beta-page #marketing-main .beta-waitlist-copy h1>span{font-size:.7em;margin-top:13px}
 .marketing-beta-page #marketing-main .beta-waitlist-panel h2{font-size:25px}
 .legal-page article h2{font-size:20px}
}