.service-comparison{margin:24px 0;width:100%;min-width:0}.service-comparison .pair{--split:50%;position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#e4e7e1}.service-comparison .pair-layer{position:absolute;inset:0;overflow:hidden}.service-comparison .pair-layer img{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%;object-fit:fill;display:block}.service-comparison .pair-after img{left:-100%}.service-comparison .pair-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.service-comparison .pair.separate img{width:100%;left:0}.pair-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.pair-line b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;background:#fff;color:#223631;border-radius:50%;font-size:22px;box-shadow:0 2px 12px #0003}.pair-label{position:absolute;top:10px;padding:6px 9px;background:#fffffff0;color:#223631;font-size:11px;letter-spacing:.08em;pointer-events:none}.pair-label.before{left:10px}.pair-label.after{right:10px}.pair input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.pair:focus-within{outline:3px solid #376d78;outline-offset:3px}.service-comparison figcaption{font-size:12px!important;line-height:1.5;margin-top:10px;color:#4b5c52}.service-body:has(.service-comparison){display:block}.service-body .service-comparison{max-width:760px}.service-body .service-comparison img{margin:0}.service-body .service-comparison+a{display:inline-block;margin-top:10px}