AI-Fundament: AI die jouw bedrijf kent<\/title>\n<meta name=\"description\" content=\"Je team vraagt het al aan AI. Zorg dat het antwoord klopt. Plan de gratis spiegeltest van 30 minuten en zie live wat ChatGPT nu over jouw bedrijf zegt.\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 112 108'%3E%3Cpath d='M75.2 18A44 44 0 1 0 93.6 60.1' stroke='%231D1D1F' stroke-width='9' fill='none'\/%3E%3Cpath d='M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z' fill='%231D1D1F'\/%3E%3Cpath d='M60.5 35.5L46.5 58' stroke='%23fff' stroke-width='5.5' stroke-linecap='round'\/%3E%3Cpath d='M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z' fill='%23FF6B00'\/%3E%3C\/svg%3E\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"Je team vraagt het al aan AI. Zorg dat het antwoord klopt.\">\n<meta property=\"og:description\" content=\"Plan de gratis spiegeltest van 30 minuten en zie live wat ChatGPT nu over jouw bedrijf zegt.\">\n<meta property=\"og:image\" content=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/ai-fundament-vsl-poster.jpg\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/ai-fundament-vsl-poster.jpg\" fetchpriority=\"high\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400..800&family=JetBrains+Mono:wght@400..600&display=swap\" rel=\"stylesheet\">\n<script>\n\/* zo vroeg mogelijk: bepaalt of de pagina mag animeren, zodat er niets knippert *\/\n(function(d){d.classList.add('js');try{if(!matchMedia('(prefers-reduced-motion: reduce)').matches&&matchMedia('(min-width: 761px)').matches&&'IntersectionObserver' in window){d.classList.add('anim')}}catch(e){}})(document.documentElement);\n<\/script>\n<style>\n\/* ============ tokens: gelijk aan de explainer-video's (src\/tokens.ts) ============ *\/\n:root{\n --page:#F5F5F7;\n --page-lift:#FBFBFD;\n --card:#FFFFFF;\n --ink:#1D1D1F;\n --ink-2:#515154;\n --ink-3:#6E6E73;\n --ink-4:#8E8E93;\n --line:#D2D2D7;\n --line-2:#E8E8ED;\n --fill:rgba(0,0,0,.04);\n --fill-2:rgba(0,0,0,.07);\n --accent:#FF6B00;\n --accent-ink:#B84700;\n --accent-btn:#EB5E00;\n --warn:#E5484D;\n --ok:#34C77B;\n --sh-card:0 0 0 1px rgba(0,0,0,.025),0 1px 2px rgba(0,0,0,.04),0 6px 18px rgba(0,0,0,.04),0 24px 60px rgba(0,0,0,.05);\n --sh-lift:0 0 0 1px rgba(0,0,0,.02),0 2px 4px rgba(0,0,0,.04),0 16px 36px rgba(0,0,0,.07),0 48px 100px rgba(0,0,0,.09);\n --sh-glass:0 2px 4px rgba(0,0,0,.03),0 24px 60px rgba(255,107,0,.10),0 64px 140px rgba(0,0,0,.08);\n --r-card:clamp(18px,2.2vw,24px);\n --ease:cubic-bezier(.22,1,.36,1);\n --ease-move:cubic-bezier(.65,0,.35,1);\n --spring:cubic-bezier(.34,1.3,.64,1);\n --maxw:1200px;\n --pad:clamp(16px,4.4vw,48px);\n --gap:clamp(12px,1.8vw,18px);\n --sec:clamp(64px,9vw,116px);\n --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n}\n\/* de \"gentle\" veer uit de video: damping 15, stiffness 110, 4% overshoot *\/\n@supports (transition-timing-function:linear(0,1)){\n :root{--spring:linear(0,.107 6.25%,.326 12.5%,.557 18.75%,.75 25%,.888 31.25%,.975 37.5%,1.02 43.75%,1.038 50%,1.039 56.25%,1.032 62.5%,1.014 75%,1.003 87.5%,1)}\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}\nbody{overflow-x:hidden}\n@supports (overflow:clip){body{overflow-x:clip}}\nbody{\n font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n background:var(--page);color:var(--ink);\n font-size:17px;line-height:1.55;letter-spacing:-.011em;\n -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;\n counter-reset:sec;\n}\nimg,svg,video{max-width:100%}\n::selection{background:rgba(255,107,0,.18)}\na,button,summary,input{-webkit-tap-highlight-color:transparent}\n:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}\n\n.shell{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:10px 0 0}\n\n\/* ============ nav ============ *\/\n.nav-wrap{position:sticky;top:10px;z-index:60;margin:0 clamp(8px,1.6vw,16px)}\nnav{\n position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;\n padding:9px 9px 9px 18px;border-radius:18px;\n background:rgba(251,251,253,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);\n box-shadow:0 0 0 1px rgba(0,0,0,.04);\n transition:box-shadow .45s var(--ease),background .45s var(--ease);\n}\nnav.scrolled{background:rgba(251,251,253,.84);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 12px 32px -14px rgba(0,0,0,.2)}\n.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.03em;white-space:nowrap;color:var(--ink);text-decoration:none}\n.logo .mark{flex:0 0 auto;width:22px;height:21px;display:block;transition:transform .7s var(--spring)}\n.logo:hover .mark{transform:rotate(-12deg)}\n.logo .mark svg{width:100%;height:100%;display:block}\n.logo .spark{transform-box:fill-box;transform-origin:center;animation:twinkle 4.8s var(--ease) infinite}\n@keyframes twinkle{0%,82%,100%{transform:scale(1) rotate(0)}88%{transform:scale(1.25) rotate(45deg)}94%{transform:scale(.92) rotate(90deg)}}\n.navcta{display:flex;align-items:center;gap:10px}\n@media(max-width:560px){.navcta .btn{display:none}}\n\n\/* ============ knoppen ============ *\/\n.btn{\n display:inline-flex;align-items:center;justify-content:center;gap:9px;\n background:var(--ink);color:#fff;text-decoration:none;\n font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.2;\n padding:13px 22px;min-height:46px;border-radius:999px;border:0;cursor:pointer;text-align:center;\n transition:transform .5s var(--spring),background .25s ease,box-shadow .4s var(--ease);\n}\n.btn:hover{background:#000;transform:translateY(-1px)}\n.btn:active{transform:scale(.97)}\n.btn .arrow{display:inline-block;font-size:13px;opacity:.85;transition:transform .45s var(--spring)}\n.btn:hover .arrow{transform:translateX(3px)}\n.btn-sm{padding:9px 16px;min-height:38px;font-size:13.5px}\n.btn-lg{padding:16px 30px;min-height:56px;font-size:17px;font-weight:700}\n.btn-accent{background:var(--accent-btn);font-size:19px;font-weight:700;letter-spacing:-.02em;box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 30px -12px rgba(255,107,0,.65)}\n.btn-accent:hover{background:#D95600;box-shadow:0 1px 2px rgba(0,0,0,.08),0 20px 40px -14px rgba(255,107,0,.75)}\n@media(max-width:520px){.btn-lg{width:100%}}\n\n\/* ============ algemeen ============ *\/\nsection{padding:var(--sec) var(--pad);position:relative}\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;counter-increment:sec;\n font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);\n}\n.eyebrow::before{content:counter(sec,decimal-leading-zero);color:var(--accent-ink);font-weight:600}\n.eyebrow .dot{width:18px;height:1px;background:var(--line);display:block}\n\nh1{font-size:clamp(38px,7.2vw,76px);line-height:1.04;letter-spacing:-.038em;font-weight:700;text-wrap:balance}\nh2{font-size:clamp(30px,5vw,54px);line-height:1.07;letter-spacing:-.035em;font-weight:700;text-wrap:balance}\nh3{font-size:clamp(17px,2.2vw,20px);line-height:1.3;letter-spacing:-.022em;font-weight:600}\n.lead{font-size:clamp(17px,2.2vw,21px);color:var(--ink-2);line-height:1.5;font-weight:450;letter-spacing:-.016em}\n.small{font-size:14px;color:var(--ink-3);line-height:1.55}\n.muted{color:var(--ink-2)}\n.center{text-align:center}\n.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}\n.mt28{margin-top:28px}.mt40{margin-top:clamp(28px,4vw,44px)}.mt56{margin-top:clamp(36px,5vw,60px)}\n\n\/* basiskaart: wit, zachte schaduw, geen rand, net als de kaarten in de video *\/\n.dtile,.checks,.result,.calc,.agentmap,.explorer,.price,.callout,.gcard,.faq,.min,.bookcard,.stats,.agentlist .row{\n background:var(--card);border-radius:var(--r-card);box-shadow:var(--sh-card);\n}\n\n\/* hover: kaart komt iets los van de pagina *\/\n@media(hover:hover){\n .dtile,.price,.gcard,.min,.callout{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}\n .dtile:hover,.price:hover,.gcard:hover,.min:hover,.callout:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}\n}\n\n\/* uitklapper *\/\n.more{margin-top:14px}\n.more>summary{\n list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;user-select:none;\n font-size:13px;font-weight:600;color:var(--ink);\n background:var(--fill);border-radius:999px;padding:6px 14px 6px 7px;min-height:34px;\n transition:background .25s ease,transform .5s var(--spring);\n}\n.more>summary::-webkit-details-marker{display:none}\n.more>summary:hover{background:var(--fill-2)}\n.more>summary:active{transform:scale(.96)}\n.more>summary .sign{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:14px;color:var(--ink-2);line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:transform .6s var(--spring),background .3s,color .3s}\n.more[open]>summary .sign{transform:rotate(45deg);background:var(--ink);color:#fff}\n.more[open]>summary .lbl-closed{display:none}\n.more .lbl-open{display:none}\n.more[open] .lbl-open{display:inline}\n.more>div{font-size:15px;color:var(--ink-2);line-height:1.6;padding-top:12px}\ndetails[open]>div,details[open]>p{animation:fadeIn .55s var(--ease) both}\n\n\/* vloeiend open- en dichtklappen waar de browser dat kan *\/\n@supports (interpolate-size:allow-keywords){\n :root{interpolate-size:allow-keywords}\n details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}\n details[open]::details-content{height:auto}\n}\n\n\/* ============ hero ============ *\/\n.hero{text-align:center;padding-top:clamp(52px,8vw,100px);padding-bottom:clamp(44px,6vw,72px)}\n.hero::before{content:'';position:absolute;left:0;right:0;top:-140px;bottom:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 60% at 50% 34%,var(--page-lift) 0%,rgba(251,251,253,0) 70%)}\n.pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:7px 16px 7px 12px;font-size:clamp(12px,2.4vw,13.5px);font-weight:500;color:var(--ink-2);box-shadow:var(--sh-card);text-align:left}\n.pill .ic{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent);position:relative}\n.pill .ic::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--accent);animation:ping 2.6s var(--ease) infinite}\n@keyframes ping{0%{transform:scale(.45);opacity:.9}70%,100%{transform:scale(1.7);opacity:0}}\n.hero h1{max-width:16ch;margin:24px auto 0}\n.h-mute{color:var(--ink-3)}\n.u{position:relative;display:inline-block;white-space:nowrap}\n.u::after{content:'';position:absolute;left:.03em;right:.08em;bottom:-.07em;height:max(3px,.07em);border-radius:99px;background:var(--accent);transform-origin:0 50%;animation:drawX 1s var(--ease-move) 1.15s both}\n@keyframes drawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n.hero .lead{max-width:44ch;margin:24px auto 0}\n.hero-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px}\n.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;width:100%}\n.cap{font-size:13px;color:var(--ink-3);font-weight:500;display:inline-flex;align-items:center;gap:9px}\n.cap .mini{position:relative;flex:0 0 auto;width:30px;height:30px}\n.mini-img,.av-img,.sb-img{display:block;border-radius:50%;object-fit:cover;transform:scale(1.06);background:#111}\n.cap .mini-img{width:30px;height:30px;box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(0,0,0,.35)}\n.cap .mini i{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--page)}\n.cap .mini i::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--ok);animation:ping 2.6s var(--ease) .8s infinite}\n.works{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:clamp(18px,2.4vw,26px) var(--pad) 0}\n.works .wl{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}\n.works .tool{font-size:13.5px;font-weight:600;color:var(--ink-2);background:#fff;border-radius:999px;padding:6px 13px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.04)}\n.cap .dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--ok);position:relative}\n.cap .dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--ok);animation:ping 2.6s var(--ease) .8s infinite}\n\n\/* laadvolgorde van de hero, ook op de telefoon *\/\n.ld{animation:rise 1s var(--ease) both;animation-delay:calc(var(--d,0) * 80ms + 100ms)}\n@keyframes rise{from{opacity:0;translate:0 20px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}\n@keyframes fadeIn{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}\n\n\/* woorden die uit een masker omhoog komen (MaskReveal in de video) *\/\n.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .05em .2em;margin:-.12em -.05em -.2em}\n.wi{display:inline-block;transition:translate 1.05s var(--ease);transition-delay:calc(var(--i,0) * 38ms + var(--d,0ms))}\n.js .hero h1:not(.is-split){visibility:hidden;animation:showLate 0s 2.5s forwards}\n@keyframes showLate{to{visibility:visible}}\n.hero h1.is-split .wi{animation:wordUp 1.05s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms + 160ms)}\n@keyframes wordUp{from{translate:0 115%}to{translate:0 0}}\n\n\/* video *\/\n.vsl{position:relative;margin:clamp(40px,6vw,68px) auto 0;max-width:940px;width:100%}\n.vsl::before{content:'';position:absolute;left:4%;right:4%;top:18%;bottom:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 62% 50%,rgba(255,107,0,.16),rgba(255,107,0,0) 70%)}\n.vsl-frame{\n position:relative;aspect-ratio:16\/9;border-radius:var(--r-card);overflow:hidden;isolation:isolate;\n background:var(--page);box-shadow:var(--sh-glass);\n transform:translateZ(0) scale(var(--vs,1));transform-origin:50% 0;will-change:transform;\n}\n.vsl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--page)}\n.vsl-ui{position:absolute;right:12px;bottom:14px;z-index:3;display:flex;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .5s var(--ease)}\n.vsl-frame:hover .vsl-ui,.vsl-frame:focus-within .vsl-ui,.vsl-frame.paused .vsl-ui{opacity:1;transform:none}\n@media(hover:none){.vsl-ui{opacity:1;transform:none}}\n.vsl-btn{\n height:34px;min-width:34px;padding:0 11px;border:0;border-radius:999px;cursor:pointer;\n display:inline-flex;align-items:center;justify-content:center;gap:7px;\n background:rgba(29,29,31,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;\n font:600 12.5px\/1 'Inter',sans-serif;letter-spacing:-.01em;transition:background .25s,transform .45s var(--spring);\n}\n.vsl-btn:hover{background:rgba(29,29,31,.85)}\n.vsl-btn:active{transform:scale(.92)}\n.vsl-btn svg{width:13px;height:13px;display:block}\n.vsl-btn .i-play{display:none}\n.vsl-frame.paused .vsl-btn .i-play{display:block}\n.vsl-frame.paused .vsl-btn .i-pause{display:none}\n.vsl-btn[hidden]{display:none}\n.vsl-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:rgba(0,0,0,.05)}\n.vsl-progress i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}\n.vsl-fallback{\n position:absolute;inset:0;z-index:4;border:0;cursor:pointer;font:inherit;color:inherit;\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 20px;text-align:center;\n background:rgba(245,245,247,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);\n}\n.vsl-fallback[hidden]{display:none}\n.vsl-play{width:clamp(56px,9vw,76px);height:clamp(56px,9vw,76px);border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 18px 40px -16px rgba(255,107,0,.8);transition:transform .5s var(--spring)}\n.vsl-fallback:hover .vsl-play{transform:scale(1.07)}\n.vsl-play svg{width:22px;height:22px;margin-left:4px}\n.vsl-fallback .t{font-size:clamp(14px,2.4vw,17px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}\n.vsl-fallback .s{font-size:clamp(12px,2.2vw,13.5px);color:var(--ink-2);max-width:36ch}\n.vsl-cap{font-size:13px;color:var(--ink-3);margin-top:16px}\n\n\/* ============ cijfers ============ *\/\n.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad)}\n.stat{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.8vw,30px) clamp(18px,2.6vw,30px)}\n.stat+.stat::before{content:'';position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line-2)}\n.stat .n{font-size:clamp(30px,4.4vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}\n.stat .l{font-size:13.5px;line-height:1.35;color:var(--ink-3);font-weight:500;max-width:17ch}\n@media(max-width:720px){\n .stats{grid-template-columns:1fr 1fr}\n .stat:nth-child(3)::before{display:none}\n .stat:nth-child(n+3){border-top:1px solid var(--line-2)}\n}\n\n\/* ============ layout ============ *\/\n.split{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(28px,4.4vw,64px);align-items:start}\n@media(max-width:960px){.split{grid-template-columns:1fr}}\n.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}\n@media(max-width:760px){.grid2{grid-template-columns:1fr}}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:980px){.grid3{grid-template-columns:1fr 1fr}}\n@media(max-width:640px){.grid3{grid-template-columns:1fr}}\n\n\/* ============ zelftest ============ *\/\n.checks{overflow:hidden}\n.check{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;cursor:pointer;position:relative;user-select:none;transition:background .3s ease}\n.check+.check{border-top:1px solid var(--line-2)}\n.check:hover{background:#FAFAFC}\n.check input{position:absolute;opacity:0;pointer-events:none}\n.box{flex:0 0 auto;width:24px;height:24px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;transition:background .3s ease,border-color .3s ease,transform .6s var(--spring)}\n.box svg{width:12px;height:12px;overflow:visible}\n.box path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .32s var(--ease-move)}\n.check:active .box{transform:scale(.88)}\n.check input:checked~.box{background:var(--accent);border-color:var(--accent);animation:pop .6s var(--spring)}\n.check input:checked~.box path{stroke-dashoffset:0;transition-delay:.08s}\n.check input:focus-visible~.box{outline:2px solid var(--accent);outline-offset:3px}\n@keyframes pop{from{transform:scale(.7)}to{transform:scale(1)}}\n.check .txt{font-size:clamp(15px,2.5vw,16px);color:var(--ink-2);line-height:1.5;transition:color .3s ease}\n.check input:checked~.txt{color:var(--ink)}\n\n.result{\n margin-top:14px;padding:20px 22px;display:flex;gap:18px;align-items:flex-start;\n transition:background .55s var(--ease),box-shadow .55s var(--ease),transform .6s var(--spring);\n}\n.result .rnum{flex:0 0 auto;display:inline-flex;align-items:baseline;overflow:hidden;padding:.05em 0 .08em;font-size:clamp(36px,5vw,46px);font-weight:700;letter-spacing:-.05em;line-height:.95;color:var(--ink-4);font-variant-numeric:tabular-nums;transition:color .4s ease}\n.result .rnum #rnum{display:inline-block}\n.result .rnum em{font-style:normal;font-size:16px;font-weight:600;color:var(--ink-4);margin-left:2px;transition:color .4s}\n.result .score{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.07em;color:var(--ink-3);margin-bottom:6px;transition:color .4s ease}\n.result .body{font-size:clamp(15px,2.5vw,16px);color:var(--ink-2);line-height:1.55;transition:color .4s ease}\n.result .rcta{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .55s var(--ease),opacity .4s ease,margin-top .55s var(--ease)}\n.result .rcta>div{overflow:hidden}\n.result .rcta a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,138,61,.7);padding-bottom:2px}\n.result .rcta a .arrow{transition:transform .45s var(--spring)}\n.result .rcta a:hover .arrow{transform:translateX(3px)}\n.result.warm{box-shadow:var(--sh-glass)}\n.result.warm .rnum{color:var(--ink)}\n.result.warm .score{color:var(--accent-ink)}\n.result.hot{background:var(--ink);box-shadow:0 30px 60px -32px rgba(0,0,0,.6),0 26px 70px -30px rgba(255,107,0,.45)}\n.result.hot .rnum{color:#fff}\n.result.hot .rnum em{color:rgba(255,255,255,.4)}\n.result.hot .score{color:#FF8A3D}\n.result.hot .body{color:rgba(255,255,255,.8)}\n.result.warm .rcta,.result.hot .rcta{grid-template-rows:1fr;opacity:1;margin-top:14px}\n.result.warm .rcta a{color:var(--accent-ink);border-bottom-color:rgba(184,71,0,.35)}\n.result.bump{transform:scale(1.015)}\n.flip{animation:flip .55s var(--ease) both}\n@keyframes flip{from{translate:0 70%;opacity:0;filter:blur(4px)}to{translate:0 0;opacity:1;filter:none}}\n.swap{animation:fadeIn .45s var(--ease) both}\n\n\/* ============ rekenmodule ============ *\/\n.calc{padding:clamp(20px,3vw,30px)}\n.field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}\n.field:last-of-type{border-bottom:0}\n.field label{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);max-width:28ch;flex:1 1 150px}\n.input{display:flex;align-items:center;flex:0 0 auto;background:var(--fill);border:1px solid transparent;border-radius:12px;padding:0 4px 0 12px;transition:background .25s,border-color .25s,box-shadow .35s var(--ease)}\n.input:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,107,0,.14)}\n.input .pre{font-size:15px;color:var(--ink-3);font-weight:600}\n.input input{width:72px;border:0;background:transparent;outline:none;font-family:inherit;font-size:17px;font-weight:700;color:var(--ink);padding:11px 6px;text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums}\n.input input::-webkit-outer-spin-button,.input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n.input input[type=number]{-moz-appearance:textfield}\n.calc-out{margin-top:20px;padding-top:22px;border-top:1px solid var(--line-2)}\n.calc-out .big{font-size:clamp(38px,7vw,62px);font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}\n.calc-out .sub{font-size:clamp(14px,2.4vw,15px);color:var(--ink-2);margin-top:10px}\n.side-note{border-left:2px solid var(--accent);padding-left:16px;font-size:clamp(15px,2.5vw,16px);color:var(--ink-2)}\n\n\/* ============ wat er ongezien draait ============ *\/\n.agentmap{padding:clamp(14px,2.4vw,24px);overflow:hidden;background:linear-gradient(180deg,#fff,#FBFBFD)}\n.agentmap svg{width:100%;height:auto;display:block}\n.am-lines path{animation:flow 1.6s linear infinite;animation-play-state:paused}\n.am-overlap{animation:flow 2.4s linear infinite;animation-play-state:paused}\n.agentmap.live .am-lines path,.agentmap.live .am-overlap{animation-play-state:running}\n@keyframes flow{to{stroke-dashoffset:-18}}\n.am-ripple{transform-box:fill-box;transform-origin:center;animation:ripple 2.8s var(--ease) infinite;animation-play-state:paused}\n.agentmap.live .am-ripple{animation-play-state:running}\n@keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.22,1.5);opacity:0}}\n.anim .am-chip{opacity:0;translate:0 8px;transition:opacity .7s var(--ease),translate .8s var(--ease)}\n.anim .agentmap.in .am-chip{opacity:1;translate:0 0}\n.anim .am-core{opacity:0;transform-box:fill-box;transform-origin:center;scale:.9;transition:opacity .6s var(--ease),scale .9s var(--spring)}\n.anim .agentmap.in .am-core{opacity:1;scale:1}\n.agentlist{display:none}\n\n\/* ============ tegels ============ *\/\n\n.dtile{display:flex;flex-direction:column;overflow:hidden}\n.dtile .viz{height:140px;background:linear-gradient(180deg,#FAFAFC,#F2F2F5);display:grid;place-items:center;padding:12px;overflow:hidden}\n.dtile .viz svg{width:100%;height:100%;max-height:110px;display:block;transition:transform 1s var(--ease)}\n@media(hover:hover){.dtile:hover .viz svg{transform:scale(1.05)}}\n.anim .dtile .viz svg>*{opacity:0;translate:0 7px;transition:opacity .6s var(--ease),translate .8s var(--ease)}\n.anim .dtile.in .viz svg>*{opacity:1;translate:0 0}\n.dtile .in-b{padding:clamp(18px,3vw,24px);display:flex;flex-direction:column}\n.dtile .num{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--accent-ink);letter-spacing:.04em;margin-bottom:10px}\n.dtile .means{margin-top:8px;font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);line-height:1.55}\n\n\/* ============ verkenner ============ *\/\n.mono{font-family:var(--mono)}\n.explorer{overflow:hidden;box-shadow:var(--sh-lift)}\n.ex-bar{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line-2);background:#FAFAFC;flex-wrap:wrap}\n.dots{display:flex;gap:7px;flex:0 0 auto}\n.dots i{width:11px;height:11px;border-radius:50%;background:#DCDCE0;display:block;transition:background .3s ease}\n.explorer:hover .dots i:nth-child(1){background:#FF5F57}\n.explorer:hover .dots i:nth-child(2){background:#FEBC2E;transition-delay:.04s}\n.explorer:hover .dots i:nth-child(3){background:#28C840;transition-delay:.08s}\n.ex-path{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.ex-badge{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ink-2);background:#fff;box-shadow:0 0 0 1px var(--line-2);border-radius:999px;padding:4px 11px;white-space:nowrap}\n@media(max-width:520px){.ex-badge{margin-left:0}}\n.ex-body{display:grid;grid-template-columns:272px 1fr;min-height:440px}\n@media(max-width:860px){.ex-body{grid-template-columns:1fr;min-height:0}}\n.ex-tree{border-right:1px solid var(--line-2);padding:14px 12px;font-size:12.5px;line-height:1.5;overflow:auto;background:#FCFCFD}\n@media(max-width:860px){.ex-tree{border-right:0;border-bottom:1px solid var(--line-2);max-height:250px}}\n.tr{display:block;padding:5px 8px;border-radius:8px;color:var(--ink-3);white-space:nowrap}\n.tr.dir{color:var(--ink-2);font-weight:600}\n.tr.f{color:var(--ink-2);border:0;background:transparent;width:100%;text-align:left;cursor:pointer;font:inherit;transition:background .2s ease,color .2s ease,transform .4s var(--spring)}\n.tr.f:hover{background:var(--fill);color:var(--ink)}\n.tr.f:active{transform:scale(.98)}\n.tr.f[aria-selected=\"true\"]{background:var(--ink);color:#fff}\n.tr.f[aria-selected=\"true\"] .dot{background:var(--accent)}\n.i1{padding-left:20px}.i2{padding-left:36px}.i3{padding-left:52px}\n.tr .dot{display:inline-block;width:5px;height:5px;border-radius:1.5px;background:#C7C7CC;margin-right:8px;vertical-align:middle;transition:background .2s}\n.tr.g{color:var(--ink-3)}\n.ex-sub{margin:14px 4px 8px;font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:12px}\n.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}\n.chip{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--fill);border:0;border-radius:999px;padding:6px 12px;cursor:pointer;font-family:'Inter',sans-serif;transition:background .2s,color .2s,transform .45s var(--spring)}\n.chip:hover{background:var(--fill-2);color:var(--ink)}\n.chip:active{transform:scale(.94)}\n.chip[aria-selected=\"true\"]{background:var(--ink);color:#fff}\n.ex-view{padding:clamp(18px,3vw,28px);overflow:auto}\n.pane{display:none}\n.pane.on{display:block;animation:paneIn .5s var(--ease) both}\n@keyframes paneIn{from{opacity:0;translate:0 8px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:none}}\n.pane-h{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-2);padding-bottom:12px;margin-bottom:16px;flex-wrap:wrap}\n.pane-h .n{font-size:13.5px;font-weight:600;letter-spacing:-.01em}\n.pane-h .m{font-size:11.5px;color:var(--ink-3)}\n.md{font-size:13px;line-height:1.85;color:var(--ink-2)}\n.md .h1{display:block;color:var(--ink);font-weight:600;font-size:14px;margin-bottom:6px}\n.md .h2{display:block;color:var(--ink);font-weight:600;margin-top:16px}\n.md .c{color:var(--accent)}\n.md .g{color:var(--ink-3)}\n.md ul{list-style:none;margin:4px 0 0}\n.md li{padding-left:16px;position:relative}\n.md li::before{content:'-';position:absolute;left:2px;color:var(--ink-4)}\n.tbl{width:100%;border-collapse:collapse;font-size:12.5px}\n.tbl th{text-align:left;font-weight:600;color:var(--ink-3);font-size:10.5px;letter-spacing:.06em;padding:0 12px 9px 0;border-bottom:1px solid var(--line)}\n.tbl td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}\n.tbl td:first-child{color:var(--ink);font-weight:600}\n.tbl tbody tr{transition:background .2s}\n.tbl tbody tr:hover{background:#FAFAFC}\n.pane.on .tbl tbody tr{animation:fadeIn .5s var(--ease) both}\n.pane.on .tbl tbody tr:nth-child(2){animation-delay:.06s}\n.pane.on .tbl tbody tr:nth-child(3){animation-delay:.12s}\n.pane.on .tbl tbody tr:nth-child(4){animation-delay:.18s}\n.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}\n.ask{display:flex;flex-direction:column;gap:12px}\n.bub{max-width:82%;padding:13px 16px;border-radius:20px;font-size:13.5px;line-height:1.6}\n.bub.q{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px;transform-origin:100% 100%}\n.bub.a{align-self:flex-start;background:#F2F2F5;color:var(--ink-2);border-bottom-left-radius:6px;transform-origin:0 100%}\n#p-vraagbaak.on .bub{animation:bubIn .7s var(--spring) both}\n#p-vraagbaak.on .bub:nth-child(1){animation-delay:.08s}\n#p-vraagbaak.on .bub:nth-child(2){animation-delay:.62s}\n#p-vraagbaak.on .bub:nth-child(3){animation-delay:1.25s}\n#p-vraagbaak.on .bub:nth-child(4){animation-delay:1.8s}\n@keyframes bubIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}\n.src{font-size:11px;color:var(--ink-3);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}\n.src b{color:var(--accent-ink);font-weight:600}\n.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2)}\n.flow .f-node{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--fill);border-radius:9px;padding:6px 11px}\n.flow .f-node.k{background:var(--ink);color:#fff}\n.flow .f-arr{color:var(--ink-4);font-size:12px}\n#p-vraagbaak.on .flow>*{animation:fadeIn .5s var(--ease) both;animation-delay:calc(2.25s + var(--i,0) * 70ms)}\n\n\/* ============ tijdlijn ============ *\/\n.steps{--rp:clamp(30px,4vw,44px);position:relative;padding-left:var(--rp)}\n.rail{position:absolute;left:8px;top:0;width:2px;height:0;border-radius:2px;background:var(--line-2);overflow:hidden}\n.rail i{display:block;height:100%;background:var(--accent);transform-origin:50% 0;transform:scaleY(var(--p,0))}\n.step{--dot:36px;position:relative;display:grid;grid-template-columns:190px 1fr 170px;gap:24px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.07);align-items:start}\n.step:last-of-type{border-bottom:0}\n.step::before{\n content:'';position:absolute;left:calc(3px - var(--rp));top:calc(var(--dot) - 6px);width:12px;height:12px;border-radius:50%;\n background:var(--page);box-shadow:0 0 0 2px var(--line);transition:background .35s ease,box-shadow .35s ease,transform .6s var(--spring);\n}\n.step.on::before{background:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 6px rgba(255,107,0,.15);transform:scale(1.05)}\n@media(max-width:860px){.step{--dot:30px;grid-template-columns:1fr;gap:6px;padding:18px 0}}\n.step .when{font-size:16.5px;font-weight:600;letter-spacing:-.02em}\n.step .when em{display:block;font-style:normal;font-size:13px;color:var(--ink-3);font-weight:500;margin-top:3px}\n.step .what{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);line-height:1.6}\n.step .time{font-size:12.5px;color:var(--ink);font-weight:600;background:#fff;box-shadow:var(--sh-card);border-radius:999px;padding:7px 14px;justify-self:end;white-space:nowrap}\n@media(max-width:860px){.step .time{justify-self:start;margin-top:8px}}\n\n\/* ============ prijzen ============ *\/\n.callout{display:flex;gap:16px;align-items:flex-start;padding:22px 24px}\n.callout.hard{background:var(--ink)}\n.callout .k{font-size:clamp(24px,3.4vw,32px);font-weight:700;letter-spacing:-.045em;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}\n.callout.hard .k{color:#fff}\n.callout .v{font-size:clamp(14px,2.4vw,15px);color:var(--ink-2);line-height:1.5}\n.callout.hard .v{color:rgba(255,255,255,.7)}\n.callout .v b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}\n.callout.hard .v b{color:#fff}\n.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:860px){.prices{grid-template-columns:1fr}}\n.price{padding:clamp(22px,3vw,28px)}\n.price.main{background:var(--ink);color:#fff;box-shadow:0 30px 70px -36px rgba(0,0,0,.6),0 24px 70px -32px rgba(255,107,0,.4)}\n.price .label{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}\n.price.main .label{color:#FF8A3D}\n.price .amt{font-size:clamp(36px,6vw,50px);font-weight:700;letter-spacing:-.05em;line-height:1;margin:14px 0 12px;font-variant-numeric:tabular-nums}\n.price p{font-size:15px;color:var(--ink-2);line-height:1.6}\n.price.main p{color:rgba(255,255,255,.72)}\n\n\/* ============ garantie ============ *\/\n.guar{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}\n@media(max-width:860px){.guar{grid-template-columns:1fr}}\n.gcard{padding:clamp(22px,3vw,30px)}\n.gcard .ic{width:40px;height:40px;border-radius:12px;background:var(--ink);display:grid;place-items:center;margin-bottom:16px}\n.gcard .ic svg{width:18px;height:18px;overflow:visible}\n.anim .gcard .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-move) .35s}\n.anim .gcard .draw+.draw{transition-delay:.8s}\n.anim .gcard.in .draw{stroke-dashoffset:0}\n\n\/* ============ vragen ============ *\/\n.faq{padding:4px clamp(18px,3vw,30px)}\n.faq details+details{border-top:1px solid var(--line-2)}\n.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:clamp(16px,2.6vw,18px);font-weight:600;letter-spacing:-.022em;display:flex;justify-content:space-between;gap:18px;align-items:center}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary .plus{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--fill);display:grid;place-items:center;font-size:17px;font-weight:500;color:var(--ink-2);transition:transform .65s var(--spring),background .3s,color .3s}\n.faq summary:hover .plus{background:var(--fill-2)}\n.faq details[open] summary .plus{background:var(--ink);color:#fff;transform:rotate(45deg)}\n.faq details p{font-size:16px;color:var(--ink-2);padding:0 clamp(0px,6vw,60px) 22px 0;line-height:1.65;max-width:74ch}\n\n\/* ============ het gesprek ============ *\/\n.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:860px){.agenda{grid-template-columns:1fr}}\n.min{padding:clamp(20px,3vw,26px)}\n.seg{position:relative;height:4px;border-radius:4px;background:var(--line-2);margin-bottom:18px;overflow:hidden}\n.seg i{position:absolute;top:0;bottom:0;left:calc(var(--a) * 33.333%);width:33.333%;border-radius:4px;background:var(--accent);transform-origin:0 50%}\n.anim .min .seg i{transform:scaleX(0);transition:transform 1s var(--ease-move) .35s}\n.anim .min.in .seg i{transform:scaleX(1)}\n.min .t{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--accent-ink);margin-bottom:8px;letter-spacing:.06em}\n.min p{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2)}\n\n\/* ============ statement (donkere sc\u00e8ne, zoals de stippen-sc\u00e8nes in de video) ============ *\/\n.statement{padding-top:calc(var(--sec) * .5);padding-bottom:calc(var(--sec) * .5)}\n.stage{\n position:relative;overflow:hidden;text-align:center;border-radius:clamp(22px,3vw,32px);\n padding:clamp(64px,11vw,136px) clamp(22px,5vw,64px);background:#0B0B0C;\n}\n.stage::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}\n.stage>*{position:relative}\n.stage .big{max-width:17ch;margin:0 auto;font-size:clamp(30px,5.6vw,58px);font-weight:700;letter-spacing:-.04em;line-height:1.08;color:#F5F5F7;text-wrap:balance}\n.lw{transition:color .45s ease}\n.stage.scrub .lw:not(.lit){color:#3A3A3C}\n.sline{display:block;width:min(220px,40%);height:3px;border-radius:3px;background:var(--accent);margin:30px auto 0;transform-origin:50% 50%}\n.stage.scrub .sline{transform:scaleX(0);transition:transform 1s var(--ease-move)}\n.stage.scrub.done .sline{transform:scaleX(1)}\n.stage .sub{max-width:46ch;margin:26px auto 0;font-size:clamp(15px,2.5vw,17px);font-weight:500;color:#8E8E93;line-height:1.6}\n\n\/* ============ slot ============ *\/\n.bookcard{max-width:540px;margin:clamp(28px,4vw,40px) auto 0;padding:clamp(24px,3.6vw,34px);text-align:center;box-shadow:var(--sh-lift)}\n.host{display:flex;align-items:center;gap:14px;text-align:left;padding-bottom:18px;border-bottom:1px solid var(--line-2)}\n.host .av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line-2),0 10px 22px -10px rgba(0,0,0,.45)}\n.host .av-img{width:56px;height:56px}\n.host .av img{width:100%;height:100%;object-fit:cover;display:block}\n.host .nm{display:block;font-weight:600;font-size:17px;letter-spacing:-.022em}\n.host .bio{display:block;font-size:14px;color:var(--ink-2);line-height:1.45;margin-top:2px}\n.include{font-size:15px;color:var(--ink-2);margin-top:clamp(24px,3vw,32px);text-align:center}\n.bookcard .btn{width:100%;margin-top:20px}\n.bklist{text-align:left;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-2);display:grid;gap:10px}\n.bklist span{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45}\n.bklist svg{flex:0 0 auto;width:14px;height:14px;margin-top:3px;overflow:visible}\n.anim .bookcard .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s var(--ease-move);transition-delay:calc(.45s + var(--k,0) * 160ms)}\n.anim .bookcard.in .draw{stroke-dashoffset:0}\n.fnote{font-size:13px;color:var(--ink-3);text-align:center;margin-top:14px}\n\nfooter{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);border-top:1px solid rgba(0,0,0,.07);margin:0 var(--pad);padding-left:0;padding-right:0}\n.foot-note{font-size:12.5px;line-height:1.6;color:var(--ink-3);padding:0 var(--pad) 30px;max-width:80ch}\n\n\/* ============ mobiele sticky CTA ============ *\/\n.stickybar{\n position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;\n padding:10px 14px calc(10px + env(safe-area-inset-bottom));\n background:rgba(255,255,255,.96);border-top:1px solid var(--line-2);\n transform:translateY(110%);transition:transform .5s var(--ease);\n}\n.stickybar.show{transform:none}\n.stickybar{align-items:center;gap:10px}\n.stickybar .btn{flex:1 1 auto;width:auto}\n.sb-img{flex:0 0 auto;width:44px;height:44px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line-2)}\n@media(max-width:760px){.stickybar{display:flex}}\n\n\/* ============ verschijnen bij scrollen (alleen desktop, zie script in head) ============ *\/\n.anim .rv{opacity:0;translate:0 24px;filter:blur(8px)}\n.anim .rv.in{opacity:1;translate:0 0;filter:none}\n.js .rv{transition:opacity .9s var(--ease) var(--d,0ms),translate 1s var(--ease) var(--d,0ms),filter .9s var(--ease) var(--d,0ms),transform .7s var(--ease),box-shadow .7s var(--ease),background .4s ease}\n.anim .rv.sp{opacity:1;translate:none;filter:none}\n.anim .sp:not(.in) .wi{translate:0 115%}\n\n\/* ============ mobiel ============ *\/\n@media(max-width:760px){\n :root{--sec:clamp(48px,12vw,68px)}\n body{font-size:16px;padding-bottom:80px}\n .nav-wrap{top:8px}\n nav{background:rgba(255,255,255,.97);-webkit-backdrop-filter:none;backdrop-filter:none}\n .hero h1{max-width:none}\n .vsl{margin-top:30px}\n .vsl-btn{height:32px;min-width:32px}\n .vsl-fallback .s{display:none}\n\n .result{padding:18px}\n .mt40{margin-top:26px}\n .mt56{margin-top:34px}\n .mt28{margin-top:22px}\n\n \/* oplevering: twee kolommen, compact beeld *\/\n .grid3{grid-template-columns:1fr 1fr;gap:10px}\n .dtile .viz{height:80px;padding:6px}\n .dtile .viz svg{max-height:68px}\n .dtile .in-b{padding:14px}\n .dtile .num{font-size:11px;margin-bottom:6px}\n .dtile h3{font-size:14.5px}\n .dtile .means{font-size:13px;margin-top:6px}\n\n\n .ex-tree{max-height:190px;font-size:12px}\n .ex-view{padding:16px}\n .md{font-size:12px;line-height:1.7}\n .bub{max-width:92%;font-size:13px}\n\n .tr.f{padding:8px 10px}\n .chip{padding:9px 13px;font-size:12.5px}\n .ex-badge,.pane-h .m{font-size:12px}\n .small,.fnote,.cap{font-size:13.5px}\n}\n@media(max-width:380px){\n .grid3{grid-template-columns:1fr}\n .dtile .viz{height:96px}\n .dtile .viz svg{max-height:80px}\n .dtile h3{font-size:15.5px}\n .callout{flex-direction:column;gap:10px}\n}\n\/* losse automatiseringen: tekening op desktop, lijst op de telefoon *\/\n@media(max-width:680px){\n .agentmap{display:none}\n .agentlist{display:grid;gap:8px}\n .agentlist .row{display:flex;align-items:flex-start;gap:12px;border-radius:14px;padding:14px 16px}\n .agentlist .row .nm{font-size:14.5px;font-weight:600;letter-spacing:-.015em}\n .agentlist .row .nt{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;font-weight:500}\n .agentlist .row .tag{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:600;color:#fff;background:var(--warn);border-radius:999px;padding:3px 9px;align-self:center;position:relative}\n .agentlist .row .tag::after{content:'';position:absolute;inset:-3px;border-radius:999px;border:1.5px solid var(--warn);animation:ping 2.6s var(--ease) infinite}\n .agentlist .core{background:var(--ink)}\n .agentlist .core .nm{color:#fff}\n .agentlist .core .nt{color:rgba(255,255,255,.6)}\n}\n\n\/* minder beweging gewenst: alles staat er meteen *\/\n@media(prefers-reduced-motion:reduce){\n html{scroll-behavior:auto}\n *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0s !important}\n .am-dots,.pill .ic::after,.cap .dot::after,.am-ripple{display:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"shell\">\n\n\n<header class=\"nav-wrap\">\n<nav id=\"nav\" aria-label=\"Hoofdmenu\">\n <a class=\"logo\" href=\"#top\"><span class=\"mark\" aria-hidden=\"true\"><svg viewBox=\"0 0 112 108\" fill=\"none\"><path d=\"M75.2 18A44 44 0 1 0 93.6 60.1\" stroke=\"currentColor\" stroke-width=\"9\"\/><path d=\"M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z\" fill=\"currentColor\"\/><path d=\"M60.5 35.5L46.5 58\" stroke=\"#fff\" stroke-width=\"5.5\" stroke-linecap=\"round\"\/><path class=\"spark\" d=\"M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z\" fill=\"#FF6B00\"\/><\/svg><\/span> AI-Fundament<\/a>\n <div class=\"navcta\">\n <a class=\"btn btn-sm\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <\/div>\n<\/nav>\n<\/header>\n\n<main>\n\n<section class=\"hero\" id=\"top\">\n <span class=\"pill ld\" style=\"--d:0\"><span class=\"ic\"><\/span> Voor bedrijven met 8 tot 15 mensen<\/span>\n\n <h1><span class=\"h-mute\">Je team vraagt het al aan AI.<\/span> Zorg dat het antwoord <span class=\"u\">klopt.<\/span><\/h1>\n\n <p class=\"lead ld\" style=\"--d:6\">Ik zet de kennis van je bedrijf op papier en sluit ChatGPT, Copilot of Gemini erop aan. Dan krijgt je team jullie antwoord, met de bron erbij.<\/p>\n\n <div class=\"hero-cta ld\" style=\"--d:8\">\n <div class=\"cta-row\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <span class=\"cap\"><span class=\"mini\"><img class=\"mini-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"30\" height=\"30\" alt=\"\" decoding=\"async\" fetchpriority=\"high\"><i aria-hidden=\"true\"><\/i><\/span> Je spreekt Rick zelf. Twee trajecten per maand.<\/span>\n <\/div>\n <p class=\"small\">30 minuten online. Je ziet live wat AI nu over je bedrijf zegt en houdt het contextbestand.<\/p>\n <\/div>\n\n \n <div class=\"vsl ld\" style=\"--d:10\" id=\"vsl\">\n <div class=\"vsl-frame\" id=\"vslFrame\">\n <video class=\"vsl-video\" id=\"vslVideo\" autoplay muted loop playsinline preload=\"auto\" disablepictureinpicture poster=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/AIFunda.webm\" aria-label=\"Video van 75 seconden: zo werkt AI-Fundament\">\n <source src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/AIFunda.webm\" type=\"video\/mp4\">\n <\/video>\n <button class=\"vsl-fallback\" id=\"vslFallback\" type=\"button\" hidden>\n <span class=\"vsl-play\"><svg viewBox=\"0 0 20 20\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M5 3.2v13.6a.8.8 0 0 0 1.22.68l11-6.8a.8.8 0 0 0 0-1.36l-11-6.8A.8.8 0 0 0 5 3.2z\"\/><\/svg><\/span>\n <span class=\"t\">Bekijk in 75 seconden hoe het werkt<\/span>\n <\/button>\n <div class=\"vsl-ui\">\n <button class=\"vsl-btn\" id=\"vslSound\" type=\"button\" hidden><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z\" fill=\"#fff\"\/><path d=\"M10.6 5.6a3.4 3.4 0 0 1 0 4.8M12.4 3.8a6 6 0 0 1 0 8.4\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg><span class=\"lbl\">Geluid aan<\/span><\/button>\n <button class=\"vsl-btn\" id=\"vslToggle\" type=\"button\" aria-label=\"Pauzeer video\">\n <svg class=\"i-pause\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"2.5\" width=\"3\" height=\"11\" rx=\"1\" fill=\"#fff\"\/><rect x=\"9.5\" y=\"2.5\" width=\"3\" height=\"11\" rx=\"1\" fill=\"#fff\"\/><\/svg>\n <svg class=\"i-play\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 2.8v10.4a.7.7 0 0 0 1.06.6l8.4-5.2a.7.7 0 0 0 0-1.2l-8.4-5.2a.7.7 0 0 0-1.06.6z\" fill=\"#fff\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"vsl-progress\" aria-hidden=\"true\"><i id=\"vslBar\"><\/i><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"stats rv\">\n <div class=\"stat\"><span class=\"n\" data-count>30<\/span><span class=\"l\">minuten spiegeltest, gratis<\/span><\/div>\n <div class=\"stat\"><span class=\"n\">0<\/span><span class=\"l\">nieuwe software of licenties<\/span><\/div>\n <div class=\"stat\"><span class=\"n\" data-count>\u20ac4.500<\/span><span class=\"l\">vaste prijs voor het hele traject<\/span><\/div>\n <div class=\"stat\"><span class=\"n\" data-count>100%<\/span><span class=\"l\">geld terug als de eindtest faalt<\/span><\/div>\n<\/div>\n\n<div class=\"works rv\" aria-label=\"Werkt met\">\n <span class=\"wl\">Werkt met wat je al hebt<\/span>\n <span class=\"tool\">ChatGPT<\/span><span class=\"tool\">Microsoft Copilot<\/span><span class=\"tool\">Gemini<\/span><span class=\"tool\">Google Drive<\/span><span class=\"tool\">SharePoint<\/span>\n<\/div>\n\n\n<section id=\"zelftest\">\n <div class=\"split\">\n <div>\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Zelftest<\/span>\n <h2 class=\"rv sp\">Herken je dit?<\/h2>\n <p class=\"lead mt20 rv\">Vink aan wat bij jullie speelt.<\/p>\n <\/div>\n\n <div class=\"rv\">\n <div class=\"checks\" id=\"checks\">\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Niemand weet waar de laatste versie van een offerte staat.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Twee collega's geven een klant een ander antwoord.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Nieuwe mensen vragen na een maand nog waar alles staat.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Je weet niet welke AI-tools je team gebruikt en wat erin gaat.<\/span><\/label>\n <\/div>\n\n <div class=\"result\" id=\"result\" aria-live=\"polite\">\n <span class=\"rnum\"><span id=\"rnum\">0<\/span><em>\/4<\/em><\/span>\n <div>\n <div class=\"score\" id=\"score\">NIETS AANGEVINKT<\/div>\n <div class=\"body\" id=\"verdict\">Dan ben je verder dan de meeste bedrijven.<\/div>\n <div class=\"rcta\"><div><a href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"kosten\">\n <div class=\"split\">\n <div>\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat het kost<\/span>\n <h2 class=\"rv sp\">Reken het zelf uit.<\/h2>\n <p class=\"lead mt20 rv\">Alleen de tijd die je team kwijt is aan zoeken en navragen.<\/p>\n <details class=\"more rv\">\n <summary><span class=\"sign\">+<\/span><span class=\"lbl-closed\">Waar komen de getallen vandaan<\/span><span class=\"lbl-open\">Verbergen<\/span><\/summary>\n <div>Twee uur per week is voorzichtig. \u20ac45 per uur is wat het CBS aanhoudt voor loonkosten. Gerekend met 45 werkweken.<\/div>\n <\/details>\n <\/div>\n\n <div class=\"calc rv\" id=\"calc\">\n <div class=\"field\">\n <label for=\"ppl\">Medewerkers<\/label>\n <span class=\"input\"><input id=\"ppl\" type=\"number\" inputmode=\"numeric\" min=\"1\" max=\"500\" value=\"12\"><\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"hrs\">Uur per week zoeken, per persoon<\/label>\n <span class=\"input\"><input id=\"hrs\" type=\"number\" inputmode=\"decimal\" min=\"0\" max=\"40\" step=\"0.5\" value=\"2\"><\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"wage\">Loonkosten per uur<\/label>\n <span class=\"input\"><span class=\"pre\">\u20ac<\/span><input id=\"wage\" type=\"number\" inputmode=\"numeric\" min=\"0\" max=\"500\" value=\"45\"><\/span>\n <\/div>\n <div class=\"calc-out\">\n <div class=\"big\" id=\"total\">\u20ac48.600<\/div>\n <div class=\"sub\">per jaar, elk jaar opnieuw.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"center mt56 rv\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"ongezien\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat er al draait<\/span>\n <h2 class=\"rv sp\" style=\"max-width:20ch\">Er draait al AI in je bedrijf, zonder eigenaar.<\/h2>\n <p class=\"lead mt20 rv\" style=\"max-width:52ch\">AFAS, Exact, Outlook en priv\u00e9-accounts zitten allemaal aan je klantgegevens. Twee ervan doen hetzelfde.<\/p>\n\n <div class=\"agentmap mt40 rv\" id=\"agentmap\">\n <svg viewBox=\"0 0 620 260\" fill=\"none\" role=\"img\" aria-label=\"Losse automatiseringen die allemaal aan jouw bestanden en klantgegevens zitten, zonder eigenaar en met overlap\">\n <g font-family=\"Inter, sans-serif\" font-size=\"10.5\">\n \n <g class=\"am-lines\" stroke=\"#C7C7CC\" stroke-dasharray=\"4 5\">\n <path d=\"M170 50C226 50 226 118 250 126\"\/>\n <path d=\"M170 212C226 212 226 146 250 134\"\/>\n <path d=\"M450 46C392 46 384 116 370 124\"\/>\n <path d=\"M450 104C412 104 392 118 370 128\"\/>\n <path d=\"M450 208C394 208 384 146 370 136\"\/>\n <\/g>\n\n \n <g class=\"am-dots\">\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" path=\"M170 50C226 50 226 118 250 126\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"3.4s\" repeatCount=\"indefinite\" path=\"M170 212C226 212 226 146 250 134\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"3.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.8\" fill=\"#E5484D\" opacity=\"0\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" path=\"M450 46C392 46 384 116 370 124\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.8\" fill=\"#E5484D\" opacity=\"0\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" path=\"M450 104C412 104 392 118 370 128\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"3.1s\" repeatCount=\"indefinite\" path=\"M450 208C394 208 384 146 370 136\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"3.1s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n\n \n <g class=\"am-core\">\n <rect class=\"am-ripple\" x=\"250\" y=\"104\" width=\"120\" height=\"54\" rx=\"12\" stroke=\"#FF6B00\" stroke-width=\"1.5\"\/>\n <rect x=\"250\" y=\"104\" width=\"120\" height=\"54\" rx=\"12\" fill=\"#1D1D1F\"\/>\n <text x=\"310\" y=\"126\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"11\" font-weight=\"600\">Jouw mappen en<\/text>\n <text x=\"310\" y=\"141\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"11\" font-weight=\"600\">klantgegevens<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect class=\"am-overlap\" x=\"440\" y=\"16\" width=\"168\" height=\"120\" rx=\"12\" stroke=\"#E5484D\" stroke-dasharray=\"5 4\"\/>\n <rect x=\"474\" y=\"126\" width=\"100\" height=\"20\" rx=\"10\" fill=\"#E5484D\"\/>\n <text x=\"524\" y=\"140\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"10\" font-weight=\"600\">doen hetzelfde<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect x=\"12\" y=\"30\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"26\" y=\"50\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Workflow in AFAS<\/text>\n <text x=\"26\" y=\"63\" fill=\"#86868B\">eigenaar onbekend<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"12\" y=\"192\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"26\" y=\"212\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Koppeling met Exact<\/text>\n <text x=\"26\" y=\"225\" fill=\"#86868B\">van een oud-collega<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect x=\"450\" y=\"26\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"46\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">ChatGPT van verkoop<\/text>\n <text x=\"464\" y=\"59\" fill=\"#86868B\">privé-account<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"450\" y=\"84\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"104\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Copilot in Outlook<\/text>\n <text x=\"464\" y=\"117\" fill=\"#86868B\">mailt dezelfde klant<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"450\" y=\"188\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"208\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Macro in Excel<\/text>\n <text x=\"464\" y=\"221\" fill=\"#86868B\">draait elke nacht<\/text>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n\n <div class=\"agentlist mt40\">\n <div class=\"row rv\"><span><span class=\"nm\">Workflow in AFAS<\/span><span class=\"nt\">eigenaar onbekend<\/span><\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Koppeling met Exact<\/span><span class=\"nt\">van een oud-collega<\/span><\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">ChatGPT van verkoop<\/span><span class=\"nt\">op een privé-account<\/span><\/span><span class=\"tag\">dubbel<\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Copilot in Outlook<\/span><span class=\"nt\">mailt dezelfde klant<\/span><\/span><span class=\"tag\">dubbel<\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Macro in Excel<\/span><span class=\"nt\">draait elke nacht<\/span><\/span><\/div>\n <div class=\"row core rv\"><span><span class=\"nm\">Jouw mappen en klantgegevens<\/span><span class=\"nt\">waar ze allemaal aan zitten<\/span><\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"statement\">\n <div class=\"stage\" id=\"stage\">\n <p class=\"big\" id=\"scrub\">Jij bent nu de zoekmachine van je eigen bedrijf.<\/p>\n <span class=\"sline\" aria-hidden=\"true\"><\/span>\n <p class=\"sub\">Elke vraag die nergens staat, komt bij jou terecht.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"resultaat\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat je krijgt<\/span>\n <h2 class=\"rv sp\">Zes dingen die blijven staan.<\/h2>\n\n <div class=\"grid3 mt40\">\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <g transform=\"rotate(-7 96 58)\"><rect x=\"64\" y=\"20\" width=\"74\" height=\"76\" rx=\"7\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><\/g>\n <g transform=\"rotate(4 120 56)\"><rect x=\"82\" y=\"17\" width=\"76\" height=\"80\" rx=\"7\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><\/g>\n <rect x=\"104\" y=\"13\" width=\"82\" height=\"85\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"115\" y=\"25\" width=\"30\" height=\"5\" rx=\"2.5\" fill=\"#1D1D1F\"\/>\n <rect x=\"115\" y=\"40\" width=\"60\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"49\" width=\"48\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"62\" width=\"22\" height=\"4\" rx=\"2\" fill=\"#FF6B00\"\/>\n <rect x=\"115\" y=\"73\" width=\"56\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"82\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">01<\/div>\n <h3>Het bedrijfsboek<\/h3>\n <p class=\"means\">Wat nu in drie hoofden zit, staat op papier.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"112\" y=\"12\" width=\"120\" height=\"28\" rx=\"14\" fill=\"#1D1D1F\"\/>\n <rect x=\"124\" y=\"22\" width=\"76\" height=\"3.5\" rx=\"1.75\" fill=\"#fff\" opacity=\".85\"\/>\n <rect x=\"124\" y=\"30\" width=\"48\" height=\"3.5\" rx=\"1.75\" fill=\"#fff\" opacity=\".45\"\/>\n <rect x=\"28\" y=\"50\" width=\"150\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"42\" y=\"62\" width=\"104\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"42\" y=\"70\" width=\"84\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <path d=\"M42 81h124\" stroke=\"#E5E5EA\" stroke-dasharray=\"3 3\"\/>\n <circle cx=\"45\" cy=\"90\" r=\"3\" fill=\"#FF6B00\"\/>\n <rect x=\"53\" y=\"88\" width=\"62\" height=\"4\" rx=\"2\" fill=\"#AEAEB2\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">02<\/div>\n <h3>De vraagbaak<\/h3>\n <p class=\"means\">Je team vraagt het aan ChatGPT of Copilot in plaats van aan jou.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <g opacity=\".85\">\n <g transform=\"rotate(-9 58 28)\"><rect x=\"18\" y=\"20\" width=\"80\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"26\" y=\"26\" width=\"42\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <g transform=\"rotate(6 58 52)\"><rect x=\"14\" y=\"45\" width=\"88\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"22\" y=\"51\" width=\"56\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <g transform=\"rotate(-4 58 78)\"><rect x=\"20\" y=\"70\" width=\"76\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"28\" y=\"76\" width=\"34\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <\/g>\n <path d=\"M116 55h24\" stroke=\"#C7C7CC\" stroke-width=\"1.3\" stroke-dasharray=\"4 4\"\/>\n <path d=\"M136 50l6 5-6 5\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"158\" y=\"20\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.2\"\/>\n <rect x=\"166\" y=\"26\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#1D1D1F\"\/>\n <rect x=\"158\" y=\"45\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"166\" y=\"51\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"158\" y=\"70\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"166\" y=\"76\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">03<\/div>\n <h3>De opgeruimde kast<\/h3>\n <p class=\"means\">De versie die je vindt, is de laatste versie.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"16\" y=\"16\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"24\" width=\"24\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <rect x=\"16\" y=\"44\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"52\" width=\"30\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <rect x=\"16\" y=\"72\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"80\" width=\"20\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <path d=\"M66 27c22 0 26 28 44 28M66 55h44M66 83c22 0 26-28 44-28\" stroke=\"#C7C7CC\" stroke-dasharray=\"4 4\"\/>\n <path d=\"M108 50l6 5-6 5\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"128\" y=\"16\" width=\"116\" height=\"78\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"128\" y=\"16\" width=\"116\" height=\"20\" rx=\"7\" fill=\"#1D1D1F\"\/>\n <rect x=\"128\" y=\"30\" width=\"116\" height=\"6\" fill=\"#1D1D1F\"\/>\n <rect x=\"138\" y=\"23\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#fff\" opacity=\".8\"\/>\n <rect x=\"176\" y=\"23\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#fff\" opacity=\".45\"\/>\n <rect x=\"138\" y=\"48\" width=\"44\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"48\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#FF6B00\"\/>\n <rect x=\"138\" y=\"63\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"63\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"138\" y=\"78\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"78\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">04<\/div>\n <h3>E\u00e9n lijst met de feiten<\/h3>\n <p class=\"means\">Klanten en projecten op \u00e9\u00e9n plek, met \u00e9\u00e9n cijfer.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"84\" y=\"10\" width=\"92\" height=\"90\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"96\" y=\"22\" width=\"34\" height=\"5\" rx=\"2.5\" fill=\"#1D1D1F\"\/>\n <path d=\"M96 38h68M96 54h68M96 70h68M96 86h68\" stroke=\"#EEEEF1\"\/>\n <rect x=\"112\" y=\"35\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"51\" width=\"44\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"67\" width=\"50\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"83\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <path d=\"M96 36.5l2.6 2.6L104 34\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96 52.5l2.6 2.6L104 50\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96 68.5l2.6 2.6L104 66\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96.5 82.5l7 7M103.5 82.5l-7 7\" stroke=\"#AEAEB2\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">05<\/div>\n <h3>De spelregels op \u00e9\u00e9n A4<\/h3>\n <p class=\"means\">Wat wel en wat niet in een AI-tool mag.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"30\" y=\"24\" width=\"104\" height=\"62\" rx=\"8\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <path d=\"M44 44h26l6 7h34\" stroke=\"#DCDCE1\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"44\" y=\"60\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"44\" y=\"69\" width=\"34\" height=\"3.5\" rx=\"1.75\" fill=\"#FF6B00\"\/>\n <circle cx=\"170\" cy=\"46\" r=\"13\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <circle cx=\"170\" cy=\"46\" r=\"4.5\" fill=\"#1D1D1F\"\/>\n <path d=\"M170 59v26M170 72h9M170 80h7\" stroke=\"#1D1D1F\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <rect x=\"196\" y=\"28\" width=\"46\" height=\"26\" rx=\"6\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"204\" y=\"38\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#E1E1E6\"\/>\n <rect x=\"204\" y=\"45\" width=\"18\" height=\"3.5\" rx=\"1.75\" fill=\"#E1E1E6\"\/>\n <path d=\"M198 52l42-22\" stroke=\"#AEAEB2\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">06<\/div>\n <h3>De sleutels<\/h3>\n <p class=\"means\">Alles staat in jouw Drive of SharePoint, op jouw naam.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"include rv\">Inclusief een half uur uitleg voor het hele team en twintig startvragen voor dag \u00e9\u00e9n.<\/p>\n<\/section>\n\n\n<section id=\"zoziethetuit\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Voorbeeld<\/span>\n <h2 class=\"rv sp\">Klik door een oplevering.<\/h2>\n <p class=\"lead mt20 rv\" style=\"max-width:52ch\">Zo ziet het eruit bij een installatiebedrijf met 12 mensen.<\/p>\n\n <div class=\"explorer mt40 rv\">\n <div class=\"ex-bar\">\n <span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span>\n <span class=\"ex-path mono\">Drive › Bedrijf › 00-Bedrijfsboek<\/span>\n <span class=\"ex-badge\">Jouw eigen Drive of SharePoint<\/span>\n <\/div>\n\n <div class=\"ex-body\">\n <div class=\"ex-tree mono\" role=\"tablist\" aria-label=\"Opgeleverde bestanden\">\n <span class=\"tr dir\">00-Bedrijfsboek\/<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-bedrijf\" aria-selected=\"true\"><span class=\"dot\"><\/span>00-bedrijf.md<\/button>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-verkoop\" aria-selected=\"false\"><span class=\"dot\"><\/span>01-verkoop.md<\/button>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>02-projecten.md<\/span>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>03-uitvoering.md<\/span>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>04-administratie.md<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-regels\" aria-selected=\"false\"><span class=\"dot\"><\/span>05-spelregels.md<\/button>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-start\" aria-selected=\"false\"><span class=\"dot\"><\/span>20-startvragen.md<\/button>\n\n <span class=\"tr dir\">01-Klanten\/<\/span>\n <span class=\"tr dir i1\">2026-0412_Gemeente-Geldrop\/<\/span>\n <span class=\"tr i2\">01-offerte\/<\/span>\n <span class=\"tr i2\">02-uitvoering\/<\/span>\n <span class=\"tr i2\">03-facturen\/<\/span>\n <span class=\"tr dir i1\">2026-0503_Van-Dijk-Bouw\/<\/span>\n\n <span class=\"tr dir\">02-Projecten\/<\/span>\n <span class=\"tr dir\">03-Administratie\/<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-lijst\" aria-selected=\"false\"><span class=\"dot\"><\/span>klanten-en-projecten<\/button>\n <span class=\"tr dir\">04-Intern\/<\/span>\n <span class=\"tr dir g\">99-Archief\/<\/span>\n\n <div class=\"ex-sub\">AANGESLOTEN OP<\/div>\n <div class=\"chips\">\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">ChatGPT<\/button>\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">Gemini<\/button>\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">Copilot<\/button>\n <\/div>\n <\/div>\n\n <div class=\"ex-view\">\n\n \n <div role=\"tabpanel\" class=\"pane on\" id=\"p-bedrijf\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">00-bedrijf.md<\/span><span class=\"m\">2 kantjes · gewone taal<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Bedrijf<\/span>\nWie we zijn, wat we doen en wie waarover beslist.\n\n<span class=\"h2\"><span class=\"c\">##<\/span> In één zin<\/span>Wij doen elektrotechniek en data-installaties voor gemeenten,\nscholen en aannemers in Zuidoost-Brabant. 12 mensen, 4 bussen.\n\n<span class=\"h2\"><span class=\"c\">##<\/span> Wie beslist wat<\/span><ul>\n<li>Offerte tot 25.000 euro: werkvoorbereiding<\/li>\n<li>Offerte daarboven: directeur, altijd<\/li>\n<li>Meerwerk op locatie: uitvoerder, tot 1.500 euro<\/li>\n<li>Inhuur onderaannemer: directeur<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat we niet doen<\/span><ul>\n<li>Particuliere klussen onder 2.000 euro<\/li>\n<li>Werk buiten een straal van 60 km<\/li>\n<\/ul>\n<span class=\"g\">Laatst bijgewerkt: 12-06-2026 · eigenaar: directie<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-verkoop\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">01-verkoop.md<\/span><span class=\"m\">Uit gesprekken met je eigen mensen<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Verkoop<\/span>\n<span class=\"h2\"><span class=\"c\">##<\/span> Hoe een offerte tot stand komt<\/span><ul>\n<li>Aanvraag binnen via info@ of telefoon, zelfde dag bevestigen<\/li>\n<li>Schouw inplannen binnen 5 werkdagen<\/li>\n<li>Calculatie in de standaardsheet, nooit los in Excel<\/li>\n<li>Offerte in 01-Klanten\/[datum]_[klant]\/01-offerte\/<\/li>\n<li>Twee weken geldig, daarna opnieuw calculeren<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Factureren naar een gemeente<\/span><ul>\n<li>Altijd e-facturatie in UBL, nooit een PDF per mail<\/li>\n<li>Inkoopordernummer verplicht op de regel, anders afgekeurd<\/li>\n<li>Betaaltermijn 30 dagen, geen 14<\/li>\n<li>Bij raamcontract: verwijzen naar contractnummer<\/li>\n<\/ul>\n<span class=\"g\">Dit is de vraag die vorig jaar 40 keer bij de directeur kwam.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-regels\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">05-spelregels.md<\/span><span class=\"m\">De spelregels op één A4<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Spelregels<\/span>\n<span class=\"h2\"><span class=\"c\">##<\/span> Hoe we bestanden noemen<\/span>JJJJ-MMDD_Klant_Onderwerp_v1\nVoorbeeld: 2026-0412_Gemeente-Geldrop_Offerte_v2\n\n<span class=\"h2\"><span class=\"c\">##<\/span> Waar nieuw werk heen gaat<\/span><ul>\n<li>Klantwerk: 01-Klanten\/[datum]_[klant]\/<\/li>\n<li>Intern: 04-Intern\/<\/li>\n<li>Niets nieuws op het bureaublad, nooit<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat wel in een AI-tool mag<\/span><ul>\n<li>Eigen offerteteksten en werkinstructies<\/li>\n<li>Openbare bestekken en normen<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat er niet in gaat<\/span><ul>\n<li>Persoonsgegevens van medewerkers<\/li>\n<li>Prijsafspraken onder geheimhouding<\/li>\n<li>Tekeningen van klanten zonder hun akkoord<\/li>\n<\/ul>\n<span class=\"g\">Dit is het antwoord als je grootste klant vraagt hoe jullie met zijn gegevens omgaan.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-start\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">20-startvragen.md<\/span><span class=\"m\">Twintig vragen, dag één<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Startvragen<\/span>\nPlak er één in ChatGPT en je ziet meteen wat het doet.\n<ul>\n<li>Hoe factureren wij naar een gemeente?<\/li>\n<li>Wat staat er in onze standaard offertetekst voor een schoolgebouw?<\/li>\n<li>Wie moet deze offerte van 31.000 euro goedkeuren?<\/li>\n<li>Maak een werkbon voor de klus van morgen bij Van Dijk Bouw.<\/li>\n<li>Wat is onze betaaltermijn en wat doen we bij te laat betalen?<\/li>\n<li>Welke gegevens mag ik hier wel en niet in zetten?<\/li>\n<\/ul>\n<span class=\"g\">Plus 14 meer, per afdeling gesorteerd.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-lijst\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">klanten-en-projecten<\/span><span class=\"m\">Eén lijst met de feiten<\/span><\/div>\n <div class=\"tbl-wrap\">\n <table class=\"tbl\">\n <thead><tr><th>KLANT<\/th><th>PROJECT<\/th><th>STATUS<\/th><th>WAARDE<\/th><th>UIT<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Gemeente Geldrop<\/td><td>Renovatie gemaal<\/td><td>In uitvoering<\/td><td>€84.500<\/td><td>Offerte v2<\/td><\/tr>\n <tr><td>Van Dijk Bouw<\/td><td>Nieuwbouw 14 won.<\/td><td>Offerte uit<\/td><td>€126.000<\/td><td>Calculatie<\/td><\/tr>\n <tr><td>Stichting Helder<\/td><td>Data schoolgebouw<\/td><td>Opgeleverd<\/td><td>€38.200<\/td><td>Eindfactuur<\/td><\/tr>\n <tr><td>Aannemer Bos<\/td><td>Laadpalen terrein<\/td><td>Wacht op akkoord<\/td><td>€19.750<\/td><td>Offerte v1<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"src\">Vervangt 4 losse Excels. <b>De vraagbaak leest hieruit<\/b>, dus het cijfer in het antwoord is het cijfer in de lijst.<\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-vraagbaak\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n\">De vraagbaak<\/span><span class=\"m\">Je eigen ChatGPT, met het boek erachter<\/span><\/div>\n <div class=\"ask\">\n <div class=\"bub q\">Hoe factureren wij naar een gemeente?<\/div>\n <div class=\"bub a\">Via e-facturatie in UBL, niet als PDF per mail. Het inkoopordernummer moet op de factuurregel staan, anders wordt hij afgekeurd. Betaaltermijn is 30 dagen. Bij een raamcontract verwijs je naar het contractnummer.\n <div class=\"src\">Bron: <b>00-Bedrijfsboek\/01-verkoop.md<\/b>, bijgewerkt 12-06-2026<\/div>\n <\/div>\n <div class=\"bub q\">Wie keurt een offerte van 31.000 euro goed?<\/div>\n <div class=\"bub a\">De directeur. Werkvoorbereiding mag tot 25.000 euro zelf beslissen.\n <div class=\"src\">Bron: <b>00-Bedrijfsboek\/00-bedrijf.md<\/b><\/div>\n <\/div>\n <\/div>\n <div class=\"flow\">\n <span class=\"f-node k\">Het bedrijfsboek<\/span>\n <span class=\"f-arr\">→<\/span>\n <span class=\"f-node\">ChatGPT<\/span>\n <span class=\"f-node\">Gemini<\/span>\n <span class=\"f-node\">Copilot<\/span>\n <span class=\"f-arr\">→<\/span>\n <span class=\"f-node\">Jullie antwoord, met bron<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"center mt56 rv\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <p class=\"small mt12\">In het gesprek maken we de eerste versie voor jouw bedrijf.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"aanpak\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Aanpak<\/span>\n <h2 class=\"rv sp\">Zo gaat het.<\/h2>\n\n <div class=\"steps mt40\" id=\"steps\">\n <span class=\"rail\" aria-hidden=\"true\"><i><\/i><\/span>\n <div class=\"step rv\">\n <div class=\"when\">Spiegeltest<em>30 minuten, gratis<\/em><\/div>\n <div class=\"what\">Je ziet live wat AI nu over je bedrijf zegt.<\/div>\n <div class=\"time\">Jullie tijd: 0,5 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Nulmeting<em>\u20ac500, gaat eraf bij doorgaan<\/em><\/div>\n <div class=\"what\">Zwart op wit waar het misgaat en wat het kost.<\/div>\n <div class=\"time\">Jullie tijd: 4 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Inrichten<em>Boek, kast, lijst, spelregels<\/em><\/div>\n <div class=\"what\">Ik schrijf, ruim op en sluit je AI-tools aan.<\/div>\n <div class=\"time\">Jullie tijd: 3 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Live<em>Met het hele team<\/em><\/div>\n <div class=\"what\">Half uur uitleg en twintig startvragen. Daarna werkt het.<\/div>\n <div class=\"time\">0,5 uur + 1 uur p.p.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"prijs\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Prijs<\/span>\n <h2 class=\"rv sp\">E\u00e9n vaste prijs. Geld terug als het niet werkt.<\/h2>\n\n <div class=\"grid2 mt40\">\n <div class=\"callout rv\"><span class=\"k\" id=\"totalEcho2\">\u20ac48.600<\/span><span class=\"v\"><b>Niets doen<\/b>Per jaar, volgens je eigen berekening.<\/span><\/div>\n <div class=\"callout hard rv\"><span class=\"k\" data-count>\u20ac4.500<\/span><span class=\"v\"><b>Dit traject<\/b>Eenmalig. <span id=\"paybackLine\">Volgens je eigen berekening terugverdiend in <strong id=\"payback\">5 weken<\/strong>.<\/span><\/span><\/div>\n <\/div>\n\n <div class=\"prices\" style=\"margin-top:var(--gap)\">\n <div class=\"price rv\">\n <div class=\"label\">Nulmeting<\/div>\n <div class=\"amt\" data-count>\u20ac500<\/div>\n <p>Gaat eraf als we doorgaan.<\/p>\n <\/div>\n <div class=\"price main rv\">\n <div class=\"label\">Traject<\/div>\n <div class=\"amt\" data-count>\u20ac4.500<\/div>\n <p>Alles hierboven, vaste prijs.<\/p>\n <\/div>\n <div class=\"price rv\">\n <div class=\"label\">Bijhouden, optioneel<\/div>\n <div class=\"amt\" data-count>\u20ac250<span style=\"font-size:17px;font-weight:600;letter-spacing:-.02em\"> p\/m<\/span><\/div>\n <p>Maandelijks opzegbaar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"guar\">\n <div class=\"gcard rv\">\n <div class=\"ic\"><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" pathLength=\"1\" d=\"M8 1.5l5.5 2.2v4.1c0 3.2-2.2 5.6-5.5 6.7-3.3-1.1-5.5-3.5-5.5-6.7V3.7L8 1.5z\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/><path class=\"draw\" pathLength=\"1\" d=\"M5.6 8l1.7 1.7L10.6 6\" stroke=\"#FF8A3D\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Geld terug<\/h3>\n <p class=\"mt8 muted\">We leggen vooraf vijf vragen vast. Geven drie AI-tools aan het eind niet hetzelfde juiste antwoord, dan krijg je het traject terug.<\/p>\n <\/div>\n <div class=\"gcard rv\">\n <div class=\"ic\"><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" pathLength=\"1\" d=\"M12.5 9v3.5H3.5V3.5H7\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path class=\"draw\" pathLength=\"1\" d=\"M6.2 9.8L13 3M11 3h2v2\" stroke=\"#FF8A3D\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Alles op jouw naam<\/h3>\n <p class=\"mt8 muted\">Je kunt morgen zonder mij verder. Onderhoud zeg je per maand op.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"vragen\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Vragen<\/span>\n <h2 class=\"rv sp\">Wat directeuren vooraf vragen.<\/h2>\n\n <div class=\"faq mt40 rv\">\n <details>\n <summary>We hebben al een IT-partner <span class=\"plus\">+<\/span><\/summary>\n <p>Hou hem. Hij zorgt voor de beveiliging, ik voor wat erin staat en wie het mag zien. Ik kom niet aan zijn omgeving.<\/p>\n <\/details>\n <details>\n <summary>We gebruiken nog geen AI <span class=\"plus\">+<\/span><\/summary>\n <p>Dat denkt bijna elke directeur. De anonieme vragenlijst in de nulmeting laat zien wat er echt gebeurt.<\/p>\n <\/details>\n <details>\n <summary>Mijn team gaat dit nooit doen <span class=\"plus\">+<\/span><\/summary>\n <p>Daarom verhuist alleen wat ze deze maand gebruiken, duurt de uitleg een half uur en krijgt iedereen twintig startvragen die meteen werken.<\/p>\n <\/details>\n <details>\n <summary>Moeten al onze bestanden verhuizen? <span class=\"plus\">+<\/span><\/summary>\n <p>Alleen wat actief in gebruik is. Het archief blijft staan, met \u00e9\u00e9n verwijzing zodat je het terugvindt.<\/p>\n <\/details>\n <details>\n <summary>\u20ac4.500 is veel geld voor ons <span class=\"plus\">+<\/span><\/summary>\n <p>Begin met de nulmeting van \u20ac500. Dan weet je wat het je nu kost en beslis je daarna.<\/p>\n <\/details>\n <details>\n <summary>Is dit juridisch advies over de AVG? <span class=\"plus\">+<\/span><\/summary>\n <p>Nee. Ik zorg dat je organisatie op orde is en dat je kunt laten zien hoe je werkt. De juridische toets doet je eigen adviseur.<\/p>\n <\/details>\n <\/div>\n<\/section>\n\n\n<section class=\"final\" id=\"plan\">\n <div class=\"center\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Het gesprek<\/span>\n <h2 class=\"rv sp\" style=\"max-width:18ch;margin:0 auto\">Zie in 30 minuten wat AI nu over jouw bedrijf zegt.<\/h2>\n <\/div>\n\n <div class=\"agenda mt40\">\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:0\"><\/i><\/div>\n <div class=\"t\">MINUUT 0 TOT 10<\/div>\n <p>Zes vragen over je bedrijf. Ik maak er live een contextbestand van.<\/p>\n <\/div>\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:1\"><\/i><\/div>\n <div class=\"t\">MINUUT 10 TOT 20<\/div>\n <p>Drie AI-tools krijgen dezelfde vragen, eerst zonder en dan met dat bestand.<\/p>\n <\/div>\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:2\"><\/i><\/div>\n <div class=\"t\">MINUUT 20 TOT 30<\/div>\n <p>Wat ik zou doen en wat het kost. Past het niet, dan zeg ik dat.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bookcard rv\">\n <div class=\"host\">\n <span class=\"av\"><img class=\"av-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"56\" height=\"56\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n <span>\n <span class=\"nm\">Je spreekt Rick van Mierlo<\/span>\n <span class=\"bio\">Ik bouw AI-processen bij ParkingYou en PRJCT Agency, en heb dit eerst in mijn eigen bedrijven ingericht.<\/span>\n <\/span>\n <\/div>\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <div class=\"bklist\">\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:0\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 30 minuten online, de test live op je scherm.<\/span>\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:1\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Je houdt het contextbestand en de vragen.<\/span>\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:2\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Geen offerte in het gesprek. Ik bel je daarna niet na.<\/span>\n <\/div>\n <p class=\"fnote\">Twee trajecten per maand. Dat is wat er in mijn agenda past.<\/p>\n <\/div>\n<\/section>\n<\/main>\n\n<footer>\n <a class=\"logo\" href=\"#top\" style=\"font-size:14px\"><span class=\"mark\" aria-hidden=\"true\"><svg viewBox=\"0 0 112 108\" fill=\"none\"><path d=\"M75.2 18A44 44 0 1 0 93.6 60.1\" stroke=\"currentColor\" stroke-width=\"9\"\/><path d=\"M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z\" fill=\"currentColor\"\/><path d=\"M60.5 35.5L46.5 58\" stroke=\"#F5F5F7\" stroke-width=\"5.5\" stroke-linecap=\"round\"\/><path d=\"M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z\" fill=\"#FF6B00\"\/><\/svg><\/span> AI-Fundament<\/a>\n <div>Eindhoven en omgeving · 2026<\/div>\n<\/footer>\n\n<p class=\"foot-note\">Het bedrag in de rekenmodule is een rekenvoorbeeld op basis van je eigen invoer, met 45 werkweken per jaar en de CBS-loonkosten van \u20ac45 per uur. Geen getal op deze pagina is een klantresultaat.<\/p>\n\n<\/div>\n\n\n<div class=\"stickybar\" id=\"stickybar\">\n <img class=\"sb-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"44\" height=\"44\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n <a class=\"btn btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n<\/div>\n\n<script>\n(function(){\n 'use strict';\n var doc = document.documentElement;\n var reduce = false;\n try{ reduce = matchMedia('(prefers-reduced-motion: reduce)').matches; }catch(e){}\n var hasIO = 'IntersectionObserver' in window;\n function $(s, c){ return (c || document).querySelector(s); }\n function $$(s, c){ return Array.prototype.slice.call((c || document).querySelectorAll(s)); }\n function clamp(v, a, b){ return Math.max(a, Math.min(b, v)); }\n var nf = new Intl.NumberFormat('nl-NL', {maximumFractionDigits:0});\n function euro(v){ return '\u20ac' + nf.format(Math.round(v)); }\n\n \/\/ eenmalig iets doen zodra een element in beeld komt\n function onView(el, fn, opts){\n if(!el) return;\n if(!hasIO){ fn(el); return; }\n var o = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ o.unobserve(e.target); fn(e.target); } });\n }, opts || {threshold:.35});\n o.observe(el);\n }\n \/\/ getal soepel laten oplopen (easeOutQuart, zoals countUp in de video)\n function tween(from, to, dur, render){\n if(reduce || dur <= 0){ render(to); return; }\n var t0 = null;\n function f(t){\n if(t0 === null) t0 = t;\n var p = clamp((t - t0) \/ dur, 0, 1);\n render(from + (to - from) * (1 - Math.pow(1 - p, 4)));\n if(p < 1) requestAnimationFrame(f);\n }\n requestAnimationFrame(f);\n }\n\n \/\/ ---- koppen: woord voor woord uit een masker ----\n function splitWords(el){\n var idx = 0;\n el.setAttribute('aria-label', el.textContent.replace(\/\\s+\/g, ' ').trim());\n (function walk(node){\n Array.prototype.slice.call(node.childNodes).forEach(function(n){\n if(n.nodeType === 3){\n var frag = document.createDocumentFragment();\n n.nodeValue.split(\/(\\s+)\/).forEach(function(p){\n if(!p) return;\n if(\/^\\s+$\/.test(p)){ frag.appendChild(document.createTextNode(' ')); return; }\n var w = document.createElement('span'); w.className = 'w'; w.setAttribute('aria-hidden', 'true');\n var i = document.createElement('span'); i.className = 'wi'; i.textContent = p; i.style.setProperty('--i', idx++);\n w.appendChild(i); frag.appendChild(w);\n });\n node.replaceChild(frag, n);\n } else if(n.nodeType === 1){ walk(n); }\n });\n })(el);\n el.classList.add('is-split');\n }\n var h1 = $('.hero h1');\n if(h1) splitWords(h1);\n $$('.sp').forEach(splitWords);\n\n \/\/ ---- verschijnen bij scrollen (desktop) ----\n if(doc.classList.contains('anim')){\n var rv = $$('.rv'), fired = false;\n rv.forEach(function(el){\n var sibs = Array.prototype.filter.call(el.parentNode.children, function(c){ return c.classList.contains('rv'); });\n el.style.setProperty('--d', Math.min(sibs.indexOf(el), 6) * 70 + 'ms');\n });\n $$('.dtile .viz svg').forEach(function(svg){\n Array.prototype.forEach.call(svg.children, function(c, i){ c.style.transitionDelay = (220 + i * 45) + 'ms'; });\n });\n $$('.am-chip').forEach(function(c, i){ c.style.transitionDelay = (300 + i * 90) + 'ms'; });\n var io = new IntersectionObserver(function(es){\n fired = true;\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {rootMargin:'0px 0px -6% 0px', threshold:0});\n rv.forEach(function(el){ io.observe(el); });\n \/\/ vangnet: doet de observer helemaal niets, dan staat alles er gewoon.\n \/\/ De klok start pas bij het eerste getekende frame, zodat een tab op de achtergrond niet telt.\n requestAnimationFrame(function(){ setTimeout(function(){ if(!fired) doc.classList.remove('anim'); }, 2500); });\n }\n\n \/\/ ---- tellers ----\n $$('[data-count]').forEach(function(el){\n if(reduce) return;\n var walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null), tn = null;\n while(walker.nextNode()){ if(\/\\d\/.test(walker.currentNode.nodeValue)){ tn = walker.currentNode; break; } }\n if(!tn) return;\n var tpl = tn.nodeValue, re = \/\\d{1,3}(?:\\.\\d{3})+|\\d+\/g, nums = [], m;\n while((m = re.exec(tpl))) nums.push(parseInt(m[0].replace(\/\\.\/g, ''), 10));\n function render(p){ var i = 0; tn.nodeValue = tpl.replace(re, function(){ return nf.format(Math.round(nums[i++] * p)); }); }\n render(0);\n onView(el, function(){ tween(0, 1, 1400, render); }, {threshold:.6});\n });\n\n \/\/ ---- zelftest ----\n (function(){\n var boxes = $$('#checks input');\n var wrap = $('#result'), rnum = $('#rnum'), score = $('#score'), verdict = $('#verdict');\n var texts = {\n 0:['NIETS AANGEVINKT','Dan ben je verder dan de meeste bedrijven.'],\n 1:['HERKENBAAR','Dit kost je nu al tijd. Met elke nieuwe AI-tool wordt het erger.'],\n 2:['HERKENBAAR','Dit kost je nu al tijd. Met elke nieuwe AI-tool wordt het erger.'],\n 3:['BEDRIJFSRISICO','Hier lekt elke week tijd en kennis weg. In 30 minuten zie je waar.'],\n 4:['BEDRIJFSRISICO','Hier lekt elke week tijd en kennis weg. In 30 minuten zie je waar.']\n };\n function replay(el, cls){ el.classList.remove(cls); void el.offsetWidth; el.classList.add(cls); }\n var last = 0;\n function update(){\n var n = 0;\n boxes.forEach(function(b){ if(b.checked) n++; });\n if(n === last) return;\n var textChanged = texts[n][0] !== texts[last][0];\n last = n;\n rnum.textContent = n; replay(rnum, 'flip');\n if(textChanged){\n score.textContent = texts[n][0]; verdict.textContent = texts[n][1];\n replay(score, 'swap'); replay(verdict, 'swap');\n }\n wrap.classList.toggle('warm', n === 1 || n === 2);\n wrap.classList.toggle('hot', n >= 3);\n wrap.classList.add('bump');\n setTimeout(function(){ wrap.classList.remove('bump'); }, 260);\n }\n boxes.forEach(function(b){ b.addEventListener('change', update); });\n })();\n\n \/\/ ---- rekenmodule ----\n (function(){\n var ppl = $('#ppl'), hrs = $('#hrs'), wage = $('#wage'), out = $('#total');\n var echoes = [$('#totalEcho'), $('#totalEcho2')];\n var WEEKS = 45, shown = 0, total = 0, started = false;\n function compute(){ return Math.round((parseFloat(ppl.value) || 0) * (parseFloat(hrs.value) || 0) * (parseFloat(wage.value) || 0) * WEEKS); }\n var pb = document.getElementById('payback'), pbLine = document.getElementById('paybackLine');\n function payback(){\n if(!pb) return;\n var weeks = total > 0 ? Math.ceil(4500 \/ (total \/ WEEKS)) : 0;\n pbLine.hidden = !(weeks > 0 && weeks <= 104);\n pb.textContent = weeks + (weeks === 1 ? ' week' : ' weken');\n }\n function show(v){ shown = v; out.textContent = euro(v); }\n function calc(){\n total = compute();\n payback();\n echoes.forEach(function(el){ if(el && el.dataset.seen) el.textContent = euro(total); });\n if(started) tween(shown, total, 450, show);\n }\n [ppl, hrs, wage].forEach(function(el){ el.addEventListener('input', calc); });\n total = compute();\n payback();\n if(reduce){ show(total); started = true; }\n else {\n show(0);\n onView(out, function(){ started = true; tween(0, total, 1400, show); }, {threshold:.6});\n }\n echoes.forEach(function(el){\n if(!el) return;\n if(reduce){ el.dataset.seen = '1'; el.textContent = euro(total); return; }\n el.textContent = euro(0);\n onView(el, function(){ el.dataset.seen = '1'; tween(0, total, 1400, function(v){ el.textContent = euro(v); }); }, {threshold:.6});\n });\n })();\n\n \/\/ ---- video: speelt meteen af, zonder geluid ----\n (function(){\n var v = $('#vslVideo'); if(!v) return;\n var frame = $('#vslFrame'), fb = $('#vslFallback'), tg = $('#vslToggle'), snd = $('#vslSound'), bar = $('#vslBar');\n var userPaused = false, looping = false;\n v.muted = true; v.defaultMuted = true; v.setAttribute('muted', ''); v.playsInline = true;\n\n function sync(){\n frame.classList.toggle('paused', v.paused);\n tg.setAttribute('aria-label', v.paused ? 'Speel video af' : 'Pauzeer video');\n }\n function progress(){\n if(v.duration) bar.style.transform = 'scaleX(' + (v.currentTime \/ v.duration) + ')';\n if(!v.paused){ requestAnimationFrame(progress); } else { looping = false; }\n }\n function tryPlay(){\n var p = v.play();\n if(p && p.then){ p.then(function(){ fb.hidden = true; }).catch(function(e){ if(e && e.name === 'AbortError') return; fb.hidden = false; sync(); }); }\n }\n v.addEventListener('playing', function(){ fb.hidden = true; sync(); if(!looping){ looping = true; requestAnimationFrame(progress); } });\n v.addEventListener('pause', sync);\n tg.addEventListener('click', function(){\n if(v.paused){ userPaused = false; tryPlay(); } else { userPaused = true; v.pause(); }\n });\n fb.addEventListener('click', function(){ userPaused = false; tryPlay(); });\n var srcs = v.querySelectorAll('source');\n if(srcs.length) srcs[srcs.length - 1].addEventListener('error', function(){ fb.hidden = false; });\n\n \/\/ knop voor geluid alleen tonen als de video echt geluid heeft\n var checked = false;\n v.addEventListener('timeupdate', function(){\n if(checked || v.currentTime < 1) return;\n checked = true;\n var has = v.mozHasAudio || (v.webkitAudioDecodedByteCount > 0) || (v.audioTracks && v.audioTracks.length > 0);\n if(has) snd.hidden = false;\n });\n snd.addEventListener('click', function(){\n if(v.muted){ v.muted = false; v.loop = false; v.currentTime = 0; userPaused = false; tryPlay(); }\n else { v.muted = true; v.loop = true; }\n snd.querySelector('.lbl').textContent = v.muted ? 'Geluid aan' : 'Geluid uit';\n });\n v.addEventListener('ended', function(){ v.muted = true; v.loop = true; snd.querySelector('.lbl').textContent = 'Geluid aan'; tryPlay(); });\n\n \/\/ pauzeren buiten beeld, verder als hij terugkomt\n if(hasIO){\n new IntersectionObserver(function(es){\n var vis = es[0].isIntersecting;\n if(!vis && !v.paused){ v.pause(); }\n else if(vis && v.paused && !userPaused){ tryPlay(); }\n }, {threshold:0}).observe(frame);\n }\n tryPlay();\n })();\n\n \/\/ ---- bestandsverkenner ----\n (function(){\n var tabs = $$('[role=\"tab\"][data-pane]');\n if(!tabs.length) return;\n var panes = $$('.pane'), path = $('.ex-path');\n var paths = {\n 'p-bedrijf':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-verkoop':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-regels':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-start':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-lijst':'Drive › Bedrijf › 03-Administratie',\n 'p-vraagbaak':'ChatGPT › jouw werkruimte'\n };\n $$('#p-vraagbaak .flow > *').forEach(function(n, i){ n.style.setProperty('--i', i); });\n tabs.forEach(function(t){\n t.addEventListener('click', function(){\n var id = t.getAttribute('data-pane');\n tabs.forEach(function(x){ x.setAttribute('aria-selected', x === t ? 'true' : 'false'); });\n panes.forEach(function(p){ p.classList.toggle('on', p.id === id); });\n if(paths[id] && path.innerHTML !== paths[id]){\n path.innerHTML = paths[id];\n path.classList.remove('swap'); void path.offsetWidth; path.classList.add('swap');\n }\n });\n });\n })();\n\n \/\/ ---- kaart met losse automatiseringen: alleen bewegen als hij in beeld is ----\n (function(){\n var am = $('#agentmap'); if(!am) return;\n var svg = am.querySelector('svg');\n if(svg && svg.pauseAnimations) svg.pauseAnimations();\n if(reduce || !hasIO) return;\n new IntersectionObserver(function(es){\n var on = es[0].isIntersecting;\n am.classList.toggle('live', on);\n if(svg && svg.unpauseAnimations){ on ? svg.unpauseAnimations() : svg.pauseAnimations(); }\n }, {threshold:.2}).observe(am);\n })();\n\n \/\/ ---- statement: woorden lichten op tijdens het scrollen ----\n var stage = $('#stage'), scrub = $('#scrub'), words = [];\n if(stage && scrub && !reduce){\n var parts = scrub.textContent.trim().split(\/\\s+\/);\n scrub.setAttribute('aria-label', scrub.textContent.trim());\n scrub.innerHTML = '';\n parts.forEach(function(p, i){\n var s = document.createElement('span'); s.className = 'lw'; s.setAttribute('aria-hidden', 'true'); s.textContent = p;\n scrub.appendChild(s); words.push(s);\n if(i < parts.length - 1) scrub.appendChild(document.createTextNode(' '));\n });\n stage.classList.add('scrub');\n }\n\n \/\/ ---- tijdlijn ----\n var steps = $('#steps'), rail = steps && $('.rail', steps), stepEls = steps ? $$('.step', steps) : [];\n var railTop = 0, railH = 0, dots = [];\n function layoutRail(){\n if(!steps || !stepEls.length) return;\n dots = stepEls.map(function(s){ return s.offsetTop + (parseFloat(getComputedStyle(s).getPropertyValue('--dot')) || 36); });\n railTop = dots[0]; railH = dots[dots.length - 1] - railTop;\n rail.style.top = railTop + 'px'; rail.style.height = railH + 'px';\n }\n\n \/\/ ---- alles wat met de scrollpositie meebeweegt, in een frame ----\n var nav = $('#nav'), frame = $('#vslFrame');\n var bigScreen = window.matchMedia('(min-width: 761px)');\n var ticking = false;\n function onFrame(){\n ticking = false;\n var vh = window.innerHeight;\n nav.classList.toggle('scrolled', window.scrollY > 8);\n\n \/\/ video groeit naar volle grootte terwijl je scrolt\n if(frame){\n if(!reduce && bigScreen.matches){\n var fr = frame.getBoundingClientRect();\n var fp = 1 - clamp((fr.top - vh * .12) \/ (vh * .55), 0, 1);\n frame.style.setProperty('--vs', (0.93 + 0.07 * fp).toFixed(4));\n } else { frame.style.setProperty('--vs', 1); }\n }\n\n if(steps && railH > 0){\n var sr = steps.getBoundingClientRect();\n var p = clamp((vh * .6 - sr.top - railTop) \/ railH, 0, 1);\n steps.style.setProperty('--p', p.toFixed(4));\n var end = railTop + p * railH;\n stepEls.forEach(function(s, i){ s.classList.toggle('on', end >= dots[i] - 1); });\n }\n\n if(words.length){\n var br = scrub.getBoundingClientRect();\n var wp = clamp((vh * .82 - br.top) \/ (vh * .4), 0, 1);\n var lit = Math.round(wp * words.length);\n words.forEach(function(w, i){ w.classList.toggle('lit', i < lit); });\n stage.classList.toggle('done', lit >= words.length);\n }\n }\n function req(){ if(!ticking){ ticking = true; requestAnimationFrame(onFrame); } }\n window.addEventListener('scroll', req, {passive:true});\n window.addEventListener('resize', function(){ layoutRail(); req(); });\n window.addEventListener('load', function(){ layoutRail(); req(); });\n if(document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ layoutRail(); req(); });\n \/\/ uitklappers in de tijdlijn veranderen de hoogte\n $$('details', steps || document.createElement('div')).forEach(function(d){ d.addEventListener('toggle', function(){ setTimeout(function(){ layoutRail(); req(); }, 520); }); });\n layoutRail(); onFrame();\n\n \/\/ ---- sticky CTA: tonen na de video, verbergen bij het slot ----\n (function(){\n var bar = $('#stickybar'), hero = $('#vsl'), end = $('#plan');\n if(!bar || !hero || !end || !hasIO) return;\n var pastHero = false, atEnd = false;\n function sync(){ bar.classList.toggle('show', pastHero && !atEnd); }\n new IntersectionObserver(function(e){ pastHero = !e[0].isIntersecting && e[0].boundingClientRect.top < 0; sync(); }, {threshold:0}).observe(hero);\n new IntersectionObserver(function(e){ atEnd = e[0].isIntersecting; sync(); }, {threshold:.06}).observe(end);\n })();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>AI-Fundament: AI die jouw bedrijf kent AI-Fundament Plan je gratis spiegeltest › Voor bedrijven met 8 tot 15 mensen Je team vraagt het al aan AI. Zorg dat het antwoord klopt. Ik zet de kennis van je bedrijf op papier en sluit ChatGPT, Copilot of Gemini erop aan. Dan krijgt je team jullie antwoord, met […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":14,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n \n\n\n\n\n\nAI-Fundament: AI die jouw bedrijf kent<\/title>\n<meta name=\"description\" content=\"Je team vraagt het al aan AI. Zorg dat het antwoord klopt. Plan de gratis spiegeltest van 30 minuten en zie live wat ChatGPT nu over jouw bedrijf zegt.\">\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 112 108'%3E%3Cpath d='M75.2 18A44 44 0 1 0 93.6 60.1' stroke='%231D1D1F' stroke-width='9' fill='none'\/%3E%3Cpath d='M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z' fill='%231D1D1F'\/%3E%3Cpath d='M60.5 35.5L46.5 58' stroke='%23fff' stroke-width='5.5' stroke-linecap='round'\/%3E%3Cpath d='M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z' fill='%23FF6B00'\/%3E%3C\/svg%3E\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"Je team vraagt het al aan AI. Zorg dat het antwoord klopt.\">\n<meta property=\"og:description\" content=\"Plan de gratis spiegeltest van 30 minuten en zie live wat ChatGPT nu over jouw bedrijf zegt.\">\n<meta property=\"og:image\" content=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/ai-fundament-vsl-poster.jpg\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/ai-fundament-vsl-poster.jpg\" fetchpriority=\"high\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400..800&family=JetBrains+Mono:wght@400..600&display=swap\" rel=\"stylesheet\">\n<script>\n\/* zo vroeg mogelijk: bepaalt of de pagina mag animeren, zodat er niets knippert *\/\n(function(d){d.classList.add('js');try{if(!matchMedia('(prefers-reduced-motion: reduce)').matches&&matchMedia('(min-width: 761px)').matches&&'IntersectionObserver' in window){d.classList.add('anim')}}catch(e){}})(document.documentElement);\n<\/script>\n<style>\n\/* ============ tokens: gelijk aan de explainer-video's (src\/tokens.ts) ============ *\/\n:root{\n --page:#F5F5F7;\n --page-lift:#FBFBFD;\n --card:#FFFFFF;\n --ink:#1D1D1F;\n --ink-2:#515154;\n --ink-3:#6E6E73;\n --ink-4:#8E8E93;\n --line:#D2D2D7;\n --line-2:#E8E8ED;\n --fill:rgba(0,0,0,.04);\n --fill-2:rgba(0,0,0,.07);\n --accent:#FF6B00;\n --accent-ink:#B84700;\n --accent-btn:#EB5E00;\n --warn:#E5484D;\n --ok:#34C77B;\n --sh-card:0 0 0 1px rgba(0,0,0,.025),0 1px 2px rgba(0,0,0,.04),0 6px 18px rgba(0,0,0,.04),0 24px 60px rgba(0,0,0,.05);\n --sh-lift:0 0 0 1px rgba(0,0,0,.02),0 2px 4px rgba(0,0,0,.04),0 16px 36px rgba(0,0,0,.07),0 48px 100px rgba(0,0,0,.09);\n --sh-glass:0 2px 4px rgba(0,0,0,.03),0 24px 60px rgba(255,107,0,.10),0 64px 140px rgba(0,0,0,.08);\n --r-card:clamp(18px,2.2vw,24px);\n --ease:cubic-bezier(.22,1,.36,1);\n --ease-move:cubic-bezier(.65,0,.35,1);\n --spring:cubic-bezier(.34,1.3,.64,1);\n --maxw:1200px;\n --pad:clamp(16px,4.4vw,48px);\n --gap:clamp(12px,1.8vw,18px);\n --sec:clamp(64px,9vw,116px);\n --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n}\n\/* de \"gentle\" veer uit de video: damping 15, stiffness 110, 4% overshoot *\/\n@supports (transition-timing-function:linear(0,1)){\n :root{--spring:linear(0,.107 6.25%,.326 12.5%,.557 18.75%,.75 25%,.888 31.25%,.975 37.5%,1.02 43.75%,1.038 50%,1.039 56.25%,1.032 62.5%,1.014 75%,1.003 87.5%,1)}\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}\nbody{overflow-x:hidden}\n@supports (overflow:clip){body{overflow-x:clip}}\nbody{\n font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n background:var(--page);color:var(--ink);\n font-size:17px;line-height:1.55;letter-spacing:-.011em;\n -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;\n counter-reset:sec;\n}\nimg,svg,video{max-width:100%}\n::selection{background:rgba(255,107,0,.18)}\na,button,summary,input{-webkit-tap-highlight-color:transparent}\n:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}\n\n.shell{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:10px 0 0}\n\n\/* ============ nav ============ *\/\n.nav-wrap{position:sticky;top:10px;z-index:60;margin:0 clamp(8px,1.6vw,16px)}\nnav{\n position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;\n padding:9px 9px 9px 18px;border-radius:18px;\n background:rgba(251,251,253,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);\n box-shadow:0 0 0 1px rgba(0,0,0,.04);\n transition:box-shadow .45s var(--ease),background .45s var(--ease);\n}\nnav.scrolled{background:rgba(251,251,253,.84);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 12px 32px -14px rgba(0,0,0,.2)}\n.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.03em;white-space:nowrap;color:var(--ink);text-decoration:none}\n.logo .mark{flex:0 0 auto;width:22px;height:21px;display:block;transition:transform .7s var(--spring)}\n.logo:hover .mark{transform:rotate(-12deg)}\n.logo .mark svg{width:100%;height:100%;display:block}\n.logo .spark{transform-box:fill-box;transform-origin:center;animation:twinkle 4.8s var(--ease) infinite}\n@keyframes twinkle{0%,82%,100%{transform:scale(1) rotate(0)}88%{transform:scale(1.25) rotate(45deg)}94%{transform:scale(.92) rotate(90deg)}}\n.navcta{display:flex;align-items:center;gap:10px}\n@media(max-width:560px){.navcta .btn{display:none}}\n\n\/* ============ knoppen ============ *\/\n.btn{\n display:inline-flex;align-items:center;justify-content:center;gap:9px;\n background:var(--ink);color:#fff;text-decoration:none;\n font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.2;\n padding:13px 22px;min-height:46px;border-radius:999px;border:0;cursor:pointer;text-align:center;\n transition:transform .5s var(--spring),background .25s ease,box-shadow .4s var(--ease);\n}\n.btn:hover{background:#000;transform:translateY(-1px)}\n.btn:active{transform:scale(.97)}\n.btn .arrow{display:inline-block;font-size:13px;opacity:.85;transition:transform .45s var(--spring)}\n.btn:hover .arrow{transform:translateX(3px)}\n.btn-sm{padding:9px 16px;min-height:38px;font-size:13.5px}\n.btn-lg{padding:16px 30px;min-height:56px;font-size:17px;font-weight:700}\n.btn-accent{background:var(--accent-btn);font-size:19px;font-weight:700;letter-spacing:-.02em;box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 30px -12px rgba(255,107,0,.65)}\n.btn-accent:hover{background:#D95600;box-shadow:0 1px 2px rgba(0,0,0,.08),0 20px 40px -14px rgba(255,107,0,.75)}\n@media(max-width:520px){.btn-lg{width:100%}}\n\n\/* ============ algemeen ============ *\/\nsection{padding:var(--sec) var(--pad);position:relative}\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;counter-increment:sec;\n font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);\n}\n.eyebrow::before{content:counter(sec,decimal-leading-zero);color:var(--accent-ink);font-weight:600}\n.eyebrow .dot{width:18px;height:1px;background:var(--line);display:block}\n\nh1{font-size:clamp(38px,7.2vw,76px);line-height:1.04;letter-spacing:-.038em;font-weight:700;text-wrap:balance}\nh2{font-size:clamp(30px,5vw,54px);line-height:1.07;letter-spacing:-.035em;font-weight:700;text-wrap:balance}\nh3{font-size:clamp(17px,2.2vw,20px);line-height:1.3;letter-spacing:-.022em;font-weight:600}\n.lead{font-size:clamp(17px,2.2vw,21px);color:var(--ink-2);line-height:1.5;font-weight:450;letter-spacing:-.016em}\n.small{font-size:14px;color:var(--ink-3);line-height:1.55}\n.muted{color:var(--ink-2)}\n.center{text-align:center}\n.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}\n.mt28{margin-top:28px}.mt40{margin-top:clamp(28px,4vw,44px)}.mt56{margin-top:clamp(36px,5vw,60px)}\n\n\/* basiskaart: wit, zachte schaduw, geen rand, net als de kaarten in de video *\/\n.dtile,.checks,.result,.calc,.agentmap,.explorer,.price,.callout,.gcard,.faq,.min,.bookcard,.stats,.agentlist .row{\n background:var(--card);border-radius:var(--r-card);box-shadow:var(--sh-card);\n}\n\n\/* hover: kaart komt iets los van de pagina *\/\n@media(hover:hover){\n .dtile,.price,.gcard,.min,.callout{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}\n .dtile:hover,.price:hover,.gcard:hover,.min:hover,.callout:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}\n}\n\n\/* uitklapper *\/\n.more{margin-top:14px}\n.more>summary{\n list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;user-select:none;\n font-size:13px;font-weight:600;color:var(--ink);\n background:var(--fill);border-radius:999px;padding:6px 14px 6px 7px;min-height:34px;\n transition:background .25s ease,transform .5s var(--spring);\n}\n.more>summary::-webkit-details-marker{display:none}\n.more>summary:hover{background:var(--fill-2)}\n.more>summary:active{transform:scale(.96)}\n.more>summary .sign{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:14px;color:var(--ink-2);line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:transform .6s var(--spring),background .3s,color .3s}\n.more[open]>summary .sign{transform:rotate(45deg);background:var(--ink);color:#fff}\n.more[open]>summary .lbl-closed{display:none}\n.more .lbl-open{display:none}\n.more[open] .lbl-open{display:inline}\n.more>div{font-size:15px;color:var(--ink-2);line-height:1.6;padding-top:12px}\ndetails[open]>div,details[open]>p{animation:fadeIn .55s var(--ease) both}\n\n\/* vloeiend open- en dichtklappen waar de browser dat kan *\/\n@supports (interpolate-size:allow-keywords){\n :root{interpolate-size:allow-keywords}\n details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}\n details[open]::details-content{height:auto}\n}\n\n\/* ============ hero ============ *\/\n.hero{text-align:center;padding-top:clamp(52px,8vw,100px);padding-bottom:clamp(44px,6vw,72px)}\n.hero::before{content:'';position:absolute;left:0;right:0;top:-140px;bottom:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 60% at 50% 34%,var(--page-lift) 0%,rgba(251,251,253,0) 70%)}\n.pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:7px 16px 7px 12px;font-size:clamp(12px,2.4vw,13.5px);font-weight:500;color:var(--ink-2);box-shadow:var(--sh-card);text-align:left}\n.pill .ic{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent);position:relative}\n.pill .ic::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--accent);animation:ping 2.6s var(--ease) infinite}\n@keyframes ping{0%{transform:scale(.45);opacity:.9}70%,100%{transform:scale(1.7);opacity:0}}\n.hero h1{max-width:16ch;margin:24px auto 0}\n.h-mute{color:var(--ink-3)}\n.u{position:relative;display:inline-block;white-space:nowrap}\n.u::after{content:'';position:absolute;left:.03em;right:.08em;bottom:-.07em;height:max(3px,.07em);border-radius:99px;background:var(--accent);transform-origin:0 50%;animation:drawX 1s var(--ease-move) 1.15s both}\n@keyframes drawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n.hero .lead{max-width:44ch;margin:24px auto 0}\n.hero-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px}\n.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;width:100%}\n.cap{font-size:13px;color:var(--ink-3);font-weight:500;display:inline-flex;align-items:center;gap:9px}\n.cap .mini{position:relative;flex:0 0 auto;width:30px;height:30px}\n.mini-img,.av-img,.sb-img{display:block;border-radius:50%;object-fit:cover;transform:scale(1.06);background:#111}\n.cap .mini-img{width:30px;height:30px;box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(0,0,0,.35)}\n.cap .mini i{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--page)}\n.cap .mini i::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--ok);animation:ping 2.6s var(--ease) .8s infinite}\n.works{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:clamp(18px,2.4vw,26px) var(--pad) 0}\n.works .wl{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}\n.works .tool{font-size:13.5px;font-weight:600;color:var(--ink-2);background:#fff;border-radius:999px;padding:6px 13px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.04)}\n.cap .dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--ok);position:relative}\n.cap .dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--ok);animation:ping 2.6s var(--ease) .8s infinite}\n\n\/* laadvolgorde van de hero, ook op de telefoon *\/\n.ld{animation:rise 1s var(--ease) both;animation-delay:calc(var(--d,0) * 80ms + 100ms)}\n@keyframes rise{from{opacity:0;translate:0 20px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}\n@keyframes fadeIn{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}\n\n\/* woorden die uit een masker omhoog komen (MaskReveal in de video) *\/\n.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .05em .2em;margin:-.12em -.05em -.2em}\n.wi{display:inline-block;transition:translate 1.05s var(--ease);transition-delay:calc(var(--i,0) * 38ms + var(--d,0ms))}\n.js .hero h1:not(.is-split){visibility:hidden;animation:showLate 0s 2.5s forwards}\n@keyframes showLate{to{visibility:visible}}\n.hero h1.is-split .wi{animation:wordUp 1.05s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms + 160ms)}\n@keyframes wordUp{from{translate:0 115%}to{translate:0 0}}\n\n\/* video *\/\n.vsl{position:relative;margin:clamp(40px,6vw,68px) auto 0;max-width:940px;width:100%}\n.vsl::before{content:'';position:absolute;left:4%;right:4%;top:18%;bottom:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 62% 50%,rgba(255,107,0,.16),rgba(255,107,0,0) 70%)}\n.vsl-frame{\n position:relative;aspect-ratio:16\/9;border-radius:var(--r-card);overflow:hidden;isolation:isolate;\n background:var(--page);box-shadow:var(--sh-glass);\n transform:translateZ(0) scale(var(--vs,1));transform-origin:50% 0;will-change:transform;\n}\n.vsl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--page)}\n.vsl-ui{position:absolute;right:12px;bottom:14px;z-index:3;display:flex;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .5s var(--ease)}\n.vsl-frame:hover .vsl-ui,.vsl-frame:focus-within .vsl-ui,.vsl-frame.paused .vsl-ui{opacity:1;transform:none}\n@media(hover:none){.vsl-ui{opacity:1;transform:none}}\n.vsl-btn{\n height:34px;min-width:34px;padding:0 11px;border:0;border-radius:999px;cursor:pointer;\n display:inline-flex;align-items:center;justify-content:center;gap:7px;\n background:rgba(29,29,31,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;\n font:600 12.5px\/1 'Inter',sans-serif;letter-spacing:-.01em;transition:background .25s,transform .45s var(--spring);\n}\n.vsl-btn:hover{background:rgba(29,29,31,.85)}\n.vsl-btn:active{transform:scale(.92)}\n.vsl-btn svg{width:13px;height:13px;display:block}\n.vsl-btn .i-play{display:none}\n.vsl-frame.paused .vsl-btn .i-play{display:block}\n.vsl-frame.paused .vsl-btn .i-pause{display:none}\n.vsl-btn[hidden]{display:none}\n.vsl-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:rgba(0,0,0,.05)}\n.vsl-progress i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}\n.vsl-fallback{\n position:absolute;inset:0;z-index:4;border:0;cursor:pointer;font:inherit;color:inherit;\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 20px;text-align:center;\n background:rgba(245,245,247,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);\n}\n.vsl-fallback[hidden]{display:none}\n.vsl-play{width:clamp(56px,9vw,76px);height:clamp(56px,9vw,76px);border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 18px 40px -16px rgba(255,107,0,.8);transition:transform .5s var(--spring)}\n.vsl-fallback:hover .vsl-play{transform:scale(1.07)}\n.vsl-play svg{width:22px;height:22px;margin-left:4px}\n.vsl-fallback .t{font-size:clamp(14px,2.4vw,17px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}\n.vsl-fallback .s{font-size:clamp(12px,2.2vw,13.5px);color:var(--ink-2);max-width:36ch}\n.vsl-cap{font-size:13px;color:var(--ink-3);margin-top:16px}\n\n\/* ============ cijfers ============ *\/\n.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad)}\n.stat{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.8vw,30px) clamp(18px,2.6vw,30px)}\n.stat+.stat::before{content:'';position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line-2)}\n.stat .n{font-size:clamp(30px,4.4vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}\n.stat .l{font-size:13.5px;line-height:1.35;color:var(--ink-3);font-weight:500;max-width:17ch}\n@media(max-width:720px){\n .stats{grid-template-columns:1fr 1fr}\n .stat:nth-child(3)::before{display:none}\n .stat:nth-child(n+3){border-top:1px solid var(--line-2)}\n}\n\n\/* ============ layout ============ *\/\n.split{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(28px,4.4vw,64px);align-items:start}\n@media(max-width:960px){.split{grid-template-columns:1fr}}\n.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}\n@media(max-width:760px){.grid2{grid-template-columns:1fr}}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:980px){.grid3{grid-template-columns:1fr 1fr}}\n@media(max-width:640px){.grid3{grid-template-columns:1fr}}\n\n\/* ============ zelftest ============ *\/\n.checks{overflow:hidden}\n.check{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;cursor:pointer;position:relative;user-select:none;transition:background .3s ease}\n.check+.check{border-top:1px solid var(--line-2)}\n.check:hover{background:#FAFAFC}\n.check input{position:absolute;opacity:0;pointer-events:none}\n.box{flex:0 0 auto;width:24px;height:24px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;transition:background .3s ease,border-color .3s ease,transform .6s var(--spring)}\n.box svg{width:12px;height:12px;overflow:visible}\n.box path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .32s var(--ease-move)}\n.check:active .box{transform:scale(.88)}\n.check input:checked~.box{background:var(--accent);border-color:var(--accent);animation:pop .6s var(--spring)}\n.check input:checked~.box path{stroke-dashoffset:0;transition-delay:.08s}\n.check input:focus-visible~.box{outline:2px solid var(--accent);outline-offset:3px}\n@keyframes pop{from{transform:scale(.7)}to{transform:scale(1)}}\n.check .txt{font-size:clamp(15px,2.5vw,16px);color:var(--ink-2);line-height:1.5;transition:color .3s ease}\n.check input:checked~.txt{color:var(--ink)}\n\n.result{\n margin-top:14px;padding:20px 22px;display:flex;gap:18px;align-items:flex-start;\n transition:background .55s var(--ease),box-shadow .55s var(--ease),transform .6s var(--spring);\n}\n.result .rnum{flex:0 0 auto;display:inline-flex;align-items:baseline;overflow:hidden;padding:.05em 0 .08em;font-size:clamp(36px,5vw,46px);font-weight:700;letter-spacing:-.05em;line-height:.95;color:var(--ink-4);font-variant-numeric:tabular-nums;transition:color .4s ease}\n.result .rnum #rnum{display:inline-block}\n.result .rnum em{font-style:normal;font-size:16px;font-weight:600;color:var(--ink-4);margin-left:2px;transition:color .4s}\n.result .score{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.07em;color:var(--ink-3);margin-bottom:6px;transition:color .4s ease}\n.result .body{font-size:clamp(15px,2.5vw,16px);color:var(--ink-2);line-height:1.55;transition:color .4s ease}\n.result .rcta{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .55s var(--ease),opacity .4s ease,margin-top .55s var(--ease)}\n.result .rcta>div{overflow:hidden}\n.result .rcta a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,138,61,.7);padding-bottom:2px}\n.result .rcta a .arrow{transition:transform .45s var(--spring)}\n.result .rcta a:hover .arrow{transform:translateX(3px)}\n.result.warm{box-shadow:var(--sh-glass)}\n.result.warm .rnum{color:var(--ink)}\n.result.warm .score{color:var(--accent-ink)}\n.result.hot{background:var(--ink);box-shadow:0 30px 60px -32px rgba(0,0,0,.6),0 26px 70px -30px rgba(255,107,0,.45)}\n.result.hot .rnum{color:#fff}\n.result.hot .rnum em{color:rgba(255,255,255,.4)}\n.result.hot .score{color:#FF8A3D}\n.result.hot .body{color:rgba(255,255,255,.8)}\n.result.warm .rcta,.result.hot .rcta{grid-template-rows:1fr;opacity:1;margin-top:14px}\n.result.warm .rcta a{color:var(--accent-ink);border-bottom-color:rgba(184,71,0,.35)}\n.result.bump{transform:scale(1.015)}\n.flip{animation:flip .55s var(--ease) both}\n@keyframes flip{from{translate:0 70%;opacity:0;filter:blur(4px)}to{translate:0 0;opacity:1;filter:none}}\n.swap{animation:fadeIn .45s var(--ease) both}\n\n\/* ============ rekenmodule ============ *\/\n.calc{padding:clamp(20px,3vw,30px)}\n.field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}\n.field:last-of-type{border-bottom:0}\n.field label{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);max-width:28ch;flex:1 1 150px}\n.input{display:flex;align-items:center;flex:0 0 auto;background:var(--fill);border:1px solid transparent;border-radius:12px;padding:0 4px 0 12px;transition:background .25s,border-color .25s,box-shadow .35s var(--ease)}\n.input:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,107,0,.14)}\n.input .pre{font-size:15px;color:var(--ink-3);font-weight:600}\n.input input{width:72px;border:0;background:transparent;outline:none;font-family:inherit;font-size:17px;font-weight:700;color:var(--ink);padding:11px 6px;text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums}\n.input input::-webkit-outer-spin-button,.input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n.input input[type=number]{-moz-appearance:textfield}\n.calc-out{margin-top:20px;padding-top:22px;border-top:1px solid var(--line-2)}\n.calc-out .big{font-size:clamp(38px,7vw,62px);font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}\n.calc-out .sub{font-size:clamp(14px,2.4vw,15px);color:var(--ink-2);margin-top:10px}\n.side-note{border-left:2px solid var(--accent);padding-left:16px;font-size:clamp(15px,2.5vw,16px);color:var(--ink-2)}\n\n\/* ============ wat er ongezien draait ============ *\/\n.agentmap{padding:clamp(14px,2.4vw,24px);overflow:hidden;background:linear-gradient(180deg,#fff,#FBFBFD)}\n.agentmap svg{width:100%;height:auto;display:block}\n.am-lines path{animation:flow 1.6s linear infinite;animation-play-state:paused}\n.am-overlap{animation:flow 2.4s linear infinite;animation-play-state:paused}\n.agentmap.live .am-lines path,.agentmap.live .am-overlap{animation-play-state:running}\n@keyframes flow{to{stroke-dashoffset:-18}}\n.am-ripple{transform-box:fill-box;transform-origin:center;animation:ripple 2.8s var(--ease) infinite;animation-play-state:paused}\n.agentmap.live .am-ripple{animation-play-state:running}\n@keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.22,1.5);opacity:0}}\n.anim .am-chip{opacity:0;translate:0 8px;transition:opacity .7s var(--ease),translate .8s var(--ease)}\n.anim .agentmap.in .am-chip{opacity:1;translate:0 0}\n.anim .am-core{opacity:0;transform-box:fill-box;transform-origin:center;scale:.9;transition:opacity .6s var(--ease),scale .9s var(--spring)}\n.anim .agentmap.in .am-core{opacity:1;scale:1}\n.agentlist{display:none}\n\n\/* ============ tegels ============ *\/\n\n.dtile{display:flex;flex-direction:column;overflow:hidden}\n.dtile .viz{height:140px;background:linear-gradient(180deg,#FAFAFC,#F2F2F5);display:grid;place-items:center;padding:12px;overflow:hidden}\n.dtile .viz svg{width:100%;height:100%;max-height:110px;display:block;transition:transform 1s var(--ease)}\n@media(hover:hover){.dtile:hover .viz svg{transform:scale(1.05)}}\n.anim .dtile .viz svg>*{opacity:0;translate:0 7px;transition:opacity .6s var(--ease),translate .8s var(--ease)}\n.anim .dtile.in .viz svg>*{opacity:1;translate:0 0}\n.dtile .in-b{padding:clamp(18px,3vw,24px);display:flex;flex-direction:column}\n.dtile .num{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--accent-ink);letter-spacing:.04em;margin-bottom:10px}\n.dtile .means{margin-top:8px;font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);line-height:1.55}\n\n\/* ============ verkenner ============ *\/\n.mono{font-family:var(--mono)}\n.explorer{overflow:hidden;box-shadow:var(--sh-lift)}\n.ex-bar{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line-2);background:#FAFAFC;flex-wrap:wrap}\n.dots{display:flex;gap:7px;flex:0 0 auto}\n.dots i{width:11px;height:11px;border-radius:50%;background:#DCDCE0;display:block;transition:background .3s ease}\n.explorer:hover .dots i:nth-child(1){background:#FF5F57}\n.explorer:hover .dots i:nth-child(2){background:#FEBC2E;transition-delay:.04s}\n.explorer:hover .dots i:nth-child(3){background:#28C840;transition-delay:.08s}\n.ex-path{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.ex-badge{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ink-2);background:#fff;box-shadow:0 0 0 1px var(--line-2);border-radius:999px;padding:4px 11px;white-space:nowrap}\n@media(max-width:520px){.ex-badge{margin-left:0}}\n.ex-body{display:grid;grid-template-columns:272px 1fr;min-height:440px}\n@media(max-width:860px){.ex-body{grid-template-columns:1fr;min-height:0}}\n.ex-tree{border-right:1px solid var(--line-2);padding:14px 12px;font-size:12.5px;line-height:1.5;overflow:auto;background:#FCFCFD}\n@media(max-width:860px){.ex-tree{border-right:0;border-bottom:1px solid var(--line-2);max-height:250px}}\n.tr{display:block;padding:5px 8px;border-radius:8px;color:var(--ink-3);white-space:nowrap}\n.tr.dir{color:var(--ink-2);font-weight:600}\n.tr.f{color:var(--ink-2);border:0;background:transparent;width:100%;text-align:left;cursor:pointer;font:inherit;transition:background .2s ease,color .2s ease,transform .4s var(--spring)}\n.tr.f:hover{background:var(--fill);color:var(--ink)}\n.tr.f:active{transform:scale(.98)}\n.tr.f[aria-selected=\"true\"]{background:var(--ink);color:#fff}\n.tr.f[aria-selected=\"true\"] .dot{background:var(--accent)}\n.i1{padding-left:20px}.i2{padding-left:36px}.i3{padding-left:52px}\n.tr .dot{display:inline-block;width:5px;height:5px;border-radius:1.5px;background:#C7C7CC;margin-right:8px;vertical-align:middle;transition:background .2s}\n.tr.g{color:var(--ink-3)}\n.ex-sub{margin:14px 4px 8px;font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:12px}\n.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}\n.chip{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--fill);border:0;border-radius:999px;padding:6px 12px;cursor:pointer;font-family:'Inter',sans-serif;transition:background .2s,color .2s,transform .45s var(--spring)}\n.chip:hover{background:var(--fill-2);color:var(--ink)}\n.chip:active{transform:scale(.94)}\n.chip[aria-selected=\"true\"]{background:var(--ink);color:#fff}\n.ex-view{padding:clamp(18px,3vw,28px);overflow:auto}\n.pane{display:none}\n.pane.on{display:block;animation:paneIn .5s var(--ease) both}\n@keyframes paneIn{from{opacity:0;translate:0 8px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:none}}\n.pane-h{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-2);padding-bottom:12px;margin-bottom:16px;flex-wrap:wrap}\n.pane-h .n{font-size:13.5px;font-weight:600;letter-spacing:-.01em}\n.pane-h .m{font-size:11.5px;color:var(--ink-3)}\n.md{font-size:13px;line-height:1.85;color:var(--ink-2)}\n.md .h1{display:block;color:var(--ink);font-weight:600;font-size:14px;margin-bottom:6px}\n.md .h2{display:block;color:var(--ink);font-weight:600;margin-top:16px}\n.md .c{color:var(--accent)}\n.md .g{color:var(--ink-3)}\n.md ul{list-style:none;margin:4px 0 0}\n.md li{padding-left:16px;position:relative}\n.md li::before{content:'-';position:absolute;left:2px;color:var(--ink-4)}\n.tbl{width:100%;border-collapse:collapse;font-size:12.5px}\n.tbl th{text-align:left;font-weight:600;color:var(--ink-3);font-size:10.5px;letter-spacing:.06em;padding:0 12px 9px 0;border-bottom:1px solid var(--line)}\n.tbl td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}\n.tbl td:first-child{color:var(--ink);font-weight:600}\n.tbl tbody tr{transition:background .2s}\n.tbl tbody tr:hover{background:#FAFAFC}\n.pane.on .tbl tbody tr{animation:fadeIn .5s var(--ease) both}\n.pane.on .tbl tbody tr:nth-child(2){animation-delay:.06s}\n.pane.on .tbl tbody tr:nth-child(3){animation-delay:.12s}\n.pane.on .tbl tbody tr:nth-child(4){animation-delay:.18s}\n.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}\n.ask{display:flex;flex-direction:column;gap:12px}\n.bub{max-width:82%;padding:13px 16px;border-radius:20px;font-size:13.5px;line-height:1.6}\n.bub.q{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px;transform-origin:100% 100%}\n.bub.a{align-self:flex-start;background:#F2F2F5;color:var(--ink-2);border-bottom-left-radius:6px;transform-origin:0 100%}\n#p-vraagbaak.on .bub{animation:bubIn .7s var(--spring) both}\n#p-vraagbaak.on .bub:nth-child(1){animation-delay:.08s}\n#p-vraagbaak.on .bub:nth-child(2){animation-delay:.62s}\n#p-vraagbaak.on .bub:nth-child(3){animation-delay:1.25s}\n#p-vraagbaak.on .bub:nth-child(4){animation-delay:1.8s}\n@keyframes bubIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}\n.src{font-size:11px;color:var(--ink-3);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}\n.src b{color:var(--accent-ink);font-weight:600}\n.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2)}\n.flow .f-node{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--fill);border-radius:9px;padding:6px 11px}\n.flow .f-node.k{background:var(--ink);color:#fff}\n.flow .f-arr{color:var(--ink-4);font-size:12px}\n#p-vraagbaak.on .flow>*{animation:fadeIn .5s var(--ease) both;animation-delay:calc(2.25s + var(--i,0) * 70ms)}\n\n\/* ============ tijdlijn ============ *\/\n.steps{--rp:clamp(30px,4vw,44px);position:relative;padding-left:var(--rp)}\n.rail{position:absolute;left:8px;top:0;width:2px;height:0;border-radius:2px;background:var(--line-2);overflow:hidden}\n.rail i{display:block;height:100%;background:var(--accent);transform-origin:50% 0;transform:scaleY(var(--p,0))}\n.step{--dot:36px;position:relative;display:grid;grid-template-columns:190px 1fr 170px;gap:24px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.07);align-items:start}\n.step:last-of-type{border-bottom:0}\n.step::before{\n content:'';position:absolute;left:calc(3px - var(--rp));top:calc(var(--dot) - 6px);width:12px;height:12px;border-radius:50%;\n background:var(--page);box-shadow:0 0 0 2px var(--line);transition:background .35s ease,box-shadow .35s ease,transform .6s var(--spring);\n}\n.step.on::before{background:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 6px rgba(255,107,0,.15);transform:scale(1.05)}\n@media(max-width:860px){.step{--dot:30px;grid-template-columns:1fr;gap:6px;padding:18px 0}}\n.step .when{font-size:16.5px;font-weight:600;letter-spacing:-.02em}\n.step .when em{display:block;font-style:normal;font-size:13px;color:var(--ink-3);font-weight:500;margin-top:3px}\n.step .what{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2);line-height:1.6}\n.step .time{font-size:12.5px;color:var(--ink);font-weight:600;background:#fff;box-shadow:var(--sh-card);border-radius:999px;padding:7px 14px;justify-self:end;white-space:nowrap}\n@media(max-width:860px){.step .time{justify-self:start;margin-top:8px}}\n\n\/* ============ prijzen ============ *\/\n.callout{display:flex;gap:16px;align-items:flex-start;padding:22px 24px}\n.callout.hard{background:var(--ink)}\n.callout .k{font-size:clamp(24px,3.4vw,32px);font-weight:700;letter-spacing:-.045em;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}\n.callout.hard .k{color:#fff}\n.callout .v{font-size:clamp(14px,2.4vw,15px);color:var(--ink-2);line-height:1.5}\n.callout.hard .v{color:rgba(255,255,255,.7)}\n.callout .v b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}\n.callout.hard .v b{color:#fff}\n.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:860px){.prices{grid-template-columns:1fr}}\n.price{padding:clamp(22px,3vw,28px)}\n.price.main{background:var(--ink);color:#fff;box-shadow:0 30px 70px -36px rgba(0,0,0,.6),0 24px 70px -32px rgba(255,107,0,.4)}\n.price .label{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}\n.price.main .label{color:#FF8A3D}\n.price .amt{font-size:clamp(36px,6vw,50px);font-weight:700;letter-spacing:-.05em;line-height:1;margin:14px 0 12px;font-variant-numeric:tabular-nums}\n.price p{font-size:15px;color:var(--ink-2);line-height:1.6}\n.price.main p{color:rgba(255,255,255,.72)}\n\n\/* ============ garantie ============ *\/\n.guar{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}\n@media(max-width:860px){.guar{grid-template-columns:1fr}}\n.gcard{padding:clamp(22px,3vw,30px)}\n.gcard .ic{width:40px;height:40px;border-radius:12px;background:var(--ink);display:grid;place-items:center;margin-bottom:16px}\n.gcard .ic svg{width:18px;height:18px;overflow:visible}\n.anim .gcard .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-move) .35s}\n.anim .gcard .draw+.draw{transition-delay:.8s}\n.anim .gcard.in .draw{stroke-dashoffset:0}\n\n\/* ============ vragen ============ *\/\n.faq{padding:4px clamp(18px,3vw,30px)}\n.faq details+details{border-top:1px solid var(--line-2)}\n.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:clamp(16px,2.6vw,18px);font-weight:600;letter-spacing:-.022em;display:flex;justify-content:space-between;gap:18px;align-items:center}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary .plus{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--fill);display:grid;place-items:center;font-size:17px;font-weight:500;color:var(--ink-2);transition:transform .65s var(--spring),background .3s,color .3s}\n.faq summary:hover .plus{background:var(--fill-2)}\n.faq details[open] summary .plus{background:var(--ink);color:#fff;transform:rotate(45deg)}\n.faq details p{font-size:16px;color:var(--ink-2);padding:0 clamp(0px,6vw,60px) 22px 0;line-height:1.65;max-width:74ch}\n\n\/* ============ het gesprek ============ *\/\n.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}\n@media(max-width:860px){.agenda{grid-template-columns:1fr}}\n.min{padding:clamp(20px,3vw,26px)}\n.seg{position:relative;height:4px;border-radius:4px;background:var(--line-2);margin-bottom:18px;overflow:hidden}\n.seg i{position:absolute;top:0;bottom:0;left:calc(var(--a) * 33.333%);width:33.333%;border-radius:4px;background:var(--accent);transform-origin:0 50%}\n.anim .min .seg i{transform:scaleX(0);transition:transform 1s var(--ease-move) .35s}\n.anim .min.in .seg i{transform:scaleX(1)}\n.min .t{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--accent-ink);margin-bottom:8px;letter-spacing:.06em}\n.min p{font-size:clamp(15px,2.5vw,15.5px);color:var(--ink-2)}\n\n\/* ============ statement (donkere sc\u00e8ne, zoals de stippen-sc\u00e8nes in de video) ============ *\/\n.statement{padding-top:calc(var(--sec) * .5);padding-bottom:calc(var(--sec) * .5)}\n.stage{\n position:relative;overflow:hidden;text-align:center;border-radius:clamp(22px,3vw,32px);\n padding:clamp(64px,11vw,136px) clamp(22px,5vw,64px);background:#0B0B0C;\n}\n.stage::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}\n.stage>*{position:relative}\n.stage .big{max-width:17ch;margin:0 auto;font-size:clamp(30px,5.6vw,58px);font-weight:700;letter-spacing:-.04em;line-height:1.08;color:#F5F5F7;text-wrap:balance}\n.lw{transition:color .45s ease}\n.stage.scrub .lw:not(.lit){color:#3A3A3C}\n.sline{display:block;width:min(220px,40%);height:3px;border-radius:3px;background:var(--accent);margin:30px auto 0;transform-origin:50% 50%}\n.stage.scrub .sline{transform:scaleX(0);transition:transform 1s var(--ease-move)}\n.stage.scrub.done .sline{transform:scaleX(1)}\n.stage .sub{max-width:46ch;margin:26px auto 0;font-size:clamp(15px,2.5vw,17px);font-weight:500;color:#8E8E93;line-height:1.6}\n\n\/* ============ slot ============ *\/\n.bookcard{max-width:540px;margin:clamp(28px,4vw,40px) auto 0;padding:clamp(24px,3.6vw,34px);text-align:center;box-shadow:var(--sh-lift)}\n.host{display:flex;align-items:center;gap:14px;text-align:left;padding-bottom:18px;border-bottom:1px solid var(--line-2)}\n.host .av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line-2),0 10px 22px -10px rgba(0,0,0,.45)}\n.host .av-img{width:56px;height:56px}\n.host .av img{width:100%;height:100%;object-fit:cover;display:block}\n.host .nm{display:block;font-weight:600;font-size:17px;letter-spacing:-.022em}\n.host .bio{display:block;font-size:14px;color:var(--ink-2);line-height:1.45;margin-top:2px}\n.include{font-size:15px;color:var(--ink-2);margin-top:clamp(24px,3vw,32px);text-align:center}\n.bookcard .btn{width:100%;margin-top:20px}\n.bklist{text-align:left;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-2);display:grid;gap:10px}\n.bklist span{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45}\n.bklist svg{flex:0 0 auto;width:14px;height:14px;margin-top:3px;overflow:visible}\n.anim .bookcard .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s var(--ease-move);transition-delay:calc(.45s + var(--k,0) * 160ms)}\n.anim .bookcard.in .draw{stroke-dashoffset:0}\n.fnote{font-size:13px;color:var(--ink-3);text-align:center;margin-top:14px}\n\nfooter{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);border-top:1px solid rgba(0,0,0,.07);margin:0 var(--pad);padding-left:0;padding-right:0}\n.foot-note{font-size:12.5px;line-height:1.6;color:var(--ink-3);padding:0 var(--pad) 30px;max-width:80ch}\n\n\/* ============ mobiele sticky CTA ============ *\/\n.stickybar{\n position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;\n padding:10px 14px calc(10px + env(safe-area-inset-bottom));\n background:rgba(255,255,255,.96);border-top:1px solid var(--line-2);\n transform:translateY(110%);transition:transform .5s var(--ease);\n}\n.stickybar.show{transform:none}\n.stickybar{align-items:center;gap:10px}\n.stickybar .btn{flex:1 1 auto;width:auto}\n.sb-img{flex:0 0 auto;width:44px;height:44px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line-2)}\n@media(max-width:760px){.stickybar{display:flex}}\n\n\/* ============ verschijnen bij scrollen (alleen desktop, zie script in head) ============ *\/\n.anim .rv{opacity:0;translate:0 24px;filter:blur(8px)}\n.anim .rv.in{opacity:1;translate:0 0;filter:none}\n.js .rv{transition:opacity .9s var(--ease) var(--d,0ms),translate 1s var(--ease) var(--d,0ms),filter .9s var(--ease) var(--d,0ms),transform .7s var(--ease),box-shadow .7s var(--ease),background .4s ease}\n.anim .rv.sp{opacity:1;translate:none;filter:none}\n.anim .sp:not(.in) .wi{translate:0 115%}\n\n\/* ============ mobiel ============ *\/\n@media(max-width:760px){\n :root{--sec:clamp(48px,12vw,68px)}\n body{font-size:16px;padding-bottom:80px}\n .nav-wrap{top:8px}\n nav{background:rgba(255,255,255,.97);-webkit-backdrop-filter:none;backdrop-filter:none}\n .hero h1{max-width:none}\n .vsl{margin-top:30px}\n .vsl-btn{height:32px;min-width:32px}\n .vsl-fallback .s{display:none}\n\n .result{padding:18px}\n .mt40{margin-top:26px}\n .mt56{margin-top:34px}\n .mt28{margin-top:22px}\n\n \/* oplevering: twee kolommen, compact beeld *\/\n .grid3{grid-template-columns:1fr 1fr;gap:10px}\n .dtile .viz{height:80px;padding:6px}\n .dtile .viz svg{max-height:68px}\n .dtile .in-b{padding:14px}\n .dtile .num{font-size:11px;margin-bottom:6px}\n .dtile h3{font-size:14.5px}\n .dtile .means{font-size:13px;margin-top:6px}\n\n\n .ex-tree{max-height:190px;font-size:12px}\n .ex-view{padding:16px}\n .md{font-size:12px;line-height:1.7}\n .bub{max-width:92%;font-size:13px}\n\n .tr.f{padding:8px 10px}\n .chip{padding:9px 13px;font-size:12.5px}\n .ex-badge,.pane-h .m{font-size:12px}\n .small,.fnote,.cap{font-size:13.5px}\n}\n@media(max-width:380px){\n .grid3{grid-template-columns:1fr}\n .dtile .viz{height:96px}\n .dtile .viz svg{max-height:80px}\n .dtile h3{font-size:15.5px}\n .callout{flex-direction:column;gap:10px}\n}\n\/* losse automatiseringen: tekening op desktop, lijst op de telefoon *\/\n@media(max-width:680px){\n .agentmap{display:none}\n .agentlist{display:grid;gap:8px}\n .agentlist .row{display:flex;align-items:flex-start;gap:12px;border-radius:14px;padding:14px 16px}\n .agentlist .row .nm{font-size:14.5px;font-weight:600;letter-spacing:-.015em}\n .agentlist .row .nt{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;font-weight:500}\n .agentlist .row .tag{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:600;color:#fff;background:var(--warn);border-radius:999px;padding:3px 9px;align-self:center;position:relative}\n .agentlist .row .tag::after{content:'';position:absolute;inset:-3px;border-radius:999px;border:1.5px solid var(--warn);animation:ping 2.6s var(--ease) infinite}\n .agentlist .core{background:var(--ink)}\n .agentlist .core .nm{color:#fff}\n .agentlist .core .nt{color:rgba(255,255,255,.6)}\n}\n\n\/* minder beweging gewenst: alles staat er meteen *\/\n@media(prefers-reduced-motion:reduce){\n html{scroll-behavior:auto}\n *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0s !important}\n .am-dots,.pill .ic::after,.cap .dot::after,.am-ripple{display:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"shell\">\n\n\n<header class=\"nav-wrap\">\n<nav id=\"nav\" aria-label=\"Hoofdmenu\">\n <a class=\"logo\" href=\"#top\"><span class=\"mark\" aria-hidden=\"true\"><svg viewBox=\"0 0 112 108\" fill=\"none\"><path d=\"M75.2 18A44 44 0 1 0 93.6 60.1\" stroke=\"currentColor\" stroke-width=\"9\"\/><path d=\"M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z\" fill=\"currentColor\"\/><path d=\"M60.5 35.5L46.5 58\" stroke=\"#fff\" stroke-width=\"5.5\" stroke-linecap=\"round\"\/><path class=\"spark\" d=\"M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z\" fill=\"#FF6B00\"\/><\/svg><\/span> AI-Fundament<\/a>\n <div class=\"navcta\">\n <a class=\"btn btn-sm\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <\/div>\n<\/nav>\n<\/header>\n\n<main>\n\n<section class=\"hero\" id=\"top\">\n <span class=\"pill ld\" style=\"--d:0\"><span class=\"ic\"><\/span> Voor bedrijven met 8 tot 15 mensen<\/span>\n\n <h1><span class=\"h-mute\">Je team vraagt het al aan AI.<\/span> Zorg dat het antwoord <span class=\"u\">klopt.<\/span><\/h1>\n\n <p class=\"lead ld\" style=\"--d:6\">Ik zet de kennis van je bedrijf op papier en sluit ChatGPT, Copilot of Gemini erop aan. Dan krijgt je team jullie antwoord, met de bron erbij.<\/p>\n\n <div class=\"hero-cta ld\" style=\"--d:8\">\n <div class=\"cta-row\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <span class=\"cap\"><span class=\"mini\"><img class=\"mini-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"30\" height=\"30\" alt=\"\" decoding=\"async\" fetchpriority=\"high\"><i aria-hidden=\"true\"><\/i><\/span> Je spreekt Rick zelf. Twee trajecten per maand.<\/span>\n <\/div>\n <p class=\"small\">30 minuten online. Je ziet live wat AI nu over je bedrijf zegt en houdt het contextbestand.<\/p>\n <\/div>\n\n \n <div class=\"vsl ld\" style=\"--d:10\" id=\"vsl\">\n <div class=\"vsl-frame\" id=\"vslFrame\">\n <video class=\"vsl-video\" id=\"vslVideo\" autoplay muted loop playsinline preload=\"auto\" disablepictureinpicture poster=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/AIFunda.webm\" aria-label=\"Video van 75 seconden: zo werkt AI-Fundament\">\n <source src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/10\/AIFunda.webm\" type=\"video\/mp4\">\n <\/video>\n <button class=\"vsl-fallback\" id=\"vslFallback\" type=\"button\" hidden>\n <span class=\"vsl-play\"><svg viewBox=\"0 0 20 20\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M5 3.2v13.6a.8.8 0 0 0 1.22.68l11-6.8a.8.8 0 0 0 0-1.36l-11-6.8A.8.8 0 0 0 5 3.2z\"\/><\/svg><\/span>\n <span class=\"t\">Bekijk in 75 seconden hoe het werkt<\/span>\n <\/button>\n <div class=\"vsl-ui\">\n <button class=\"vsl-btn\" id=\"vslSound\" type=\"button\" hidden><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z\" fill=\"#fff\"\/><path d=\"M10.6 5.6a3.4 3.4 0 0 1 0 4.8M12.4 3.8a6 6 0 0 1 0 8.4\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg><span class=\"lbl\">Geluid aan<\/span><\/button>\n <button class=\"vsl-btn\" id=\"vslToggle\" type=\"button\" aria-label=\"Pauzeer video\">\n <svg class=\"i-pause\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"2.5\" width=\"3\" height=\"11\" rx=\"1\" fill=\"#fff\"\/><rect x=\"9.5\" y=\"2.5\" width=\"3\" height=\"11\" rx=\"1\" fill=\"#fff\"\/><\/svg>\n <svg class=\"i-play\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 2.8v10.4a.7.7 0 0 0 1.06.6l8.4-5.2a.7.7 0 0 0 0-1.2l-8.4-5.2a.7.7 0 0 0-1.06.6z\" fill=\"#fff\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"vsl-progress\" aria-hidden=\"true\"><i id=\"vslBar\"><\/i><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"stats rv\">\n <div class=\"stat\"><span class=\"n\" data-count>30<\/span><span class=\"l\">minuten spiegeltest, gratis<\/span><\/div>\n <div class=\"stat\"><span class=\"n\">0<\/span><span class=\"l\">nieuwe software of licenties<\/span><\/div>\n <div class=\"stat\"><span class=\"n\" data-count>\u20ac4.500<\/span><span class=\"l\">vaste prijs voor het hele traject<\/span><\/div>\n <div class=\"stat\"><span class=\"n\" data-count>100%<\/span><span class=\"l\">geld terug als de eindtest faalt<\/span><\/div>\n<\/div>\n\n<div class=\"works rv\" aria-label=\"Werkt met\">\n <span class=\"wl\">Werkt met wat je al hebt<\/span>\n <span class=\"tool\">ChatGPT<\/span><span class=\"tool\">Microsoft Copilot<\/span><span class=\"tool\">Gemini<\/span><span class=\"tool\">Google Drive<\/span><span class=\"tool\">SharePoint<\/span>\n<\/div>\n\n\n<section id=\"zelftest\">\n <div class=\"split\">\n <div>\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Zelftest<\/span>\n <h2 class=\"rv sp\">Herken je dit?<\/h2>\n <p class=\"lead mt20 rv\">Vink aan wat bij jullie speelt.<\/p>\n <\/div>\n\n <div class=\"rv\">\n <div class=\"checks\" id=\"checks\">\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Niemand weet waar de laatste versie van een offerte staat.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Twee collega's geven een klant een ander antwoord.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Nieuwe mensen vragen na een maand nog waar alles staat.<\/span><\/label>\n <label class=\"check\"><input type=\"checkbox\"><span class=\"box\"><svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M1.5 6.2l3 3 6-6.4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"txt\">Je weet niet welke AI-tools je team gebruikt en wat erin gaat.<\/span><\/label>\n <\/div>\n\n <div class=\"result\" id=\"result\" aria-live=\"polite\">\n <span class=\"rnum\"><span id=\"rnum\">0<\/span><em>\/4<\/em><\/span>\n <div>\n <div class=\"score\" id=\"score\">NIETS AANGEVINKT<\/div>\n <div class=\"body\" id=\"verdict\">Dan ben je verder dan de meeste bedrijven.<\/div>\n <div class=\"rcta\"><div><a href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"kosten\">\n <div class=\"split\">\n <div>\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat het kost<\/span>\n <h2 class=\"rv sp\">Reken het zelf uit.<\/h2>\n <p class=\"lead mt20 rv\">Alleen de tijd die je team kwijt is aan zoeken en navragen.<\/p>\n <details class=\"more rv\">\n <summary><span class=\"sign\">+<\/span><span class=\"lbl-closed\">Waar komen de getallen vandaan<\/span><span class=\"lbl-open\">Verbergen<\/span><\/summary>\n <div>Twee uur per week is voorzichtig. \u20ac45 per uur is wat het CBS aanhoudt voor loonkosten. Gerekend met 45 werkweken.<\/div>\n <\/details>\n <\/div>\n\n <div class=\"calc rv\" id=\"calc\">\n <div class=\"field\">\n <label for=\"ppl\">Medewerkers<\/label>\n <span class=\"input\"><input id=\"ppl\" type=\"number\" inputmode=\"numeric\" min=\"1\" max=\"500\" value=\"12\"><\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"hrs\">Uur per week zoeken, per persoon<\/label>\n <span class=\"input\"><input id=\"hrs\" type=\"number\" inputmode=\"decimal\" min=\"0\" max=\"40\" step=\"0.5\" value=\"2\"><\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"wage\">Loonkosten per uur<\/label>\n <span class=\"input\"><span class=\"pre\">\u20ac<\/span><input id=\"wage\" type=\"number\" inputmode=\"numeric\" min=\"0\" max=\"500\" value=\"45\"><\/span>\n <\/div>\n <div class=\"calc-out\">\n <div class=\"big\" id=\"total\">\u20ac48.600<\/div>\n <div class=\"sub\">per jaar, elk jaar opnieuw.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"center mt56 rv\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"ongezien\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat er al draait<\/span>\n <h2 class=\"rv sp\" style=\"max-width:20ch\">Er draait al AI in je bedrijf, zonder eigenaar.<\/h2>\n <p class=\"lead mt20 rv\" style=\"max-width:52ch\">AFAS, Exact, Outlook en priv\u00e9-accounts zitten allemaal aan je klantgegevens. Twee ervan doen hetzelfde.<\/p>\n\n <div class=\"agentmap mt40 rv\" id=\"agentmap\">\n <svg viewBox=\"0 0 620 260\" fill=\"none\" role=\"img\" aria-label=\"Losse automatiseringen die allemaal aan jouw bestanden en klantgegevens zitten, zonder eigenaar en met overlap\">\n <g font-family=\"Inter, sans-serif\" font-size=\"10.5\">\n \n <g class=\"am-lines\" stroke=\"#C7C7CC\" stroke-dasharray=\"4 5\">\n <path d=\"M170 50C226 50 226 118 250 126\"\/>\n <path d=\"M170 212C226 212 226 146 250 134\"\/>\n <path d=\"M450 46C392 46 384 116 370 124\"\/>\n <path d=\"M450 104C412 104 392 118 370 128\"\/>\n <path d=\"M450 208C394 208 384 146 370 136\"\/>\n <\/g>\n\n \n <g class=\"am-dots\">\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" path=\"M170 50C226 50 226 118 250 126\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"3.4s\" repeatCount=\"indefinite\" path=\"M170 212C226 212 226 146 250 134\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"3.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.8\" fill=\"#E5484D\" opacity=\"0\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" path=\"M450 46C392 46 384 116 370 124\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.8\" fill=\"#E5484D\" opacity=\"0\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" path=\"M450 104C412 104 392 118 370 128\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"2.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2.6\" fill=\"#1D1D1F\" opacity=\"0\"><animateMotion dur=\"3.1s\" repeatCount=\"indefinite\" path=\"M450 208C394 208 384 146 370 136\"\/><animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;.15;.8;1\" dur=\"3.1s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n\n \n <g class=\"am-core\">\n <rect class=\"am-ripple\" x=\"250\" y=\"104\" width=\"120\" height=\"54\" rx=\"12\" stroke=\"#FF6B00\" stroke-width=\"1.5\"\/>\n <rect x=\"250\" y=\"104\" width=\"120\" height=\"54\" rx=\"12\" fill=\"#1D1D1F\"\/>\n <text x=\"310\" y=\"126\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"11\" font-weight=\"600\">Jouw mappen en<\/text>\n <text x=\"310\" y=\"141\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"11\" font-weight=\"600\">klantgegevens<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect class=\"am-overlap\" x=\"440\" y=\"16\" width=\"168\" height=\"120\" rx=\"12\" stroke=\"#E5484D\" stroke-dasharray=\"5 4\"\/>\n <rect x=\"474\" y=\"126\" width=\"100\" height=\"20\" rx=\"10\" fill=\"#E5484D\"\/>\n <text x=\"524\" y=\"140\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"10\" font-weight=\"600\">doen hetzelfde<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect x=\"12\" y=\"30\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"26\" y=\"50\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Workflow in AFAS<\/text>\n <text x=\"26\" y=\"63\" fill=\"#86868B\">eigenaar onbekend<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"12\" y=\"192\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"26\" y=\"212\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Koppeling met Exact<\/text>\n <text x=\"26\" y=\"225\" fill=\"#86868B\">van een oud-collega<\/text>\n <\/g>\n\n \n <g class=\"am-chip\">\n <rect x=\"450\" y=\"26\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"46\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">ChatGPT van verkoop<\/text>\n <text x=\"464\" y=\"59\" fill=\"#86868B\">privé-account<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"450\" y=\"84\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"104\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Copilot in Outlook<\/text>\n <text x=\"464\" y=\"117\" fill=\"#86868B\">mailt dezelfde klant<\/text>\n <\/g>\n <g class=\"am-chip\">\n <rect x=\"450\" y=\"188\" width=\"158\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <text x=\"464\" y=\"208\" fill=\"#1D1D1F\" font-size=\"11\" font-weight=\"600\">Macro in Excel<\/text>\n <text x=\"464\" y=\"221\" fill=\"#86868B\">draait elke nacht<\/text>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n\n <div class=\"agentlist mt40\">\n <div class=\"row rv\"><span><span class=\"nm\">Workflow in AFAS<\/span><span class=\"nt\">eigenaar onbekend<\/span><\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Koppeling met Exact<\/span><span class=\"nt\">van een oud-collega<\/span><\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">ChatGPT van verkoop<\/span><span class=\"nt\">op een privé-account<\/span><\/span><span class=\"tag\">dubbel<\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Copilot in Outlook<\/span><span class=\"nt\">mailt dezelfde klant<\/span><\/span><span class=\"tag\">dubbel<\/span><\/div>\n <div class=\"row rv\"><span><span class=\"nm\">Macro in Excel<\/span><span class=\"nt\">draait elke nacht<\/span><\/span><\/div>\n <div class=\"row core rv\"><span><span class=\"nm\">Jouw mappen en klantgegevens<\/span><span class=\"nt\">waar ze allemaal aan zitten<\/span><\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"statement\">\n <div class=\"stage\" id=\"stage\">\n <p class=\"big\" id=\"scrub\">Jij bent nu de zoekmachine van je eigen bedrijf.<\/p>\n <span class=\"sline\" aria-hidden=\"true\"><\/span>\n <p class=\"sub\">Elke vraag die nergens staat, komt bij jou terecht.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"resultaat\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Wat je krijgt<\/span>\n <h2 class=\"rv sp\">Zes dingen die blijven staan.<\/h2>\n\n <div class=\"grid3 mt40\">\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <g transform=\"rotate(-7 96 58)\"><rect x=\"64\" y=\"20\" width=\"74\" height=\"76\" rx=\"7\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><\/g>\n <g transform=\"rotate(4 120 56)\"><rect x=\"82\" y=\"17\" width=\"76\" height=\"80\" rx=\"7\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><\/g>\n <rect x=\"104\" y=\"13\" width=\"82\" height=\"85\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"115\" y=\"25\" width=\"30\" height=\"5\" rx=\"2.5\" fill=\"#1D1D1F\"\/>\n <rect x=\"115\" y=\"40\" width=\"60\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"49\" width=\"48\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"62\" width=\"22\" height=\"4\" rx=\"2\" fill=\"#FF6B00\"\/>\n <rect x=\"115\" y=\"73\" width=\"56\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"115\" y=\"82\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">01<\/div>\n <h3>Het bedrijfsboek<\/h3>\n <p class=\"means\">Wat nu in drie hoofden zit, staat op papier.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"112\" y=\"12\" width=\"120\" height=\"28\" rx=\"14\" fill=\"#1D1D1F\"\/>\n <rect x=\"124\" y=\"22\" width=\"76\" height=\"3.5\" rx=\"1.75\" fill=\"#fff\" opacity=\".85\"\/>\n <rect x=\"124\" y=\"30\" width=\"48\" height=\"3.5\" rx=\"1.75\" fill=\"#fff\" opacity=\".45\"\/>\n <rect x=\"28\" y=\"50\" width=\"150\" height=\"48\" rx=\"14\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"42\" y=\"62\" width=\"104\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"42\" y=\"70\" width=\"84\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <path d=\"M42 81h124\" stroke=\"#E5E5EA\" stroke-dasharray=\"3 3\"\/>\n <circle cx=\"45\" cy=\"90\" r=\"3\" fill=\"#FF6B00\"\/>\n <rect x=\"53\" y=\"88\" width=\"62\" height=\"4\" rx=\"2\" fill=\"#AEAEB2\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">02<\/div>\n <h3>De vraagbaak<\/h3>\n <p class=\"means\">Je team vraagt het aan ChatGPT of Copilot in plaats van aan jou.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <g opacity=\".85\">\n <g transform=\"rotate(-9 58 28)\"><rect x=\"18\" y=\"20\" width=\"80\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"26\" y=\"26\" width=\"42\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <g transform=\"rotate(6 58 52)\"><rect x=\"14\" y=\"45\" width=\"88\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"22\" y=\"51\" width=\"56\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <g transform=\"rotate(-4 58 78)\"><rect x=\"20\" y=\"70\" width=\"76\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/><rect x=\"28\" y=\"76\" width=\"34\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><\/g>\n <\/g>\n <path d=\"M116 55h24\" stroke=\"#C7C7CC\" stroke-width=\"1.3\" stroke-dasharray=\"4 4\"\/>\n <path d=\"M136 50l6 5-6 5\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"158\" y=\"20\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.2\"\/>\n <rect x=\"166\" y=\"26\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#1D1D1F\"\/>\n <rect x=\"158\" y=\"45\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"166\" y=\"51\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"158\" y=\"70\" width=\"86\" height=\"15\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"166\" y=\"76\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">03<\/div>\n <h3>De opgeruimde kast<\/h3>\n <p class=\"means\">De versie die je vindt, is de laatste versie.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"16\" y=\"16\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"24\" width=\"24\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <rect x=\"16\" y=\"44\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"52\" width=\"30\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <rect x=\"16\" y=\"72\" width=\"44\" height=\"22\" rx=\"4\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"22\" y=\"80\" width=\"20\" height=\"3\" rx=\"1.5\" fill=\"#DCDCE1\"\/>\n <path d=\"M66 27c22 0 26 28 44 28M66 55h44M66 83c22 0 26-28 44-28\" stroke=\"#C7C7CC\" stroke-dasharray=\"4 4\"\/>\n <path d=\"M108 50l6 5-6 5\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"128\" y=\"16\" width=\"116\" height=\"78\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"128\" y=\"16\" width=\"116\" height=\"20\" rx=\"7\" fill=\"#1D1D1F\"\/>\n <rect x=\"128\" y=\"30\" width=\"116\" height=\"6\" fill=\"#1D1D1F\"\/>\n <rect x=\"138\" y=\"23\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#fff\" opacity=\".8\"\/>\n <rect x=\"176\" y=\"23\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#fff\" opacity=\".45\"\/>\n <rect x=\"138\" y=\"48\" width=\"44\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"48\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#FF6B00\"\/>\n <rect x=\"138\" y=\"63\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"63\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"138\" y=\"78\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/><rect x=\"196\" y=\"78\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">04<\/div>\n <h3>E\u00e9n lijst met de feiten<\/h3>\n <p class=\"means\">Klanten en projecten op \u00e9\u00e9n plek, met \u00e9\u00e9n cijfer.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"84\" y=\"10\" width=\"92\" height=\"90\" rx=\"7\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <rect x=\"96\" y=\"22\" width=\"34\" height=\"5\" rx=\"2.5\" fill=\"#1D1D1F\"\/>\n <path d=\"M96 38h68M96 54h68M96 70h68M96 86h68\" stroke=\"#EEEEF1\"\/>\n <rect x=\"112\" y=\"35\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"51\" width=\"44\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"67\" width=\"50\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"112\" y=\"83\" width=\"38\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <path d=\"M96 36.5l2.6 2.6L104 34\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96 52.5l2.6 2.6L104 50\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96 68.5l2.6 2.6L104 66\" stroke=\"#FF6B00\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M96.5 82.5l7 7M103.5 82.5l-7 7\" stroke=\"#AEAEB2\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">05<\/div>\n <h3>De spelregels op \u00e9\u00e9n A4<\/h3>\n <p class=\"means\">Wat wel en wat niet in een AI-tool mag.<\/p>\n <\/div>\n <\/div>\n <div class=\"dtile rv\">\n <div class=\"viz\">\n <svg viewBox=\"0 0 260 110\" fill=\"none\" aria-hidden=\"true\">\n <rect x=\"30\" y=\"24\" width=\"104\" height=\"62\" rx=\"8\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <path d=\"M44 44h26l6 7h34\" stroke=\"#DCDCE1\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <rect x=\"44\" y=\"60\" width=\"52\" height=\"3.5\" rx=\"1.75\" fill=\"#DCDCE1\"\/>\n <rect x=\"44\" y=\"69\" width=\"34\" height=\"3.5\" rx=\"1.75\" fill=\"#FF6B00\"\/>\n <circle cx=\"170\" cy=\"46\" r=\"13\" fill=\"#fff\" stroke=\"#1D1D1F\" stroke-width=\"1.3\"\/>\n <circle cx=\"170\" cy=\"46\" r=\"4.5\" fill=\"#1D1D1F\"\/>\n <path d=\"M170 59v26M170 72h9M170 80h7\" stroke=\"#1D1D1F\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <rect x=\"196\" y=\"28\" width=\"46\" height=\"26\" rx=\"6\" fill=\"#fff\" stroke=\"#E1E1E6\"\/>\n <rect x=\"204\" y=\"38\" width=\"30\" height=\"3.5\" rx=\"1.75\" fill=\"#E1E1E6\"\/>\n <rect x=\"204\" y=\"45\" width=\"18\" height=\"3.5\" rx=\"1.75\" fill=\"#E1E1E6\"\/>\n <path d=\"M198 52l42-22\" stroke=\"#AEAEB2\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"in-b\">\n <div class=\"num\">06<\/div>\n <h3>De sleutels<\/h3>\n <p class=\"means\">Alles staat in jouw Drive of SharePoint, op jouw naam.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"include rv\">Inclusief een half uur uitleg voor het hele team en twintig startvragen voor dag \u00e9\u00e9n.<\/p>\n<\/section>\n\n\n<section id=\"zoziethetuit\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Voorbeeld<\/span>\n <h2 class=\"rv sp\">Klik door een oplevering.<\/h2>\n <p class=\"lead mt20 rv\" style=\"max-width:52ch\">Zo ziet het eruit bij een installatiebedrijf met 12 mensen.<\/p>\n\n <div class=\"explorer mt40 rv\">\n <div class=\"ex-bar\">\n <span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span>\n <span class=\"ex-path mono\">Drive › Bedrijf › 00-Bedrijfsboek<\/span>\n <span class=\"ex-badge\">Jouw eigen Drive of SharePoint<\/span>\n <\/div>\n\n <div class=\"ex-body\">\n <div class=\"ex-tree mono\" role=\"tablist\" aria-label=\"Opgeleverde bestanden\">\n <span class=\"tr dir\">00-Bedrijfsboek\/<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-bedrijf\" aria-selected=\"true\"><span class=\"dot\"><\/span>00-bedrijf.md<\/button>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-verkoop\" aria-selected=\"false\"><span class=\"dot\"><\/span>01-verkoop.md<\/button>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>02-projecten.md<\/span>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>03-uitvoering.md<\/span>\n <span class=\"tr i1\"><span class=\"dot\"><\/span>04-administratie.md<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-regels\" aria-selected=\"false\"><span class=\"dot\"><\/span>05-spelregels.md<\/button>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-start\" aria-selected=\"false\"><span class=\"dot\"><\/span>20-startvragen.md<\/button>\n\n <span class=\"tr dir\">01-Klanten\/<\/span>\n <span class=\"tr dir i1\">2026-0412_Gemeente-Geldrop\/<\/span>\n <span class=\"tr i2\">01-offerte\/<\/span>\n <span class=\"tr i2\">02-uitvoering\/<\/span>\n <span class=\"tr i2\">03-facturen\/<\/span>\n <span class=\"tr dir i1\">2026-0503_Van-Dijk-Bouw\/<\/span>\n\n <span class=\"tr dir\">02-Projecten\/<\/span>\n <span class=\"tr dir\">03-Administratie\/<\/span>\n <button class=\"tr f i1\" role=\"tab\" data-pane=\"p-lijst\" aria-selected=\"false\"><span class=\"dot\"><\/span>klanten-en-projecten<\/button>\n <span class=\"tr dir\">04-Intern\/<\/span>\n <span class=\"tr dir g\">99-Archief\/<\/span>\n\n <div class=\"ex-sub\">AANGESLOTEN OP<\/div>\n <div class=\"chips\">\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">ChatGPT<\/button>\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">Gemini<\/button>\n <button class=\"chip\" role=\"tab\" data-pane=\"p-vraagbaak\" aria-selected=\"false\">Copilot<\/button>\n <\/div>\n <\/div>\n\n <div class=\"ex-view\">\n\n \n <div role=\"tabpanel\" class=\"pane on\" id=\"p-bedrijf\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">00-bedrijf.md<\/span><span class=\"m\">2 kantjes · gewone taal<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Bedrijf<\/span>\nWie we zijn, wat we doen en wie waarover beslist.\n\n<span class=\"h2\"><span class=\"c\">##<\/span> In één zin<\/span>Wij doen elektrotechniek en data-installaties voor gemeenten,\nscholen en aannemers in Zuidoost-Brabant. 12 mensen, 4 bussen.\n\n<span class=\"h2\"><span class=\"c\">##<\/span> Wie beslist wat<\/span><ul>\n<li>Offerte tot 25.000 euro: werkvoorbereiding<\/li>\n<li>Offerte daarboven: directeur, altijd<\/li>\n<li>Meerwerk op locatie: uitvoerder, tot 1.500 euro<\/li>\n<li>Inhuur onderaannemer: directeur<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat we niet doen<\/span><ul>\n<li>Particuliere klussen onder 2.000 euro<\/li>\n<li>Werk buiten een straal van 60 km<\/li>\n<\/ul>\n<span class=\"g\">Laatst bijgewerkt: 12-06-2026 · eigenaar: directie<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-verkoop\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">01-verkoop.md<\/span><span class=\"m\">Uit gesprekken met je eigen mensen<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Verkoop<\/span>\n<span class=\"h2\"><span class=\"c\">##<\/span> Hoe een offerte tot stand komt<\/span><ul>\n<li>Aanvraag binnen via info@ of telefoon, zelfde dag bevestigen<\/li>\n<li>Schouw inplannen binnen 5 werkdagen<\/li>\n<li>Calculatie in de standaardsheet, nooit los in Excel<\/li>\n<li>Offerte in 01-Klanten\/[datum]_[klant]\/01-offerte\/<\/li>\n<li>Twee weken geldig, daarna opnieuw calculeren<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Factureren naar een gemeente<\/span><ul>\n<li>Altijd e-facturatie in UBL, nooit een PDF per mail<\/li>\n<li>Inkoopordernummer verplicht op de regel, anders afgekeurd<\/li>\n<li>Betaaltermijn 30 dagen, geen 14<\/li>\n<li>Bij raamcontract: verwijzen naar contractnummer<\/li>\n<\/ul>\n<span class=\"g\">Dit is de vraag die vorig jaar 40 keer bij de directeur kwam.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-regels\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">05-spelregels.md<\/span><span class=\"m\">De spelregels op één A4<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Spelregels<\/span>\n<span class=\"h2\"><span class=\"c\">##<\/span> Hoe we bestanden noemen<\/span>JJJJ-MMDD_Klant_Onderwerp_v1\nVoorbeeld: 2026-0412_Gemeente-Geldrop_Offerte_v2\n\n<span class=\"h2\"><span class=\"c\">##<\/span> Waar nieuw werk heen gaat<\/span><ul>\n<li>Klantwerk: 01-Klanten\/[datum]_[klant]\/<\/li>\n<li>Intern: 04-Intern\/<\/li>\n<li>Niets nieuws op het bureaublad, nooit<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat wel in een AI-tool mag<\/span><ul>\n<li>Eigen offerteteksten en werkinstructies<\/li>\n<li>Openbare bestekken en normen<\/li>\n<\/ul>\n<span class=\"h2\"><span class=\"c\">##<\/span> Wat er niet in gaat<\/span><ul>\n<li>Persoonsgegevens van medewerkers<\/li>\n<li>Prijsafspraken onder geheimhouding<\/li>\n<li>Tekeningen van klanten zonder hun akkoord<\/li>\n<\/ul>\n<span class=\"g\">Dit is het antwoord als je grootste klant vraagt hoe jullie met zijn gegevens omgaan.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-start\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">20-startvragen.md<\/span><span class=\"m\">Twintig vragen, dag één<\/span><\/div>\n <div class=\"md mono\"><span class=\"h1\"><span class=\"c\">#<\/span> Startvragen<\/span>\nPlak er één in ChatGPT en je ziet meteen wat het doet.\n<ul>\n<li>Hoe factureren wij naar een gemeente?<\/li>\n<li>Wat staat er in onze standaard offertetekst voor een schoolgebouw?<\/li>\n<li>Wie moet deze offerte van 31.000 euro goedkeuren?<\/li>\n<li>Maak een werkbon voor de klus van morgen bij Van Dijk Bouw.<\/li>\n<li>Wat is onze betaaltermijn en wat doen we bij te laat betalen?<\/li>\n<li>Welke gegevens mag ik hier wel en niet in zetten?<\/li>\n<\/ul>\n<span class=\"g\">Plus 14 meer, per afdeling gesorteerd.<\/span><\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-lijst\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n mono\">klanten-en-projecten<\/span><span class=\"m\">Eén lijst met de feiten<\/span><\/div>\n <div class=\"tbl-wrap\">\n <table class=\"tbl\">\n <thead><tr><th>KLANT<\/th><th>PROJECT<\/th><th>STATUS<\/th><th>WAARDE<\/th><th>UIT<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Gemeente Geldrop<\/td><td>Renovatie gemaal<\/td><td>In uitvoering<\/td><td>€84.500<\/td><td>Offerte v2<\/td><\/tr>\n <tr><td>Van Dijk Bouw<\/td><td>Nieuwbouw 14 won.<\/td><td>Offerte uit<\/td><td>€126.000<\/td><td>Calculatie<\/td><\/tr>\n <tr><td>Stichting Helder<\/td><td>Data schoolgebouw<\/td><td>Opgeleverd<\/td><td>€38.200<\/td><td>Eindfactuur<\/td><\/tr>\n <tr><td>Aannemer Bos<\/td><td>Laadpalen terrein<\/td><td>Wacht op akkoord<\/td><td>€19.750<\/td><td>Offerte v1<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"src\">Vervangt 4 losse Excels. <b>De vraagbaak leest hieruit<\/b>, dus het cijfer in het antwoord is het cijfer in de lijst.<\/div>\n <\/div>\n\n \n <div role=\"tabpanel\" class=\"pane\" id=\"p-vraagbaak\">\n <div role=\"tabpanel\" class=\"pane-h\"><span class=\"n\">De vraagbaak<\/span><span class=\"m\">Je eigen ChatGPT, met het boek erachter<\/span><\/div>\n <div class=\"ask\">\n <div class=\"bub q\">Hoe factureren wij naar een gemeente?<\/div>\n <div class=\"bub a\">Via e-facturatie in UBL, niet als PDF per mail. Het inkoopordernummer moet op de factuurregel staan, anders wordt hij afgekeurd. Betaaltermijn is 30 dagen. Bij een raamcontract verwijs je naar het contractnummer.\n <div class=\"src\">Bron: <b>00-Bedrijfsboek\/01-verkoop.md<\/b>, bijgewerkt 12-06-2026<\/div>\n <\/div>\n <div class=\"bub q\">Wie keurt een offerte van 31.000 euro goed?<\/div>\n <div class=\"bub a\">De directeur. Werkvoorbereiding mag tot 25.000 euro zelf beslissen.\n <div class=\"src\">Bron: <b>00-Bedrijfsboek\/00-bedrijf.md<\/b><\/div>\n <\/div>\n <\/div>\n <div class=\"flow\">\n <span class=\"f-node k\">Het bedrijfsboek<\/span>\n <span class=\"f-arr\">→<\/span>\n <span class=\"f-node\">ChatGPT<\/span>\n <span class=\"f-node\">Gemini<\/span>\n <span class=\"f-node\">Copilot<\/span>\n <span class=\"f-arr\">→<\/span>\n <span class=\"f-node\">Jullie antwoord, met bron<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"center mt56 rv\">\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <p class=\"small mt12\">In het gesprek maken we de eerste versie voor jouw bedrijf.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"aanpak\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Aanpak<\/span>\n <h2 class=\"rv sp\">Zo gaat het.<\/h2>\n\n <div class=\"steps mt40\" id=\"steps\">\n <span class=\"rail\" aria-hidden=\"true\"><i><\/i><\/span>\n <div class=\"step rv\">\n <div class=\"when\">Spiegeltest<em>30 minuten, gratis<\/em><\/div>\n <div class=\"what\">Je ziet live wat AI nu over je bedrijf zegt.<\/div>\n <div class=\"time\">Jullie tijd: 0,5 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Nulmeting<em>\u20ac500, gaat eraf bij doorgaan<\/em><\/div>\n <div class=\"what\">Zwart op wit waar het misgaat en wat het kost.<\/div>\n <div class=\"time\">Jullie tijd: 4 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Inrichten<em>Boek, kast, lijst, spelregels<\/em><\/div>\n <div class=\"what\">Ik schrijf, ruim op en sluit je AI-tools aan.<\/div>\n <div class=\"time\">Jullie tijd: 3 uur<\/div>\n <\/div>\n <div class=\"step rv\">\n <div class=\"when\">Live<em>Met het hele team<\/em><\/div>\n <div class=\"what\">Half uur uitleg en twintig startvragen. Daarna werkt het.<\/div>\n <div class=\"time\">0,5 uur + 1 uur p.p.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"prijs\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Prijs<\/span>\n <h2 class=\"rv sp\">E\u00e9n vaste prijs. Geld terug als het niet werkt.<\/h2>\n\n <div class=\"grid2 mt40\">\n <div class=\"callout rv\"><span class=\"k\" id=\"totalEcho2\">\u20ac48.600<\/span><span class=\"v\"><b>Niets doen<\/b>Per jaar, volgens je eigen berekening.<\/span><\/div>\n <div class=\"callout hard rv\"><span class=\"k\" data-count>\u20ac4.500<\/span><span class=\"v\"><b>Dit traject<\/b>Eenmalig. <span id=\"paybackLine\">Volgens je eigen berekening terugverdiend in <strong id=\"payback\">5 weken<\/strong>.<\/span><\/span><\/div>\n <\/div>\n\n <div class=\"prices\" style=\"margin-top:var(--gap)\">\n <div class=\"price rv\">\n <div class=\"label\">Nulmeting<\/div>\n <div class=\"amt\" data-count>\u20ac500<\/div>\n <p>Gaat eraf als we doorgaan.<\/p>\n <\/div>\n <div class=\"price main rv\">\n <div class=\"label\">Traject<\/div>\n <div class=\"amt\" data-count>\u20ac4.500<\/div>\n <p>Alles hierboven, vaste prijs.<\/p>\n <\/div>\n <div class=\"price rv\">\n <div class=\"label\">Bijhouden, optioneel<\/div>\n <div class=\"amt\" data-count>\u20ac250<span style=\"font-size:17px;font-weight:600;letter-spacing:-.02em\"> p\/m<\/span><\/div>\n <p>Maandelijks opzegbaar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"guar\">\n <div class=\"gcard rv\">\n <div class=\"ic\"><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" pathLength=\"1\" d=\"M8 1.5l5.5 2.2v4.1c0 3.2-2.2 5.6-5.5 6.7-3.3-1.1-5.5-3.5-5.5-6.7V3.7L8 1.5z\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/><path class=\"draw\" pathLength=\"1\" d=\"M5.6 8l1.7 1.7L10.6 6\" stroke=\"#FF8A3D\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Geld terug<\/h3>\n <p class=\"mt8 muted\">We leggen vooraf vijf vragen vast. Geven drie AI-tools aan het eind niet hetzelfde juiste antwoord, dan krijg je het traject terug.<\/p>\n <\/div>\n <div class=\"gcard rv\">\n <div class=\"ic\"><svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" pathLength=\"1\" d=\"M12.5 9v3.5H3.5V3.5H7\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path class=\"draw\" pathLength=\"1\" d=\"M6.2 9.8L13 3M11 3h2v2\" stroke=\"#FF8A3D\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Alles op jouw naam<\/h3>\n <p class=\"mt8 muted\">Je kunt morgen zonder mij verder. Onderhoud zeg je per maand op.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"vragen\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Vragen<\/span>\n <h2 class=\"rv sp\">Wat directeuren vooraf vragen.<\/h2>\n\n <div class=\"faq mt40 rv\">\n <details>\n <summary>We hebben al een IT-partner <span class=\"plus\">+<\/span><\/summary>\n <p>Hou hem. Hij zorgt voor de beveiliging, ik voor wat erin staat en wie het mag zien. Ik kom niet aan zijn omgeving.<\/p>\n <\/details>\n <details>\n <summary>We gebruiken nog geen AI <span class=\"plus\">+<\/span><\/summary>\n <p>Dat denkt bijna elke directeur. De anonieme vragenlijst in de nulmeting laat zien wat er echt gebeurt.<\/p>\n <\/details>\n <details>\n <summary>Mijn team gaat dit nooit doen <span class=\"plus\">+<\/span><\/summary>\n <p>Daarom verhuist alleen wat ze deze maand gebruiken, duurt de uitleg een half uur en krijgt iedereen twintig startvragen die meteen werken.<\/p>\n <\/details>\n <details>\n <summary>Moeten al onze bestanden verhuizen? <span class=\"plus\">+<\/span><\/summary>\n <p>Alleen wat actief in gebruik is. Het archief blijft staan, met \u00e9\u00e9n verwijzing zodat je het terugvindt.<\/p>\n <\/details>\n <details>\n <summary>\u20ac4.500 is veel geld voor ons <span class=\"plus\">+<\/span><\/summary>\n <p>Begin met de nulmeting van \u20ac500. Dan weet je wat het je nu kost en beslis je daarna.<\/p>\n <\/details>\n <details>\n <summary>Is dit juridisch advies over de AVG? <span class=\"plus\">+<\/span><\/summary>\n <p>Nee. Ik zorg dat je organisatie op orde is en dat je kunt laten zien hoe je werkt. De juridische toets doet je eigen adviseur.<\/p>\n <\/details>\n <\/div>\n<\/section>\n\n\n<section class=\"final\" id=\"plan\">\n <div class=\"center\">\n <span class=\"eyebrow rv\"><span class=\"dot\"><\/span> Het gesprek<\/span>\n <h2 class=\"rv sp\" style=\"max-width:18ch;margin:0 auto\">Zie in 30 minuten wat AI nu over jouw bedrijf zegt.<\/h2>\n <\/div>\n\n <div class=\"agenda mt40\">\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:0\"><\/i><\/div>\n <div class=\"t\">MINUUT 0 TOT 10<\/div>\n <p>Zes vragen over je bedrijf. Ik maak er live een contextbestand van.<\/p>\n <\/div>\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:1\"><\/i><\/div>\n <div class=\"t\">MINUUT 10 TOT 20<\/div>\n <p>Drie AI-tools krijgen dezelfde vragen, eerst zonder en dan met dat bestand.<\/p>\n <\/div>\n <div class=\"min rv\">\n <div class=\"seg\" aria-hidden=\"true\"><i style=\"--a:2\"><\/i><\/div>\n <div class=\"t\">MINUUT 20 TOT 30<\/div>\n <p>Wat ik zou doen en wat het kost. Past het niet, dan zeg ik dat.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bookcard rv\">\n <div class=\"host\">\n <span class=\"av\"><img class=\"av-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"56\" height=\"56\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n <span>\n <span class=\"nm\">Je spreekt Rick van Mierlo<\/span>\n <span class=\"bio\">Ik bouw AI-processen bij ParkingYou en PRJCT Agency, en heb dit eerst in mijn eigen bedrijven ingericht.<\/span>\n <\/span>\n <\/div>\n <a class=\"btn btn-lg btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n <div class=\"bklist\">\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:0\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 30 minuten online, de test live op je scherm.<\/span>\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:1\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Je houdt het contextbestand en de vragen.<\/span>\n <span><svg viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden=\"true\"><path class=\"draw\" style=\"--k:2\" pathLength=\"1\" d=\"M1.5 6.8l3.2 3.2L11.5 3\" stroke=\"#FF6B00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Geen offerte in het gesprek. Ik bel je daarna niet na.<\/span>\n <\/div>\n <p class=\"fnote\">Twee trajecten per maand. Dat is wat er in mijn agenda past.<\/p>\n <\/div>\n<\/section>\n<\/main>\n\n<footer>\n <a class=\"logo\" href=\"#top\" style=\"font-size:14px\"><span class=\"mark\" aria-hidden=\"true\"><svg viewBox=\"0 0 112 108\" fill=\"none\"><path d=\"M75.2 18A44 44 0 1 0 93.6 60.1\" stroke=\"currentColor\" stroke-width=\"9\"\/><path d=\"M41 30h33l7 8v14c0 6-3 9-9 9H44c-4 0-6 2-8 5l-8 14-9-14c-2-3-2-6 0-9l18-30c1-2 2-3 4-3z\" fill=\"currentColor\"\/><path d=\"M60.5 35.5L46.5 58\" stroke=\"#F5F5F7\" stroke-width=\"5.5\" stroke-linecap=\"round\"\/><path d=\"M88 3c2 13 8 19 21 22-13 3-19 9-21 22-2-13-8-19-21-22 13-3 19-9 21-22z\" fill=\"#FF6B00\"\/><\/svg><\/span> AI-Fundament<\/a>\n <div>Eindhoven en omgeving · 2026<\/div>\n<\/footer>\n\n<p class=\"foot-note\">Het bedrag in de rekenmodule is een rekenvoorbeeld op basis van je eigen invoer, met 45 werkweken per jaar en de CBS-loonkosten van \u20ac45 per uur. Geen getal op deze pagina is een klantresultaat.<\/p>\n\n<\/div>\n\n\n<div class=\"stickybar\" id=\"stickybar\">\n <img class=\"sb-img\" src=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg\" srcset=\"https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-150x150.jpg 1x, https:\/\/ai.prjct.agency\/wp-content\/uploads\/2026\/09\/Firefly-300x300.jpg 2x\" width=\"44\" height=\"44\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n <a class=\"btn btn-accent\" href=\"https:\/\/calendar.app.google\/GB4bwFCBkRkQtu6R8\" target=\"_blank\" rel=\"noopener\" data-cta>Plan je gratis spiegeltest <span class=\"arrow\">›<\/span><\/a>\n<\/div>\n\n<script>\n(function(){\n 'use strict';\n var doc = document.documentElement;\n var reduce = false;\n try{ reduce = matchMedia('(prefers-reduced-motion: reduce)').matches; }catch(e){}\n var hasIO = 'IntersectionObserver' in window;\n function $(s, c){ return (c || document).querySelector(s); }\n function $$(s, c){ return Array.prototype.slice.call((c || document).querySelectorAll(s)); }\n function clamp(v, a, b){ return Math.max(a, Math.min(b, v)); }\n var nf = new Intl.NumberFormat('nl-NL', {maximumFractionDigits:0});\n function euro(v){ return '\u20ac' + nf.format(Math.round(v)); }\n\n \/\/ eenmalig iets doen zodra een element in beeld komt\n function onView(el, fn, opts){\n if(!el) return;\n if(!hasIO){ fn(el); return; }\n var o = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ o.unobserve(e.target); fn(e.target); } });\n }, opts || {threshold:.35});\n o.observe(el);\n }\n \/\/ getal soepel laten oplopen (easeOutQuart, zoals countUp in de video)\n function tween(from, to, dur, render){\n if(reduce || dur <= 0){ render(to); return; }\n var t0 = null;\n function f(t){\n if(t0 === null) t0 = t;\n var p = clamp((t - t0) \/ dur, 0, 1);\n render(from + (to - from) * (1 - Math.pow(1 - p, 4)));\n if(p < 1) requestAnimationFrame(f);\n }\n requestAnimationFrame(f);\n }\n\n \/\/ ---- koppen: woord voor woord uit een masker ----\n function splitWords(el){\n var idx = 0;\n el.setAttribute('aria-label', el.textContent.replace(\/\\s+\/g, ' ').trim());\n (function walk(node){\n Array.prototype.slice.call(node.childNodes).forEach(function(n){\n if(n.nodeType === 3){\n var frag = document.createDocumentFragment();\n n.nodeValue.split(\/(\\s+)\/).forEach(function(p){\n if(!p) return;\n if(\/^\\s+$\/.test(p)){ frag.appendChild(document.createTextNode(' ')); return; }\n var w = document.createElement('span'); w.className = 'w'; w.setAttribute('aria-hidden', 'true');\n var i = document.createElement('span'); i.className = 'wi'; i.textContent = p; i.style.setProperty('--i', idx++);\n w.appendChild(i); frag.appendChild(w);\n });\n node.replaceChild(frag, n);\n } else if(n.nodeType === 1){ walk(n); }\n });\n })(el);\n el.classList.add('is-split');\n }\n var h1 = $('.hero h1');\n if(h1) splitWords(h1);\n $$('.sp').forEach(splitWords);\n\n \/\/ ---- verschijnen bij scrollen (desktop) ----\n if(doc.classList.contains('anim')){\n var rv = $$('.rv'), fired = false;\n rv.forEach(function(el){\n var sibs = Array.prototype.filter.call(el.parentNode.children, function(c){ return c.classList.contains('rv'); });\n el.style.setProperty('--d', Math.min(sibs.indexOf(el), 6) * 70 + 'ms');\n });\n $$('.dtile .viz svg').forEach(function(svg){\n Array.prototype.forEach.call(svg.children, function(c, i){ c.style.transitionDelay = (220 + i * 45) + 'ms'; });\n });\n $$('.am-chip').forEach(function(c, i){ c.style.transitionDelay = (300 + i * 90) + 'ms'; });\n var io = new IntersectionObserver(function(es){\n fired = true;\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {rootMargin:'0px 0px -6% 0px', threshold:0});\n rv.forEach(function(el){ io.observe(el); });\n \/\/ vangnet: doet de observer helemaal niets, dan staat alles er gewoon.\n \/\/ De klok start pas bij het eerste getekende frame, zodat een tab op de achtergrond niet telt.\n requestAnimationFrame(function(){ setTimeout(function(){ if(!fired) doc.classList.remove('anim'); }, 2500); });\n }\n\n \/\/ ---- tellers ----\n $$('[data-count]').forEach(function(el){\n if(reduce) return;\n var walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null), tn = null;\n while(walker.nextNode()){ if(\/\\d\/.test(walker.currentNode.nodeValue)){ tn = walker.currentNode; break; } }\n if(!tn) return;\n var tpl = tn.nodeValue, re = \/\\d{1,3}(?:\\.\\d{3})+|\\d+\/g, nums = [], m;\n while((m = re.exec(tpl))) nums.push(parseInt(m[0].replace(\/\\.\/g, ''), 10));\n function render(p){ var i = 0; tn.nodeValue = tpl.replace(re, function(){ return nf.format(Math.round(nums[i++] * p)); }); }\n render(0);\n onView(el, function(){ tween(0, 1, 1400, render); }, {threshold:.6});\n });\n\n \/\/ ---- zelftest ----\n (function(){\n var boxes = $$('#checks input');\n var wrap = $('#result'), rnum = $('#rnum'), score = $('#score'), verdict = $('#verdict');\n var texts = {\n 0:['NIETS AANGEVINKT','Dan ben je verder dan de meeste bedrijven.'],\n 1:['HERKENBAAR','Dit kost je nu al tijd. Met elke nieuwe AI-tool wordt het erger.'],\n 2:['HERKENBAAR','Dit kost je nu al tijd. Met elke nieuwe AI-tool wordt het erger.'],\n 3:['BEDRIJFSRISICO','Hier lekt elke week tijd en kennis weg. In 30 minuten zie je waar.'],\n 4:['BEDRIJFSRISICO','Hier lekt elke week tijd en kennis weg. In 30 minuten zie je waar.']\n };\n function replay(el, cls){ el.classList.remove(cls); void el.offsetWidth; el.classList.add(cls); }\n var last = 0;\n function update(){\n var n = 0;\n boxes.forEach(function(b){ if(b.checked) n++; });\n if(n === last) return;\n var textChanged = texts[n][0] !== texts[last][0];\n last = n;\n rnum.textContent = n; replay(rnum, 'flip');\n if(textChanged){\n score.textContent = texts[n][0]; verdict.textContent = texts[n][1];\n replay(score, 'swap'); replay(verdict, 'swap');\n }\n wrap.classList.toggle('warm', n === 1 || n === 2);\n wrap.classList.toggle('hot', n >= 3);\n wrap.classList.add('bump');\n setTimeout(function(){ wrap.classList.remove('bump'); }, 260);\n }\n boxes.forEach(function(b){ b.addEventListener('change', update); });\n })();\n\n \/\/ ---- rekenmodule ----\n (function(){\n var ppl = $('#ppl'), hrs = $('#hrs'), wage = $('#wage'), out = $('#total');\n var echoes = [$('#totalEcho'), $('#totalEcho2')];\n var WEEKS = 45, shown = 0, total = 0, started = false;\n function compute(){ return Math.round((parseFloat(ppl.value) || 0) * (parseFloat(hrs.value) || 0) * (parseFloat(wage.value) || 0) * WEEKS); }\n var pb = document.getElementById('payback'), pbLine = document.getElementById('paybackLine');\n function payback(){\n if(!pb) return;\n var weeks = total > 0 ? Math.ceil(4500 \/ (total \/ WEEKS)) : 0;\n pbLine.hidden = !(weeks > 0 && weeks <= 104);\n pb.textContent = weeks + (weeks === 1 ? ' week' : ' weken');\n }\n function show(v){ shown = v; out.textContent = euro(v); }\n function calc(){\n total = compute();\n payback();\n echoes.forEach(function(el){ if(el && el.dataset.seen) el.textContent = euro(total); });\n if(started) tween(shown, total, 450, show);\n }\n [ppl, hrs, wage].forEach(function(el){ el.addEventListener('input', calc); });\n total = compute();\n payback();\n if(reduce){ show(total); started = true; }\n else {\n show(0);\n onView(out, function(){ started = true; tween(0, total, 1400, show); }, {threshold:.6});\n }\n echoes.forEach(function(el){\n if(!el) return;\n if(reduce){ el.dataset.seen = '1'; el.textContent = euro(total); return; }\n el.textContent = euro(0);\n onView(el, function(){ el.dataset.seen = '1'; tween(0, total, 1400, function(v){ el.textContent = euro(v); }); }, {threshold:.6});\n });\n })();\n\n \/\/ ---- video: speelt meteen af, zonder geluid ----\n (function(){\n var v = $('#vslVideo'); if(!v) return;\n var frame = $('#vslFrame'), fb = $('#vslFallback'), tg = $('#vslToggle'), snd = $('#vslSound'), bar = $('#vslBar');\n var userPaused = false, looping = false;\n v.muted = true; v.defaultMuted = true; v.setAttribute('muted', ''); v.playsInline = true;\n\n function sync(){\n frame.classList.toggle('paused', v.paused);\n tg.setAttribute('aria-label', v.paused ? 'Speel video af' : 'Pauzeer video');\n }\n function progress(){\n if(v.duration) bar.style.transform = 'scaleX(' + (v.currentTime \/ v.duration) + ')';\n if(!v.paused){ requestAnimationFrame(progress); } else { looping = false; }\n }\n function tryPlay(){\n var p = v.play();\n if(p && p.then){ p.then(function(){ fb.hidden = true; }).catch(function(e){ if(e && e.name === 'AbortError') return; fb.hidden = false; sync(); }); }\n }\n v.addEventListener('playing', function(){ fb.hidden = true; sync(); if(!looping){ looping = true; requestAnimationFrame(progress); } });\n v.addEventListener('pause', sync);\n tg.addEventListener('click', function(){\n if(v.paused){ userPaused = false; tryPlay(); } else { userPaused = true; v.pause(); }\n });\n fb.addEventListener('click', function(){ userPaused = false; tryPlay(); });\n var srcs = v.querySelectorAll('source');\n if(srcs.length) srcs[srcs.length - 1].addEventListener('error', function(){ fb.hidden = false; });\n\n \/\/ knop voor geluid alleen tonen als de video echt geluid heeft\n var checked = false;\n v.addEventListener('timeupdate', function(){\n if(checked || v.currentTime < 1) return;\n checked = true;\n var has = v.mozHasAudio || (v.webkitAudioDecodedByteCount > 0) || (v.audioTracks && v.audioTracks.length > 0);\n if(has) snd.hidden = false;\n });\n snd.addEventListener('click', function(){\n if(v.muted){ v.muted = false; v.loop = false; v.currentTime = 0; userPaused = false; tryPlay(); }\n else { v.muted = true; v.loop = true; }\n snd.querySelector('.lbl').textContent = v.muted ? 'Geluid aan' : 'Geluid uit';\n });\n v.addEventListener('ended', function(){ v.muted = true; v.loop = true; snd.querySelector('.lbl').textContent = 'Geluid aan'; tryPlay(); });\n\n \/\/ pauzeren buiten beeld, verder als hij terugkomt\n if(hasIO){\n new IntersectionObserver(function(es){\n var vis = es[0].isIntersecting;\n if(!vis && !v.paused){ v.pause(); }\n else if(vis && v.paused && !userPaused){ tryPlay(); }\n }, {threshold:0}).observe(frame);\n }\n tryPlay();\n })();\n\n \/\/ ---- bestandsverkenner ----\n (function(){\n var tabs = $$('[role=\"tab\"][data-pane]');\n if(!tabs.length) return;\n var panes = $$('.pane'), path = $('.ex-path');\n var paths = {\n 'p-bedrijf':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-verkoop':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-regels':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-start':'Drive › Bedrijf › 00-Bedrijfsboek',\n 'p-lijst':'Drive › Bedrijf › 03-Administratie',\n 'p-vraagbaak':'ChatGPT › jouw werkruimte'\n };\n $$('#p-vraagbaak .flow > *').forEach(function(n, i){ n.style.setProperty('--i', i); });\n tabs.forEach(function(t){\n t.addEventListener('click', function(){\n var id = t.getAttribute('data-pane');\n tabs.forEach(function(x){ x.setAttribute('aria-selected', x === t ? 'true' : 'false'); });\n panes.forEach(function(p){ p.classList.toggle('on', p.id === id); });\n if(paths[id] && path.innerHTML !== paths[id]){\n path.innerHTML = paths[id];\n path.classList.remove('swap'); void path.offsetWidth; path.classList.add('swap');\n }\n });\n });\n })();\n\n \/\/ ---- kaart met losse automatiseringen: alleen bewegen als hij in beeld is ----\n (function(){\n var am = $('#agentmap'); if(!am) return;\n var svg = am.querySelector('svg');\n if(svg && svg.pauseAnimations) svg.pauseAnimations();\n if(reduce || !hasIO) return;\n new IntersectionObserver(function(es){\n var on = es[0].isIntersecting;\n am.classList.toggle('live', on);\n if(svg && svg.unpauseAnimations){ on ? svg.unpauseAnimations() : svg.pauseAnimations(); }\n }, {threshold:.2}).observe(am);\n })();\n\n \/\/ ---- statement: woorden lichten op tijdens het scrollen ----\n var stage = $('#stage'), scrub = $('#scrub'), words = [];\n if(stage && scrub && !reduce){\n var parts = scrub.textContent.trim().split(\/\\s+\/);\n scrub.setAttribute('aria-label', scrub.textContent.trim());\n scrub.innerHTML = '';\n parts.forEach(function(p, i){\n var s = document.createElement('span'); s.className = 'lw'; s.setAttribute('aria-hidden', 'true'); s.textContent = p;\n scrub.appendChild(s); words.push(s);\n if(i < parts.length - 1) scrub.appendChild(document.createTextNode(' '));\n });\n stage.classList.add('scrub');\n }\n\n \/\/ ---- tijdlijn ----\n var steps = $('#steps'), rail = steps && $('.rail', steps), stepEls = steps ? $$('.step', steps) : [];\n var railTop = 0, railH = 0, dots = [];\n function layoutRail(){\n if(!steps || !stepEls.length) return;\n dots = stepEls.map(function(s){ return s.offsetTop + (parseFloat(getComputedStyle(s).getPropertyValue('--dot')) || 36); });\n railTop = dots[0]; railH = dots[dots.length - 1] - railTop;\n rail.style.top = railTop + 'px'; rail.style.height = railH + 'px';\n }\n\n \/\/ ---- alles wat met de scrollpositie meebeweegt, in een frame ----\n var nav = $('#nav'), frame = $('#vslFrame');\n var bigScreen = window.matchMedia('(min-width: 761px)');\n var ticking = false;\n function onFrame(){\n ticking = false;\n var vh = window.innerHeight;\n nav.classList.toggle('scrolled', window.scrollY > 8);\n\n \/\/ video groeit naar volle grootte terwijl je scrolt\n if(frame){\n if(!reduce && bigScreen.matches){\n var fr = frame.getBoundingClientRect();\n var fp = 1 - clamp((fr.top - vh * .12) \/ (vh * .55), 0, 1);\n frame.style.setProperty('--vs', (0.93 + 0.07 * fp).toFixed(4));\n } else { frame.style.setProperty('--vs', 1); }\n }\n\n if(steps && railH > 0){\n var sr = steps.getBoundingClientRect();\n var p = clamp((vh * .6 - sr.top - railTop) \/ railH, 0, 1);\n steps.style.setProperty('--p', p.toFixed(4));\n var end = railTop + p * railH;\n stepEls.forEach(function(s, i){ s.classList.toggle('on', end >= dots[i] - 1); });\n }\n\n if(words.length){\n var br = scrub.getBoundingClientRect();\n var wp = clamp((vh * .82 - br.top) \/ (vh * .4), 0, 1);\n var lit = Math.round(wp * words.length);\n words.forEach(function(w, i){ w.classList.toggle('lit', i < lit); });\n stage.classList.toggle('done', lit >= words.length);\n }\n }\n function req(){ if(!ticking){ ticking = true; requestAnimationFrame(onFrame); } }\n window.addEventListener('scroll', req, {passive:true});\n window.addEventListener('resize', function(){ layoutRail(); req(); });\n window.addEventListener('load', function(){ layoutRail(); req(); });\n if(document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ layoutRail(); req(); });\n \/\/ uitklappers in de tijdlijn veranderen de hoogte\n $$('details', steps || document.createElement('div')).forEach(function(d){ d.addEventListener('toggle', function(){ setTimeout(function(){ layoutRail(); req(); }, 520); }); });\n layoutRail(); onFrame();\n\n \/\/ ---- sticky CTA: tonen na de video, verbergen bij het slot ----\n (function(){\n var bar = $('#stickybar'), hero = $('#vsl'), end = $('#plan');\n if(!bar || !hero || !end || !hasIO) return;\n var pastHero = false, atEnd = false;\n function sync(){ bar.classList.toggle('show', pastHero && !atEnd); }\n new IntersectionObserver(function(e){ pastHero = !e[0].isIntersecting && e[0].boundingClientRect.top < 0; sync(); }, {threshold:0}).observe(hero);\n new IntersectionObserver(function(e){ atEnd = e[0].isIntersecting; sync(); }, {threshold:.06}).observe(end);\n })();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>AI-Fundament: AI die jouw bedrijf kent AI-Fundament Plan je gratis spiegeltest › Voor bedrijven met 8 tot 15 mensen Je team vraagt het al aan AI. Zorg dat het antwoord klopt. Ik zet de kennis van je bedrijf op papier en sluit ChatGPT, Copilot of Gemini erop aan. Dan krijgt je team jullie antwoord, met […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":14,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/ai.prjct.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}