:root{--p50: #EFF6FF;--p200: #BFDBFE;--p600: #2563EB;--p700: #1D4ED8;--n50: #F8FAFC;--n100: #F1F5F9;--n200: #E2E8F0;--n500: #64748B;--n600: #475569;--n700: #334155;--n800: #1E293B;--n900: #0F172A}body[data-route=scan]>:not(#root){display:none!important}.scan-page{background:#fff;color:var(--n800);min-height:100vh;display:flex;flex-direction:column}.scan-nav{position:fixed;top:0;width:100%;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--n200);padding:12px 0}.scan-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.scan-nav-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:700;color:var(--n900);text-decoration:none;padding:0}.scan-nav-mark{display:inline-block;width:6px;height:6px;background:var(--p600);border-radius:50%}.scan-nav-back{background:none;border:none;cursor:pointer;color:var(--n600);font-size:.875rem;font-weight:500;text-decoration:none;padding:0;transition:color .2s}.scan-nav-back:hover{color:var(--n900)}.scan-main{flex:1;padding-top:80px}.scan-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.scan-hero{padding:80px 0 60px;background:linear-gradient(135deg,var(--p50) 0%,#fff 100%)}.scan-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--p50);border:1px solid var(--p200);border-radius:100px;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:500;color:var(--p700);margin-bottom:24px}.scan-hero-title{font-family:DM Sans,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:700;color:var(--n900);margin-bottom:20px;max-width:600px}.scan-hero-lead{font-size:1.05rem;line-height:1.7;color:var(--n600);max-width:56ch}.scan-dimensions{padding:60px 0;background:var(--n50);border-top:1px solid var(--n200)}.scan-dimensions h2{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:600;color:var(--n900);margin-bottom:32px}.scan-dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.scan-dimension-card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:24px;text-align:center;transition:all .2s}.scan-dimension-card:hover{border-color:var(--p200);box-shadow:0 4px 12px #2563eb0f}.scan-dimension-icon{width:48px;height:48px;margin:0 auto 12px;color:var(--p600)}.scan-dimension-title{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:var(--n900)}.scan-form-section{padding:60px 0}.scan-form{max-width:600px;margin:0 auto}.scan-form-header{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:32px;margin-bottom:24px}.scan-form-title{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:600;color:var(--n900);margin-bottom:16px}.scan-form-intro{font-size:.95rem;color:var(--n600);line-height:1.6;margin-bottom:20px}.scan-progress-bar{height:8px;background:var(--n200);border-radius:4px;overflow:hidden;margin-bottom:12px}.scan-progress-fill{height:100%;background:var(--p600);transition:width .3s ease}.scan-progress-text{font-size:.85rem;color:var(--n500)}.scan-question{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:24px;margin-bottom:16px}.scan-question-title{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--n900);margin-bottom:8px}.scan-question-help{font-size:.85rem;color:var(--n500);margin-bottom:16px}.scan-options{display:flex;flex-direction:column;gap:12px}.scan-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--n200);border-radius:8px;cursor:pointer;transition:all .2s}.scan-option:hover{background:var(--p50);border-color:var(--p200)}.scan-option-input{margin-top:4px;cursor:pointer;accent-color:var(--p600)}.scan-option-label{font-size:.95rem;color:var(--n700);font-weight:500}.scan-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.scan-form-disclaimer{font-size:.8rem;color:var(--n500)}.scan-form-submit{padding:12px 28px;background:var(--p600);color:#fff;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.scan-form-submit:hover{background:var(--p700);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.scan-resultaat-section{padding:60px 0}.scan-result{max-width:800px;margin:0 auto}.scan-no-result{text-align:center;padding:60px 24px;color:var(--n600);font-size:1rem}.scan-no-result a{color:var(--p600);font-weight:500;text-decoration:underline}.scan-result-hero{background:linear-gradient(135deg,var(--p700) 0%,var(--p600) 100%);color:#fff;border-radius:12px;padding:48px;margin-bottom:32px;display:flex;align-items:center;gap:48px}.scan-result-score{display:flex;align-items:baseline;gap:12px}.scan-result-score-num{font-family:DM Sans,sans-serif;font-size:4rem;font-weight:700;line-height:1}.scan-result-score-max{font-size:1.2rem;opacity:.9}.scan-result-tier-title{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:700;margin-bottom:8px}.scan-result-tier-range{font-family:JetBrains Mono,monospace;font-size:.9rem;opacity:.9}.scan-result-description{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:28px;margin-bottom:32px}.scan-result-description-text{font-size:1rem;color:var(--n700);line-height:1.6;margin-bottom:16px}.scan-result-guidance{font-size:.95rem;color:var(--n600);line-height:1.6;padding-top:16px;border-top:1px solid var(--n200)}.scan-result-dimensions{margin-bottom:40px}.scan-result-dimensions h2{font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:600;color:var(--n900);margin-bottom:20px}.scan-result-dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.scan-result-dimension{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:16px}.scan-result-dimension-name{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--n900);margin-bottom:12px}.scan-result-dimension-bar{height:6px;background:var(--n200);border-radius:3px;overflow:hidden;margin-bottom:8px}.scan-result-dimension-fill{height:100%;background:var(--p600);border-radius:3px}.scan-result-dimension-score{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--n600)}.scan-result-insights{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.scan-result-risks,.scan-result-wins{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:24px}.scan-result-risks h3,.scan-result-wins h3{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--n900);margin-bottom:12px}.scan-result-risks ul,.scan-result-wins ul{list-style:disc;padding-left:20px}.scan-result-risks li,.scan-result-wins li{font-size:.9rem;color:var(--n600);line-height:1.6;margin-bottom:8px}.scan-result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.scan-result-action-btn{padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.scan-result-action-primary{background:var(--p600);color:#fff}.scan-result-action-primary:hover{background:var(--p700);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.scan-result-action-secondary{background:transparent;color:var(--p600);border:1px solid var(--p600)}.scan-result-action-secondary:hover{background:var(--p50)}.scan-result-action-tertiary{background:var(--n100);color:var(--n700)}.scan-result-action-tertiary:hover{background:var(--n200)}.scan-footer{padding:40px 0 24px;text-align:center;border-top:1px solid var(--n200);color:var(--n500);font-size:.8rem}@media (max-width: 880px){.scan-result-hero{flex-direction:column;padding:32px;gap:24px}.scan-result-insights{grid-template-columns:1fr}.scan-result-actions{flex-direction:column}.scan-result-action-btn{width:100%}}