{"id":58751,"date":"2025-12-29T16:30:23","date_gmt":"2025-12-29T15:30:23","guid":{"rendered":"https:\/\/inr.institute\/?page_id=58751"},"modified":"2026-08-03T09:13:18","modified_gmt":"2026-08-03T07:13:18","slug":"inr-pressure-profile","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-pressure-profile\/","title":{"rendered":"INR Pressure Profile"},"content":{"rendered":"\n<!-- ============================================================================\n     INR PRESSURE PROFILE - DEEL 1 (boven de vragenlijst)\n     Een bestand. Plak dit volledig in EEN Elementor HTML-widget, BOVEN de\n     bestaande vragenlijst-tool (.inrp-tool).\n     Alles gescoped onder .inrpp en afgedwongen met !important.\n     Hoofdlijn: zwart\/wit. Enige kleuraccent: het wel\/niet-blok (groen\/rood),\n     waar de kleur het verschil tussen wel en niet functioneel draagt.\n\n     TAALAFHANKELIJK VERBERGEN (EN): twee knoppen zijn verborgen op de Engelse\n     site via class \"hide-on-en\", op scrollvolgorde:\n       1. \"Ervaar de vragenlijst\" (hero, hcta)\n       2. \"Begrijp de complexiteit\" (donker reken-blok, rcta)\n     BELANGRIJK: de verbergregels targeten NIET de globale body.lang-en, maar\n     een class lang-en die de widget zelf op zijn eigen root zet (zie script).\n     Een regel 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 .inrpp te houden blijft de sectie gewoon\n     vertaalbaar.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inrpp{\n  --ink:#0A0A0B; --grijs:#6A6A72; --zacht:#F4F4F6; --rand:rgba(10,10,11,.08);\n  --groen:#27B567; --groen-zacht:rgba(39,181,103,.12);\n  --rood:#FD4C5C; --rood-zacht:rgba(253,76,92,.12);\n  --radius:24px; --maxw:1200px;\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:var(--ink) !important; background:#FFFFFF !important; line-height:1.5 !important;\n  overflow-x:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inrpp, .inrpp *, .inrpp *::before, .inrpp *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inrpp h1,.inrpp h2,.inrpp h3,.inrpp h4,.inrpp p,.inrpp span,.inrpp div{margin:0;padding:0;}\n\/* Elementor dwingt vaak een underline op links af; hard wegdrukken met verdubbelde selector *\/\n.inrpp a,.inrpp a:link,.inrpp a:visited,.inrpp a:hover,.inrpp a:focus,.inrpp a:active,\n.inrpp.inrpp a,.inrpp.inrpp a:link,.inrpp.inrpp a:visited,.inrpp.inrpp a:hover,.inrpp.inrpp a:focus,.inrpp.inrpp a:active{\n  text-decoration:none !important;}\n\/* knoppen behouden hun eigen tekstkleur (witte tekst op donkere knop) *\/\n.inrpp.inrpp a.hcta,.inrpp.inrpp a.hcta:hover,.inrpp.inrpp a.acta,.inrpp.inrpp a.acta:hover{color:#fff !important;}\n.inrpp.inrpp a.rcta,.inrpp.inrpp a.rcta:hover{color:var(--ink) !important;}\n\n\/* ---------- TAALAFHANKELIJK VERBERGEN (EN) ----------\n   Zelfde mechanisme als op de andere pagina's: lang-en wordt door de widget\n   zelf op .inrpp gezet (zie script), NIET op body. Zo blijft de selector binnen\n   de widget en breekt hij de TranslatePress-editor niet. Twee knop-classes, elk\n   een eigen regel met hoge specificiteit, dus het verbergen wint. *\/\n.inrpp.inrpp.lang-en a.hcta.hide-on-en{display:none !important;}\n.inrpp.inrpp.lang-en a.rcta.hide-on-en{display:none !important;}\n\n\/* ---------- 2. ATMOSFEER (rijk, met diepte en drift) ---------- *\/\n.inrpp .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;}\n.inrpp .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.55 !important;animation:inrpp-drift 30s ease-in-out infinite !important;}\n.inrpp .blob.a{width:620px;height:620px;background:rgba(120,130,165,.20);top:-220px;right:-160px;}\n.inrpp .blob.b{width:540px;height:540px;background:rgba(150,140,135,.16);top:46%;left:-220px;animation-delay:-11s;}\n.inrpp .blob.c{width:680px;height:680px;background:rgba(20,22,30,.06);bottom:-300px;right:14%;animation-delay:-19s;}\n@keyframes inrpp-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(44px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inrpp .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:0 clamp(28px,5vw,40px) !important;}\n.inrpp .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n\n\/* ---------- 4. TYPO ---------- *\/\n.inrpp .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n.inrpp .kop{max-width:780px !important;margin:0 0 56px !important;}\n.inrpp .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inrpp .kop h2{font-weight:700 !important;font-size:clamp(30px,4.4vw,50px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inrpp .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inrpp .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inrpp .rev.in{opacity:1 !important;transform:none !important;}\n.inrpp .d1{transition-delay:.06s;}.inrpp .d2{transition-delay:.12s;}.inrpp .d3{transition-delay:.18s;}\n.inrpp .d4{transition-delay:.24s;}.inrpp .d5{transition-delay:.30s;}.inrpp .d6{transition-delay:.36s;}\n\n\/* ---------- HERO ---------- *\/\n.inrpp .hero{min-height:78vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px 0 96px !important;}\n.inrpp .hero .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;background:var(--zacht) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:28px !important;letter-spacing:.02em !important;}\n.inrpp .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;}\n.inrpp .hero h1{font-weight:700 !important;font-size:clamp(46px,8vw,104px) !important;line-height:1.0 !important;letter-spacing:-.04em !important;\n  max-width:14ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inrpp .hero .lead{font-size:clamp(18px,2.3vw,24px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:46ch !important;line-height:1.5 !important;}\n.inrpp .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inrpp .hero .hcta{display:inline-flex !important;align-items:center !important;gap:11px !important;align-self:flex-start !important;\n  margin-top:40px !important;background:var(--ink) !important;color:#fff !important;font-weight:600 !important;font-size:16px !important;\n  padding:16px 32px !important;border-radius:99px !important;text-decoration:none !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inrpp .hero .hcta:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -22px rgba(10,10,11,.5) !important;}\n.inrpp .hero .hcta svg{width:18px !important;height:18px !important;}\n@media(max-width:820px){.inrpp .hero{min-height:auto !important;padding:118px 0 64px !important;}.inrpp .hero h1{font-size:clamp(38px,11vw,60px) !important;}}\n\n\/* ---------- INTRO-STATEMENT ---------- *\/\n.inrpp .statement{max-width:1000px !important;}\n.inrpp .statement p{font-weight:600 !important;font-size:clamp(26px,3.8vw,44px) !important;line-height:1.22 !important;letter-spacing:-.022em !important;color:var(--ink) !important;}\n.inrpp .statement p .dim{color:rgba(10,10,11,.32) !important;}\n\n\/* ---------- VIER ANKERPUNTEN ---------- *\/\n.inrpp .anker-grid{display:grid !important;grid-template-columns:0.85fr 1.15fr !important;gap:60px !important;align-items:start !important;}\n.inrpp .anker-intro{position:sticky !important;top:60px !important;}\n.inrpp .anker-intro .eyebrow{display:block !important;margin-bottom:18px !important;}\n.inrpp .anker-intro h2{font-weight:700 !important;font-size:clamp(30px,4vw,46px) !important;letter-spacing:-.03em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inrpp .anker-intro p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:34ch !important;}\n.inrpp .anker-lijst{position:relative !important;display:flex !important;flex-direction:column !important;gap:0 !important;}\n\/* verbindingslijn die de volgordelijkheid draagt *\/\n.inrpp .anker-lijst::before{content:'' !important;position:absolute !important;left:31px !important;top:46px !important;bottom:46px !important;width:2px !important;\n  background:linear-gradient(180deg,rgba(10,10,11,.14),rgba(10,10,11,.06)) !important;z-index:0 !important;}\n.inrpp .anker{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:64px 1fr !important;gap:22px !important;align-items:flex-start !important;\n  padding:26px 0 !important;border-bottom:1px solid var(--rand) !important;}\n.inrpp .anker:last-child{border-bottom:none !important;}\n.inrpp .anker-ic{width:64px !important;height:64px !important;border-radius:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:#fff !important;border:1px solid var(--rand) !important;color:var(--ink) !important;\n  box-shadow:0 10px 30px -20px rgba(10,10,11,.35) !important;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inrpp .anker:hover .anker-ic{transform:translateY(-3px) !important;box-shadow:0 18px 40px -22px rgba(10,10,11,.45) !important;}\n.inrpp .anker-ic svg{width:30px !important;height:30px !important;}\n.inrpp .anker-body{padding-top:5px !important;}\n.inrpp .anker-label{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:7px !important;display:flex !important;align-items:center !important;gap:10px !important;}\n.inrpp .anker-nr{font-variant-numeric:tabular-nums !important;color:var(--ink) !important;}\n.inrpp .anker-q{font-weight:600 !important;font-size:clamp(18px,2.1vw,22px) !important;letter-spacing:-.015em !important;line-height:1.32 !important;color:var(--ink) !important;}\n@media(max-width:820px){\n  .inrpp .anker-grid{grid-template-columns:1fr !important;gap:36px !important;}\n  .inrpp .anker-intro{position:static !important;}\n  .inrpp .anker-lijst::before{left:27px !important;}\n  .inrpp .anker{grid-template-columns:54px 1fr !important;gap:18px !important;}\n  .inrpp .anker-ic{width:54px !important;height:54px !important;border-radius:15px !important;}\n  .inrpp .anker-ic svg{width:26px !important;height:26px !important;}\n}\n\n\/* ---------- WEL\/NIET TOGGLE-BLOK ---------- *\/\n.inrpp .wn{--c:var(--groen);--cz:var(--groen-zacht);}\n.inrpp .wn.is-niet{--c:var(--rood);--cz:var(--rood-zacht);}\n.inrpp .wn-head{display:grid !important;grid-template-columns:1.3fr 1fr !important;gap:40px !important;align-items:start !important;margin-bottom:54px !important;}\n.inrpp .wn-title{font-weight:700 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.028em !important;line-height:1.1 !important;color:var(--ink) !important;}\n.inrpp .wn-switchline{display:flex !important;align-items:center !important;gap:18px !important;margin-top:10px !important;flex-wrap:wrap !important;}\n.inrpp .wn-word{font-weight:700 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.028em !important;color:var(--c) !important;transition:color .3s ease !important;}\n.inrpp .wn-word.vast{color:var(--ink) !important;}\n\/* de toggle zelf *\/\n.inrpp .wn-toggle{position:relative !important;width:84px !important;height:46px !important;border-radius:99px !important;\n  background:var(--c) !important;cursor:pointer !important;border:none !important;padding:0 !important;flex:none !important;\n  transition:background .3s ease !important;box-shadow:inset 0 1px 3px rgba(0,0,0,.12) !important;}\n.inrpp .wn.is-niet .wn-toggle{background:#C9C9CF !important;}\n.inrpp .wn-knob{position:absolute !important;top:5px !important;left:5px !important;width:36px !important;height:36px !important;border-radius:50% !important;\n  background:#fff !important;box-shadow:0 2px 6px rgba(0,0,0,.2) !important;transition:transform .32s cubic-bezier(.2,.7,.2,1) !important;}\n.inrpp .wn.is-wel .wn-knob{transform:translateX(38px) !important;}\n.inrpp .wn-intro{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;padding-top:14px !important;}\n.inrpp .wn-intro strong{font-weight:600 !important;color:var(--ink) !important;}\n\/* kaartenraster *\/\n.inrpp .wn-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px 40px !important;}\n.inrpp .wn-card{background:transparent !important;border-radius:18px !important;padding:8px 4px !important;transition:opacity .4s ease,transform .4s ease !important;}\n.inrpp .wn-card.lift{background:var(--zacht) !important;padding:28px 28px !important;box-shadow:0 18px 50px -34px rgba(10,10,11,.4) !important;}\n.inrpp .wn-ico{width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;margin-bottom:18px !important;color:var(--c) !important;transition:color .3s ease !important;}\n.inrpp .wn-ico svg{width:30px !important;height:30px !important;}\n.inrpp .wn-card h4{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:8px !important;}\n.inrpp .wn-card p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n@media(max-width:820px){\n  .inrpp .wn-head{grid-template-columns:1fr !important;gap:22px !important;}\n  .inrpp .wn-grid{grid-template-columns:1fr !important;gap:24px !important;}\n}\n\n\/* ---------- ONGEKENDE REKENKRACHT (donker blok) ---------- *\/\n.inrpp .reken{background:var(--ink) !important;border-radius:32px !important;padding:90px 60px !important;text-align:center !important;position:relative !important;overflow:hidden !important;}\n.inrpp .reken::before{content:'' !important;position:absolute !important;top:-120px !important;left:50% !important;transform:translateX(-50%) !important;width:480px !important;height:480px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%) !important;filter:blur(40px) !important;}\n.inrpp .reken .inner{position:relative !important;z-index:1 !important;max-width:680px !important;margin:0 auto !important;}\n.inrpp .reken .eyebrow{color:rgba(255,255,255,.55) !important;display:block !important;margin-bottom:16px !important;}\n.inrpp .reken h2{font-weight:700 !important;font-size:clamp(30px,4.4vw,52px) !important;letter-spacing:-.03em !important;line-height:1.06 !important;color:#fff !important;margin-bottom:18px !important;}\n.inrpp .reken p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.62 !important;margin-bottom:34px !important;}\n.inrpp .reken .rcta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:#fff !important;color:var(--ink) !important;\n  font-weight:600 !important;font-size:15px !important;padding:15px 30px !important;border-radius:99px !important;cursor:pointer !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inrpp .reken .rcta:hover{transform:translateY(-3px) !important;box-shadow:0 18px 44px -20px rgba(0,0,0,.5) !important;}\n.inrpp .reken .rcta svg{width:17px !important;height:17px !important;}\n@media(max-width:820px){.inrpp .reken{padding:60px 26px !important;border-radius:24px !important;}}\n\n\/* ---------- RESPONSIVE BASIS ---------- *\/\n@media(max-width:820px){\n  .inrpp{padding-left:22px !important;padding-right:22px !important;}\n  .inrpp .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inrpp .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inrpp .sec{padding:74px 0 !important;}\n  .inrpp .blob.a{width:320px;height:320px;right:-120px;}\n  .inrpp .blob.b{width:300px;height:300px;left:-120px;}\n  .inrpp .blob.c{width:340px;height:340px;right:-80px;bottom:-180px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inrpp .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inrpp .wn-knob{transition:none !important;}\n  .inrpp .blob{animation:none !important;}\n}\n.no-js .inrpp .rev{opacity:1 !important;transform:none !important;}\n<\/style>\n\n<div class=\"inrpp\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ===================== HERO ===================== -->\n<section class=\"hero wrap\">\n  <h1>Zie wat druk doet.<\/h1>\n  <p class=\"lead\">En hoe werkgedrag verandert. Het Pressure Profile maakt zichtbaar wat normaal verborgen blijft. <strong>Niet wie iemand is, maar wat druk doet.<\/strong><\/p>\n  <a class=\"hcta hide-on-en\" href=\"#ervaarprofiel\">Ervaar de vragenlijst <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n<\/section>\n\n<!-- ===================== INTRO-STATEMENT ===================== -->\n<section class=\"sec wrap\">\n  <div class=\"statement rev\">\n    <p>Het Pressure Profile geeft organisaties scherp inzicht in hoe mensen daadwerkelijk functioneren onder druk, <span class=\"dim\">zodat betere keuzes worden gemaakt over rol, context en samenwerking.<\/span><\/p>\n  <\/div>\n<\/section>\n\n<!-- ===================== VIER ANKERPUNTEN ===================== -->\n<section class=\"sec wrap\">\n  <div class=\"anker-grid\">\n    <div class=\"anker-intro rev\">\n      <span class=\"eyebrow\">Het fundament<\/span>\n      <h2>Zichtbaar gedrag. Zonder interpretatie.<\/h2>\n      <p>Vier meetbare ankerpunten voor een accuraat profiel. Samen leggen ze vast wat druk doet, in volgorde en zonder oordeel.<\/p>\n    <\/div>\n    <div class=\"anker-lijst\">\n\n      <div class=\"anker rev d1\">\n        <div class=\"anker-ic\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 20h18M6 20c0-5 2.5-9 6-9s6 4 6 9\"><\/path><path d=\"M12 11V4M9 6l3-3 3 3\"><\/path><\/svg>\n        <\/div>\n        <div class=\"anker-body\">\n          <div class=\"anker-label\"><span class=\"anker-nr\">01<\/span> Spanningscontext<\/div>\n          <div class=\"anker-q\">Wanneer ontstaat druk in het werk en in samenwerking?<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"anker rev d2\">\n        <div class=\"anker-ic\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n        <\/div>\n        <div class=\"anker-body\">\n          <div class=\"anker-label\"><span class=\"anker-nr\">02<\/span> Drukwerking<\/div>\n          <div class=\"anker-q\">Wat verandert zichtbaar in je werk zodra spanning merkbaar wordt?<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"anker rev d3\">\n        <div class=\"anker-ic\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"><\/path><path d=\"M21 4v5h-5\"><\/path><\/svg>\n        <\/div>\n        <div class=\"anker-body\">\n          <div class=\"anker-label\"><span class=\"anker-nr\">03<\/span> Herhaling in gedrag<\/div>\n          <div class=\"anker-q\">Welke patronen keren terug in vergelijkbare werksituaties?<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"anker rev d4\">\n        <div class=\"anker-ic\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 7c2 0 2 6 4.5 6S10 4 12 4s2.5 9 4.5 9S19 7 21 7\"><\/path><path d=\"M3 17h18\"><\/path><\/svg>\n        <\/div>\n        <div class=\"anker-body\">\n          <div class=\"anker-label\"><span class=\"anker-nr\">04<\/span> Uitblijvend herstel<\/div>\n          <div class=\"anker-q\">Wat zie je als herstel uitblijft en druk blijft hangen in je werk?<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== WEL \/ NIET TOGGLE ===================== -->\n<section class=\"sec wrap\">\n  <div class=\"wn is-wel rev\" id=\"inrppWN\">\n    <div class=\"wn-head\">\n      <div>\n        <div class=\"wn-title\">Wanneer je het Pressure Profile<\/div>\n        <div class=\"wn-switchline\">\n          <span class=\"wn-word\" id=\"inrppWNword\">wel<\/span>\n          <button type=\"button\" class=\"wn-toggle\" id=\"inrppToggle\" aria-label=\"Wissel tussen wel en niet\">\n            <span class=\"wn-knob\"><\/span>\n          <\/button>\n          <span class=\"wn-word vast\">gebruikt.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"wn-intro\">Het Pressure Profile beschrijft alleen wat zichtbaar gebeurt. <strong>Niet wat iemand is, maar wat druk doet.<\/strong><\/div>\n    <\/div>\n    <div class=\"wn-grid\" id=\"inrppWNgrid\"><!-- kaarten via JS --><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== ONGEKENDE REKENKRACHT ===================== -->\n<section class=\"sec wrap\">\n  <div class=\"reken rev\">\n    <div class=\"inner\">\n      <span class=\"eyebrow\">Ongekende rekenkracht<\/span>\n      <h2>Voor maximaal resultaat.<\/h2>\n      <p>Duizenden berekeningen werken samen om druk te vertalen naar zichtbaar gedrag. Consistent, controleerbaar en zonder interpretatie.<\/p>\n      <a class=\"rcta hide-on-en\" href=\"https:\/\/inr.institute\/pressure-profile\/complexiteit-inr-pressure-profile\/\">Begrijp de complexiteit <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n<!-- ===================== EINDE .inrpp (DEEL 1) ===================== -->\n\n<script>\n(function(){\n  \/\/ ---- data voor het wel\/niet blok ----\n  var ICONS = {\n    werkgedrag:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>',\n    volgorde:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><circle cx=\"18\" cy=\"9\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>',\n    begrijp:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 3H3v6M15 3h6v6M9 21H3v-6M15 21h6v-6\"\/><\/svg>',\n    geenduiding:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>',\n    context:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><\/svg>',\n    praktisch:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M10 8l6 4-6 4z\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>',\n    persoon:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.3 3.9l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3l-8-14a2 2 0 0 0-3.4 0z\"\/><path d=\"M12 9v4M12 17h.01\"\/><\/svg>',\n    verklarend:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9.9 4.2A9 9 0 0 1 21 12c-.6 1.2-1.5 2.3-2.5 3.2M6.6 6.6A9 9 0 0 0 3 12s3.5 7 9 7a8.8 8.8 0 0 0 3.4-.6M2 2l20 20\"\/><\/svg>',\n    middel:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4l6 6M20 4l-6 6M4 20l6-6M20 20l-6-6\"\/><\/svg>',\n    teveel:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 15s1.5-2 4-2 4 2 4 2M9 9h.01M15 9h.01\"\/><\/svg>',\n    zeercontext:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"8\" y=\"8\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"\/><\/svg>',\n    afstemming:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M17 8l5 5M22 8l-5 5\"\/><\/svg>'\n  };\n  var WEL = [\n    {ic:'werkgedrag', t:'Werkgedrag', d:'Vertrek vanuit zichtbaar werkgedrag.'},\n    {ic:'volgorde', t:'Volgordelijkheid', d:'Werkt met volgorde en herhaling.'},\n    {ic:'begrijp', t:'Begrijp druk', d:'Druk wordt gevolgd.'},\n    {ic:'geenduiding', t:'Geen duiding', d:'Gedrag staat op zichzelf.'},\n    {ic:'context', t:'Contextafhankelijk', d:'Context bepaalt, interpretatie niet.'},\n    {ic:'praktisch', t:'Praktisch', d:'Gebruik is direct mogelijk.'}\n  ];\n  var NIET = [\n    {ic:'persoon', t:'Persoonlijkheids label', d:'Vertrekt vanuit persoonlijkheid.'},\n    {ic:'verklarend', t:'Verklarend', d:'Werkt met labels en verklaringen.'},\n    {ic:'middel', t:'Druk als middel', d:'Druk wordt geinterpreteerd.'},\n    {ic:'teveel', t:'Teveel duiding', d:'Gedrag vraagt duiding.'},\n    {ic:'zeercontext', t:'Zeer contextgevoelig', d:'Inzicht is contextgevoelig.'},\n    {ic:'afstemming', t:'Hoge afstemming', d:'Gebruik vraagt intensieve afstemming.'}\n  ];\n\n  function start(){\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 .inrpp en breekt\n       hij de TranslatePress-editor niet. *\/\n    var rootEl = document.querySelector('.inrpp');\n    if(rootEl && \/\\\/en\\\/\/.test(window.location.pathname)) rootEl.classList.add('lang-en');\n\n    var wn = document.getElementById('inrppWN');\n    var grid = document.getElementById('inrppWNgrid');\n    var word = document.getElementById('inrppWNword');\n    var toggle = document.getElementById('inrppToggle');\n    if(!wn||!grid||!toggle) return;\n\n    var staat = 'wel';\n\n    function renderKaarten(data, liftFirst){\n      var html = '';\n      data.forEach(function(k,i){\n        html += '<div class=\"wn-card'+(i===0?' lift':'')+'\">'\n          + '<div class=\"wn-ico\">'+(ICONS[k.ic]||'')+'<\/div>'\n          + '<h4>'+k.t+'<\/h4>'\n          + '<p>'+k.d+'<\/p>'\n          + '<\/div>';\n      });\n      grid.innerHTML = html;\n    }\n\n    function setStaat(s){\n      staat = s;\n      if(s==='wel'){\n        wn.classList.add('is-wel'); wn.classList.remove('is-niet');\n        word.textContent = 'wel';\n        renderKaarten(WEL, true);\n      } else {\n        wn.classList.add('is-niet'); wn.classList.remove('is-wel');\n        word.textContent = 'niet';\n        renderKaarten(NIET, true);\n      }\n    }\n\n    toggle.addEventListener('click', function(){\n      setStaat(staat==='wel' ? 'niet' : 'wel');\n    });\n\n    setStaat('wel');\n\n    \/\/ ---- reveal-on-scroll ----\n    var els=document.querySelectorAll('.inrpp .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});}\n    else{\n      var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n      els.forEach(function(e){io.observe(e);});\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>INR Pressure Profile<\/title>\n<style>html,body{margin:0;padding:0;background:#fff;}<\/style>\n<\/head>\n<body>\n<section class=\"inrp-tool\" id=\"ervaarprofiel\">\n\n<style>\n.inrp-tool, .inrp-tool * , .inrp-tool *::before, .inrp-tool *::after {\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inrp-tool p, .inrp-tool h1, .inrp-tool h2, .inrp-tool h3,\n.inrp-tool ul, .inrp-tool li {\n  text-shadow:none !important; float:none !important;\n}\n.inrp-tool ul, .inrp-tool li { list-style:none !important; }\n.inrp-tool button, .inrp-tool button:hover, .inrp-tool button:focus,\n.inrp-tool button:active, .inrp-tool button:visited {\n  -webkit-appearance:none !important; appearance:none !important;\n  -moz-appearance:none !important;\n  background:transparent !important; color:inherit !important;\n  text-decoration:none !important; outline:none !important;\n  cursor:pointer !important; text-transform:none !important;\n  text-shadow:none !important; filter:none !important;\n  margin:0; min-height:0;\n}\n.inrp-tool a, .inrp-tool a:hover, .inrp-tool a:focus, .inrp-tool a:visited {\n  text-decoration:none !important; box-shadow:none !important; color:inherit;\n}\n.inrp-tool input, .inrp-tool textarea, .inrp-tool select {\n  -webkit-appearance:none !important; appearance:none !important;\n  font-family:'Inter',-apple-system,sans-serif !important;\n  box-shadow:none; outline:none; margin:0;\n}\n.inrp-tool svg { vertical-align:middle; }\n\n.inrp-tool {\n  --bl:#007BFF; --bl-dk:#0066d6; --ink:#0D1117; --g50:#F9FAFB; --g100:#F3F4F6;\n  --g200:#E5E7EB; --g300:#D1D5DB; --g400:#9CA3AF; --g500:#6B7280; --g700:#374151;\n  display:block !important; background:#FFF !important; color:#0D1117 !important;\n  -webkit-font-smoothing:antialiased; position:relative; line-height:1.5 !important;\n  scroll-margin-top:100px !important;\n}\n\n.inrp-wrap { max-width:760px !important; margin:0 auto !important; padding:0 24px !important; }\n.inrp-stage { padding:8px 0 64px !important; }\n\n.inrp-steps { margin:0 0 30px !important; padding:0 !important; }\n.inrp-steps-top { display:flex; align-items:baseline; justify-content:space-between; gap:12px !important; margin:0 0 14px !important; }\n.inrp-steps-phase { font-weight:700; font-size:15px; color:#0D1117; letter-spacing:-.01em; }\n.inrp-steps-count { font-weight:500; font-size:13px; color:var(--g400); white-space:nowrap; }\n.inrp-track { display:flex; gap:6px !important; }\n.inrp-track-item { flex:1; display:flex; flex-direction:column; gap:7px !important; }\n.inrp-track-bar { height:5px; border-radius:99px; background:var(--g200); overflow:hidden; position:relative; }\n.inrp-track-fill { position:absolute; inset:0; width:0; background:var(--bl); border-radius:99px; transition:width .45s cubic-bezier(.4,0,.2,1); }\n.inrp-track-item.done .inrp-track-fill { width:100%; }\n.inrp-track-item.active .inrp-track-fill { }\n.inrp-track-lbl { font-weight:600; font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--g300); transition:color .3s; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.inrp-track-item.done .inrp-track-lbl,\n.inrp-track-item.active .inrp-track-lbl { color:var(--bl); }\n\n.inrp-fade { animation:inrpFade .32s cubic-bezier(.4,0,.2,1); }\n@keyframes inrpFade { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }\n\n.inrp-intro {\n  min-height:440px; display:flex; flex-direction:column;\n  align-items:center; justify-content:center; text-align:center;\n  gap:34px; padding:40px 0 56px;\n}\n.inrp-intro-title {\n  font-weight:700 !important; font-size:clamp(26px,4vw,38px) !important; line-height:1.2 !important;\n  letter-spacing:-.02em !important; color:#0D1117 !important; max-width:18ch; margin:0 auto !important;\n}\n\n.inrp-inter { background:var(--g50); border:1px solid var(--g200); border-radius:18px; padding:40px 40px 36px !important; margin:0 0 20px !important; }\n.inrp-inter-eyebrow { font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--bl); margin-bottom:18px; }\n.inrp-inter-title { font-weight:700; font-size:27px; line-height:1.25; letter-spacing:-.02em; color:#0D1117; margin:0 0 18px; }\n.inrp-inter-body { font-weight:300; font-size:17px; line-height:1.7; color:var(--g700); margin:0 0 24px; }\n\n.inrp-tool .inrp-org-toggle {\n  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; cursor:pointer !important; width:100% !important;\n  background:#FFF !important; border:1.5px solid #BFDBFE !important; border-radius:12px !important; padding:16px 18px !important;\n  font-weight:600 !important; font-size:14.5px !important; color:var(--bl) !important; box-shadow:none !important; transition:background .15s, border-color .15s !important;\n}\n.inrp-tool .inrp-org-toggle:hover { background:#F5FAFF !important; border-color:var(--bl) !important; }\n.inrp-org-toggle-l { display:inline-flex !important; align-items:center; gap:10px; text-align:left; color:var(--bl) !important; }\n.inrp-org-ic { color:var(--bl) !important; flex-shrink:0; }\n.inrp-org-chev { color:var(--bl) !important; flex-shrink:0; transition:transform .2s; }\n.inrp-org-toggle.open .inrp-org-chev { transform:rotate(180deg); }\n.inrp-org-panel { overflow:hidden; }\n.inrp-org-panel.inrp-collapsed { display:none; }\n.inrp-org-text { font-weight:300; font-size:15px; line-height:1.7; color:var(--g700) !important; margin:14px 2px 0; padding:18px 20px !important; background:#EFF6FF !important; border-radius:12px; }\n\n.inrp-inter-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }\n.inrp-tool .inrp-inter-back {\n  display:inline-flex !important; align-items:center !important; gap:7px !important; cursor:pointer !important;\n  background:transparent !important; border:1px solid var(--g200) !important; color:var(--g500) !important;\n  border-radius:99px !important; padding:11px 18px !important; font-weight:400 !important; font-size:13.5px !important; line-height:1 !important;\n  transition:background .15s, color .15s, border-color .15s !important;\n}\n.inrp-tool .inrp-inter-back:hover { background:rgba(0,123,255,.06) !important; border-color:rgba(0,123,255,.2) !important; color:var(--bl) !important; }\n.inrp-tool .inrp-inter-next {\n  display:inline-flex !important; align-items:center !important; gap:9px !important; cursor:pointer !important;\n  background:var(--bl) !important; color:#FFF !important; border:none !important; border-radius:12px !important;\n  padding:15px 26px !important; font-weight:600 !important; font-size:16px !important; letter-spacing:-.005em !important; line-height:1.2 !important;\n  box-shadow:0 6px 18px rgba(0,123,255,.24) !important; transition:background .15s, transform .15s, box-shadow .2s !important;\n}\n.inrp-tool .inrp-inter-next:hover { background:var(--bl-dk) !important; transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(0,123,255,.30) !important; }\n\n.inrp-value { background:#0D1117 !important; border-radius:16px; padding:34px 34px 32px !important; margin:32px 0 !important; }\n.inrp-value-eyebrow { font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase !important; color:#5AB0FF !important; margin-bottom:14px; }\n.inrp-value-lead { font-weight:300; font-size:17px; line-height:1.65; color:rgba(255,255,255,.92) !important; margin:0 0 26px; }\n.inrp-value-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px !important; margin:0 0 26px !important; }\n.inrp-value-item { background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:12px; padding:18px 20px !important; }\n.inrp-value-item-t { font-weight:700; font-size:14.5px; color:#FFF !important; margin-bottom:7px; letter-spacing:-.005em; }\n.inrp-value-item-b { font-weight:300; font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.62) !important; }\n.inrp-value-foot { font-weight:300; font-size:15px; line-height:1.65; color:rgba(255,255,255,.82) !important; margin:0; padding-top:4px; }\n\n.inrp-eyebrow { font-weight:600; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--bl); margin-bottom:32px; }\n.inrp-eyebrow-calm { color:var(--g400) !important; font-weight:500 !important; letter-spacing:.22em !important; }\n.inrp-h1 { font-weight:700; font-size:44px; line-height:1.12; letter-spacing:-.02em; color:#0D1117; margin:0 0 28px; }\n.inrp-lead { font-weight:300; font-size:21px; line-height:1.65; color:var(--g700); margin:0 0 24px; }\n.inrp-body { font-weight:300; font-size:16px; line-height:1.8; color:var(--g500); margin:0 0 18px; }\n.inrp-body:last-of-type { margin-bottom:36px; }\n\n.inrp-h1-sm { font-size:32px; margin:0 0 18px; }\n.inrp-body-sm { margin:0 0 32px; }\n\n.inrp-belief { position:relative; background:var(--g50); border-left:3px solid var(--bl); border-radius:0 14px 14px 0; padding:26px 30px 28px 32px !important; margin:0 0 40px !important; }\n.inrp-belief-mark { font-weight:700; font-size:48px; line-height:.6; color:var(--bl); opacity:.25; margin-bottom:8px; }\n.inrp-belief-text { font-weight:500; font-size:20px; line-height:1.55; color:#0D1117; letter-spacing:-.01em; margin:0; }\n\n.inrp-time { display:flex; gap:16px !important; align-items:flex-start; background:#EFF6FF; border:1.5px solid #BFDBFE; border-radius:14px; padding:22px 26px !important; margin:8px 0 36px !important; }\n.inrp-time-ic { color:var(--bl); flex-shrink:0; margin-top:1px; }\n.inrp-time-title { font-weight:700; font-size:16px; color:#0D1117; letter-spacing:-.01em; margin-bottom:6px; }\n.inrp-time-text { font-weight:300; font-size:14.5px; line-height:1.65; color:var(--g700); }\n\n.inrp-tool .inrp-welcome-btn {\n  display:inline-flex !important; align-items:center !important; gap:10px !important; cursor:pointer !important;\n  background:var(--bl) !important; color:#FFF !important; border:none !important; border-radius:12px !important;\n  padding:17px 30px !important; font-weight:600 !important; font-size:17px !important; letter-spacing:-.005em !important;\n  line-height:1.2 !important; width:auto !important;\n  box-shadow:0 6px 18px rgba(0,123,255,.26) !important;\n  transition:background .15s, transform .15s, box-shadow .2s !important;\n}\n.inrp-tool .inrp-welcome-btn:hover {\n  background:var(--bl-dk) !important; transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(0,123,255,.30) !important;\n}\n\n.inrp-section-label { font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--g400); margin:0 0 20px; }\n\n.inrp-cards { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; margin-bottom:18px; }\n.inrp-tool .inrp-card {\n  text-align:left !important; cursor:pointer; background:#FFF !important; color:#0D1117 !important;\n  border:1.5px solid var(--g200) !important; border-radius:16px !important; padding:30px 30px 26px !important;\n  display:flex !important; flex-direction:column !important; gap:13px !important; position:relative; overflow:hidden; margin:0 !important;\n  white-space:normal !important; min-width:0 !important;\n  box-shadow:none !important; transition:border-color .15s, box-shadow .18s, transform .18s;\n}\n.inrp-card::before {\n  content:\"\"; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--bl);\n  opacity:0; transition:opacity .15s;\n}\n.inrp-tool .inrp-card:hover { border-color:var(--bl); box-shadow:0 12px 30px rgba(0,123,255,.10); transform:translateY(-2px); }\n.inrp-card:hover::before { opacity:1; }\n.inrp-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }\n.inrp-card-name { font-weight:700; font-size:18px; color:#0D1117 !important; letter-spacing:-.01em; min-width:0; overflow-wrap:anywhere; word-break:break-word; }\n.inrp-card-arrow { color:var(--g300) !important; font-size:18px; flex-shrink:0; transition:color .15s, transform .15s; }\n.inrp-card:hover .inrp-card-arrow { color:var(--bl); transform:translateX(3px); }\n.inrp-card-tag { font-weight:500; font-size:13px; color:var(--g700) !important; }\n.inrp-card-desc { font-weight:300; font-size:13.5px; line-height:1.65; color:var(--g500) !important; }\n.inrp-card-foot { margin-top:10px; padding-top:18px; border-top:1px solid var(--g100); display:flex; align-items:baseline; gap:7px; }\n.inrp-card-meta { font-weight:500; font-size:12px; color:var(--g400) !important; letter-spacing:.01em; }\n\n.inrp-card.is-team { cursor:default; background:var(--g50) !important; border-style:dashed !important; }\n.inrp-card.is-team:hover { transform:none; box-shadow:none; border-color:var(--g300); }\n.inrp-card.is-team:hover::before { opacity:0; }\n.inrp-card.is-team .inrp-card-arrow { display:none; }\n.inrp-team-pill { display:inline-flex; align-items:center; gap:6px; background:#FFF7ED !important; border:1px solid #FED7AA !important; color:#B45309 !important; border-radius:99px; padding:4px 10px !important; font-weight:600; font-size:10px; letter-spacing:.06em; text-transform:uppercase !important; align-self:flex-start; }\n\n.inrp-meta-row { display:flex; gap:12px; flex-wrap:wrap; margin:44px 0 6px; }\n.inrp-pill { display:inline-flex; align-items:center; gap:7px; background:var(--g100); border-radius:99px; padding:9px 16px; font-weight:600; font-size:12.5px; color:var(--g700); }\n.inrp-pill svg { color:var(--bl); }\n\n.inrp-foot-note { margin-top:56px; padding-top:28px; border-top:1px solid var(--g200); font-weight:300; font-size:13.5px; line-height:1.8; color:var(--g400); }\n.inrp-foot-note b { color:var(--g700); font-weight:600; }\n\n.inrp-nav-row { display:flex; align-items:center; justify-content:space-between; margin:0 0 28px !important; gap:12px !important; }\n.inrp-tool .inrp-back {\n  display:inline-flex !important; align-items:center !important; gap:7px !important; cursor:pointer !important;\n  background:rgba(0,0,0,.04) !important; border:1px solid rgba(0,0,0,.08) !important; color:var(--g500) !important;\n  border-radius:99px !important; padding:9px 16px !important; font-weight:400 !important; font-size:13.5px !important; line-height:1 !important;\n  width:auto !important; transition:background .15s, color .15s, border-color .15s !important;\n}\n.inrp-tool .inrp-back:hover { background:rgba(0,123,255,.06) !important; border-color:rgba(0,123,255,.2) !important; color:var(--bl) !important; }\n.inrp-phase-tag { font-weight:600; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--g400); }\n\n.inrp-context { font-weight:300; font-size:15px; line-height:1.7 !important; color:var(--g500); font-style:italic; margin:0 0 28px !important; padding:0 0 0 18px !important; border-left:2px solid var(--g200); }\n.inrp-q { font-weight:700; font-size:26px; line-height:1.3 !important; letter-spacing:-.01em; color:#0D1117; margin:0 0 36px !important; padding:0 !important; }\n\n.inrp-answers { display:flex; flex-direction:column; gap:11px !important; margin:0 !important; padding:0 !important; }\n.inrp-tool .inrp-ans {\n  display:flex !important; align-items:stretch !important; cursor:pointer !important; text-align:left !important; width:100% !important;\n  border:1.5px solid var(--g200) !important; border-radius:11px !important; background:#FFF !important; color:#0D1117 !important;\n  overflow:hidden !important; position:relative !important; padding:0 !important; box-shadow:none !important;\n  white-space:normal !important;\n  transition:border-color .14s, background .14s !important;\n}\n.inrp-tool .inrp-ans:hover { border-color:var(--bl) !important; background:#F0F7FF !important; }\n.inrp-tool .inrp-ans.selected { border-color:var(--bl) !important; background:#E8F2FF !important; }\n.inrp-ans-accent { width:3px; min-width:3px; background:transparent; transition:background .14s; }\n.inrp-ans:hover .inrp-ans-accent, .inrp-ans.selected .inrp-ans-accent { background:var(--bl); }\n.inrp-ans-inner { display:flex; align-items:flex-start; gap:14px !important; padding:18px 20px !important; width:100%; margin:0 !important; }\n.inrp-ans-key { font-weight:600; font-size:12px; color:var(--bl); min-width:18px; padding:2px 0 0 !important; margin:0 !important; flex-shrink:0; }\n.inrp-ans-text { font-weight:300; font-size:16px; line-height:1.55 !important; color:#0D1117; margin:0 !important; padding:0 !important; min-width:0 !important; flex:1 1 0% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; }\n\n.inrp-done-head { background:var(--bl) !important; border-radius:16px 16px 0 0; padding:42px 40px 38px !important; }\n.inrp-done-type { font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase !important; color:rgba(255,255,255,.65) !important; margin-bottom:14px; }\n.inrp-done-title { font-weight:700; font-size:31px; line-height:1.25; color:#FFF !important; margin:0; letter-spacing:-.01em; }\n.inrp-done-body { border:1.5px solid var(--g200); border-top:none; border-radius:0 0 16px 16px; padding:42px 40px !important; }\n.inrp-done-p { font-weight:300; font-size:16.5px; line-height:1.8 !important; color:#0D1117; margin:0 0 22px !important; }\n.inrp-done-p:last-child { margin-bottom:0; }\n.inrp-done-p b { font-weight:600; }\n.inrp-done-sub { font-weight:300; font-size:16px; line-height:1.6; color:rgba(255,255,255,.82) !important; margin:14px 0 0; }\n\n.inrp-book { background:#EFF6FF; border:1.5px solid #BFDBFE; border-radius:16px; padding:30px 32px !important; margin:36px 0 32px !important; }\n.inrp-book-head { display:flex; align-items:flex-start; gap:14px; margin-bottom:22px; }\n.inrp-book-ic { color:var(--bl); flex-shrink:0; margin-top:1px; }\n.inrp-book-title { font-weight:700; font-size:18px; color:#0D1117; letter-spacing:-.01em; margin-bottom:4px; }\n.inrp-book-sub { font-weight:300; font-size:13.5px; color:var(--g500); }\n.inrp-cal {\n  width:100%; min-width:320px; height:680px; border-radius:12px; overflow:hidden;\n  background:#FFF; border:1px solid var(--g200);\n}\n.inrp-cal iframe { border-radius:12px !important; }\n.inrp-cal-loading {\n  display:flex; align-items:center; justify-content:center; height:100%;\n  font-weight:300; font-size:14px; color:var(--g400);\n}\n.inrp-book-note { font-weight:300; font-size:13px; color:var(--g500); line-height:1.6; margin-top:16px; text-align:center; }\n\n.inrp-gate { background:var(--g50); border:1px solid var(--g200); border-radius:18px; padding:44px 40px 40px !important; }\n.inrp-gate-ic { width:56px; height:56px; border-radius:16px; background:#EFF6FF; display:flex; align-items:center; justify-content:center; color:var(--bl); margin-bottom:26px; }\n.inrp-gate-eyebrow { font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--g400); margin-bottom:14px; }\n.inrp-gate-title { font-weight:700; font-size:27px; line-height:1.25; letter-spacing:-.02em; color:#0D1117 !important; margin:0 0 16px; }\n.inrp-gate-body { font-weight:300; font-size:16px; line-height:1.7; color:var(--g700) !important; margin:0 0 26px; }\n.inrp-gate-field { margin-bottom:14px; }\n.inrp-gate-field label { display:block; font-weight:600; font-size:12px; color:var(--g700) !important; margin-bottom:7px; letter-spacing:.02em; }\n.inrp-gate-field input {\n  width:100% !important; border:1.5px solid var(--g200) !important; border-radius:11px !important; padding:15px 16px !important;\n  font-weight:300 !important; font-size:16px !important; color:#0D1117 !important; background:#FFF !important;\n  -webkit-text-fill-color:#0D1117 !important; transition:border-color .15s, box-shadow .15s !important;\n}\n.inrp-gate-field input:focus { outline:none; border-color:var(--bl); box-shadow:0 0 0 4px rgba(0,123,255,.10); }\n.inrp-gate-err { display:none; color:#c0392b; font-size:13px; font-weight:400; margin:2px 0 0; }\n.inrp-gate-err.show { display:block; }\n.inrp-tool .inrp-gate-btn {\n  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; cursor:pointer !important;\n  width:100% !important; margin-top:18px !important; background:var(--bl) !important; color:#FFF !important; border:none !important; border-radius:12px !important;\n  padding:17px 28px !important; font-weight:600 !important; font-size:16.5px !important; letter-spacing:-.005em !important; line-height:1.2 !important;\n  box-shadow:0 6px 18px rgba(0,123,255,.26) !important; transition:background .15s, transform .15s, box-shadow .2s !important;\n}\n.inrp-tool .inrp-gate-btn:hover { background:var(--bl-dk) !important; transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(0,123,255,.30) !important; }\n.inrp-tool .inrp-gate-btn:disabled { opacity:.6 !important; cursor:wait !important; transform:none !important; }\n.inrp-gate-promise { display:flex; align-items:flex-start; gap:10px; margin-top:18px; padding:14px 16px; background:#FFF; border-radius:10px; font-weight:300; font-size:12.5px; line-height:1.55; color:var(--g500); }\n.inrp-gate-promise svg { color:var(--bl); flex-shrink:0; margin-top:2px; }\n.inrp-tool .inrp-gate-back {\n  display:inline-flex !important; align-items:center !important; gap:7px !important; cursor:pointer !important;\n  background:transparent !important; border:none !important; color:var(--g400) !important; margin-top:20px !important;\n  font-weight:400 !important; font-size:13.5px !important; transition:color .15s !important;\n}\n.inrp-tool .inrp-gate-back:hover { color:var(--bl) !important; }\n\n.inrp-tool .inrp-summary-toggle {\n  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; cursor:pointer !important;\n  width:100% !important; background:transparent !important; border:1px solid var(--g200) !important; border-radius:10px !important;\n  padding:14px 18px !important; font-weight:600 !important; font-size:14px !important; color:var(--g700) !important; line-height:1.2 !important;\n  transition:border-color .15s, color .15s !important;\n}\n.inrp-tool .inrp-summary-toggle:hover { border-color:var(--bl) !important; color:var(--bl) !important; }\n.inrp-chev { transition:transform .2s; color:var(--g400); }\n.inrp-summary-toggle.open .inrp-chev { transform:rotate(180deg); }\n.inrp-summary { background:var(--g50); border-radius:12px; padding:8px 24px; margin:10px 0 0; }\n.inrp-summary.inrp-collapsed { display:none; }\n.inrp-summary-item { display:flex; gap:16px; padding:14px 0; border-bottom:1px solid var(--g200); }\n.inrp-summary-item:last-child { border-bottom:none; }\n.inrp-summary-q { font-weight:500; font-size:13px; color:var(--g700); flex:1; line-height:1.5; }\n.inrp-summary-a { font-weight:300; font-size:13px; color:var(--g500); flex:1; line-height:1.5; }\n\n.inrp-cta-buttons { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:24px; }\n.inrp-tool .inrp-restart {\n  display:inline-flex !important; align-items:center !important; gap:8px !important; cursor:pointer !important;\n  background:transparent !important; color:var(--g500) !important; border:1.5px solid var(--g200) !important;\n  border-radius:10px !important; padding:13px 22px !important; font-weight:600 !important; font-size:14px !important; line-height:1.2 !important;\n  transition:border-color .15s, color .15s !important;\n}\n.inrp-tool .inrp-restart:hover { border-color:var(--bl) !important; color:var(--bl) !important; }\n.inrp-tool .inrp-pdf-btn {\n  display:inline-flex !important; align-items:center !important; gap:8px !important; cursor:pointer !important;\n  background:var(--bl) !important; color:#FFF !important; border:1.5px solid var(--bl) !important;\n  border-radius:10px !important; padding:13px 22px !important; font-weight:600 !important; font-size:14px !important; line-height:1.2 !important;\n  transition:background .15s, box-shadow .2s !important;\n}\n.inrp-tool .inrp-pdf-btn:hover { background:var(--bl-dk) !important; border-color:var(--bl-dk) !important; box-shadow:0 8px 20px rgba(0,123,255,.26) !important; }\n.inrp-pdf-btn svg { stroke:#FFF !important; }\n.inrp-privacy { font-weight:300; font-size:12.5px; color:var(--g400); line-height:1.65; margin-top:22px; }\n\n@media(max-width:680px){\n  .inrp-wrap { padding:0 16px; }\n  .inrp-stage { padding:40px 0 56px; }\n  .inrp-h1 { font-size:31px; }\n  .inrp-lead { font-size:18px; }\n  .inrp-cards { grid-template-columns:minmax(0,1fr); }\n  .inrp-q { font-size:22px; }\n  .inrp-ans-text { font-size:15px; }\n  .inrp-done-title { font-size:24px; }\n  .inrp-done-head { padding:30px 22px 26px; }\n  .inrp-done-body { padding:28px 20px; }\n  .inrp-book { padding:24px 20px; }\n  .inrp-cal { height:1000px; min-width:0; }\n  .inrp-summary-item { flex-direction:column; gap:3px; }\n  .inrp-steps-phase { font-size:14px; }\n  .inrp-track-lbl { font-size:8.5px; letter-spacing:.04em; }\n  .inrp-h1-sm { font-size:25px; }\n  .inrp-belief { padding:22px 22px 24px; }\n  .inrp-belief-text { font-size:18px; }\n  .inrp-time { padding:18px 18px; gap:13px; }\n  .inrp-welcome-btn { font-size:16px; padding:15px 24px; width:100%; justify-content:center; }\n  .inrp-inter { padding:28px 22px 26px; }\n  .inrp-inter-title { font-size:22px; }\n  .inrp-inter-body { font-size:16px; }\n  .inrp-inter-actions { flex-direction:column-reverse; align-items:stretch; gap:10px; }\n  .inrp-inter-next { justify-content:center; }\n  .inrp-inter-back { justify-content:center; }\n  .inrp-value { padding:26px 22px 24px; }\n  .inrp-value-grid { grid-template-columns:1fr; gap:12px; }\n  .inrp-value-lead { font-size:16px; }\n  .inrp-gate { padding:32px 22px 28px; }\n  .inrp-gate-title { font-size:22px; }\n  .inrp-gate-body { font-size:15px; }\n}\n<\/style>\n\n<div class=\"inrp-stage\"><div class=\"inrp-wrap\"><div id=\"inrpRoot\"><\/div><\/div><\/div>\n\n<script>\n(function(){\n'use strict';\nif (window.__inrpBooted) { return; }\nwindow.__inrpBooted = true;\n\n\/\/ Eigen plugin-endpoint (geen Elementor meer).\nvar INR_ENDPOINT = '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\nvar INR_FORM = 'pressure';\nvar INR_GELADEN = Math.floor(Date.now() \/ 1000);\n\nvar PROFILES = [{\"meta\": {\"slug\": \"new-hire\", \"label\": \"New Hire & Selectie\", \"price\": \"\\u20ac695\", \"priceNote\": \"per kandidaat\", \"tagline\": \"Voor selectie- en aannamebeslissingen.\", \"desc\": \"Breng in beeld hoe een kandidaat functioneert onder druk, nog v\\u00f3\\u00f3r de aanname. Inzicht in spanningscontext, intensiteit en patronen.\"}, \"phases\": [{\"code\": \"A\", \"name\": \"Spanningscontext\", \"context\": \"Wanneer ontstaat druk? In dit onderdeel kijken we naar situaties waarin spanning voor jou ontstaat in je werk. Het gaat niet om hoe je zou willen dat het is, maar om wat je daadwerkelijk als spannend ervaart. De vragen helpen zichtbaar te maken:\", \"questions\": [{\"q\": \"Wanneer verwachtingen in je rol nog niet helder zijn, ervaar je vooral spanning door:\", \"opts\": [\"Onzekerheid over wat er van mij verwacht wordt\", \"Het gevoel weinig invloed te hebben op beslissingen\", \"Afhankelijkheid van anderen voor duidelijkheid\", \"Het idee dat ik mezelf moet bewijzen\", \"Dit ervaar ik nauwelijks als spannend\"]}, {\"q\": \"Onder tijdsdruk in een nieuwe omgeving ontstaat bij mij vooral spanning wanneer:\", \"opts\": [\"Ik keuzes moet maken zonder alle informatie\", \"Ik nog niet snel genoeg ben\", \"Anderen tempo bepalen\", \"Er weinig ruimte is om te leren\", \"Tijdsdruk heeft weinig effect op mij\"]}, {\"q\": \"In samenwerking met nieuwe collega\\u2019s voel ik vooral druk als:\", \"opts\": [\"Relaties nog niet veilig voelen\", \"Ik niet weet wat mijn positie is\", \"Ik afhankelijk ben van hun feedback of input\", \"Verwachtingen impliciet blijven\", \"Dit geeft mij weinig spanning\"]}, {\"q\": \"Beoordeling in de eerste periode voelt voor mij vooral spannend wanneer:\", \"opts\": [\"Ik mijn competentie nog niet kan laten zien\", \"Ik geen invloed heb op hoe ik beoordeeld word\", \"De relatie met beoordelaars nog niet stevig is\", \"Ik fouten kan maken die blijven hangen\", \"Beoordeling raakt mij nauwelijks\"]}, {\"q\": \"In de eerste periode ontstaat bij mij extra spanning wanneer:\", \"opts\": [\"Prioriteiten regelmatig veranderen\", \"Ik met tegenstrijdige verwachtingen te maken heb\", \"Ik afhankelijk ben van anderen om verder te kunnen\", \"Ik het gevoel heb mezelf continu te moeten laten zien\", \"Dit levert weinig spanning op\"]}]}, {\"code\": \"B\", \"name\": \"Drukintensiteit\", \"context\": \"Hoe sterk werkt spanning door? Niet elke spanning heeft dezelfde impact. In dit onderdeel gaat het over hoe sterk druk voor jou doorwerkt, en hoe snel dat gebeurt. We onderzoeken onder andere:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet, voel ik dat:\", \"opts\": [\"Het licht aanwezig is en snel weer zakt\", \"Het merkbaar is, maar beheersbaar blijft\", \"Het duidelijk mijn aandacht en gedrag stuurt\", \"Het stuurt mijn aandacht sterk en ik raak minder flexibel in hoe ik werk\", \"Nauwelijks iets met mij doet\"]}, {\"q\": \"Hoe snel merk je dat spanning invloed krijgt op je gedrag?\", \"opts\": [\"Pas na langere tijd\", \"Na meerdere herhalingen\", \"Vrij snel\", \"Bijna direct\", \"Ik merk dit nauwelijks\"]}, {\"q\": \"Als de spanning aanhoudt, wat gebeurt er dan meestal met je gedrag?\", \"opts\": [\"Het normaliseert vanzelf\", \"Het blijft ongeveer gelijk\", \"Het wordt duidelijker zichtbaar\", \"Het wordt duidelijker zichtbaar en lastiger te negeren\", \"Ik schakel juist uit\"]}, {\"q\": \"In hoeverre be\\u00efnvloedt spanning je samenwerking met anderen in deze fase?\", \"opts\": [\"Nauwelijks\", \"Licht\", \"Merkbaar\", \"Sterk\", \"Zeer sterk\"]}, {\"q\": \"Wanneer meerdere spanningsfactoren tegelijk aanwezig zijn (bijv. tijdsdruk \\u00e9n beoordeling):\", \"opts\": [\"Blijf ik grotendeels stabiel\", \"Word ik alerter maar effectief\", \"Ga ik duidelijk anders handelen\", \"Ga ik merkbaar meer sturen of juist afstand nemen\", \"Raak ik snel overbelast\"]}, {\"q\": \"Hoe lang werkt spanning bij jou door nadat de situatie voorbij is?\", \"opts\": [\"Nauwelijks\", \"Kort\", \"Enkele uren\", \"Een dag of langer\", \"Het blijft vaak hangen\"]}, {\"q\": \"In een nieuwe rol merk ik dat druk bij mij meestal:\", \"opts\": [\"Nauwelijks iets losmaakt\", \"Enig effect heeft maar snel zakt\", \"Regelmatig mijn focus be\\u00efnvloedt\", \"Sterk bepalend is voor hoe ik werk\", \"Snel alles naar de voorgrond trekt\"]}, {\"q\": \"Wanneer je nog aan het leren bent in je rol, herken je spanning vooral doordat:\", \"opts\": [\"Ik meer checkvragen stel dan normaal\", \"Ik voorzichtiger word in besluiten\", \"Ik sneller bevestiging zoek\", \"Ik juist stiller of afwachtender word\", \"Ik merk dit nauwelijks in mijn gedrag\"]}]}, {\"code\": \"C\", \"name\": \"Patroonvastheid\", \"context\": \"Hoe structureel is dit? Hier kijken we naar herhaling. Niet naar losse momenten, maar naar patronen over tijd. De vragen brengen in beeld:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet, herken ik mijn reactie als:\", \"opts\": [\"Een eenmalige reactie\", \"Iets wat soms voorkomt\", \"Iets wat regelmatig gebeurt\", \"Een duidelijk patroon\", \"Vrijwel altijd hetzelfde\"]}, {\"q\": \"In vergelijkbare spanningssituaties reageer ik meestal:\", \"opts\": [\"Elke keer anders\", \"Afhankelijk van de dag\", \"Ongeveer hetzelfde\", \"Vrij voorspelbaar\", \"Bijna identiek\"]}, {\"q\": \"Als ik terugkijk op eerdere rollen of situaties, zie ik dit gedrag:\", \"opts\": [\"Nauwelijks terug\", \"Alleen in specifieke gevallen\", \"In meerdere fases van mijn werk\", \"In de meeste werkomgevingen\", \"Al zolang ik werk\"]}, {\"q\": \"Wanneer spanning zich herhaalt over langere tijd:\", \"opts\": [\"Verdwijnt mijn reactie\", \"Past mijn reactie zich aan\", \"Blijft mijn reactie gelijk\", \"Wordt mijn reactie sterker\", \"Slaat mijn reactie vast\"]}, {\"q\": \"Hoe bewust ben je je van dit gedrag terwijl het gebeurt?\", \"opts\": [\"Meestal pas achteraf\", \"Soms tijdens het moment\", \"Regelmatig\", \"Vaak\", \"Vrijwel altijd\"]}, {\"q\": \"Als iemand anders mijn gedrag onder druk zou beschrijven, zou dat zijn als:\", \"opts\": [\"Inconsistent\", \"Wisselend\", \"Herkenbaar\", \"Voorspelbaar\", \"Kenmerkend\"]}, {\"q\": \"Wanneer de context verandert (andere leidinggevende, ander team):\", \"opts\": [\"Verandert mijn gedrag sterk\", \"Verandert het deels\", \"Blijft het grotendeels gelijk\", \"Is het nauwelijks anders\", \"Blijft het hetzelfde\"]}]}, {\"code\": \"D\", \"name\": \"Uitblijvend herstel\", \"context\": \"Wat gebeurt er als spanning blijft bestaan? In dit laatste onderdeel kijken we naar wat er gebeurt wanneer spanning niet afneemt. Wanneer herstel uitblijft en situaties voortduren.\", \"questions\": [{\"q\": \"Wanneer spanning aanhoudt en er weinig verandert in de situatie:\", \"opts\": [\"Past mijn gedrag zich vanzelf aan\", \"Blijf ik doen wat ik deed\", \"Wordt mijn gedrag duidelijker zichtbaar\", \"Wordt mijn gedrag dwingender of teruggetrokkener\", \"Haak ik mentaal af\"]}, {\"q\": \"Als ik onvoldoende krijg van wat ik nodig heb om te herstellen:\", \"opts\": [\"Blijf ik functioneel\", \"Kost het mij meer energie\", \"Ga ik compenseren in gedrag\", \"Verstrak ik in mijn aanpak\", \"Raak ik uitgeput\"]}, {\"q\": \"Wat gebeurt er met je inzet wanneer herstel uitblijft?\", \"opts\": [\"Die blijft stabiel\", \"Die wisselt\", \"Die neemt tijdelijk toe\", \"Die neemt structureel af\", \"Die valt grotendeels weg\"]}, {\"q\": \"In samenwerking met anderen merk je dan meestal dat je:\", \"opts\": [\"Blijft afstemmen\", \"Meer gaat sturen of controleren\", \"Meer gaat aanpassen\", \"Minder deelt of terugtrekt\", \"Contact vermijdt\"]}, {\"q\": \"Wanneer deze situatie langer duurt, wat herken je het meest?\", \"opts\": [\"Ik blijf zoeken naar oplossingen\", \"Ik raak gefrustreerd\", \"Ik verhard of sluit me af\", \"Ik raak cynisch of onverschillig\", \"Ik raak emotioneel of uitgeput\"]}, {\"q\": \"Als iemand mij in deze fase feedback geeft, reageer ik meestal:\", \"opts\": [\"Open en reflectief\", \"Afwachtend\", \"Verdedigend\", \"Afwijzend\", \"Overweldigd\"]}, {\"q\": \"Wanneer herstel structureel uitblijft, leidt dat bij mij meestal tot:\", \"opts\": [\"Geen noemenswaardige verandering\", \"Tijdelijke demotivatie\", \"Verminderd eigenaarschap\", \"Verhoogde frictie of uitvalgedrag\", \"Terugtrekking uit de rol\"]}]}], \"narrative\": [{\"q\": \"Wanneer je jezelf moet laten zien in een nieuwe of beoordelende context, wat krijgt dan meestal voorrang?\", \"opts\": [\"Laten zien wat ik inbreng\", \"Eerst de situatie goed lezen\", \"Rust bewaren en niets forceren\", \"Afstemmen op wat gevraagd wordt\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als je merkt dat je beoordeeld wordt terwijl je de context nog niet volledig kent, waar gaat je aandacht dan het meest naartoe?\", \"opts\": [\"Wat ik zelf doe\", \"De reactie van de ander\", \"De inhoud van wat er gezegd wordt\", \"De verwachtingen achter de vraag\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer een gesprek spannend wordt en je weinig houvast hebt, wat wordt dan belangrijker in je gedrag?\", \"opts\": [\"Duidelijk en zorgvuldig formuleren\", \"Meebewegen met het gesprek\", \"Tijd nemen voordat ik reageer\", \"Kort en zakelijk blijven\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als je twijfelt of je antwoord \\u201cgoed genoeg\\u201d is, wat weegt dan zwaarder?\", \"opts\": [\"Correctheid\", \"Helderheid\", \"Aansluiten bij de ander\", \"Mijn eigen verhaal afmaken\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer er weinig feedback komt tijdens een selectiegesprek, wat gebeurt er dan meestal bij jou?\", \"opts\": [\"Ik ga scherper letten op signalen\", \"Ik blijf bij mijn eigen lijn\", \"Ik pas mijn manier van reageren aan\", \"Ik word voorzichtiger in wat ik zeg\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als een vraag onverwacht komt, wat schuift dan naar voren in het moment?\", \"opts\": [\"Eerst begrijpen wat er echt gevraagd wordt\", \"Snel reageren\", \"Structuur aanbrengen in mijn antwoord\", \"De spanning laten zakken\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer de druk toeneemt in een beoordelende situatie, wat probeer je dan vooral te vermijden?\", \"opts\": [\"Onzeker overkomen\", \"Te veel praten\", \"De kern missen\", \"Te stellig zijn\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Na een intens gesprek of assessment, wat blijft meestal het langst hangen?\", \"opts\": [\"Mijn eigen antwoorden\", \"Wat de ander liet zien\", \"Wat ik niet heb gezegd\", \"De algemene indruk van het gesprek\", \"Anders, dit speelt op een andere manier\"]}]}, {\"meta\": {\"slug\": \"onboarding\", \"label\": \"Onboarding\", \"price\": \"\\u20ac595\", \"priceNote\": \"per medewerker\", \"tagline\": \"Voor de eerste 0\\u20133 maanden.\", \"desc\": \"Begeleid nieuwe medewerkers in hun eerste periode. Zie waar spanning ontstaat en hoe patronen zich vormen in een nieuwe context.\"}, \"phases\": [{\"code\": \"A\", \"name\": \"Spanningscontext\", \"context\": \"Wanneer ontstaat druk? In dit onderdeel kijken we naar situaties waarin spanning voor jou ontstaat in je werk. Het gaat niet om hoe je zou willen dat het is, maar om wat je daadwerkelijk als spannend ervaart. De vragen helpen zichtbaar te maken:\", \"questions\": [{\"q\": \"Wanneer verwachtingen in de onboardingfase nog niet helder zijn, ervaar ik vooral spanning door:\", \"opts\": [\"Onzekerheid over wat er nu echt van mij verwacht wordt\", \"Het gevoel weinig invloed te hebben op hoe mijn rol zich vormt\", \"Afhankelijkheid van anderen voor richting en duidelijkheid\", \"Het gevoel dat ik mij moet bewijzen in korte tijd\", \"Dit ervaar ik nauwelijks als spannend\"]}, {\"q\": \"Onder tijdsdruk in de eerste maanden ontstaat bij mij vooral spanning wanneer:\", \"opts\": [\"Ik keuzes moet maken terwijl mijn rol nog niet volledig duidelijk is\", \"Ik het gevoel heb dat ik sneller moet zijn dan ik kan\", \"Anderen het tempo bepalen waarin ik moet meebewegen\", \"Er weinig ruimte is om te leren of te corrigeren\", \"Tijdsdruk heeft weinig effect op mij\"]}, {\"q\": \"In samenwerking met collega\\u2019s tijdens de onboarding voel ik vooral druk als:\", \"opts\": [\"Relaties nog niet veilig of vertrouwd genoeg voelen\", \"Ik mijn positie binnen het team nog niet goed ken\", \"Ik afhankelijk ben van hun oordeel, feedback of besluitvorming\", \"Verwachtingen impliciet blijven en niet uitgesproken worden\", \"Dit geeft mij weinig spanning\"]}, {\"q\": \"Beoordeling in de onboardingfase voelt voor mij vooral spannend wanneer:\", \"opts\": [\"Ik mijn competentie nog niet volledig kan laten zien\", \"Ik weinig invloed heb op hoe mijn functioneren wordt ge\\u00efnterpreteerd\", \"De relatie met leidinggevenden of beoordelaars nog niet stevig is\", \"Ik het gevoel heb dat vroege fouten blijven doorwerken\", \"Beoordeling raakt mij nauwelijks\"]}, {\"q\": \"In de eerste maanden ontstaat bij mij spanning wanneer:\", \"opts\": [\"Ik nog bezig ben mijn plek te vinden\", \"Ik het gevoel heb mezelf te moeten bewijzen\", \"Verwachtingen over mijn bijdrage niet expliciet zijn\", \"Mijn toegevoegde waarde nog niet vanzelfsprekend voelt\", \"Dit levert weinig spanning op\"]}]}, {\"code\": \"B\", \"name\": \"Drukintensiteit\", \"context\": \"Hoe sterk werkt spanning door? Niet elke spanning heeft dezelfde impact. In dit onderdeel gaat het over hoe sterk druk voor jou doorwerkt, en hoe snel dat gebeurt. We onderzoeken onder andere:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet in de onboardingfase (zoals onduidelijke verwachtingen of beoordeling), ervaar ik dat:\", \"opts\": [\"Het licht aanwezig is en snel weer zakt\", \"Het merkbaar is, maar beheersbaar blijft\", \"Het duidelijk mijn aandacht en gedrag stuurt\", \"Het stuurt mijn aandacht sterk en maakt mijn handelen minder flexibel\", \"Nauwelijks iets met mij doet\"]}, {\"q\": \"Hoe snel merk je dat spanning invloed krijgt op je gedrag in deze fase?\", \"opts\": [\"Pas na langere tijd\", \"Na meerdere herhalingen\", \"Vrij snel\", \"Bijna direct\", \"Ik merk dit nauwelijks\"]}, {\"q\": \"Als spanning in de onboardingfase aanhoudt, wat gebeurt er dan meestal?\", \"opts\": [\"De spanning normaliseert vanzelf\", \"De spanning blijft ongeveer gelijk\", \"De spanning wordt duidelijker voelbaar\", \"De spanning wordt steeds nadrukkelijker aanwezig in mijn gedrag\", \"Ik schakel juist af\"]}, {\"q\": \"In hoeverre be\\u00efnvloedt spanning in deze fase je functioneren in samenwerking met anderen?\", \"opts\": [\"Nauwelijks\", \"Licht\", \"Merkbaar\", \"Sterk\", \"Zeer sterk\"]}, {\"q\": \"Wanneer meerdere spanningsfactoren tegelijk aanwezig zijn (bijv. beoordeling \\u00e9n tijdsdruk):\", \"opts\": [\"Blijf ik grotendeels stabiel\", \"Word ik alerter maar effectief\", \"Ga ik duidelijk anders handelen\", \"Ga ik merkbaar meer sturen of juist afstand nemen\", \"Raak ik snel overbelast\"]}, {\"q\": \"Hoe lang werkt spanning bij jou door nadat de situatie voorbij is?\", \"opts\": [\"Nauwelijks\", \"Kort\", \"Enkele uren\", \"Een dag of langer\", \"Het blijft vaak hangen\"]}, {\"q\": \"In de onboardingfase merk ik dat druk bij mij meestal\", \"opts\": [\"Nauwelijks merkbaar is\", \"Licht aanwezig is\", \"Regelmatig merkbaar is\", \"Duidelijk aanwezig is\", \"Sterk mijn functioneren be\\u00efnvloedt\"]}]}, {\"code\": \"C\", \"name\": \"Patroonvastheid\", \"context\": \"Hoe structureel is dit? Hier kijken we naar herhaling. Niet naar losse momenten, maar naar patronen over tijd. De vragen brengen in beeld:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet in de onboardingfase, herken ik mijn reactie als:\", \"opts\": [\"Een eenmalige reactie\", \"Iets wat soms voorkomt\", \"Iets wat regelmatig gebeurt\", \"Een duidelijk patroon\", \"Vrijwel altijd hetzelfde\"]}, {\"q\": \"In vergelijkbare spanningssituaties tijdens onboarding reageer ik meestal:\", \"opts\": [\"Elke keer anders\", \"Afhankelijk van de situatie\", \"Ongeveer hetzelfde\", \"Vrij voorspelbaar\", \"Bijna identiek\"]}, {\"q\": \"Als ik terugkijk op eerdere onboarding- of startfases, zie ik dit gedrag:\", \"opts\": [\"Nauwelijks terug\", \"Alleen in specifieke gevallen\", \"In meerdere starts\", \"In de meeste onboardingfases\", \"Al zolang ik werk\"]}, {\"q\": \"Wanneer spanning zich herhaalt over langere tijd in deze fase:\", \"opts\": [\"Verdwijnt mijn reactie\", \"Past mijn reactie zich aan\", \"Blijft mijn reactie gelijk\", \"Wordt mijn reactie sterker\", \"Slaat mijn reactie vast\"]}, {\"q\": \"Hoe bewust ben je je van dit gedrag terwijl het gebeurt?\", \"opts\": [\"Meestal pas achteraf\", \"Soms tijdens het moment\", \"Regelmatig\", \"Vaak\", \"Vrijwel altijd\"]}, {\"q\": \"Als iemand anders mijn gedrag onder druk in deze fase zou beschrijven, zou dat zijn als:\", \"opts\": [\"Inconsistent\", \"Wisselend\", \"Herkenbaar\", \"Voorspelbaar\", \"Kenmerkend\"]}, {\"q\": \"Wanneer de context verandert (andere leidinggevende, ander team):\", \"opts\": [\"Verandert mijn gedrag sterk\", \"Verandert het deels\", \"Blijft het grotendeels gelijk\", \"Is het nauwelijks anders\", \"Blijft het hetzelfde\"]}]}, {\"code\": \"D\", \"name\": \"Uitblijvend herstel\", \"context\": \"Wat gebeurt er als spanning blijft bestaan? In dit laatste onderdeel kijken we naar wat er gebeurt wanneer spanning niet afneemt. Wanneer herstel uitblijft en situaties voortduren.\", \"questions\": [{\"q\": \"Wanneer spanning aanhoudt en er weinig verandert in de situatie:\", \"opts\": [\"Past mijn gedrag zich vanzelf aan\", \"Blijf ik doen wat ik deed\", \"Wordt mijn gedrag duidelijker zichtbaar\", \"Wordt mijn gedrag dwingender of teruggetrokkener\", \"Trek ik mij mentaal terug uit de situatie\"]}, {\"q\": \"Als ik onvoldoende krijg van wat ik nodig heb om te herstellen:\", \"opts\": [\"Blijf ik functioneel\", \"Kost het mij meer energie\", \"Ga ik compenseren in mijn gedrag\", \"Verstrak ik in mijn aanpak\", \"Raak ik uitgeput\"]}, {\"q\": \"Wat gebeurt er met mijn inzet wanneer herstel uitblijft?\", \"opts\": [\"Die blijft stabiel\", \"Die wisselt\", \"Die neemt tijdelijk toe\", \"Die neemt structureel af\", \"Die valt grotendeels weg\"]}, {\"q\": \"In samenwerking met anderen merk je dan meestal dat je:\", \"opts\": [\"Blijft afstemmen\", \"Meer gaat sturen of controleren\", \"Meer gaat aanpassen\", \"Minder deelt of zich terugtrekt\", \"Contact vermijdt\"]}, {\"q\": \"Wanneer deze situatie langer duurt, wat herken je het meest?\", \"opts\": [\"Ik blijf zoeken naar oplossingen\", \"Ik raak gefrustreerd\", \"Ik verhard of sluit me af\", \"Ik raak cynisch of onverschillig\", \"Ik raak emotioneel of uitgeput\"]}, {\"q\": \"Als iemand mij in deze fase feedback geeft, reageer ik meestal:\", \"opts\": [\"Open en reflectief\", \"Afwachtend\", \"Verdedigend\", \"Afwijzend\", \"Overweldigd\"]}, {\"q\": \"Wanneer herstel structureel uitblijft, leidt dat bij mij meestal tot:\", \"opts\": [\"Geen noemenswaardige verandering\", \"Tijdelijke demotivatie\", \"Verminderd eigenaarschap\", \"Verhoogde frictie of uitvalgedrag\", \"Terugtrekking uit de rol\"]}]}], \"narrative\": [{\"q\": \"Wanneer de verwachtingen nog niet helder zijn, wat krijgt dan meestal prioriteit?\", \"opts\": [\"Zo snel mogelijk laten zien dat ik waarde toevoeg\", \"Eerst goed begrijpen hoe dingen hier werken\", \"Afwachten tot duidelijker wordt wat er van mij verwacht wordt\", \"Zelf structuur aanbrengen waar die ontbreekt\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als je merkt dat je nog niet volledig meedraait, wat wordt dan belangrijker voor je handelen?\", \"opts\": [\"Fouten voorkomen\", \"Tempo maken\", \"Betrouwbaar overkomen voor anderen\", \"Zichtbaar meedoen in het team\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer feedback nog schaars of impliciet is, waar richt je je dan het meest op?\", \"opts\": [\"Signalen tussen de regels door\", \"Zelf toetsen of ik goed zit\", \"Doorgaan en aannemen dat het later wel komt\", \"Actief feedback ophalen\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als je voelt dat je rol nog niet scherp omlijnd is, wat neem je dan eerder op je?\", \"opts\": [\"Extra verantwoordelijkheid\", \"Afwachtende positie\", \"Zelf kaders maken\", \"Overleg zoeken over verwachtingen\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer samenwerking nog zoekende is, wat weegt dan zwaarder in je keuzes?\", \"opts\": [\"De relatie goed houden\", \"De inhoud goed neerzetten\", \"Geen ruis veroorzaken\", \"Duidelijkheid cre\\u00ebren\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als iets niet loopt zoals verwacht in deze fase, wat probeer je dan vooral te voorkomen?\", \"opts\": [\"Dat ik onbekwaam overkom\", \"Dat ik te veel ruimte inneem\", \"Dat ik een verkeerd beeld neerzet\", \"Dat ik verkeerde aannames maak\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer de druk toeneemt terwijl je nog aan het landen bent, wat verschuift dan het meest?\", \"opts\": [\"Mijn focus op mezelf\", \"Mijn focus op verwachtingen van anderen\", \"Mijn focus op de inhoud\", \"Mijn focus op afstemming\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als herstel nog lastig is in deze fase, wat houdt je dan het meest op de been?\", \"opts\": [\"Doorzetten en blijven bijdragen\", \"Structuur zoeken\", \"Afstemmen met anderen\", \"Mijn eigen tempo bewaken\", \"Anders, dit speelt op een andere manier\"]}]}, {\"meta\": {\"slug\": \"bestaande\", \"label\": \"Bestaande medewerker\", \"price\": \"\\u20ac575\", \"priceNote\": \"per medewerker\", \"tagline\": \"Voor ontwikkeling en duurzame inzetbaarheid.\", \"desc\": \"Verdiep het inzicht in hoe een ervaren medewerker omgaat met druk in de huidige rol, en wat herstel of uitval be\\u00efnvloedt.\"}, \"phases\": [{\"code\": \"A\", \"name\": \"Spanningscontext\", \"context\": \"Wanneer ontstaat druk? In dit onderdeel kijken we naar situaties waarin spanning voor jou ontstaat in je werk. Het gaat niet om hoe je zou willen dat het is, maar om wat je daadwerkelijk als spannend ervaart. De vragen helpen zichtbaar te maken:\", \"questions\": [{\"q\": \"In mijn huidige rol ontstaat bij mij spanning wanneer:\", \"opts\": [\"Verwachtingen niet (meer) expliciet worden uitgesproken\", \"Ik tegenstrijdige signalen krijg vanuit de organisatie\", \"Mijn invloed op beslissingen beperkt voelt\", \"Er impliciet meer van mij verwacht wordt dan uitgesproken\", \"Dit ervaar ik nauwelijks als spanning\"]}, {\"q\": \"In situaties waarin verantwoordelijkheid toeneemt, voel ik vooral druk wanneer:\", \"opts\": [\"Het onduidelijk is waar mijn verantwoordelijkheid begint of eindigt\", \"Ik aangesproken word op zaken buiten mijn directe invloed\", \"Verwachtingen blijven schuiven\", \"Er weinig ruimte is om grenzen aan te geven\", \"Dit geeft mij weinig druk\"]}, {\"q\": \"In samenwerking met collega\\u2019s of leidinggevenden ervaar ik spanning als:\", \"opts\": [\"Afspraken niet worden nagekomen\", \"Verwachtingen impliciet blijven\", \"Besluitvorming onvoorspelbaar is\", \"Relaties formeel blijven terwijl de druk toeneemt\", \"Dit weinig spanning oplevert\"]}, {\"q\": \"Bij terugkerende werkdruk voel ik vooral spanning door:\", \"opts\": [\"Gebrek aan duidelijkheid over prioriteiten\", \"Het gevoel continu \\u2018aan\\u2019 te moeten staan\", \"Beperkte autonomie in hoe ik mijn werk doe\", \"Afhankelijkheid van anderen om verder te kunnen\", \"Werkdruk doet weinig met mij\"]}, {\"q\": \"In mijn rol ontstaat spanning wanneer:\", \"opts\": [\"Mijn bijdrage vanzelfsprekend wordt gevonden\", \"Verwachtingen hoger worden zonder dit te bespreken\", \"Mijn ruimte om keuzes te maken kleiner voelt\", \"Er weinig aandacht is voor afstemming\", \"Dit nauwelijks spanning geeft\"]}]}, {\"code\": \"B\", \"name\": \"Drukintensiteit\", \"context\": \"Hoe sterk werkt spanning door? Niet elke spanning heeft dezelfde impact. In dit onderdeel gaat het over hoe sterk druk voor jou doorwerkt, en hoe snel dat gebeurt. We onderzoeken onder andere:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet in mijn huidige rol, ervaar ik dat:\", \"opts\": [\"Het licht aanwezig is en snel weer zakt\", \"Het merkbaar is, maar beheersbaar blijft\", \"Het duidelijk mijn aandacht en gedrag stuurt\", \"Het mij grotendeels overneemt\", \"Het nauwelijks iets met mij doet\"]}, {\"q\": \"Hoe snel merk je in je werkgedrag dat spanning invloed krijgt?\", \"opts\": [\"Pas na langere tijd\", \"Na meerdere herhalingen\", \"Vrij snel\", \"Bijna direct\", \"Ik merk dit nauwelijks\"]}, {\"q\": \"Als spanning in mijn rol aanhoudt, wat gebeurt er dan meestal?\", \"opts\": [\"De spanning normaliseert vanzelf\", \"De spanning blijft ongeveer gelijk\", \"De spanning wordt duidelijker voelbaar\", \"De spanning escaleert en neemt toe\", \"Ik schakel juist af\"]}, {\"q\": \"In hoeverre be\\u00efnvloedt spanning in mijn huidige rol de samenwerking met anderen?\", \"opts\": [\"Nauwelijks\", \"Licht\", \"Merkbaar\", \"Sterk\", \"Zeer sterk\"]}, {\"q\": \"Wanneer meerdere spanningsfactoren tegelijk spelen (bijv. werkdruk \\u00e9n onduidelijke verwachtingen):\", \"opts\": [\"Blijf ik grotendeels stabiel\", \"Word ik alerter maar effectief\", \"Ga ik duidelijk anders handelen\", \"Neem ik automatisch de regie of trek me terug\", \"Raak ik snel overbelast\"]}, {\"q\": \"Hoe lang werkt spanning bij jou door nadat de situatie voorbij is?\", \"opts\": [\"Nauwelijks\", \"Kort\", \"Enkele uren\", \"Een dag of langer\", \"Het blijft vaak hangen\"]}, {\"q\": \"In mijn huidige rol merk ik dat druk in het werk meestal:\", \"opts\": [\"Nauwelijks invloed heeft\", \"Licht aanwezig is\", \"Regelmatig merkbaar is\", \"Duidelijk doorwerkt in mijn gedrag\", \"Sterk mijn functioneren bepaalt\"]}]}, {\"code\": \"C\", \"name\": \"Patroonvastheid\", \"context\": \"Hoe structureel is dit? Hier kijken we naar herhaling. Niet naar losse momenten, maar naar patronen over tijd. De vragen brengen in beeld:\", \"questions\": [{\"q\": \"Wanneer een spanningssituatie zich voordoet in mijn huidige rol, herken ik mijn reactie als:\", \"opts\": [\"Een eenmalige reactie\", \"Iets wat soms voorkomt\", \"Iets wat regelmatig gebeurt\", \"Een duidelijk patroon\", \"Vrijwel altijd hetzelfde\"]}, {\"q\": \"In vergelijkbare spanningssituaties op mijn werk reageer ik meestal:\", \"opts\": [\"Elke keer anders\", \"Afhankelijk van de situatie\", \"Ongeveer hetzelfde\", \"Vrij voorspelbaar\", \"Bijna identiek\"]}, {\"q\": \"Als ik terugkijk op mijn loopbaan, zie ik dit gedrag:\", \"opts\": [\"Nauwelijks terug\", \"Alleen in specifieke rollen\", \"In meerdere fases van mijn werk\", \"In de meeste werkomgevingen\", \"Al zolang ik werk\"]}, {\"q\": \"Wanneer spanningssituaties zich herhalen over langere tijd:\", \"opts\": [\"Verdwijnt mijn reactie\", \"Past mijn reactie zich aan\", \"Blijft mijn reactie gelijk\", \"Wordt mijn reactie sterker\", \"Slaat mijn reactie vast\"]}, {\"q\": \"Hoe bewust ben je je van dit gedrag terwijl het gebeurt?\", \"opts\": [\"Meestal pas achteraf\", \"Soms tijdens het moment\", \"Regelmatig\", \"Vaak\", \"Vrijwel altijd\"]}, {\"q\": \"Als anderen mijn gedrag onder druk zouden beschrijven, zou dat zijn als:\", \"opts\": [\"Inconsistent\", \"Wisselend\", \"Herkenbaar\", \"Voorspelbaar\", \"Kenmerkend\"]}, {\"q\": \"Wanneer de context verandert (andere leidinggevende, ander team):\", \"opts\": [\"Verandert mijn gedrag sterk\", \"Verandert het deels\", \"Blijft het grotendeels gelijk\", \"Is het nauwelijks anders\", \"Blijft het hetzelfde\"]}]}, {\"code\": \"D\", \"name\": \"Uitblijvend herstel\", \"context\": \"Wat gebeurt er als spanning blijft bestaan? In dit laatste onderdeel kijken we naar wat er gebeurt wanneer spanning niet afneemt. Wanneer herstel uitblijft en situaties voortduren.\", \"questions\": [{\"q\": \"Wanneer spanning aanhoudt en er weinig verandert in de situatie:\", \"opts\": [\"Past mijn gedrag zich vanzelf aan\", \"Blijf ik doen wat ik deed\", \"Wordt mijn gedrag duidelijker zichtbaar\", \"Wordt mijn gedrag dwingender of teruggetrokkener\", \"Haak ik mentaal af\"]}, {\"q\": \"Als ik onvoldoende krijg van wat ik nodig heb om te herstellen:\", \"opts\": [\"Blijf ik functioneel\", \"Kost het mij meer energie\", \"Ga ik compenseren in mijn gedrag\", \"Verstrak ik in mijn aanpak\", \"Raak ik uitgeput\"]}, {\"q\": \"Wat gebeurt er met mijn inzet wanneer herstel uitblijft?\", \"opts\": [\"Die blijft stabiel\", \"Die wisselt\", \"Die neemt tijdelijk toe\", \"Die neemt structureel af\", \"Die valt grotendeels weg\"]}, {\"q\": \"In samenwerking met anderen merk ik dan meestal dat ik:\", \"opts\": [\"Blijf afstemmen\", \"Meer ga sturen of controleren\", \"Meer ga aanpassen\", \"Minder deel of me terugtrek\", \"Contact vermijd\"]}, {\"q\": \"Wanneer deze situatie langer duurt, herken ik vooral dat:\", \"opts\": [\"Ik blijf zoeken naar oplossingen\", \"Ik raak gefrustreerd\", \"Ik verhard of sluit me af\", \"Ik raak cynisch of onverschillig\", \"Ik raak emotioneel of uitgeput\"]}, {\"q\": \"Als iemand mij in deze fase feedback geeft, reageer ik meestal:\", \"opts\": [\"Open en reflectief\", \"Afwachtend\", \"Verdedigend\", \"Afwijzend\", \"Overweldigd\"]}, {\"q\": \"Wanneer herstel structureel uitblijft, leidt dat bij mij meestal tot:\", \"opts\": [\"Geen noemenswaardige verandering\", \"Tijdelijke demotivatie\", \"Verminderd eigenaarschap\", \"Verhoogde frictie of uitvalgedrag\", \"Terugtrekking uit mijn rol\"]}]}], \"narrative\": [{\"q\": \"Wanneer spanning oploopt in je werk, wat krijgt dan meestal als eerste prioriteit?\", \"opts\": [\"Grip houden op wat er gebeurt\", \"Verwachtingen blijven waarmaken\", \"Fouten voorkomen\", \"Tempo en voortgang vasthouden\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als onduidelijkheid blijft bestaan over richting of besluitvorming, waar richt je je dan het meest op?\", \"opts\": [\"Zelf duidelijkheid cre\\u00ebren\", \"Afstemmen met betrokkenen\", \"Wachten tot er meer helderheid komt\", \"Terugvallen op eerdere afspraken\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer afspraken zich herhalen zonder echte beweging, wat wordt dan belangrijker in je handelen?\", \"opts\": [\"Controle houden over het proces\", \"Voorkomen dat het proces vastloopt\", \"Blijven bijdragen zonder het groter te maken\", \"Duidelijker grenzen aangeven\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als samenwerking inhoudelijk klopt maar spanning voelbaar blijft, wat weegt dan zwaarder in je keuzes?\", \"opts\": [\"De relatie behouden\", \"De inhoud scherp houden\", \"Rust bewaren in het geheel\", \"Duidelijkheid afdwingen\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer druk zich opstapelt over meerdere momenten, wat verschuift dan het meest voor jou?\", \"opts\": [\"Mijn focus op resultaat\", \"Mijn focus op afstemming\", \"Mijn focus op controle\", \"Mijn focus op volhouden\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als herstel uitblijft en spanning langer aanhoudt, wat probeer je dan vooral te voorkomen?\", \"opts\": [\"Dat het escaleert\", \"Dat verwachtingen niet worden gehaald\", \"Dat de spanning zichtbaar invloed krijgt op mijn werk\", \"Dat ik grip verlies\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Wanneer feedback weinig verandert aan de situatie, waar ga je dan eerder op sturen?\", \"opts\": [\"Mijn eigen aanpak aanpassen\", \"Meer duidelijkheid vragen\", \"Minder delen in samenwerking\", \"Doorgaan zoals het loopt\", \"Anders, dit speelt op een andere manier\"]}, {\"q\": \"Als de situatie langere tijd hetzelfde blijft, wat houdt je dan het meest in beweging?\", \"opts\": [\"Doorzetten en blijven leveren\", \"Structuur aanbrengen\", \"Afstemmen met anderen\", \"Mijn eigen ruimte bewaken\", \"Anders, dit speelt op een andere manier\"]}]}];\n\nvar BOOKING_URL = 'https:\/\/calendly.com\/leroy-martijnschaap\/new-meeting';\n\nvar S = {\n  view: 'start',\n  profile: null,\n  flat: [],\n  idx: 0,\n  answers: {}\n};\n\nvar root = document.getElementById('inrpRoot');\n\nfunction esc(s){ return String(s).replace(\/[&<>\"']\/g, function(c){\n  return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]; }); }\n\nfunction flatten(p){\n  var list = [];\n  p.phases.forEach(function(ph){\n    ph.questions.forEach(function(q){\n      list.push({ type:'mc', phase:ph.name, code:ph.code, context:ph.context, q:q.q, opts:q.opts });\n    });\n  });\n  if (p.narrative && p.narrative.length){\n    p.narrative.forEach(function(n){\n      list.push({ type:'narr', phase:'Verdieping', code:'V', context:'Deze vragen brengen in beeld wat er onder druk voor jou naar voren schuift. Er is geen goed of fout.', q:n.q, opts:n.opts });\n    });\n  }\n  return list;\n}\n\nvar INTERSTITIAL = {\n  'A': {\n    eyebrow: 'Laag 1 afgerond &middot; Spanningscontext',\n    title: 'Je merkt druk vaak pas als die er al is',\n    body: 'Je hebt net in beeld gebracht w&aacute;&aacute;r spanning voor jou ontstaat, bij welke werkmomenten, welke onduidelijkheid, welke afhankelijkheid. Dat klinkt vanzelfsprekend, maar dat is het niet: de meeste gesprekken over gedrag slaan deze laag over en springen meteen naar &ldquo;wat is er mis&rdquo;. Door eerst de context scherp te krijgen, wordt gedrag niet langer iets persoonlijks, maar iets dat een plek heeft.',\n    orgTitle: 'Wat dit betekent voor jouw organisatie',\n    orgBody: 'Stel je dit inzicht voor over je mensen: gedrag wordt losgekoppeld van de persoon en teruggekoppeld aan context. Niet &ldquo;wat is er mis met deze medewerker&rdquo;, maar &ldquo;in welke situaties ontstaat de druk&rdquo;. Dat opent gesprekken die anders persoonlijk of vermijdend worden, en maakt verschillen tussen mensen bespreekbaar zonder etiketten.',\n    next: 'Drukintensiteit'\n  },\n  'B': {\n    eyebrow: 'Laag 2 afgerond &middot; Drukintensiteit',\n    title: 'Niet of je druk ervaart, maar hoe die doorwerkt',\n    body: 'Spanning op zich zegt weinig. Wat telt, is hoe snel ze invloed krijgt op je gedrag, hoe sterk dat is, en hoe lang het blijft hangen. Juist deze laag blijft normaal onbenoemd: zolang de resultaten overeind blijven, lijkt er niets aan de hand. Maar prestaties en spanning kunnen prima samengaan, tegen hoge interne kosten.',\n    orgTitle: 'Wat dit betekent voor jouw organisatie',\n    orgBody: 'Hier zit preventie. Spanning die doorwerkt terwijl resultaten overeind blijven, is precies wat organisaties normaal pas zien bij uitval. Dit zichtbaar maken, bij selectie of over een heel team, maakt vroegtijdig handelen mogelijk in plaats van herstel achteraf: lagere uitval, behoud van ervaren mensen, betere timing van interventies.',\n    next: 'Patroonvastheid'\n  },\n  'C': {\n    eyebrow: 'Laag 3 afgerond &middot; Patroonvastheid',\n    title: 'E&eacute;n keer is een moment. Steeds weer is iets anders',\n    body: 'Je hebt nu verkend of je reactie terugkomt in vergelijkbare situaties. Dat onderscheid is wezenlijk: een eenmalige reactie vraagt iets heel anders dan een herhaald patroon. Belangrijk is wat hier n&iacute;et gebeurt, er wordt geen etiket op je geplakt, geen &ldquo;zo ben jij nu eenmaal&rdquo;. Het gaat puur om herkenning van wat zichtbaar terugkeert, situatie voor situatie.',\n    orgTitle: 'Wat dit betekent voor jouw organisatie',\n    orgBody: 'Het verschil tussen &ldquo;niet kunnen&rdquo; en &ldquo;niet passen bij deze drukcontext&rdquo; wordt zichtbaar, zonder oordeel. Voor selectie, mobiliteit en rolontwerp is dat goud: je ziet of frictie incidenteel is of structureel, en kunt rol en mens bewust matchen in plaats van iemand onterecht te problematiseren.',\n    next: 'Uitblijvend herstel'\n  },\n  'D': {\n    eyebrow: 'Laag 4 afgerond &middot; Uitblijvend herstel',\n    title: 'Wat zichtbaar wordt als spanning blijft liggen',\n    body: 'Deze laatste laag kijkt naar wat er gebeurt wanneer een situatie niet verandert en herstel uitblijft, in inzet, in samenwerking, in hoe je reageert op wat er op je afkomt. Niet als voorspelling, niet als oordeel, maar als beschrijving van verloop. Hierna volgt nog een verdiepend deel: een paar vragen van een andere orde, die ruimte laten voor wat er onder druk in je opkomt.',\n    orgTitle: 'Wat dit betekent voor jouw organisatie',\n    orgBody: 'Dit is waar gesprekken, besluiten en interventies stoppen met leunen op aannames. Je krijgt een gedeeld referentiekader en taal die helpt om spanning te normaliseren en verantwoordelijkheid te leggen waar die hoort: bij de context, niet alleen bij de persoon. Wat dit oplevert is geen rapport om te archiveren, maar een manier van kijken.',\n    next: 'Verdieping'\n  }\n};\n\nfunction stepsHtml(){\n  var item = S.flat[S.idx];\n  var total = S.flat.length;\n  var phases = [\n    { code:'A', lbl:'Context' },\n    { code:'B', lbl:'Intensiteit' },\n    { code:'C', lbl:'Patroon' },\n    { code:'D', lbl:'Herstel' },\n    { code:'V', lbl:'Verdieping' }\n  ];\n  var counts = {}, firstIdx = {};\n  S.flat.forEach(function(it, i){\n    counts[it.code] = (counts[it.code]||0) + 1;\n    if (firstIdx[it.code] === undefined) firstIdx[it.code] = i;\n  });\n  var cur = item.code;\n  var curIdxInPhase = S.idx - firstIdx[cur];\n  var curPct = Math.round(((curIdxInPhase + 1) \/ counts[cur]) * 100);\n  var present = phases.filter(function(ph){ return counts[ph.code]; });\n  var curPos = present.map(function(p){return p.code;}).indexOf(cur);\n  var phaseName = (item.type === 'narr') ? 'Verdieping' : item.phase;\n  var track = '';\n  present.forEach(function(ph, i){\n    var cls = 'inrp-track-item';\n    var fillStyle = '';\n    if (i < curPos) { cls += ' done'; }\n    else if (i === curPos) { cls += ' active'; fillStyle = 'width:'+curPct+'%;'; }\n    track += '<div class=\"'+cls+'\">'\n      + '<div class=\"inrp-track-bar\"><div class=\"inrp-track-fill\" style=\"'+fillStyle+'\"><\/div><\/div>'\n      + '<div class=\"inrp-track-lbl\">'+ph.lbl+'<\/div>'\n      + '<\/div>';\n  });\n  return '<div class=\"inrp-steps\">'\n    + '<div class=\"inrp-steps-top\">'\n    +   '<span class=\"inrp-steps-phase\">'+esc(phaseName)+'<\/span>'\n    +   '<span class=\"inrp-steps-count\">Vraag '+(S.idx+1)+' van '+total+'<\/span>'\n    + '<\/div>'\n    + '<div class=\"inrp-track\">'+track+'<\/div>'\n    + '<\/div>';\n}\n\nfunction renderPreloader(){\n  S.view='intro';\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-intro\">'\n    +   '<h1 class=\"inrp-intro-title\">Klaar om hoe druk doorwerkt in gedrag te ervaren?<\/h1>'\n    +   '<button type=\"button\" class=\"inrp-welcome-btn\" id=\"inrpPreBtn\">Ervaar de vragenlijst'\n    +     ' <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>'\n    + '<\/div>'\n    + '<\/div>';\n  root.querySelector('#inrpPreBtn').addEventListener('click', renderWelcome);\n  scrollTop();\n}\n\nfunction renderWelcome(){\n  S.view='welkom';\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-eyebrow inrp-eyebrow-calm\">Ervaar de vragenlijst<\/div>'\n    + '<h1 class=\"inrp-h1\">Begrijp hoe druk doorwerkt in gedrag<\/h1>'\n    + '<p class=\"inrp-lead\">Het Pressure Profile maakt zichtbaar wanneer spanning ontstaat, hoe sterk die doorwerkt, hoe structureel het patroon is en wat er gebeurt als herstel uitblijft.<\/p>'\n    + '<div class=\"inrp-belief\">'\n    +   '<div class=\"inrp-belief-mark\">&ldquo;<\/div>'\n    +   '<p class=\"inrp-belief-text\">Wij geloven in transparantie en perspectief. Zie de vragen en ervaar wat we willen weten. Het resultaat bespreken we samen.<\/p>'\n    + '<\/div>'\n    + '<p class=\"inrp-body\">Dit is geen doorsnee vragenlijst die je even tussendoor afvinkt. Het perspectief zit in de zorgvuldigheid waarmee het is opgebouwd: vier vaste lagen die elk een ander deel van gedrag onder druk blootleggen, in een vaste volgorde. Niet wie je bent, maar wat er in het werk zichtbaar wordt wanneer spanning ontstaat, doorwerkt, terugkeert en blijft liggen. Juist die begrenzing maakt het beeld scherp.<\/p>'\n    + '<p class=\"inrp-body\">Je doorloopt de vragen zelf, in alle openheid. De uitkomst krijg je niet automatisch in beeld, die nemen we persoonlijk met je door in een digitale afspraak met een van onze experts. Zo blijft er ruimte voor duiding, context en het gesprek dat er werkelijk toe doet.<\/p>'\n    + '<div class=\"inrp-time\">'\n    +   '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"inrp-time-ic\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>'\n    +   '<div><div class=\"inrp-time-title\">Geef jezelf de ruimte, dit verdient je aandacht<\/div>'\n    +   '<div class=\"inrp-time-text\">Gemiddeld kost het zo&rsquo;n 15 minuten, en 15 tot 20 als je er goed voor gaat zitten. Neem het rustig en eerlijk door; juist dan levert het beeld op dat ertoe doet. Doe het op een moment dat je niet wordt gestoord.<\/div><\/div>'\n    + '<\/div>'\n    + '<button type=\"button\" class=\"inrp-welcome-btn\" id=\"inrpToChoice\">Ervaar de vragenlijst'\n    +   '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>'\n    + '<\/button>'\n    + '<div class=\"inrp-meta-row\">'\n    +   pill('Volledig transparant')\n    +   pill('Geen account nodig')\n    +   pill('Resultaat bespreken we samen')\n    + '<\/div>'\n    + '<\/div>';\n  root.querySelector('#inrpToChoice').addEventListener('click', renderStart);\n  scrollTop();\n}\n\nfunction renderStart(){\n  S.view='start';\n  var cards='';\n  PROFILES.forEach(function(p){\n    var n = 0;\n    p.phases.forEach(function(ph){ n += ph.questions.length; });\n    n += (p.narrative ? p.narrative.length : 0);\n    cards += '<button type=\"button\" class=\"inrp-card\" data-slug=\"'+p.meta.slug+'\">'\n      + '<div class=\"inrp-card-top\"><span class=\"inrp-card-name\">'+esc(p.meta.label)+'<\/span>'\n      + '<span class=\"inrp-card-arrow\">&rarr;<\/span><\/div>'\n      + '<div class=\"inrp-card-tag\">'+esc(p.meta.tagline)+'<\/div>'\n      + '<div class=\"inrp-card-desc\">'+esc(p.meta.desc)+'<\/div>'\n      + '<div class=\"inrp-card-foot\"><span class=\"inrp-card-meta\">'+n+' vragen &middot; 4 fases<\/span><\/div>'\n      + '<\/button>';\n  });\n  cards += '<div class=\"inrp-card is-team\">'\n    + '<span class=\"inrp-team-pill\">Op aanvraag<\/span>'\n    + '<div class=\"inrp-card-top\"><span class=\"inrp-card-name\">Teamreflectie<\/span><\/div>'\n    + '<div class=\"inrp-card-tag\">Voor reflectie op teamniveau.<\/div>'\n    + '<div class=\"inrp-card-desc\">Niet als zelftest beschikbaar, dit profiel doorlopen we samen met je team. Plan een gesprek met onze experts voor de mogelijkheden.<\/div>'\n    + '<div class=\"inrp-card-foot\"><span class=\"inrp-card-meta\">In overleg met je team<\/span><\/div>'\n    + '<\/div>';\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-nav-row\">'\n    +   '<button type=\"button\" class=\"inrp-back\" id=\"inrpToWelcome\">&larr; Terug<\/button>'\n    +   '<span class=\"inrp-phase-tag\">Stap 1 van 2<\/span>'\n    + '<\/div>'\n    + '<div class=\"inrp-eyebrow\">Ervaar de vragenlijst<\/div>'\n    + '<h2 class=\"inrp-h1 inrp-h1-sm\">Kies het profiel dat past bij jouw situatie<\/h2>'\n    + '<p class=\"inrp-body inrp-body-sm\">Elk profiel stelt dezelfde vier lagen centraal, maar vanuit een andere context. Kies wat het dichtst bij jouw vraag ligt, de vragen zelf zie je daarna volledig.<\/p>'\n    + '<div class=\"inrp-cards\">'+cards+'<\/div>'\n    + '<div class=\"inrp-foot-note\">Je ziet de volledige vragenset; dat is bewust. <b>De uitslag en interpretatie krijg je niet automatisch in beeld.<\/b> Het profiel met de volledige analyse bespreken we persoonlijk in een digitale afspraak met een van onze experts.<\/div>'\n    + '<\/div>';\n  root.querySelector('#inrpToWelcome').addEventListener('click', renderWelcome);\n  Array.prototype.forEach.call(root.querySelectorAll('.inrp-card[data-slug]'), function(btn){\n    btn.addEventListener('click', function(){ startProfile(btn.getAttribute('data-slug')); });\n  });\n  scrollTop();\n}\n\nfunction pill(text){\n  return '<span class=\"inrp-pill\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>'+esc(text)+'<\/span>';\n}\n\nfunction valueItem(title, body){\n  return '<div class=\"inrp-value-item\">'\n    + '<div class=\"inrp-value-item-t\">'+title+'<\/div>'\n    + '<div class=\"inrp-value-item-b\">'+body+'<\/div>'\n    + '<\/div>';\n}\n\nfunction startProfile(slug){\n  var p = PROFILES.filter(function(x){ return x.meta.slug===slug; })[0];\n  if (!p) return;\n  S.profile = p;\n  S.flat = flatten(p);\n  S.idx = 0;\n  S.answers = {};\n  renderQuestion();\n}\n\nfunction renderQuestion(){\n  S.view='question';\n  var item = S.flat[S.idx];\n  var total = S.flat.length;\n  var selected = S.answers[S.idx] ? S.answers[S.idx].a : null;\n  var answers='';\n  item.opts.forEach(function(opt,i){\n    var key = String.fromCharCode(65+i);\n    var sel = (selected===opt) ? ' selected' : '';\n    answers += '<button type=\"button\" class=\"inrp-ans'+sel+'\" data-opt=\"'+esc(opt)+'\">'\n      + '<span class=\"inrp-ans-accent\"><\/span>'\n      + '<span class=\"inrp-ans-inner\"><span class=\"inrp-ans-key\">'+key+'<\/span>'\n      + '<span class=\"inrp-ans-text\">'+esc(opt)+'<\/span><\/span>'\n      + '<\/button>';\n  });\n  var backLabel = (S.idx===0) ? '&larr; Profielkeuze' : '&larr; Vorige';\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + stepsHtml()\n    + '<div class=\"inrp-nav-row\">'\n    +   '<button type=\"button\" class=\"inrp-back\" id=\"inrpBack\">'+backLabel+'<\/button>'\n    +   '<span class=\"inrp-phase-tag\">'+esc(S.profile.meta.label)+'<\/span>'\n    + '<\/div>'\n    + (item.context ? '<div class=\"inrp-context\">'+esc(item.context)+'<\/div>' : '')\n    + '<h2 class=\"inrp-q\">'+esc(item.q)+'<\/h2>'\n    + '<div class=\"inrp-answers\">'+answers+'<\/div>'\n    + '<\/div>';\n  root.querySelector('#inrpBack').addEventListener('click', function(){\n    if (S.idx===0){ renderStart(); }\n    else { S.idx--; renderQuestion(); }\n  });\n  Array.prototype.forEach.call(root.querySelectorAll('.inrp-ans'), function(btn){\n    btn.addEventListener('click', function(){\n      S.answers[S.idx] = { q:item.q, a:btn.getAttribute('data-opt'), phase:item.phase };\n      if (S.idx < total-1){\n        var nextItem = S.flat[S.idx+1];\n        if (nextItem.code !== item.code && INTERSTITIAL[item.code]){\n          S.idx++;\n          renderInterstitial(item.code);\n        } else {\n          S.idx++;\n          renderQuestion();\n        }\n      } else {\n        renderEmailGate();\n      }\n    });\n  });\n  scrollTop();\n}\n\nfunction renderInterstitial(afterCode){\n  S.view='inter';\n  var d = INTERSTITIAL[afterCode];\n  if (!d){ renderQuestion(); return; }\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-inter\">'\n    +   '<div class=\"inrp-inter-eyebrow\">'+d.eyebrow+'<\/div>'\n    +   '<h2 class=\"inrp-inter-title\">'+d.title+'<\/h2>'\n    +   '<p class=\"inrp-inter-body\">'+d.body+'<\/p>'\n    +   '<button type=\"button\" class=\"inrp-org-toggle\" id=\"inrpOrgToggle\">'\n    +     '<span class=\"inrp-org-toggle-l\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"inrp-org-ic\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"\/><path d=\"M9 9v.01M9 12v.01M9 15v.01M9 18v.01\"\/><\/svg>'+d.orgTitle+'<\/span>'\n    +     '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"inrp-org-chev\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>'\n    +   '<\/button>'\n    +   '<div class=\"inrp-org-panel inrp-collapsed\" id=\"inrpOrgPanel\">'\n    +     '<p class=\"inrp-org-text\">'+d.orgBody+'<\/p>'\n    +   '<\/div>'\n    + '<\/div>'\n    + '<div class=\"inrp-inter-actions\">'\n    +   '<button type=\"button\" class=\"inrp-inter-back\" id=\"inrpInterBack\">&larr; Vorige<\/button>'\n    +   '<button type=\"button\" class=\"inrp-inter-next\" id=\"inrpInterNext\">Verder naar '+d.next\n    +     ' <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>'\n    + '<\/div>'\n    + '<\/div>';\n  var tog = root.querySelector('#inrpOrgToggle');\n  var panel = root.querySelector('#inrpOrgPanel');\n  tog.addEventListener('click', function(){\n    panel.classList.toggle('inrp-collapsed');\n    tog.classList.toggle('open');\n  });\n  root.querySelector('#inrpInterNext').addEventListener('click', function(){\n    renderQuestion();\n  });\n  root.querySelector('#inrpInterBack').addEventListener('click', function(){\n    S.idx--;\n    renderQuestion();\n  });\n  scrollTop();\n}\n\nfunction renderDone(){\n  S.view='done';\n  var p = S.profile;\n  var summary='';\n  Object.keys(S.answers).sort(function(a,b){return a-b;}).forEach(function(k){\n    var it = S.answers[k];\n    summary += '<div class=\"inrp-summary-item\">'\n      + '<div class=\"inrp-summary-q\">'+esc(it.q)+'<\/div>'\n      + '<div class=\"inrp-summary-a\">'+esc(it.a)+'<\/div>'\n      + '<\/div>';\n  });\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-done-head\">'\n    +   '<div class=\"inrp-done-type\">Vragenlijst afgerond &middot; '+esc(p.meta.label)+'<\/div>'\n    +   '<h2 class=\"inrp-done-title\">Plan je gesprek met een INR Expert<\/h2>'\n    +   '<p class=\"inrp-done-sub\">Je antwoorden zijn binnen. De uitkomst bespreken we persoonlijk, plan hieronder je gesprek.<\/p>'\n    + '<\/div>'\n    + '<div class=\"inrp-done-body\">'\n    +   '<p class=\"inrp-done-p\">Je hebt nu een helder beeld van de vragen die wij stellen binnen het INR Pressure Profile. We zijn bewust transparant over de hele vragenset.<\/p>'\n    +   '<p class=\"inrp-done-p\"><b>Wat je nog niet hebt, is de uitkomst.<\/b> Het profiel zelf, de analyse van waar spanning ontstaat, hoe sterk die doorwerkt, hoe structureel het patroon is en wat er gebeurt bij uitblijvend herstel, nemen we niet automatisch met je door. Daar zit bewust een persoonlijk gesprek tussen.<\/p>'\n    +   '<p class=\"inrp-done-p\">In een korte digitale afspraak gaat een van onze <b>INR Experts<\/b> samen met jou door je profiel heen: wat het laat zien, wat het betekent voor jouw situatie en welke stappen logisch zijn. Geen standaardrapport, maar een gesprek dat aansluit op wat jij hebt ingevuld.<\/p>'\n    +   '<div class=\"inrp-value\">'\n    +     '<div class=\"inrp-value-eyebrow\">Wat dit oplevert voor een organisatie<\/div>'\n    +     '<p class=\"inrp-value-lead\">Stel je voor dat je dit inzicht hebt over je mensen, bij een nieuwe hire, in onboarding, of bij iemand die al jaren meedraait. Dan verandert er iets fundamenteels in hoe je beslist en het gesprek voert.<\/p>'\n    +     '<div class=\"inrp-value-grid\">'\n    +       valueItem('Gedrag, niet de persoon', 'Spanning wordt losgekoppeld van identiteit en teruggekoppeld aan context. Gesprekken gaan over het werk, niet over wie iemand is.')\n    +       valueItem('Preventie boven herstel', 'Je ziet doorwerking v&oacute;&oacute;rdat het uitmondt in uitval of vertrek. Vroegtijdig handelen in plaats van repareren achteraf.')\n    +       valueItem('Scherpere besluiten', 'Bij selectie, mobiliteit en rolontwerp: zie of frictie incidenteel is of structureel, en match rol en mens bewust.')\n    +       valueItem('Een gedeeld referentiekader', 'Niet een rapport om te archiveren, maar taal die spanning normaliseert en verantwoordelijkheid legt waar die hoort.')\n    +     '<\/div>'\n    +     '<p class=\"inrp-value-foot\">Betere gesprekken zonder dat ze persoonlijk worden. Meer grip op samenwerking zonder controle. Dat is wat we in de afspraak concreet maken voor jouw situatie.<\/p>'\n    +   '<\/div>'\n    +   '<div class=\"inrp-book\">'\n    +     '<div class=\"inrp-book-head\">'\n    +       '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"inrp-book-ic\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>'\n    +       '<div><div class=\"inrp-book-title\">Digitale afspraak met een INR Expert<\/div>'\n    +       '<div class=\"inrp-book-sub\">Online &middot; ongeveer 30 minuten &middot; vrijblijvend<\/div><\/div>'\n    +     '<\/div>'\n    +     '<div class=\"inrp-cal\" id=\"inrpCal\"><\/div>'\n    +     '<div class=\"inrp-book-note\">Kies hierboven een moment dat je uitkomt. Tijdens het gesprek nemen we je profiel met je door.<\/div>'\n    +   '<\/div>'\n    +   '<button type=\"button\" class=\"inrp-summary-toggle\" id=\"inrpSumToggle\">'\n    +     '<span>Bekijk je antwoorden ('+Object.keys(S.answers).length+')<\/span>'\n    +     '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"inrp-chev\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>'\n    +   '<\/button>'\n    +   '<div class=\"inrp-summary inrp-collapsed\" id=\"inrpSummary\">'\n    +     summary\n    +   '<\/div>'\n    +   '<div class=\"inrp-cta-buttons\">'\n    +     '<button type=\"button\" class=\"inrp-pdf-btn\" id=\"inrpPdf\">'\n    +       '<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>'\n    +       '<span>Download je antwoorden (PDF)<\/span>'\n    +     '<\/button>'\n    +     '<button type=\"button\" class=\"inrp-restart\" id=\"inrpRestart\">Opnieuw beginnen<\/button>'\n    +   '<\/div>'\n    +   '<p class=\"inrp-privacy\">Je antwoorden zijn naar ons verstuurd zodat we je profiel kunnen voorbereiden. Een afspraak inplannen is geheel vrijblijvend, je kunt ook gewoon afwachten tot we contact opnemen.<\/p>'\n    + '<\/div>'\n    + '<\/div>';\n  root.querySelector('#inrpRestart').addEventListener('click', renderStart);\n  root.querySelector('#inrpPdf').addEventListener('click', genereerPdfVenster);\n  initCalendly(root.querySelector('#inrpCal'));\n  var tog = root.querySelector('#inrpSumToggle');\n  var sum = root.querySelector('#inrpSummary');\n  tog.addEventListener('click', function(){\n    sum.classList.toggle('inrp-collapsed');\n    tog.classList.toggle('open');\n  });\n  scrollTop();\n}\n\nfunction initCalendly(holder){\n  if(!holder) return;\n  function init(){\n    try {\n      if(window.Calendly && typeof window.Calendly.initInlineWidget === 'function'){\n        holder.innerHTML = '';\n        window.Calendly.initInlineWidget({ url: BOOKING_URL, parentElement: holder });\n      }\n    } catch(e){}\n  }\n  holder.innerHTML = '<div class=\"inrp-cal-loading\">Agenda laden&hellip;<\/div>';\n  if(window.Calendly && typeof window.Calendly.initInlineWidget === 'function'){\n    init();\n    return;\n  }\n  var existing = document.getElementById('inrp-calendly-js');\n  if(existing){\n    existing.addEventListener('load', init);\n    setTimeout(init, 400);\n    return;\n  }\n  var s = document.createElement('script');\n  s.id = 'inrp-calendly-js';\n  s.src = 'https:\/\/assets.calendly.com\/assets\/external\/widget.js';\n  s.async = true;\n  s.onload = init;\n  document.head.appendChild(s);\n}\n\nfunction renderEmailGate(){\n  S.view='email';\n  var p = S.profile;\n  root.innerHTML = '<div class=\"inrp-fade\">'\n    + '<div class=\"inrp-gate\">'\n    +   '<div class=\"inrp-gate-ic\">'\n    +     '<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 7l9 6 9-6\"\/><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><\/svg>'\n    +   '<\/div>'\n    +   '<div class=\"inrp-gate-eyebrow\">Vragenlijst afgerond &middot; '+esc(p.meta.label)+'<\/div>'\n    +   '<h2 class=\"inrp-gate-title\">Nog &eacute;&eacute;n stap: deel je antwoorden met ons<\/h2>'\n    +   '<p class=\"inrp-gate-body\">Je hebt alle vragen doorlopen. Laat je e-mailadres achter, dan ontvangen wij je antwoorden en kunnen we ze samen met jou doornemen in een persoonlijk gesprek. We nemen daarna contact met je op om dat in te plannen.<\/p>'\n    +   '<div class=\"inrp-gate-field\">'\n    +     '<label for=\"inrpGateEmail\">Je e-mailadres<\/label>'\n    +     '<input type=\"email\" id=\"inrpGateEmail\" placeholder=\"naam@organisatie.nl\" autocomplete=\"email\">'\n    +   '<\/div>'\n    +   '<div style=\"position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;\" aria-hidden=\"true\">'\n    +     '<label for=\"inrpHp\">Laat dit veld leeg<\/label>'\n    +     '<input type=\"text\" id=\"inrpHp\" tabindex=\"-1\" autocomplete=\"off\">'\n    +   '<\/div>'\n    +   '<div class=\"inrp-gate-err\" id=\"inrpGateErr\">Vul een geldig e-mailadres in.<\/div>'\n    +   '<button type=\"button\" class=\"inrp-gate-btn\" id=\"inrpGateSend\">Verstuur en ga verder'\n    +     ' <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>'\n    +   '<div class=\"inrp-gate-promise\">'\n    +     '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>'\n    +     '<span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je profiel. Niet voor andere doeleinden.<\/span>'\n    +   '<\/div>'\n    + '<\/div>'\n    + '<button type=\"button\" class=\"inrp-gate-back\" id=\"inrpGateBack\">&larr; Terug naar de laatste vraag<\/button>'\n    + '<\/div>';\n  var input = root.querySelector('#inrpGateEmail');\n  var err = root.querySelector('#inrpGateErr');\n  var btn = root.querySelector('#inrpGateSend');\n  setTimeout(function(){ try{ input.focus(); }catch(e){} }, 60);\n  function submit(){\n    var email = (input.value||'').trim();\n    if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){\n      err.classList.add('show');\n      return;\n    }\n    err.classList.remove('show');\n    btn.disabled = true;\n    btn.textContent = 'Een moment...';\n    verzendNaarPlugin(email);\n    setTimeout(function(){ renderDone(); }, 700);\n  }\n  btn.addEventListener('click', submit);\n  input.addEventListener('keypress', function(e){ if(e.key === 'Enter') submit(); });\n  root.querySelector('#inrpGateBack').addEventListener('click', function(){\n    renderQuestion();\n  });\n  scrollTop();\n}\n\nfunction genereerPdfVenster(){\n  var p = S.profile;\n  var datum = new Date().toLocaleDateString('nl-NL', { day:'numeric', month:'long', year:'numeric' });\n  var rijen = '';\n  var huidigeFase = null;\n  var nummer = 0;\n  Object.keys(S.answers).sort(function(a,b){return a-b;}).forEach(function(k){\n    var it = S.answers[k];\n    nummer++;\n    if(it.phase && it.phase !== huidigeFase){\n      huidigeFase = it.phase;\n      rijen += '<div class=\"fase-kop\">' + esc(it.phase) + '<\/div>';\n    }\n    rijen +=\n      '<div class=\"qa\">'+\n        '<div class=\"q\"><span class=\"num\">'+nummer+'<\/span>'+esc(it.q)+'<\/div>'+\n        '<div class=\"a\">'+esc(it.a)+'<\/div>'+\n      '<\/div>';\n  });\n  var html =\n    '<!DOCTYPE html><html lang=\"nl\"><head><meta charset=\"UTF-8\">'+\n    '<title>INR Pressure Profile - antwoorden<\/title>'+\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:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">'+\n    '<style>'+\n    '@page { size: A4; margin: 0; }'+\n    '* { margin:0; padding:0; box-sizing:border-box; }'+\n    'html, body { font-family:\"Inter\",-apple-system,sans-serif; color:#0D1117; font-weight:300; background:#ffffff; line-height:1.5; -webkit-print-color-adjust:exact; print-color-adjust:exact; }'+\n    'body { padding:16mm 14mm 18mm 14mm; }'+\n    '.page { max-width:180mm; margin:0 auto; }'+\n    '.brand { display:flex; align-items:baseline; justify-content:space-between; padding-bottom:10pt; border-bottom:1px solid #E5E7EB; margin-bottom:20pt; }'+\n    '.brand-name { font-size:10pt; font-weight:600; letter-spacing:0.24em; text-transform:uppercase; color:#007BFF; }'+\n    '.brand-meta { font-size:9pt; color:#6B7280; }'+\n    '.eyebrow { font-size:8.5pt; letter-spacing:0.2em; text-transform:uppercase; color:#6B7280; font-weight:600; margin-bottom:8pt; }'+\n    '.h { font-size:22pt; font-weight:700; letter-spacing:-0.02em; line-height:1.15; margin-bottom:6pt; color:#0D1117; }'+\n    '.sub { font-size:10pt; color:#6B7280; font-weight:300; margin-bottom:22pt; line-height:1.5; }'+\n    '.fase-kop { font-size:8.5pt; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#007BFF; margin:18pt 0 8pt; padding-bottom:5pt; border-bottom:1px solid #E5E7EB; page-break-after:avoid; }'+\n    '.qa { padding:10pt 0; border-bottom:1px solid #F3F4F6; page-break-inside:avoid; }'+\n    '.qa .q { font-size:10pt; font-weight:600; color:#0D1117; line-height:1.45; margin-bottom:4pt; }'+\n    '.qa .q .num { display:inline-block; min-width:16pt; color:#9CA3AF; font-weight:600; }'+\n    '.qa .a { font-size:10pt; font-weight:300; color:#374151; line-height:1.5; padding-left:16pt; }'+\n    '.qa .a:before { content:\"\\\\2192  \"; color:#007BFF; }'+\n    '.footer { margin-top:24pt; padding-top:12pt; border-top:1px solid #E5E7EB; display:flex; justify-content:space-between; font-size:8.5pt; color:#9CA3AF; }'+\n    '.footer a { color:#007BFF; text-decoration:none; font-weight:500; }'+\n    '@media print { .no-print { display:none !important; } }'+\n    '.actions { position:fixed; top:16px; right:16px; display:flex; gap:8px; z-index:9999; }'+\n    '.actions button { font-family:\"Inter\",sans-serif; font-size:13px; font-weight:500; padding:10px 18px; border-radius:8px; cursor:pointer; border:1px solid #E5E7EB; background:#ffffff; color:#0D1117; }'+\n    '.actions button.primary { background:#007BFF; color:#ffffff; border-color:#007BFF; }'+\n    '<\/style><\/head><body>'+\n    '<div class=\"actions no-print\">'+\n      '<button class=\"primary\" onclick=\"window.print()\">Opslaan als PDF<\/button>'+\n      '<button onclick=\"window.close()\">Sluiten<\/button>'+\n    '<\/div>'+\n    '<div class=\"page\">'+\n      '<div class=\"brand\">'+\n        '<div class=\"brand-name\">INR Pressure Profile<\/div>'+\n        '<div class=\"brand-meta\">'+datum+'<\/div>'+\n      '<\/div>'+\n      '<div class=\"eyebrow\">Jouw antwoorden &middot; '+esc(p.meta.label)+'<\/div>'+\n      '<div class=\"h\">Jouw ingevulde antwoorden<\/div>'+\n      '<div class=\"sub\">Dit overzicht bevat de vragen die je hebt doorlopen met de antwoorden die je hebt gegeven. Neem het mee naar je afspraak met de INR Expert; daar bespreken we samen wat het laat zien.<\/div>'+\n      rijen+\n      '<div class=\"footer\">'+\n        '<div>Opgesteld op '+datum+'<\/div>'+\n        '<div><a href=\"https:\/\/inr.institute\">inr.institute<\/a><\/div>'+\n      '<\/div>'+\n    '<\/div>'+\n    '<\/body><\/html>';\n  var venster = window.open('', '_blank', 'width=900,height=1000');\n  if(!venster){\n    alert('Sta pop-ups toe in je browser om de PDF te kunnen opslaan.');\n    return;\n  }\n  venster.document.open();\n  venster.document.write(html);\n  venster.document.close();\n  try { venster.document.title = 'INR Pressure Profile - antwoorden'; } catch(e){}\n  venster.focus();\n  setTimeout(function(){\n    try { venster.document.title = 'INR Pressure Profile - antwoorden'; } catch(e){}\n    venster.print();\n  }, 600);\n}\n\n\/\/ Bouwt het label->antwoord object met alle gegeven antwoorden, plus de\n\/\/ fase erbij zodat het in de inbox overzichtelijk leest.\nfunction buildAnswerVelden(){\n  var velden = {};\n  Object.keys(S.answers).sort(function(a,b){return a-b;}).forEach(function(k){\n    var it = S.answers[k];\n    var nr = parseInt(k)+1;\n    var faseLabel = it.phase ? (it.phase + ' - ') : '';\n    velden[nr + '. ' + faseLabel + it.q] = it.a;\n  });\n  return velden;\n}\n\n\/\/ Verstuurt de antwoorden naar het eigen plugin-endpoint (geen Elementor).\n\/\/ Zelfde bewezen patroon als de INR Scan: opslaan-voor-mailen gebeurt server-\n\/\/ side, hier alleen fire-and-forget met honeypot + tijdslot tegen bots.\nfunction verzendNaarPlugin(email){\n  var p = S.profile;\n  var payload = {\n    form: INR_FORM,\n    naam: 'INR Pressure Profile - ' + p.meta.label,\n    email: email,\n    velden: buildAnswerVelden(),\n    meta: {\n      'Profiel': p.meta.label,\n      'Profiel-slug': p.meta.slug,\n      'Aantal vragen': Object.keys(S.answers).length\n    },\n    bron: window.location.href,\n    ts: INR_GELADEN,\n    website: (document.getElementById('inrpHp') ? document.getElementById('inrpHp').value : '')\n  };\n  try {\n    var xhr = new XMLHttpRequest();\n    xhr.open('POST', INR_ENDPOINT, true);\n    xhr.setRequestHeader('Content-Type', 'application\/json');\n    xhr.timeout = 15000;\n    xhr.send(JSON.stringify(payload));\n  } catch(e){}\n}\n\nfunction scrollTop(){\n  try {\n    var sec = document.querySelector('.inrp-tool');\n    if (!sec) return;\n    var top = sec.getBoundingClientRect().top + window.pageYOffset - 24;\n    if (window.pageYOffset > top + 40) window.scrollTo({ top: top, behavior:'smooth' });\n  } catch(e){}\n}\n\nrenderPreloader();\n})();\n\n<\/script>\n<\/section>\n<\/body>\n<\/html>\n\n\n\n<!-- ============================================================================\n     INR PRESSURE PROFILE - DEEL 2 (onder de vragenlijst)\n     Een bestand. Plak dit volledig in EEN Elementor HTML-widget, ONDER de\n     vragenlijst-tool. Alles gescoped onder .inrpp2 en afgedwongen met !important.\n     Zwart\/wit huisstijl met blob-diepte, eigen SVG-iconen overal.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inrpp2{\n  --ink:#0A0A0B; --grijs:#6A6A72; --zacht:#F4F4F6; --rand:rgba(10,10,11,.08);\n  --radius:24px; --maxw:1200px;\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:var(--ink) !important; background:#FFFFFF !important; line-height:1.5 !important;\n  overflow-x:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inrpp2, .inrpp2 *, .inrpp2 *::before, .inrpp2 *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inrpp2 h1,.inrpp2 h2,.inrpp2 h3,.inrpp2 h4,.inrpp2 p,.inrpp2 span,.inrpp2 div{margin:0;padding:0;}\n.inrpp2 a,.inrpp2 a:link,.inrpp2 a:visited,.inrpp2 a:hover,.inrpp2 a:focus,.inrpp2 a:active,\n.inrpp2.inrpp2 a,.inrpp2.inrpp2 a:link,.inrpp2.inrpp2 a:visited,.inrpp2.inrpp2 a:hover,.inrpp2.inrpp2 a:focus,.inrpp2.inrpp2 a:active{\n  text-decoration:none !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inrpp2 .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;}\n.inrpp2 .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.55 !important;animation:inrpp2-drift 30s ease-in-out infinite !important;}\n.inrpp2 .blob.a{width:620px;height:620px;background:rgba(120,130,165,.18);top:-180px;left:-160px;}\n.inrpp2 .blob.b{width:560px;height:560px;background:rgba(150,140,135,.15);top:54%;right:-220px;animation-delay:-12s;}\n.inrpp2 .blob.c{width:640px;height:640px;background:rgba(20,22,30,.05);bottom:-260px;left:20%;animation-delay:-20s;}\n@keyframes inrpp2-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-32px) scale(1.07);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inrpp2 .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:0 clamp(28px,5vw,40px) !important;}\n.inrpp2 .sec{position:relative !important;z-index:1 !important;padding:110px 0 !important;}\n\n\/* ---------- 4. TYPO ---------- *\/\n.inrpp2 .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inrpp2 .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inrpp2 .rev.in{opacity:1 !important;transform:none !important;}\n.inrpp2 .d1{transition-delay:.06s;}.inrpp2 .d2{transition-delay:.12s;}.inrpp2 .d3{transition-delay:.18s;}\n.inrpp2 .d4{transition-delay:.24s;}\n.no-js .inrpp2 .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- ZICHTBAAR VERSCHIL (kop + prijs-pill) ---------- *\/\n.inrpp2 .verschil{max-width:900px !important;}\n.inrpp2 .verschil h2{font-weight:700 !important;font-size:clamp(34px,5.4vw,64px) !important;letter-spacing:-.035em !important;line-height:1.04 !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inrpp2 .verschil p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:60ch !important;}\n.inrpp2 .prijspill{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;\n  margin-top:44px !important;background:var(--zacht) !important;border:1px solid var(--rand) !important;border-radius:99px !important;padding:20px 30px !important;max-width:560px !important;}\n.inrpp2 .prijspill .pl{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;}\n.inrpp2 .prijspill .pr{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#fff !important;border:1px solid var(--rand) !important;border-radius:99px !important;padding:10px 18px !important;font-weight:600 !important;font-size:15px !important;color:var(--ink) !important;}\n@media(max-width:820px){.inrpp2 .prijspill{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;border-radius:20px !important;}}\n\n\/* ---------- FEATURES ---------- *\/\n.inrpp2 .feats{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}\n.inrpp2 .feat{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--rand) !important;border-radius:var(--radius) !important;padding:38px 38px !important;\n  box-shadow:0 18px 50px -34px rgba(10,10,11,.32) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inrpp2 .feat:hover{transform:translateY(-6px) !important;box-shadow:0 30px 64px -34px rgba(10,10,11,.4) !important;}\n.inrpp2 .feat .fico{width:54px !important;height:54px !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:24px !important;\n  background:var(--ink) !important;color:#fff !important;}\n.inrpp2 .feat .fico svg{width:27px !important;height:27px !important;}\n.inrpp2 .feat .flabel{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:12px !important;}\n.inrpp2 .feat h3{font-weight:700 !important;font-size:22px !important;letter-spacing:-.02em !important;line-height:1.2 !important;color:var(--ink) !important;margin-bottom:10px !important;}\n.inrpp2 .feat p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n@media(max-width:820px){.inrpp2 .feats{grid-template-columns:1fr !important;}}\n\n\/* ---------- WANNEER DRUK HET VERSCHIL MAAKT (situatie-kaarten) ---------- *\/\n.inrpp2 .situaties{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}\n.inrpp2 .sit{position:relative !important;display:flex !important;flex-direction:column !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--rand) !important;border-radius:var(--radius) !important;padding:40px 40px 38px !important;overflow:hidden !important;\n  box-shadow:0 18px 50px -34px rgba(10,10,11,.3) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inrpp2 .sit:hover{transform:translateY(-6px) !important;box-shadow:0 32px 66px -34px rgba(10,10,11,.42) !important;}\n.inrpp2 .sit .sico{width:88px !important;height:88px !important;border-radius:22px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:28px !important;background:var(--ink) !important;color:#fff !important;}\n.inrpp2 .sit .sico svg{width:48px !important;height:48px !important;}\n.inrpp2 .sit .snr{position:absolute !important;top:30px !important;right:34px !important;font-weight:700 !important;font-size:15px !important;color:rgba(10,10,11,.16) !important;font-variant-numeric:tabular-nums !important;}\n.inrpp2 .sit h3{font-weight:700 !important;font-size:clamp(21px,2.4vw,26px) !important;letter-spacing:-.02em !important;line-height:1.2 !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inrpp2 .sit p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inrpp2 .situaties{grid-template-columns:1fr !important;}.inrpp2 .sit{padding:32px 28px !important;}}\n\n\/* ---------- PRICING (donker blok) ---------- *\/\n.inrpp2 .pricing{background:var(--ink) !important;color:#fff !important;border-radius:32px !important;padding:80px 60px !important;position:relative !important;overflow:hidden !important;}\n.inrpp2 .pricing::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%) !important;filter:blur(40px) !important;}\n.inrpp2 .pricing .ph-head{position:relative !important;z-index:1 !important;margin-bottom:50px !important;}\n.inrpp2 .pricing .eyebrow{color:rgba(255,255,255,.55) !important;display:block !important;margin-bottom:14px !important;}\n.inrpp2 .pricing h2{font-weight:700 !important;font-size:clamp(30px,4.4vw,50px) !important;letter-spacing:-.03em !important;line-height:1.06 !important;color:#fff !important;margin-bottom:14px !important;}\n.inrpp2 .pricing .sub{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.7) !important;}\n.inrpp2 .prijslijst{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;}\n.inrpp2 .prow{display:grid !important;grid-template-columns:auto 1fr auto auto !important;gap:24px !important;align-items:center !important;\n  padding:28px 0 !important;border-top:1px solid rgba(255,255,255,.12) !important;}\n.inrpp2 .prow:last-child{border-bottom:1px solid rgba(255,255,255,.12) !important;}\n.inrpp2 .prow .pico{width:48px !important;height:48px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;}\n.inrpp2 .prow .pico svg{width:24px !important;height:24px !important;}\n.inrpp2 .prow .pmain h4{font-weight:600 !important;font-size:20px !important;color:#fff !important;letter-spacing:-.015em !important;margin-bottom:5px !important;}\n.inrpp2 .prow .pmain p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.6) !important;line-height:1.5 !important;}\n.inrpp2 .prow .pprice{text-align:right !important;}\n.inrpp2 .prow .pprice .vanaf{font-size:12px !important;font-weight:500 !important;color:rgba(255,255,255,.55) !important;display:block !important;letter-spacing:.04em !important;}\n.inrpp2 .prow .pprice .bedrag{font-weight:700 !important;font-size:24px !important;color:#fff !important;letter-spacing:-.02em !important;}\n.inrpp2 .prow .pcta{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important;font-size:14px !important;padding:12px 22px !important;border-radius:99px !important;white-space:nowrap !important;transition:transform .3s cubic-bezier(.2,.7,.2,1) !important;}\n.inrpp2 .prow .pcta:hover{transform:translateY(-2px) !important;}\n.inrpp2 .prow .pcta svg{width:15px !important;height:15px !important;}\n@media(max-width:820px){\n  .inrpp2 .pricing{padding:50px 24px !important;border-radius:24px !important;}\n  .inrpp2 .prow{grid-template-columns:auto 1fr !important;gap:16px 16px !important;}\n  .inrpp2 .prow .pprice{grid-column:2 !important;text-align:left !important;}\n  .inrpp2 .prow .pcta{grid-column:2 !important;justify-self:start !important;}\n}\n\n\/* ---------- FAQ ---------- *\/\n.inrpp2 .faq-grid{max-width:860px !important;margin:0 auto !important;}\n.inrpp2 .faq-item{border-bottom:1px solid var(--rand) !important;}\n.inrpp2 .faq-q{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;cursor:pointer !important;\n  width:100% !important;background:transparent !important;border:none !important;padding:26px 4px !important;text-align:left !important;\n  font-weight:600 !important;font-size:clamp(17px,2vw,20px) !important;color:var(--ink) !important;letter-spacing:-.01em !important;line-height:1.35 !important;}\n.inrpp2 .faq-chev{flex:none !important;width:24px !important;height:24px !important;color:var(--grijs) !important;transition:transform .3s ease !important;}\n.inrpp2 .faq-item.open .faq-chev{transform:rotate(45deg) !important;}\n.inrpp2 .faq-a{max-height:0 !important;overflow:hidden !important;transition:max-height .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inrpp2 .faq-a-inner{padding:0 4px 28px !important;font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.7 !important;max-width:64ch !important;}\n\n\/* ---------- ARTIKELEN ---------- *\/\n.inrpp2 .arts{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inrpp2 .art{display:flex !important;flex-direction:column !important;background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--rand) !important;border-radius:var(--radius) !important;overflow:hidden !important;\n  box-shadow:0 18px 50px -36px rgba(10,10,11,.3) !important;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inrpp2 .art:hover{transform:translateY(-6px) !important;box-shadow:0 30px 64px -34px rgba(10,10,11,.4) !important;}\n.inrpp2 .art-thumb{position:relative !important;aspect-ratio:16\/10 !important;background:var(--ink) !important;overflow:hidden !important;}\n.inrpp2 .art-thumb img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;filter:grayscale(1) !important;}\n.inrpp2 .art-thumb .ph{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:rgba(255,255,255,.4) !important;}\n.inrpp2 .art-thumb .ph svg{width:40px !important;height:40px !important;}\n.inrpp2 .art-body{padding:28px 28px 30px !important;display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}\n.inrpp2 .art-body h3{font-weight:700 !important;font-size:19px !important;letter-spacing:-.015em !important;line-height:1.28 !important;color:var(--ink) !important;margin-bottom:10px !important;}\n.inrpp2 .art-body p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;margin-bottom:20px !important;flex:1 1 auto !important;}\n.inrpp2 .art-link{display:inline-flex !important;align-items:center !important;gap:8px !important;font-weight:600 !important;font-size:14.5px !important;color:var(--ink) !important;align-self:flex-start !important;}\n.inrpp2 .art-link svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inrpp2 .art:hover .art-link svg{transform:translateX(5px) !important;}\n@media(max-width:980px){.inrpp2 .arts{grid-template-columns:1fr !important;}}\n\n\/* ---------- RESPONSIVE BASIS ---------- *\/\n@media(max-width:820px){\n  .inrpp2{padding-left:22px !important;padding-right:22px !important;}\n  .inrpp2 .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inrpp2 .sec{padding:70px 0 !important;}\n  .inrpp2 .blob.a{width:320px;height:320px;left:-120px;}\n  .inrpp2 .blob.b{width:300px;height:300px;right:-120px;}\n  .inrpp2 .blob.c{width:340px;height:340px;left:-80px;bottom:-180px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inrpp2 .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inrpp2 .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inrpp2\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ===================== ZICHTBAAR VERSCHIL ===================== -->\n<section class=\"sec wrap\">\n  <div class=\"verschil rev\">\n    <h2>Zichtbaar verschil. Direct in het werk.<\/h2>\n    <p>Het Pressure Profile maakt zichtbaar wat normaal verborgen blijft. Niet als advies, maar als gedeeld referentiepunt in het werk.<\/p>\n    <div class=\"prijspill\">\n      <span class=\"pl\">Vanaf<\/span>\n      <span class=\"pr\">&euro;575,- per profiel<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== FEATURES ===================== -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"feats\">\n\n    <div class=\"feat rev d1\">\n      <div class=\"fico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12a9 9 0 0 1-13 8l-5 1 1-5a9 9 0 1 1 17-4z\"\/><\/svg><\/div>\n      <div class=\"flabel\">Minder ruis in samenwerking<\/div>\n      <h3>Gedrag wordt bespreekbaar zonder discussie.<\/h3>\n      <p>Wat zichtbaar is, hoeft niet uitgelegd of verdedigd te worden. Het gesprek gaat over patronen, niet over personen.<\/p>\n    <\/div>\n\n    <div class=\"feat rev d2\">\n      <div class=\"fico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg><\/div>\n      <div class=\"flabel\">Direct toepasbaar in het werk<\/div>\n      <h3>Geen training nodig om het te gebruiken.<\/h3>\n      <p>Het profiel sluit aan op wat al gebeurt, elke dag opnieuw. Het werkt mee met de praktijk in plaats van ernaast.<\/p>\n    <\/div>\n\n    <div class=\"feat rev d3\">\n      <div class=\"fico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n      <div class=\"flabel\">Sneller herkennen wat er gebeurt<\/div>\n      <h3>Spanning wordt eerder herkend, niet achteraf verklaard.<\/h3>\n      <p>Patronen worden zichtbaar voordat ze vastlopen. Daardoor kan er eerder iets mee gedaan worden.<\/p>\n    <\/div>\n\n    <div class=\"feat rev d4\">\n      <div class=\"fico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n      <div class=\"flabel\">Consistente taal in teams<\/div>\n      <h3>Iedereen kijkt naar hetzelfde gedrag.<\/h3>\n      <p>Geen labels, geen interpretaties, geen verschillende lezingen. Een gedeelde taal die spanning bespreekbaar maakt.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ===================== WANNEER DRUK HET VERSCHIL MAAKT ===================== -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"verschil rev\" style=\"margin-bottom:44px !important;\">\n    <h2 style=\"font-size:clamp(28px,4vw,44px) !important;\">Wanneer druk het verschil maakt.<\/h2>\n    <p>Vier situaties waarin het Pressure Profile zichtbaar maakt wat anders onbenoemd blijft.<\/p>\n  <\/div>\n  <div class=\"situaties\">\n\n    <div class=\"sit rev d1\">\n      <span class=\"snr\">01<\/span>\n      <div class=\"sico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 12h3l2.5-7 4 14 2.5-9 1.5 5H21\"\/><\/svg><\/div>\n      <h3>Als het werkt. Tot het niet meer werkt.<\/h3>\n      <p>Wanneer iemand blijft leveren, maar spanning zich opstapelt en pas zichtbaar wordt als herstel uitblijft.<\/p>\n    <\/div>\n\n    <div class=\"sit rev d2\">\n      <span class=\"snr\">02<\/span>\n      <div class=\"sico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7a8.5 8.5 0 0 1-.9-3.8A8.38 8.38 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5z\"\/><path d=\"M8.5 12.5l2 2 4-4.5\"\/><\/svg><\/div>\n      <h3>Als hetzelfde gesprek steeds terugkomt.<\/h3>\n      <p>Wanneer afspraken vervagen, spanning oploopt en gedrag zich herhaalt. Niet omdat mensen niet willen, maar omdat patronen onzichtbaar blijven.<\/p>\n    <\/div>\n\n    <div class=\"sit rev d3\">\n      <span class=\"snr\">03<\/span>\n      <div class=\"sico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 17l5-5-5-5M12 19h8\"\/><\/svg><\/div>\n      <h3>Als aansturen begint te schuren.<\/h3>\n      <p>Wanneer je voelt dat er iets gebeurt onder druk, maar het gesprek steeds vastloopt op interpretatie en intentie.<\/p>\n    <\/div>\n\n    <div class=\"sit rev d4\">\n      <span class=\"snr\">04<\/span>\n      <div class=\"sico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 0 1 9-9 9 9 0 0 1 6.7 3M21 12a9 9 0 0 1-9 9 9 9 0 0 1-6.7-3\"\/><path d=\"M18 3v3h-3M6 21v-3h3\"\/><\/svg><\/div>\n      <h3>Als context sneller verandert dan gedrag.<\/h3>\n      <p>Nieuwe structuren, nieuw tempo, nieuwe verwachtingen. Maar oud gedrag blijft terugkomen zodra de druk stijgt.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ===================== PRICING ===================== -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"pricing rev\">\n    <div class=\"ph-head\">\n      <span class=\"eyebrow\">Pricing Model<\/span>\n      <h2>Voor elke context.<\/h2>\n      <p class=\"sub\">Vier opties. Zelfde impact.<\/p>\n    <\/div>\n    <div class=\"prijslijst\">\n\n      <div class=\"prow\">\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n        <div class=\"pmain\"><h4>Bestaande medewerker<\/h4><p>Profiel per medewerker. Maak het onzichtbare zichtbaar.<\/p><\/div>\n        <div class=\"pprice\"><span class=\"vanaf\">vanaf<\/span><span class=\"bedrag\">&euro;575,-<\/span><\/div>\n        <a class=\"pcta\" href=\"https:\/\/inr.institute\/contact\/\">Contact <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n      <\/div>\n\n      <div class=\"prow\">\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M19 8v6M22 11h-6\"\/><\/svg><\/div>\n        <div class=\"pmain\"><h4>New Hire &amp; Selectie<\/h4><p>Profiel per new hire. Maak selectie effectiever.<\/p><\/div>\n        <div class=\"pprice\"><span class=\"vanaf\">vanaf<\/span><span class=\"bedrag\">&euro;695,-<\/span><\/div>\n        <a class=\"pcta\" href=\"https:\/\/inr.institute\/contact\/\">Contact <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n      <\/div>\n\n      <div class=\"prow\">\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 2v4M12 18v4M5 12H1M23 12h-4M3 7l3 3M18 14l3 3M3 17l3-3M18 10l3-3\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n        <div class=\"pmain\"><h4>Onboarding<\/h4><p>Profiel over de eerste maanden. Begrijp de fase waarin ontwikkeling ontstaat.<\/p><\/div>\n        <div class=\"pprice\"><span class=\"vanaf\">vanaf<\/span><span class=\"bedrag\">&euro;595,-<\/span><\/div>\n        <a class=\"pcta\" href=\"https:\/\/inr.institute\/contact\/\">Contact <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n      <\/div>\n\n      <div class=\"prow\">\n        <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"9\" cy=\"7\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.5\"\/><path d=\"M2 20c0-3.5 3-6 7-6s7 2.5 7 6M16 14c3 0 6 2 6 6\"\/><\/svg><\/div>\n        <div class=\"pmain\"><h4>Teamreflectie<\/h4><p>Teamprofiel. Wat er werkelijk gebeurt in teams. Minimaal 10 medewerkers.<\/p><\/div>\n        <div class=\"pprice\"><span class=\"vanaf\">vanaf<\/span><span class=\"bedrag\">&euro;225,-<\/span><\/div>\n        <a class=\"pcta\" href=\"https:\/\/inr.institute\/contact\/\">Contact <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== FAQ ===================== -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"verschil rev\" style=\"text-align:center !important;margin:0 auto 50px !important;\">\n    <span class=\"eyebrow\" style=\"display:block !important;margin-bottom:14px !important;\">Veelgestelde vragen<\/span>\n    <h2 style=\"font-size:clamp(28px,4vw,46px) !important;\">Frequently Asked Questions<\/h2>\n  <\/div>\n  <div class=\"faq-grid rev\" id=\"inrpp2Faq\">\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Wat meet of beoordeelt het Pressure Profile?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Het meet niets en beoordeelt niemand. Het profileert patronen van zichtbaar gedrag onder druk, zonder scores, labels of oordelen.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Voor wie is het INR Pressure Profile bedoeld?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Voor medewerkers, leidinggevenden en teams die beter willen begrijpen wat er gebeurt wanneer spanning oploopt in het werk.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Is dit een persoonlijkheidstest?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Nee. Het Pressure Profile gaat niet over wie iemand is, maar over wat zichtbaar gebeurt in het werk onder druk.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Worden er scores of kleuren gebruikt?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Nee. Het model gebruikt bewust geen scores, rankings of kleuren om vergelijking of beoordeling te voorkomen.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Wat maakt dit anders dan andere gedrags- of stresstesten?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Het INR Pressure Profile vermijdt labels en conclusies. Het beschrijft gedrag als logisch en contextafhankelijk, niet als probleem of eigenschap.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Wat betekent &#8216;druk&#8217; in dit profiel?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Druk verwijst naar werksituaties waarin verwachtingen, afhankelijkheden of sturing spanning veroorzaken, niet naar stress als medisch begrip.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Hoe betrouwbaar is het Pressure Profile?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Het profiel is gebaseerd op wetenschappelijk onderbouwd onderzoek en ontworpen om herkenning en gesprek te ondersteunen, niet om waarheid vast te stellen.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Wat levert het concreet op in de praktijk?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Een gedeelde taal om te praten over gedrag onder druk, zonder schuld, zonder oordeel en zonder oplossingen op te dringen.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Hoe wordt het Pressure Profile gebruikt in gesprekken?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Als vertrekpunt voor herkenning. Het helpt om samen te benoemen wat zichtbaar gebeurt wanneer spanning toeneemt.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Kan het ook op teamniveau worden ingezet?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Ja. Het profiel kan individueel worden gebruikt en als input voor teamreflectie.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Is er begeleiding nodig om het profiel te begrijpen?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Nee, het profiel is zo geschreven dat het ook zonder voorkennis leesbaar en herkenbaar is.<\/div><\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button type=\"button\" class=\"faq-q\">Waarom bevat het profiel geen advies of oplossingen?\n        <svg class=\"faq-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\n      <div class=\"faq-a\"><div class=\"faq-a-inner\">Omdat het eerst helder maakt wat er gebeurt. Oplossingen horen bij het gesprek daarna, niet in het profiel zelf.<\/div><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div>\n<!-- ===================== EINDE .inrpp2 (DEEL 2) ===================== -->\n\n<script>\n(function(){\n  function start(){\n    \/\/ FAQ open\/dicht\n    var faq=document.getElementById('inrpp2Faq');\n    if(faq){\n      var items=faq.querySelectorAll('.faq-item');\n      Array.prototype.forEach.call(items,function(item){\n        var q=item.querySelector('.faq-q');\n        var a=item.querySelector('.faq-a');\n        q.addEventListener('click',function(){\n          var open=item.classList.contains('open');\n          \/\/ sluit alle anderen\n          Array.prototype.forEach.call(items,function(other){\n            other.classList.remove('open');\n            var oa=other.querySelector('.faq-a'); oa.style.setProperty('max-height','0px','important');\n          });\n          if(!open){\n            item.classList.add('open');\n            a.style.setProperty('max-height',a.scrollHeight+'px','important');\n          }\n        });\n      });\n    }\n    \/\/ reveal-on-scroll\n    var els=document.querySelectorAll('.inrpp2 .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});}\n    else{\n      var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n      els.forEach(function(e){io.observe(e);});\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.06) !important;\n  padding:8px 15px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-contact .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;}\n.inr-contact .paneel h2{font-weight:700 !important;font-size:clamp(28px,3.6vw,42px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-contact .paneel .lead{font-size:clamp(15px,1.6vw,17px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;max-width:42ch !important;}\n.inr-contact .direct{margin-top:auto !important;padding-top:42px !important;}\n.inr-contact .direct-l{font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;margin-bottom:16px !important;}\n.inr-contact .direct-rij{display:flex !important;align-items:center !important;gap:13px !important;margin-bottom:13px !important;}\n.inr-contact .direct-rij:last-child{margin-bottom:0 !important;}\n.inr-contact .direct-ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;}\n.inr-contact .direct-ic svg{width:17px !important;height:17px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .direct-rij a,.inr-contact .direct-rij span{font-size:15.5px !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.01em !important;transition:color .2s !important;word-break:break-word !important;}\n.inr-contact a.direct-link:hover{color:#fff !important;}\n\n\/* ---------- 5. RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-contact .form-zij{padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;background:transparent !important;}\n.inr-contact .veld-rij{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:18px !important;margin-bottom:20px !important;}\n.inr-contact .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;}\n.inr-contact .veld.vol{margin-bottom:20px !important;}\n.inr-contact .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em !important;margin-bottom:8px !important;}\n\/* CONTRAST-FIX: was --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld label .ster{color:var(--grijs) !important;font-weight:400 !important;}\n.inr-contact .veld input,.inr-contact .veld select,.inr-contact .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:14px 16px !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,background .2s !important;\n}\n\/* CONTRAST-FIX: placeholders waren --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld input::placeholder,.inr-contact .veld textarea::placeholder{color:var(--grijs) !important;opacity:1 !important;}\n.inr-contact .veld input:focus,.inr-contact .veld select:focus,.inr-contact .veld textarea:focus{\n  border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;\n}\n.inr-contact .veld input.fout,.inr-contact .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-contact .veld textarea{min-height:130px !important;resize:vertical !important;}\n.inr-contact .veld.select-veld{position:relative !important;}\n\/* Decoratieve chevron, mee verhoogd naar --grijs voor visuele samenhang. *\/\n.inr-contact .veld.select-veld::after{content:'' !important;position:absolute !important;right:18px !important;bottom:19px !important;width:8px !important;height:8px !important;border-right:1.6px solid var(--grijs) !important;border-bottom:1.6px solid var(--grijs) !important;transform:rotate(45deg) !important;pointer-events:none !important;}\n.inr-contact .veld select{cursor:pointer !important;padding-right:40px !important;}\n\n\/* honeypot, visueel verborgen *\/\n.inr-contact .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n.inr-contact .knop{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  margin-top:8px !important;background:var(--ink) !important;color:#fff !important;border-radius:14px !important;\n  padding:17px 28px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:-.005em !important;line-height:1.2 !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-contact .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-contact .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-contact .knop:hover svg{transform:translateX(4px) !important;}\n.inr-contact .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-contact .form-fout{font-size:13.5px !important;font-weight:400 !important;color:#DC2626 !important;margin-top:14px !important;text-align:center !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-contact .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-contact .form-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-contact .form-belofte svg{width:14px !important;height:14px !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\/* ---------- 6. SUCCES-STAAT ---------- *\/\n.inr-contact .form-velden.verzonden{display:none !important;}\n.inr-contact .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding:14px 0 !important;}\n.inr-contact .succes.toon{display:flex !important;}\n.inr-contact .succes .vink{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-contact .succes .vink svg{width:26px !important;height:26px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .succes h3{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}\n.inr-contact .succes p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;}\n\n\/* ---------- 7. REVEAL ---------- *\/\n.inr-contact .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-contact .rev.in{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 8. MOBIEL ---------- *\/\n@media(max-width:880px){\n  .inr-contact .wrap{padding:64px 0 !important;}\n  .inr-contact .kaart{grid-template-columns:1fr !important;border-radius:26px !important;}\n  .inr-contact .paneel{padding:40px 28px !important;}\n  .inr-contact .paneel .lead{max-width:none !important;}\n  .inr-contact .direct{padding-top:34px !important;}\n  .inr-contact .form-zij{padding:36px 28px !important;}\n  .inr-contact .veld-rij{grid-template-columns:1fr !important;gap:0 !important;margin-bottom:0 !important;}\n  .inr-contact .veld-rij .veld{margin-bottom:20px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-contact .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-contact .blob{animation:none !important;}\n  .inr-contact .knop,.inr-contact .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-contact\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><\/div>\n\n<div class=\"wrap\">\n  <div class=\"kaart rev\">\n\n    <!-- LINKER PANEEL -->\n    <div class=\"paneel\">\n      <div class=\"paneel-in\">\n\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/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      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/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    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\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    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\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); }\n          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      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\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      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <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 bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Zie wat druk doet. En hoe werkgedrag verandert. Het Pressure Profile maakt zichtbaar wat normaal verborgen blijft. Niet wie iemand is, maar wat druk doet. Ervaar de vragenlijst Het Pressure Profile geeft organisaties scherp inzicht in hoe mensen daadwerkelijk functioneren onder druk, zodat betere keuzes worden gemaakt over rol, context en samenwerking. Het fundament Zichtbaar [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":66330,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-58751","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/58751","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=58751"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/58751\/revisions"}],"predecessor-version":[{"id":80641,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/58751\/revisions\/80641"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/66330"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=58751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}