@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Figtree:wght@400;500;600&display=swap');
:root{
  --navy:#0D1B3E;--blue:#1A6BF5;--blue-h:#1255CC;--blue-l:#EBF0FF;--blue-b:rgba(26,107,245,.14);
  --fin:#27AE60;--fin-l:#F0FDF4;
  --jur:#1A6BF5;--jur-l:#EBF0FF;
  --dat:#F39C12;--dat-l:#FFFBEB;
  --tst:#8E44AD;--tst-l:#F5F3FF;
  --wc:#16A085;--wc-l:#F0FDFA;
  --fun:#E91E8C;--fun-l:#FDF2F8;
  --bg:#F4F6FB;--white:#fff;--surface:#EEF1F8;--border:#DDE3F0;--border2:#C5CFEA;
  --text:#0D1B3E;--text2:#2D3A5E;--muted:#5C6A8A;--light:#8E9AB8;
  --sh-xs:0 1px 3px rgba(13,27,62,.06);--sh-sm:0 2px 8px rgba(13,27,62,.08),0 1px 2px rgba(13,27,62,.04);
  --sh:0 4px 20px rgba(13,27,62,.10),0 2px 6px rgba(13,27,62,.05);--sh-lg:0 12px 40px rgba(13,27,62,.14);
  --r:14px;--r-s:9px;--mw:1180px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Figtree',system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:var(--blue);text-decoration:none;}a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;color:var(--navy);}
h1{font-size:clamp(26px,4vw,44px);letter-spacing:-1.2px;line-height:1.08;}
h2{font-size:clamp(18px,2.5vw,26px);letter-spacing:-.5px;}
h3{font-size:clamp(15px,2vw,18px);}
p{color:var(--muted);}

/* HEADER */
.hdr{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:var(--sh-xs);}
.hdr-in{max-width:var(--mw);margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:16px;}
.logo-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-icon{width:40px;height:40px;display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:9px;overflow:hidden;flex-shrink:0;}
.logo-icon div{display:flex;align-items:center;justify-content:center;font-size:12px;}
.li-fin{background:var(--fin);color:#fff;}
.li-jur{background:var(--jur);color:#fff;}
.li-dat{background:var(--dat);color:#fff;}
.li-tst{background:var(--tst);color:#fff;}
.logo-text{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:1;}
.logo-text .lj{color:var(--navy);}
.logo-text .lt{color:var(--blue);}
.logo-text .ln{color:var(--navy);font-size:13px;font-weight:700;opacity:.6;}
.logo-sub{font-size:10px;color:var(--muted);margin-top:1px;display:block;}

.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center;}
.nav::-webkit-scrollbar{display:none;}
.nav a{padding:6px 11px;border-radius:100px;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap;text-decoration:none;transition:all .18s;display:flex;align-items:center;gap:4px;}
.nav a:hover{background:var(--blue-l);color:var(--blue);text-decoration:none;}
.nav a.on{background:var(--navy);color:#fff;font-weight:600;}
.hdr-btn{background:var(--blue);color:#fff;padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .18s;}
.hdr-btn:hover{background:var(--blue-h);text-decoration:none;color:#fff;}

/* BREADCRUMB */
.bc{max-width:var(--mw);margin:0 auto;padding:12px 20px;font-size:13px;color:var(--light);display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.bc a{color:var(--muted);text-decoration:none;}.bc a:hover{color:var(--blue);}
.bc .sep{color:var(--light);}.bc .cur{color:var(--text2);font-weight:500;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r-s);font-size:15px;font-weight:600;font-family:'Figtree',system-ui,sans-serif;cursor:pointer;transition:all .18s;border:none;text-decoration:none;}
.btn-navy{background:var(--navy);color:#fff;}.btn-navy:hover{background:var(--blue);color:#fff;text-decoration:none;}
.btn-blue{background:var(--blue);color:#fff;}.btn-blue:hover{background:var(--blue-h);color:#fff;text-decoration:none;}
.btn-ghost{background:transparent;border:1.5px solid var(--border2);color:var(--text2);}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);text-decoration:none;}
.btn-w{width:100%;justify-content:center;}.btn-lg{padding:15px 28px;font-size:16px;}

/* FORM */
.field{margin-bottom:18px;}
.lbl{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;}
.inp{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-s);padding:13px 16px;font-size:15px;font-family:'Figtree',system-ui,sans-serif;color:var(--text);outline:none;transition:all .18s;-webkit-appearance:none;}
.inp:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3px var(--blue-l);}
.inp::placeholder{color:var(--light);}
select.inp{cursor:pointer;}textarea.inp{resize:vertical;min-height:110px;line-height:1.6;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
@media(max-width:520px){.g2,.g3{grid-template-columns:1fr;}}
.seg{display:flex;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-s);padding:3px;gap:3px;}
.seg-o{flex:1;padding:8px 8px;text-align:center;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .18s;user-select:none;}
.seg-o.on{background:var(--white);color:var(--navy);font-weight:600;box-shadow:var(--sh-sm);}
input[type=range]{width:100%;height:5px;background:var(--border);border-radius:100px;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;margin-top:8px;border:none;padding:0;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:2.5px solid var(--blue);border-radius:50%;box-shadow:0 2px 6px rgba(26,107,245,.2);cursor:pointer;}

/* CARDS */
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh-sm);transition:box-shadow .2s;}

/* RESULTS */
.res{background:var(--navy);border-radius:var(--r);padding:28px;display:none;margin-top:20px;animation:fadeUp .35s ease;}
.res.on{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.res-big{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(40px,8vw,64px);font-weight:800;letter-spacing:-2px;line-height:1;color:#fff;}
.res-big.amber{color:#FCD34D;}.res-big.green{color:#34D399;}.res-big.blue{color:#60A5FA;}
.res-lbl{font-size:14px;color:rgba(255,255,255,.4);margin-top:6px;}
.res-div{height:1px;background:rgba(255,255,255,.08);margin:20px 0;}
.res-g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.res-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px;text-align:center;}
.res-item .v{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:20px;font-weight:700;color:#fff;}
.res-item .l{font-size:11px;color:rgba(255,255,255,.38);margin-top:3px;}
.res-rows{display:flex;flex-direction:column;gap:12px;}
.res-row{display:flex;justify-content:space-between;align-items:center;}
.res-row .rl{font-size:14px;color:rgba(255,255,255,.42);}
.res-row .rv{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:16px;font-weight:700;color:rgba(255,255,255,.9);}
.res-row .rv.amber{color:#FCD34D;}
.res-tip{margin-top:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-s);padding:12px 16px;font-size:13px;color:rgba(255,255,255,.38);line-height:1.5;}
.rapport-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.btn-rp{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--r-s);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'Figtree',system-ui,sans-serif;transition:all .18s;}
.btn-print{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);}.btn-print:hover{background:rgba(255,255,255,.18);}
.btn-dl{background:var(--fin);color:#fff;}.btn-dl:hover{background:#219a52;}

/* CONTENT */
.blok{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh-sm);margin-bottom:18px;}
.blok h2{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border);}
.blok h3{margin:18px 0 8px;}.blok p{margin-bottom:12px;line-height:1.7;}.blok p:last-child{margin-bottom:0;}
.blok ul,.blok ol{color:var(--muted);padding-left:20px;margin-bottom:12px;}.blok li{margin-bottom:6px;line-height:1.6;}
.blok strong{color:var(--text2);font-weight:600;}
.ebox{background:var(--blue-l);border:1px solid var(--blue-b);border-radius:var(--r-s);padding:16px 20px;margin:16px 0;}
.ebox-t{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;}
.ebox p{color:var(--blue);font-size:14px;margin-bottom:6px;}.ebox p:last-child{margin-bottom:0;}
.faq-i{border-bottom:1px solid var(--border);padding:16px 0;}.faq-i:last-child{border-bottom:none;}
.faq-q{font-size:15px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;user-select:none;}
.faq-q .arr{color:var(--light);font-size:16px;transition:transform .2s;flex-shrink:0;}
.faq-q.on .arr{transform:rotate(180deg);color:var(--blue);}
.faq-a{display:none;font-size:14px;color:var(--muted);line-height:1.7;margin-top:10px;}.faq-a.on{display:block;}
.note{border-radius:var(--r-s);padding:12px 16px;font-size:13px;line-height:1.5;margin:12px 0;}
.note-blue{background:var(--blue-l);color:var(--blue);border:1px solid var(--blue-b);}
.note-amber{background:var(--dat-l);color:#B45309;border:1px solid rgba(243,156,18,.25);}
.note-green{background:var(--fin-l);color:#15803D;border:1px solid rgba(39,174,96,.25);}
.note-red{background:#FEF2F2;color:#B91C1C;border:1px solid rgba(185,28,28,.18);}

/* ADS */
.ad{background:var(--white);border:1px dashed var(--border);border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;color:var(--light);font-size:13px;text-align:center;}
.ad-728{height:90px;margin:20px 0;}.ad-300{height:250px;}.ad-mid{height:90px;margin:20px 0;}

/* TOOL LAYOUT */
.tl{max-width:var(--mw);margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;}
@media(max-width:900px){.tl{grid-template-columns:1fr;}}
.ph{margin-bottom:24px;}.ph h1{margin-bottom:10px;}
.pi{font-size:16px;color:var(--muted);line-height:1.6;max-width:640px;}
.sb{display:flex;flex-direction:column;gap:16px;}
.sb-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:20px;box-shadow:var(--sh-sm);}
.sb-card h3{font-size:14px;margin-bottom:14px;}
.sb-t{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:all .15s;}
.sb-t:last-child{border-bottom:none;padding-bottom:0;}.sb-t:hover{text-decoration:none;}.sb-t:hover .sn{color:var(--blue);}
.si{width:30px;height:30px;border-radius:7px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.sn{font-size:13px;font-weight:600;color:var(--text2);}.sc{font-size:11px;color:var(--light);}
.rel-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.rel-c{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-s);padding:14px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .18s;}
.rel-c:hover{border-color:var(--blue);background:var(--blue-l);text-decoration:none;}
.rel-c .rn{font-size:13px;font-weight:600;color:var(--text2);}.rel-c:hover .rn{color:var(--blue);}
.bdg{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;}
.bdg-fin{background:var(--fin-l);color:var(--fin);}.bdg-jur{background:var(--jur-l);color:var(--jur);}
.bdg-dat{background:var(--dat-l);color:var(--dat);}.bdg-tst{background:var(--tst-l);color:var(--tst);}
.bdg-wc{background:var(--wc-l);color:var(--wc);}.bdg-fun{background:var(--fun-l);color:var(--fun);}

/* FOOTER */
.ftr{background:var(--navy);padding:48px 20px 32px;margin-top:60px;}
.ftr-in{max-width:var(--mw);margin:0 auto;}
.ftr-g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
@media(max-width:800px){.ftr-g{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.ftr-g{grid-template-columns:1fr;}}
.ftr-brand p{font-size:13px;color:rgba(255,255,255,.35);line-height:1.6;max-width:220px;margin-top:12px;}
.ftr-col h4{font-size:11px;font-weight:700;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px;}
.ftr-col a{display:block;color:rgba(255,255,255,.45);font-size:13px;text-decoration:none;margin-bottom:8px;transition:color .18s;}
.ftr-col a:hover{color:rgba(255,255,255,.9);text-decoration:none;}
.ftr-bot{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.ftr-copy{font-size:12px;color:rgba(255,255,255,.22);}

/* CV PREVIEW */
.cv-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
@media(max-width:700px){.cv-wrap{grid-template-columns:1fr;}}
.cv-preview{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:32px;font-family:'Georgia',serif;box-shadow:var(--sh);min-height:500px;}
.cv-preview .cv-naam{font-size:24px;font-weight:700;color:var(--navy);font-family:'Bricolage Grotesque',sans-serif;border-bottom:3px solid var(--blue);padding-bottom:8px;margin-bottom:4px;}
.cv-preview .cv-functie{font-size:14px;color:var(--muted);margin-bottom:20px;font-family:'Figtree',sans-serif;}
.cv-preview .cv-sec{margin-bottom:16px;}
.cv-preview .cv-sec-t{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:'Figtree',sans-serif;}
.cv-preview .cv-sec p,.cv-preview .cv-sec li{font-size:13px;line-height:1.6;color:#333;}
.cv-skills-wrap{display:flex;flex-wrap:wrap;gap:5px;}
.cv-skill-tag{background:var(--blue-l);color:var(--blue);padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;font-family:'Figtree',sans-serif;}

@media print{
  .hdr,.ftr,.ad,.sb,.rapport-btns,.nav,.hdr-btn,.bc{display:none!important;}
  .tl{grid-template-columns:1fr!important;padding:0!important;}
  .res{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .res-big,.res-item .v{color:#0D1B3E!important;}
  .res-lbl,.res-item .l,.res-row .rl{color:#444!important;}
  .res-row .rv{color:#0D1B3E!important;}
  .blok,.card{border:none!important;box-shadow:none!important;}
  .print-hdr{display:block!important;border-bottom:2px solid #0D1B3E;padding-bottom:12px;margin-bottom:20px;}
}
.print-hdr{display:none;}

@keyframes slideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.anim{animation:slideUp .45s cubic-bezier(.22,1,.36,1) both;}
.d1{animation-delay:.1s;}.d2{animation-delay:.2s;}
@media(max-width:768px){.hide-mob{display:none!important;}.nav{display:none;}.tl{padding:0 16px 60px;}.blok,.card{padding:20px;}}