/* Final legibility layer: no meaningful UI text below 13px */
.pill,
.heading>span,
.split>div>span,
.demo-layout>div>span,
.roi-box>div>span,
.card>span,
.diagnostic-copy>span,
.product-demo-heading span{
  font-size:16px;
  line-height:1.35;
  letter-spacing:.1em;
}

.case-copy>span,
.screen-callout>span,
.diagnostic-progress,
.diagnostic-result>div span{
  font-size:13px;
  line-height:1.4;
  letter-spacing:.09em;
}

.nav nav a,.btn,.actions>a:last-child,.checks,.ticker .shell{font-size:15px}
.proof-grid span,.diagnostic-benefits{font-size:16px}
.tabs button,.service a,.case a,.integrate a,.product-cta>a:last-child{font-size:16px}
.steps p,.case-copy p,.case-copy ul,.screen-callout p{font-size:16px}
.speed,.roi-check,.plans p,.price p,.faqs details p,.demo ul{font-size:15px}

.dash-head b{font-size:15px}.dash-head small,.dash-head>em{font-size:13px}
.kpis small,.kpis em,.kpis span{font-size:13px}.kpis b{font-size:26px}
.chart-title small,.chart-title em{font-size:13px}.ai small{font-size:12px}.ai b{font-size:14px}.ai p{font-size:13px}
.sites>b{font-size:14px}.sites>div>span{font-size:12px}.sites p b{font-size:13px}.sites p small,.sites em{font-size:12px}
.dashboard aside strong{font-size:13px}.dashboard aside small{font-size:12px}

.mini header,.racks strong,.phone>small{font-size:13px}.phone>div{font-size:14px}.phone p{font-size:13px}
.room>label{font-size:13px}.room>div small{font-size:11px}.room>div b{font-size:14px}.room>div em{font-size:11px}
.cloud>i,.cloud>i small{font-size:14px}
.calc header small,.calc>div small,.calc em,.calc>p,.plans label,.price small{font-size:12px}
.lead header small{font-size:12px}.lead label{font-size:14px}.foot>div>b{font-size:13px}.copy{font-size:13px}

.product-nav button>span{font-size:13px}.product-nav button>b{font-size:16px}.product-nav button>small{font-size:13px}
.screen-bar b,.screen-bar em{font-size:12px}.screen-callout li{font-size:14px}.screen-disclaimer{font-size:12px}
.diagnostic-options button>span{font-size:16px}.diagnostic-options small{font-size:14px}
.diagnostic-result>div strong{font-size:20px}.diagnostic-result ul,.diagnostic-result p{font-size:14px}

@media(max-width:740px){
  .pill,.heading>span,.split>div>span,.demo-layout>div>span,.roi-box>div>span,.card>span,.diagnostic-copy>span,.product-demo-heading span{font-size:14px}
  .proof-grid span{font-size:15px}.cloud>i,.cloud>i small{font-size:12px}
}