@keyframes fon-step-in{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}.fon-product-wizard-widget{max-width:var(--fpw-max-width, 680px);margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 48px rgba(0,0,0,.1);overflow:hidden}.fon-wizard-header{padding:28px 36px 20px;border-bottom:1px solid #f0f0f0}.fon-wizard-step-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#aaa;margin-bottom:6px}.fon-wizard-question{font-size:1.35rem;font-weight:700;color:#1a1a2e;line-height:1.35;margin:0}.fon-wizard-progress{height:5px;background:#f0f0f0;position:relative}.fon-wizard-progress-fill{height:100%;background:var(--fpw-accent, #4f46e5);border-radius:0 3px 3px 0;transition:width .4s cubic-bezier(.4,0,.2,1)}.fon-wizard-body{padding:24px 36px 28px}.fon-wizard-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fon-option-card{border:2px solid #e8e8f0;border-radius:14px;padding:18px 16px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;align-items:flex-start;gap:14px;user-select:none;position:relative}.fon-option-card:hover{border-color:#c7c0ff;background:#faf9ff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(79,70,229,.1)}.fon-option-card.selected{border-color:var(--fpw-accent,#4f46e5);background:#f5f3ff;box-shadow:0 4px 20px rgba(79,70,229,.15)}.fon-option-card.selected::after{content:"✓";position:absolute;top:10px;right:12px;width:20px;height:20px;background:var(--fpw-accent,#4f46e5);border-radius:50%;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;line-height:20px;text-align:center}.fon-option-icon{font-size:28px;line-height:1;flex-shrink:0;color:var(--fpw-accent,#4f46e5)}.fon-option-text{flex:1}.fon-option-title{font-weight:600;font-size:.9rem;color:#1a1a2e;margin-bottom:3px}.fon-option-desc{font-size:.78rem;color:#888;line-height:1.4}.fon-wizard-footer{padding:0 36px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px}.fon-wizard-dots{display:flex;gap:6px}.fon-wizard-dot{width:8px;height:8px;border-radius:50%;background:#e0e0e8;transition:background .2s,width .2s}.fon-wizard-dot.active{background:var(--fpw-accent,#4f46e5);width:20px;border-radius:4px}.fon-wizard-dot.done{background:#a5b4fc}.fon-btn-back{border:0;background:0 0;color:#888;font-size:.88rem;font-weight:500;padding:10px 18px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.fon-btn-back:hover{background:#f0f0f0;color:#333}.fon-btn-back:disabled{opacity:0;pointer-events:none}.fon-btn-next{border:0;background:var(--fpw-accent,#4f46e5);color:#fff;font-size:.9rem;font-weight:600;padding:12px 28px;border-radius:12px;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(79,70,229,.35);display:flex;align-items:center;gap:8px}.fon-btn-next:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 18px rgba(79,70,229,.4)}.fon-btn-next:disabled{opacity:.4;pointer-events:none;transform:none}.fon-step-panel{animation:fon-step-in .3s cubic-bezier(.4,0,.2,1)}.fon-result-panel{padding:36px;animation:fon-step-in .4s cubic-bezier(.4,0,.2,1)}.fon-result-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:20px;font-size:.78rem;font-weight:600;padding:4px 12px;margin-bottom:16px}.fon-result-title{font-size:1.5rem;font-weight:800;color:#1a1a2e;margin-bottom:8px}.fon-result-subtitle{color:#555;font-size:.9rem;margin-bottom:24px}.fon-result-card{border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.fon-result-plan-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.fon-result-plan-desc{font-size:.84rem;opacity:.8;margin-bottom:16px}.fon-result-features{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.fon-result-features li{font-size:.82rem;display:flex;align-items:center;gap:6px}.fon-result-price{font-size:1.8rem;font-weight:800;line-height:1}.fon-result-price small{font-size:.9rem;font-weight:500;opacity:.7}.fon-result-cta{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.25);border:1.5px solid rgba(255,255,255,.5);color:#fff!important;font-weight:600;font-size:.88rem;padding:11px 22px;border-radius:10px;text-decoration:none!important;transition:background .15s;margin-top:16px}.fon-result-cta:hover{background:rgba(255,255,255,.35);color:#fff}.fon-result-restart{background:0 0;border:0;color:#888;font-size:.82rem;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px;display:block;margin:0 auto}.fon-result-restart:hover{color:#555}.fon-plan-1{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.fon-plan-2{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.fon-plan-3{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.fon-plan-4{background:linear-gradient(135deg,#93ba20,#5b770c);color:#fff}.fon-plan-5{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff}.fon-plan-6{background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff}.fon-wz-modal-close{position:absolute;top:14px;right:14px;z-index:20;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:#555;line-height:1;transition:background .15s}.fon-wz-modal-close:hover{background:rgba(0,0,0,.14)}.modal .fon-product-wizard-widget{max-width:100%;margin:0;border-radius:0;box-shadow:none}.fon-wz-dialog{max-width:600px}@media (max-width:520px){.fon-wizard-body,.fon-wizard-footer,.fon-wizard-header{padding-left:20px;padding-right:20px}.fon-wizard-options{grid-template-columns:1fr}.fon-result-panel{padding:24px 20px}.fon-result-features{grid-template-columns:1fr}}