.performance-page { background:#f0f7f9; }
.performance-hero { padding-top:36px; padding-bottom:40px; }
.performance-breadcrumb { display:inline-flex; gap:16px; align-items:center; min-height:44px; font-size:15px; color:#506477; }
.performance-breadcrumb:hover { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.performance-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:65px; align-items:end; margin-top:23px; }
.performance-heading h1 { font-size:clamp(38px,4.5vw,64px); max-width:760px; line-height:1.04; letter-spacing:-.025em; }
.performance-heading p { font-size:20px; line-height:1.6; max-width:450px; padding-bottom:3px; }
.performance-bench { margin-bottom:74px; }
.bench-shell { position:relative; border:1px solid #b4c5cc; border-bottom:8px solid #72909b; background:#e5eef1; box-shadow:0 12px 22px #163e4910; }
.bench-shell::before { content:''; position:absolute; inset:-1px auto auto -1px; width:92px; height:4px; background:var(--accent); }
.bench-top { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:25px 30px 23px; border-bottom:1px solid #bacdd4; }
.bench-top h2 { font:600 19px/1.35 Barlow,sans-serif; letter-spacing:0; }
.demo-label { color:#526b75; font-size:14px; text-align:right; }
.bench-body { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(0,1.75fr); }
.bench-object { display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid #bacdd4; min-width:0; }
.bench-object-heading { display:flex; align-items:center; gap:14px; padding:27px 28px 0; }
.bench-object-heading img { width:42px; height:42px; }
.bench-object-heading p { font-size:15px; color:#294c5b; }
.bench-object-heading strong { display:block; font-size:18px; color:var(--ink); }
.turbo-specimen { aspect-ratio:1.06; margin-top:5px; background:url('assets/service-stage-turbo.webp') 49.6% 34%/600% auto no-repeat; mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent); }
.bench-object>p { margin:0 28px 26px; font-size:14px; line-height:1.5; }
.bench-instrument { padding:28px 32px 30px; min-width:0; background:#f8fbfcc7; }
.demo-controls { display:flex; gap:0; width:fit-content; border:1px solid #8faab5; margin-bottom:24px; }
.demo-controls button { background:transparent; color:#294957; min-height:44px; padding:10px 19px; border:0; font-size:15px; font-weight:600; transition:background .18s,color .18s; }
.demo-controls button+button { border-left:1px solid #8faab5; }
.demo-controls button[aria-pressed=true] { background:var(--petrol); color:white; box-shadow:inset 0 -3px 0 #d94835; }
.demo-controls button:hover:not([aria-pressed=true]) { background:#dce9ed; }
.demo-readings { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-bottom:24px; border-bottom:1px solid #c3d3da; }
.demo-reading>span { font-size:14px; color:#526b75; }
.demo-number { display:flex; align-items:baseline; gap:10px; font:700 clamp(50px,5.1vw,72px)/1.12 'Barlow Condensed',sans-serif; color:var(--ink); font-variant-numeric:tabular-nums; }
.demo-number small { font:600 18px Barlow,sans-serif; }
.demo-track { height:5px; margin-top:11px; background:#d1e0e5; overflow:hidden; }
.demo-track span { display:block; width:100%; height:100%; background:#315d6a; transform-origin:left; transition:transform .45s cubic-bezier(.2,.65,.25,1),background .25s; }
.power-track { transform:scaleX(.8); }
.torque-track { transform:scaleX(.8); }
[data-state=optimized] .power-track { transform:scaleX(.94); background:#c73523; }
[data-state=optimized] .torque-track { transform:scaleX(.925); background:#c73523; }
.demo-comparison { width:100%; border-collapse:collapse; margin-top:22px; font-size:15px; font-variant-numeric:tabular-nums; }
.demo-comparison th,.demo-comparison td { padding:9px 0; text-align:right; font-weight:400; }
.demo-comparison th:first-child { text-align:left; }
.demo-comparison thead th { color:#58717c; font-size:13px; padding-bottom:13px; border-bottom:1px solid #cfdee3; }
.demo-comparison tbody th { font-weight:600; }
.demo-comparison tbody td:last-child { font-weight:600; color:#a63326; }
.bench-disclaimer { border-top:1px solid #bacdd4; padding:18px 30px; font-size:14px; line-height:1.6; color:#46616d; }
.bench-disclaimer strong { color:#284b59; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.performance-approach { display:grid; grid-template-columns:.85fr 1.45fr; gap:80px; padding-bottom:72px; }
.performance-approach h2 { max-width:350px; }
.performance-approach>div>p { margin-top:20px; font-size:19px; max-width:360px; }
.calibration-steps { list-style:none; padding:0; margin:0; counter-reset:calibration; }
.calibration-steps li { display:grid; grid-template-columns:45px 1fr; gap:18px; padding:21px 0; border-bottom:1px solid #c3d4da; counter-increment:calibration; }
.calibration-steps li:first-child { padding-top:0; }
.calibration-steps li::before { content:counter(calibration,decimal-leading-zero); font:700 23px 'Barlow Condensed',sans-serif; color:#65838d; padding-top:2px; }
.calibration-steps h3 { font:600 20px/1.3 Barlow,sans-serif; }
.calibration-steps p { margin-top:7px; font-size:17px; line-height:1.6; }
.performance-fit { background:#e3edef; border-block:1px solid #c6d7dd; padding:56px 0; }
.performance-fit-inner { display:grid; grid-template-columns:.85fr 1.45fr; gap:80px; }
.performance-fit h2 { max-width:340px; }
.fit-list { margin:0; }
.fit-list>div { display:grid; grid-template-columns:180px 1fr; gap:24px; padding:17px 0; border-bottom:1px solid #bdcfd6; }
.fit-list>div:first-child { padding-top:0; }
.fit-list>div:last-child { border-bottom:0; padding-bottom:0; }
.fit-list dt { font-weight:600; color:#193f4e; }
.fit-list dd { margin:0; color:#506477; line-height:1.6; }
.performance-request { display:grid; grid-template-columns:1.2fr 1fr; gap:90px; padding-top:72px; padding-bottom:78px; }
.performance-transparency h2 { font-size:32px; }
.performance-transparency p { max-width:600px; margin-top:20px; font-size:18px; line-height:1.7; }
.performance-cta { padding:28px 30px 30px; border-top:4px solid #c73523; background:#fff; border-bottom:5px solid #bdcdd2; }
.performance-cta h2 { font-size:31px; }
.performance-cta p { margin-top:15px; line-height:1.65; }
.performance-cta .button { width:100%; margin-top:24px; }
.performance-cta .request-local-note { font-size:13px; line-height:1.5; margin-top:12px; }
@media(max-width:1100px) {
  .performance-heading { gap:32px; grid-template-columns:1.15fr 1fr; }
  .performance-heading h1 { font-size:49px; }
  .performance-heading p { font-size:18px; }
  .performance-approach,.performance-fit-inner { gap:42px; }
  .performance-request { gap:45px; }
  .fit-list>div { grid-template-columns:145px 1fr; gap:20px; }
}
@media(max-width:800px) {
  .performance-hero { padding-top:22px; padding-bottom:30px; }
  .performance-heading { grid-template-columns:1fr; gap:22px; margin-top:20px; }
  .performance-heading h1 { font-size:46px; max-width:600px; }
  .performance-heading p { max-width:570px; }
  .bench-top { padding:23px; align-items:start; }
  .bench-body { grid-template-columns:220px minmax(0,1fr); }
  .bench-object-heading { padding:24px 20px 0; gap:9px; }
  .bench-object-heading strong { font-size:16px; }
  .bench-object-heading img { width:34px; height:34px; }
  .bench-object>p { margin-inline:20px; }
  .turbo-specimen { aspect-ratio:.85; background-size:650%; background-position:49.6% 25%; }
  .bench-instrument { padding:24px 22px; }
  .demo-controls button { padding:10px 12px; }
  .demo-number { font-size:57px; }
  .bench-disclaimer { padding:18px 23px; }
  .performance-bench { margin-bottom:50px; }
  .performance-approach,.performance-fit-inner,.performance-request { grid-template-columns:1fr; gap:30px; }
  .performance-approach { padding-bottom:50px; }
  .performance-approach h2,.performance-fit h2 { max-width:540px; }
  .performance-approach>div>p { max-width:540px; }
  .performance-fit { padding-block:42px; }
  .performance-request { padding-block:50px; }
}
@media(max-width:600px) {
  .performance-heading h1 { font-size:39px; }
  .bench-top { flex-direction:column; gap:8px; }
  .demo-label { text-align:left; }
  .bench-body { grid-template-columns:1fr; }
  .bench-object { display:grid; grid-template-columns:1fr 145px; border-right:0; border-bottom:1px solid #bacdd4; }
  .bench-object-heading { grid-column:1; padding:22px 0 0 19px; align-self:start; }
  .bench-object-heading img { width:33px; height:33px; }
  .bench-object-heading p { font-size:13px; }
  .bench-object>p { grid-column:1; margin:12px 0 20px 19px; font-size:13px; }
  .turbo-specimen { grid-column:2; grid-row:1/3; aspect-ratio:auto; margin:0; background-size:720% auto; background-position:49.6% 29%; }
  .bench-instrument { padding:22px 19px; }
  .demo-controls { width:100%; }
  .demo-controls button { flex:1; padding:10px 8px; font-size:14px; }
  .demo-readings { gap:24px; }
  .demo-number { font-size:57px; gap:8px; }
  .demo-number small { font-size:16px; }
  .demo-comparison { font-size:14px; }
  .demo-comparison thead th { font-size:12px; }
  .bench-disclaimer { padding:17px 19px; }
  .calibration-steps li { gap:12px; grid-template-columns:30px 1fr; }
  .fit-list>div { grid-template-columns:1fr; gap:7px; }
  .performance-transparency h2 { font-size:30px; }
  .performance-cta { padding:25px 22px; }
}