.detailing-comparison{padding:48px 0;background:#edf3f6;border-top:1px solid #d5dee3;scroll-margin-top:0}
.detailing-comparison>.container{max-width:1000px}
.compare-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}
.compare-heading h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;letter-spacing:-.045em;margin-top:15px}
.compare-heading p{font-size:12px;line-height:1.6;color:#425963;max-width:160px}
.detail-compare{margin:0;--compare-position:50%}
.compare-stage{position:relative;aspect-ratio:1400/788;background:#172127;overflow:hidden;cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;isolation:isolate}
.compare-stage:focus-within{outline:3px solid #005e82;outline-offset:5px}
.compare-layer{position:absolute;inset:0;pointer-events:none}
.compare-layer img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none;-webkit-user-drag:none}
.compare-before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}
.compare-after{clip-path:inset(0 0 0 var(--compare-position))}
.compare-label{position:absolute;top:20px;padding:8px 13px;border-radius:3px;background:#fff;color:#172127;font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 2px 10px #0000001a}
.compare-label-before{left:20px}.compare-label-after{right:20px}
.compare-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--compare-position);width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 4px #0005;pointer-events:none}
.compare-handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:50px;height:50px;transform:translate(-50%,-50%);border:1px solid #d5dee3;border-radius:50%;background:#fff;box-shadow:0 2px 14px #0003;color:#005e82}
.compare-handle svg{width:30px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.is-comparing .compare-handle{background:#005e82;border-color:#fff;color:#fff}
.compare-range{position:absolute;left:50%;top:50%;width:1px;height:1px;min-height:0;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.compare-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.compare-actions>.btn{font-size:12px;min-height:44px}
@media(max-width:650px){.detailing-comparison{padding:38px 0}.compare-heading{display:block;margin-bottom:20px}.compare-heading h2{font-size:30px;max-width:330px}.compare-heading p{max-width:none;margin-top:13px;font-size:11px}.compare-label{top:12px;font-size:11px;padding:7px 10px}.compare-label-before{left:12px}.compare-label-after{right:12px}.compare-handle{width:44px;height:44px}.compare-handle svg{width:27px}.compare-actions{gap:18px;flex-wrap:wrap;margin-top:20px}.compare-actions>.btn{font-size:11px}.compare-actions>.text-link{font-size:11px}}