*,:before,:after{box-sizing:border-box}body{color:#1a1830;-webkit-font-smoothing:antialiased;background:0 0;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{width:100%}.kq-wrapper{justify-content:center;align-items:flex-start;padding:0;display:flex}.kq-card{background:0 0;border-radius:0;width:100%;max-width:860px;padding:16px 0 24px}@media (width<=600px){.kq-wrapper{padding:0}.kq-card{padding:12px 0 16px}.kq-progress-bar{overflow-x:visible}.kq-progress-label{display:none}.kq-progress-item{min-width:0}}.kq-header{text-align:center;margin-bottom:16px}.kq-logo{letter-spacing:-.5px;color:#f45b1e;margin-bottom:6px;font-size:22px;font-weight:700}.kq-subtitle{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.kq-field-hint{color:#6b7280;margin:4px 0 0;font-size:12px;line-height:1.4}.kq-progress-bar{justify-content:center;align-items:flex-start;gap:0;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.kq-progress-item{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:52px;display:flex;position:relative}.kq-progress-item:not(:last-child):after{content:"";z-index:0;background:#e5e7eb;height:2px;position:absolute;top:14px;left:calc(50% + 14px);right:calc(14px - 50%)}.kq-progress-dot{color:#9ca3af;z-index:1;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.kq-progress-dot.active{color:#fff;background:#f45b1e}.kq-progress-dot.done{color:#fff;background:#6b7280}.kq-progress-label{color:#9ca3af;text-align:center;white-space:nowrap;font-size:11px;line-height:1.2}.kq-progress-label.active{color:#f45b1e;font-weight:600}.kq-step-body{min-height:200px}.kq-step-title{color:#f45b1e;letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:600}.kq-step-helper{color:#64748b;margin:0 0 20px;font-size:14px}.kq-optional{color:#9ca3af;font-size:13px;font-weight:400}.kq-options{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.kq-options--small{grid-template-columns:repeat(2,1fr)}.kq-options--extras{grid-template-columns:repeat(3,1fr)}.kq-options--extras .kq-option{min-height:80px;padding:18px 20px}@media (width<=540px){.kq-options--extras{grid-template-columns:repeat(2,1fr)}}.kq-option{color:#1e2023;cursor:pointer;text-align:left;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.3;transition:border-color .15s,background .15s,color .15s}.kq-option:hover{background:#fef0e8;border-color:#f45b1e}.kq-option.selected{color:#fff;background:#f45b1e;border-color:#f45b1e}.kq-option--check{align-items:flex-start;gap:10px;display:flex}.kq-option--check .kq-check-box{margin-top:2px}.kq-check-box{opacity:.7;border:2px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.kq-option--check.selected .kq-check-box{opacity:1}.kq-fields{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=480px){.kq-fields{grid-template-columns:repeat(2,1fr)}}.kq-field{flex-direction:column;gap:6px;display:flex}.kq-field--full{grid-column:1/-1}.kq-label{color:#374151;font-size:13px;font-weight:600}.kq-input{color:#1e2023;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.kq-input:focus{border-color:#f45b1e}.kq-textarea{resize:vertical;min-height:72px}.kq-nav{border-top:1px solid #e9eaec;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.kq-btn-primary{color:#fff;cursor:pointer;background:#f45b1e;border:none;border-radius:10px;margin-left:auto;padding:12px 24px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s}.kq-btn-primary:hover{background:#d94f17}.kq-btn-primary:disabled{opacity:.4;cursor:not-allowed}.kq-btn-secondary{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:500;transition:border-color .15s,color .15s}.kq-btn-secondary:hover{color:#f45b1e;border-color:#f45b1e}.kq-offerte-intro{text-align:center;background:#f45b1e;border-radius:14px;margin-bottom:20px;padding:24px 28px}.kq-offerte-title{color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:700}.kq-offerte-sub{color:#fffc;font-size:14px}.kq-result-price{text-align:center;background:linear-gradient(135deg,#f45b1e 0%,#1e2023 100%);border-radius:14px;margin-bottom:20px;padding:28px 28px 24px}.kq-result-price--error{color:#374151;background:#f9fafb}.kq-result-label{color:#ffffffbf;letter-spacing:.2px;margin-bottom:10px;font-size:13px;font-weight:500}.kq-result-range{color:#fff;letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.1}.kq-result-note{color:#ffffff8c;letter-spacing:.1px;margin-top:10px;font-size:12px}@media (width<=480px){.kq-result-range{font-size:22px}}.kq-disclaimer{color:#6b5e00;background:#fffbea;border-left:3px solid #f0c040;border-radius:6px;margin-bottom:24px;padding:12px 14px;font-size:13px;line-height:1.5}.kq-summary{border:1.5px solid #e9eaec;border-radius:12px;margin-bottom:24px;overflow:hidden}.kq-summary-title{text-transform:uppercase;letter-spacing:.6px;color:#6b7280;background:#f9fafb;border-bottom:1.5px solid #e9eaec;padding:12px 16px;font-size:13px;font-weight:700}.kq-summary-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:14px;display:flex}.kq-summary-row:last-child{border-bottom:none}.kq-summary-key{color:#6b7280;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.kq-summary-val{color:#1e2023;text-align:right;font-weight:500}.kq-btn-cta{color:#fff;cursor:pointer;letter-spacing:-.2px;background:#f45b1e;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s;display:block}.kq-btn-cta:hover{background:#d94f17}.kq-request-sent{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.kq-request-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.kq-request-msg{color:#166534;flex-direction:column;gap:4px;font-size:14px;line-height:1.5;display:flex}.kq-request-msg p{margin:0}.kq-request-msg-primary{font-weight:700}.kq-request-msg-note{color:#2d6a4f;font-size:13px;margin-top:6px!important}.kq-btn-reset{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,color .15s;display:block}.kq-btn-reset:hover{color:#f45b1e;border-color:#f45b1e}.kq-lead-form{border-top:1.5px solid #e9eaec;margin-bottom:12px;padding-top:24px}.kq-lead-title{color:#f45b1e;letter-spacing:-.2px;margin-bottom:16px;font-size:15px;font-weight:600}.kq-lead-fields{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}@media (width<=480px){.kq-lead-fields{grid-template-columns:1fr}}.kq-input--error,.kq-input--error:focus{border-color:#dc2626}.kq-field-error{color:#dc2626;font-size:12px;line-height:1.3}.kq-dim-error{color:#dc2626;margin:6px 0 0;font-size:12px;line-height:1.4}.kq-sections-toggle{gap:8px;margin-bottom:20px;display:flex}.kq-section-btn{color:#1e2023;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.kq-section-btn:hover{background:#fef0e8;border-color:#f45b1e}.kq-section-btn.selected{color:#fff;background:#f45b1e;border-color:#f45b1e}.kq-window-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kq-window-options--double{grid-template-columns:repeat(2,1fr)}@media (width<=480px){.kq-window-options,.kq-window-options--double{grid-template-columns:repeat(2,1fr)}}.kq-window-card{cursor:pointer;color:#1e2023;text-align:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;transition:border-color .15s,background .15s,color .15s;display:flex}.kq-window-card:hover{background:#fef0e8;border-color:#f45b1e}.kq-window-card.selected{color:#fff;background:#f45b1e;border-color:#f45b1e}.kq-window-card-label-wrap{flex-direction:column;align-items:center;gap:3px;display:flex}.kq-window-card-top{align-items:center;gap:4px;display:inline-flex}.kq-window-card-hint{opacity:.72;font-size:11px;font-weight:400;line-height:1.3}.kq-kleur-options{grid-template-columns:repeat(3,1fr)}@media (width<=480px){.kq-kleur-options{grid-template-columns:repeat(2,1fr)}}.kq-kleur-swatch{border:2px solid #0000001f;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:block}.kq-window-card.selected .kq-kleur-swatch{border-color:#ffffff73}.kq-kleur-swatch--wit{background:#f4f4f0}.kq-kleur-swatch--antraciet{background:#3b424a}.kq-kleur-swatch--zwart{background:#1a1a1a}.kq-kleur-swatch--houtnerf{background:linear-gradient(135deg,#7a4f2d 0%,#c8a06e 35%,#8b5e3c 65%,#c8a06e 100%)}.kq-kleur-swatch--anders{background:#c5c5c5}.kq-footer{text-align:center;color:#b0b8c1;letter-spacing:.2px;margin-top:28px;font-size:12px}.kq-footer a{color:inherit;text-decoration:none}.kq-footer a:hover{text-decoration:underline}.kq-saved-kozijnen{border:1.5px solid #e9eaec;border-radius:12px;margin-bottom:20px;overflow:hidden}.kq-saved-kozijn-item{border-bottom:1px solid #f3f4f6;padding:12px 16px}.kq-saved-kozijn-item:last-child{border-bottom:none}.kq-saved-kozijn-item--current{background:#fff8f5;border-left:3px solid #f45b1e;padding-left:13px}.kq-saved-kozijn-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.kq-saved-kozijn-name{color:#f45b1e;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.kq-saved-kozijn-details{color:#6b7280;flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.kq-saved-kozijn-price{color:#f45b1e;font-weight:600}.kq-saved-kozijnen-hint{color:#9ca3af;border-top:1px solid #f3f4f6;padding:8px 16px 10px;font-size:12px;line-height:1.4}.kq-btn-verwijderen{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s}.kq-btn-verwijderen:hover{background:#fef2f2}.kq-btn-add-kozijn{color:#1e2023;cursor:pointer;text-align:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:16px;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.kq-btn-add-kozijn:hover{background:#fef0e8;border-color:#f45b1e}.kq-btn-add-kozijn:disabled{opacity:.4;cursor:not-allowed}.kq-btn-add-kozijn-main{color:#f45b1e;font-size:15px;font-weight:600;line-height:1.3}.kq-btn-add-kozijn-sub{color:#6b7280;max-width:480px;font-size:12px;font-weight:400;line-height:1.4}.kq-detail-chip{align-items:center;gap:4px;display:inline-flex}.kq-detail-icon{color:#9ca3af;flex-shrink:0;align-items:center;display:inline-flex}.kq-current-badge{color:#f45b1e;letter-spacing:.3px;text-transform:uppercase;background:#fef0e8;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.kq-row-icon{color:#9ca3af;flex-shrink:0;align-items:center;display:inline-flex}.kq-option-label-wrap{align-items:center;gap:6px;display:inline-flex}.kq-option--check .kq-option-label-wrap{flex:1}.kq-option-label-wrap--stacked{flex-direction:column;align-items:flex-start;gap:2px}.kq-option-label-top{align-items:center;gap:6px;display:inline-flex}.kq-option-hint{opacity:.68;font-size:11px;font-weight:400;line-height:1.35}.kq-option-hint--included{color:#16a34a;opacity:1}.kq-option.selected .kq-option-hint--included{color:#ffffffe6;opacity:1}.kq-tooltip-wrap{align-items:center;display:inline-flex;position:relative}.kq-tooltip-btn{width:16px;height:16px;color:inherit;cursor:pointer;opacity:.5;background:0 0;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:700;line-height:1;transition:opacity .12s;display:flex}.kq-tooltip-btn:hover{opacity:1}.kq-tooltip-box{color:#f0eff5;white-space:normal;text-align:left;z-index:100;pointer-events:none;background:#1e2023;border-radius:8px;min-width:200px;max-width:300px;padding:11px 15px;font-size:14px;font-weight:400;line-height:1.6;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000024}@media (width<=480px){.kq-tooltip-box{max-width:min(300px,100vw - 32px);left:auto;right:0;transform:none}}.kq-tooltip-box:after{content:"";border:5px solid #0000;border-top-color:#1e2023;position:absolute;top:100%;left:50%;transform:translate(-50%)}.kq-signup-form,.kq-signup-success{margin-top:24px}