/* A clear comparison of engineering work and measurable outcomes. */
.home-value.kpi-comparison { background:#f3f7fb; color:var(--navy); }
.kpi-comparison .kpi-intro { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:24px 48px; max-width:none; }
.kpi-comparison .kpi-intro .eyebrow { color:var(--blue); font-size:14px; font-weight:600; text-transform:none; letter-spacing:.025em; }
.kpi-comparison .kpi-intro h2 { color:var(--navy); margin-top:12px; font-size:clamp(2rem,3.6vw,3rem); line-height:1.12; letter-spacing:-.035em; }
.kpi-comparison .kpi-intro h2 span { color:var(--blue); }
.kpi-comparison .kpi-intro>p { max-width:460px; margin:0 0 3px; color:#526783; font-size:17px; line-height:1.6; }
.kpi-comparison-strip { margin-top:28px; border:1px solid #d3dfec; border-radius:12px; overflow:hidden; background:#fff; }
.kpi-comparison-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; text-align:left; }
.kpi-comparison-table th,.kpi-comparison-table td { padding:19px 24px; vertical-align:top; }
.kpi-comparison-table thead th { background:#f8fafc; font-size:14px; font-weight:600; color:#526783; padding-block:15px; border-bottom:1px solid #d3dfec; }
.kpi-comparison-table thead th:first-child { width:29%; }
.kpi-comparison-table thead th:nth-child(2) { width:31%; }
.kpi-comparison-table thead .kpi-with-heading { width:40%; color:#fff; background:var(--blue); border-bottom-color:var(--blue); box-shadow:inset 3px 0 var(--copper); }
.kpi-comparison-table tbody tr+tr>* { border-top:1px solid #e0e8f0; }
.kpi-comparison-table tbody th { color:var(--navy); font-weight:500; }
.kpi-comparison-table tbody th>strong { display:block; font-size:17px; line-height:1.4; font-weight:600; }
.kpi-comparison-table .kpi-unit { display:block; margin-top:6px; color:#607086; font-size:14px; line-height:1.45; font-weight:400; }
.kpi-comparison-table td { font-size:16px; line-height:1.5; }
.kpi-comparison-table .kpi-before { color:#607086; }
.kpi-comparison-table .kpi-with { background:#edf5fc; color:#345272; box-shadow:inset 3px 0 #d8b89c; }
.kpi-comparison-table .kpi-with>strong { display:block; margin-bottom:4px; font-size:16px; line-height:1.4; color:var(--navy); font-weight:600; }
.kpi-comparison-table .kpi-with>span:not(.kpi-mobile-label) { display:block; }
.kpi-mobile-label { display:none; }
.kpi-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; padding:0; clip-path:inset(50%); white-space:nowrap; }
.kpi-comparison-footer { display:flex; align-items:center; justify-content:space-between; gap:18px 32px; margin-top:18px; }
.kpi-comparison-footer p { max-width:570px; margin:0; font-size:14px; line-height:1.6; color:#607086; }
.kpi-comparison .kpi-comparison-footer .text-link { flex:none; color:var(--blue); border-color:#b6c8db; font-size:15px; }
.kpi-comparison .kpi-comparison-footer .text-link span { color:var(--copper); }
@media(max-width:900px) {
 .kpi-comparison .kpi-intro { grid-template-columns:1fr; gap:16px; }
 .kpi-comparison .kpi-intro>p { max-width:650px; }
 .kpi-comparison-table th,.kpi-comparison-table td { padding:16px; }
 .kpi-comparison-footer { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media(max-width:650px) {
 .kpi-comparison-strip { border:0; border-radius:0; overflow:visible; background:transparent; margin-top:22px; }
 .kpi-comparison-table,.kpi-comparison-table tbody { display:block; width:100%; }
 .kpi-comparison-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .kpi-comparison-table tbody tr { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d3dfec; border-radius:10px; overflow:hidden; background:white; }
 .kpi-comparison-table tbody tr+tr { margin-top:12px; }
 .kpi-comparison-table tbody tr+tr>* { border-top:0; }
 .kpi-comparison-table tbody th { grid-column:1/-1; padding:16px; border-bottom:1px solid #e0e8f0; }
 .kpi-comparison-table td { padding:16px; font-size:15px; }
 .kpi-comparison-table .kpi-with>strong { font-size:15px; }
 .kpi-mobile-label { display:block; margin-bottom:9px; font-size:14px; font-weight:600; color:#526783; }
 .kpi-with .kpi-mobile-label { color:var(--copper); }
}
@media(max-width:380px) {
 .kpi-comparison-table tbody tr { grid-template-columns:1fr; }
 .kpi-comparison-table .kpi-with { border-top:1px solid #d3dfec; }
}