.case-study-section{padding:30px 0 18px;scroll-margin-top:100px}
    .case-study-heading{max-width:820px;margin:0 auto 24px;text-align:center}
    .case-study-heading .eyebrow{margin:0 0 9px}
    .case-study-heading .section-title{margin-bottom:10px}
    .case-study-heading .lead{margin:0 auto;color:var(--muted)}
    .before-after-shell{padding:12px;border:1px solid rgba(112,216,232,.22);border-radius:22px;background:linear-gradient(145deg,rgba(18,51,78,.94),rgba(7,27,45,.96));box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
    .before-after{--compare-position:50%;position:relative;isolation:isolate;width:100%;aspect-ratio:2.08/1;overflow:hidden;border-radius:14px;background:#0a1724;touch-action:pan-y;user-select:none;-webkit-user-select:none}
    .before-after-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;pointer-events:none}
    .before-layer{position:absolute;z-index:2;inset:0;width:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}
    .before-layer .before-after-image{width:100%;max-width:none;right:auto;object-fit:cover;object-position:center center}
    .compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare-position);width:2px;background:var(--gold);transform:translateX(-1px);pointer-events:none;box-shadow:0 0 14px rgba(0,0,0,.45)}
    .compare-handle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--cyan);color:#082137;box-shadow:0 5px 24px rgba(0,0,0,.42),0 0 0 7px rgba(7,27,45,.25)}
    .compare-handle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .compare-label{position:absolute;z-index:3;top:18px;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(7,27,45,.78);color:#fff;font-size:11px;font-weight:850;letter-spacing:.13em;backdrop-filter:blur(8px);pointer-events:none}
    .compare-label-before{left:18px}.compare-label-after{right:18px}
    .compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
    .before-after:has(.compare-range:focus-visible){outline:3px solid var(--cyan);outline-offset:5px}
    .compare-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 5px 1px;color:var(--muted);font-size:13px;font-weight:700}
    .compare-caption-center{color:var(--gold);font-size:12px;letter-spacing:.04em}
    @media(max-width:700px){.case-study-section{padding:18px 0 8px}.case-study-heading{text-align:left;margin-bottom:18px}.before-after-shell{padding:7px;border-radius:17px}.before-after{aspect-ratio:1.42/1;border-radius:11px}.before-after-image{object-position:center center}.before-layer .before-after-image{width:100%;object-position:center center}.compare-handle{width:48px;height:48px}.compare-label{top:10px;padding:6px 9px;font-size:9px}.compare-label-before{left:10px}.compare-label-after{right:10px}.compare-caption{font-size:11px;gap:6px;flex-wrap:wrap}.compare-caption-center{order:3;width:100%;text-align:center;padding-top:2px}}
    @media(prefers-reduced-motion:reduce){.before-after-shell{scroll-behavior:auto}}