@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0c1a2e;--navy-mid:#132235;--orange:#f97316;--orange-dark:#ea6910;--orange-bg:#fff7ed;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-800:#1e293b;--text:#0f172a;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px #00000012, 0 4px 12px #0000000f;--shadow-lg:0 8px 32px #0000001f;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition:.18s ease}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.site-header{z-index:200;background:var(--navy);align-items:center;gap:1rem;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{flex-shrink:0;align-items:center;gap:.625rem;text-decoration:none;display:flex}.logo-icon{background:var(--orange);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.logo-text{color:var(--white);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.logo-text strong{color:var(--orange);font-weight:900}.header-right{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.header-trust{color:#ffffff8c;font-size:.8rem;font-weight:500}.header-phone{color:var(--white);transition:background var(--transition), border-color var(--transition);border:1.5px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none}.header-phone:hover{background:#ffffff14;border-color:#ffffff80}@media (width<=600px){.header-trust{display:none}.header-phone{padding:.375rem .75rem;font-size:.75rem}.site-header{padding:0 1rem}}.progress-bar{background:var(--navy-mid);border-bottom:1px solid #ffffff0f;padding:1rem 2rem}.progress-inner{align-items:center;max-width:560px;margin:0 auto;display:flex}.progress-step{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.step-circle{color:#ffffff59;width:32px;height:32px;transition:all var(--transition);background:#ffffff14;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.step-label{color:#ffffff59;transition:color var(--transition);white-space:nowrap;font-size:.8125rem;font-weight:600}.progress-step.active .step-circle{background:var(--orange);border-color:var(--orange);color:#fff}.progress-step.active .step-label{color:#fff}.progress-step.done .step-circle{border-color:var(--orange);color:var(--orange);background:#f9731633}.progress-step.done .step-label{color:#fff9}.progress-line{height:2px;transition:background var(--transition);background:#ffffff1a;flex:1;margin:0 .75rem}.progress-line.done{background:var(--orange)}@media (width<=500px){.step-label{display:none}.progress-bar{padding:.875rem 1rem}}.wizard-main{min-height:calc(100vh - 128px)}.step{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 6rem}@media (width<=640px){.step{padding:1.5rem 1rem 6rem}}.step-header{margin-bottom:2.25rem}.step-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:.5rem;font-size:.6875rem;font-weight:800}.step-title{letter-spacing:-.03em;color:var(--navy);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.step-sub{color:var(--gray-500);margin-top:.625rem;font-size:1rem}.btn-back{color:var(--gray-500);font-family:var(--font);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:0;font-size:.875rem;font-weight:600;display:inline-flex}.btn-back:hover{color:var(--navy)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.875rem;margin-bottom:1.5rem;display:grid}.category-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:center;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1rem 1.375rem;display:flex}.category-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 0 0 4px #f9731614}.category-card.active{border-color:var(--orange);background:var(--orange-bg);box-shadow:0 0 0 4px #f973161a}.cat-icon{width:52px;height:52px;color:var(--navy);transition:color var(--transition)}.category-card.active .cat-icon,.category-card:hover .cat-icon{color:var(--orange)}.cat-label{color:var(--navy);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.selector-panel{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;margin-bottom:2rem;animation:.2s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-section{border-bottom:1px solid var(--gray-100);padding:1.25rem 1.5rem}.panel-section:last-child{border-bottom:none}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.875rem;font-size:.6875rem;font-weight:800}.brand-grid{flex-wrap:wrap;gap:.5rem;display:flex}.pill-btn{border:1.5px solid var(--gray-200);background:var(--gray-50);font-family:var(--font);color:var(--gray-600);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600}.pill-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-bg)}.pill-btn.active{border-color:var(--orange);background:var(--orange);color:#fff}.model-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.5rem;display:grid}.model-btn{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);font-family:var(--font);color:var(--gray-800);cursor:pointer;transition:all var(--transition);text-align:left;background:#fff;padding:.625rem 1rem;font-size:.875rem;font-weight:500}.model-btn:hover{border-color:var(--orange);color:var(--orange-dark);background:var(--orange-bg)}.model-btn.added{color:#15803d;background:#f0fdf4;border-color:#16a34a}.basket-bar{background:var(--navy);z-index:100;align-items:center;gap:1rem;padding:1rem 2rem;animation:.2s slideUp;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 24px #00000038}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.basket-chips{flex-wrap:wrap;flex:1;gap:.5rem;min-width:0;display:flex}.basket-chip{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.375rem;max-width:220px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.basket-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-remove{color:#ffffff73;cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.chip-remove:hover{color:#fff}.basket-btn{background:var(--orange);color:#fff;border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;display:flex}.basket-btn:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}@media (width<=600px){.basket-bar{flex-direction:column;align-items:stretch;padding:1rem}.basket-btn{justify-content:center}.basket-chips{max-height:72px;overflow-y:auto}}.item-cards{flex-direction:column;gap:1.75rem;display:flex}.item-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.item-card-head{background:var(--navy);align-items:center;gap:.875rem;padding:1.125rem 1.5rem;display:flex}.item-card-num{color:#fff;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;display:flex}.item-card-name{color:#fff;font-size:1rem;font-weight:700}.item-card-brand{color:#ffffff80;margin-top:.1rem;font-size:.8125rem}.item-card-body{flex-direction:column;gap:1.375rem;padding:1.5rem;display:flex}.spec-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:.75rem;font-size:.6875rem;font-weight:800}.condition-options{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.625rem;display:grid}.condition-option{cursor:pointer;position:relative}.condition-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.condition-card{border:2px solid var(--gray-200);border-radius:var(--radius);transition:all var(--transition);background:var(--gray-50);padding:.875rem 1rem}.condition-option:hover .condition-card{border-color:var(--gray-300);background:#fff}.condition-option.selected .condition-card{border-color:var(--grade-color,var(--orange));box-shadow:0 0 0 3px color-mix(in srgb, var(--grade-color,var(--orange)) 14%, transparent);background:#fff}.grade-dot{background:var(--grade-color,#666);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:.5rem;font-size:.875rem;font-weight:800;display:flex}.cond-name{color:var(--navy);margin-bottom:.2rem;font-size:.9375rem;font-weight:700}.cond-desc{color:var(--gray-500);font-size:.8125rem;line-height:1.45}.spec-options{flex-wrap:wrap;gap:.5rem;display:flex}.spec-option{cursor:pointer;position:relative}.spec-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.spec-pill{border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);transition:all var(--transition);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:block}.spec-option:hover .spec-pill{border-color:var(--gray-300);background:#fff}.spec-option.selected .spec-pill{border-color:var(--orange);background:var(--orange-bg);color:var(--orange-dark);font-weight:600}.accessories-grid{flex-wrap:wrap;gap:.5rem;display:flex}.acc-label{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:var(--gray-50);cursor:pointer;color:var(--gray-600);transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.acc-label input{accent-color:var(--orange)}.acc-label:hover{border-color:var(--gray-300);background:#fff}.acc-label.checked{border-color:var(--orange);background:var(--orange-bg);color:var(--orange-dark);font-weight:600}.notes-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;min-height:80px;font-family:var(--font);color:var(--text);resize:vertical;transition:border-color var(--transition);background:var(--gray-50);padding:.75rem 1rem;font-size:.875rem}.notes-input:focus{border-color:var(--orange);background:#fff;outline:none}.notes-input::placeholder{color:var(--gray-400)}.step-footer{justify-content:flex-end;margin-top:2rem;display:flex}.btn-primary-lg{background:var(--orange);color:#fff;border-radius:var(--radius);font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.5rem;padding:1rem 2.25rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary-lg:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 6px 20px #f9731659}.confirm-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=800px){.confirm-layout{grid-template-columns:1fr}}.summary-card,.form-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.card-head{background:var(--navy);padding:1.25rem 1.5rem}.card-head h3{color:#fff;font-size:1rem;font-weight:700}.summary-items{padding:0 1.5rem}.summary-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:.75rem;padding:.875rem 0;display:flex}.summary-item:last-child{border-bottom:none}.s-icon{background:var(--orange-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.s-name{color:var(--navy);font-size:.9375rem;font-weight:600}.s-meta{color:var(--gray-500);margin-top:.2rem;font-size:.8125rem}.grade-badge{border-radius:999px;align-items:center;gap:.3rem;margin-top:.375rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.summary-total{background:var(--navy);justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.summary-total span{color:#ffffffa6;font-size:.875rem}.summary-total strong{color:#fff;font-size:1.0625rem;font-weight:800}.summary-note{color:var(--gray-400);text-align:center;padding:.625rem 1.5rem;font-size:.75rem}.form-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-label{color:var(--gray-600);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-label .req{color:var(--orange)}.form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text);background:var(--gray-50);transition:border-color var(--transition), background var(--transition);padding:.75rem 1rem;font-size:.9375rem}.form-input:focus{border-color:var(--orange);background:#fff;outline:none}.form-input::placeholder{color:var(--gray-400)}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-row-2{grid-template-columns:1fr}}.form-submit{background:var(--orange);color:#fff;border-radius:var(--radius);width:100%;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;margin-top:.75rem;padding:1.0625rem;font-size:1.0625rem;font-weight:700}.form-submit:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 6px 20px #f9731659}.form-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.success-screen{text-align:center;max-width:680px;margin:0 auto;padding:3.5rem 2rem 6rem}.success-icon{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.25rem;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--navy);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.success-sub{color:var(--gray-500);margin-bottom:2.5rem;font-size:1.0625rem}.next-steps{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);text-align:left;background:#fff;margin-bottom:2rem;overflow:hidden}.next-step{border-bottom:1px solid var(--gray-100);gap:1rem;padding:1.25rem 1.5rem;display:flex}.next-step:last-child{border-bottom:none}.ns-num{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:flex}.ns-content strong{color:var(--navy);font-size:.9375rem;font-weight:700}.ns-content p{color:var(--gray-500);margin-top:.25rem;font-size:.875rem;line-height:1.5}.postal-address{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--text);margin-top:.625rem;padding:.75rem 1rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.8}.btn-again{background:var(--navy);color:#fff;border-radius:var(--radius);font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:700;display:inline-flex}.btn-again:hover{background:var(--navy-mid);transform:translateY(-1px)}.toast{color:#fff;border-radius:var(--radius);z-index:999;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;background:#1e293b;max-width:90vw;padding:.875rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .25s;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}