:root{--primary: #0F5C5B;--primary-dark: #0b4544;--dark: #1E2A32;--muted: #52606A;--light: #EAF2F1;--line: #dfe5e5;--ok: #2E7D32;--warn: #C77700;--risk: #C0392B;--bg: #F3F6F5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--dark);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--line);padding:14px 0;position:sticky;top:0;z-index:10}.site-header .wrap{display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:700;color:var(--primary);letter-spacing:-.4px}.logo span{color:var(--dark)}.site-header .tag{font-size:12px;color:var(--muted)}.hero{text-align:center;padding:46px 0 30px}.hero .eyebrow{display:inline-block;background:var(--light);color:var(--primary);font-weight:600;font-size:13px;padding:6px 14px;border-radius:20px;margin-bottom:16px}.hero h1{font-family:"IBM Plex Serif",serif;font-size:34px;line-height:1.15;margin:0 0 12px;color:var(--dark)}.hero p{font-size:17px;color:var(--muted);max-width:560px;margin:0 auto 22px}.hero .trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.hero .trust b{color:var(--primary)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 2px 14px #0f5c5b0d;margin-bottom:40px}.progress{margin-bottom:24px}.progress .bar{height:7px;background:#e6ebeb;border-radius:4px;overflow:hidden}.progress .bar>i{display:block;height:100%;background:var(--primary);transition:width .3s ease}.progress .lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.q-help{font-size:13px;color:var(--muted);background:var(--light);border-radius:8px;padding:10px 12px;margin-bottom:18px}.q-title{font-size:21px;font-weight:600;margin:0 0 20px;line-height:1.35}.options{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:10px;padding:15px 16px;cursor:pointer;transition:all .15s ease;font-size:16px;background:#fff;text-align:left}.opt:hover{border-color:var(--primary);background:#fafcfc}.opt.selected{border-color:var(--primary);background:var(--light);font-weight:600}.opt .dot{width:20px;height:20px;border-radius:50%;border:2px solid #c4cdcd;flex:0 0 auto;position:relative}.opt.selected .dot{border-color:var(--primary)}.opt.selected .dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--primary)}.nav{display:flex;justify-content:space-between;margin-top:26px;gap:12px}.btn{font-family:inherit;font-size:15px;font-weight:600;border-radius:9px;padding:13px 26px;cursor:pointer;border:none;transition:all .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--muted)}.btn-block{width:100%}.scorecard{display:flex;gap:18px;margin-bottom:26px;flex-wrap:wrap}.level-box{flex:1 1 180px;border-radius:12px;padding:22px;color:#fff;text-align:center}.level-box.LAAG{background:var(--ok)}.level-box.MIDDEL{background:var(--warn)}.level-box.HOOG{background:var(--risk)}.level-box .lbl{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.level-box .lvl{font-size:46px;font-weight:700;line-height:1.05;margin:4px 0}.level-box .pts{font-size:13px;opacity:.95}.result-summary{flex:2 1 300px;background:var(--light);border-radius:12px;padding:20px}.result-summary .st{font-weight:700;color:var(--primary);margin-bottom:6px}.gauge{height:12px;background:#dbe2e2;border-radius:6px;overflow:hidden;margin-top:14px}.gauge>i{display:block;height:100%;border-radius:6px}.gauge.LAAG>i{background:var(--ok)}.gauge.MIDDEL>i{background:var(--warn)}.gauge.HOOG>i{background:var(--risk)}.gauge-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}.section-title{font-size:18px;font-weight:600;margin:30px 0 14px;color:var(--dark)}.qitem{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #eef1f1}.qitem .body{flex:1}.qitem .qt{font-weight:600;font-size:15px}.qitem .qa{font-size:13px;color:var(--muted);margin:2px 0 5px}.qitem .qx{font-size:14px}.sev{flex:0 0 auto;align-self:flex-start;font-size:11px;font-weight:700;color:#fff;padding:4px 9px;border-radius:12px;white-space:nowrap}.sev.ok{background:var(--ok)}.sev.let-op{background:var(--warn)}.sev.risico{background:var(--risk)}.gate{background:var(--primary);color:#fff;border-radius:14px;padding:28px;margin-top:26px}.gate h3{margin:0 0 8px;font-size:20px;font-family:"IBM Plex Serif",serif}.gate p{margin:0 0 16px;opacity:.95;font-size:15px}.gate .row{display:flex;gap:10px;flex-wrap:wrap}.gate input{flex:1 1 220px;font-family:inherit;font-size:15px;padding:13px 15px;border:none;border-radius:9px;color:var(--dark)}.gate .btn-primary{background:var(--dark)}.gate .btn-primary:hover{background:#0e161c}.gate .fine{font-size:12px;opacity:.8;margin:12px 0 0}.gate.sent{background:var(--ok);text-align:center}.pdf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.error{background:#fdecea;color:var(--risk);border:1px solid #f5c6cb;border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:16px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;padding:24px 0 40px;color:var(--muted);font-size:12px}.footer .disc{max-width:620px;margin:0 auto 8px}.footer a{color:var(--primary)}@media (max-width: 560px){.hero h1{font-size:27px}.card{padding:22px}.q-title{font-size:19px}.level-box .lvl{font-size:38px}}