/* Shared semantic scale. Keep component grids, padding and media sizes intact. */
:root{
 --type-hero:48px;--type-section:32px;--type-feature:20px;--type-card:18px;
 --type-body:16px;--type-card-body:14px;--type-field:13px;--type-label:12px;
 --type-badge:11px;--type-caption:12px;--type-footer:13px;
 --text-heading:#15223b;--text-body:#53637b;--text-supporting:#60718a;
 --h1:var(--type-hero);--h2:var(--type-section);--h3:var(--type-feature);
 --body:var(--type-body);--small:var(--type-card-body);--muted:var(--text-body);
}
body{font-size:var(--type-body);line-height:1.75}
h1,.hero h1{font-size:var(--type-hero);font-weight:700;line-height:1.12}
h2,.prose h2,.section-heading h2,.brand-story h2,.brand-story h2.eyebrow,.glance-card h2,.final-cta h2{font-size:var(--type-section);font-weight:700;line-height:1.25;letter-spacing:-.025em}
h3,.signal-story h3,.operation-panel>div>h3,.principles h3,.plan-heading h3,.app-title h3{font-size:var(--type-feature);font-weight:600;line-height:1.3}
:is(.why-grid,.use-cases,.growth-stages,.setup-steps,.efficiency-extras)>article>h3,.secondary-product-card h3,.form-heading h3,.health-overview h3{font-size:var(--type-card);font-weight:600;line-height:1.3}
.download-card h2{font-size:var(--type-feature);font-weight:600;line-height:1.3}
.hero-highlight{font-size:var(--type-body);font-weight:600;line-height:1.7}
.hero-description{font-size:var(--type-body);font-weight:400;line-height:1.75;max-width:720px;max-inline-size:720px;color:var(--text-body)}
.section-heading>p:last-child:not(.eyebrow),.about-copy p,.prose p{font-size:var(--type-body);font-weight:400;line-height:1.75}
.feature-emphasis,.technology-brand-line{font-size:var(--type-feature);font-weight:500;line-height:1.6}
.brand-slogan{font-size:var(--type-feature);font-weight:600;line-height:1.4}
:is(.why-grid,.use-cases,.setup-steps)>article>p,.principles p,.signal-story>p:not(.eyebrow),.operation-panel p,.prompt-box p,.brand-explanation,.glance-card p:not(.eyebrow),.download-card p{font-size:var(--type-card-body);font-weight:400;line-height:1.65;color:var(--text-body)}
.faq-list summary h3{font-size:var(--type-body);font-weight:600;line-height:1.3}
.faq-list p{font-size:var(--type-card-body);line-height:1.7}
.eyebrow,.hero-eyebrow,.hero-eyebrow .eyebrow,.growth-stage .eyebrow{font-size:var(--type-label);font-weight:600;line-height:1.5;letter-spacing:.08em}
.hero-eyebrow,.hero-eyebrow .eyebrow{color:var(--text-supporting)}
.hero .supporting,.section-caption,.scope-note{font-size:var(--type-caption);font-weight:500;line-height:1.6;color:var(--text-supporting)}
.button{font-size:var(--type-body);font-weight:600}
/* The header and mock-client buttons keep their compact control dimensions. */
.button.compact,.setup-panel .button,.prompt-box .button{font-size:var(--type-field)}
.navigation,.dropdown{font-size:var(--type-card-body);font-weight:500}
.header-actions{font-size:var(--type-footer)}
.footer-grid h3,.footer-grid>div>a:not(.brand),.footer-brand p,.footer-brand strong{font-size:var(--type-footer);line-height:1.65}
.footer-grid h3{font-weight:600}.footer-grid>div>a:not(.brand),.footer-brand p{color:var(--text-supporting)}
.footer-bottom{font-size:var(--type-caption);line-height:1.6;color:var(--text-supporting)}
/* UI fields retain short line boxes; size changes do not inflate table rows. */
.isolated-box>span{font-size:var(--type-field);line-height:21px;font-weight:500;color:var(--text-body)}
.identity-column p,.device-layers strong,.health-details>div,.setup-panel label,.setup-panel select{font-size:var(--type-field);font-weight:500;color:var(--text-body)}
.device-layers small,.definition-core>div>span,.definition-capabilities>div,.settings-matrix>div,.setting-value{font-size:var(--type-label);font-weight:500;line-height:1.5;color:var(--text-body)}
.product-window .profile-row{font-size:var(--type-field);line-height:1.35;color:var(--text-body)}
.product-window .profile-row b{font-size:var(--type-field);font-weight:500;line-height:16px}
.product-window .profile-row small{font-size:10px;line-height:11px;color:var(--text-supporting)}
.product-window .table-head,.sidebar-item{font-size:var(--type-label);font-weight:500;line-height:1.5;color:var(--text-supporting)}
.product-window .dashboard-metrics>div>span,.table-toolbar,.workspace-label{font-size:var(--type-badge);font-weight:500;color:var(--text-supporting)}
.product-window .dashboard-metrics small,.app-title p{font-size:10px;color:var(--text-supporting)}
.product-window .dashboard-metrics>div>span{line-height:16px}
.table-toolbar{line-height:17.5px}.product-window .table-head{line-height:18px}
.product-float small,.product-float strong span,.floating-health>div>span,.floating-health p{font-size:var(--type-badge);font-weight:500;color:var(--text-supporting)}
.floating-health p{line-height:1.45}
.visual-toolbar,.ui-kicker,.prompt-label,.mini-check,.batch-table-head,.team-columns,.settings-note,.app-footnote{font-size:var(--type-label);font-weight:500;color:var(--text-supporting)}
.product-window .app-footnote{line-height:18px}
.ui-badge,.config-status .ui-badge,.synced-children .ui-badge,.batch-row .ui-badge,.status-pill{font-size:var(--type-badge);font-weight:600;line-height:1.3}
:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(ja) h1,:lang(ja) h2,:lang(ko) h1,:lang(ko) h2{letter-spacing:0}
@media(max-width:800px){:root{--type-hero:40px;--type-section:30px}}
@media(max-width:560px){
 :root{--type-hero:34px;--type-section:27px;--type-feature:18px;--type-card:18px;--type-body:15px;--type-field:12px;--type-label:11px;--type-caption:11px}
 :lang(en) .hero h1{font-size:var(--type-hero)}:lang(en) .final-cta h2{font-size:var(--type-section)}
 .hero .button{font-size:var(--type-body)}
 .product-window .profile-row,.product-window .profile-row b{font-size:var(--type-field)}
 .product-window .app-title h3{font-size:16px}
 .product-window .app-footnote{font-size:10px}
 .footer-bottom{font-size:12px}
}

/* Readable retained UI copy, after all responsive rules. Decorative IDs and
   repeated dashboard captions are removed at source instead of enlarged. */
.window-chrome{font-size:12px;color:var(--text-supporting)}
.window-chrome>span:last-child{display:none}
.workspace-label,.table-toolbar,.mini-button{font-size:12px;font-weight:500}
.product-window .dashboard-metrics>div>span,.product-window .dashboard-metrics small{font-size:12px;line-height:16px}
.product-window .profile-row small{font-size:12px;line-height:16px}
.product-window .profile-row:not(.table-head){min-height:47px}
.product-window .app-footnote{font-size:12px;flex-wrap:wrap;line-height:1.5;color:var(--text-body)}
.product-window .app-footnote>span{font-size:12px;color:var(--text-body)}
.product-float small,.product-float strong span,.floating-health>div>span,.floating-health p{font-size:12px;color:var(--text-body)}
.definition-core>.ui-badge,.ui-badge,.config-status .ui-badge,.synced-children .ui-badge,.batch-row .ui-badge,.status-pill{font-size:12px;font-weight:600}
.value-words,.panel-top small,.shared-environment p,.risk-note,.isolated-lock,.identity-label,.identity-column small,.config-status,.advanced,.region-output,.onboarding-selected,.plan-heading .muted,.day-badge,.plan-today,.plan-today>span,.plan-task small,.plan-tip p,.health-details strong,.recommended>div,.recommended p,.operation-note,.batch-action,.sync-action-types,.bento-setup .bento-setup-action,.bento-plan>div,.small-score>span,.bento-health p,.bento-actions>span,.bento-ai>span,.campaign-visual>div>span:first-child,.campaign-nodes,.project-chips span,.case-team-note,.identity-visual div>span,.case-team>div{
 font-size:12px;font-weight:500;color:var(--text-body);line-height:1.5;
}
.device-layers>p{font-size:12px!important}
.panel-top small,.identity-column small,.plan-task small,.plan-tip p,.case-team-note{color:var(--text-supporting)}
.batch-action{color:white}
.form-result,.health-overview p,.score-ring small{font-size:12px;line-height:1.6;color:var(--text-body)}
.score-ring strong span{font-size:12px;color:var(--text-supporting)}
.final-cta>span,.hero .supporting{font-size:12px;color:var(--text-supporting)}
.floating-health strong{font-size:13px}.health-check,.plan-task>span{font-size:12px}
/* Intrinsic sizing keeps translated labels readable without changing the type scale. */
.ui-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ui-badge i{flex-shrink:0}
.bento-isolation,.synced-children{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.definition-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-section>*,.split-section>*,.definition-capabilities>div,.dashboard-metrics>div{min-width:0}
.definition-capabilities span,.dashboard-metrics span,.dashboard-metrics small{overflow-wrap:anywhere}
.definition-capabilities .icon{flex-shrink:0}
.bento-isolation>div,.synced-children>div,.health-overview>div,.faq-list h3{min-width:0}
.bento-isolation :is(strong,span),.synced-children .ui-badge{overflow-wrap:anywhere}
.score-ring small{max-width:100%;text-align:center;line-height:1.2;overflow-wrap:anywhere}
.health-details>div{gap:12px}.health-details>div>*{min-width:0;overflow-wrap:anywhere}
.language-menu .dropdown{max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain}
.device-layers>div>span,.batch-toolbar{font-size:12px;color:var(--text-body)}
@media(max-width:560px){
 .product-window .dashboard-metrics small{white-space:normal}
 .product-window .app-footnote>span{display:inline;margin-left:0}
 .identity-label,.identity-column small,.bento-isolation strong,.definition-capabilities>div,.setting-value,.settings-matrix>div{font-size:12px}
 .campaign-nodes{flex-wrap:wrap;gap:8px}
 .config-status{flex-wrap:wrap}
}