/* Shared type roles for both K pages. Load after component styles. */
:root{--type-display:clamp(52px,5.8vw,88px);--type-section:clamp(36px,4vw,56px);--type-subheading:32px;--type-label:24px;--type-quote:24px;--type-lead:20px;--type-body:18px;--type-ui:14px;--type-small:12px;--type-kicker:11px}
.hero h1,.about-opening h1{font-size:var(--type-display);line-height:1.03}
.hero h1 span{font-size:inherit;white-space:normal}
h2,.vision h2,.evidence-heading h2,.audience h2,.audience-secondary h2,.trust-heading h2,.start-grid h2,.about-belief h2,.about-builders h2,.about-contact h2{font-size:var(--type-section);line-height:1.09}
.insight-card-head h3,.tech-rows h3,.trust-practices h3,.person-title h3{font-size:var(--type-subheading);line-height:1.12}
.insight-panel h5{font-size:var(--type-label);line-height:1.2}
.hero-deck,.evidence-heading>p,.tech-heading>p,.trust-heading>p{font-size:var(--type-lead);line-height:1.45}
.vision-copy .big-copy,.about-lede{font-size:var(--type-quote);line-height:1.35}
.vision-copy p,.vision-close p,.audience p,.audience-secondary p,.tech-rows p,.trust-practices p,.start-grid p,.insight-description,.insight-next-question p,.about-intro>div p,.about-belief p:not(.eyebrow),.person-copy p,.about-builders p:not(.eyebrow),.about-backers>p:not(.eyebrow){font-size:var(--type-body);line-height:1.55}
/* Preserve emphasized lead roles where a broader paragraph rule also matches. */
.vision-copy .big-copy{font-size:var(--type-quote);line-height:1.35}
.eyebrow,.hero .eyebrow,.evidence .eyebrow,.insight-card-head .eyebrow,.audience .audience-kicker,.trust-practices article>span,.insight-next-question>span:first-child{font-size:var(--type-kicker);line-height:1.5}
.nav{font-size:var(--type-ui)}
.button,.button-small,.actions .button,.hero .actions .button,.start-grid .button,.text-link,.hero .text-link,.audience .text-link,.connect-link .text-link{font-size:var(--type-ui);line-height:1.4}
.deck-topics button,.deck-actions .deck-play,.deck-counter,.insight-legend,.insight-panel-head p,.insight-scale,.insight-sources summary,.insight-sources>div,.deck-caption,.receipt-heading p,.source-receipt>span,.source-receipt .receipt-link,.source-receipt small,.receipt-limit,.evidence-date,.trust-inner>p,.section-aside,.start-options,.footer>span,.footer>div,.person-copy .person-detail{font-size:var(--type-small);line-height:1.5}
.insight-figure h4,.receipt-heading h4{font-size:var(--type-body);line-height:1.3}
.source-receipt strong{font-size:var(--type-ui);line-height:1.4}
.prototype-label{font-size:10px;line-height:1.4}
@media(min-width:861px) and (max-width:1100px){:root{--type-ui:13px}}
@media(max-width:860px){:root{--type-display:clamp(48px,6.6vw,57px);--type-section:40px;--type-subheading:28px;--type-label:22px;--type-lead:18px;--type-body:16px;--type-kicker:10px}}
@media(max-width:620px){:root{--type-display:clamp(46px,12.4vw,72px);--type-section:36px;--type-subheading:28px;--type-label:22px;--type-quote:22px}.hero h1 span{white-space:normal}.deck-controls{gap:16px}.receipt-heading{align-items:start}.source-receipt{grid-template-columns:1fr}.source-receipt small{grid-column:1}.receipt-grid>li:only-child{grid-column:auto}}
/* Override the About component's legacy important declarations. */
.about-builders .builder-names{font-size:var(--type-quote)!important;line-height:1.5!important}.about-builders .builder-caption{font-size:var(--type-small)!important;line-height:1.5}
/* Section labels must outrank broad component paragraph rules. */
.section-top .eyebrow,.audience .eyebrow{font-size:var(--type-kicker);line-height:1.5}.section-top .section-aside{font-size:var(--type-small);line-height:1.5}