#pixelyz-hero .pixelyz-before-after-container,.pixelyz-before-after-container{position:relative!important;overflow:visible!important;user-select:none!important;cursor:col-resize!important;border-radius:24px!important;box-shadow:0 25px 60px -15px rgb(0 0 0 / .5)!important;background:#0f172a!important;border:1px solid #1e293b!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;height:auto!important;display:block!important;isolation:isolate!important}#pixelyz-hero .pixelyz-before-after-window,.pixelyz-before-after-window{background:#0f172a!important;border-bottom:1px solid #1e293b!important;height:44px!important;display:flex!important;align-items:center!important;padding:0 16px!important;justify-content:space-between!important;width:100%!important;box-sizing:border-box!important;position:relative!important;z-index:10!important}.pixelyz-before-after-window .traffic-lights{display:flex;gap:8px}.pixelyz-before-after-window .traffic-light{width:12px;height:12px;border-radius:50%;border:1px solid rgb(255 255 255 / .1)}.pixelyz-before-after-window .traffic-light.red{background:#FF5F56;border-color:rgb(224 68 62 / .3)}.pixelyz-before-after-window .traffic-light.yellow{background:#FFBD2E;border-color:rgb(222 161 35 / .3)}.pixelyz-before-after-window .traffic-light.green{background:#27C93F;border-color:rgb(26 171 41 / .3)}.pixelyz-before-after-window .fake-url{flex:1;max-width:400px;margin:0 16px}.pixelyz-before-after-window .fake-url-bar{background:#020617;border:1px solid #1e293b;border-radius:6px;height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;padding:0 16px;box-shadow:inset 0 1px 2px rgb(0 0 0 / .3);color:#e2e8f0;letter-spacing:.5px}.pixelyz-before-after-window .fake-url-bar i{font-size:10px;margin-right:8px;color:#64748b}#pixelyz-hero .pixelyz-before-after-slider,.pixelyz-before-after-slider{position:relative!important;height:450px!important;width:100%!important;background:#0f172a!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0 0 24px 24px!important;z-index:1!important}@media (min-width:768px){.pixelyz-before-after-slider{height:600px}}.pixelyz-before-after-after{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:0 0 24px 24px;overflow:hidden;z-index:0}.pixelyz-before-after-after img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.9;transition:opacity 0.7s ease;border-radius:0 0 24px 24px;display:block}.pixelyz-before-after-container:hover .pixelyz-before-after-after img{opacity:1}.pixelyz-before-after-after .badge{position:absolute;top:24px;right:24px;background:rgb(15 23 42 / .3);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#3b82f6;font-size:10px;font-weight:700;padding:5px 10px;border-radius:6px;box-shadow:0 4px 6px rgb(0 0 0 / .2);z-index:0!important;border:1px solid rgb(51 65 85 / .3);pointer-events:none}.pixelyz-before-after-after .badge::first-letter{font-size:10px!important}.pixelyz-before-after-before{position:absolute;inset:0;width:50%;height:100%;overflow:hidden!important;border-right:1px solid rgb(255 255 255 / .1);background:#0f172a;box-shadow:5px 0 30px rgb(0 0 0 / .5);border-radius:0 0 24px 0;z-index:2!important}.pixelyz-before-after-before .wrapper{position:absolute;inset:0;width:100%;height:100%;background:#1e293b;overflow:hidden;border-radius:0 0 0 24px}.pixelyz-before-after-before img{position:absolute;top:0;left:0;width:auto!important;height:100%!important;object-fit:cover!important;object-position:left center!important;filter:grayscale(30%) contrast(75%) brightness(75%);border-radius:0 0 0 24px;display:block}.pixelyz-before-after-before .badge,.pixelyz-before-after-before .badge-before{position:absolute;bottom:16px;left:24px;background:rgb(2 6 23 / .3);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#cbd5e1;font-size:10px;font-weight:700;padding:5px 10px;border-radius:6px;box-shadow:0 4px 6px rgb(0 0 0 / .2);z-index:20;border:1px solid rgb(30 41 59 / .3);pointer-events:none;white-space:nowrap;transform:none!important;width:auto!important;min-width:auto!important;max-width:none!important}.pixelyz-before-after-before .badge::first-letter,.pixelyz-before-after-before .badge-before::first-letter{font-size:10px!important}.pixelyz-before-after-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:col-resize;z-index:40;margin:0}.pixelyz-before-after-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:rgb(255 255 255 / .9);z-index:30;box-shadow:0 0 15px rgb(0 0 0 / .5);pointer-events:none;display:flex;align-items:center;justify-content:center}.pixelyz-before-after-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#1e293b;border:2px solid #334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;box-shadow:0 4px 12px rgb(0 0 0 / .5);z-index:31}.pixelyz-before-after-button i{font-size:14px}.pixelyz-before-after-container .pixelyz-before-after-badge{position:absolute;z-index:100!important;pointer-events:none;animation:float 6s ease-in-out infinite}.pixelyz-before-after-badge{position:absolute;z-index:100!important;pointer-events:none;animation:float 6s ease-in-out infinite}.pixelyz-before-after-badge.delay{animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.pixelyz-before-after-badge-content{background:rgb(15 23 42 / .3);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:12px 16px 8px 10px;border-radius:12px;box-shadow:0 8px 16px rgb(59 130 246 / .15);border:1px solid rgb(59 130 246 / .2);display:flex;align-items:flex-start;gap:10px}.pixelyz-before-after-badge-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:inset 0 1px 2px rgb(0 0 0 / .2);border:1px solid rgb(255 255 255 / .1)}.pixelyz-before-after-badge-icon img{width:18px;height:18px;object-fit:contain;display:block}.pixelyz-before-after-badge-icon.emerald img{filter:brightness(0) saturate(100%) invert(67%) sepia(89%) saturate(1352%) hue-rotate(195deg) brightness(102%) contrast(101%)}.pixelyz-before-after-badge-icon.emerald{background:rgb(59 130 246 / .15);color:#60a5fa;border-color:rgb(59 130 246 / .3)}.pixelyz-before-after-badge-icon.brand{background:rgb(34 197 94 / .15);color:#22c55e;border-color:rgb(34 197 94 / .3)}.pixelyz-before-after-badge-icon.brand img{filter:brightness(0) saturate(100%) invert(58%) sepia(95%) saturate(1352%) hue-rotate(95deg) brightness(95%) contrast(95%)}.pixelyz-before-after-badge-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-top:0}.pixelyz-before-after-badge-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:-6px;text-align:left;width:100%}.pixelyz-before-after-badge-value{font-size:24px;font-weight:700;color:#fff;line-height:1;margin-top:-14px;text-align:left;width:100%}.pixelyz-before-after-container .pixelyz-before-after-badge.top-left,.pixelyz-before-after-badge.top-left{top:60px;left:-80px}@media (min-width:768px){.pixelyz-before-after-container .pixelyz-before-after-badge.top-left,.pixelyz-before-after-badge.top-left{top:64px;left:-100px}}.pixelyz-before-after-container .pixelyz-before-after-badge.bottom-right,.pixelyz-before-after-badge.bottom-right{bottom:20px;right:-60px}@media (min-width:768px){.pixelyz-before-after-container .pixelyz-before-after-badge.bottom-right,.pixelyz-before-after-badge.bottom-right{bottom:20px;right:-70px}}#pixelyz-hero .pixelyz-before-after-container.card,#pixelyz-hero .card .pixelyz-before-after-container{background:#0f172a!important;border:1px solid #1e293b!important;border-radius:24px!important;padding:0!important;box-shadow:0 25px 60px -15px rgb(0 0 0 / .5)!important;transform:none!important;transition:none!important}#pixelyz-hero .card-inner .pixelyz-before-after-container,#pixelyz-hero .pixelyz-before-after-container{position:relative!important;width:100%!important;max-width:100%!important}@media (max-width:767px){#pixelyz-hero .pixelyz-before-after-slider,.pixelyz-before-after-slider{height:400px!important}#pixelyz-hero .pixelyz-before-after-badge,.pixelyz-before-after-badge{display:none!important}#pixelyz-hero .pixelyz-before-after-window,.pixelyz-before-after-window{display:none!important}}