.cs-before-after{position:relative;overflow:hidden;background:var(--cs-ba-bg,#fff);color:var(--cs-ba-text,#46596C);padding:var(--cs-ba-pad-d,144px) 0}
.cs-before-after__intro{max-width:1080px}.cs-before-after__eyebrow{margin-bottom:24px}.cs-before-after__eyebrow span,.cs-before-after__statement-label{color:var(--cs-ba-accent,#F28C28);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cs-before-after__heading{margin:0;max-width:17ch;color:var(--cs-ba-title,#0D3158);font-size:clamp(3rem,5.2vw,5.7rem);line-height:.98;letter-spacing:-.048em;font-weight:760;text-wrap:balance}
.cs-before-after__intro-line{display:block;width:80px;height:4px;margin-top:34px;background:var(--cs-ba-accent,#F28C28);border-radius:999px}.cs-before-after__intro-text{margin-top:32px;max-width:62ch;font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.72}
.cs-before-after__stage{margin-top:clamp(72px,8vw,120px)}.cs-before-after__compare{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:var(--cs-ba-surface,#F4F7FA);border:1px solid var(--cs-ba-border,#E3EAF1);touch-action:none;user-select:none}
.cs-before-after__layer{position:absolute;inset:0}.cs-before-after__layer--before{z-index:1}.cs-before-after__layer--after{z-index:2;clip-path:inset(0 calc(100% - var(--cs-ba-position,50%)) 0 0)}
.cs-before-after__picture,.cs-before-after__picture img,.cs-before-after__image{display:block;width:100%;height:100%}.cs-before-after__image{object-fit:cover;object-position:center}
.cs-before-after__placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:clamp(4rem,12vw,10rem);font-weight:800;letter-spacing:-.06em}.cs-before-after__placeholder--before{background:#EEF2F6;color:#B8C4CF}.cs-before-after__placeholder--after{background:#290715;color:#F8C7DE}
.cs-before-after__badge{position:absolute;top:20px;z-index:5;padding:10px 14px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(10px)}
.cs-before-after__badge--before{left:20px;background:rgba(255,255,255,.88);color:var(--cs-ba-title,#0D3158)}.cs-before-after__badge--after{right:20px;background:rgba(13,49,88,.86);color:#fff}
.cs-before-after__divider{position:absolute;z-index:8;top:0;bottom:0;left:var(--cs-ba-position,50%);width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px rgba(13,49,88,.15);pointer-events:none}
.cs-before-after__handle{position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:50%;background:#fff;color:var(--cs-ba-title,#0D3158);box-shadow:0 10px 35px rgba(13,49,88,.18);font-size:1.4rem;font-weight:800}
.cs-before-after__range{position:absolute;z-index:10;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.cs-before-after__mobile-hint{display:none}.cs-before-after__statement{padding-top:clamp(80px,9vw,136px);max-width:980px}.cs-before-after__statement-title{margin:22px 0 0;max-width:21ch;color:var(--cs-ba-title,#0D3158);font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.02;letter-spacing:-.042em;font-weight:720;text-wrap:balance}.cs-before-after__statement-text{margin-top:28px;max-width:58ch;font-size:1.06rem;line-height:1.72}
@media(max-width:749px){.cs-before-after{padding:var(--cs-ba-pad-m,88px) 0}.cs-before-after__heading{max-width:none;font-size:clamp(2.55rem,11vw,4.2rem)}.cs-before-after__stage{margin-top:64px}.cs-before-after__compare{aspect-ratio:4/5}.cs-before-after__badge{top:14px;padding:8px 11px;font-size:.64rem}.cs-before-after__badge--before{left:14px}.cs-before-after__badge--after{right:14px}.cs-before-after__handle{width:48px;height:48px}.cs-before-after__mobile-hint{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--cs-ba-muted,#7C8A98);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.cs-before-after__statement{padding-top:72px}.cs-before-after__statement-title{max-width:none;font-size:clamp(2.3rem,9.5vw,3.8rem)}}
@media(prefers-reduced-motion:reduce){.cs-before-after__layer--after,.cs-before-after__divider{transition:none!important}}