*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font, system-ui, sans-serif);color:var(--t, #111);background:#f3f4f7;background-image:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--p) 14%,transparent),transparent 60%),radial-gradient(70% 60% at 0% 100%,color-mix(in srgb,var(--a) 12%,transparent),transparent 60%);min-height:100vh;-webkit-font-smoothing:antialiased}body.is-embed{background-color:#f3f4f7}.leeg{max-width:560px;margin:20vh auto;padding:0 20px;font-family:system-ui,sans-serif}.balk{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;padding:.7rem 1.2rem;background:#0e0e12;color:#cfd2d8;font:500 12px/1.4 system-ui,sans-serif}.balk a{color:#9aa3ff;text-decoration:none}.stage{max-width:1180px;margin:0 auto;padding:clamp(1.4rem,4vw,3rem) clamp(1rem,3vw,2rem) 3rem}.is-embed .stage{padding-top:1.4rem}.intro{margin-bottom:1.6rem}.intro__label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p);background:color-mix(in srgb,var(--p) 10%,#fff);padding:.3rem .7rem;border-radius:999px}.intro h1{margin:.7rem 0 .3rem;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.02em}.intro p{margin:0;font-size:1.05rem;opacity:.75;max-width:60ch}.intro__hint{display:inline-block;margin-top:.6rem;font-size:12px;opacity:.55}.is-embed .intro h1{font-size:1.6rem}.kaart{background:#fff;border-radius:18px;box-shadow:0 1px 2px #10141e0f,0 12px 40px #10141e14}.merk{display:flex;align-items:center;gap:.55rem;font-weight:700}.merk img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff}.merk__letter{width:28px;height:28px;border-radius:8px;background:var(--p);color:var(--op);display:grid;place-items:center;font-size:14px}.btn{border:0;border-radius:12px;padding:.8rem 1rem;font:inherit;font-weight:600;cursor:pointer;background:var(--p);color:var(--op);transition:transform .15s,opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chip{display:inline-block;font-size:11px;font-weight:600;padding:.2rem .55rem;border-radius:999px}.chip--gepland{background:#eef0f3;color:#5a6070}.chip--bezig{background:#fff3d6;color:#93600a}.chip--klaar{background:#daf5e8;color:#0b7a47}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.in{animation:in .45s cubic-bezier(.2,.7,.2,1) both}.proto--app{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);align-items:start}@media(max-width:680px){.proto--app{grid-template-columns:1fr;justify-items:center}}.tel{width:100%;max-width:360px;height:720px;border-radius:46px;padding:12px;background:#0d0f14;box-shadow:0 30px 70px #10141e4d;position:relative}.tel__scherm{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#f6f7f9;display:flex;flex-direction:column;position:relative}.tel__kop{background:var(--p);color:var(--op);padding:44px 18px 16px}.tel__kop .merk{font-size:15px}.tel__kop .merk__letter{background:var(--op);color:var(--p)}.tel__kop h2{margin:.9rem 0 0;font-size:22px;letter-spacing:-.01em}.tel__kop small{opacity:.8;font-size:12px}.tel__body{flex:1;overflow-y:auto;padding:14px}.terug{background:none;border:0;color:inherit;font:inherit;font-size:13px;opacity:.9;cursor:pointer;padding:0}.item{width:100%;text-align:left;background:#fff;border:1px solid #e8eaee;border-radius:16px;padding:13px 14px;margin-bottom:9px;cursor:pointer;font:inherit;color:inherit;display:block;transition:transform .15s,box-shadow .15s}.item:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10141e12}.item__rij{display:flex;justify-content:space-between;align-items:center;gap:8px}.item b{font-size:15px}.item small{display:block;color:#6b7180;font-size:12.5px;margin-top:3px}.sec{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a909c;margin:14px 2px 7px}.veld{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eceef1;font-size:13.5px}.veld span{color:#6b7180}.check{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #e8eaee;border-radius:12px;padding:11px 12px;margin-bottom:7px;font:inherit;font-size:14px;color:inherit;cursor:pointer;text-align:left}.check i{width:21px;height:21px;border-radius:7px;border:2px solid #c8ccd4;flex:none;display:grid;place-items:center;transition:background .15s,border-color .15s}.check.aan i{background:var(--p);border-color:var(--p)}.check.aan i:after{content:"";width:9px;height:5px;border-left:2px solid var(--op);border-bottom:2px solid var(--op);transform:rotate(-45deg) translate(1px,-1px)}.check.aan{color:#8a909c}.stap{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8eaee;border-radius:12px;padding:8px 9px 8px 12px;margin-bottom:7px;font-size:14px}.stap__ctl{display:flex;align-items:center;gap:8px}.stap__ctl button{width:32px;height:32px;border-radius:10px;border:1px solid #e0e3e8;background:#f6f7f9;font-size:17px;cursor:pointer;color:inherit}.stap__ctl b{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.tel .btn{width:100%;margin-top:12px;padding:14px;font-size:15px}.tip{text-align:center;font-size:12px;color:#8a909c;margin-top:7px}.toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#111418;color:#fff;font-size:13px;padding:.6rem 1rem;border-radius:999px;white-space:nowrap;box-shadow:0 10px 24px #00000040}.kantoor{padding:clamp(1.2rem,2.5vw,1.8rem);width:100%}.kantoor__kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.live{display:inline-flex;align-items:center;gap:.4rem;font-size:12px;font-weight:600;color:#0b7a47}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#1ec27a;box-shadow:0 0 #1ec27a80;animation:puls 1.8s infinite}@keyframes puls{70%{box-shadow:0 0 0 8px #1ec27a00}to{box-shadow:0 0 #1ec27a00}}.kpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.2rem}.kpi3 div{border:1px solid #eceef1;border-radius:14px;padding:.8rem .9rem;transition:background .4s,border-color .4s}.kpi3 small{font-size:12px;color:#6b7180}.kpi3 b{display:block;font-size:1.5rem;margin-top:.15rem;font-variant-numeric:tabular-nums}.kpi3 .flits{background:color-mix(in srgb,var(--p) 10%,#fff);border-color:var(--p)}.regels{list-style:none;margin:0;padding:0}.regels li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid #eceef1;font-size:14px}.regels li span:last-child{color:#6b7180;white-space:nowrap}.regels .nieuw{animation:nieuw 1.2s ease}@keyframes nieuw{0%{background:color-mix(in srgb,var(--p) 14%,#fff)}to{background:transparent}}.dash{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;min-height:640px}@media(max-width:860px){.dash{grid-template-columns:1fr}.dash__nav{display:none}}.dash__nav{background:color-mix(in srgb,var(--p) 6%,#fff);border-right:1px solid #eceef1;padding:1.3rem 1rem}.dash__nav .merk{margin-bottom:1.6rem}.dash__nav a{display:block;padding:.55rem .7rem;border-radius:10px;color:#5a6070;text-decoration:none;font-size:14px;margin-bottom:2px;cursor:default}.dash__nav a.aan{background:#fff;color:var(--p);font-weight:600;box-shadow:0 1px 2px #10141e0f}.dash__main{padding:clamp(1.1rem,2.5vw,1.8rem);min-width:0}.dash__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.dash__top h2{margin:0;font-size:1.35rem}.seg{display:inline-flex;background:#f1f2f5;border-radius:10px;padding:3px}.seg button{border:0;background:none;font:inherit;font-size:13px;padding:.4rem .8rem;border-radius:8px;cursor:pointer;color:#5a6070}.seg button.aan{background:#fff;color:var(--t);font-weight:600;box-shadow:0 1px 2px #10141e14}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{border:1px solid #eceef1;border-radius:14px;padding:.95rem 1rem}.kpi small{font-size:12.5px;color:#6b7180}.kpi b{display:block;font-size:1.55rem;margin:.25rem 0;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi em{font-style:normal;font-size:12px;color:#0b7a47}.dash__rij{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem}@media(max-width:1000px){.dash__rij{grid-template-columns:1fr}}.blok{border:1px solid #eceef1;border-radius:14px;padding:1rem 1.1rem;min-width:0}.blok h3{margin:0 0 .8rem;font-size:14.5px}.grafiek{display:flex;align-items:flex-end;gap:8px;height:190px;padding-top:10px}.staaf{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.staaf i{display:block;width:100%;max-width:38px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--p),color-mix(in srgb,var(--p) 70%,#fff));transform-origin:bottom;animation:groei .9s cubic-bezier(.2,.7,.2,1) both}.staaf:last-child i{background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 70%,#fff))}.staaf small{font-size:11px;color:#8a909c;white-space:nowrap}@keyframes groei{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;font-size:11.5px;font-weight:600;color:#8a909c;padding:0 .5rem .5rem 0}.tabel td{padding:.6rem .5rem .6rem 0;border-top:1px solid #eceef1}.tabel tr:hover td{background:#fafbfc}.signaal{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--a) 10%,#fff);font-size:13.5px;margin-bottom:.5rem}.signaal:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--a);margin-top:.35rem;flex:none}.dash__onder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;margin-top:1rem}@media(max-width:1000px){.dash__onder{grid-template-columns:1fr}}.flow{padding:clamp(1.2rem,3vw,2rem)}.flow__kop{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.systemen{display:flex;gap:.4rem;flex-wrap:wrap}.systemen span{font-size:12px;font-weight:600;padding:.3rem .7rem;border-radius:999px;border:1px solid #e0e3e8;background:#fff}.flow__baan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:1.2rem;align-items:stretch}@media(max-width:900px){.flow__baan{grid-template-columns:1fr}}.flowkaart{border:1px solid #eceef1;border-radius:16px;padding:1.1rem;background:#fff;transition:border-color .3s,box-shadow .3s}.flowkaart.aan{border-color:var(--p);box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 14%,transparent)}.flowkaart small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a909c}.flowkaart h3{margin:.45rem 0 .6rem;font-size:1.05rem}.mail{font-size:13px;background:#f6f7f9;border-radius:10px;padding:.7rem .8rem;color:#4a5060;line-height:1.5}.stappen{list-style:none;margin:0;padding:0;position:relative}.stappen li{display:grid;grid-template-columns:32px 1fr;gap:.7rem;padding:.55rem 0;opacity:.45;transition:opacity .3s}.stappen li.aan,.stappen li.klaar{opacity:1}.stappen .bol{width:32px;height:32px;border-radius:50%;border:2px solid #d5d8de;display:grid;place-items:center;font-size:12px;font-weight:700;color:#8a909c;background:#fff;transition:all .3s}.stappen li.aan .bol{border-color:var(--p);color:var(--p);box-shadow:0 0 0 5px color-mix(in srgb,var(--p) 15%,transparent)}.stappen li.klaar .bol{background:var(--p);border-color:var(--p);color:var(--op)}.stappen b{font-size:14.5px}.stappen p{margin:.15rem 0 0;font-size:13px;color:#6b7180;line-height:1.45}.resultaat .veld{font-size:13.5px}.resultaat.leeg{display:flex;align-items:center;justify-content:center;color:#9aa0ab;font-size:13px;text-align:center;min-height:180px}.flow__voet{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.log{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6b7180;min-height:1.6em}