/* Time reduction is the primary value; scope and evidence stay readable. */
body .ds-speed-panel{background:#1b1b1b;color:#fff;border-color:#565656}
body .ds-speed-panel .ds-impact-heading{color:#e3e3e3;font-size:13px;line-height:1.5;letter-spacing:.04em}
.pv-comparison{display:grid;gap:22px;margin-top:24px}
.pv-comparison>div{min-width:0;padding-left:18px;border-left:3px solid #6b7280}
.pv-comparison>.pv-after{border-color:#f05a28}
.pv-comparison span{display:block;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.04em;color:#c8cbd0}
body .pv-comparison strong{display:block;font-size:clamp(26px,2.5vw,36px);line-height:1.16;letter-spacing:-.7px;color:#fff;margin:8px 0}
body .pv-after strong{color:#ffad8c}
body .pv-comparison p,body .pv-result{font-size:16px;line-height:1.6;color:#e1e3e6;margin:8px 0 0}
body .pv-result{border-top:1px solid #555;padding-top:20px;margin-top:24px;color:#fff}
body .pv-scope{font-size:14px;line-height:1.6;color:#c8cbd0;margin:18px 0 0}
body .pv-source{margin-top:18px;border-top:1px solid #555;padding-top:8px}
body .pv-source summary{font-size:15px;line-height:1.5;min-height:44px;align-content:center;cursor:pointer;color:#fff}
body .pv-source p{font-size:15px;line-height:1.6;color:#d5d8de;margin:12px 0}
body .pv-source strong{font-size:inherit;line-height:inherit;color:inherit}
body .pv-source a,body .pv-demo{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.5;color:#ffad8c;text-underline-offset:4px;overflow-wrap:anywhere}
body .pv-demo{margin-top:15px}
body #before-after .hn-compare-title{min-height:0;margin-bottom:0;border:0;padding-bottom:0}
body #before-after .hn-time-metric{padding:24px 0;margin:22px 0;border-block:1px solid #c9ccd0}
body #before-after .hn-time-metric>span{display:block;font-size:13px;line-height:1.5;letter-spacing:.04em;font-weight:700;color:#555d68}
body #before-after .hn-time-metric>strong{display:block;font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-1px;margin:10px 0;color:#111}
body #before-after .hn-after .hn-time-metric>strong{color:#b63c14}
body #before-after .hn-time-metric p{font-size:16px;line-height:1.6;color:#555d68;margin:0}
body #before-after .hn-comparison ol{gap:22px}
body #before-after .hn-comparison li{min-height:0;grid-template-columns:32px minmax(0,1fr)}
body #before-after .hn-time-scope{font-size:15px;line-height:1.6;color:#555d68;margin:20px 0 0;max-width:1000px}
body #before-after .pv-source{border-color:#c9ccd0}
body #before-after .pv-source summary{color:#111}
body #before-after .pv-source p{color:#555d68;max-width:950px}
body #before-after .pv-source a{color:#a63412}
@media(max-width:767px){
 body #before-after .hn-comparison{grid-template-columns:1fr;gap:18px}
 body #before-after .hn-comparison>article{padding:22px}
 body #before-after .hn-time-metric{padding:18px 0;margin:18px 0}
 body .ds-speed-panel{padding:22px 20px!important}
 body .pv-comparison strong{font-size:28px}
 body .pv-comparison{gap:20px}
}

body #before-after .hn-comparison li strong{font-size:16px;line-height:1.5}
@media(max-width:767px){body #before-after .dn-heading>p:not(.eyebrow){font-size:16px;line-height:1.6}body #before-after .hn-time-scope{font-size:15px}}

/* The comparison must show the specialist work and the corresponding product action. */
body #before-after .hn-compare-title h3{font-size:22px;line-height:1.35;letter-spacing:-.3px;margin:0}
body #before-after .hn-time-metric{padding:12px 0 20px;margin:0 0 20px;border-top:0}
body #before-after .hn-time-metric>strong{font-size:clamp(32px,3.4vw,46px);margin:10px 0}
body #before-after .hn-comparison li{grid-template-columns:26px minmax(0,1fr);gap:12px}
body #before-after .hn-comparison li strong{font-size:17px;line-height:1.45}
body #before-after .hn-comparison li p{font-size:16px;line-height:1.6;margin:7px 0 0}
.hn-step-index{font-size:14px;font-weight:700;line-height:1.8;color:#676d74;font-variant-numeric:tabular-nums}
.hn-after .hn-step-index{color:#b63c14}
body #before-after .hn-case-footer p{font-size:16px;max-width:640px;color:#30343a}
body #before-after .hn-comparison ol{margin-top:24px}
@supports(grid-template-rows:subgrid){
 body #before-after .hn-comparison{row-gap:24px}
 body #before-after .hn-comparison>article{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:24px}
 body #before-after .hn-comparison ol{display:contents}
}
body .pv-comparison ol{display:grid;gap:14px;list-style:decimal;padding-left:20px;margin:18px 0 0}
body .pv-comparison li{display:list-item;padding-left:3px;font-size:16px;line-height:1.6;color:#e1e3e6}
body .pv-comparison li::marker{font-size:14px;color:#aeb4bd}
body .pv-after li::marker{color:#ffad8c}
body .pv-comparison .pv-timing-note{font-size:15px;color:#c8cbd0}
@media(max-width:767px){
 body #before-after .hn-comparison>article{row-gap:22px;padding:24px 20px}
 body #before-after .hn-compare-title h3{font-size:21px}
 body #before-after .hn-time-metric>strong{font-size:34px;letter-spacing:-.7px}
 body #before-after .hn-comparison li{gap:10px;grid-template-columns:24px minmax(0,1fr)}
 body .pv-comparison>div{padding-left:14px}
 body .pv-comparison strong{font-size:28px}
}