[data-v-86c7cb56]:root{--bg-light:#f0f2f5;--bg-white:#fff;--border-light:#ddd;--text-primary:#333;--text-secondary:#595959;--text-muted:#999;--primary-color:#1890ff;--bg-hover:#f5f5f5}.dark-mode[data-v-86c7cb56]{--bg-light:#232323;--bg-white:#1a1a1a;--border-light:#303030;--text-primary:#ddd;--text-secondary:#999;--text-muted:#999;--primary-color:#1890ff;--bg-hover:#232323}._bg-white[data-v-86c7cb56]{background-color:var(--bg-white)!important}._text-muted[data-v-86c7cb56]{color:var(--text-muted)!important}._border-top[data-v-86c7cb56]{border-top:1px solid var(--border-light)}._border-bottom[data-v-86c7cb56]{border-bottom:1px solid var(--border-light)}._border[data-v-86c7cb56]{border:1px solid var(--border-light)}._text-primary[data-v-86c7cb56]{color:var(--text-primary)!important}.compare-slider-section[data-v-86c7cb56]{background-color:var(--bg-light);overflow:hidden;padding:80px 0;position:relative;transition:background-color .3s ease}.section-heading[data-v-86c7cb56]{margin-bottom:50px}.section-heading h2[data-v-86c7cb56]{color:var(--text-primary);font-size:2.2rem;font-weight:800;margin-bottom:16px}.section-heading p[data-v-86c7cb56]{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.slider-showcase-wrapper[data-v-86c7cb56]{margin:0 auto;max-width:1300px;position:relative;z-index:2}.ambient-glow[data-v-86c7cb56]{background:radial-gradient(circle,#1890ff26 0,#1890ff00 70%);filter:blur(40px);height:80%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}.browser-mockup[data-v-86c7cb56]{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;transition:all .3s ease}.dark-mode .browser-mockup[data-v-86c7cb56]{background:#1e293b;border-color:#ffffff14;box-shadow:0 25px 50px -12px #0006}.browser-header[data-v-86c7cb56]{align-items:center;background:#f1f5f9;border-bottom:1px solid rgba(0,0,0,.05);display:flex;padding:12px 20px}.dark-mode .browser-header[data-v-86c7cb56]{background:#242a38;border-bottom-color:#ffffff0d}.browser-dots[data-v-86c7cb56]{display:flex;gap:8px;margin-right:20px}.browser-dots span[data-v-86c7cb56]{border-radius:50%;display:inline-block;height:10px;width:10px}.browser-dots .dot-red[data-v-86c7cb56]{background-color:#ff5f56}.browser-dots .dot-yellow[data-v-86c7cb56]{background-color:#ffbd2e}.browser-dots .dot-green[data-v-86c7cb56]{background-color:#27c93f}.browser-address-bar[data-v-86c7cb56]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:6px;color:#64748b;flex-grow:1;font-family:monospace;font-size:.8rem;letter-spacing:.5px;padding:4px 16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark-mode .browser-address-bar[data-v-86c7cb56]{background:#1e293b;border-color:#ffffff0d;color:#94a3b8}.browser-body[data-v-86c7cb56],.compare-container[data-v-86c7cb56]{position:relative;width:100%}.compare-container[data-v-86c7cb56]{aspect-ratio:16/10;background-color:#0f172a;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare-img[data-v-86c7cb56]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;pointer-events:none;position:absolute;top:0;width:100%}.light-img[data-v-86c7cb56]{z-index:1}.dark-img[data-v-86c7cb56]{z-index:2}.slider-label[data-v-86c7cb56]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;box-shadow:0 4px 12px #0000001a;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;pointer-events:none;position:absolute;top:20px;transition:opacity .2s ease;z-index:10}.slider-label.label-dark[data-v-86c7cb56]{background:#0f172abf;border:1px solid hsla(0,0%,100%,.15);color:#fff;left:20px}.slider-label.label-light[data-v-86c7cb56]{background:#ffffffbf;border:1px solid rgba(15,23,42,.1);color:#0f172a;right:20px}.slider-handle[data-v-86c7cb56]{align-items:center;background-color:#fff;bottom:0;box-shadow:0 0 10px #0000004d,0 0 4px #1890ff80;display:flex;justify-content:center;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:2px;z-index:15}.slider-line[data-v-86c7cb56]{background-color:#ffffffe6;height:100%;width:2px}.slider-knob[data-v-86c7cb56]{align-items:center;animation:pulse-86c7cb56 2s infinite;background-color:#1890ffe6;border:1px solid hsla(0,0%,100%,.9);border-radius:5px;box-shadow:0 8px 16px #0003,0 0 0 4px #ffffff4d;color:#1890ff;display:flex;height:44px;justify-content:center;padding:3px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;width:44px}.slider-knob svg[data-v-86c7cb56]{transition:transform .2s ease}.slider-range-input[data-v-86c7cb56]{cursor:ew-resize;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:20}.slider-instruction[data-v-86c7cb56]{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;justify-content:center}.slider-instruction svg[data-v-86c7cb56]{animation:moveLeftRight-86c7cb56 1.5s ease-in-out infinite alternate}.dark-mode .slider-instruction[data-v-86c7cb56]{color:#94a3b8}.compare-container:hover .slider-knob[data-v-86c7cb56]{animation-play-state:paused;box-shadow:0 8px 24px #1890ff4d,0 0 0 6px #fff6;transform:scale(1.1)}.slider-range-input:active~.slider-handle .slider-knob[data-v-86c7cb56]{background-color:#1890ff;border-color:#fff;color:#fff;transform:scale(1.15) rotate(5deg)}@keyframes pulse-86c7cb56{0%{box-shadow:0 8px 16px #0003,0 0 #1890ff66}70%{box-shadow:0 8px 16px #0003,0 0 0 8px #1890ff00}to{box-shadow:0 8px 16px #0003,0 0 #1890ff00}}@keyframes moveLeftRight-86c7cb56{0%{transform:translate(-3px)}to{transform:translate(3px)}}@media(max-width:768px){.compare-slider-section[data-v-86c7cb56]{padding:60px 0}.section-heading[data-v-86c7cb56]{text-align:left!important}.section-heading h2[data-v-86c7cb56]{font-size:1.8rem}.section-heading p[data-v-86c7cb56]{margin:0!important}.slider-knob[data-v-86c7cb56]{height:36px;width:36px}.slider-knob svg[data-v-86c7cb56]{height:16px;width:16px}.slider-label[data-v-86c7cb56]{font-size:.75rem;padding:6px 12px;top:12px}.slider-label.label-dark[data-v-86c7cb56]{left:12px}.slider-label.label-light[data-v-86c7cb56]{right:12px}}