:root{--bg:#f5f7f8;--card:#fff;--ink:#2c3e50;--muted:#7f8c8d;--line:#dfe6e9;--soft:#ecf0f1;--brand:#16a085;--brand2:#1abc9c;--brandSoft:#e8f8f5;--green:#27ae60;--greenSoft:#eafaf1;--orange:#e67e22;--orangeSoft:#fef5e7;--blue:#2980b9;--blueSoft:#ebf5fb;--danger:#c0392b;--dangerSoft:#fdedec;--shadow:0 8px 30px rgba(44,62,80,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:28px 18px 72px}.shell.narrow{max-width:820px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:38px;line-height:1.03;letter-spacing:-.04em;margin:7px 0 8px}h2{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px}h3{font-size:16px;margin:0 0 9px}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.switch{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:9px 11px;min-height:42px;border-radius:10px;font-weight:750;white-space:nowrap}.switch input{display:none}.track{width:38px;height:22px;background:#bdc3c7;border-radius:99px;position:relative;transition:.2s}.track:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.2s}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translateX(16px)}
.page-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch;margin-bottom:16px;padding:24px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;border-radius:18px;box-shadow:var(--shadow)}.page-intro h2{font-size:27px;margin-bottom:9px;color:#fff}.page-intro p{color:#ecf0f1;max-width:760px}.intro-eyebrow{color:#1abc9c}.intro-small{margin-top:12px!important;color:#bdc3c7!important}.intro-small strong{color:#fff}.intro-points{display:grid;gap:8px;align-content:center}.intro-point{padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:13px}.intro-point strong{color:#1abc9c}.progress-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:14px 16px;margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step-dot{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;color:var(--muted)}.step-dot .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#f8f9f9;font-size:12px;font-weight:850}.step-dot.active{background:var(--brandSoft);color:#117864}.step-dot.active .num{background:var(--brand);border-color:var(--brand);color:#fff}.step-dot.done .num{background:var(--greenSoft);border-color:#abebc6;color:var(--green)}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.wizard-step{display:none}.wizard-step.active{display:block}.intro{max-width:760px;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;text-align:left;transition:.18s;min-height:132px;color:var(--ink)}.choice:hover{border-color:#95a5a6;transform:translateY(-1px)}.choice.selected{border:2px solid var(--brand);background:var(--brandSoft);padding:17px}.choice .title{font-weight:850;font-size:17px;margin-bottom:5px}.choice .desc{color:var(--muted);font-size:13px}.panel{margin-top:16px;padding:17px;border:1px solid var(--line);background:#f8f9f9;border-radius:14px}.panel.brand{background:var(--brandSoft);border-color:#a3e4d7}.panel.orange{background:var(--orangeSoft);border-color:#f5cba7}.panel.blue{background:var(--blueSoft);border-color:#aed6f1}.panel-copy{margin-bottom:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields.three{grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:800;color:#34495e}.helper{font-size:11px;color:var(--muted)}input[type=number],input[type=email],select{width:100%;border:1px solid #bdc3c7;background:#fff;color:var(--ink);border-radius:10px;padding:11px 12px;outline:none;min-height:44px}input:focus,select:focus{border-color:#48c9b0;box-shadow:0 0 0 3px rgba(22,160,133,.12)}.checkrow{display:flex;align-items:flex-start;gap:9px;margin:8px 0}.checkrow input{margin-top:4px}.advanced-only,.employer-only,.advanced-employer-only{display:none}body.advanced .advanced-only{display:block}body.employer .employer-only{display:block}body.advanced.employer .advanced-employer-only{display:block}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 0 10px}.section-title h3{margin:0}.section-title.no-top{margin-top:0}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:#ecf0f1;color:#566573;font-size:11px;font-weight:800}.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:10px;font-weight:800}.btn:hover{background:#f8f9f9}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:#138d75}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%;justify-content:center}.result-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.bigbox{border:1px solid var(--line);background:#f8f9f9;border-radius:15px;padding:18px}.bigbox .label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.045em}.bigbox .value{font-size:34px;font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:4px 0}.bigbox.net{background:var(--greenSoft);border-color:#82e0aa}.bigbox.net .value{color:var(--green)}.bigbox.cost{background:var(--orangeSoft);border-color:#f5cba7}.bigbox.cost .value{color:#d35400}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.kpis.no-margin{margin-top:0}.kpi{background:#f8f9f9;border:1px solid var(--line);border-radius:12px;padding:13px}.kpi .label{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:20px;font-weight:850;letter-spacing:-.02em;margin-top:2px}.kpi.net-highlight{background:var(--greenSoft);border-color:#82e0aa}.kpi.net-highlight .label{color:#1e8449}.kpi.net-highlight .value{color:var(--green);font-size:23px}.profile-description{display:grid;grid-template-columns:44px 1fr;gap:12px;margin-top:14px;padding:15px;border:1px solid #a3e4d7;background:var(--brandSoft);border-radius:13px}.profile-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:20px}.profile-heading{font-weight:850;margin-bottom:3px}.profile-description p{font-size:13px;margin-bottom:4px}.compare{display:grid;grid-template-columns:1fr 76px 1fr;align-items:stretch;gap:10px;margin-top:12px}.compare-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.compare-card.employee{background:var(--greenSoft);border-color:#82e0aa}.comparison-value{font-size:30px;font-weight:900;letter-spacing:-.035em;margin:9px 0 2px}.compare-card.employee .comparison-value{color:var(--green)}.compare-mid{display:grid;place-items:center;color:var(--muted);font-weight:850}.delta{margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--line);background:#f8f9f9}.delta.positive{background:var(--greenSoft);border-color:#82e0aa;color:#1e8449}.delta.negative{background:var(--orangeSoft);border-color:#f5cba7;color:#d35400}table{width:100%;border-collapse:collapse}td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:750}.disclaimer{margin-top:18px;padding:16px;border:1px solid #f5b7b1;background:var(--dangerSoft);border-radius:14px}.disclaimer strong{color:var(--danger)}.disclaimer ul{padding-left:18px;margin:9px 0 0}.disclaimer li{margin:5px 0}.hidden{display:none!important}.backlink{display:inline-block;margin:0 0 14px;color:var(--brand);text-decoration:none;font-weight:750}.prose h1{font-size:30px}.prose p{margin-bottom:14px}
.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(44,62,80,.62);backdrop-filter:blur(2px)}.modal-card{position:relative;width:min(520px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.25);z-index:1}.modal-close{position:absolute;right:13px;top:11px;width:36px;height:36px;border:0;background:#ecf0f1;border-radius:50%;font-size:24px;line-height:1;color:#566573}.modal-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brandSoft);color:var(--brand);font-size:24px;font-weight:900;margin-bottom:13px}.modal-field{margin-top:16px}.privacy-check{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:12px;margin:13px 0}.privacy-check input{margin-top:3px}.privacy-check a{color:var(--brand);font-weight:750}.form-error{padding:10px 12px;margin-bottom:10px;background:var(--dangerSoft);border:1px solid #f5b7b1;border-radius:9px;color:var(--danger);font-size:12px}.modal-footnote{text-align:center;margin:10px 0 0}.loading{opacity:.7;pointer-events:none}
@media(max-width:850px){.topbar{display:block}.toolbar{margin-top:14px;justify-content:flex-start}.page-intro{grid-template-columns:1fr}.choice-grid,.fields,.fields.three,.result-hero,.kpis{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.compare-mid{padding:2px}.compare-mid{transform:rotate(90deg)}}@media(max-width:600px){.shell{padding:16px 12px 50px}h1{font-size:31px}.steps{grid-template-columns:1fr}.step-dot{display:none}.step-dot.active{display:flex}.choice-grid,.fields,.fields.three,.result-hero,.kpis{grid-template-columns:1fr}.card{padding:17px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.switch{justify-content:center}.page-intro{padding:19px}.profile-description{grid-template-columns:1fr}.profile-icon{display:none}.nav{align-items:stretch}.nav .btn{flex:1}}

/* Website shell */
.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid #e8e5df}
.site-nav-wrap{width:min(1180px,calc(100% - 36px));min-height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-logo{display:block;width:min(285px,38vw);line-height:0}.site-logo img{display:block;width:100%;height:auto}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:30px}.site-nav a{color:#1d1d1b;text-decoration:none;font-size:14px;font-weight:750;position:relative;padding:31px 0}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:#b48b48;transition:right .2s}.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}
.site-footer{background:#171714;color:#c8c5bd;padding:30px 0}.site-footer-inner{width:min(1180px,calc(100% - 36px));margin:0 auto;display:flex;align-items:center;gap:28px}.site-footer img{width:215px;filter:brightness(0) invert(1);opacity:.92}.site-footer p{margin:0 auto 0 0;font-size:14px}.site-footer a{color:#fff;text-decoration:none;font-weight:700}

/* Homepage */
.homepage{background:#fff;color:#20201d}.homepage h1,.homepage h2,.homepage h3{font-family:Georgia,"Times New Roman",serif}.home-container{width:min(1180px,calc(100% - 36px));margin:0 auto}.home-hero{height:min(690px,calc(100vh - 86px));min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden;background:#252521}.home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,16,.88) 0%,rgba(18,18,16,.68) 34%,rgba(18,18,16,.08) 67%,rgba(18,18,16,.02) 100%)}.home-hero-content{position:relative;z-index:2}.home-hero-copy{max-width:610px;color:#fff}.home-kicker{display:inline-block;color:#d0aa67;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.home-kicker.dark{color:#9a7133}.home-hero h1{font-size:clamp(48px,6.3vw,82px);font-weight:500;line-height:.98;letter-spacing:-.045em;margin:0 0 24px}.home-hero p{max-width:560px;font-size:20px;line-height:1.55;color:#e7e4dd;margin-bottom:30px}.home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 21px;text-decoration:none;font-size:14px;font-weight:850;transition:.2s;border:1px solid transparent}.home-button.gold{background:#b58b48;color:#fff}.home-button.gold:hover{background:#9e7536}.home-button.ghost{border-color:rgba(255,255,255,.58);color:#fff;background:rgba(0,0,0,.08)}.home-button.ghost:hover{background:#fff;color:#1d1d1b}.home-section{padding:100px 0}.home-news{background:#f4f2ed}.home-section-heading{display:grid;grid-template-columns:1fr 380px;align-items:end;gap:50px;margin-bottom:42px}.home-section-heading h2,.tool-copy h2,.home-contact h2{font-size:clamp(38px,4.4vw,58px);font-weight:500;letter-spacing:-.04em;line-height:1.04;margin:0}.home-section-heading p{font-size:17px;color:#67665f;margin:0 0 5px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{min-height:310px;background:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid #d7d2c7;transition:transform .2s,box-shadow .2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(30,29,24,.08)}.news-card.featured{background:#20201d;color:#fff;border-color:#b58b48}.news-number{font-family:Georgia,serif;font-size:36px;color:#b58b48}.news-label{display:block;color:#a27c3d;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;margin-bottom:10px}.news-card h3{font-family:inherit;font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}.news-card p{color:#6b6a64;line-height:1.65;margin:0}.news-card.featured p{color:#c9c6bf}.tool-feature{background:#fff}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.tool-visual{background:#b58b48;padding:58px 0 58px 58px;overflow:hidden}.tool-window{width:112%;background:#fff;box-shadow:0 24px 60px rgba(34,26,14,.24)}.tool-window-top{height:42px;background:#242420;display:flex;align-items:center;gap:7px;padding:0 16px}.tool-window-top span{width:8px;height:8px;border-radius:50%;background:#b58b48}.tool-window-body{padding:34px}.tool-pill{display:inline-block;background:#eee8dc;color:#88662e;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.tool-line{height:10px;background:#dfddd7;margin-top:22px}.tool-line.long{width:77%}.tool-line.short{width:48%;margin-top:9px}.tool-result{background:#f3f0e9;border-left:4px solid #b58b48;margin-top:28px;padding:20px}.tool-result small{display:block;color:#747169;font-size:11px;text-transform:uppercase;font-weight:800}.tool-result strong{display:block;font-family:Georgia,serif;font-size:36px;margin-top:3px}.tool-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.tool-columns i{display:block;height:62px;background:#f3f0e9}.tool-copy h2{margin:0 0 23px}.tool-copy>p{font-size:17px;color:#66645e;line-height:1.7}.tool-copy ul{list-style:none;padding:0;margin:24px 0 30px}.tool-copy li{padding:10px 0 10px 28px;border-bottom:1px solid #e7e3dc;position:relative;font-weight:700}.tool-copy li:before{content:"✓";position:absolute;left:0;color:#9a7133}.dark-button{background:#20201d;color:#fff}.dark-button:hover{background:#b58b48}.home-contact{background:#20201d;color:#fff;padding:74px 0}.contact-inner{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:50px}.home-contact h2{font-size:42px}.home-contact p{color:#c5c2bb;font-size:16px;margin:24px 0 0}

@media(max-width:900px){.site-nav{gap:16px}.site-nav a{font-size:13px}.home-hero{min-height:590px}.home-hero-overlay{background:linear-gradient(90deg,rgba(18,18,16,.86),rgba(18,18,16,.52))}.home-section{padding:72px 0}.home-section-heading,.tool-grid,.contact-inner{grid-template-columns:1fr;gap:28px}.home-section-heading p{max-width:600px}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.tool-grid{max-width:680px}.tool-visual{padding:42px 0 42px 42px}.contact-inner .home-button{justify-self:start}.home-contact p{margin:0}}
@media(max-width:680px){.site-nav-wrap{padding:15px 0;display:block}.site-logo{width:255px;max-width:90%;margin:0 auto 12px}.site-nav{justify-content:center;gap:0;display:grid;grid-template-columns:1fr 1fr;width:100%}.site-nav a{text-align:center;padding:8px 5px}.site-nav a:after{display:none}.home-hero{min-height:590px;height:calc(100vh - 145px)}.home-hero-image{object-position:64% center}.home-hero-overlay{background:linear-gradient(90deg,rgba(18,18,16,.9),rgba(18,18,16,.54))}.home-hero h1{font-size:48px}.home-hero p{font-size:17px}.home-actions{align-items:stretch;flex-direction:column;max-width:320px}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.news-card{min-height:275px}.tool-visual{padding:25px 0 25px 25px}.tool-window-body{padding:24px}.site-footer-inner{flex-direction:column;text-align:center}.site-footer p{margin:0}.contact-inner{gap:22px}.home-contact h2{font-size:36px}}

/* Calculator in de Geknipt Voor Kapper huisstijl */
.calculator-page{--bg:#f4f2ed;--ink:#242420;--muted:#706e67;--line:#ded9cf;--soft:#eeeae2;--brand:#a77c3b;--brand2:#b58b48;--brandSoft:#f3ede2;--shadow:0 14px 40px rgba(38,32,22,.07);background:var(--bg)}
.calculator-page .shell{padding-top:42px}.calculator-page .topbar{align-items:center;margin-bottom:25px}.calculator-page .topbar h1,.calculator-page .page-intro h2,.calculator-page .card h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}.calculator-page .topbar h1{font-size:46px;color:#20201d}.calculator-page .topbar>div:first-child{max-width:700px}.calculator-page .eyebrow{color:#9a7133;letter-spacing:.13em}.calculator-page .switch{border-radius:0;border-color:#d8d2c7;box-shadow:none}.calculator-page .switch input:checked+.track{background:#b58b48}.calculator-page .page-intro{background:#20201d;border-radius:0;padding:31px 34px;box-shadow:none}.calculator-page .page-intro h2{font-size:32px}.calculator-page .intro-eyebrow,.calculator-page .intro-point strong{color:#d0aa67}.calculator-page .intro-point{border-radius:0;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.calculator-page .progress-card,.calculator-page .card{border-radius:0;border-color:#ded9cf;box-shadow:none}.calculator-page .progress-card{padding:10px}.calculator-page .step-dot{border-radius:0}.calculator-page .step-dot.active{background:#eee7da;color:#805d28}.calculator-page .step-dot.active .num{background:#b58b48;border-color:#b58b48}.calculator-page .step-dot.done .num{background:#20201d;border-color:#20201d;color:#fff}.calculator-page .card{padding:31px}.calculator-page .card h2{font-size:30px}.calculator-page .choice,.calculator-page .panel,.calculator-page .kpi,.calculator-page .bigbox,.calculator-page .profile-description,.calculator-page .compare-card,.calculator-page .delta,.calculator-page .disclaimer{border-radius:0}.calculator-page .choice{min-height:142px;border-color:#d8d2c7}.calculator-page .choice:hover{border-color:#b58b48}.calculator-page .choice.selected{border-color:#b58b48;background:#f3ede2}.calculator-page .choice .title{font-family:Georgia,"Times New Roman",serif;font-size:19px}.calculator-page input[type=number],.calculator-page input[type=email],.calculator-page select{border-radius:0;border-color:#cfc8bc}.calculator-page input:focus,.calculator-page select:focus{border-color:#b58b48;box-shadow:0 0 0 3px rgba(181,139,72,.14)}.calculator-page .panel.brand,.calculator-page .profile-description{background:#f3ede2;border-color:#d6c19e}.calculator-page .profile-icon{color:#9a7133;border-radius:0}.calculator-page .btn{border-radius:0}.calculator-page .btn.primary{background:#20201d;border-color:#20201d}.calculator-page .btn.primary:hover{background:#b58b48;border-color:#b58b48}.calculator-page .pill{border-radius:0;background:#eae5dc}.calculator-page .bigbox.net,.calculator-page .kpi.net-highlight,.calculator-page .compare-card.employee,.calculator-page .delta.positive{background:#f1f4ec;border-color:#bdc9ae}.calculator-page .bigbox.net .value,.calculator-page .kpi.net-highlight .value,.calculator-page .compare-card.employee .comparison-value{color:#527146}.calculator-page .modal-card,.calculator-page .modal-close{border-radius:0}.calculator-page .modal-icon{border-radius:0;background:#f3ede2;color:#9a7133}
@media(max-width:600px){.calculator-page .shell{padding-top:25px}.calculator-page .topbar h1{font-size:38px}.calculator-page .card{padding:20px}.calculator-page .page-intro{padding:24px 20px}}
