/* Shared marketing typography and spacing. Product editor demonstrations retain their own scale. */
:root{--type-display:84px;--type-section:56px;--type-feature:40px;--type-body:18px;--type-small:12px}
body{font-family:'Poppins',sans-serif}
.reference-hero h1{font-size:var(--type-display);line-height:.9;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}
.reference-eyebrow{font-size:28px;line-height:1.55;margin:0 0 12px;font-weight:400}
.reference-lead{font-size:20px;line-height:1.55;max-width:476px;margin:0}
.reference-actions{gap:12px;margin-top:48px}
.reference-actions .reference-button{font-size:16px;line-height:24px;height:46px;min-height:46px;min-width:173px;padding:10px 24px}
.hero-trial-notes{font-size:12px;line-height:1.22;margin-top:20px}
.pdf-header .desktop-nav>a,.pdf-header .nav-dropdown summary{font-size:15px;line-height:18px}
.pdf-header .nav-button{font-size:16px;line-height:24px}
.pdf-header .desktop-nav{gap:34px}
.section-heading h2,.ai-story-intro h2,.topic-hero h1,.comparison-intro h2,.reference-intro h2,.closing h2{font-size:var(--type-section);line-height:1.14;letter-spacing:-.035em}
.section-heading h2,.ai-story-intro h2,.comparison-intro h2,.reference-intro h2{margin-bottom:24px}
.section-heading>p,.section-heading>div>p:not(.eyebrow),.ai-story-intro>p:last-child,.topic-hero>p,.topic-content>p,.story-description,.product-copy>p:not(.eyebrow),.delivery-intro>p,.migration-intro>p{font-size:var(--type-body);line-height:1.55}
.ai-story-step h3,.product-copy h3,.product-copy .product-detail-heading,.topic-content h2{font-size:var(--type-feature);line-height:1.14;letter-spacing:-.03em;margin-bottom:20px}
.protection-checks h3{font-size:20px;line-height:1.4}
.protection-checks article p,.tool-directory ul{font-size:16px;line-height:1.55}
.eyebrow,.story-step-label{font-size:12px;line-height:1.5}
.topic-hero h1{margin-bottom:24px}.topic-hero>p{max-width:800px}
.topic-content h2:not(:first-child){margin-top:48px}
body :is(.button,.reference-button,.nav-button,.copy-button,.plan-select),.plan-section .plan-cycle button,.platform-tabs button{font-size:16px;line-height:24px}
.story-link,.text-link{font-size:16px;line-height:24px}
.site-footer p,.site-footer a{font-size:14px;line-height:1.55}
@media(min-width:701px) and (max-width:1100px){
 :root{--type-display:64px;--type-section:48px;--type-feature:36px}
 .pdf-header .desktop-nav{gap:22px}
}
@media(max-width:700px){
 :root{--type-display:40px;--type-section:36px;--type-feature:28px;--type-body:16px}
 .reference-hero h1{font-size:clamp(44px,12.8vw,64px);line-height:.95;margin:0 0 20px}
 .reference-eyebrow{font-size:clamp(20px,4.4vw,24px);line-height:1.4;margin-bottom:12px}
 .reference-lead{font-size:clamp(16px,3.6vw,20px);line-height:1.55}
 .reference-actions{gap:12px;margin-top:32px}
 .reference-actions .reference-button{width:auto;min-width:0;flex:0 0 auto;padding:10px 20px}
 .hero-trial-notes{font-size:12px;line-height:1.4;margin-top:20px}
 .section-heading h2,.ai-story-intro h2,.comparison-intro h2,.reference-intro h2{margin-bottom:12px}
 .topic-hero h1{font-size:36px;line-height:1.14}
 .ai-story-intro>p:last-child{font-size:16px;line-height:1.55}
 .ai-story-step h3,.product-copy h3,.product-copy .product-detail-heading,.topic-content h2{margin-bottom:12px}
 .topic-content h2:not(:first-child){margin-top:32px}
 .protection-checks h3{font-size:18px}
}

/* AI introduction uses a quieter heading scale. */
.ai-story-intro h2{font-size:clamp(33px,4vw,50px);line-height:1.2}