*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#e0e7ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.overwaarde-calculator{min-height:100vh;padding:1rem}.container{margin:0 auto;max-width:1200px}:root{--primary:#23405e;--secondary:#f96f03;--accent:#10b981;--danger:#ef4444;--warning:#f59e0b;--background:#f8fafc;--surface:#fff;--text:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--light-blue:#eff6ff;--light-orange:#fff7ed}.feather{height:24px;width:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:inline-block;vertical-align:middle}.feather-small{height:16px;width:16px}.feather-medium{height:20px;width:20px}.feather-large{height:32px;width:32px}.feather-xlarge{height:48px;width:48px}.progress-container{margin-bottom:2rem;width:100%}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-text{color:var(--text-light);font-size:.875rem;font-weight:500}.progress-bar{background-color:#e5e7eb;width:100%}.progress-bar,.progress-fill{border-radius:9999px;height:.5rem}.progress-fill{background-color:var(--secondary);transition:width .5s ease;width:33.33%}.header{margin-bottom:2rem;text-align:center}.main-title{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.subtitle{color:var(--text-light);font-size:1.125rem;margin:0 auto 1.5rem;max-width:48rem}.card{background-color:var(--surface);border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:0 auto;padding:2rem}.card-narrow{max-width:32rem}.card-wide{max-width:64rem}.form-group{margin-bottom:1.5rem}.input-wrapper{position:relative}.currency-symbol{color:var(--text-lighter);font-size:1rem;font-weight:400;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:15}.form-input{background-color:var(--surface);border:2px solid #d1d5db;border-radius:.75rem;color:var(--text);font-size:1.125rem;font-weight:500;outline:none;padding:1.25rem 1.5rem 1rem 2.75rem;position:relative;transition:all .3s ease;width:100%;z-index:10}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(35,64,94,.1)}.form-input:focus~.currency-symbol{color:var(--text-light)}.form-input.has-value{border-color:var(--secondary)}.floating-label{background-color:transparent;color:#6b7280;font-size:1rem;font-weight:400;left:2.75rem;max-width:calc(100% - 3.5rem);overflow:visible;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap;z-index:15}.floating-label.float{background-color:var(--surface)!important;border-radius:.25rem!important;color:var(--primary)!important;font-size:.8rem!important;font-weight:600!important;left:2.5rem!important;max-width:calc(100% - 3rem)!important;padding:0 .5rem!important;top:0!important;transform:translateY(-50%)!important;z-index:20!important}.input-tip{color:var(--text-light);font-size:.875rem;margin-top:.5rem}.personalization-section{background:linear-gradient(135deg,#fffbf5,#fff7ed);border:2px dashed var(--secondary);border-radius:.75rem;margin:2rem 0;padding:1.5rem;position:relative}.personalization-section:before{background:#fff;border:2px solid var(--secondary);border-radius:10px;color:var(--secondary);content:"OPTIONEEL";font-size:.75rem;font-weight:600;padding:2px 10px;position:absolute;right:20px;top:-10px}.personalization-header{align-items:center;color:var(--secondary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.personalization-note{color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;outline:none;padding:1rem 2rem;position:relative;transition:all .2s;z-index:100}.btn-primary{background-color:var(--secondary);font-size:1.25rem;margin-top:2rem}.btn-primary,.btn-secondary{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:#fff;width:100%}.btn-secondary{background-color:var(--primary);font-size:1.125rem;margin-top:1rem}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.choice-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.choice-card{background-color:var(--surface);border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.choice-card:hover{border-color:var(--secondary);box-shadow:0 20px 40px -12px rgba(249,111,3,.3);transform:translateY(-4px) scale(1.02)}.choice-card:hover .choice-icon{transform:scale(1.2);transition:transform .3s ease}.choice-icon{color:var(--secondary);display:block;margin-bottom:.75rem;position:relative;transition:transform .3s ease;z-index:2}.choice-title{color:var(--text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.choice-desc{color:var(--text-light);font-size:.875rem}.loading-container{margin:0 auto;max-width:400px;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--background);border:4px solid var(--background);border-radius:50%;border-top-color:var(--secondary);height:4rem;margin:0 auto 1.5rem;width:4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-card{border:3px solid;border-radius:.75rem;margin-bottom:2rem;padding:2rem;text-align:center}.result-positive{background-color:#ecfdf5;border-color:var(--accent)}.result-negative{background-color:#fef2f2;border-color:var(--danger)}.result-emoji{color:var(--accent);margin-bottom:1rem}.result-amount{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.result-amount.positive{color:var(--accent)}.result-amount.negative{color:var(--danger)}.result-description{color:var(--text-light);font-size:1.125rem;margin-bottom:1.5rem}.report-preview{background:hsla(0,0%,100%,.2);filter:blur(.5px);opacity:.3;padding:2rem;position:relative}.report-preview:after{background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,hsla(0,0%,39%,.15) 0,hsla(0,0%,39%,.15) 30px),repeating-linear-gradient(-45deg,transparent,transparent 15px,hsla(0,0%,39%,.1) 0,hsla(0,0%,39%,.1) 30px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.report-teaser:hover{transform:scale(1.02)}.report-preview{background:#fff;filter:blur(1px);opacity:.9;padding:1.5rem;pointer-events:none;transform:scale(.98);user-select:none}.report-preview-header{border-bottom:2px solid #f96f03;margin-bottom:1rem;padding-bottom:.5rem}.report-preview-title{align-items:center;color:#23405e;display:flex;font-size:.875rem;font-weight:700;gap:.25rem}.report-preview-content{color:#6b7280;font-size:.75rem;line-height:1.2}.report-preview-box{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #10b981;border-radius:.375rem;margin:.75rem 0;padding:.75rem;text-align:center}.report-preview-amount{color:#10b981;font-size:1.5rem;font-weight:700;margin:.25rem 0}.report-overlay{align-items:center;backdrop-filter:blur(2px);background:linear-gradient(135deg,rgba(249,111,3,.95),rgba(35,64,94,.95));bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0}.report-overlay-icon{animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.report-overlay-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.report-overlay-subtitle{font-size:1rem;margin-bottom:1.5rem;opacity:.95}.report-overlay-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.report-feature{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.btn-unlock-report{align-items:center;background-color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.2);color:var(--secondary);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .2s}.btn-unlock-report:hover{box-shadow:0 15px 35px rgba(0,0,0,.3);transform:scale(1.05)}.quickscan-hero{background:linear-gradient(135deg,var(--primary) 0,#1a2f47 100%);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.quickscan-hero:before{background:radial-gradient(circle,rgba(249,111,3,.1) 0,transparent 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px}.quickscan-badge{animation:pulse 2s ease-in-out infinite;background:var(--secondary);border-radius:2rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.quickscan-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.quickscan-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.time-indicator{align-items:center;background:hsla(0,0%,100%,.1);border-radius:.75rem;display:inline-flex;font-size:1.125rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.quickscan-process{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem 0}.process-card{background:#fff;border-radius:1rem;border-top:4px solid var(--secondary);box-shadow:0 10px 25px -5px rgba(0,0,0,.1);padding:2rem;position:relative;transition:all .3s ease}.process-card:hover{box-shadow:0 20px 40px -10px rgba(0,0,0,.15);transform:translateY(-5px)}.process-number{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:30px;justify-content:center;left:2rem;position:absolute;top:-15px;width:30px}.process-icon{color:var(--secondary);height:48px;margin-bottom:1rem;width:48px}.process-title{color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.process-description{color:var(--text-light);font-size:.95rem;line-height:1.6}.benefits-section{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);margin:3rem 0;padding:3rem}.benefits-title{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.benefits-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-icon{color:var(--accent);flex-shrink:0;height:24px;margin-top:.125rem;width:24px}.benefit-text{color:var(--text);line-height:1.5}.faq-section{margin:3rem 0}.faq-title{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.faq-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.faq-item{background:#fff;border-radius:.75rem;box-shadow:0 4px 15px -3px rgba(0,0,0,.1);padding:1.5rem}.faq-question{align-items:center;color:var(--primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.faq-answer{color:var(--text-light);line-height:1.6}.testimonial-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);margin:3rem auto;max-width:800px;padding:2rem;position:relative}.quote-icon{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:2rem;position:absolute;top:-10px;width:40px}.testimonial-text{color:var(--text);font-size:1.125rem;font-style:italic;line-height:1.8;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-info{flex:1}.author-name{color:var(--primary);font-weight:600;margin-bottom:.25rem}.author-details{color:var(--text-light);font-size:.875rem}.cta-section{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:2px solid var(--secondary);border-radius:1.5rem;margin:3rem 0;padding:3rem;text-align:center}.quickscan-cta-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--primary);border-radius:1.5rem;margin:2rem 0;padding:2rem;text-align:center}.cta-title{color:var(--primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.cta-description{color:var(--text-light);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-cta-primary{align-items:center;background:var(--secondary);border:none;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(249,111,3,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .2s}.btn-cta-primary:hover{box-shadow:0 15px 35px -5px rgba(249,111,3,.4);transform:scale(1.05)}.btn-cta-secondary{align-items:center;background:#fff;border:2px solid var(--primary);border-radius:.75rem;color:var(--primary);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .2s}.btn-cta-secondary:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.overview-grid{display:grid;font-size:.875rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.overview-item{background-color:hsla(0,0%,100%,.7);border-radius:.5rem;padding:.75rem;position:relative}.overview-label{font-weight:700;gap:.25rem}.overview-label,.overview-value{align-items:center;color:var(--text);display:flex}.overview-value{gap:.5rem}.ltv-badge{align-items:center;background-color:#dcfce7;border-radius:.25rem;color:#14532d;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-left:.25rem;padding:.125rem .5rem}.info-tooltip{color:var(--text-light);cursor:help;display:inline-flex;position:relative}.info-tooltip:hover .tooltip-content{display:block}.tooltip-content{background:var(--primary);border-radius:.375rem;bottom:100%;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;display:none;font-size:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;text-align:left;width:200px;z-index:1000}.tooltip-content,.tooltip-content:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-content:after{border:4px solid transparent;border-top:4px solid var(--primary);content:"";top:100%}.action-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.action-card{border:2px solid;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s}.action-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.action-primary{border-color:var(--secondary)}.action-secondary{border-color:#e5e7eb}.action-icon{color:var(--secondary);margin-bottom:1rem}.action-title{color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.action-desc{color:var(--text-light);font-size:.875rem;margin-bottom:1.5rem}.btn-action-primary{background-color:var(--secondary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);color:#fff}.btn-action-primary,.btn-action-secondary{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s;width:100%}.btn-action-secondary{background-color:var(--light-blue);color:var(--primary)}.btn-action-primary:hover,.btn-action-secondary:hover{transform:scale(1.05)}.lead-form{margin:0 auto;max-width:32rem}.lead-input{border:2px solid #d1d5db;border-radius:.5rem;color:var(--text);font-size:1rem;font-weight:400;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.lead-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(35,64,94,.1)}.form-label{color:var(--text);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.privacy-note{color:var(--text-light);font-size:.75rem;margin-top:1rem;text-align:center}.skip-link{background:none;border:none;border-radius:.375rem;color:var(--text-light);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-decoration:underline;transition:all .2s ease}.skip-link:hover{background-color:rgba(249,111,3,.1);color:var(--secondary);text-decoration:none;transform:scale(1.05)}.success-message{background-color:#ecfdf5;border:2px solid var(--accent);border-radius:.75rem;margin-top:2rem;padding:2rem;text-align:center}.success-icon{color:var(--accent);margin-bottom:1rem}.icon-inline{display:inline-flex;margin:0 .25rem;vertical-align:middle}.hidden{display:none!important}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.mt-6{margin-top:1.5rem}@media (max-width:768px){.main-title{font-size:1.5rem}.quickscan-title{font-size:1.75rem}.quickscan-hero{padding:2rem}.result-amount{font-size:2.5rem}.action-grid,.choice-grid,.faq-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;width:100%}.btn-cta-primary,.btn-cta-secondary{width:100%}.process-card{padding:1.5rem}}