.hero-before-after{position:relative;width:100%;min-width:0;aspect-ratio:560/575.28;background:#e9e6e6;border-radius:24px;overflow:hidden;align-self:center}.hero-before-after>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}@media(max-width:650px){.hero-before-after{border-radius:20px;max-height:none}}.hero-comparison-badge{position:absolute;top:16px;right:16px;z-index:1;padding:10px 20px;border:2px solid #fff;border-radius:999px;background:#fff;color:#382d32;font-size:17px;font-weight:700;line-height:1.3;box-shadow:0 4px 18px #00000030;pointer-events:none}@media(max-width:650px){.hero-comparison-badge{top:12px;right:12px;padding:9px 17px;font-size:15px}}.hero-before-after.is-after .hero-comparison-badge{background:#f7cbd9;border-color:#fff;color:#512736}.hero-comparison-badge{animation:hero-badge-reveal .5s ease-out}.hero-transition-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff9 49%,#f7cbd9bb 51%,transparent 65%);transform:translateX(-110%);animation:hero-reveal-sweep .8s ease-out forwards}@keyframes hero-reveal-sweep{to{transform:translateX(110%)}}@keyframes hero-badge-reveal{0%{transform:scale(.85);opacity:.6}55%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.hero-comparison-badge{animation:none}.hero-transition-sweep{display:none}}.hero-before-after .hero-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid #ffffff80;border-radius:99px;background:#35232be6;color:#fff;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.hero-play svg{width:22px;height:22px}