/* Always-visible before/after slider: inlined on the homepage, linked by the ad landing pages. */
.hero-compare{--split:50%;position:relative;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:var(--cream);box-shadow:0 1px 0 var(--line),0 18px 40px -26px #17352b66;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.hero-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.hero-compare__before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.hero-compare__tag{position:absolute;top:12px;padding:6px 11px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;pointer-events:none}
.hero-compare__tag--before{left:12px;background:#fcfaf5f2;color:var(--ink)}
.hero-compare__tag--after{right:12px;background:var(--ink);color:#fff}
.hero-compare__handle{position:absolute;top:0;bottom:0;left:var(--split);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px #17352b40;pointer-events:none}
.hero-compare__handle>span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;color:var(--ink);font:700 18px/1 var(--sans);letter-spacing:.08em;box-shadow:0 4px 14px #17352b40}
.hero-compare__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.hero-compare:has(.hero-compare__range:focus-visible) .hero-compare__handle>span{outline:3px solid var(--gold);outline-offset:3px}
.hero-compare__caption{font-size:16px;color:var(--muted);margin:12px 0 0}
.hero-compare.is-touched~.hero-compare__caption .hero-compare__hint{display:none}
@media(max-width:640px){.hero-compare{border-radius:12px}.hero-compare__tag{top:9px;padding:5px 9px}.hero-compare__tag--before{left:9px}.hero-compare__tag--after{right:9px}.hero-compare__caption{font-size:15px;margin-top:9px}}
.hero-compare__caption a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
