#dropZone{border:2px dashed #cbd5e1;background:#fcfcfc;border-radius:12px;height:180px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}#dropZone:hover{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgb(59 130 246 / .05)}.drop-active{border-color:var(--primary)!important;background-color:var(--primary-light)!important;transform:scale(1.01)}.mode-card{border:1px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.mode-card:hover{transform:translateY(-2px);border-color:var(--primary)}.peer:checked~.mode-card{border-color:var(--primary);background-color:var(--primary-light);box-shadow:0 0 0 1px var(--primary),0 4px 12px rgb(0 0 0 / .05)}.peer:checked~.mode-card .check-icon{display:block}.loader-pulse{width:50px;height:50px;background-color:var(--primary);border-radius:50%;animation:sk-scaleout 1s infinite ease-in-out;margin:0 auto}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input[type="number"],input[type="text"],input[type="email"],select{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;font-size:.9rem;font-family:inherit;background:#fff;color:var(--text-dark);box-shadow:0 1px 2px rgb(0 0 0 / .03);transition:border-color .2s,box-shadow .2s;width:100%}input[type="number"]:focus,input[type="text"]:focus,input[type="email"]:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(99 102 241 / .10)}.toggle-wrap{display:flex;align-items:center;gap:.75rem;background:#1e293b;border-radius:10px;padding:.75rem 1rem;border:1px solid #334155;cursor:pointer}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#475569;border-radius:99px;transition:.3s;cursor:pointer}.toggle-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}.exam-card{transition:all .2s;cursor:pointer;border:2px solid var(--border);border-radius:10px;padding:.75rem;position:relative;overflow:hidden;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.exam-card:hover{border-color:#bfdbfe;background:#eff6ff}.exam-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 10px -2px rgb(37 99 235 / .20)}.exam-card.active::after{content:'✓';position:absolute;top:8px;right:8px;color:#2563eb;font-weight:700;font-size:14px}.stat-bar-wrap{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden;margin-top:6px}.stat-bar{height:100%;border-radius:99px;transition:width .8s ease}.bar-original{background:#94a3b8}.bar-optimized{background:var(--primary)}.noise-tag{display:inline-block;background:#fee2e2;color:#b91c1c;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid #fecaca;margin:2px}.noise-list{max-height:100px;overflow-y:auto;background:#0f172a;border-radius:8px;padding:.75rem;margin-top:.5rem}.noise-list p{font-size:.7rem;color:#64748b;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.noise-list p:hover{color:#cbd5e1}.model-chip{display:flex;align-items:center;justify-content:space-between;background:#1e293b;border-radius:10px;padding:.75rem 1rem;border:1px solid #334155}.model-chip .model-name{font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.model-chip .model-save{font-size:1.125rem;font-weight:800;color:#4ade80}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:640px){.result-grid{grid-template-columns:1fr}}#how-it-works{background:#fff;padding:80px 20px;position:relative;overflow:hidden}.steps-header{margin-bottom:60px;position:relative;z-index:2}.steps-header h2{font-size:36px;font-weight:800;margin-bottom:10px}.steps-header p{color:#6b7280;font-size:16px}.step-badge{color:var(--primary);background:var(--primary-light);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:1px;display:inline-block;margin-bottom:12px;border:1px solid #ffedd5}.steps-row{display:flex;align-items:flex-start;justify-content:center;gap:20px;position:relative}.step-card{background:#f9fafb;border:1px solid var(--border);border-radius:20px;padding:30px;flex:1;text-align:center;position:relative;transition:all .3s ease;z-index:1}.step-card:hover{background:#fff;border-color:var(--primary);transform:translateY(-8px);box-shadow:0 15px 30px -5px rgb(0 0 0 / .08)}.step-number{position:absolute;top:10px;right:20px;font-size:60px;font-weight:900;color:#f3f4f6;z-index:-1;opacity:.8;transition:.3s}.step-card:hover .step-number{color:var(--primary-light);transform:scale(1.1)}.step-icon{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary);margin:0 auto 20px;box-shadow:0 4px 10px rgb(0 0 0 / .05);border:1px solid var(--border)}.step-card h4{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:10px}.step-card p{font-size:14px;color:#6b7280;line-height:1.6}.step-arrow{display:flex;align-items:center;justify-content:center;height:100%;padding-top:60px;font-size:20px;color:#d1d5db}.compare-wrapper{display:flex;align-items:center;justify-content:center;gap:0;max-width:900px;margin:0 auto;position:relative}.compare-card{padding:40px;border-radius:24px;width:100%;position:relative;transition:.3s ease}.card-header h3{font-size:22px;font-weight:800;margin-bottom:4px}.card-header p{font-size:14px;margin-bottom:30px;font-weight:500}.compare-card ul{list-style:none}.compare-card li{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:15px}.bad-card{background:#e2e8f0;color:#64748b;border:1px solid #cbd5e1;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:60px}.bad-card h3{color:#475569}.bad-card p{color:#94a3b8}.good-card{background:#fff;color:#1e293b;border:2px solid var(--primary);box-shadow:0 25px 50px -12px rgb(249 115 22 / .25);transform:scale(1.08);z-index:2}.good-card h3{color:#111827}.good-card p{color:var(--primary)}.icon-bad{width:28px;height:28px;background:#cbd5e1;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.icon-good{width:28px;height:28px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fff;border:4px solid #f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#94a3b8;font-size:16px;z-index:3;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:12px;font-weight:800;padding:6px 16px;border-radius:20px;letter-spacing:1px;box-shadow:0 4px 12px rgb(249 115 22 / .40)}.btn-upgrade{display:block;text-align:center;background:var(--primary);color:#fff;padding:12px;border-radius:12px;font-weight:600;transition:.2s}.btn-upgrade:hover{background:var(--primary-dark);transform:translateY(-2px)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:850px;margin:0 auto}.list-box{text-align:center;background:#f9fafb;padding:30px;border-radius:12px;border:1px solid #f3f4f6}.list-box ul{list-style:none;display:inline-block;text-align:left}.list-box li{margin-bottom:12px;display:flex;align-items:center;gap:12px;font-size:16px}.pain li i{color:#ef4444}.sol li i{color:#22c55e}.sol{border-color:#bbf7d0;background:#f0fdf4}.safety-box{max-width:800px;margin:30px auto 0;background:#fff;padding:40px;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 6px -1px rgb(0 0 0 / .05)}.safety-box ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:25px}.safety-box li{display:flex;align-items:center;gap:15px;font-size:16px;color:var(--text-dark);font-weight:500}.safety-box i{color:var(--primary);font-size:22px;flex-shrink:0}@media (max-width:768px){.steps-row{flex-direction:column;gap:20px}.step-arrow{transform:rotate(90deg);padding:0;margin:-10px 0}.compare-wrapper{flex-direction:column;gap:30px}.bad-card{border-radius:20px;padding-right:40px;background:#f1f5f9}.good-card{transform:scale(1);border-width:1px}.split-grid{grid-template-columns:1fr;gap:20px}.safety-box{padding:25px}.safety-box ul{grid-template-columns:1fr;gap:15px}}