*,:before,:after{box-sizing:border-box}body{color:#1a1830;-webkit-font-smoothing:antialiased;background:#f0eff5;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{width:100%}.kq-wrapper{justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px 48px;display:flex}.kq-card{background:#fff;border-radius:20px;width:100%;max-width:640px;padding:40px 40px 36px;box-shadow:0 8px 32px #2419551a,0 2px 8px #2419550f}@media (width<=600px){.kq-wrapper{padding:16px 12px 40px}.kq-card{padding:28px 20px}.kq-progress-bar{overflow-x:visible}.kq-progress-label{display:none}.kq-progress-item{min-width:0}}.kq-header{text-align:center;margin-bottom:32px}.kq-logo{letter-spacing:-.5px;color:#241955;margin-bottom:6px;font-size:22px;font-weight:700}.kq-subtitle{color:#6b6880;margin:0;font-size:14px;line-height:1.5}.kq-field-hint{color:#6b6880;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:36px;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:#e5e3ef;height:2px;position:absolute;top:14px;left:calc(50% + 14px);right:calc(14px - 50%)}.kq-progress-dot{color:#8f8aab;z-index:1;background:#e5e3ef;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:#241955}.kq-progress-dot.done{color:#fff;background:#3d2d8a}.kq-progress-label{color:#a09cbf;text-align:center;white-space:nowrap;font-size:11px;line-height:1.2}.kq-progress-label.active{color:#241955;font-weight:600}.kq-step-body{min-height:200px}.kq-step-title{color:#241955;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:#9996b8;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-option{color:#3a3560;cursor:pointer;text-align:left;background:#fafafe;border:2px solid #e5e3ef;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:#f4f2fb;border-color:#7b6dc8}.kq-option.selected{color:#fff;background:#241955;border-color:#241955}.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:#4b4770;font-size:13px;font-weight:600}.kq-input{color:#1a1830;background:#fafafe;border:1.5px solid #d8d5ed;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:#241955}.kq-textarea{resize:vertical;min-height:72px}.kq-nav{border-top:1px solid #eeecf8;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.kq-btn-primary{color:#fff;cursor:pointer;background:#241955;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:#3d2d8a}.kq-btn-primary:disabled{opacity:.4;cursor:not-allowed}.kq-btn-secondary{color:#4b4770;cursor:pointer;background:0 0;border:1.5px solid #d8d5ed;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:500;transition:border-color .15s,color .15s}.kq-btn-secondary:hover{color:#241955;border-color:#7b6dc8}.kq-offerte-intro{text-align:center;background:linear-gradient(135deg,#241955 0%,#3d2d8a 100%);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,#241955 0%,#3d2d8a 100%);border-radius:14px;margin-bottom:20px;padding:28px 28px 24px}.kq-result-price--error{color:#4b4770;background:#f5f4ff}.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 #eeecf8;border-radius:12px;margin-bottom:24px;overflow:hidden}.kq-summary-title{text-transform:uppercase;letter-spacing:.6px;color:#9996b8;background:#fafafe;border-bottom:1.5px solid #eeecf8;padding:12px 16px;font-size:13px;font-weight:700}.kq-summary-row{border-bottom:1px solid #f4f2fb;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 16px;font-size:14px;display:flex}.kq-summary-row:last-child{border-bottom:none}.kq-summary-key{color:#6b6880;flex-shrink:0}.kq-summary-val{color:#1a1830;text-align:right;font-weight:500}.kq-btn-cta{color:#fff;cursor:pointer;letter-spacing:-.2px;background:#241955;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:#3d2d8a}.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:#4b4770;cursor:pointer;background:0 0;border:1.5px solid #d8d5ed;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:#241955;border-color:#7b6dc8}.kq-lead-form{border-top:1.5px solid #eeecf8;margin-bottom:12px;padding-top:24px}.kq-lead-title{color:#241955;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:#3a3560;cursor:pointer;background:#fafafe;border:2px solid #e5e3ef;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:#f4f2fb;border-color:#7b6dc8}.kq-section-btn.selected{color:#fff;background:#241955;border-color:#241955}.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:#3a3560;text-align:center;background:#fafafe;border:2px solid #e5e3ef;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:#f4f2fb;border-color:#7b6dc8}.kq-window-card.selected{color:#fff;background:#241955;border-color:#241955}.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:#c8c5de}.kq-footer{text-align:center;color:#c0bdd8;letter-spacing:.2px;margin-top:28px;font-size:12px}.kq-saved-kozijnen{border:1.5px solid #eeecf8;border-radius:12px;margin-bottom:20px;overflow:hidden}.kq-saved-kozijn-item{border-bottom:1px solid #f4f2fb;padding:10px 16px}.kq-saved-kozijn-item:last-child{border-bottom:none}.kq-saved-kozijn-item--current{background:#fafafe}.kq-saved-kozijn-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.kq-saved-kozijn-name{color:#241955;font-size:13px;font-weight:600}.kq-saved-kozijn-details{color:#6b6880;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.kq-saved-kozijn-price{color:#241955;font-weight:600}.kq-saved-kozijnen-hint{color:#9996b8;border-top:1px solid #f4f2fb;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:#3d2d8a;cursor:pointer;background:#f8f6ff;border:1.5px dashed #7b6dc8;border-radius:10px;width:100%;margin-bottom:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:block}.kq-btn-add-kozijn:hover{background:#f0edff;border-color:#241955}.kq-btn-add-kozijn:disabled{opacity:.4;cursor:not-allowed}.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-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:#1a1830;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 #24195533}@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:#1a1830;position:absolute;top:100%;left:50%;transform:translate(-50%)}.kq-signup-form,.kq-signup-success{margin-top:24px}
