.quiz-section{background-color:var(--bg);background-image:radial-gradient(at 8% 12%,#17bebb12 0%,#0000 55%),radial-gradient(at 92% 88%,#1789fc0d 0%,#0000 50%);padding:120px 0 100px}.quiz-hero{text-align:center;max-width:600px;margin:0 auto 48px}.quiz-hero__heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:16px 0 0;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.quiz-hero__sub{color:var(--text-secondary);max-width:440px;margin:14px auto 0;font-size:1rem;line-height:1.75}.quiz-progress-wrap{max-width:720px;margin:0 auto 24px}.quiz-progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quiz-progress-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.quiz-progress-pct{font-family:var(--font-display);color:var(--accent);font-size:.72rem;font-weight:700}.quiz-progress-bar{background:#1d355714;border-radius:100px;width:100%;height:3px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-blue));height:100%;transition:width .45s var(--ease-spring);border-radius:100px;width:20%}.quiz-form-wrap{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius);background:#ffffff9e;border:1px solid #ffffffe0;max-width:720px;margin:0 auto;padding:32px 24px 28px;position:relative;box-shadow:0 8px 32px #1d355717,0 2px 8px #1d35570d,inset 0 1px #ffffffeb}@media (min-width:600px){.quiz-form-wrap{padding:48px 52px 40px}}.quiz-step{animation:stepIn .4s var(--ease-spring)}.quiz-step--hidden{display:none}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.quiz-step__header{margin-bottom:28px}.quiz-step__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:10px 0 8px;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700;line-height:1.15}.quiz-step__sub{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.7}.quiz-options{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:480px){.quiz-options{grid-template-columns:1fr 1fr}}.quiz-option{border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1.5px solid #1d35571a;align-items:center;gap:14px;padding:15px 16px;display:flex}.quiz-option:hover{background:#ffffffd9;border-color:#17bebb66;transform:translateY(-1px)}.quiz-option.selected{border-color:var(--accent);background:#17bebb12;box-shadow:0 0 0 3px #17bebb1f}.quiz-option__icon{flex-shrink:0;font-size:1.4rem;line-height:1}.quiz-option__text strong{font-family:var(--font-display);color:var(--text);margin-bottom:2px;font-size:.88rem;font-weight:700;display:block}.quiz-option__text span{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.quiz-options--styles{grid-template-columns:1fr 1fr}@media (min-width:600px){.quiz-options--styles{grid-template-columns:repeat(3,1fr)}}.quiz-option--style{flex-direction:column;align-items:flex-start;gap:0;padding:0;overflow:hidden}.quiz-option__style-preview{flex-shrink:0;width:100%;height:64px}.quiz-option__style-preview--strak{background:linear-gradient(135deg,#1d3557 0%,#2b4e87 100%)}.quiz-option__style-preview--speels{background:linear-gradient(135deg,#ff6b6b 0%,#ffd93d 100%)}.quiz-option__style-preview--warm{background:linear-gradient(135deg,#8b4513 0%,#e07a5f 80%,#f2c27a 100%)}.quiz-option__style-preview--luxe{background:linear-gradient(135deg,#1a1a2e 0%,#d4af37 100%)}.quiz-option__style-preview--minimaal{background:linear-gradient(135deg,#f0eded 0%,#d8d4d4 100%);border-bottom:1px solid #1d355714}.quiz-option__style-preview--energiek{background:linear-gradient(135deg,#0052d4 0%,#4364f7 50%,#6fb1fc 100%)}.quiz-option--style strong{font-family:var(--font-display);color:var(--text);padding:10px 14px;font-size:.8rem;font-weight:700;display:block}.quiz-palettes{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (min-width:480px){.quiz-palettes{grid-template-columns:repeat(3,1fr)}}@media (min-width:700px){.quiz-palettes{grid-template-columns:repeat(4,1fr)}}.palette-option{border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);-webkit-user-select:none;user-select:none;background:#ffffff8c;border:1.5px solid #1d35571a;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;display:flex}.palette-option:hover{border-color:#17bebb66;transform:translateY(-1px)}.palette-option.selected{border-color:var(--accent);background:#17bebb12;box-shadow:0 0 0 3px #17bebb1f}.palette-swatches{gap:6px;display:flex}.palette-swatches span{border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;display:block;box-shadow:0 2px 6px #00000026}.palette-name{font-family:var(--font-display);color:var(--text-secondary);font-size:.7rem;font-weight:600;line-height:1.3}.quiz-custom-colors{border-radius:var(--radius-md);background:#17bebb0a;border:1px solid #17bebb33;flex-flow:wrap;gap:24px;margin-top:16px;padding:20px 24px;display:none}.quiz-custom-colors.visible{display:flex}.custom-color-field{flex-direction:column;flex:1;gap:8px;min-width:140px;display:flex}.custom-color-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:.73rem;font-weight:700}.custom-color-input{align-items:center;gap:10px;display:flex}.custom-color-input input[type=color]{border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;border:1.5px solid #1d355724;width:44px;height:44px;padding:3px}.custom-color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.custom-color-input input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.custom-color-hex{color:var(--text-secondary);font-family:monospace;font-size:.82rem}.quiz-practical{flex-direction:column;gap:24px;display:flex}.practical-group{flex-direction:column;gap:10px;display:flex}.practical-question{font-family:var(--font-display);color:var(--text);margin:0;font-size:.92rem;font-weight:700}.practical-options{flex-wrap:wrap;gap:8px;display:flex}.practical-option{font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);-webkit-user-select:none;user-select:none;background:#fff9;border:1.5px solid #1d35571f;border-radius:100px;padding:9px 18px;font-size:.82rem;font-weight:600}.practical-option:hover{color:var(--text);border-color:#17bebb66}.practical-option.selected{border-color:var(--accent);color:var(--accent);background:#17bebb1a}.quiz-contact-form{flex-direction:column;gap:18px;display:flex}.quiz-submit{cursor:pointer;width:100%;min-height:52px;font-family:var(--font-display);border:none;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.quiz-submit__wa{opacity:.9;flex-shrink:0;align-items:center;display:flex}.quiz-success[hidden]{display:none}.quiz-success{text-align:center;animation:stepIn .55s var(--ease-spring) forwards;flex-direction:column;align-items:center;gap:14px;padding:32px 0;display:flex}.quiz-success__icon{width:56px;height:56px;color:var(--accent);background:#17bebb1a;border:1.5px solid #17bebb40;border-radius:50%;justify-content:center;align-items:center;display:flex}.quiz-success__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0;font-size:1.5rem;font-weight:800}.quiz-success__sub{color:var(--text-secondary);max-width:360px;margin:0;font-size:.95rem;line-height:1.75}.quiz-step-error{color:#d94f4f;text-align:center;opacity:0;transition:opacity .2s var(--ease);min-height:20px;margin:16px 0 0;font-size:.82rem}.quiz-step-error.visible{opacity:1}.quiz-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.quiz-nav[hidden]{display:none}.quiz-nav__prev{font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:1.5px solid #1d355724;border-radius:100px;align-items:center;gap:8px;padding:12px 22px;font-size:.85rem;font-weight:600;display:flex}.quiz-nav__prev:hover{color:var(--text);border-color:#1d355747}.quiz-nav__next{font-family:var(--font-display);color:#fff;background:var(--accent);cursor:pointer;transition:background var(--transition), box-shadow var(--transition), transform var(--transition);border:none;border-radius:100px;align-items:center;gap:8px;margin-left:auto;padding:14px 32px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 20px #17bebb59,inset 0 1px #ffffff40}.quiz-nav__next:hover{background:#12aeab;transform:translateY(-2px);box-shadow:0 8px 32px #17bebb73,inset 0 1px #fff3}.quiz-nav__next:active{transform:translateY(0)}.quiz-options--plans{flex-direction:column;gap:12px;display:flex}.quiz-option--plan{cursor:pointer;text-align:left;background:#fff;border:2px solid #1d355717;border-radius:16px;flex-direction:column;gap:6px;padding:20px 24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 12px #0000000a}.quiz-option--plan:hover{border-color:#17bebb66;transform:translateY(-2px);box-shadow:0 4px 20px #17bebb1a}.quiz-option--plan.selected{border-color:var(--accent);background:#17bebb0a;box-shadow:0 4px 20px #17bebb26}.quiz-plan__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quiz-plan__name{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700}.quiz-plan__price{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-size:.88rem;font-weight:700}.quiz-plan__desc{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.55}.quiz-plan-link{color:var(--accent);text-underline-offset:3px;margin-top:4px;font-size:.82rem;font-weight:600;text-decoration:underline;transition:opacity .2s;display:inline-block}.quiz-plan-link:hover{opacity:.7}.quiz-subgroup{margin-top:28px}.quiz-subgroup:first-of-type{margin-top:0}.quiz-subgroup__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:.78rem;font-weight:700;display:block}.quiz-subgroup__hint{letter-spacing:.02em;text-transform:none;color:#1d35577a;margin-left:4px;font-size:.72rem;font-weight:500;display:inline}.quiz-options--doel{grid-template-columns:1fr 1fr;gap:12px}.quiz-option--doel{padding:16px 18px}.quiz-chips{flex-wrap:wrap;gap:10px;display:flex}.quiz-chip{font-family:var(--font-body,"DM Sans", system-ui, sans-serif);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #1d35571f;border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:500;transition:all .2s}.quiz-chip:hover{background:#17bebb0a;border-color:#17bebb66;transform:translateY(-1px)}.quiz-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiz-chip.selected{background:linear-gradient(135deg, var(--accent), var(--accent-blue,#1789fc));color:#fff;border-color:#0000;font-weight:600;box-shadow:0 6px 16px -6px #17bebb80}.quiz-chips--pages{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quiz-chip--pages{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.quiz-chip--pages strong{font-family:var(--font-display);font-size:.95rem;font-weight:700}.quiz-chip--pages span{color:#1d35578c;font-size:.78rem;font-weight:400}.quiz-chip--pages.selected span{color:#ffffffd1}.quiz-complexity{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quiz-complexity__option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #1d35571f;border-radius:16px;flex-direction:column;gap:6px;padding:16px;transition:all .22s;display:flex}.quiz-complexity__option:hover{background:#17bebb0d;border-color:#17bebb66;transform:translateY(-1px)}.quiz-complexity__option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiz-complexity__option strong{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.quiz-complexity__option span{color:#1d3557ad;font-size:.82rem;line-height:1.4}.quiz-complexity__option.selected{border-color:var(--accent);background:#17bebb14;box-shadow:0 6px 18px -8px #17bebb61}.quiz-complexity__option--extreem.selected{background:linear-gradient(135deg,#17bebb1a,#1d355714);border-color:#1d3557}.quiz-textarea{width:100%;min-height:110px;font-family:var(--font-body,"DM Sans", system-ui, sans-serif);color:var(--text);resize:vertical;box-sizing:border-box;background:#ffffffc7;border:1px solid #1d355724;border-radius:14px;padding:14px 16px;font-size:.95rem;line-height:1.55;transition:all .2s}.quiz-textarea::placeholder{color:#1d35576b}.quiz-textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #17bebb24}.quiz-textarea__count{color:#1d355773;text-align:right;margin-top:6px;font-size:.74rem;display:block}@media (max-width:640px){.quiz-options--doel{grid-template-columns:1fr}.quiz-chips--pages{grid-template-columns:1fr 1fr}.quiz-complexity{grid-template-columns:1fr}.quiz-complexity__option{padding:14px 16px}}