.kompas{--k-cream: #fffdf8;--k-sage: #e9e9df;--k-sage-ink: #63766d;--k-line: #e5dfd4;--k-answer: #43524f;--k-shadow: 0 22px 70px rgba(41, 47, 39, .09)}.kompas-shell{max-width:1160px;margin:0 auto;padding:30px max(16px,env(safe-area-inset-right,0px)) 70px max(16px,env(safe-area-inset-left,0px))}.kompas .layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:660px;border:1px solid var(--k-line);border-radius:20px;background:var(--k-cream);box-shadow:var(--k-shadow);overflow:hidden}.kompas .intro-panel{padding:52px 47px 43px;background:var(--k-sage);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-width:0}.kompas .intro-panel:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(42,77,81,.12);border-radius:50%;left:-140px;bottom:-240px}.kompas .intro-panel:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(42,77,81,.1);border-radius:50%;left:95px;bottom:-250px}.kompas .k-eyebrow{font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;color:var(--k-sage-ink)}.kompas h1{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.1;letter-spacing:-.045em;font-size:clamp(40px,4.6vw,64px);margin:23px 0 20px;max-width:520px;text-wrap:balance}.kompas h1 em{font-weight:400;font-style:italic;color:#58736c}.kompas .lede{font-size:17px;line-height:1.65;max-width:360px;color:#53605b}.kompas .metas{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.kompas .meta{font-size:12px;display:inline-flex;gap:8px;align-items:center;color:#4f625c;padding:8px 11px;border:1px solid #cdd3ca;background:#ffffff61;border-radius:99px}.kompas .meta svg{width:14px;height:14px}.kompas .keyboard-art{position:relative;z-index:1;margin-top:72px;margin-bottom:7px;max-width:335px;width:100%;height:145px;transform:rotate(-5deg)}.kompas .keyboard{position:absolute;left:0;right:0;top:29px;height:104px;display:grid;grid-template-columns:repeat(14,1fr);border:2px solid #31434a;border-radius:4px;box-shadow:7px 9px #2232341c;background:#fffdf6}.kompas .white{border-right:1px solid #a8ada9;background:linear-gradient(180deg,#fffdf6 70%,#ede9db)}.kompas .white:last-child{border-right:none}.kompas .black{position:absolute;background:#203741;width:4.3%;height:62px;top:0;transform:translate(-50%);z-index:2;border-radius:0 0 4px 4px;box-shadow:2px 4px #182f2f26}.kompas .bottom-note{position:relative;z-index:1;color:#66736c;font-size:13px;max-width:300px}.kompas .question-panel{padding:48px 52px 39px;display:flex;flex-direction:column;min-width:0}.kompas .progressline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b8e89;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.kompas .progress{height:5px;background:#e9e5dc;border-radius:5px;overflow:hidden}.kompas .progress>div{height:100%;width:10%;background:var(--gold);transition:width .3s ease}.kompas .question-body{flex:1;padding-top:58px;animation:kompas-rise .28s ease-out}@keyframes kompas-rise{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kompas .q-kicker{color:#ae874b;letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:760;margin-bottom:13px}.kompas h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.035em;font-weight:400;font-size:clamp(26px,2.5vw,36px);line-height:1.22;margin:0 0 15px;text-wrap:balance}.kompas h2:focus{outline:none}.kompas .hint{font-size:14px;color:var(--muted);margin:0 0 26px}.kompas fieldset{margin:0;padding:0;border:0;min-width:0}.kompas legend{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap;overflow:hidden}.kompas .answers{display:grid;gap:9px}.kompas .answer{display:block;position:relative;cursor:pointer}.kompas .answer input{position:absolute;opacity:0;width:1px;height:1px}.kompas .answer span{border:1px solid var(--k-line);border-radius:9px;padding:13px 17px;display:flex;align-items:center;gap:12px;color:var(--k-answer);font-size:15px;line-height:1.42;min-height:48px;transition:background .16s,border-color .16s,transform .16s}.kompas .answer span:before{content:"";width:17px;height:17px;border:1.5px solid #b9c0bb;border-radius:50%;flex:none;background:#fff}.kompas .answer:hover span{border-color:#d0b477;background:#fffcf3;transform:translate(2px)}.kompas .answer input:checked+span{border-color:#d4a147;background:#fff8e8;color:var(--ink);font-weight:610}.kompas .answer input:checked+span:before{background:var(--gold);border:5px solid var(--gold);box-shadow:inset 0 0 0 3px #fff}.kompas .answer input:focus-visible+span{outline:3px solid #c9953a;outline-offset:2px}.kompas .actions{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:28px;margin-top:30px;border-top:1px solid var(--k-line)}.kompas .btn{border-radius:8px;padding:12px 20px;font-size:15px;gap:10px;min-height:46px}.kompas .btn-subtle{border:1px solid var(--k-line);color:var(--ink);background:transparent}.kompas .btn-subtle:hover{background:#f1eee8}.kompas .btn:disabled{cursor:not-allowed;opacity:.34;transform:none}.kompas .arrows{font-size:17px;line-height:1}.kompas .result-screen{animation:kompas-rise .3s ease-out}.kompas .result-category{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#a68043;font-weight:750;margin:6px 0 13px}.kompas .result-lead{font-size:16px;color:#56645f;line-height:1.68;margin-bottom:18px}.kompas .waarom{margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--k-line);color:#56645f;font-size:14px}.kompas .waarom p{margin:0 0 4px;font-weight:700;color:var(--ink)}.kompas .waarom ul{margin:0;padding-left:18px}.kompas .two-bars{display:grid;gap:14px;margin:18px 0 22px}.kompas .bar-head{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#53605b;font-weight:650;margin-bottom:8px}.kompas .bar{height:8px;border-radius:10px;background:#e8e4db;overflow:hidden}.kompas .bar>div{height:100%;background:#729085;border-radius:10px}.kompas .bar.impro>div{background:#d3a458}.kompas .result-card{border:1px solid var(--k-line);background:#fbf9f3;border-radius:10px;padding:20px;margin:14px 0}.kompas .result-card h3{font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400;margin:0 0 6px}.kompas .result-card p{font-size:15px;color:#596760;margin:0 0 8px;line-height:1.65}.kompas .result-card p:last-child{margin-bottom:0}.kompas .result-card--tip{background:var(--gold-soft);border-color:#ecd6a6}.kompas .result-card--aanbod{background:#fff;border-color:#d9cfbd}.kompas .kanttekening{margin:14px 0;padding:14px 16px;border-radius:10px;background:var(--blue-soft);color:var(--ink);font-size:14px;line-height:1.6}.kompas .pakketten{display:grid;gap:8px;margin:14px 0}.kompas .pakket{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:12px 14px;border:1px solid var(--k-line);border-radius:9px}.kompas .pakket strong{font-size:15px}.kompas .pakket .prijs{font-weight:800;font-variant-numeric:tabular-nums}.kompas .pakket p{grid-column:1 / -1;margin:0;font-size:14px}.kompas .pakket--accent{border-color:#d4a147;background:#fffaf0}.kompas .pakket-label{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;background:var(--gold);color:#24190a;font-size:11px;font-weight:800;letter-spacing:.04em}.kompas details.feedback{margin:12px 0 0;font-size:14px;color:#56645f}.kompas details.feedback summary{cursor:pointer;font-weight:700;color:var(--blue)}.kompas details.feedback p{margin:8px 0 0;line-height:1.6}.kompas .result-ctas{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.kompas .gratis-ander{font-size:14px;margin:10px 0 0}.kompas .gratis-ander a,.kompas .small-a{color:var(--blue);text-underline-offset:3px}.kompas .result-note{font-size:12px;color:#858b82;line-height:1.6;margin-top:14px}.kompas .kform{display:grid;gap:10px;margin-top:10px}.kompas .kform label.veld{display:grid;gap:5px;font-size:13px;font-weight:700;color:var(--ink)}.kompas .kform input[type=email]{font:inherit;font-size:16px;padding:11px 12px;border:1px solid #cfc7b8;border-radius:8px;background:#fff;width:100%;min-width:0}.kompas .kform input[type=email]:focus-visible{outline:3px solid #c9953a;outline-offset:1px}.kompas .kvink{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#43524f;cursor:pointer}.kompas .kvink input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--ink)}.kompas .kform .melding{font-size:14px;margin:0}.kompas .kform .melding--goed{color:#2f6b45;font-weight:700}.kompas .kform .melding--fout{color:#9a3a1c}.kompas .honing{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.kompas .turnstile:empty{display:none}.kompas .fineprint{max-width:730px;margin:23px auto 0;color:#838781;text-align:center;font-size:12px;line-height:1.6}@media (max-width: 840px){.kompas-shell{padding-top:18px;padding-bottom:42px}.kompas .layout{grid-template-columns:1fr;min-height:0}.kompas .intro-panel{padding:30px 26px 22px}.kompas h1{font-size:40px;max-width:600px}.kompas .lede{max-width:650px;font-size:15px}.kompas .keyboard-art,.kompas .bottom-note{display:none}.kompas .metas{margin-top:16px}.kompas .question-panel{padding:28px 26px 32px;min-height:520px}.kompas .question-body{padding-top:28px}}@media (max-width: 470px){.kompas .intro-panel{padding:24px 20px 22px}.kompas h1{font-size:34px;margin:14px 0}.kompas .question-panel{padding:22px 18px 26px}.kompas .question-body{padding-top:22px}.kompas .answer span{padding:12px}.kompas .btn{padding:11px 14px}.kompas .lede{font-size:14px}.kompas .result-card{padding:16px}}@media (prefers-reduced-motion: reduce){.kompas *,.kompas *:before,.kompas *:after{transition:none!important;animation:none!important}}@media print{.site-header,.kompas .intro-panel,.kompas .result-ctas,.kompas form,.kompas .fineprint,.kompas details.feedback,.kompas .geen-print{display:none!important}.kompas .layout{display:block;box-shadow:none;border:0}.kompas .question-panel{padding:0}body{background:#fff}}