@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/ibm-plex-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
/* ReactBits portions: Copyright (c) 2026 David Haz. MIT + Commons Clause. Full terms in LICENSE-ReactBits.txt. */
.msm-ict-systeembeheer-overstap{--m-accent:var(--m-primary,#61d19c);--m-display:var(--m-font-display,'Space Grotesk','Segoe UI',sans-serif);--m-body:var(--m-font-body,'IBM Plex Sans','Segoe UI',sans-serif);background:var(--m-bg,#0d1518);color:var(--m-ink,#eef8f5);font-family:var(--m-body,'IBM Plex Sans','Segoe UI',sans-serif);box-sizing:border-box;display:block;width:100%;max-width:100%;overflow:clip}.msm-ict-systeembeheer-overstap *{box-sizing:border-box}.msm-ict-systeembeheer-overstap html{scroll-behavior:smooth}.msm-ict-systeembeheer-overstap body{margin:0;background:var(--m-bg,#0d1518);color:var(--m-ink,#eef8f5);font-family:var(--m-body,'IBM Plex Sans','Segoe UI',sans-serif)}.msm-ict-systeembeheer-overstap a{color:inherit}.msm-ict-systeembeheer-overstap .button{display:inline-flex;background:var(--m-accent,#61d19c);color:var(--m-bg,#0d1518);padding:14px 19px;text-decoration:none;font-weight:800;border-radius:2px}.msm-ict-systeembeheer-overstap .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--m-accent,#61d19c);font-size:12px;font-weight:800}.msm-ict-systeembeheer-overstap h1,.msm-ict-systeembeheer-overstap h2,.msm-ict-systeembeheer-overstap h3{font-family:var(--m-display,'Space Grotesk','Segoe UI',sans-serif);line-height:.96;letter-spacing:-.04em;margin:0 0 18px}.msm-ict-systeembeheer-overstap.ic-section{padding:clamp(80px,10vw,150px) max(20px,calc((100vw - 1180px)/2));overflow:hidden}.msm-ict-systeembeheer-overstap.ic-section>header{max-width:760px;margin-bottom:45px}.msm-ict-systeembeheer-overstap.ic-section h2{font-size:clamp(42px,7vw,84px)}.msm-ict-systeembeheer-overstap .ic-head{position:relative;z-index:20;background:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap .ic-top,.msm-ict-systeembeheer-overstap .ic-nav{display:flex;justify-content:space-between;align-items:center;padding:9px max(18px,calc((100vw - 1180px)/2))}.msm-ict-systeembeheer-overstap .ic-top{border-bottom:1px solid color-mix(in srgb,var(--m-ink,#eef8f5) 13%,transparent);color:var(--m-muted,#9fb1ae);font-size:12px}.msm-ict-systeembeheer-overstap .ic-nav{min-height:76px}.msm-ict-systeembeheer-overstap .ic-brand{display:grid;text-decoration:none}.msm-ict-systeembeheer-overstap .ic-brand b{font-size:25px}.msm-ict-systeembeheer-overstap .ic-brand small{color:var(--m-muted,#9fb1ae)}.msm-ict-systeembeheer-overstap .ic-nav nav{display:flex;gap:24px;align-items:center}.msm-ict-systeembeheer-overstap .ic-nav button,.msm-ict-systeembeheer-overstap .ic-menu{background:none;border:0;color:inherit;font:inherit}.msm-ict-systeembeheer-overstap .ic-menu{display:none}.msm-ict-systeembeheer-overstap .ic-mega{position:absolute;right:max(18px,calc((100vw - 1180px)/2));background:var(--m-surface,#dfe8e5);color:var(--m-bg,#0d1518);padding:28px;grid-template-columns:repeat(3,1fr) 2fr;gap:20px;width:min(760px,94vw)}.msm-ict-systeembeheer-overstap .ic-mega:not([hidden]){display:grid}.msm-ict-systeembeheer-overstap .ic-head dialog{width:100%;height:100%;max-width:none;max-height:none;background:var(--m-bg,#0d1518);color:var(--m-ink,#eef8f5);border:0}.msm-ict-systeembeheer-overstap .ic-head dialog nav{display:grid;gap:20px;margin:15vh 8vw}.msm-ict-systeembeheer-overstap .ic-head dialog a{font-size:clamp(30px,8vw,54px);font-weight:800}.msm-ict-systeembeheer-overstap .ic-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:720px;align-items:center;gap:5vw;padding:70px max(20px,calc((100vw - 1180px)/2));position:relative}.msm-ict-systeembeheer-overstap .ic-hero:before{content:'01001010 00110010';position:absolute;top:30px;right:5%;color:color-mix(in srgb,var(--m-primary,#61d19c) 13%,transparent);font:70px monospace;overflow:hidden}.msm-ict-systeembeheer-overstap .ic-hero h1{font-size:clamp(54px,8vw,112px)}.msm-ict-systeembeheer-overstap .ic-hero p{font-size:19px;line-height:1.6;color:var(--m-muted,#9fb1ae)}.msm-ict-systeembeheer-overstap .actions{display:flex;gap:18px;align-items:center;margin:28px 0}.msm-ict-systeembeheer-overstap .ic-hero figure{margin:0;position:relative}.msm-ict-systeembeheer-overstap .ic-hero img{width:100%;aspect-ratio:4/5;object-fit:cover}.msm-ict-systeembeheer-overstap .ic-hero figcaption{position:absolute;bottom:15px;left:-20px;background:var(--m-accent,#61d19c);color:var(--m-bg,#0d1518);padding:16px;display:grid}.msm-ict-systeembeheer-overstap .ic-scan{background:var(--m-surface,#dfe8e5);color:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap .ic-scan .eyebrow,.msm-ict-systeembeheer-overstap.ic-over .eyebrow,.msm-ict-systeembeheer-overstap .ic-kennis .eyebrow{color:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap .ic-scan-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:35px}.msm-ict-systeembeheer-overstap .ic-list{display:grid;gap:8px;max-height:560px;overflow:auto;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}.msm-ict-systeembeheer-overstap .ic-device{display:grid;grid-template-columns:80px 1fr auto;align-items:center;text-align:left;border:1px solid color-mix(in srgb,var(--m-bg,#0d1518) 20%,transparent);background:var(--m-ink,#eef8f5);padding:12px;transform:translateY(12px);opacity:0;animation:row .5s forwards}.msm-ict-systeembeheer-overstap .ic-device[aria-selected=true]{background:var(--m-accent,#61d19c);transform:translateX(8px)}.msm-ict-systeembeheer-overstap .ic-device img{width:70px;height:60px;object-fit:contain}.msm-ict-systeembeheer-overstap .ic-device input{width:58px;padding:8px}.msm-ict-systeembeheer-overstap .ic-scan aside{background:var(--m-bg,#0d1518);color:var(--m-ink,#eef8f5);padding:30px;align-self:start;position:sticky;top:20px}.msm-ict-systeembeheer-overstap .ic-total{display:block;font-size:clamp(38px,5vw,64px);margin:14px 0}.msm-ict-systeembeheer-overstap .ic-beheer{background:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap .ic-ascii-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.msm-ict-systeembeheer-overstap .ic-ascii-grid article{border:1px solid color-mix(in srgb,var(--m-ink,#eef8f5) 13%,transparent);padding:25px;min-height:310px;transition:.2s}.msm-ict-systeembeheer-overstap .ic-ascii-grid article:hover,.msm-ict-systeembeheer-overstap .ic-ascii-grid article:focus{border-color:var(--m-accent,#61d19c);transform:perspective(500px) rotateX(2deg)}.msm-ict-systeembeheer-overstap .ic-ascii-grid pre{color:var(--m-accent,#61d19c);white-space:pre-wrap;letter-spacing:.12em;min-height:100px}.msm-ict-systeembeheer-overstap.ic-over{background:var(--m-surface,#dfe8e5);color:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap.ic-over ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none}.msm-ict-systeembeheer-overstap.ic-over li{display:grid;border-top:2px solid var(--m-bg,#0d1518);padding-top:16px}.msm-ict-systeembeheer-overstap .ic-shred{margin-top:55px}.msm-ict-systeembeheer-overstap .ic-old{display:flex;gap:12px;flex-wrap:wrap}.msm-ict-systeembeheer-overstap .ic-old button{width:220px;background:var(--m-ink,#eef8f5);border:1px solid color-mix(in srgb,var(--m-bg,#0d1518) 20%,transparent);padding:10px}.msm-ict-systeembeheer-overstap .ic-old img{height:100px;width:100%;object-fit:contain}.msm-ict-systeembeheer-overstap .ic-shredder{width:100%;padding:24px;background:var(--m-bg,#0d1518);color:var(--m-accent,#61d19c);border:0;margin-top:15px}.msm-ict-systeembeheer-overstap .ic-strips{min-height:70px;display:flex;justify-content:center;overflow:hidden}.msm-ict-systeembeheer-overstap .ic-strip{width:9px;height:60px;background:var(--m-accent,#61d19c);margin:2px;animation:fall .8s both}.msm-ict-systeembeheer-overstap .ic-react{min-height:650px;display:grid;place-items:center;position:relative}.msm-ict-systeembeheer-overstap .ic-react canvas{position:absolute;inset:0;width:100%;height:100%}.msm-ict-systeembeheer-overstap .ic-react-copy{position:relative;max-width:820px}.msm-ict-systeembeheer-overstap .ic-react blockquote{font-size:clamp(28px,5vw,56px);margin:30px 0}.msm-ict-systeembeheer-overstap .ic-react small{display:block;color:var(--m-muted,#9fb1ae);font-size:14px;margin-top:20px}.msm-ict-systeembeheer-overstap .ic-kennis{background:var(--m-surface,#dfe8e5);color:var(--m-bg,#0d1518)}.msm-ict-systeembeheer-overstap .ic-blog{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.msm-ict-systeembeheer-overstap .ic-blog a{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;text-decoration:none;background:var(--m-ink,#eef8f5);padding:12px}.msm-ict-systeembeheer-overstap .ic-blog a:first-child{grid-row:span 3;grid-template-columns:1fr}.msm-ict-systeembeheer-overstap .ic-blog img{width:100%;aspect-ratio:3/2;object-fit:cover}.msm-ict-systeembeheer-overstap .ic-blog b{font-size:22px}.msm-ict-systeembeheer-overstap .ic-foot{padding:80px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;border-top:1px solid color-mix(in srgb,var(--m-ink,#eef8f5) 13%,transparent)}.msm-ict-systeembeheer-overstap .ic-foot h2{font-size:clamp(45px,7vw,80px)}.msm-ict-systeembeheer-overstap .ic-foot nav{display:grid;align-content:start;gap:12px}.msm-ict-systeembeheer-overstap .ic-foot>small{grid-column:1/-1;color:var(--m-muted,#9fb1ae);border-top:1px solid color-mix(in srgb,var(--m-ink,#eef8f5) 13%,transparent);padding-top:20px}@keyframes row{to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(80px) rotate(20deg);opacity:0}}@media(max-width:760px){.msm-ict-systeembeheer-overstap .ic-nav nav{display:none}.msm-ict-systeembeheer-overstap .ic-menu{display:block}.msm-ict-systeembeheer-overstap .ic-hero,.msm-ict-systeembeheer-overstap .ic-scan-grid,.msm-ict-systeembeheer-overstap .ic-ascii-grid,.msm-ict-systeembeheer-overstap.ic-over ol,.msm-ict-systeembeheer-overstap .ic-blog,.msm-ict-systeembeheer-overstap .ic-foot{grid-template-columns:1fr}.msm-ict-systeembeheer-overstap .ic-hero{padding-inline:18px;min-height:0}.msm-ict-systeembeheer-overstap .ic-hero figure{order:-1}.msm-ict-systeembeheer-overstap .ic-hero img{aspect-ratio:4/3}.msm-ict-systeembeheer-overstap .actions{align-items:stretch;flex-direction:column}.msm-ict-systeembeheer-overstap .ic-blog a:first-child{grid-row:auto}.msm-ict-systeembeheer-overstap .ic-blog a{grid-template-columns:100px 1fr}.msm-ict-systeembeheer-overstap .ic-foot>small{grid-column:auto}}@media(prefers-reduced-motion:reduce){.msm-ict-systeembeheer-overstap *,.msm-ict-systeembeheer-overstap *:before,.msm-ict-systeembeheer-overstap *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.msm-ict-systeembeheer-overstap .ic-shred{position:relative;overflow:hidden}.msm-ict-systeembeheer-overstap .ic-strips{position:relative;display:block;height:260px;overflow:hidden}.msm-ict-systeembeheer-overstap .ic-strips canvas{position:absolute;left:-40px;top:0;pointer-events:none}.msm-ict-systeembeheer-overstap .ic-shred-layer{position:absolute;inset:0 0 auto;overflow:hidden;pointer-events:none;z-index:4}.msm-ict-systeembeheer-overstap .ic-shred-ghost{position:absolute;left:0;top:0;box-sizing:border-box;padding:10px;border:1px solid var(--m-muted);background:var(--m-ink);color:var(--m-bg);transform-origin:50% 50%;pointer-events:none;font:inherit}.msm-ict-systeembeheer-overstap .ic-shred-ghost img{width:100%;height:100px;object-fit:contain}.msm-ict-systeembeheer-overstap .ic-shredder{position:relative;z-index:5;border-bottom:6px solid var(--m-primary)}.msm-ict-systeembeheer-overstap .ic-shred-result{display:block;min-height:1.5em;font-size:14px}.msm-ict-systeembeheer-overstap .ic-shred-reset{background:transparent;border:1px solid var(--m-bg);color:var(--m-bg);font:inherit;padding:10px 14px}.msm-ict-systeembeheer-overstap .ic-old button{touch-action:none}.msm-ict-systeembeheer-overstap .ic-old button[data-processed=true]{cursor:default}

.msm-ict-systeembeheer-overstap .ic-shred{position:relative;overflow:hidden}