.BeforeAfter_layout__KiWuf{width:100%;display:flex;justify-content:center;align-items:center}.BeforeAfter_wrapper__nbVVr{position:relative;width:1000px;max-width:100%;aspect-ratio:16/9;height:auto;overflow:hidden;border-radius:24px;background-color:#f1f5f9;border:4px solid #ffffff;box-shadow:0 10px 40px rgba(0,0,0,.08)}.BeforeAfter_desktop__UkAZ3,.BeforeAfter_mobile__OaS8v{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.BeforeAfter_contentImage__MWv2L{background-color:#ffffff}.BeforeAfter_contentImage2___GrKz,.BeforeAfter_contentImage__MWv2L{height:100%;width:100%;object-fit:contain;display:block;user-select:none}.BeforeAfter_contentImage2___GrKz{background-color:#f0efef}.BeforeAfter_mobile__OaS8v{width:50%;z-index:2}.BeforeAfter_scroller__CGWPL{width:4px;height:100%;position:absolute;top:0;z-index:10;cursor:ew-resize;pointer-events:auto;box-shadow:0 0 10px rgba(0,0,0,.2)}.BeforeAfter_scrollerHandle__y0S5h,.BeforeAfter_scroller__CGWPL{background-color:#ffffff;display:flex;align-items:center;justify-content:center}.BeforeAfter_scrollerHandle__y0S5h{width:50px;height:50px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.5);color:#0ea5e9;transition:transform .2s ease,box-shadow .2s ease;transform:translateX(-50%);margin-left:2px}.BeforeAfter_scroller__CGWPL:hover .BeforeAfter_scrollerHandle__y0S5h{transform:translateX(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2),0 0 0 4px rgba(14,165,233,.2)}.BeforeAfter_scrolling__kEel_ .BeforeAfter_scrollerHandle__y0S5h{transform:translateX(-50%) scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.15),0 0 0 4px rgba(14,165,233,.3)}.BeforeAfter_scrollerHandle__y0S5h svg{width:20px;height:20px}.BeforeAfter_scrollerHandle__y0S5h svg:first-child{margin-right:-4px}.BeforeAfter_scrollerHandle__y0S5h svg:last-child{margin-left:-4px}.floating-token-card{position:absolute;display:flex;align-items:center;gap:.875rem;padding:.75rem 1.125rem .75rem .75rem;border-radius:14px;min-width:190px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 4px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);border-left:3px solid #0ea5e9;transition:transform .3s ease,box-shadow .3s ease;pointer-events:none}.token-icon-wrap{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(99,102,241,.08));border:1px solid rgba(14,165,233,.18);display:flex;align-items:center;justify-content:center;color:#0ea5e9}.token-icon-wrap svg{width:18px;height:18px;stroke:#0ea5e9;stroke-width:1.75}.token-body{display:flex;flex-direction:column;gap:1px}.token-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.token-name{font-size:.88rem;font-weight:700;color:#0f172a;letter-spacing:.01em;white-space:nowrap}@keyframes float-1{0%,to{transform:translate(0)}40%{transform:translate(18px,-28px)}70%{transform:translate(-10px,14px)}}@keyframes float-2{0%,to{transform:translate(0)}30%{transform:translate(12px,22px)}60%{transform:translate(-8px,10px)}}@keyframes float-3{0%,to{transform:translate(0)}35%{transform:translate(-16px,-24px)}65%{transform:translate(-28px,18px)}}@keyframes float-4{0%,to{transform:translate(0)}25%{transform:translate(-20px,28px)}50%{transform:translate(-30px,52px)}75%{transform:translate(10px,20px)}}.anim-type-1{animation:float-1 ease-in-out infinite}.anim-type-2{animation:float-2 ease-in-out infinite}.anim-type-3{animation:float-3 ease-in-out infinite}.anim-type-4{animation:float-4 ease-in-out infinite}@media (max-width:1023px){.floating-token-card{display:none!important}}.scroll-btn{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#1e293b;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out;padding:0;z-index:10}.scroll-btn:hover{color:rgba(30,41,59,.8)}.btn-text{font-size:.875rem;letter-spacing:.05em;font-weight:500}.icon-wrapper{width:2.5rem;height:2.5rem;border-radius:9999px;border:2px solid #1e293b;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease-in-out}.scroll-btn:hover .icon-wrapper{border-color:rgba(30,41,59,.8)}.chevron-icon{width:1.25rem;height:1.25rem;animation:bounce 1s infinite;stroke:currentColor}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}