*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ffffff}
img{max-width:100%}
a{color:#b4532a}a:hover{color:#8a3410}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
section[id]{scroll-margin-top:84px}
.logo{display:block;line-height:0}
.nav-l{position:relative;color:#0e0e12!important;text-decoration:none;font-weight:700;padding:10px 0;display:inline-block}
.nav-l::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:#efeef2;transition:background .2s}
.nav-l:hover::after{background:#b9b1fb}
.nav-l.on::after{background:#4b3df0}
.tw-w{white-space:pre}
@keyframes caretBlink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@keyframes barUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.wt{text-align:left;font:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;color:#0e0e12;transition:background .2s,box-shadow .2s,border-color .2s}
.wt-t{font-weight:600;font-size:18px;color:#8a8c99}
.wt-s{font-size:15px;line-height:1.6;color:#6b6d7a}
.wt:hover .wt-t{color:#0e0e12}
.wt.on{background:#ffffff;border-color:#efeef2;box-shadow:0 20px 40px -28px rgba(14,14,18,.35)}
.wt.on .wt-t{color:#0e0e12}
.wt.on .wt-s{color:#4a4c59}
.wp[hidden]{display:none!important}
.bp2{font:inherit;font-size:14px;font-weight:600;border:none;cursor:pointer;padding:10px 18px;border-radius:9px;min-height:44px;background:transparent;color:#6b6d7a}
.bp2.on{background:#ffffff;color:#0e0e12}
.fq{border-bottom:1px solid #efeef2}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;color:#0e0e12;font-weight:600;font-size:17px;min-height:44px}
.fq summary::-webkit-details-marker{display:none}
.fq-i::before{content:"+";font-size:22px;font-weight:400;color:#6b6d7a}
.fq[open] .fq-i::before{content:"\2212"}
.fq p{margin:0 0 22px;color:#4a4c59;font-size:16px;line-height:1.65}
.cs-view::-webkit-scrollbar{display:none}
.cs-view{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.cs-btn{transition:opacity .2s,transform .15s}
.cs-btn:hover{transform:translateY(-1px)}
.cs-btn[disabled]{opacity:.35;cursor:default;transform:none}
.cs-dot{width:8px;height:8px;border-radius:999px;border:none;padding:0;cursor:pointer;background:#dcdbe2;transition:width .3s,background .3s}
.cs-dot.on{width:28px;background:#0e0e12}
@media (prefers-reduced-motion: reduce){*{animation:none!important}html{scroll-behavior:auto}}
@media (max-width: 980px){
  .cta-art [data-g3]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-g3]:not(.cta-art [data-g3]){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-span2]{grid-column:span 2!important}
  [data-g4]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-box]{flex-direction:column!important;align-items:stretch!important}
  [data-box] > div{flex:none!important}
  [data-box] > div:last-child{align-content:flex-start;align-items:flex-start}
}
@media (max-width: 860px){
  .nav-links,.nav-login{display:none!important}
  .lang{font-size:12px!important}
  .lang > *{min-width:32px!important;padding:6px 8px!important}
  header nav > div:last-child{gap:6px!important}
  header nav > div:last-child > a:last-of-type{padding:9px 12px!important;font-size:13px!important;white-space:nowrap}
  header nav{padding:12px 20px!important;flex-wrap:nowrap!important;justify-content:space-between;gap:10px!important}
  .logo svg{width:146px!important;height:32px!important}
}
@media (max-width: 700px){
  [data-g3]:not(.cta-art [data-g3]){grid-template-columns:minmax(0,1fr)!important}
  [data-span2]{grid-column:auto!important}
  [data-g4]{grid-template-columns:minmax(0,1fr)!important}
  h1{font-size:38px!important;letter-spacing:-1px!important}
  h2{font-size:30px!important;letter-spacing:-.6px!important;line-height:1.15!important}
  section{padding-left:20px!important;padding-right:20px!important}
  section[style*="padding: 72px"],section[id="product"],section[id="werk"],section[id="prijzen"],section[id="cases"],section[id="vragen"]{padding-top:56px!important;padding-bottom:56px!important}
  section[style*="padding: 80px 24px 64px"]{padding-top:40px!important;gap:40px!important}
  [data-box]{padding:28px 20px!important;border-radius:24px!important;gap:28px!important}
  [data-box] h2{font-size:28px!important}
  [data-box] > div > div{padding-left:0!important}
  #product [data-g3] > div{padding:24px!important}
  .cs-card{width:300px!important}
  .cs-card > div:first-child{height:auto!important;min-height:220px;padding:58px 18px 18px!important;justify-content:flex-start!important}
  .cs-card > div:first-child:has(img){height:220px!important;padding:0!important}
  .cs-card > div:last-child{padding:20px!important}
  .cs-card p{font-size:16px!important}
  #cases{padding-top:56px!important;padding-bottom:56px!important}
  #cases .cs-btn{width:44px!important;height:44px!important}
  [data-box] > div:last-child{flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
  [data-box] > div:last-child > div{display:contents!important}
  [data-box] > div:last-child > div > span{font-size:14px!important;padding:8px 12px 8px 8px!important}
  [data-box] > div:last-child > div > span:last-child[style*="#0e0e12"]{padding:8px 14px!important}
  .hero-art{height:400px!important;flex-basis:100%!important}
  .hero-art > div:first-child{width:92%!important;top:56px!important;padding:16px!important}
  .hero-art > div:first-child > div:nth-child(2){height:170px!important;gap:10px!important}
  .hero-art > div:first-child > div:nth-child(3){gap:10px!important}
  .hero-art > div:nth-child(2){width:200px!important}
  .hero-art > div:nth-child(4){right:0!important}
  .wpanel{padding:16px!important;min-height:0!important;border-radius:22px!important}
  .wpanel [style*="grid-template-columns: 2fr 1.4fr 1fr"]{grid-template-columns:1.6fr 1.2fr!important;padding-left:14px!important;padding-right:14px!important}
  .wpanel [style*="grid-template-columns: 2fr 1.4fr 1fr"] > span:nth-child(3){display:none!important}
  .wpanel .wp > div[style*="display: flex; gap: 12px"]{flex-wrap:wrap}
  .wpanel .wp > div > div[style*="flex: 1; background"]{flex:1 1 30%!important;padding:10px!important}
  .wpanel .wp > div > div[style*="flex: 1; background"] > div:first-child{font-size:20px!important}
  .wt{padding:16px 18px!important}
  .cta-art{height:300px!important;flex-basis:100%!important}
  .cta-art > div:first-child{width:520px!important}
  .cta-art aside{display:none!important}
  section[style*="background: #4b3df0"] div[style*="gap: 36px"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
  section[style*="background: #4b3df0"] div[style*="gap: 36px"] > div > div:first-child{font-size:20px!important;white-space:nowrap}
  section[style*="background: #4b3df0"] div[style*="gap: 36px"] > div > div:last-child{font-size:12px!important}
  .cta-art > div:nth-child(2){left:0!important;top:150px!important}
  .cta-art > div:nth-child(3){right:auto!important;left:180px!important}
  section[style*="background: #4b3df0"] > div{padding-top:56px!important;gap:32px!important}
  section[style*="background: #4b3df0"] > div > div:first-child{padding-bottom:0!important}
  section[style*="background: #4b3df0"] h2{font-size:34px!important}
  footer > div{padding-left:20px!important;padding-right:20px!important}
}
@media (max-width: 380px){
  .logo svg{width:119px!important;height:26px!important}
  header nav{padding:12px 16px!important}
  .lang > *{min-width:28px!important;padding:5px 7px!important}
  header nav > div:last-child > a:last-of-type{padding:8px 10px!important;font-size:12.5px!important}
  h1{font-size:33px!important}
  .hero-art > div:nth-child(2){width:180px!important}
}

/* product page */
.jump{color:#2b2d38!important;text-decoration:none;font-weight:600;font-size:14px;padding:10px 16px;border-radius:999px;border:1px solid #ececf1;background:#fff;display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;transition:border-color .2s,background .2s}
.jump:hover{border-color:#b9b1fb;background:#f7f6ff}
.dy{background:#fff}.dy.done{background:#fbfbfd}
.dy-b{border:1.5px solid #c9c9d3;background:#fff;transition:background .15s,border-color .15s}
.dy-b svg{stroke:transparent}
.dy.done .dy-b{border-color:#4b3df0;background:#4b3df0}.dy.done .dy-b svg{stroke:#fff}
.dy-t{color:#0e0e12}.dy.done .dy-t{text-decoration:line-through;color:#8a8c99}
.dy-w{background:#f4f3f6;color:#4a4c59}.dy.late:not(.done) .dy-w{background:#fff1ee;color:#c42b2b}
.tm-play{display:none}.tm-b[aria-pressed="false"] .tm-pause{display:none}.tm-b[aria-pressed="false"] .tm-play{display:block}
.bl{transition:opacity .2s}.bl.done{opacity:.55}
.bl-b{border:1px solid #ffb795;background:#ffb795;color:#3b1d0c}
.bl.done .bl-b{border-color:#e3f5ea;background:#e3f5ea;color:#17643d}
.ap{border:1px solid #e4e0ff;background:#f7f6ff;transition:background .3s,border-color .3s}
.ap.done{border-color:#cdebd8;background:#effaf3}
.ap-d[hidden],.ap-b[hidden],.sg-b[hidden]{display:none!important}
.pp-w{transition:width .4s}
.st svg{fill:none;stroke:#c9c9d3;transition:fill .15s}.st.on svg{fill:#ffb795;stroke:#e08a5f}
.st:hover svg{stroke:#e08a5f}
.sg-s{background:#fff1e9;color:#8a3410}.sg.done .sg-s{background:#e3f5ea;color:#17643d}
.md{border:1px solid #efeef2;background:#fff}.md:hover{border-color:#b9b1fb}
.md[aria-pressed="true"]{border-color:#c9c1ff;background:#fbfaff}
.md-tr{background:#dcdbe2;transition:background .2s}.md[aria-pressed="true"] .md-tr{background:#4b3df0}
.md-kn{left:2px;transition:left .2s}.md[aria-pressed="true"] .md-kn{left:16px}
@media (max-width: 980px){
  .p-app aside{display:none!important}
  .p-app{padding:0!important}
  .p-app > div:nth-child(3),.p-app > div:nth-child(4){display:none!important}
  .p-app [data-g4]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  [data-pbox]{padding:44px!important}
}
@media (max-width: 700px){
  [data-g2]{grid-template-columns:minmax(0,1fr)!important}
  .p-hero{padding-top:40px!important;gap:22px!important}
  .p-panel .tm-b + div + span{display:none!important}
  #portaal [data-g3]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #inrichten [data-g3]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #inrichten .md{padding:12px 10px!important;gap:8px!important;flex-direction:column-reverse}
  #inrichten .md > span:first-child b{font-size:13px!important}
  .p-app{margin-top:12px!important}
  .p-app > div:nth-child(2){height:auto!important;border-radius:18px 18px 0 0!important}
  .p-app > div:nth-child(2) > div{padding:16px!important}
  .p-app [data-g4]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .p-app [data-g4] > div:nth-child(n+3){display:none!important}
  .p-app [data-g4] > div{padding:9px!important}
  .p-app > div:nth-child(2) > div > div:first-child > div:last-child > span:first-child{display:none!important}
  .p-app > div:nth-child(2) > div > div:nth-child(2){gap:14px!important;overflow:hidden}
  section > div:has(> .jump){flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;padding-top:14px!important;padding-bottom:14px!important}
  section > div:has(> .jump)::-webkit-scrollbar{display:none}
  #plannen,#uren,#support,#sales,#inrichten{padding-top:52px!important;padding-bottom:28px!important;gap:32px!important}
  #inrichten{padding-bottom:40px!important}
  #portaal{padding-top:28px!important;padding-bottom:28px!important}
  .p-panel{padding:16px!important;border-radius:22px!important}
  [data-pbox]{padding:32px 20px!important;border-radius:24px!important;gap:32px!important}
  .p-panel [style*="grid-template-columns: 2.2fr 1fr 1fr"]{grid-template-columns:1.7fr 1fr!important;padding-left:14px!important;padding-right:14px!important}
  .p-panel [style*="grid-template-columns: 2.2fr 1fr 1fr"] > span:nth-child(3){display:none!important}
  .p-panel .bl{padding-left:14px!important;padding-right:14px!important;flex-wrap:wrap}
  .p-panel .bl > span:first-child{flex-basis:100%!important}
  .p-panel .bl > span:nth-child(2){flex:1}
  #inrichten > div > div{padding:22px!important}
  [data-safe]{padding:28px 22px!important}
  [data-safe] > div:last-child{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width: 380px){#inrichten [data-g3]{grid-template-columns:minmax(0,1fr)!important}#inrichten .md{flex-direction:row!important}}
.md b{overflow-wrap:anywhere}
@media (max-width: 340px){.logo svg{width:100px!important;height:22px!important}header nav{padding:12px 12px!important;gap:6px!important}header nav > div:last-child{gap:4px!important}.lang > *{min-width:26px!important;padding:5px 6px!important}header nav > div:last-child > a:last-of-type{padding:8px 9px!important;font-size:12px!important}}
/* zo werkt het */
.zs{background:transparent;border:1px solid transparent;transition:background .2s,box-shadow .2s,border-color .2s}
.zs.on{background:#fff;border-color:#efeef2;box-shadow:0 20px 40px -28px rgba(14,14,18,.35)}
.zs-n{background:#efeef2;color:#6b6d7a}.zs.on .zs-n{background:#0e0e12;color:#fff}
.zs-t{color:#8a8c99}.zs.on .zs-t,.zs:hover .zs-t{color:#0e0e12}
.zs-d{color:#a3a5b1}.zs.on .zs-d{color:#4a4c59}
.zp[hidden],.tm[hidden],.fp[hidden]{display:none!important}
.sx{border:1px solid #efeef2;background:#fff;transition:border-color .2s,background .2s}.sx:hover{border-color:#b9b1fb}.sx.on{border-color:#4b3df0;background:#f7f6ff}
.fl-b{background:transparent;width:0;transition:width .4s}
.fl.done .fl-b{width:100%;background:#0e0e12}.fl.on .fl-b{width:100%;background:var(--acc)}
.fl-n{color:#8a8c99}.fl.on .fl-n{color:var(--acc)}
.fl-t{color:#6b6d7a}.fl.on .fl-t,.fl:hover .fl-t{color:#0e0e12}
.fl-prev,.fl-next{transition:opacity .2s}.fl-prev[disabled],.fl-next[disabled]{opacity:.4;cursor:default}
@media (max-width: 980px){.zpanel{min-height:0!important}}
@media (max-width: 700px){
  .z-hero{padding-top:40px!important;padding-bottom:48px!important;gap:36px!important}
  .z-hero > div:last-child{padding:16px!important;border-radius:22px!important}
  #starten > div{padding-top:56px!important;padding-bottom:56px!important;gap:32px!important}
  .zpanel{padding:20px!important;border-radius:22px!important}
  .zs{padding:16px!important}
  .sxg{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #flow{padding-top:56px!important;padding-bottom:40px!important;gap:28px!important}
  .flg{grid-template-columns:repeat(5,minmax(118px,1fr))!important;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .flg::-webkit-scrollbar{display:none}
  .fp{padding:24px 18px!important;border-radius:24px!important;gap:28px!important;min-height:0!important}
  .fp > div:first-child > div:nth-child(2){font-size:26px!important}
  .fp [style*="grid-template-columns: 70px"]{grid-template-columns:48px repeat(5,minmax(0,1fr))!important;font-size:10px!important;gap:4px!important}
  .fp [style*="grid-template-columns: 70px"] > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px!important;padding-right:5px!important}
  .z-day{padding-top:48px!important;padding-bottom:48px!important;gap:32px!important}
  .z-day > div:first-child{position:static!important}
  #vragen-start{padding-top:24px!important;padding-bottom:56px!important}
}
@media (max-width: 520px){.z-hero > div:last-child span[style*="white-space: nowrap"]{display:none}}
/* mega menu */
header{position:sticky}
.mega-btn{background:none;border:none;font:inherit;font-weight:700;cursor:pointer;color:#0e0e12}
.mega-chev{transition:transform .2s}
.mega-btn[aria-expanded="true"] .mega-chev{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;padding:0 24px;display:flex;justify-content:center;z-index:30}
.mega[hidden]{display:none}
.mega-in{width:100%;max-width:1160px;background:#fff;border:1px solid #efeef2;border-top:none;border-radius:0 0 26px 26px;box-shadow:0 40px 80px -40px rgba(14,14,18,.35);padding:28px;display:flex;flex-direction:column;gap:18px;animation:megaIn .18s ease-out}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-grid{display:grid;grid-template-columns:1.55fr .9fr 1fr;gap:28px}
.mega-col{display:flex;flex-direction:column;gap:2px}
.mega-sec{border-left:1px solid #f1f0f3;padding-left:24px}
.mega-h{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#8a8c99;padding:0 12px 8px;display:block}
.mega-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.mm-f{display:flex;gap:14px;padding:12px;border-radius:14px;text-decoration:none;color:#0e0e12!important;transition:background .15s}
.mm-f:hover{background:#f7f6ff}.mm-f:hover .mm-t{color:#3a1eb4}
.mm-i{width:40px;height:40px;flex:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.mm-x{display:flex;flex-direction:column;gap:3px;min-width:0}
.mm-t{font-weight:600;font-size:15px;transition:color .15s}.mm-d{font-size:13px;color:#6b6d7a;line-height:1.45}
.mm-s{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:12px;text-decoration:none;color:#0e0e12!important;font-weight:600;font-size:15px;transition:background .15s}
.mm-s:hover{background:#fff6f0}.mm-s svg{transition:transform .15s}.mm-s:hover svg{transform:translateX(3px)}
.mega-case{text-decoration:none;color:#0e0e12!important;background:#fbfaf8;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.mega-case .mega-h{padding:0}
.mega-img{position:relative;display:block;border-radius:14px;overflow:hidden;height:150px}
.mega-img img{width:100%;height:100%;object-fit:cover;display:block}
.mega-badge{position:absolute;left:10px;top:10px;background:#ffb795;color:#3b1d0c;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}
.mega-ct{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:18px;margin-top:-4px}
.mega-cp{font-size:14px;color:#4a4c59;line-height:1.5}
.mega-cl{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#4b3df0}
.mega-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #f1f0f3;padding:16px 12px 0;flex-wrap:wrap;font-size:14px;color:#4a4c59}
.mega-foot a{color:#0e0e12;font-weight:600}
.mega-all{display:inline-flex;align-items:center;gap:8px;color:#fff!important;background:#0e0e12;text-decoration:none;padding:10px 16px;border-radius:10px}
/* mobile menu */
.mnav-btn{display:none;width:44px;height:44px;border:1px solid #e4e4ea;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;flex:none}
.mnav-btn span{display:block;width:18px;height:2px;border-radius:2px;background:#0e0e12;transition:transform .2s,opacity .2s}
.mnav-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mnav-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.mnav-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #efeef2;box-shadow:0 30px 60px -30px rgba(14,14,18,.3);max-height:calc(100vh - 64px);overflow-y:auto;z-index:30}
.mnav[hidden]{display:none}
.mnav-in{padding:8px 20px 24px;display:flex;flex-direction:column}
.mnav-in > a,.mnav-g > summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f0f3;color:#0e0e12;text-decoration:none;font-weight:700;font-size:17px;min-height:48px;box-sizing:border-box}
.mnav-g > summary{list-style:none;cursor:pointer}.mnav-g > summary::-webkit-details-marker{display:none}
.mnav-c::before{content:"+";font-weight:400;font-size:22px;color:#6b6d7a}.mnav-g[open] .mnav-c::before{content:"\2212"}
.mnav-sub{display:flex;flex-direction:column;padding:8px 0 12px;border-bottom:1px solid #f1f0f3}
.mnav-sub .mega-h{padding:10px 0 6px}
.mnav-sub a{display:flex;align-items:center;gap:12px;padding:9px 0;color:#0e0e12;text-decoration:none;font-weight:600;font-size:15px;min-height:44px;box-sizing:border-box}
.mnav-sub .mm-i{width:34px;height:34px;border-radius:10px}
.mnav-all{color:#3a1eb4!important}
.mnav-btns{display:flex;flex-direction:column;gap:10px;padding-top:18px}
.mnav-btns a{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;font-weight:600;text-decoration:none}
.mnav-login{border:1px solid #e4e4ea;color:#0e0e12!important}.mnav-trial{background:#0e0e12;color:#fff!important}
/* feature + sector pages */
.rel{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #efeef2;border-radius:22px;text-decoration:none;color:#0e0e12!important;transition:border-color .2s,box-shadow .2s}
.rel:hover{border-color:#c9c1ff;box-shadow:0 24px 48px -32px rgba(58,30,180,.45)}
.mod-l{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #efeef2;border-radius:16px;text-decoration:none;color:#0e0e12!important;background:#fff;transition:border-color .2s,transform .2s}
.mod-l:hover{border-color:#c9c1ff;transform:translateY(-2px)}
.oth{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #efeef2;border-radius:999px;text-decoration:none;color:#0e0e12!important;font-weight:600;font-size:15px;background:#fff;min-height:44px;box-sizing:border-box}
.oth:hover{border-color:#ffb795;background:#fff6f0}
.vt .md-tr{background:#dcdbe2;transition:background .2s}.vt[aria-pressed="true"] .md-tr{background:#3a1eb4}
.vt .md-kn{left:2px;transition:left .2s}.vt[aria-pressed="true"] .md-kn{left:16px}
.vt .vt-l{color:#8a8c99}.vt[aria-pressed="true"] .vt-l{color:#17643d}
.st svg{fill:none;stroke:#c9c9d3}
@media (max-width: 1100px){.mega-grid{grid-template-columns:1.4fr 1fr}.mega-case{display:none}}
@media (max-width: 860px){
  .mnav-btn{display:flex}
  .mega{display:none!important}
  header nav > div:last-child > a:last-of-type{display:none!important}
}
@media (max-width: 700px){
  .f-hero,.s-hero{padding-top:36px!important;padding-bottom:48px!important;gap:36px!important}
  .f-art,.s-art{padding:16px!important;border-radius:22px!important}
  .f-art [style*="grid-template-columns: repeat(3"],.p-panel [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .f-det{padding-top:48px!important;padding-bottom:24px!important;gap:32px!important}
  .f-can{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s-pains,.s-flow{padding-top:56px!important;padding-bottom:48px!important;gap:28px!important}
  .s-flow [data-g4]{grid-template-columns:minmax(0,1fr)!important}
  .s-mock{height:auto!important;min-height:0!important}
  .s-case > div:last-child{padding:28px 22px!important}
  .s-case > div:first-child{min-height:240px!important}
  .p-cta{padding-top:56px!important;padding-bottom:56px!important}
  .p-cta h2{font-size:34px!important}
}
@media (max-width: 380px){.f-can{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width: 700px){
  .f-art div[style*="justify-content: space-between"],.p-panel div[style*="justify-content: space-between"]{flex-wrap:wrap}
  .f-art [style*="grid-template-columns: 2.2fr 1fr 1fr"]{grid-template-columns:1.7fr 1fr!important}
  .f-art [style*="grid-template-columns: 2.2fr 1fr 1fr"] > span:nth-child(3){display:none!important}
}
/* cases, prijzen, vragen */
.ex{background:#fff;border:1px solid #efeef2;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#0e0e12!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.ex:hover{border-color:#d9d4ff;box-shadow:0 30px 60px -40px rgba(14,14,18,.4);transform:translateY(-2px)}
.ex:hover .ex-l{text-decoration-color:#4b3df0!important}
.cat{font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer;background:#fff;color:#2b2d38;border:1px solid #e4e4ea;transition:background .2s,border-color .2s}
.cat span{opacity:.6;font-weight:500;margin-left:4px}
.cat:hover{border-color:#b9b1fb}
.cat.on{background:#0e0e12;color:#fff;border-color:#0e0e12}
.fg[hidden]{display:none!important}
.cmp-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed}
.cmp td,.cmp th{padding:14px 16px;border-bottom:1px solid #f1f0f3;font-size:15px;text-align:center;font-weight:400}
.cmp thead td,.cmp thead th{border-bottom:2px solid #0e0e12;padding:18px 16px;vertical-align:bottom}
.cmp thead td{width:34%}
.cmp thead th.hl{border-bottom-color:#ffb795;border-radius:14px 14px 0 0}
.cmp .hl{background:#fffaf6}
.cmp tbody th[scope="row"]{text-align:left;color:#2b2d38}
.cmp tr.g th{text-align:left;padding:28px 16px 10px;font-size:12px;font-weight:700;letter-spacing:1.6px;color:#8a8c99;border-bottom:1px solid #efeef2}
@media (max-width: 980px){.x-aside{position:static!important;flex-basis:100%!important}}
@media (max-width: 700px){
  .x-hero{padding-top:40px!important;padding-bottom:36px!important}
  .x-case{padding-bottom:56px!important}
  .x-case-img{min-height:260px!important;flex-basis:100%!important}
  .x-case-txt{padding:28px 22px!important;gap:22px!important;flex-basis:100%!important}
  .x-facts{grid-template-columns:minmax(0,1fr)!important}
  .x-band{padding-top:56px!important;padding-bottom:56px!important;gap:28px!important}
  .x-other{min-height:0!important}
  .ex-m{height:auto!important}
  .x-cmp{padding-top:48px!important;padding-bottom:56px!important}
  .x-pfaq{padding-top:56px!important;padding-bottom:56px!important}
  .x-faq{padding-bottom:56px!important;gap:36px!important}
  .cmp td,.cmp th{padding:12px 10px;font-size:14px}
  .cmp{min-width:600px}
  .cmp thead td{width:150px}
  .cmp tbody th[scope="row"],.cmp thead td{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 #f1f0f3}
  .cmp tr.g th{position:sticky;left:0;background:#fff}
}
/* juridisch, footer, meer-links */
.x-more{align-self:flex-start;font-size:15px;font-weight:600;color:#3a1eb4!important;text-decoration:none;padding:14px 4px;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center}
.x-more:hover{text-decoration:underline;text-underline-offset:4px}
.lg-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.lg-o{font-size:14px;font-weight:600;color:#2b2d38!important;text-decoration:none;padding:9px 14px;border-radius:999px;border:1px solid #e4e4ea;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center}
.lg-o:hover{border-color:#b9b1fb}
.lg-o.on{background:#0e0e12;color:#fff!important;border-color:#0e0e12}
.legal-doc{font-size:16px;line-height:1.7;color:#2b2d38}
.legal-doc h2{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.3px;margin:40px 0 12px;color:#0e0e12}
.legal-doc p{margin:0 0 14px}
.legal-doc ol,.legal-doc ul{margin:0 0 14px;padding-left:22px}
.legal-doc li{margin:0 0 8px}
.legal-doc a{color:#3a1eb4}
.legal-doc table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.legal-doc th,.legal-doc td{border:1px solid #efeef2;padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere;hyphens:auto}
.legal-doc th{background:#fbfaf8;font-weight:600}
@media (max-width: 700px){.lg-h1{font-size:30px!important;overflow-wrap:anywhere;hyphens:auto}.legal-doc th,.legal-doc td{padding:8px;font-size:14px}.legal-doc h2{font-size:20px!important;margin-top:32px}.x-foot{gap:28px!important}}
/* taalkeuze in footer */
.lsw{position:relative}
.lsw summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid #e4e4ea;border-radius:10px;color:#2b2d38;font-weight:500;font-size:13px;min-height:40px;box-sizing:border-box;user-select:none}
.lsw summary::-webkit-details-marker{display:none}
.lsw summary:hover{border-color:#d3d3db}
.lsw summary:focus-visible{outline:2px solid #fb8f5e;outline-offset:2px}
.lsw[open] .lsw-c{transform:rotate(180deg)}
.lsw-c{transition:transform .15s}
.lsw-m{position:absolute;right:0;bottom:calc(100% + 6px);min-width:180px;background:#fff;border:1px solid #efeef2;border-radius:12px;box-shadow:0 12px 32px rgba(14,14,18,.12);padding:6px;display:flex;flex-direction:column;z-index:20}
.lsw-o{padding:9px 12px;border-radius:8px;color:#2b2d38;text-decoration:none;font-size:14px}
.lsw-o:hover{background:#fbfaf8}
.lsw-o.on{background:#fff1e9;color:#8a3410;font-weight:600}
@media (max-width: 700px){.lsw-m{left:0;right:auto}}
.soc a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e4ea;border-radius:10px;color:#4a4c59;text-decoration:none}.soc a:hover{color:#0e0e12;border-color:#d3d3db;background:#fbfaf8}.soc a:focus-visible{outline:2px solid #fb8f5e;outline-offset:2px}
/* demo boeken */
.nav-demo{color:#3a1eb4!important;font-weight:600}
.dm-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #efeef2;border-radius:999px;font-size:14px;font-weight:500;color:#2b2d38;background:#fff}
.dm-panel{background:#fff;border:1px solid #efeef2;border-radius:20px;box-shadow:0 18px 50px rgba(14,14,18,.08);padding:28px}
.dm-ptitle{margin:0 0 18px;font-family:Poppins,Inter,sans-serif;font-size:22px!important;line-height:1.3!important;font-weight:600;letter-spacing:-.3px}
.dm-h{margin:18px 0 10px;font-size:14px;font-weight:600;color:#2b2d38}
.dm-h:first-child{margin-top:0}
.dm-sub{font-weight:500;color:#6b6d7a}
.dm-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}
.dm-day{flex:none;scroll-snap-align:start;width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:1px solid #e4e4ea;border-radius:12px;background:#fff;color:#4a4c59;font:inherit;font-size:12px;cursor:pointer;text-transform:capitalize}
.dm-day b{font-size:20px;color:#0e0e12;font-weight:600}
.dm-day:hover{border-color:#ffb795}
.dm-day.on{background:#fff1e9;border-color:#fb8f5e;color:#8a3410}
.dm-day.on b{color:#8a3410}
.dm-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.dm-time{padding:11px 8px;border:1px solid #e4e4ea;border-radius:10px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:#0e0e12;cursor:pointer}
.dm-time:hover{border-color:#3a1eb4;color:#3a1eb4;background:#f6f4ff}
.dm-day:focus-visible,.dm-time:focus-visible,.dm-btn:focus-visible,.dm-btn2:focus-visible,.dm-link:focus-visible{outline:2px solid #fb8f5e;outline-offset:2px}
.dm-tz{margin:14px 0 0;font-size:13px;color:#6b6d7a}
.dm-note{margin:0 0 12px;color:#4a4c59;line-height:1.6}
.dm-chosen{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#fff1e9;color:#8a3410;font-weight:600;margin-bottom:18px}
.dm-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#3a1eb4;text-decoration:underline;cursor:pointer;text-transform:none}
.dm-form{display:flex;flex-direction:column;gap:14px}
.dm-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#2b2d38;min-width:0}
.dm-form input,.dm-form select,.dm-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d9d7e3;border-radius:10px;font:inherit;font-weight:400;font-size:16px;background:#fff;color:#0e0e12}
.dm-form input:focus,.dm-form select:focus,.dm-form textarea:focus{outline:2px solid #3a1eb4;outline-offset:1px;border-color:transparent}
.dm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dm-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.dm-err{margin:0;padding:11px 13px;border-radius:10px;background:#fdecea;color:#a1261d;font-size:14px}
.dm-btn{align-self:stretch;min-height:50px;border:0;border-radius:12px;background:#0e0e12;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.dm-btn[disabled]{opacity:.6;cursor:wait}
.dm-danger{background:#c02a33}
.dm-btn2{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #e4e4ea;border-radius:10px;background:#fff;color:#0e0e12;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;margin-top:8px}
.dm-done{text-align:center;padding:12px 0}
.dm-done h3{margin:12px 0 6px;font-family:Poppins,Inter,sans-serif;font-size:22px;font-weight:600}
.dm-done p{color:#4a4c59;line-height:1.6}
.dm-ok{width:56px;height:56px;border-radius:50%;background:#e3f5ea;display:inline-flex;align-items:center;justify-content:center}
.dm-when{font-weight:600;color:#0e0e12}
@media (max-width: 700px){.dm-h1{font-size:38px!important}.dm-panel{padding:20px;border-radius:16px}.dm-wrap{padding-top:40px!important;gap:36px!important}.dm-row{grid-template-columns:1fr}}
/* status */
.st-over{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:16px;background:#e9f7ef;border:1px solid #c8ebd6}
.st-over h2{margin:0!important;padding:0!important;font-family:Poppins,Inter,sans-serif;font-size:22px!important;line-height:1.3!important;letter-spacing:0!important;font-weight:600}
.st-over p{margin:4px 0 0;color:#4a4c59;font-size:14px}
.st-over[data-o=partial],.st-over[data-o=maint]{background:#fff6e5;border-color:#f6dfb0}
.st-over[data-o=major]{background:#fdecea;border-color:#f5c6c2}
.st-over[data-o=unknown]{background:#f4f3f6;border-color:#e4e4ea}
.st-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#2f9e62;box-shadow:0 0 0 5px rgba(47,158,98,.18)}
.st-over[data-o=partial] .st-dot,.st-over[data-o=maint] .st-dot{background:#e0a526;box-shadow:0 0 0 5px rgba(224,165,38,.2)}
.st-over[data-o=major] .st-dot{background:#d6453d;box-shadow:0 0 0 5px rgba(214,69,61,.18)}
.st-over[data-o=unknown] .st-dot{background:#a3a1ad;box-shadow:none}
.st-sec{margin-top:28px}
.st-h{margin:0 0 12px!important;padding:0!important;font-family:Inter,system-ui,sans-serif!important;font-size:16px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:600}
.st-list{border:1px solid #efeef2;border-radius:16px;overflow:hidden}
.st-svc{padding:18px 20px;border-top:1px solid #efeef2}
.st-svc:first-child{border-top:0}
.st-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.st-state{font-size:14px;font-weight:600;color:#17643d}
.st-state[data-s=degraded]{color:#8a5300}
.st-state[data-s=down]{color:#c02a33}
.st-state[data-s=none]{color:#6b6d7a;font-weight:500}
.st-bars{display:flex;gap:2px;height:30px}
.st-bars span{flex:1;min-width:1px;border-radius:2px;background:#e4e4ea}
.st-bars span[data-s=up]{background:#2f9e62}
.st-bars span[data-s=deg]{background:#e0a526}
.st-bars span[data-s=down]{background:#d6453d}
.st-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:#6b6d7a}
.st-inc{padding:16px 18px;border:1px solid #efeef2;border-left:4px solid #e0a526;border-radius:12px;margin-bottom:12px;background:#fff}
.st-inc[data-i=major]{border-left-color:#d6453d}
.st-inc[data-i=maintenance]{border-left-color:#3a1eb4}
.st-inc header{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.st-inc h3{margin:0;font-size:17px;font-weight:600}
.st-pill{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#fff6e5;color:#8a5300}
.st-pill[data-i=major]{background:#fdecea;color:#a1261d}
.st-pill[data-i=maintenance]{background:#efeafd;color:#3a1eb4}
.st-meta,.st-aff{margin:6px 0 0;font-size:14px;color:#6b6d7a}
.st-ups{list-style:none;margin:12px 0 0;padding:0 0 0 14px;border-left:2px solid #efeef2;display:flex;flex-direction:column;gap:10px;font-size:14px}
.st-ups time{color:#6b6d7a;margin-left:6px}
.st-ups p{margin:4px 0 0;color:#2b2d38;line-height:1.55}
.st-empty{margin:0;color:#6b6d7a}
@media (max-width: 700px){.st-svc{padding:16px}.st-bars{height:26px;gap:1px}}