/* Keep supporting copy and the product illustration legible at real viewing sizes. */
.site-header nav { font-size:14px }
.button,.text-link { font-size:14px }
.eyebrow,.hero-top .eyebrow,.section-heading .eyebrow,.details-heading .eyebrow,.faq-section .eyebrow { font-size:11px }
.byline,.hero-note,.hero-footer,.hero-footer>span:nth-child(2),.contact-byline { font-size:11px }
.hero-lead,.intro-copy p,.workspace-copy>p,.section-heading>p,.journey-detail>p,.detail-grid p,.faq-list details p,.contact-grid>div>p:not(.eyebrow) { font-size:15px;line-height:1.85 }
.workspace-copy>p { max-width:410px }
.workspace-copy>.eyebrow { font-size:11px }
.workspace-copy li { font-size:13px;line-height:1.8;padding-block:10px }
.workspace-tabs button>span:first-child { font-size:11px }
.app-body { grid-template-columns:128px minmax(0,1fr);min-height:440px }
.app-bar { font-size:12px;gap:12px }
.app-wordmark { font-size:17px }
.app-bar>span:nth-child(2),.app-user { font-size:11px }
.app-sidebar { font-size:12px;padding:22px 12px;gap:14px }
.app-sidebar>span { padding:8px }
.app-content { padding:26px }
.app-content-title { align-items:start;flex-wrap:wrap }
.app-content-title small { font-size:10px;letter-spacing:.6px }
.app-content-title h4 { font-size:19px;line-height:1.5 }
.app-live { font-size:10px }
.app-metrics { gap:12px }
.app-metrics span { font-size:12px }
.app-metrics strong { font-size:19px;line-height:1.45 }
.app-list-heading { align-items:baseline;flex-wrap:wrap }
.app-list-heading strong { font-size:13px;line-height:1.7 }
.app-list-heading>span { font-size:10px }
.app-rows>div { display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;font-size:13px;padding-block:16px;line-height:1.7 }
.app-rows .row-symbol { font-size:18px }
.app-rows small { font-size:11px;line-height:1.7 }
.app-rows .app-status { font-size:10px;line-height:1.6;padding:5px 8px;white-space:normal;max-width:96px }
.demo-label { font-size:10px;line-height:1.8 }
.hero-visual { min-height:610px }
.preview-dot,.preview-heading>.eyebrow,.quiet-tag { font-size:10px }
.service-timeline { margin-bottom:15px }
.service-timeline li { min-height:77px }
.service-timeline strong { font-size:13px }
.service-timeline small { font-size:11px;line-height:1.6 }
.timeline-status { font-size:10px }
.preview-bottom { font-size:10px;line-height:1.8 }
.floating-note strong { font-size:12px }
.floating-note small { font-size:10px }
.journey-controls { font-size:13px }
.journey-step>span,.journey-detail .eyebrow { font-size:11px }
.journey-step strong { font-size:14px;line-height:1.6 }
.journey-step small,.journey-footnotes p { font-size:12px;line-height:1.8 }
.detail-grid h3 { font-size:18px;min-height:0 }
.faq-list summary { font-size:15px;line-height:1.8 }
.form-grid label { font-size:13px }
.form-grid input,.form-grid select,.form-grid textarea { font-size:15px;min-height:48px }
.form-grid textarea::placeholder { font-size:13px }
.form-note,#form-status,.download-brief { font-size:12px;line-height:1.8 }
.site-footer>div>p,.footer-links { font-size:13px }
.footer-bottom { font-size:11px }
@media(max-width:1100px) {
 .app-body { grid-template-columns:minmax(0,1fr) }
 .app-content { padding:23px }
 .app-metrics strong { font-size:18px }
 .journey-step { padding:15px 10px }
 .journey-step strong { font-size:12px }
 .workspace-panel { grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr) }
}
@media(max-width:760px) {
 .site-header nav { font-size:15px }
 .site-header nav .button,.js .menu-toggle { font-size:13px }
 .hero-top { align-items:start }
 .hero-top .eyebrow,.byline { font-size:10px }
 .hero-lead { font-size:15px }
 .hero-footer>span:first-child,.hero-footer>span:nth-child(2) { font-size:10px }
 .hero-grid { gap:30px }
 .hero-visual { min-height:610px }
 .service-preview { transform:none }
 .timeline-status { font-size:10px }
 .preview-bottom { padding-inline:18px }
 .workspace-panel { grid-template-columns:minmax(0,1fr) }
 .workspace-tabs button { font-size:16px }
 .workspace-copy ul { grid-template-columns:minmax(0,1fr) }
 .app-sidebar { display:none }
 .app-content { padding:20px 17px }
 .app-metrics { grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
 .app-metrics>div { min-width:0;padding:13px 10px }
 .app-metrics strong { font-size:17px }
 .app-metrics span { font-size:11px }
 .app-rows>div { grid-template-columns:18px minmax(0,1fr);font-size:13px }
 .app-rows .app-status { grid-column:2;justify-self:start;margin-left:0;max-width:none }
 .journey-step { grid-template-columns:24px minmax(0,1fr) minmax(0,1.1fr) }
 .journey-step strong { font-size:14px }
 .journey-step small { font-size:11px }
 .journey-detail>p { font-size:15px }
 .detail-grid { grid-template-columns:minmax(0,1fr);gap:32px }
 .detail-grid h3 { font-size:19px }
 .faq-list summary { font-size:15px }
 .form-grid input,.form-grid select,.form-grid textarea { font-size:16px }
 .footer-links { font-size:13px }
 .footer-bottom { font-size:11px }
}
@media(max-width:390px) {
 .workspace-tabs button { font-size:14px }
 .workspace-tabs button>span:first-child { font-size:10px }
 .app-bar { flex-wrap:wrap }
 .app-wordmark { font-size:16px }
 .app-content-title h4 { font-size:18px }
 .app-metrics strong { font-size:16px }
 .service-timeline { padding-inline:14px }
 .service-timeline strong { font-size:12px }
 .service-timeline small { font-size:10px }
 .floating-note { padding:12px 14px }
}
@media(min-width:761px) and (max-width:1100px) { .site-header{flex-wrap:wrap;padding-block:20px;row-gap:18px}.site-header nav{width:100%;justify-content:space-between;font-size:14px;gap:18px} }