@property --n{syntax:"<integer>";inherits:false;initial-value:0}.demo[data-astro-cid-xsb32cku]{background:var(--wash);gap:var(--space-5);align-content:start;padding:clamp(1.25rem,.8rem + 2vw,2.25rem);display:grid}.demo-head[data-astro-cid-xsb32cku]{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.demo-title[data-astro-cid-xsb32cku]{font-size:var(--step-1);letter-spacing:-.02em;font-weight:600}.demo-note[data-astro-cid-xsb32cku]{font-size:var(--step--1);color:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:.1rem .6rem}fieldset[data-astro-cid-xsb32cku]{border:0;min-width:0;margin:0;padding:0}input[data-astro-cid-xsb32cku][type=radio]{opacity:0;width:1px;height:1px;position:absolute}label[data-astro-cid-xsb32cku]:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.cases[data-astro-cid-xsb32cku],.mode[data-astro-cid-xsb32cku]{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--rule);grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.cases[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku],.mode[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]{min-height:44px;padding-inline:var(--space-3);border-radius:var(--radius-pill);cursor:pointer;text-align:center;white-space:nowrap;hyphens:none;color:var(--ink-2);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);place-items:center;font-weight:550;display:grid}@media (width<=26rem){.cases[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]{padding-inline:var(--space-2);font-size:var(--step--1)}}.cases[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]:hover,.mode[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]:hover{color:var(--ink)}.case-tab[data-astro-cid-xsb32cku]:has(input:checked){background:var(--accent);color:var(--accent-ink);font-weight:650}.case[data-astro-cid-xsb32cku]{display:none}.demo[data-astro-cid-xsb32cku]:has(input[value=bestellingen]:checked) [data-astro-cid-xsb32cku][data-case=bestellingen],.demo[data-astro-cid-xsb32cku]:has(input[value=offertes]:checked) [data-astro-cid-xsb32cku][data-case=offertes],.demo[data-astro-cid-xsb32cku]:has(input[value=planning]:checked) [data-astro-cid-xsb32cku][data-case=planning]{display:block}.steps[data-astro-cid-xsb32cku]{counter-reset:stap;padding:0;list-style:none}.step[data-astro-cid-xsb32cku]{transition:grid-template-rows .52s var(--ease-out), opacity .32s var(--ease-out);grid-template-rows:1fr;display:grid}.step-inner[data-astro-cid-xsb32cku]{gap:var(--space-3);padding-block:var(--space-2);counter-increment:stap;grid-template-columns:1.75rem 1fr auto;align-items:baseline;display:grid;overflow:hidden}.step-inner[data-astro-cid-xsb32cku]:before{content:counter(stap);color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums}.txt[data-astro-cid-xsb32cku],.min[data-astro-cid-xsb32cku]{grid-row:1}.txt[data-astro-cid-xsb32cku]{grid-column:2}.min[data-astro-cid-xsb32cku]{text-align:right;color:var(--ink-2);white-space:nowrap;grid-column:3}.after[data-astro-cid-xsb32cku]{visibility:hidden}@media (prefers-reduced-motion:no-preference){.txt[data-astro-cid-xsb32cku],.min[data-astro-cid-xsb32cku]{transition:opacity .28s var(--ease-out), transform .28s var(--ease-out), visibility 0s linear .28s}.after[data-astro-cid-xsb32cku]{opacity:0;transform:translateY(6px)}.step[data-astro-cid-xsb32cku]:nth-child(2) [data-astro-cid-xsb32cku]:is(.txt,.min){transition-delay:40ms}.step[data-astro-cid-xsb32cku]:nth-child(3) [data-astro-cid-xsb32cku]:is(.txt,.min){transition-delay:80ms}.step[data-astro-cid-xsb32cku]:nth-child(4) [data-astro-cid-xsb32cku]:is(.txt,.min){transition-delay:.12s}}.demo[data-astro-cid-xsb32cku]:has(input[value=software]:checked){& .now{visibility:hidden}& .after{visibility:visible;opacity:1;transform:none}& .now{opacity:0}& .step.gone{opacity:0;grid-template-rows:0fr}& .step.gone .step-inner{counter-increment:none;border-top-color:#0000;padding-block:0}& .total-num{--n:var(--to)}& .now-sr{display:none}}.demo[data-astro-cid-xsb32cku]:has(input[value=nu]:checked) .after-sr[data-astro-cid-xsb32cku]{display:none}.total[data-astro-cid-xsb32cku]{align-items:baseline;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:calc(var(--radius) - 4px);background:color-mix(in srgb, var(--accent) 8%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);flex-wrap:wrap;display:flex}.total-num[data-astro-cid-xsb32cku]{color:var(--accent);--n:var(--from);counter-reset:n var(--n);transition:--n .9s var(--ease-out);font-size:var(--step-4);letter-spacing:-.05em;font-weight:800;line-height:.9}.total-num[data-astro-cid-xsb32cku]:after{content:counter(n)}[data-astro-cid-xsb32cku][data-case=bestellingen] .total-num[data-astro-cid-xsb32cku]{--from:75;--to:5}[data-astro-cid-xsb32cku][data-case=offertes] .total-num[data-astro-cid-xsb32cku]{--from:65;--to:5}[data-astro-cid-xsb32cku][data-case=planning] .total-num[data-astro-cid-xsb32cku]{--from:90;--to:10}.total-unit[data-astro-cid-xsb32cku]{font-weight:550}.delta[data-astro-cid-xsb32cku]{white-space:nowrap;flex-basis:100%;font-weight:700}.delta-now[data-astro-cid-xsb32cku]:before{content:"→ " / ""}.delta-after[data-astro-cid-xsb32cku]{display:none}.delta-after[data-astro-cid-xsb32cku]:before{content:"← " / ""}.demo[data-astro-cid-xsb32cku]:has(input[value=software]:checked){& .delta-now{display:none}& .delta-after{display:inline}}.mode[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]{font-weight:650}.mode[data-astro-cid-xsb32cku] label[data-astro-cid-xsb32cku]:has(input:checked){background:var(--ink);color:var(--paper)}.hero[data-astro-cid-lcdefpme]{isolation:isolate;position:relative;overflow:hidden}.hero[data-astro-cid-lcdefpme]:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 14%, transparent), transparent);pointer-events:none;height:120%;position:absolute;inset:-20% -10% auto 35%}.hero[data-astro-cid-lcdefpme]:after{content:"";z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid[data-astro-cid-lcdefpme]{gap:var(--space-7);padding-block:var(--space-8);align-items:end;display:grid}.hero-copy[data-astro-cid-lcdefpme]{gap:var(--space-5);align-content:start;display:grid}.hero-label[data-astro-cid-lcdefpme]{color:var(--ink)}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{overflow-wrap:normal;max-width:13ch;font-size:clamp(2.5rem,1.1rem + 5.4vw,5.75rem)}.lead[data-astro-cid-lcdefpme]{max-width:44ch}.stats[data-astro-cid-lcdefpme]{gap:var(--space-4);margin:var(--space-3) 0 0;padding-top:var(--space-5);border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats[data-astro-cid-lcdefpme] div[data-astro-cid-lcdefpme]{justify-content:flex-end;gap:var(--space-2);flex-direction:column-reverse;display:flex}.stats[data-astro-cid-lcdefpme] dd[data-astro-cid-lcdefpme]{font-size:clamp(1.25rem, 5.5vw, var(--step-2));letter-spacing:-.03em;margin:0;font-weight:750;line-height:1}.stats[data-astro-cid-lcdefpme] .label[data-astro-cid-lcdefpme]{font-size:.8125rem;line-height:1.35}@media (width<=30rem){.stats[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:0}.stats[data-astro-cid-lcdefpme] div[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-3);border-top:1px solid var(--rule);flex-direction:row-reverse}.stats[data-astro-cid-lcdefpme] div[data-astro-cid-lcdefpme]:first-child{border-top:0;padding-top:0}.stats[data-astro-cid-lcdefpme] .label[data-astro-cid-lcdefpme]{text-align:right}.stats[data-astro-cid-lcdefpme] dd[data-astro-cid-lcdefpme]{white-space:nowrap}}.diensten[data-astro-cid-lcdefpme]{padding-top:var(--space-6)}@media (width>=64rem){.hero-grid[data-astro-cid-lcdefpme]{gap:var(--space-8);padding-block:var(--space-7) var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{font-size:clamp(3.25rem,.9rem + 4.1vw,5.5rem)}}