/* Shared marketing typography and spacing. Loaded after component styles. */
:root{--title-size:36px;--section-title-size:28px;--subheading-size:22px;--body-size:16px;--section-space:64px;--column-gap:64px;--heading-space:16px}
body{font-size:var(--body-size);line-height:1.65}
.hero.hero-compact h1,.page-title,.contact .page-title,.technology-detail .page-title{font-size:var(--title-size);line-height:1.2;letter-spacing:-.8px;font-weight:500}
h2,.contact h2,.home-overview .section-head h2,.next-inner h2,.technology-row .product-name h2{font-size:var(--section-title-size);line-height:1.25;letter-spacing:-.5px;font-weight:500}
h3,h4,.stage-panel h3,.quality-list h3,.audiences h3,.page-links h3,.technology-row>div>h3,form h3{font-size:var(--subheading-size);line-height:1.3;letter-spacing:-.3px;font-weight:500}
p{margin:0 0 20px}
.section,.home-overview.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.detail-page main>.section:first-child{padding-top:40px}
.section-head,.home-overview .section-head,.company-grid,.contact-grid,.quality{gap:var(--column-gap);align-items:start;grid-template-columns:1fr 1fr}
.section-head,.home-overview .section-head{margin-bottom:40px}
.section-head>p,.home-overview .section-head>p{max-width:none;margin:0}
.section-head>p,.home-overview .section-head>p,.lead,.company .lead,.contact-grid>div>p,.home-introduction .hero-copy>p,.product p,.quality-list p,.deliver-grid p,.deliver-grid li,.audiences p,.page-links p,.stage-panel p,.stage-panel li,.next-inner p:not(.eyebrow),details p{font-size:var(--body-size);line-height:1.65}
.eyebrow,.hero-compact .eyebrow,.home-overview .section-head .eyebrow,.next-inner .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.6px;font-weight:700;margin:0 0 var(--heading-space)}
.hero-compact .hero-subtitle{font-size:18px;line-height:1.5;letter-spacing:0;margin-top:16px}
.hero.hero-compact{padding-top:40px;padding-bottom:40px}
.home-introduction{padding-top:32px;padding-bottom:32px}
.home-introduction .hero-copy>p{margin-bottom:24px}
.lead,.contact-grid>div>p{margin-top:24px;max-width:none}
.company .lead{margin-top:0}
.technology-row{gap:var(--column-gap);padding:32px 0}
.technology-row>div>h3,.deliver-grid h3,.audiences h3,.quality-list h3{margin-bottom:var(--heading-space)}
.page-links h3{margin:20px 0 16px}
.deliver-grid,.audiences,.page-links{gap:32px}
.doc-icon{margin-bottom:24px}
.stage-panel{padding:32px}.stage-panel h3{margin:16px 0}
.stage-buttons button{font-size:16px;line-height:1.5;padding-top:20px;padding-bottom:20px}
.stage-result strong{font-size:16px;line-height:1.5}
.button,.hero-compact .button{font-size:14px;line-height:1.5;padding:14px 20px;gap:24px}
.next-step{padding:40px 0}.next-inner{gap:32px}
.breadcrumb{padding-top:20px;padding-bottom:20px;font-size:12px}
.contact-email{font-size:20px}
@media(max-width:1050px){:root{--column-gap:40px}}
@media(max-width:760px){
:root{--title-size:30px;--section-title-size:25px;--subheading-size:21px;--body-size:15px;--section-space:40px;--column-gap:24px}
.section-head,.home-overview .section-head,.company-grid,.contact-grid,.quality{grid-template-columns:1fr}
.section-head,.home-overview .section-head{margin-bottom:28px}
.detail-page main>.section:first-child{padding-top:24px}
.hero.hero-compact{padding-top:28px;padding-bottom:28px}
.hero-compact .hero-subtitle{font-size:17px}
.home-introduction{padding-top:24px;padding-bottom:24px}
.technology-row{padding:28px 0;gap:20px}
.stage-panel{padding:24px}.stage-buttons button{font-size:14px}
.next-step{padding:32px 0}
.breadcrumb{padding-top:16px;padding-bottom:16px}
}