:root{
--paper:#F2F0EB;--paper2:#F8F7F3;--sheet:#FFFFFF;--ink:#0B1220;--ink2:#2A3242;--mut:#5A6272;--hair:rgba(11,18,32,.14);--hair2:rgba(11,18,32,.24);--sig:#1F5BFF;
--lbg:var(--paper);--lbg2:var(--paper2);--lcard:var(--sheet);--ltext:var(--ink);--lmute:var(--mut);--ldim:#7A8191;--lline:var(--hair);--lline2:var(--hair2);--ltint:#E6ECFF;--lblue:var(--sig);
--lshadow:none;--mono:"Geist Mono","JetBrains Mono","DejaVu Sans Mono",ui-monospace,monospace;
--f:"Geist","Inter","Plus Jakarta Sans",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0D1117;--paper2:#11161E;--sheet:#151B24;--ink:#EEF1F6;--ink2:#C9D0DC;--mut:#9AA3B2;--hair:rgba(238,241,246,.12);--hair2:rgba(238,241,246,.22);--sig:#5B8BFF;--ltint:rgba(91,139,255,.16);--ldim:#7E8796;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0D1117;--paper2:#11161E;--sheet:#151B24;--ink:#EEF1F6;--ink2:#C9D0DC;--mut:#9AA3B2;--hair:rgba(238,241,246,.12);--hair2:rgba(238,241,246,.22);--sig:#5B8BFF;--ltint:rgba(91,139,255,.16);--ldim:#7E8796;color-scheme:dark}
body{background:var(--paper);font-family:var(--f)}
h1,h2,h3,h4{font-family:var(--f);letter-spacing:-.035em}
.btn,.btn-sm{border-radius:3px!important;box-shadow:none!important}
.btn-p{background:var(--sig)!important}
.btn-p:hover{background:#1747D6!important}
.btn-k{background:var(--ink)!important;color:var(--paper)!important}
.btn-w{background:var(--paper)!important;color:var(--ink)!important}
.btn-gw{border-radius:3px;background:transparent!important}
.btn .ic{transition:transform .2s}
.pcol,.bcard3,.ccard,.of,.card3,.lead3,.recent,.facts-in,.plan,.mktband,.addon,.loopbar,.help3,.track,.roles div,.pk-cols,.remark,.specs3,.fchip,.sortsel select,.mk-price,.ct-card,.ct-f,.form,.tbl,.calc,.calc-out,.sw-win,.sw-p,.mod,.vals .card3,.get4 .card3,.pk-photo,.ab-photo,.g-main,.st-img,.l3-img,.photo,dialog.dlg,dialog.legal,.laptop .lp-scr,.ofs .of{border-radius:4px!important;box-shadow:none!important}
.badge,.chip,.st,.lb,.sv-tag,.b3-split>span i,.ex-tag,.popb,.pv-chip,.a8 em,.svl em{border-radius:2px!important}
.grad-t,.hero4 h1 .blue,.phd3 h1 .blue,.pcol.mkt .pc-big b,.ph-price b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--sig)!important}
.pcol:hover,.of:hover,.track:hover,.bcard3:hover,.ccard:hover,.lead3:hover{transform:none!important;box-shadow:none!important;border-color:var(--ink)!important}
.st-n,.lb-i,.pm-mark,.ad-i,.pk-res,.lb-i{box-shadow:none!important}
.kick2,.kick3,.pc-n,.sw-step,.caps-sm,.tr-l,.of-b small,.pk-cols>div>b,.mk2t small,.crumbs{font-family:var(--mono)!important;letter-spacing:.08em!important;font-weight:500!important;font-size:11.5px!important;text-transform:uppercase}
.kick3,.kick2{color:var(--mut)!important}
.kick3::before,.kick2::before{background:var(--ink)!important;width:18px!important;height:1px!important}
.dark3 .kick2,.sw .kick2,.final3 .kick2{color:rgba(238,241,246,.7)!important}
.dark3 .kick2::before,.sw .kick2::before,.final3 .kick2::before{background:rgba(238,241,246,.7)!important}
.hdr{background:color-mix(in srgb,var(--paper) 92%,transparent)!important;border-bottom:1px solid var(--hair)!important;color:var(--ink)!important;backdrop-filter:blur(10px)}
.hdr.scrolled{box-shadow:none!important}
.hdr .logo.on-dark{background-image:var(--logo-dark)}
:root[data-theme="dark"] .hdr .logo.on-dark{background-image:var(--logo-light)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hdr .logo.on-dark{background-image:var(--logo-light)}}
.tagl{color:var(--mut)!important}.tagl::before,.tagl::after{background:var(--ink)!important}
.nav a{color:var(--ink2)!important}.nav a:hover,.nav a.on{color:var(--ink)!important}
.nav a.on::after{background:var(--ink)!important;height:1.5px!important}
.hdr .ibtn,.langsel select{color:var(--ink)!important;border-color:var(--hair2)!important}
.langsel .gl{color:var(--ink)!important}
.hdr .btn-w{background:var(--ink)!important;color:var(--paper)!important}
.mnav{background:var(--paper)!important;color:var(--ink)!important}
.mnav a.ml{border-color:var(--hair)!important}
.menu-btn{color:var(--ink)!important}
.hero4{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--hair)}
.hero4::before{display:none!important}
.hero4 .h4-glow{display:none}
.hero4 .wrap{min-height:0!important;padding-top:calc(var(--nav-h) + 56px)!important;padding-bottom:56px!important;display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch!important}
.hero4 .h4-copy{max-width:none!important;display:flex;flex-direction:column;justify-content:center;padding-right:8px}
.hero4 h1{color:var(--ink)!important;font-size:clamp(42px,5vw,74px)!important;letter-spacing:-.05em!important;line-height:.98!important}
.hero4 .lead4{color:var(--mut)!important;max-width:30em!important}
.hero4 .btn-gw{color:var(--ink)!important;border:1px solid var(--hair2)!important}
.hero4 .btn-play .pl{background:var(--ink);color:var(--paper)}
.hero4 .kick2{color:var(--mut)!important}.hero4 .kick2::before{background:var(--ink)!important}
.hero4 .h4-img{position:relative!important;inset:auto!important;z-index:0!important;grid-column:2;grid-row:1;min-height:clamp(320px,36vw,520px);background-image:var(--office)!important;background-size:cover!important;background-position:right center!important;background-color:#0B0F18!important;opacity:1!important;border-radius:3px;animation:none!important}
.hero4 .h4-img::after{content:"Fig. 01 — Ons kantoor in Zwolle";position:absolute;left:0;bottom:-26px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.hero4 .h4-copy{grid-column:1;grid-row:1}
@media (max-width:980px){.hero4 .wrap{grid-template-columns:minmax(0,1fr)!important;gap:28px}.hero4 .h4-img{grid-column:1;grid-row:2;min-height:240px;background-size:cover!important;background-position:85% center!important;opacity:1!important}.hero4 .h4-copy{grid-row:1}}
@media (max-width:760px){.hero4 .h4-img{opacity:1!important;background-image:var(--office)!important;background-size:cover!important}}
.facts{margin-top:0!important;background:var(--paper)}
.facts .wrap{max-width:1320px}
.facts-in{background:transparent!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;backdrop-filter:none}
.facts-in>div{border-color:var(--hair)!important;padding:22px 24px 22px 0!important}
.facts-in>div+div{padding-left:24px!important}
.fi{background:transparent!important;border:1px solid var(--hair2);color:var(--ink)!important;border-radius:2px!important;width:40px!important;height:40px!important}
.light3{background:var(--paper)!important}
.white3,.prak{background:var(--paper2)!important}
.light3,.white3,.prak{border-bottom:1px solid var(--hair)}
.head3 h2,.h2-3{font-size:clamp(32px,3.6vw,52px)!important;letter-spacing:-.045em!important}
.pcol{background:var(--sheet)!important;border:1px solid var(--hair)!important}
.pcol.soft{border:1px solid var(--ink)!important}
.pc-ic,.of-ic,.g4i,.mi,.ddi,.bi,.h3i,.fi,.sw-i,.cl3>span,.roles span{border-radius:2px!important}
.pc-s{color:var(--sig)!important}
.pc-big b{letter-spacing:-.05em!important}
.pc-f{border-color:var(--hair)!important}
.checks3 .ck,.pcol li .ck,.plan li .ck{border-radius:2px!important;background:var(--ink)!important;color:var(--paper)!important}
.checks3.lt .ck{background:var(--paper)!important;color:var(--ink)!important}
.mktband{border:1px solid var(--ink)!important;background:var(--sheet)!important}
.mktband.dk{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.mb-price{border-color:var(--hair)!important}
.ad-i{background:var(--sig)!important;border-radius:2px!important}
.st-n{border-radius:2px!important;background:var(--ink)!important;color:var(--paper)!important}
.recent{background:var(--sheet)!important;border:1px solid var(--hair)!important}
.lead3{background:var(--paper2)!important;border:1px solid var(--hair)!important}
.l3-r .go,.go{border-radius:2px!important}
.l3-r .go{background:var(--ink)!important;color:var(--paper)!important}
.pk-res{background:var(--ink)!important;color:var(--paper)!important;border-radius:3px!important}
.pk-photo::after{background:linear-gradient(0deg,rgba(11,18,32,.75),rgba(11,18,32,0) 50%)!important}
.pk-cols{background:var(--sheet)!important;border:1px solid var(--hair)!important}
.plan{background:var(--sheet)!important;border:1px solid var(--hair)!important;color:var(--ink)!important}
.plan.pop{border:1px solid var(--ink)!important}
.plan.vip{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.plan.vip .pd,.plan.vip .price small,.plan.vip .pf{color:color-mix(in srgb,var(--paper) 70%,transparent)!important}
.plan.vip li .ck{background:var(--paper)!important;color:var(--ink)!important}
.plan .popb{background:var(--sig)!important;font-family:var(--mono);font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px!important}
.plan .pic{border-radius:2px!important}
.plan .pd,.plan .price small,.plan .pf{color:var(--mut)}
.plan.vip .btn-p{background:var(--paper)!important;color:var(--ink)!important}
.sw,.dark3{background:#0B1220!important}
.sw-win{border-color:rgba(238,241,246,.14)!important;background:#0F1726!important}
.sw-grid{background:#0F1726!important}
.sw-step{background:#0F1726!important}
.sw-p{border-top-width:2px!important}
.bcard3{background:rgba(238,241,246,.03)!important;border:1px solid rgba(238,241,246,.14)!important}
.bcard3.live{border:1px solid rgba(238,241,246,.7)!important;box-shadow:none!important}
.bcard3:hover{border-color:rgba(238,241,246,.7)!important}
.bcard3 .go{background:transparent!important;color:#fff!important;border:1px solid rgba(238,241,246,.4)!important}
.b3-split{background:#0B1220!important}
.phd3{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--hair)}
.phd3::before,.phd3 .phd-img{display:none!important}
.phd3 h1{color:var(--ink)!important}
.phd3 p{color:var(--mut)!important}
.phd3 .crumbs,.phd3 .crumbs a{color:var(--mut)!important}.phd3 .crumbs [aria-current]{color:var(--ink)!important}
.ticks3 li{color:var(--ink2)!important}.ticks3 .ic{border-color:var(--ink)!important;color:var(--ink)}
.stepper li>*{background:transparent!important;border:1px solid var(--hair2)!important;color:var(--mut)!important;border-radius:2px!important}
.stepper .cur>*{border-color:var(--ink)!important;color:var(--ink)!important}
.stepper .cur b{background:var(--ink)!important;color:var(--paper)}
.stepper .done>*{color:var(--ink)!important}.stepper .done b{background:#16A34A!important}
.stepper b{border-radius:2px!important;background:var(--hair)!important;color:var(--ink)}
.ph-price{background:var(--sheet)!important;border:1px solid var(--ink)!important;border-radius:3px!important}
.ph-price>span{color:var(--ink)!important}.ph-price small{color:var(--mut)!important}
.plat-hero,.ct3{background:var(--paper)!important;color:var(--ink)!important}
.plat-hero::before,.ct3::before,.ph-bg,.ct-img{display:none!important}
.ph-copy h1,.ct-l h1{color:var(--ink)!important}.ph-copy>p{color:var(--mut)!important}
.plat-hero .checks3.lt li{color:var(--ink)!important}.plat-hero .checks3.lt .ck{background:var(--ink)!important;color:var(--paper)!important}
.plat-hero .btn-gw{color:var(--ink)!important;border:1px solid var(--hair2)!important}
.pmods div{background:var(--sheet)!important;border:1px solid var(--hair)!important;color:var(--ink)!important;border-radius:3px!important}
.ct-feat>div{background:var(--sheet)!important;border:1px solid var(--hair)!important;border-radius:3px!important}
.ct-feat b{color:var(--ink)!important}.ct-feat small{color:var(--mut)!important}
.ct-card{border:1px solid var(--hair)!important}
.final3{background:#0B1220!important}
.final3::before{background:linear-gradient(90deg,#0B1220 30%,rgba(11,18,32,.6) 60%,rgba(11,18,32,.2))!important}
:root[data-theme="dark"] .final3{background:#05080D!important}
.ftr{background:#0B1220!important}
.rv{transform:translateY(10px)}
.hero4 .h4-copy>*{animation:none!important}
.hero4{background:#0B1220!important;color:#fff!important;border-bottom:0}
.hero4 .wrap{display:block!important;position:relative;z-index:1;min-height:clamp(560px,44vw,700px)!important;padding-top:calc(var(--nav-h) + 72px)!important;padding-bottom:72px!important}
.hero4 .h4-copy{max-width:560px!important}
.hero4 .h4-img{position:absolute!important;inset:0!important;z-index:-1!important;min-height:0;border-radius:0;background-size:cover!important;background-position:right center!important;grid-column:auto}
.hero4 .h4-img::after{display:none}
.hero4 .h4-img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,32,.94) 0%,rgba(11,18,32,.82) 34%,rgba(11,18,32,.25) 54%,rgba(11,18,32,0) 66%)}
.hero4 .wrap{isolation:isolate}
.hero4 h1{color:#fff!important}
.hero4 .lead4{color:rgba(238,241,246,.82)!important}
.hero4 .kick2{color:rgba(238,241,246,.75)!important}.hero4 .kick2::before{background:rgba(238,241,246,.75)!important}
.hero4 .btn-gw{color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}
.hero4 .btn-play .pl{background:#fff;color:#0B1220}
.hero4 h1 .blue{color:#6E9BFF!important}
@media (max-width:980px){.hero4 .h4-img{background-position:82% center!important}.hero4 .h4-img::before{background:linear-gradient(0deg,rgba(11,18,32,.96) 30%,rgba(11,18,32,.6) 70%,rgba(11,18,32,.45))}.hero4 .wrap{min-height:0!important}}
.hero4{position:relative;isolation:isolate}
.hero4 .wrap{position:static!important;isolation:auto}
.hero4 .h4-img{z-index:0!important}
.hero4 .h4-copy{position:relative;z-index:1}
@media (max-width:980px){.hero4 .h4-img::before{background:linear-gradient(0deg,rgba(11,18,32,.97) 35%,rgba(11,18,32,.82) 75%,rgba(11,18,32,.7))}}
@media (max-width:520px){.facts-in>div+div{padding-left:0!important}}
.b3-split{gap:1px!important;background:rgba(238,241,246,.2)!important}
.b3-split>span:not(.badge){background-size:cover!important;background-repeat:no-repeat!important;filter:grayscale(.35) contrast(1.05) brightness(.95)!important}
.b3-split .uph{filter:none}
.b3-split>span:not(.badge)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,32,0) 50%,rgba(11,18,32,.55));z-index:1}
.b3-split>span i{font-family:var(--mono)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;background:#F2F0EB!important;color:#0B1220!important;border-radius:1px!important;padding:3px 6px!important;left:6px!important;bottom:6px!important}
.bcard3 .badge{font-family:var(--mono);font-weight:500!important;font-size:10px!important;letter-spacing:.06em;text-transform:uppercase;background:#F2F0EB!important;color:#0B1220!important;border-radius:1px!important}
.bcard3 .badge.live{background:var(--sig)!important;color:#fff!important}
.bcard3:hover .b3-split>span:not(.badge){filter:grayscale(0) contrast(1.05)!important}