/* Local, dependency-free interactive Before/After for the landing hero */
.pk-compare{--pk-position:50%;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#c7d5dc;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.pk-compare>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.pk-compare__before{clip-path:inset(0 calc(100% - var(--pk-position)) 0 0)}
.pk-compare__line{position:absolute;top:0;bottom:0;left:var(--pk-position);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px #0005;z-index:2;pointer-events:none}
.pk-compare__knob{position:absolute;top:50%;left:var(--pk-position);width:64px;height:64px;border:4px solid #fff;border-radius:50%;background:var(--lime,#d8ed7b);display:flex;align-items:center;justify-content:space-evenly;gap:3px;font:700 33px/1 Arial,sans-serif;color:var(--ink,#25332c);box-shadow:0 7px 20px #0005;transform:translate(-50%,-50%);z-index:3;pointer-events:none}
.pk-compare__knob>span:first-child{margin-top:-4px;margin-left:7px}.pk-compare__knob>span:last-child{margin-top:-4px;margin-right:7px}
.pk-compare__label{position:absolute;top:17px;z-index:3;padding:8px 13px;border-radius:4px;letter-spacing:.1em;font:800 11px/1.3 Arial,Helvetica,sans-serif;pointer-events:none}
.pk-compare__label--before{left:17px;background:#25332cdb;color:#fff}
.pk-compare__label--after{right:17px;background:var(--lime,#d8ed7b);color:var(--ink,#25332c)}
.pk-compare input[type=range]{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}
.pk-compare:focus-within .pk-compare__knob{outline:3px solid #25332c;outline-offset:3px}
@media(max-width:760px){.pk-compare__knob{width:55px;height:55px;font-size:28px}.pk-compare__label{top:12px;padding:7px 10px}.pk-compare__label--before{left:12px}.pk-compare__label--after{right:12px}}