{"id":77385,"date":"2026-06-15T23:10:09","date_gmt":"2026-06-15T21:10:09","guid":{"rendered":"https:\/\/inr.institute\/?page_id=77385"},"modified":"2026-06-29T12:33:35","modified_gmt":"2026-06-29T10:33:35","slug":"our-approach","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/onze-aanpak\/","title":{"rendered":"Our approach"},"content":{"rendered":"\n<!-- ============================================================================\n     DE INR REIS &middot; ROADMAP-LANDINGSPAGINA  (v3, strak verticaal)\n     E&eacute;n bestand. Plak dit volledig in &Eacute;&Eacute;N Elementor HTML-widget.\n     Alles gescoped onder .inr-reis, afgedwongen met !important. Font: Inter.\n\n     OPZET v3:\n     - E&eacute;n RECHTE verticale ruggengraat in het midden, loopt vol bij scroll.\n     - STAPPEN als blokken, afwisselend links\/rechts van de lijn.\n     - KEUZEFASE: de rail verbreedt kort naar drie parallelle sporen\n       (survey \/ intake \/ workshop) en komt meteen weer samen.\n     - ANKERS Coaching + Mijn INR: vaste pillen links- en rechtsonder,\n       altijd in beeld zolang je in de reis-sectie zit (JS-gestuurd, geen\n       afhankelijkheid van position:fixed dat Elementor kan breken).\n\n     LET OP \u2014 FONT WORDT NIET MEER HIER GELADEN.\n     Het Inter-font wordt sitebreed geladen door de header (de enige font-bron).\n     Daarom is het preconnect\/font-<link>-blok hier verwijderd. De\n     font-family:'Inter' declaratie hieronder blijft staan: die gebruikt het\n     font dat de header al levert. Niet opnieuw toevoegen \u2014 dat veroorzaakt\n     juist de dubbele font-verbindingen die PageSpeed afstraft.\n\n     CLS-FIX HERO H1 (CumulativeLayoutShift ~0,286):\n     De grote hero-titel verspringt van hoogte zodra Inter inlaadt, omdat het\n     fallback-font een andere x-hoogte\/regelhoogte heeft. PageSpeed schrijft die\n     verschuiving precies aan deze h1 toe. font-size-adjust houdt de x-hoogte\n     gelijk tussen fallback en Inter, zodat de regelhoogte niet verandert bij de\n     font-swap; contain:layout sluit de h1 af als eigen layout-context. Zie de\n     regel \".inr-reis .hero h1\" in de HERO-sectie hieronder.\n\n     TAALAFHANKELIJK VERBERGEN (EN): de knop \"Al geinspireerd?\" (de glow-knop in\n     stap 2) is verborgen op de Engelse site via class \"hide-on-en\", omdat hij\n     naar een pagina linkt die alleen voor Nederlandse klanten is. BELANGRIJK:\n     de verbergregel target NIET de globale body.lang-en, maar een class lang-en\n     die de widget zelf op zijn eigen root zet (zie script onderaan). Een regel\n     die met \"body\" begint reikt buiten de widget en breekt de\n     TranslatePress-editor (het blok is dan niet meer aanklikbaar om te\n     vertalen). Door alles binnen .inr-reis te houden blijft de sectie gewoon\n     vertaalbaar.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-reis{\n  --accent:#007BFF; --grijs:#64748B; --zacht:#94A3B8;\n  --bg:#070B17; --bg2:#0C1326; --lijn:rgba(255,255,255,.10);\n  --fluent:#2875FB; --sync:#FD7634; --pulse:#FD4C5C; --echo:#5AC380; --corek:#7448FD;\n  --lucht:#5fa8ff; --radius:20px; --maxw:1100px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  color:#E8EDF7 !important; background:var(--bg) !important; line-height:1.55 !important;\n  overflow-x:clip !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-reis, .inr-reis *, .inr-reis *::before, .inr-reis *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-reis h1,.inr-reis h2,.inr-reis h3,.inr-reis h4,.inr-reis p,\n.inr-reis span,.inr-reis div,.inr-reis ul,.inr-reis li,.inr-reis a{margin:0;padding:0;}\n.inr-reis ul{list-style:none !important;}\n.inr-reis a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- TAALAFHANKELIJK VERBERGEN (EN) ----------\n   Zelfde mechanisme als op de andere pagina's: lang-en wordt door de widget\n   zelf op .inr-reis gezet (zie script), NIET op body. Zo blijft de selector\n   binnen de widget en breekt hij de TranslatePress-editor niet. Hogere\n   specificiteit dan de glow-knop display:inline-flex, dus verbergen wint. *\/\n.inr-reis.lang-en .glow-knop.hide-on-en{display:none !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-reis .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;\n  background:\n    radial-gradient(1200px 900px at 8% -8%, rgba(0,123,255,.16), transparent 58%),\n    radial-gradient(1100px 800px at 96% 4%, rgba(0,123,255,.13), transparent 55%),\n    radial-gradient(1300px 1000px at 50% 108%, rgba(40,117,251,.10), transparent 55%) !important;}\n.inr-reis .grid{position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:.45 !important;\n  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) !important;\n  background-size:56px 56px !important;mask-image:radial-gradient(ellipse 78% 62% at 50% 40%,#000 38%,transparent 100%) !important;\n  -webkit-mask-image:radial-gradient(ellipse 78% 62% at 50% 40%,#000 38%,transparent 100%) !important;}\n.inr-reis .blob{position:absolute !important;border-radius:50% !important;filter:blur(100px) !important;opacity:.45 !important;animation:drift 28s ease-in-out infinite !important;}\n.inr-reis .blob.a{width:560px;height:560px;background:rgba(0,123,255,.26);top:-160px;left:-140px;}\n.inr-reis .blob.b{width:500px;height:500px;background:rgba(0,123,255,.20);top:44%;right:-180px;animation-delay:-10s;}\n@keyframes drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-36px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-reis .wrap{position:relative !important;z-index:2 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;\n  padding-left:clamp(22px,5vw,40px) !important;padding-right:clamp(22px,5vw,40px) !important;}\n.inr-reis .sec{position:relative !important;z-index:2 !important;padding-top:clamp(80px,12vw,140px) !important;padding-bottom:clamp(80px,12vw,140px) !important;}\n\n\/* ---------- 4. TYPO ---------- *\/\n.inr-reis .eyebrow{font-size:12.5px !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--lucht) !important;}\n.inr-reis .grad{background:linear-gradient(115deg,var(--accent),var(--lucht)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-reis .rev{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-reis .rev.in{opacity:1 !important;transform:none !important;}\n.inr-reis .d1{transition-delay:.07s;}.inr-reis .d2{transition-delay:.14s;}.inr-reis .d3{transition-delay:.21s;}\n\n\/* ====================================================================\n   HERO\n   ==================================================================== *\/\n.inr-reis .hero{min-height:94vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;\n  padding:130px clamp(22px,5vw,40px) 80px !important;}\n.inr-reis .hero .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12.5px !important;font-weight:600 !important;letter-spacing:.04em !important;color:var(--lucht) !important;\n  background:rgba(0,123,255,.10) !important;border:1px solid rgba(95,168,255,.25) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-reis .hero .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--lucht) !important;box-shadow:0 0 0 4px rgba(0,123,255,.18) !important;}\n\/* CLS-FIX: font-size-adjust houdt de regelhoogte gelijk bij de font-swap naar\n   Inter (anders verspringt deze grote titel = CLS ~0,286). contain:layout\n   isoleert de h1 als eigen layout-context. *\/\n.inr-reis .hero h1{font-weight:700 !important;font-size:clamp(42px,7.4vw,90px) !important;line-height:1.04 !important;letter-spacing:-.035em !important;\n  max-width:16ch !important;color:#fff !important;margin-bottom:28px !important;\n  font-size-adjust:0.52 !important;contain:layout !important;}\n.inr-reis .hero .lead{font-size:clamp(17px,2.2vw,22px) !important;font-weight:300 !important;color:#AAB6CC !important;max-width:56ch !important;line-height:1.55 !important;}\n.inr-reis .hero .lead strong{font-weight:600 !important;color:#E8EDF7 !important;}\n.inr-reis .hero .hint{margin-top:54px !important;display:flex !important;align-items:center !important;gap:13px !important;font-size:12.5px !important;color:var(--zacht) !important;letter-spacing:.05em !important;}\n.inr-reis .hero .hint .pijl{width:22px !important;height:36px !important;border:1.5px solid rgba(255,255,255,.25) !important;border-radius:12px !important;position:relative !important;flex:none !important;}\n.inr-reis .hero .hint .pijl::after{content:'' !important;position:absolute !important;left:50% !important;top:7px !important;width:3px !important;height:7px !important;\n  border-radius:2px !important;background:var(--lucht) !important;transform:translateX(-50%) !important;animation:muis 1.8s ease-in-out infinite !important;}\n@keyframes muis{0%,100%{opacity:0;transform:translate(-50%,0);}40%{opacity:1;}70%{opacity:0;transform:translate(-50%,10px);}}\n\n\/* ====================================================================\n   DE REIS &middot; verticale ruggengraat\n   ==================================================================== *\/\n.inr-reis .reis{position:relative !important;z-index:2 !important;padding-top:clamp(60px,9vw,110px) !important;padding-bottom:clamp(120px,14vw,180px) !important;}\n.inr-reis .tijdlijn{position:relative !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;\n  padding-left:clamp(22px,5vw,40px) !important;padding-right:clamp(22px,5vw,40px) !important;}\n\n\/* de rechte ruggengraat in het midden *\/\n.inr-reis .ruggengraat{position:absolute !important;top:0 !important;bottom:var(--rug-bottom,0) !important;left:50% !important;width:3px !important;\n  transform:translateX(-50%) !important;background:rgba(255,255,255,.10) !important;border-radius:99px !important;z-index:1 !important;}\n.inr-reis .ruggengraat .vol{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:0% !important;\n  background:linear-gradient(180deg,var(--lucht),var(--accent),var(--fluent)) !important;border-radius:99px !important;\n  box-shadow:0 0 14px rgba(95,168,255,.5) !important;transition:height .12s linear !important;}\n\n\/* een stap-rij: knoop in het midden, kaart links of rechts *\/\n.inr-reis .rij{position:relative !important;z-index:2 !important;display:grid !important;grid-template-columns:1fr 64px 1fr !important;\n  align-items:center !important;min-height:clamp(220px,30vh,300px) !important;}\n.inr-reis .rij .knoopcel{display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;}\n.inr-reis .knoop{width:20px !important;height:20px !important;border-radius:50% !important;background:var(--bg2) !important;border:2.5px solid rgba(255,255,255,.22) !important;\n  position:relative !important;z-index:3 !important;transition:all .45s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-reis .knoop::after{content:'' !important;position:absolute !important;inset:-9px !important;border-radius:50% !important;border:2px solid var(--lucht) !important;opacity:0 !important;transition:opacity .45s,transform .45s !important;transform:scale(.6) !important;}\n.inr-reis .rij.actief .knoop{background:var(--accent) !important;border-color:var(--lucht) !important;box-shadow:0 0 18px rgba(95,168,255,.7) !important;}\n.inr-reis .rij.actief .knoop::after{opacity:.55 !important;transform:scale(1) !important;}\n\/* verbindingsstreep van knoop naar kaart *\/\n.inr-reis .rij .arm{position:absolute !important;top:50% !important;height:2px !important;background:rgba(255,255,255,.12) !important;z-index:1 !important;}\n.inr-reis .rij.links .arm{right:50% !important;width:calc(50% - 32px) !important;}\n.inr-reis .rij.rechts .arm{left:50% !important;width:calc(50% - 32px) !important;}\n.inr-reis .rij.actief .arm{background:rgba(95,168,255,.4) !important;}\n\n.inr-reis .kaartcel{display:flex !important;position:relative !important;z-index:2 !important;}\n.inr-reis .rij.links .kaartcel.a{grid-column:1 !important;justify-content:flex-end !important;}\n.inr-reis .rij.links .kaartcel.b{grid-column:3 !important;}\n.inr-reis .rij.rechts .kaartcel.a{grid-column:1 !important;}\n.inr-reis .rij.rechts .kaartcel.b{grid-column:3 !important;justify-content:flex-start !important;}\n.inr-reis .leeg{}\n\n.inr-reis .stapkaart{background:rgba(12,19,38,.66) !important;-webkit-backdrop-filter:blur(16px) !important;backdrop-filter:blur(16px) !important;\n  border:1px solid var(--lijn) !important;border-radius:var(--radius) !important;padding:26px 28px !important;max-width:440px !important;width:100% !important;\n  box-shadow:0 26px 60px -34px rgba(0,0,0,.75) !important;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .5s !important;}\n.inr-reis .rij.actief .stapkaart{border-color:rgba(95,168,255,.32) !important;box-shadow:0 30px 70px -32px rgba(0,30,80,.6) !important;}\n.inr-reis .stapkaart .fase{display:flex !important;align-items:center !important;gap:11px !important;margin-bottom:16px !important;flex-wrap:wrap !important;}\n.inr-reis .stapkaart .nr{font-weight:700 !important;font-size:13px !important;color:var(--lucht) !important;background:rgba(0,123,255,.12) !important;\n  border:1px solid rgba(95,168,255,.3) !important;width:40px !important;height:40px !important;border-radius:11px !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;flex:none !important;}\n.inr-reis .stapkaart .et{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--zacht) !important;}\n.inr-reis .stapkaart .duur{font-size:12px !important;color:var(--lucht) !important;margin-left:auto !important;font-weight:500 !important;\n  background:rgba(0,123,255,.08) !important;border:1px solid rgba(95,168,255,.2) !important;padding:5px 11px !important;border-radius:99px !important;}\n.inr-reis .stapkaart h2{font-weight:700 !important;font-size:clamp(22px,2.6vw,30px) !important;letter-spacing:-.022em !important;line-height:1.12 !important;color:#fff !important;margin-bottom:12px !important;}\n.inr-reis .stapkaart p{font-size:15px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.6 !important;}\n.inr-reis .stapkaart p + p{margin-top:10px !important;}\n\n\/* glowing knop onder stap 2 *\/\n.inr-reis .glow-knop{display:inline-flex !important;align-items:center !important;gap:10px !important;margin-top:22px !important;\n  padding:13px 22px !important;border-radius:99px !important;font-weight:600 !important;font-size:14.5px !important;letter-spacing:.01em !important;\n  color:#fff !important;background:linear-gradient(115deg,var(--accent),var(--lucht)) !important;\n  border:1px solid rgba(95,168,255,.5) !important;position:relative !important;overflow:visible !important;\n  box-shadow:0 0 0 0 rgba(0,123,255,.45) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;\n  animation:glowpuls 2.8s ease-in-out infinite !important;}\n.inr-reis .glow-knop:hover{transform:translateY(-2px) !important;box-shadow:0 14px 34px -10px rgba(0,123,255,.7) !important;animation:none !important;}\n.inr-reis .glow-knop .gk-vonk{width:8px !important;height:8px !important;border-radius:50% !important;background:#fff !important;flex:none !important;\n  box-shadow:0 0 8px 2px rgba(255,255,255,.8) !important;}\n.inr-reis .glow-knop svg{width:16px !important;height:16px !important;flex:none !important;transition:transform .35s !important;}\n.inr-reis .glow-knop:hover svg{transform:translateX(3px) !important;}\n@keyframes glowpuls{\n  0%,100%{box-shadow:0 0 0 0 rgba(0,123,255,.0),0 8px 22px -10px rgba(0,123,255,.5) !important;}\n  50%{box-shadow:0 0 22px 3px rgba(0,123,255,.45),0 8px 26px -8px rgba(0,123,255,.7) !important;}\n}\n\n\/* ---------- DE SPLIT-RIJ (drie sporen, kort, daarna samen) ---------- *\/\n.inr-reis .split{position:relative !important;z-index:2 !important;padding:18px 0 !important;}\n.inr-reis .split .splittitel{text-align:center !important;max-width:560px !important;margin:0 auto 26px !important;}\n.inr-reis .split .splittitel .fase{display:inline-flex !important;align-items:center !important;gap:10px !important;margin-bottom:14px !important;}\n.inr-reis .split .splittitel .nr{font-weight:700 !important;font-size:13px !important;color:var(--lucht) !important;background:rgba(0,123,255,.12) !important;\n  border:1px solid rgba(95,168,255,.3) !important;width:40px !important;height:40px !important;border-radius:11px !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-reis .split .splittitel .et{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--zacht) !important;}\n.inr-reis .split .splittitel h2{font-weight:700 !important;font-size:clamp(24px,3vw,34px) !important;letter-spacing:-.022em !important;line-height:1.12 !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-reis .split .splittitel p{font-size:15px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.6 !important;}\n\n\/* het verbredings-mechaniek: SVG bovenaan dat 1 lijn -> 3 -> 1 maakt *\/\n.inr-reis .splitsvg{display:block !important;width:100% !important;max-width:760px !important;height:54px !important;margin:0 auto -2px !important;overflow:visible !important;}\n.inr-reis .splitsvg path{fill:none !important;stroke:rgba(255,255,255,.16) !important;stroke-width:2.5 !important;}\n\n.inr-reis .sporen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;max-width:840px !important;margin:0 auto !important;}\n.inr-reis .spoor{background:rgba(12,19,38,.6) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;\n  border:1px solid var(--lijn) !important;border-radius:18px !important;padding:24px 22px !important;position:relative !important;overflow:hidden !important;\n  border-top-width:3px !important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s !important;}\n.inr-reis .spoor:hover{transform:translateY(-6px) !important;box-shadow:0 26px 50px -28px var(--sk) !important;}\n.inr-reis .spoor{border-top-color:var(--sk) !important;}\n.inr-reis .spoor .kop{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:10px !important;}\n.inr-reis .spoor .pun{width:30px !important;height:30px !important;border-radius:9px !important;flex:none !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:rgba(255,255,255,.08) !important;color:#C2CCDD !important;}\n.inr-reis .spoor .pun svg{width:16px !important;height:16px !important;}\n.inr-reis .spoor h3{font-weight:700 !important;font-size:17px !important;color:#fff !important;}\n.inr-reis .spoor p{font-size:13.5px !important;font-weight:300 !important;color:var(--zacht) !important;line-height:1.55 !important;}\n.inr-reis .splitsamen{display:block !important;width:100% !important;max-width:760px !important;height:54px !important;margin:-2px auto 0 !important;overflow:visible !important;transform:scaleY(-1) !important;}\n.inr-reis .splitsamen path{fill:none !important;stroke:rgba(255,255,255,.16) !important;stroke-width:2.5 !important;}\n\n\/* ---------- AFSLUITENDE WAAIER (de lijn waaiert uit naar 5) ---------- *\/\n.inr-reis .eindknoop{position:relative !important;z-index:2 !important;display:flex !important;justify-content:center !important;padding-top:14px !important;}\n.inr-reis .eindknoop .knoop{width:24px !important;height:24px !important;background:var(--accent) !important;border-color:var(--lucht) !important;box-shadow:0 0 22px rgba(95,168,255,.8) !important;}\n.inr-reis .waaierkop{position:relative !important;z-index:2 !important;text-align:center !important;max-width:680px !important;margin:30px auto 8px !important;}\n.inr-reis .waaierkop .eyebrow{display:block !important;margin-bottom:14px !important;}\n.inr-reis .waaierkop h2{font-weight:700 !important;font-size:clamp(28px,4.2vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:16px !important;}\n.inr-reis .waaierkop p{font-size:17px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.6 !important;}\n\/* de uitwaaier-SVG: 1 lijn naar 5 sporen *\/\n.inr-reis .waaiersvg{position:relative !important;z-index:1 !important;display:block !important;width:100% !important;max-width:980px !important;height:90px !important;margin:8px auto -1px !important;overflow:visible !important;}\n.inr-reis .waaiersvg path{fill:none !important;stroke-width:2.5 !important;stroke-linecap:round !important;}\n.inr-reis .waaiersvg .w-f{stroke:var(--fluent) !important;}.inr-reis .waaiersvg .w-s{stroke:var(--sync) !important;}\n.inr-reis .waaiersvg .w-p{stroke:var(--pulse) !important;}.inr-reis .waaiersvg .w-c{stroke:var(--corek) !important;}\n.inr-reis .waaiersvg .w-e{stroke:var(--echo) !important;}\n\n\/* ---------- VASTE ANKERS ---------- *\/\n.inr-reis .ankers{position:fixed !important;left:0 !important;right:0 !important;bottom:18px !important;z-index:40 !important;pointer-events:none !important;\n  display:flex !important;justify-content:space-between !important;padding:0 clamp(14px,3vw,30px) !important;opacity:0 !important;transition:opacity .4s !important;}\n.inr-reis .ankers.zicht{opacity:1 !important;}\n.inr-reis .anker{pointer-events:auto !important;display:inline-flex !important;align-items:center !important;gap:10px !important;\n  background:rgba(7,11,23,.82) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;\n  border:1px solid var(--lijn) !important;border-radius:99px !important;padding:9px 16px !important;\n  box-shadow:0 16px 40px -18px rgba(0,0,0,.7) !important;}\n.inr-reis .anker .ad{width:9px !important;height:9px !important;border-radius:50% !important;flex:none !important;}\n.inr-reis .anker .at{display:flex !important;flex-direction:column !important;line-height:1.25 !important;}\n.inr-reis .anker .at b{font-weight:600 !important;font-size:13px !important;color:#E8EDF7 !important;}\n.inr-reis .anker .at small{font-size:11px !important;color:var(--zacht) !important;font-weight:400 !important;}\n.inr-reis .anker.coach .ad{background:var(--zacht) !important;box-shadow:0 0 0 4px rgba(148,163,184,.16) !important;}\n.inr-reis .anker.mijn .ad{background:var(--accent) !important;box-shadow:0 0 0 4px rgba(0,123,255,.18) !important;}\n\n\/* ====================================================================\n   WAAIER &middot; de vijf Dynamics-eindes\n   ==================================================================== *\/\n.inr-reis .waaier-kop{text-align:center !important;max-width:760px !important;margin:0 auto 56px !important;}\n.inr-reis .waaier-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-reis .waaier-kop h2{font-weight:700 !important;font-size:clamp(30px,4.6vw,52px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-reis .waaier-kop p{font-size:18px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.6 !important;}\n.inr-reis .waaier{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:16px !important;align-items:stretch !important;}\n.inr-reis .pijler{position:relative !important;display:flex !important;flex-direction:column !important;background:rgba(255,255,255,.04) !important;border:1px solid var(--lijn) !important;border-radius:20px !important;\n  padding:26px 20px 30px !important;overflow:hidden !important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s !important;}\n.inr-reis .pijler::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;background:var(--pk) !important;}\n.inr-reis .pijler::after{content:'' !important;position:absolute !important;top:-40px !important;right:-40px !important;width:130px !important;height:130px !important;border-radius:50% !important;\n  background:radial-gradient(circle,var(--pk),transparent 70%) !important;opacity:.16 !important;}\n.inr-reis .pijler:hover{transform:translateY(-8px) !important;border-color:var(--pk) !important;box-shadow:0 30px 60px -30px var(--pk) !important;}\n.inr-reis .pijler .pnr{font-size:12px !important;color:var(--zacht) !important;letter-spacing:.1em !important;margin-bottom:0 !important;font-weight:500 !important;}\n.inr-reis .pijler .pico{width:46px !important;height:46px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin:18px 0 16px !important;background:color-mix(in srgb,var(--pk) 16%,transparent) !important;color:var(--pk) !important;}\n.inr-reis .pijler .pico svg{width:23px !important;height:23px !important;}\n.inr-reis .pijler h3{font-weight:700 !important;font-size:20px !important;color:#fff !important;margin-bottom:8px !important;}\n.inr-reis .pijler p{font-size:13.5px !important;font-weight:300 !important;color:var(--zacht) !important;line-height:1.55 !important;}\n.inr-reis .pijler.lvl1{margin-bottom:0 !important;}\n.inr-reis .pijler.lvl2{margin-bottom:22px !important;}\n.inr-reis .pijler.lvl3{margin-bottom:40px !important;}\n\/* pijler als knop *\/\n.inr-reis .pijler{cursor:pointer !important;}\n.inr-reis .pijler .meer{display:inline-flex !important;align-items:center !important;gap:6px !important;margin-top:auto !important;padding-top:14px !important;\n  font-size:12.5px !important;font-weight:600 !important;color:var(--pk) !important;letter-spacing:.02em !important;}\n.inr-reis .pijler .meer svg{width:14px !important;height:14px !important;transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-reis .pijler.open .meer svg{transform:rotate(180deg) !important;}\n.inr-reis .pijler.open{border-color:var(--pk) !important;box-shadow:0 24px 50px -28px var(--pk) !important;}\n\n\/* het gedeelde perspectief-paneel onder de waaier *\/\n.inr-reis .perspectief{position:relative !important;z-index:2 !important;max-width:980px !important;margin:0 auto !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;\n  transition:max-height .55s cubic-bezier(.2,.7,.2,1),opacity .45s,margin .55s !important;}\n.inr-reis .perspectief.open{max-height:760px !important;opacity:1 !important;margin-top:22px !important;}\n.inr-reis .persp-kaart{position:relative !important;background:rgba(12,19,38,.7) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;\n  border:1px solid var(--lijn) !important;border-radius:22px !important;padding:36px clamp(24px,4vw,46px) !important;overflow:hidden !important;}\n.inr-reis .persp-kaart::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:4px !important;background:var(--pk,var(--accent)) !important;}\n.inr-reis .persp-kaart::after{content:'' !important;position:absolute !important;top:-60px !important;right:-60px !important;width:200px !important;height:200px !important;border-radius:50% !important;\n  background:radial-gradient(circle,var(--pk,var(--accent)),transparent 70%) !important;opacity:.14 !important;pointer-events:none !important;}\n.inr-reis .persp-kop{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:8px !important;}\n.inr-reis .persp-kop .pico2{width:44px !important;height:44px !important;border-radius:12px !important;flex:none !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:color-mix(in srgb,var(--pk,var(--accent)) 16%,transparent) !important;color:var(--pk,var(--accent)) !important;}\n.inr-reis .persp-kop .pico2 svg{width:22px !important;height:22px !important;}\n.inr-reis .persp-kop h3{font-weight:700 !important;font-size:24px !important;color:#fff !important;letter-spacing:-.02em !important;}\n.inr-reis .persp-kop .pk-tag{margin-left:auto !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;\n  color:var(--pk,var(--accent)) !important;}\n.inr-reis .persp-intro{font-size:16px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.62 !important;margin:14px 0 24px !important;max-width:62ch !important;}\n.inr-reis .persp-titel{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--zacht) !important;margin-bottom:16px !important;}\n.inr-reis .persp-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px 28px !important;}\n.inr-reis .persp-item{display:flex !important;gap:12px !important;align-items:flex-start !important;}\n.inr-reis .persp-item .pv{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:2px !important;\n  background:color-mix(in srgb,var(--pk,var(--accent)) 16%,transparent) !important;color:var(--pk,var(--accent)) !important;}\n.inr-reis .persp-item .pv svg{width:13px !important;height:13px !important;}\n.inr-reis .persp-item p{font-size:14.5px !important;font-weight:300 !important;color:#C2CCDD !important;line-height:1.55 !important;}\n.inr-reis .persp-item p b{font-weight:600 !important;color:#E8EDF7 !important;}\n@media(max-width:640px){.inr-reis .persp-grid{grid-template-columns:1fr !important;}}\n\n\/* ====================================================================\n   PARALLELLE LAGEN &middot; uitleg\n   ==================================================================== *\/\n.inr-reis .twee{display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px !important;}\n.inr-reis .laagkaart{position:relative !important;background:rgba(255,255,255,.04) !important;border:1px solid var(--lijn) !important;border-radius:var(--radius) !important;\n  padding:34px !important;overflow:hidden !important;}\n.inr-reis .laagkaart .ll{display:inline-flex !important;align-items:center !important;gap:9px !important;font-size:12px !important;font-weight:600 !important;\n  letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:18px !important;}\n.inr-reis .laagkaart .ll .ld{width:18px !important;height:2px !important;border-radius:2px !important;}\n.inr-reis .laagkaart.coach .ll{color:var(--zacht) !important;}.inr-reis .laagkaart.coach .ll .ld{background:var(--zacht) !important;}\n.inr-reis .laagkaart.mijn .ll{color:var(--lucht) !important;}.inr-reis .laagkaart.mijn .ll .ld{background:var(--accent) !important;}\n.inr-reis .laagkaart h3{font-weight:700 !important;font-size:23px !important;color:#fff !important;margin-bottom:12px !important;}\n.inr-reis .laagkaart p{font-size:15px !important;font-weight:300 !important;color:#AAB6CC !important;line-height:1.62 !important;}\n.inr-reis .laagkaart .punten{margin-top:18px !important;display:flex !important;flex-direction:column !important;gap:10px !important;}\n.inr-reis .laagkaart .punt{display:flex !important;gap:11px !important;align-items:flex-start !important;font-size:14px !important;color:#C2CCDD !important;line-height:1.5 !important;}\n.inr-reis .laagkaart .punt .v{flex:none !important;width:20px !important;height:20px !important;border-radius:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-reis .laagkaart .punt .v svg{width:12px !important;height:12px !important;}\n.inr-reis .laagkaart.coach .punt .v{background:rgba(148,163,184,.16) !important;color:var(--zacht) !important;}\n.inr-reis .laagkaart.mijn .punt .v{background:rgba(0,123,255,.16) !important;color:var(--lucht) !important;}\n\n\/* ====================================================================\n   SLOT\n   ==================================================================== *\/\n.inr-reis .slot{text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;}\n.inr-reis .slot h2{font-weight:700 !important;font-size:clamp(32px,5.6vw,62px) !important;letter-spacing:-.03em !important;line-height:1.06 !important;max-width:17ch !important;color:#fff !important;margin-bottom:22px !important;}\n.inr-reis .slot p{font-size:19px !important;font-weight:300 !important;color:#AAB6CC !important;max-width:48ch !important;line-height:1.55 !important;}\n.inr-reis .slot .merk{margin-top:46px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:700 !important;font-size:22px !important;color:#fff !important;letter-spacing:.02em !important;}\n.inr-reis .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(0,123,255,.18) !important;}\n\n\/* ====================================================================\n   RESPONSIVE  (mobiel: ruggengraat naar links, alles op &eacute;&eacute;n kolom)\n   ==================================================================== *\/\n@media(max-width:820px){\n  .inr-reis .ruggengraat{left:20px !important;transform:none !important;}\n  .inr-reis .rij{grid-template-columns:40px 1fr !important;min-height:0 !important;padding:18px 0 !important;}\n  .inr-reis .rij .knoopcel{grid-column:1 !important;justify-content:flex-start !important;}\n  .inr-reis .rij .arm{display:none !important;}\n  .inr-reis .rij.links .kaartcel.a,.inr-reis .rij.links .kaartcel.b,\n  .inr-reis .rij.rechts .kaartcel.a,.inr-reis .rij.rechts .kaartcel.b{grid-column:2 !important;justify-content:flex-start !important;}\n  .inr-reis .leeg{display:none !important;}\n  .inr-reis .stapkaart{max-width:none !important;}\n  .inr-reis .sporen{grid-template-columns:1fr !important;padding-left:40px !important;padding-right:6px !important;gap:14px !important;}\n  .inr-reis .splitsvg,.inr-reis .splitsamen,.inr-reis .waaiersvg{display:none !important;}\n  .inr-reis .split .splittitel{text-align:left !important;padding-left:40px !important;}\n  .inr-reis .waaierkop{text-align:left !important;padding-left:40px !important;margin:20px 0 18px !important;}\n  .inr-reis .eindknoop{justify-content:flex-start !important;padding-left:11px !important;}\n  .inr-reis .ankers{display:none !important;}\n  .inr-reis .waaier{grid-template-columns:repeat(2,1fr) !important;}\n  .inr-reis .pijler.lvl1,.inr-reis .pijler.lvl2,.inr-reis .pijler.lvl3{margin-bottom:0 !important;}\n  .inr-reis .twee{grid-template-columns:1fr !important;}\n}\n@media(max-width:480px){\n  .inr-reis .waaier{grid-template-columns:1fr !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-reis .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-reis .blob{animation:none !important;}\n  .inr-reis .hero .hint .pijl::after{animation:none !important;}\n}\n.no-js .inr-reis .rev{opacity:1 !important;transform:none !important;}\n<\/style>\n\n<div class=\"inr-reis\">\n<div class=\"atmos\"><\/div>\n<div class=\"grid\"><\/div>\n<div class=\"blob a\"><\/div><div class=\"blob b\"><\/div>\n\n<!-- ========================= HERO ========================= -->\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>De reis door INR<\/div>\n  <h1>Gedrag dat vastzit, <span class=\"grad\">kost jullie organisatie elke dag<\/span>.<\/h1>\n  <p class=\"lead\">Verloop, verzuim, teams die op hun tenen lopen, klanten die afhaken: bijna altijd ligt er gedrag onder dat vastzit onder druk. Mensen veranderen niet door er nog meer druk op te zetten, maar door te begrijpen wat eronder zit. <strong>Daar begint onze reis met jullie<\/strong>, en hieronder zie je hoe die loopt.<\/p>\n  <div class=\"hint\"><span class=\"pijl\"><\/span>Scroll om de reis te volgen<\/div>\n<\/section>\n\n<!-- ========================= DE REIS ========================= -->\n<section class=\"reis\" id=\"inrReis\">\n  <div class=\"tijdlijn\" id=\"inrTijdlijn\">\n    <div class=\"ruggengraat\"><div class=\"vol\" id=\"inrVol\"><\/div><\/div>\n\n    <!-- STAP 1 &middot; kaart links -->\n    <div class=\"rij links\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"kaartcel a\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">01<\/span><span class=\"et\">Verkennen<\/span><span class=\"duur\">Het begin<\/span><\/div>\n          <h2>Een gesprek over wat er werkelijk speelt.<\/h2>\n          <p>We beginnen met de vraagstukken die jullie raken in de cijfers en in de cultuur: verloop, verzuim, samenwerking die stokt, leiders die vastlopen. Geen aanbod, geen pakket. Eerst scherp krijgen wat het jullie kost en waarom het blijft terugkomen.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"leeg\"><\/div>\n    <\/div>\n\n    <!-- STAP 2 &middot; kaart rechts -->\n    <div class=\"rij rechts\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"leeg\"><\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"kaartcel b\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">02<\/span><span class=\"et\">Ervaren<\/span><span class=\"duur\">Inspiratiesessie<\/span><\/div>\n          <h2>Een mini-reis door INR, vertaald naar jullie wereld.<\/h2>\n          <p>In de inspiratiesessie maken we voelbaar wat er mogelijk wordt als gedrag weer gaat bewegen: minder uitval, meer eigenaarschap, leiders die rust brengen. We vertalen jullie vraagstuk terug naar jullie eigen business, zodat de inzet niet abstract blijft maar herkenbaar wordt in jullie dagelijkse praktijk.<\/p>\n          <p>Na afloop leggen we dit vast in een verslag, opgebouwd rond het vraagstuk dat we samen scherp hebben gekregen.<\/p>\n          <a class=\"glow-knop hide-on-en\" href=\"https:\/\/inr.institute\/inspiratie-naar-praktijk\/\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"gk-vonk\"><\/span>Al ge\u00efnspireerd?\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STAP 3 &middot; kaart links -->\n    <div class=\"rij links\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"kaartcel a\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">03<\/span><span class=\"et\">Afstemmen<\/span><span class=\"duur\">Overeenstemming<\/span><\/div>\n          <h2>Eerst de mensen, dan de vorm.<\/h2>\n          <p>We bepalen samen welke mensen door de reis gaan lopen, zodat de investering landt waar de beweging het meeste oplevert. Over de precieze vorm doen we nog geen uitspraak, want die volgt uit wat we in de volgende stap ophalen.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"leeg\"><\/div>\n    <\/div>\n\n    <!-- VERTAKKING &middot; rail verbreedt naar drie sporen en komt weer samen -->\n    <div class=\"split\" data-rij=\"\">\n      <div class=\"splittitel\">\n        <div class=\"fase\"><span class=\"nr\">04<\/span><span class=\"et\">Het pad vertakt<\/span><\/div>\n        <h2>Drie manieren om de organisatie te leren kennen.<\/h2>\n        <p>Een programma dat niet aansluit op wat er werkelijk speelt, kost tijd en levert weinig op. Daarom halen we eerst op wat er leeft. De wegen kunnen elkaar aanvullen, en ze komen daarna altijd weer samen.<\/p>\n      <\/div>\n\n      <!-- 1 lijn splitst naar 3 -->\n      <svg class=\"splitsvg\" viewBox=\"0 0 760 54\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <path class=\"sp-f\" d=\"M380 0 C380 30, 140 24, 140 54\"><\/path>\n        <path class=\"sp-s\" d=\"M380 0 L380 54\"><\/path>\n        <path class=\"sp-e\" d=\"M380 0 C380 30, 620 24, 620 54\"><\/path>\n      <\/svg>\n\n      <div class=\"sporen\">\n        <div class=\"spoor\" style=\"--sk:rgba(255,255,255,.35)\">\n          <div class=\"kop\"><span class=\"pun\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M4 5h16M4 12h16M4 19h10\"><\/path><\/svg><\/span><h3>Survey<\/h3><\/div>\n          <p>We halen breed op hoe mensen hun werk ervaren, door de hele groep heen.<\/p>\n        <\/div>\n        <div class=\"spoor\" style=\"--sk:rgba(255,255,255,.35)\">\n          <div class=\"kop\"><span class=\"pun\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12a9 9 0 1 1-4-7.5L21 4z\"><\/path><\/svg><\/span><h3>Intakes<\/h3><\/div>\n          <p>Persoonlijke gesprekken met alle deelnemers. Vervangt de survey, of vult die aan.<\/p>\n        <\/div>\n        <div class=\"spoor\" style=\"--sk:rgba(255,255,255,.35)\">\n          <div class=\"kop\"><span class=\"pun\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><circle cx=\"17\" cy=\"10\" r=\"2.3\"><\/circle><path d=\"M3 19a6 6 0 0 1 12 0M15 16a5 5 0 0 1 6 3\"><\/path><\/svg><\/span><h3>Workshop<\/h3><\/div>\n          <p>Zeldzamer: een dwarsdoorsnede denkt samen na over het gedeelde vraagstuk.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 3 sporen komen weer samen tot 1 -->\n      <svg class=\"splitsamen\" viewBox=\"0 0 760 54\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <path class=\"sp-f\" d=\"M380 0 C380 30, 140 24, 140 54\"><\/path>\n        <path class=\"sp-s\" d=\"M380 0 L380 54\"><\/path>\n        <path class=\"sp-e\" d=\"M380 0 C380 30, 620 24, 620 54\"><\/path>\n      <\/svg>\n    <\/div>\n\n    <!-- STAP 5 &middot; kaart rechts -->\n    <div class=\"rij rechts\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"leeg\"><\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"kaartcel b\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">05<\/span><span class=\"et\">Samenkomen<\/span><span class=\"duur\">12 maanden<\/span><\/div>\n          <h2>De wegen komen samen in \u00e9\u00e9n planning.<\/h2>\n          <p>Verandering die na een losse training wegzakt, is verloren investering. Daarom spreiden we de reis bewust over twaalf maanden, zodat nieuw gedrag tijd krijgt om te beklijven. Die periode loopt al vanaf de intake, maar nu brengen we de mensen samen en geven we het traject vorm.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STAP 6 &middot; kaart links -->\n    <div class=\"rij links\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"kaartcel a\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">06<\/span><span class=\"et\">Het hart<\/span><span class=\"duur\">3 tot 4 maanden<\/span><\/div>\n          <h2>Altijd eerst het INR Model.<\/h2>\n          <p>Zonder gedeelde taal voor gedrag blijft elke interventie aan de oppervlakte. Het INR Model legt dat fundament: mensen leren gedrag herkennen, helderder communiceren en de logische lijn erachter begrijpen. Dat maakt alles wat erna komt effectiever, omdat het beklijft in plaats van vervliegt.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"leeg\"><\/div>\n    <\/div>\n\n    <!-- STAP 7 &middot; kaart rechts -->\n    <div class=\"rij rechts\" data-rij=\"\">\n      <div class=\"arm\"><\/div>\n      <div class=\"leeg\"><\/div>\n      <div class=\"knoopcel\"><span class=\"knoop\"><\/span><\/div>\n      <div class=\"kaartcel b\">\n        <div class=\"stapkaart\">\n          <div class=\"fase\"><span class=\"nr\">07<\/span><span class=\"et\">Verdieping<\/span><span class=\"duur\">4 tot 5 maanden<\/span><\/div>\n          <h2>Daarna opent INR Dynamics zich.<\/h2>\n          <p>Hier richten we de ontwikkeling op het vraagstuk dat jullie het meeste raakt: leiderschap, samenwerking, commercie of cultuur. Tussen model en Dynamics liggen evaluatiemomenten met medewerkers en leidinggevenden, zodat we kunnen volgen of de beweging ook in de praktijk landt.<\/p>\n          <p>Onderweg sturen we bij op de ontwikkelbehoefte van de mensen. Niets staat vast, behalve dat we elke maand samen aan de slag zijn, zodat de investering blijft renderen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- AFSLUITING &middot; de lijn loopt door en waaiert uit naar de vijf richtingen -->\n    <div class=\"eindknoop\" data-rij=\"\"><span class=\"knoop\"><\/span><\/div>\n    <div class=\"waaierkop\">\n      <span class=\"eyebrow\">Waar de reis naartoe kan leiden<\/span>\n      <h2>De lijn waaiert uit naar <span class=\"grad\">vijf richtingen<\/span>.<\/h2>\n      <p>Elke richting raakt een ander deel van wat een organisatie kost of oplevert: leiderschap, samenwerking, commercie, mensen en cultuur. Welke open gaat, hangt af van waar bij jullie het meeste te winnen is. Open een richting hieronder om te zien wat het jullie kan opleveren.<\/p>\n    <\/div>\n\n    <!-- 1 lijn waaiert uit naar 5 sporen -->\n    <svg class=\"waaiersvg\" viewBox=\"0 0 980 90\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n      <path class=\"w-f\" d=\"M490 0 C490 55, 98 30, 98 90\"><\/path>\n      <path class=\"w-s\" d=\"M490 0 C490 55, 294 36, 294 90\"><\/path>\n      <path class=\"w-p\" d=\"M490 0 L490 90\"><\/path>\n      <path class=\"w-c\" d=\"M490 0 C490 55, 686 36, 686 90\"><\/path>\n      <path class=\"w-e\" d=\"M490 0 C490 55, 882 30, 882 90\"><\/path>\n    <\/svg>\n\n    <div class=\"waaier\">\n      <div class=\"pijler lvl1 rev d1\" data-persp=\"fluent\" style=\"--pk:var(--fluent)\">\n        <div class=\"pnr\">DYN 01<\/div>\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 3v18M5 8l7-5 7 5\"><\/path><\/svg><\/div>\n        <h3>INR Fluent<\/h3>\n        <p>Leiderschap dat beweegt vanuit verbinding in plaats van vanuit druk op mensen.<\/p>\n        <span class=\"meer\">Wat het oplevert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n      <\/div>\n      <div class=\"pijler lvl1 rev d1\" data-persp=\"sync\" style=\"--pk:var(--sync)\">\n        <div class=\"pnr\">DYN 02<\/div>\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"6\" cy=\"6\" r=\"2.5\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"2.5\"><\/circle><path d=\"M8.5 6H15a3 3 0 0 1 0 6H9a3 3 0 0 0 0 6h6.5\"><\/path><\/svg><\/div>\n        <h3>INR Sync<\/h3>\n        <p>Samenwerking die soepeler loopt doordat teams elkaar beter lezen.<\/p>\n        <span class=\"meer\">Wat het oplevert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n      <\/div>\n      <div class=\"pijler lvl1 rev d2\" data-persp=\"pulse\" style=\"--pk:var(--pulse)\">\n        <div class=\"pnr\">DYN 03<\/div>\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l2 6 4-14 2 8h6\"><\/path><\/svg><\/div>\n        <h3>INR Pulse<\/h3>\n        <p>Commerci\u00eble kracht die rust op echt contact, niet op het uitoefenen van druk.<\/p>\n        <span class=\"meer\">Wat het oplevert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n      <\/div>\n      <div class=\"pijler lvl1 rev d2\" data-persp=\"core\" style=\"--pk:var(--corek)\">\n        <div class=\"pnr\">DYN 04<\/div>\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg><\/div>\n        <h3>INR Core<\/h3>\n        <p>De kern stevig maken: een fundament waarop de rest kan bouwen.<\/p>\n        <span class=\"meer\">Wat het oplevert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n      <\/div>\n      <div class=\"pijler lvl1 rev d3\" data-persp=\"echo\" style=\"--pk:var(--echo)\">\n        <div class=\"pnr\">DYN 05<\/div>\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12a8 8 0 0 1 16 0M7 12a5 5 0 0 1 10 0M10 12a2 2 0 0 1 4 0\"><\/path><\/svg><\/div>\n        <h3>INR Echo<\/h3>\n        <p>Wat geleerd is laten doorklinken en verankeren in het dagelijks werk.<\/p>\n        <span class=\"meer\">Wat het oplevert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- GEDEELD PERSPECTIEF-PANEEL &middot; opent onder de waaier -->\n    <div class=\"perspectief\" id=\"inrPersp\">\n\n      <!-- FLUENT -->\n      <div class=\"persp-kaart\" data-paneel=\"fluent\" style=\"--pk:var(--fluent);display:none;\">\n        <div class=\"persp-kop\">\n          <span class=\"pico2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 3v18M5 8l7-5 7 5\"><\/path><\/svg><\/span>\n          <h3>INR Fluent<\/h3><span class=\"pk-tag\">Leiderschap<\/span>\n        <\/div>\n        <p class=\"persp-intro\">Leiders maken of breken de betrokkenheid van een heel team, en daarmee verloop en productiviteit. Leiderschap onder druk is geen karaktertest, maar een vraag naar wat een leider voedt en wat hij onbedoeld oproept. INR Fluent maakt zichtbaar hoe het eigen gedrag van een leider de voedingsbodem is voor het gedrag van het team, en opent de ruimte om van controle naar richting te bewegen.<\/p>\n        <div class=\"persp-titel\">Wat het jullie organisatie kan opleveren<\/div>\n        <div class=\"persp-grid\">\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Leiders die hun eigen reflexen herkennen en de <b>systemische druk<\/b> zien die daar onder ligt.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Leiderschapsgedrag dat <b>duidelijk kan zijn zonder autoritair<\/b> te worden.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Teams die ruimte krijgen voor feedback en betrokkenheid, <b>zonder afhankelijkheid<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Een leiderschapsstijl die beweegt <b>van controle naar congruentie<\/b>.<\/p><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SYNC -->\n      <div class=\"persp-kaart\" data-paneel=\"sync\" style=\"--pk:var(--sync);display:none;\">\n        <div class=\"persp-kop\">\n          <span class=\"pico2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"6\" cy=\"6\" r=\"2.5\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"2.5\"><\/circle><path d=\"M8.5 6H15a3 3 0 0 1 0 6H9a3 3 0 0 0 0 6h6.5\"><\/path><\/svg><\/span>\n          <h3>INR Sync<\/h3><span class=\"pk-tag\">Teams<\/span>\n        <\/div>\n        <p class=\"persp-intro\">Haperende samenwerking vertraagt projecten en put mensen uit. Samenwerking stokt zelden op de inhoud, maar daar waar behoeften worden genegeerd. INR Sync maakt zichtbaar dat afstand tussen mensen vaak geen conflict is, maar een gemiste voeding. Zo ontstaat ruimte voor samenwerken met nabijheid \u00e9n scherpte.<\/p>\n        <div class=\"persp-titel\">Wat het jullie organisatie kan opleveren<\/div>\n        <div class=\"persp-grid\">\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Begrip van <b>waarom samenwerking stokt of stroomt<\/b>, voorbij de taakverdeling.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Herkenning van wij-zij-denken als <b>beschermgedrag<\/b> in plaats van onwil.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Teams die elkaar sneller aanspreken <b>vanuit veiligheid, niet vanuit frustratie<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Meer <b>psychologische veiligheid en gedeeld eigenaarschap<\/b> binnen het team.<\/p><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- PULSE -->\n      <div class=\"persp-kaart\" data-paneel=\"pulse\" style=\"--pk:var(--pulse);display:none;\">\n        <div class=\"persp-kop\">\n          <span class=\"pico2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l2 6 4-14 2 8h6\"><\/path><\/svg><\/span>\n          <h3>INR Pulse<\/h3><span class=\"pk-tag\">Commercie<\/span>\n        <\/div>\n        <p class=\"persp-intro\">Klanten haken zelden af op de inhoud, maar bijna altijd op spanning. INR Pulse helpt commerci\u00eble mensen klantgedrag te begrijpen in plaats van te beoordelen: een klant beweegt pas wanneer de interactie energie geeft in plaats van kost. Dat vraagt geen overtuigen, maar afstemmen op wat de klant werkelijk nodig heeft.<\/p>\n        <div class=\"persp-titel\">Wat het jullie organisatie kan opleveren<\/div>\n        <div class=\"persp-grid\">\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Gesprekken die rusten op <b>echt contact<\/b> in plaats van op druk uitoefenen.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Inzicht in waarom klanten <b>afhaken, vertragen of niet reageren<\/b> onder spanning.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Het vermogen om de <b>behoefte achter de vraag<\/b> te horen en daarop af te stemmen.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Commerci\u00eble beweging die ontstaat <b>doordat de klant regie ervaart<\/b>, niet weerstand.<\/p><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CORE -->\n      <div class=\"persp-kaart\" data-paneel=\"core\" style=\"--pk:var(--corek);display:none;\">\n        <div class=\"persp-kop\">\n          <span class=\"pico2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg><\/span>\n          <h3>INR Core<\/h3><span class=\"pk-tag\">Het individu<\/span>\n        <\/div>\n        <p class=\"persp-intro\">Mensen die vastlopen in oude patronen kosten energie, motivatie en soms hun inzetbaarheid. Inzicht alleen verandert dat niet. INR Core werkt op het niveau van de persoon: pas wanneer iemand zijn eigen behoeften opnieuw voedt, ontstaat de ruimte om het eigen verhaal te bevragen en ander gedrag te proberen. Gedrag wordt niet langer als onhandig gezien, maar als logisch en verklaarbaar.<\/p>\n        <div class=\"persp-titel\">Wat het jullie mensen kan opleveren<\/div>\n        <div class=\"persp-grid\">\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Diep inzicht in <b>eigen gedragspatronen<\/b> en wat daaronder ligt.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Een blik die ruimte maakt voor <b>reflectie in plaats van zelfkritiek<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Bewustwording van wat mensen <b>drijft, beperkt of beschermt<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Ruimte om weer <b>keuzes te maken op betekenis<\/b>, niet alleen op gedrag.<\/p><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ECHO -->\n      <div class=\"persp-kaart\" data-paneel=\"echo\" style=\"--pk:var(--echo);display:none;\">\n        <div class=\"persp-kop\">\n          <span class=\"pico2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12a8 8 0 0 1 16 0M7 12a5 5 0 0 1 10 0M10 12a2 2 0 0 1 4 0\"><\/path><\/svg><\/span>\n          <h3>INR Echo<\/h3><span class=\"pk-tag\">Cultuur<\/span>\n        <\/div>\n        <p class=\"persp-intro\">Een cultuur die vastzit, remt elke verandering en houdt verloop en stilstand in stand. Cultuur is geen optelsom van regels, maar van gedeelde verhalen die onder druk zijn ontstaan. INR Echo maakt zichtbaar welke collectieve narratieven het gedrag in de organisatie sturen, en opent de mogelijkheid om cultuur te voeden in plaats van te forceren.<\/p>\n        <div class=\"persp-titel\">Wat het jullie organisatie kan opleveren<\/div>\n        <div class=\"persp-grid\">\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Zicht op de <b>collectieve verhalen<\/b> die gedrag in de cultuur sturen.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Inzicht in waar verhalen <b>belemmeren in plaats van dragen<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Richting voor cultuurontwikkeling <b>zonder top-down push<\/b>.<\/p><\/div>\n          <div class=\"persp-item\"><span class=\"pv\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><p>Een cultuur die opnieuw kan investeren in <b>de condities waarin mensen groeien<\/b>.<\/p><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- VASTE ANKERS -->\n  <div class=\"ankers\" id=\"inrAnkers\">\n    <span class=\"anker coach\"><span class=\"ad\"><\/span><span class=\"at\"><b>Coaching<\/b><small>12 maanden onbeperkt<\/small><\/span><\/span>\n    <span class=\"anker mijn\"><span class=\"ad\"><\/span><span class=\"at\"><b>Mijn INR<\/b><small>de digitale thuisbasis<\/small><\/span><\/span>\n  <\/div>\n<\/section>\n\n<!-- ========================= PARALLELLE LAGEN ========================= -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"waaier-kop rev\">\n    <span class=\"eyebrow\">Wat de hele reis draagt<\/span>\n    <h2>Twee lagen die voorkomen dat <span class=\"grad\">de investering wegzakt<\/span>.<\/h2>\n    <p>De meeste ontwikkeltrajecten verzanden zodra de training stopt. Daarom lopen er twee dingen onafgebroken mee, van begin tot eind en langs elke aftakking, zodat beweging niet eenmalig blijft maar beklijft.<\/p>\n  <\/div>\n  <div class=\"twee\">\n    <div class=\"laagkaart coach rev d1\">\n      <div class=\"ll\"><span class=\"ld\"><\/span>Doorlopend<\/div>\n      <h3>Coaching, onbeperkt<\/h3>\n      <p>Gedrag verandert niet in de trainingsruimte, maar op de spannende momenten in het echte werk. Juist dan staan mensen er vaak alleen voor en vallen ze terug in oude patronen. Onbeperkte coaching vangt dat op, twaalf maanden lang, op het moment dat het ertoe doet.<\/p>\n      <div class=\"punten\">\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Hulp op het moment van de uitdaging, niet pas weken later.<\/span><\/div>\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Minder terugval in oud gedrag onder druk.<\/span><\/div>\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Bereikbaar via telefoon, mail of het dashboard.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"laagkaart mijn rev d2\">\n      <div class=\"ll\"><span class=\"ld\"><\/span>De thuisbasis<\/div>\n      <h3>Mijn INR<\/h3>\n      <p>Losse mails, verspreide documenten en versies die rondzwerven kosten tijd en laten beweging verzanden. Mijn INR brengt alles samen op \u00e9\u00e9n plek, zodat de organisatorische ruis verdwijnt en jullie zicht houden op waar mensen staan, terwijl de begeleiding zich kan richten op wat er werkelijk toe doet.<\/p>\n      <div class=\"punten\">\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Planning, intakes en survey gebundeld, geen losse stukken meer.<\/span><\/div>\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Doorlopend zicht op voortgang, voor jullie en voor INR.<\/span><\/div>\n        <div class=\"punt\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Leeromgeving, documentatie en certificering geborgd op \u00e9\u00e9n plek.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"slot rev\">\n    <h2>Mensen veranderen niet door druk, <span class=\"grad\">maar door erkenning<\/span>.<\/h2>\n    <p>Gedrag is geen probleem dat je wegdrukt, maar een signaal dat begrepen wil worden. Wie dat begrijpt, raakt aan de bron van verloop, verzuim en stilstand, en bouwt aan een organisatie waarin mensen weer in beweging komen.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR<\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n<!-- ========================= EINDE .inr-reis ========================= -->\n\n<script>\n(function(){\n  var root=document.querySelector('.inr-reis');\n  if(!root) return;\n\n  \/* Taalvlag: zet lang-en op de widget-root zelf (NIET op body) wanneer de\n     URL het \/en\/-pad bevat. Zo blijft de verbergregel binnen .inr-reis en\n     breekt hij de TranslatePress-editor niet. *\/\n  if(\/\\\/en\\\/\/.test(window.location.pathname)) root.classList.add('lang-en');\n\n  function startReveal(){\n    var els=root.querySelectorAll('.rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.14,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n\n  var reis=document.getElementById('inrReis');\n  var tijdlijn=document.getElementById('inrTijdlijn');\n  var vol=document.getElementById('inrVol');\n  var ankers=document.getElementById('inrAnkers');\n  var ruggengraat=root.querySelector('.ruggengraat');\n  var eindknoop=root.querySelector('.eindknoop');\n  var rijen=Array.prototype.slice.call(root.querySelectorAll('[data-rij]'));\n\n  \/\/ de ruggengraat stopt bij de eindknoop: meet hoeveel ruimte er onder zit\n  function meetRug(){\n    if(!eindknoop || !ruggengraat) return 0;\n    var tl=tijdlijn.getBoundingClientRect();\n    var ek=eindknoop.getBoundingClientRect();\n    var bottom = tl.bottom - (ek.top + ek.height\/2);\n    bottom = Math.max(0, bottom);\n    tijdlijn.style.setProperty('--rug-bottom', bottom+'px');\n    return bottom;\n  }\n\n  function onScroll(){\n    \/\/ ruggengraat vullen: relatief aan de zichtbare lengte (tot eindknoop)\n    var r=tijdlijn.getBoundingClientRect();\n    var rugBottom=parseFloat(getComputedStyle(tijdlijn).getPropertyValue('--rug-bottom'))||0;\n    var lengte=r.height - rugBottom;\n    var mid=window.innerHeight*0.5;\n    var p=lengte>0 ? (mid - r.top)\/lengte : 0;\n    p=Math.max(0,Math.min(1,p));\n    vol.style.height=(p*100).toFixed(1)+'%';\n\n    \/\/ rij actief maken zodra het midden de knoop passeert\n    rijen.forEach(function(rij){\n      var rr=rij.getBoundingClientRect();\n      var c=rr.top+rr.height\/2;\n      rij.classList.toggle('actief', c < window.innerHeight*0.62 && rr.bottom > window.innerHeight*0.2);\n    });\n\n    \/\/ ankers tonen zolang de reis-sectie in beeld is\n    var rs=reis.getBoundingClientRect();\n    var inzicht = rs.top < window.innerHeight*0.6 && rs.bottom > window.innerHeight*0.4;\n    ankers.classList.toggle('zicht', inzicht);\n  }\n\n  \/\/ ---------- perspectief-panelen onder de waaier ----------\n  var perspWrap=document.getElementById('inrPersp');\n  var pijlers=Array.prototype.slice.call(root.querySelectorAll('.pijler[data-persp]'));\n  var panelen=perspWrap?Array.prototype.slice.call(perspWrap.querySelectorAll('.persp-kaart')):[];\n  var actiefPersp=null;\n\n  function toonPaneel(naam){\n    panelen.forEach(function(p){p.style.display = p.getAttribute('data-paneel')===naam ? 'block' : 'none';});\n  }\n  function sluitPersp(){\n    perspWrap.classList.remove('open');\n    pijlers.forEach(function(p){p.classList.remove('open');});\n    actiefPersp=null;\n  }\n  pijlers.forEach(function(pj){\n    pj.addEventListener('click',function(){\n      var naam=pj.getAttribute('data-persp');\n      if(actiefPersp===naam){sluitPersp();return;}\n      pijlers.forEach(function(p){p.classList.toggle('open', p===pj);});\n      toonPaneel(naam);\n      perspWrap.classList.add('open');\n      actiefPersp=naam;\n      \/\/ breng het geopende paneel in beeld zodra het is uitgevouwen\n      var reduceMo=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n      window.setTimeout(function(){\n        var zichtbaar=perspWrap.querySelector('.persp-kaart[data-paneel=\"'+naam+'\"]');\n        var doelEl=zichtbaar||perspWrap;\n        var r=doelEl.getBoundingClientRect();\n        var doel=window.pageYOffset + r.top - Math.max(20, window.innerHeight*0.10);\n        window.scrollTo({top:doel, behavior: reduceMo ? 'auto' : 'smooth'});\n      }, 560);\n    });\n  });\n\n  function init(){\n    startReveal();\n    meetRug();\n    onScroll();\n    window.addEventListener('scroll',onScroll,{passive:true});\n    window.addEventListener('resize',function(){meetRug();onScroll();});\n    window.addEventListener('load',function(){meetRug();onScroll();});\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CTA-POP MET FORMULIER\n     E\u00e9n bestand. Plak volledig in \u00c9\u00c9N Elementor HTML-widget \u2014 bij voorkeur in de\n     FOOTER (global) voor sitebrede dekking, of in een losse widget voor \u00e9\u00e9n pagina.\n     Toont zich 20s n\u00e1 de eerste scroll. E\u00e9n keer per sessie.\n     Capture identiek aan het contactformulier: zelfde endpoint, form-type, honeypot.\n     ============================================================================ -->\n\n<style>\n.inr-pop{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --veld-bg:#FFFFFF; --soft:#F7F6FA; --glas:rgba(255,255,255,.82);\n  box-sizing:border-box !important;\n}\n.inr-pop, .inr-pop *, .inr-pop *::before, .inr-pop *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-pop h3,.inr-pop p,.inr-pop span,.inr-pop div,.inr-pop a,.inr-pop button,.inr-pop label{margin:0;padding:0;}\n.inr-pop a{text-decoration:none !important;}\n.inr-pop button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- OVERLAY ---------- *\/\n.inr-pop .overlay{\n  position:fixed !important; inset:0 !important; z-index:99999 !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  padding:24px !important; overflow-y:auto !important;\n  background:rgba(10,10,11,.5) !important;\n  -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important;\n  opacity:0 !important; visibility:hidden !important;\n  transition:opacity .4s cubic-bezier(.2,.7,.2,1),visibility .4s !important;\n}\n.inr-pop .overlay.toon{ opacity:1 !important; visibility:visible !important; }\n\n\/* ---------- KAART ---------- *\/\n.inr-pop .kaart{\n  position:relative !important; width:100% !important; max-width:460px !important; margin:auto !important;\n  background:var(--glas) !important;\n  -webkit-backdrop-filter:blur(22px) !important; backdrop-filter:blur(22px) !important;\n  border:1px solid var(--lijn) !important; border-radius:28px !important; overflow:hidden !important;\n  padding:clamp(32px,5vw,44px) clamp(26px,4vw,40px) !important;\n  box-shadow:0 50px 110px -50px rgba(10,10,11,.6) !important;\n  transform:translateY(26px) scale(.97) !important;\n  transition:transform .55s cubic-bezier(.2,.7,.2,1) !important;\n  text-align:left !important;\n}\n.inr-pop .overlay.toon .kaart{ transform:none !important; }\n.inr-pop .kaart::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:300px !important;height:300px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(10,10,11,.10),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-pop .kaart::after{content:'' !important;position:absolute !important;bottom:-130px !important;left:-100px !important;width:300px !important;height:300px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(28,28,32,.08),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-pop .kaart-in{position:relative !important;z-index:1 !important;}\n\n\/* ---------- SLUITEN ---------- *\/\n.inr-pop .sluit{\n  position:absolute !important; top:16px !important; right:16px !important; z-index:2 !important;\n  width:34px !important; height:34px !important; border-radius:10px !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  background:rgba(10,10,11,.04) !important; border:1px solid var(--lijn) !important;\n  color:var(--grijs) !important; transition:background .2s,color .2s !important;\n}\n.inr-pop .sluit:hover{ background:rgba(10,10,11,.08) !important; color:var(--ink) !important; }\n.inr-pop .sluit svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;}\n\n\/* ---------- KOP ---------- *\/\n.inr-pop .badge{\n  display:inline-flex !important; align-items:center !important; gap:9px !important;\n  font-size:12px !important; font-weight:600 !important; letter-spacing:.06em !important; color:var(--ink) !important;\n  border:1px solid var(--lijn) !important; background:rgba(255,255,255,.5) !important;\n  padding:8px 15px !important; border-radius:99px !important; margin-bottom:20px !important;\n}\n.inr-pop .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--ink) !important;}\n.inr-pop h3{font-weight:700 !important;font-size:clamp(23px,3vw,28px) !important;line-height:1.12 !important;letter-spacing:-.03em !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inr-pop .lead{font-size:clamp(14.5px,1.6vw,15.5px) !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;margin-bottom:26px !important;}\n\n\/* ---------- VELDEN ---------- *\/\n.inr-pop .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;margin-bottom:16px !important;}\n.inr-pop .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-pop .veld input,.inr-pop .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:13px 15px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s !important;\n}\n.inr-pop .veld input::placeholder,.inr-pop .veld textarea::placeholder{color:var(--grijs-licht) !important;opacity:1 !important;}\n.inr-pop .veld input:focus,.inr-pop .veld textarea:focus{border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;}\n.inr-pop .veld input.fout,.inr-pop .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-pop .veld textarea{min-height:92px !important;resize:vertical !important;}\n\n\/* honeypot *\/\n.inr-pop .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n\/* ---------- KNOP ---------- *\/\n.inr-pop .knop{\n  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important;\n  margin-top:6px !important; background:var(--ink) !important; color:#fff !important; border-radius:14px !important;\n  padding:16px 26px !important; font-size:15.5px !important; font-weight:600 !important; letter-spacing:-.005em !important;\n  box-shadow:0 14px 30px -16px rgba(10,10,11,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-pop .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-pop .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-pop .knop:hover svg{transform:translateX(4px) !important;}\n.inr-pop .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-pop .form-fout{font-size:13px !important;color:#DC2626 !important;margin-top:12px !important;text-align:center !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-pop .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-pop .form-belofte{margin-top:16px !important;display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:12px !important;color:var(--grijs) !important;line-height:1.5 !important;}\n.inr-pop .form-belofte svg{width:13px !important;height:13px !important;flex:none !important;margin-top:2px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- SUCCES ---------- *\/\n.inr-pop .velden.verzonden{display:none !important;}\n.inr-pop .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important;padding:6px 0 !important;}\n.inr-pop .succes.toon{display:flex !important;}\n.inr-pop .succes .vink{width:50px !important;height:50px !important;border-radius:15px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-pop .succes .vink svg{width:24px !important;height:24px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-pop .succes h3{font-weight:700 !important;font-size:21px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:0 !important;}\n.inr-pop .succes p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;max-width:42ch !important;}\n\n\/* ---------- MOBIEL ---------- *\/\n@media(max-width:560px){\n  .inr-pop .overlay{padding:16px !important;}\n  .inr-pop .kaart{border-radius:24px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-pop .overlay,.inr-pop .kaart,.inr-pop .knop,.inr-pop .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-pop\">\n  <div class=\"overlay\" id=\"inrPopOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"inrPopTitel\" aria-hidden=\"true\">\n    <div class=\"kaart\">\n      <button class=\"sluit\" id=\"inrPopSluit\" aria-label=\"Sluiten\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n      <\/button>\n      <div class=\"kaart-in\">\n\n        <div class=\"velden\" id=\"inrPopVelden\">\n          <div class=\"badge\"><span class=\"stip\"><\/span>INR Institute<\/div>\n          <h3 id=\"inrPopTitel\">Heb je interesse in wat INR voor jou kan betekenen?<\/h3>\n          <p class=\"lead\">Laat je gegevens achter en we nemen persoonlijk contact met je op. Geen verkooppraat, gewoon een goed gesprek over waar je mee bezig bent.<\/p>\n\n          <div class=\"veld\">\n            <label for=\"inrPopNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrPopNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrPopEmail\">E-mail<\/label>\n            <input type=\"email\" id=\"inrPopEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrPopBericht\">Bericht<\/label>\n            <textarea id=\"inrPopBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n          <\/div>\n\n          <!-- honeypot -->\n          <div class=\"hp-veld\" aria-hidden=\"true\">\n            <label for=\"inrPopHp\">Laat dit veld leeg<\/label>\n            <input type=\"text\" id=\"inrPopHp\" tabindex=\"-1\" autocomplete=\"off\">\n          <\/div>\n\n          <button type=\"button\" class=\"knop\" id=\"inrPopKnop\">\n            Neem contact op\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n          <\/button>\n\n          <div class=\"form-fout\" id=\"inrPopFout\">Controleer de gemarkeerde velden.<\/div>\n          <div class=\"form-belofte\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"succes\" id=\"inrPopSucces\">\n          <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\n          <h3>Bedankt, je bericht is binnen.<\/h3>\n          <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nwindow.INR_POP = {\n  vertraging: 20000,        \/\/ ms n\u00e1 de eerste scroll\n  eenmaligPerSessie: true,  \/\/ false = elke pageload opnieuw mogelijk\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"           \/\/ zet op 'cta-popup' om gescheiden te zien in de inbox\n};\n\n(function(){\n  var CFG = window.INR_POP || {};\n  var VERTRAGING = CFG.vertraging || 20000;\n  var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n  var FORM = CFG.form || 'contact';\n  var SLEUTEL = 'inrPopGezien';\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(){\n    var overlay = document.getElementById('inrPopOverlay');\n    if(!overlay || overlay.getAttribute('data-actief') === '1') return;\n    overlay.setAttribute('data-actief','1');\n\n    if(CFG.eenmaligPerSessie){\n      try { if(sessionStorage.getItem(SLEUTEL) === '1') return; } catch(e){}\n    }\n\n    var velden = document.getElementById('inrPopVelden');\n    var succes = document.getElementById('inrPopSucces');\n    var knop   = document.getElementById('inrPopKnop');\n    var fout   = document.getElementById('inrPopFout');\n    var sluit  = document.getElementById('inrPopSluit');\n    var naam   = document.getElementById('inrPopNaam');\n    var email  = document.getElementById('inrPopEmail');\n    var bericht= document.getElementById('inrPopBericht');\n    var hp     = document.getElementById('inrPopHp');\n\n    var getoond = false, gescrold = false;\n\n    function toon(){\n      if(getoond) return;\n      getoond = true;\n      window.removeEventListener('scroll', opScroll);\n      overlay.classList.add('toon');\n      overlay.setAttribute('aria-hidden','false');\n      document.addEventListener('keydown', opEscape);\n      try { if(CFG.eenmaligPerSessie) sessionStorage.setItem(SLEUTEL,'1'); } catch(e){}\n    }\n    function dicht(){\n      overlay.classList.remove('toon');\n      overlay.setAttribute('aria-hidden','true');\n      document.removeEventListener('keydown', opEscape);\n    }\n    function opEscape(e){ if(e.key === 'Escape') dicht(); }\n\n    function opScroll(){\n      if(gescrold) return;\n      gescrold = true;\n      setTimeout(toon, VERTRAGING);\n    }\n    window.addEventListener('scroll', opScroll, { passive:true });\n\n    sluit.addEventListener('click', dicht);\n    overlay.addEventListener('click', function(e){ if(e.target === overlay) dicht(); });\n\n    \/\/ ----- Formulierlogica (identiek aan contactformulier) -----\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n    function toonFout(t){ if(t) fout.textContent = t; fout.classList.add('toon'); }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    function verzend(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: { 'Bericht': (bericht.value || '').trim() },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); } else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzend(function(ok){\n        if(ok){ toonSucces(); }\n        else {\n          knop.disabled = false;\n          knop.innerHTML = 'Neem contact op <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of mail ons direct.');\n        }\n      });\n    });\n\n    [naam, email].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', start);\n  } else { start(); }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>De reis door INR Gedrag dat vastzit, kost jullie organisatie elke dag. Verloop, verzuim, teams die op hun tenen lopen, klanten die afhaken: bijna altijd ligt er gedrag onder dat vastzit onder druk. Mensen veranderen niet door er nog meer druk op te zetten, maar door te begrijpen wat eronder zit. Daar begint onze reis [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-77385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/users\/224244682"}],"replies":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/comments?post=77385"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77385\/revisions"}],"predecessor-version":[{"id":79178,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77385\/revisions\/79178"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=77385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}