{"id":56286,"date":"2025-09-03T15:22:46","date_gmt":"2025-09-03T13:22:46","guid":{"rendered":"https:\/\/inr.institute\/?page_id=56286"},"modified":"2026-07-02T14:45:58","modified_gmt":"2026-07-02T12:45:58","slug":"indian-rupee-pulse","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-pulse\/","title":{"rendered":"INR Pulse"},"content":{"rendered":"\n<!-- ============================================================================\n     INR PULSE \u00b7 LANDINGSPAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-pulse en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Accentkleur: Pulse rood #FD4C5C.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-pulse{\n  --accent:#FD4C5C; --accent-2:#FF8A95; --ink:#1F0A0E; --grijs:#7A6B6E; --bg:#FBF2F3;\n  --core:#7448FD; --fluent:#2875FB; --pulse:#FD4C5C; --sync:#FD7634; --echo:#5AC380;\n  --lucht:#FFB3BC; --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.inr-pulse, .inr-pulse *, .inr-pulse *::before, .inr-pulse *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-pulse h1,.inr-pulse h2,.inr-pulse h3,.inr-pulse h4,.inr-pulse p,\n.inr-pulse span,.inr-pulse div,.inr-pulse ul,.inr-pulse li,.inr-pulse a{margin:0;padding:0;}\n.inr-pulse ul{list-style:none !important;}\n.inr-pulse a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-pulse .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-pulse .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inrp-drift 26s ease-in-out infinite !important;}\n.inr-pulse .blob.a{width:560px;height:560px;background:rgba(253,76,92,.22);top:-160px;left:-140px;}\n.inr-pulse .blob.b{width:500px;height:500px;background:rgba(255,138,149,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-pulse .blob.c{width:640px;height:640px;background:rgba(253,76,92,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inrp-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-pulse .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.inr-pulse .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-pulse .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-pulse .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-pulse .grad{background:linear-gradient(115deg,var(--accent),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-pulse .kop{text-align:center !important;max-width:780px !important;margin:0 auto 60px !important;}\n.inr-pulse .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-pulse .kop h2{font-weight:600 !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.inr-pulse .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-pulse .rev{opacity:0;transform:translateY(38px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-pulse .rev.in{opacity:1 !important;transform:none !important;}\n.inr-pulse .d1{transition-delay:.07s;}.inr-pulse .d2{transition-delay:.14s;}.inr-pulse .d3{transition-delay:.21s;}\n.inr-pulse .d4{transition-delay:.28s;}.inr-pulse .d5{transition-delay:.35s;}.inr-pulse .d6{transition-delay:.42s;}\n.no-js .inr-pulse .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-pulse .kaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.14) !important;border-radius:var(--radius) !important;padding:34px !important;position:relative !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -28px rgba(253,76,92,.22) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-pulse .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(253,76,92,.28) !important;}\n.inr-pulse .kaart .ico{width:50px !important;height:50px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:20px !important;background:rgba(253,76,92,.1) !important;color:var(--accent) !important;}\n.inr-pulse .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-pulse .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-pulse .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- responsive basis ---------- *\/\n.inr-pulse .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-pulse{padding-left:22px !important;padding-right:22px !important;}\n  .inr-pulse .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-pulse .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-pulse .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-pulse .strip .cel{padding-left:16px !important;padding-right:16px !important;}\n  .inr-pulse .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-pulse .sec{padding:72px 0 !important;}\n  .inr-pulse .essentie{grid-template-columns:1fr !important;}\n  .inr-pulse .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-pulse .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-pulse .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-pulse .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-pulse .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-pulse\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-pulse .hero{min-height:92vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;}\n.inr-pulse .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(--accent) !important;background:rgba(253,76,92,.08) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-pulse .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 4px rgba(253,76,92,.15) !important;}\n.inr-pulse .hero h1{font-weight:600 !important;font-size:clamp(44px,7.6vw,92px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;\n  max-width:16ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-pulse .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:54ch !important;line-height:1.5 !important;}\n.inr-pulse .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-pulse .hero .hint{margin-top:38px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--grijs) !important;letter-spacing:.04em !important;}\n.inr-pulse .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n\n\/* ---------- HERO DROPDOWN ---------- *\/\n.inr-pulse .keuze{margin-top:44px !important;position:relative !important;max-width:480px !important;width:100% !important;z-index:30 !important;}\n.inr-pulse .keuze .keuze-knop{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:16px !important;width:100% !important;cursor:pointer !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.22) !important;border-radius:16px !important;padding:17px 20px !important;text-align:left !important;\n  box-shadow:0 10px 40px -28px rgba(253,76,92,.3) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s !important;}\n.inr-pulse .keuze .keuze-knop:hover{transform:translateY(-2px) !important;border-color:rgba(253,76,92,.4) !important;box-shadow:0 18px 50px -28px rgba(253,76,92,.4) !important;}\n.inr-pulse .keuze .keuze-knop .kt{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important;}\n.inr-pulse .keuze .keuze-knop .kt .klein{font-size:11px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-pulse .keuze .keuze-knop .kt .groot{font-size:16px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important;}\n.inr-pulse .keuze .keuze-knop .pijl{flex:none !important;width:20px !important;height:20px !important;margin-left:6px !important;margin-top:14px !important;color:var(--accent) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-pulse .keuze.open .keuze-knop .pijl{transform:rotate(180deg) !important;}\n\/* MENU DUWT DE PAGINA OPEN (geen zwevende overlay).\n   Het menu staat in de normale stroom (position:static) en klapt open door\n   zijn max-height te laten groeien, waardoor de inhoud eronder netjes mee naar\n   beneden schuift. Zo ligt het menu nooit over andere elementen heen en is elke\n   optie altijd klikbaar. Dit is hetzelfde gedrag dat de mobiele weergave al had,\n   nu voor alle schermen. *\/\n.inr-pulse .keuze .keuze-menu{position:static !important;top:auto !important;left:0 !important;right:0 !important;\n  background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(24px) !important;backdrop-filter:blur(24px) !important;\n  border:1px solid rgba(253,76,92,.16) !important;border-radius:16px !important;overflow:hidden !important;\n  box-shadow:0 24px 60px -26px rgba(31,10,14,.28) !important;\n  max-height:0 !important;margin-top:0 !important;padding:0 8px !important;\n  opacity:0 !important;transform:none !important;pointer-events:none !important;\n  transition:max-height .4s cubic-bezier(.2,.7,.2,1),margin-top .4s cubic-bezier(.2,.7,.2,1),padding .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease !important;}\n.inr-pulse .keuze.open .keuze-menu{max-height:560px !important;margin-top:10px !important;padding:8px !important;\n  opacity:1 !important;transform:none !important;pointer-events:auto !important;}\n.inr-pulse .keuze .keuze-menu a{display:flex !important;align-items:center !important;gap:13px !important;padding:13px 14px !important;border-radius:11px !important;\n  color:var(--ink) !important;transition:background .25s !important;}\n.inr-pulse .keuze .keuze-menu a:hover{background:rgba(253,76,92,.08) !important;}\n.inr-pulse .keuze .keuze-menu a .mico{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:rgba(253,76,92,.1) !important;color:var(--accent) !important;}\n.inr-pulse .keuze .keuze-menu a .mico svg{width:17px !important;height:17px !important;}\n.inr-pulse .keuze .keuze-menu a .mt{display:flex !important;flex-direction:column !important;gap:2px !important;}\n.inr-pulse .keuze .keuze-menu a .mt .mtitel{font-size:15px !important;font-weight:600 !important;letter-spacing:-.01em !important;color:var(--ink) !important;}\n.inr-pulse .keuze .keuze-menu a .mt .msub{font-size:12.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.4 !important;}\n@media(max-width:820px){\n  \/* Het openduw-gedrag van het menu is nu standaard voor alle schermen; op\n     smalle schermen laten we het menu alleen de volle breedte gebruiken. *\/\n  .inr-pulse .keuze{max-width:100% !important;}\n}\n@media(max-width:820px){.inr-pulse .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-pulse .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-pulse .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Pulse \u00b7 de hartslag van de klant<\/div>\n  <h1>Verkoop door echte <span class=\"grad\">verbinding<\/span>.<\/h1>\n  <p class=\"lead\">Geen scripts, geen trucs. INR Pulse leert je de hartslag van de klant te voelen, zijn Inner Needs te lezen en daar betekenisvol op in te spelen. <strong>Voelen. Begrijpen. Verbinden.<\/strong><\/p>\n\n  <!-- =====================================================================\n       DROPDOWN MET VERDIEPENDE PAGINA'S\n       Pas hier eenvoudig de links, titels en omschrijvingen aan.\n       Voeg een optie toe of haal er een weg door een <a> blok te kopieren\n       of te verwijderen. Niets anders hoeft te veranderen.\n       ===================================================================== -->\n  <div class=\"keuze\" id=\"pulseKeuze\">\n    <button type=\"button\" class=\"keuze-knop\" id=\"pulseKeuzeKnop\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span class=\"kt\">\n        <span class=\"klein\">Verdieping<\/span>\n        <span class=\"groot\">Ontdek Pulse in de praktijk<\/span>\n      <\/span>\n      <svg class=\"pijl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n    <\/button>\n    <div class=\"keuze-menu\" role=\"menu\">\n\n      <!-- OPTIE 1 : Key Account Management (schild) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-pulse\/key-account-management\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c5-3 8-7 8-12V5l-8-3-8 3v5c0 5 3 9 8 12z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Key Account Management<\/span><span class=\"msub\">Strategische relaties die meegroeien<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 2 : Challenger Sales (bliksem) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-pulse\/challenger-sales\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Challenger Sales<\/span><span class=\"msub\">Verkopen door de klant te laten denken<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 3 : Commercieel onderhandelen (twee pijlen, geven en nemen) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-pulse\/commercieel-onderhandelen\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 3l4 4-4 4\"><\/path><path d=\"M20 7H8\"><\/path><path d=\"M8 21l-4-4 4-4\"><\/path><path d=\"M4 17h12\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Commercieel onderhandelen<\/span><span class=\"msub\">Onderhandeling op de moderne manier<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 4 : Waardepropositie (prijskaartje) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-pulse\/waardepropositie\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.6 13.4l-7.2 7.2a1.9 1.9 0 0 1-2.7 0l-7.3-7.3a1.9 1.9 0 0 1-.5-1.3V4.4A1.4 1.4 0 0 1 4.3 3h7.6a1.9 1.9 0 0 1 1.3.5l7.4 7.4a1.9 1.9 0 0 1 0 2.5z\"><\/path><circle cx=\"7.5\" cy=\"7.5\" r=\"1.3\"><\/circle><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Waardepropositie<\/span><span class=\"msub\">Waarom klanten kopen<\/span><\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll en ontdek hoe Pulse werkt<\/div>\n<\/section>\n\n<!-- ========================= ESSENTIE \/ DRIE BELOFTES ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De essentie<\/span>\n    <h2>Invloed die natuurlijk voelt.<\/h2>\n    <p>Pulse maakt zichtbaar wat een klant werkelijk nodig heeft en hoe dat zijn gedrag stuurt. Afstemmen in plaats van overtuigen, gebouwd op het INR Model.<\/p>\n  <\/div>\n  <div class=\"essentie\">\n    <div class=\"kaart rev d1\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"><\/path><\/svg><\/div>\n      <h3>Voel de hartslag<\/h3>\n      <p>Pulse leert je de innerlijke drijfveren achter klantgedrag waarnemen, voordat er een woord over een product valt. Waarnemen. Aanvoelen. Afstemmen.<\/p>\n    <\/div>\n    <div class=\"kaart rev d2\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n      <h3>Van overtuigen naar begrijpen<\/h3>\n      <p>Invloed wordt natuurlijk zodra je begrijpt in plaats van duwt. Klanten voelen zich gezien, niet benaderd. Eerlijk. Vloeiend. Afgestemd.<\/p>\n    <\/div>\n    <div class=\"kaart rev d3\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22c5-3 8-7 8-12V5l-8-3-8 3v5c0 5 3 9 8 12z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n      <h3>Duurzame klantrelaties<\/h3>\n      <p>Engagement dat standhoudt, omdat het voortkomt uit afstemming en niet uit een verkooptechniek. Vertrouwen. Loyaliteit. Resonantie.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= STATSTRIP ========================= -->\n<style>\n.inr-pulse .strip{border-top:1px solid rgba(253,76,92,.12) !important;border-bottom:1px solid rgba(253,76,92,.12) !important;background:rgba(255,255,255,.4) !important;}\n.inr-pulse .strip .rij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;}\n.inr-pulse .strip .cel{padding:46px 24px !important;text-align:center !important;border-right:1px solid rgba(253,76,92,.08) !important;}\n.inr-pulse .strip .cel:last-child{border-right:0 !important;}\n.inr-pulse .strip .getal{font-weight:700 !important;font-size:clamp(30px,4.6vw,48px) !important;letter-spacing:-.04em !important;line-height:1 !important;\n  background:linear-gradient(115deg,var(--accent),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-pulse .strip .om{font-size:14px !important;font-weight:400 !important;color:var(--grijs) !important;margin-top:10px !important;}\n@media(max-width:820px){.inr-pulse .strip .rij{grid-template-columns:repeat(2,1fr) !important;}.inr-pulse .strip .cel:nth-child(2){border-right:0 !important;}.inr-pulse .strip .cel:nth-child(1),.inr-pulse .strip .cel:nth-child(2){border-bottom:1px solid rgba(253,76,92,.08) !important;}}\n<\/style>\n<section class=\"strip\">\n  <div class=\"wrap\"><div class=\"rij\">\n    <div class=\"cel rev d1\"><div class=\"getal\">5<\/div><div class=\"om\">bewegingen van betekenisvolle invloed<\/div><\/div>\n    <div class=\"cel rev d2\"><div class=\"getal\">3<\/div><div class=\"om\">lagen van klantgedrag die je leert lezen<\/div><\/div>\n    <div class=\"cel rev d3\"><div class=\"getal\">0<\/div><div class=\"om\">scripts of salestrucs nodig<\/div><\/div>\n    <div class=\"cel rev d4\"><div class=\"getal\">?<\/div><div class=\"om\">waarde in relaties die blijven<\/div><\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= DE REIS: PERCEIVE \/ UNDERSTAND \/ LISTEN \/ SENSE \/ ENGAGE ========================= -->\n<style>\n.inr-pulse .reis-kop{text-align:center !important;max-width:760px !important;margin:0 auto 64px !important;}\n.inr-pulse .reis-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-pulse .reis-kop h2{font-weight:600 !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.inr-pulse .reis-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-pulse .stappen{display:flex !important;flex-direction:column !important;gap:22px !important;max-width:980px !important;margin:0 auto !important;}\n.inr-pulse .stap{display:grid !important;grid-template-columns:88px 1fr !important;gap:30px !important;align-items:flex-start !important;\n  background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.10) !important;border-radius:var(--radius) !important;padding:34px 36px !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-pulse .stap:hover{transform:translateY(-4px) !important;box-shadow:0 28px 60px -28px rgba(253,76,92,.26) !important;}\n.inr-pulse .stap .letter{font-weight:700 !important;font-size:54px !important;line-height:.9 !important;letter-spacing:-.04em !important;\n  background:linear-gradient(140deg,var(--accent),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-pulse .stap .woord{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--accent) !important;margin-bottom:8px !important;display:block !important;}\n.inr-pulse .stap h3{font-weight:600 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inr-pulse .stap p{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;margin-bottom:10px !important;}\n.inr-pulse .stap p:last-child{margin-bottom:0 !important;}\n.inr-pulse .stap p strong{font-weight:600 !important;color:var(--ink) !important;}\n@media(max-width:820px){.inr-pulse .stap{grid-template-columns:1fr !important;gap:14px !important;padding:28px 24px !important;}.inr-pulse .stap .letter{font-size:44px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"reis-kop rev\">\n    <span class=\"eyebrow\">De ritmiek van Pulse<\/span>\n    <h2>Vijf bewegingen, van waarnemen naar verbinden.<\/h2>\n    <p>Pulse volgt de natuurlijke ritmiek van een klantrelatie: van scherp waarnemen, via begrijpen en luisteren, naar aanvoelen en oprechte betrokkenheid.<\/p>\n  <\/div>\n  <div class=\"stappen\">\n    <div class=\"stap rev d1\">\n      <div class=\"letter\">P<\/div>\n      <div>\n        <span class=\"woord\">Perceive<\/span>\n        <h3>De klant zien in zijn volle gedragscontext<\/h3>\n        <p>Alles begint bij waarnemen. Deelnemers leren een klant niet te benaderen vanuit productlogica, maar vanuit gedragsperceptie: wat laat deze klant zien, en wat probeert hij duidelijk te maken via zijn Inner Needs, zijn Narrative en zijn Reaction.<\/p>\n        <p><strong>Wie echt waarneemt, verkoopt niet maar verbindt. Dat is het begin van een betekenisvolle relatie.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d2\">\n      <div class=\"letter\">U<\/div>\n      <div>\n        <span class=\"woord\">Understand<\/span>\n        <h3>De behoefte achter het gedrag duiden<\/h3>\n        <p>Begrijpen is niet rationeel maar empathisch en gedragsgericht. Deelnemers leren gedrag analyseren op basis van wat iemand werkelijk nodig heeft, zelfs als de klant dat zelf nog niet kan benoemen.<\/p>\n        <p><strong>Door te begrijpen in plaats van te overtuigen wordt invloed natuurlijk, niet opdringerig.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d3\">\n      <div class=\"letter\">L<\/div>\n      <div>\n        <span class=\"woord\">Listen<\/span>\n        <h3>Luisteren naar wat gedrag vertelt<\/h3>\n        <p>Luisteren is niet alleen auditief maar ook gedragsmatig: het gaat om wat er tussen de woorden gebeurt. Deelnemers leren het Narratief van de klant herkennen in taalgebruik, expressie en gedrag, en zien waar ze er betekenis aan kunnen toevoegen.<\/p>\n        <p><strong>Luisteren op INR-niveau zorgt voor diepere connecties en betere timing van invloed.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d4\">\n      <div class=\"letter\">S<\/div>\n      <div>\n        <span class=\"woord\">Sense<\/span>\n        <h3>Aanvoelen welke drijfveren actief zijn<\/h3>\n        <p>Zintuiglijk aanvoelen welke innerlijke drijfveren bij de ander spelen vraagt aanwezigheid en zelfbewustzijn, voorbij techniek. Deelnemers leren de signalen van Inner Needs en Reactions aanvoelen en hun communicatie daarop afstemmen.<\/p>\n        <p><strong>Klanten voelen zich begrepen, niet benaderd. Dat verhoogt vertrouwen en respons.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d5\">\n      <div class=\"letter\">E<\/div>\n      <div>\n        <span class=\"woord\">Engage<\/span>\n        <h3>Een uitnodiging tot interactie<\/h3>\n        <p>Echte be\u00efnvloeding is geen actie maar een uitnodiging. Engagement ontstaat wanneer de ander zich gezien en begrepen voelt, in lijn met zijn INR-profiel. Deelnemers oefenen gedragsvormen die uitnodigen tot verbinding in plaats van salestrucs.<\/p>\n        <p><strong>Engagement wordt duurzaam omdat het voortkomt uit afstemming, niet uit overtuiging.<\/strong><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT DE DEELNEMER MEENEEMT ========================= -->\n<style>\n.inr-pulse .drie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-pulse .drie .kaart h3{display:flex !important;align-items:center !important;gap:10px !important;}\n.inr-pulse .lijst{margin-top:18px !important;display:flex !important;flex-direction:column !important;gap:14px !important;}\n.inr-pulse .item{display:flex !important;gap:13px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-pulse .item .v{flex:none !important;width:22px !important;height:22px !important;border-radius:7px !important;background:rgba(253,76,92,.12) !important;color:var(--accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-pulse .item .v svg{width:13px !important;height:13px !important;}\n@media(max-width:820px){.inr-pulse .drie{grid-template-columns:1fr !important;}}\n.inr-pulse .cta-rij{text-align:center !important;margin-top:48px !important;}\n.inr-pulse .cta-knop{display:inline-flex !important;align-items:center !important;gap:11px !important;cursor:pointer !important;\n  font-size:16px !important;font-weight:600 !important;letter-spacing:-.01em !important;color:#fff !important;\n  background:linear-gradient(120deg,var(--accent),var(--accent-2)) !important;\n  padding:17px 30px !important;border-radius:99px !important;\n  box-shadow:0 14px 40px -16px rgba(253,76,92,.55) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-pulse .cta-knop:hover{transform:translateY(-3px) !important;box-shadow:0 22px 54px -16px rgba(253,76,92,.65) !important;}\n.inr-pulse .cta-knop svg{width:19px !important;height:19px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-pulse .cta-knop:hover svg{transform:translateX(4px) !important;}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat Pulse oplevert<\/span>\n    <h2>Invloed die de deelnemer meeneemt.<\/h2>\n    <p>Aan het einde van het programma stemt de deelnemer af op wat de klant werkelijk drijft, bouwt hij vertrouwen via waarneming en doorziet hij waar in het contact resonantie ontstaat of juist verstoring.<\/p>\n  <\/div>\n  <div class=\"drie\">\n    <div class=\"kaart rev d1\">\n      <h3>Kunnen<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Klantgedrag analyseren vanuit Inner Needs, Narrative en Reaction.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Be\u00efnvloeding toepassen op basis van gedragsafstemming in plaats van technieken.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Vertrouwen en engagement opbouwen via waarneming en betekenisvolle respons.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"kaart rev d2\">\n      <h3>Weten<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Hoe klanten beslissingen nemen vanuit persoonlijke drijfveren.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Welke verhalen klanten zichzelf vertellen en hoe die hun gedrag sturen.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Waarom traditionele salesaanpakken vaak weerstand oproepen.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"kaart rev d3\">\n      <h3>Doorzien<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>De echte behoefte achter een klantvraag of bezwaar.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Hoe hun eigen gedrag invloed heeft op het gedrag van de klant.<\/span><\/div>\n        <div class=\"item\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Waar ze in het contact resonantie cre\u00ebren of juist verstoring veroorzaken.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- =====================================================================\n       KNOP NAAR DE WAARDE-PAGINA\n       Pas hier de link aan als de bestemming verandert.\n       ===================================================================== -->\n  <div class=\"cta-rij rev\">\n    <a class=\"cta-knop\" href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-pulse\/waarde-inr-pulse\/\">\n      Ontdek de waarde van Pulse\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE KANTELING: WAT DE ORGANISATIE IN HANDEN KRIJGT ========================= -->\n<style>\n.inr-pulse .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-pulse .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-pulse .kantel .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-pulse .kantel .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-pulse .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-pulse .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-pulse .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-pulse .pkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.14) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(253,76,92,.24) !important;display:flex !important;gap:18px !important;align-items:flex-start !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-pulse .pkaart:hover{transform:translateX(5px) !important;}\n.inr-pulse .pkaart .ico{flex:none !important;width:44px !important;height:44px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(253,76,92,.1) !important;color:var(--accent) !important;}\n.inr-pulse .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-pulse .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-pulse .pkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n@media(max-width:820px){.inr-pulse .kantel{grid-template-columns:1fr !important;gap:38px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kantel\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Het organisatieperspectief<\/span>\n      <h2>Jullie scheppen de voorwaarden. De relatie doet de rest.<\/h2>\n      <p>Een organisatie kan loyaliteit niet afdwingen, maar wel de condities cre\u00ebren waarin commerci\u00eble mensen weer echt verbinding maken met de klant. Dat is wat Pulse jullie in handen geeft: geen script om af te draaien, maar een manier van waarnemen waarin vertrouwen van binnenuit kan groeien.<\/p>\n      <p><strong>Wat daaruit voortkomt, blijft.<\/strong> Een klant die zich gezien voelt, hoeft niet telkens opnieuw overtuigd te worden. Daarmee verschuift de commerci\u00eble rol van duwen naar afstemmen, en van transactie naar relatie.<\/p>\n    <\/div>\n    <div class=\"perspectief\">\n      <div class=\"pkaart rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"><\/path><\/svg><\/div>\n        <div><h4>Een gemeenschappelijke taal<\/h4><p>Commerci\u00eble teams krijgen woorden voor wat zich onder het klantgedrag afspeelt, zonder de klant in een type of label te duwen.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n        <div><h4>Invloed zonder weerstand<\/h4><p>Klanten bewegen mee omdat ze zich begrepen voelen, niet omdat ze onder druk staan. Daardoor houdt de relatie stand.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22c5-3 8-7 8-12V5l-8-3-8 3v5c0 5 3 9 8 12z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n        <div><h4>Een vaardigheid die meegroeit<\/h4><p>Wat mensen leren over gedrag en afstemming, blijft van waarde, ook als markten, producten of doelgroepen veranderen.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CONTRAST: SCRIPT VERSUS VERBINDING ========================= -->\n<style>\n.inr-pulse .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-pulse .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;}\n.inr-pulse .cblok.oud{background:rgba(122,107,110,.05) !important;border:1px solid rgba(122,107,110,.14) !important;}\n.inr-pulse .cblok.kern{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(253,76,92,.18) !important;box-shadow:0 14px 50px -30px rgba(253,76,92,.3) !important;}\n.inr-pulse .cblok .ctag{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:18px !important;display:inline-block !important;}\n.inr-pulse .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-pulse .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-pulse .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-pulse .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-pulse .cblok li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;line-height:1.55 !important;}\n.inr-pulse .cblok.oud li{color:var(--grijs) !important;}\n.inr-pulse .cblok.kern li{color:var(--ink) !important;}\n.inr-pulse .cblok li .m{flex:none !important;width:20px !important;height:20px !important;border-radius:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-pulse .cblok.oud li .m{background:rgba(122,107,110,.12) !important;color:var(--grijs) !important;}\n.inr-pulse .cblok.kern li .m{background:rgba(253,76,92,.12) !important;color:var(--accent) !important;}\n.inr-pulse .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-pulse .contrast{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Waarom het werkt<\/span>\n    <h2>Niet overtuigen, maar afstemmen.<\/h2>\n    <p>De meeste salesaanpakken werken aan de buitenkant en roepen weerstand op zodra de klant de techniek voelt. Pulse werkt aan de binnenkant, waar vertrouwen wel ontstaat.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">De gangbare aanpak<\/span>\n      <h3>Verkopen vanaf de buitenkant<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Scripts en technieken die werken zolang de klant ze niet doorheeft.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Druk die instemming oplevert en daarna weer wegebt.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Productlogica die voorbijgaat aan wat de klant werkelijk nodig heeft.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Weerstand die telkens opnieuw overwonnen moet worden.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Met Pulse<\/span>\n      <h3>Verbinden vanuit gedragsinzicht<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Afstemming op de Inner Needs die de klant zelf herkent.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Invloed die standhoudt, omdat ze voortkomt uit begrip.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Ruimte voor de echte behoefte achter de vraag of het bezwaar.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Vertrouwen dat zichzelf draagt en minder onderhoud vraagt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DONKER STRATEGISCH BLOK ========================= -->\n<style>\n.inr-pulse .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-pulse .donker::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(253,76,92,.5),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-pulse .donker::after{content:'' !important;position:absolute !important;bottom:-140px !important;left:-100px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,138,149,.34),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-pulse .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:720px !important;margin:0 auto 52px !important;}\n.inr-pulse .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-pulse .donker h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-pulse .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-pulse .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-pulse .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;}\n.inr-pulse .laag .rang{font-size:13px !important;font-weight:600 !important;color:var(--lucht) !important;letter-spacing:.06em !important;text-transform:uppercase !important;margin-bottom:14px !important;}\n.inr-pulse .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-pulse .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-pulse .dk-onder{margin-top:42px !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px 34px !important;position:relative !important;z-index:1 !important;}\n.inr-pulse .dk-regel{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.84) !important;line-height:1.5 !important;}\n.inr-pulse .dk-regel .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(253,76,92,.25) !important;color:var(--lucht) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-pulse .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-pulse .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-pulse .lagen{grid-template-columns:1fr !important;}.inr-pulse .dk-onder{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"donker rev\">\n    <div class=\"dk-kop\">\n      <span class=\"eyebrow\">Voor organisaties<\/span>\n      <h2>Commerci\u00eble kracht als gedragsfundament.<\/h2>\n      <p>Wie Pulse inzet, investeert in meer dan verkooptechniek. Commerci\u00eble mensen leren de klant werkelijk lezen en hun gedrag afstemmen op wat die nodig heeft. Wat in het individuele gesprek ontstaat, werkt door in het collectief: in conversie, in loyaliteit en in klanttevredenheid.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 01<\/div><h4>Hogere conversie<\/h4><p>Gesprekken die afstemmen op de echte behoefte sluiten natuurlijker en met minder weerstand.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 02<\/div><h4>Loyaliteit<\/h4><p>Een klant die zich begrepen voelt, blijft. Relatie wint het van transactie.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 03<\/div><h4>Klanttevredenheid<\/h4><p>Verbinding die voortkomt uit afstemming voelt eerlijk, en dat straalt af op het hele contact.<\/p><\/div>\n    <\/div>\n    <div class=\"dk-onder\">\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Mensen die de klant echt begrijpen, bouwen mogelijk diepere en duurzamere relaties.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Afstemming in plaats van druk kan de weerstand in het verkoopproces verlichten.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Resonantie ontstaat waar de juiste boodschap het juiste moment vindt.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Authentieke betrokkenheid kan de reputatie en aantrekkingskracht van het merk versterken.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-pulse .belofte{text-align:center !important;max-width:860px !important;margin:0 auto !important;}\n.inr-pulse .belofte .q{font-weight:600 !important;font-size:clamp(28px,4.2vw,46px) !important;letter-spacing:-.026em !important;line-height:1.16 !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-pulse .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Pulse is geen salestruc, maar het leren <span class=\"grad\">voelen van de klant<\/span>.<\/div>\n    <p>Het programma legt de nadruk op wie de klant werkelijk is: zijn Inner Needs, en hoe zijn Narrative en Reaction zijn beslissingen sturen. Vanuit dat inzicht ontstaat invloed die natuurlijk voelt, en daarom blijft.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-pulse .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-pulse .slot{text-align:center !important;min-height:70vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:110px !important;padding-bottom:110px !important;}\n.inr-pulse .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-pulse .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:16ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-pulse .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:46ch !important;line-height:1.55 !important;}\n.inr-pulse .slot .merk{margin-top:50px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:600 !important;font-size:22px !important;color:var(--ink) !important;}\n.inr-pulse .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(253,76,92,.15) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Voelen. Begrijpen. <span class=\"grad\">Verbinden<\/span>.<\/h2>\n    <p>Pulse leert je de hartslag van de klant te voelen, en te verkopen vanuit echte verbinding.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Pulse<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-pulse ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-pulse .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  function dropdown(){\n    var k=document.getElementById('pulseKeuze');\n    var knop=document.getElementById('pulseKeuzeKnop');\n    if(!k||!knop)return;\n    function sluit(){k.classList.remove('open');knop.setAttribute('aria-expanded','false');}\n    knop.addEventListener('click',function(ev){\n      ev.stopPropagation();\n      var open=k.classList.toggle('open');\n      knop.setAttribute('aria-expanded',open?'true':'false');\n    });\n    document.addEventListener('click',function(ev){if(!k.contains(ev.target))sluit();});\n    document.addEventListener('keydown',function(ev){if(ev.key==='Escape')sluit();});\n  }\n  function init(){start();dropdown();}\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\n})();\n<\/script>\n\n\n\n\n\n<!-- ============================================================================\n     INR INSTITUTE \u00b7 KLANTLOGO'S (\"Klanten waar we trots op zijn\")\n     Plak dit volledig in EEN Custom HTML-widget.\n     Alles gescoped onder .inr-klanten en afgedwongen met !important.\n\n     LET OP \u2014 GEEN eigen font\/preconnect meer in dit blok.\n     Deze widget leeft altijd ONDER een hoofd-element dat het Inter-font\n     al lokaal inlaadt. Deze widget gebruikt dat font.\n     Voeg hier dus GEEN <link rel=\"preconnect\"> of font-stylesheet toe.\n\n     WIJZIGINGEN:\n     1. Vier kapotte alt-attributen hersteld (Gemeente Haarlem, Trengo,\n        Eurofiber, Volvo). Daar stond per ongeluk geen geldige alt meer.\n     2. Alle logo's hebben nu width + height (intrinsieke verhouding), zodat\n        de browser hun ruimte vooraf reserveert en er niets kan verspringen.\n        De CSS houdt width:auto EN height:auto aan, dus de verhouding blijft\n        altijd correct, ook als een opgegeven maat licht afwijkt.\n     ============================================================================ -->\n\n<style>\n.inr-klanten{\n  --ink:#0A0A0B; --paneel:#0E0E10; --rand:rgba(255,255,255,.08);\n  --logo:rgba(255,255,255,.42); --logo-hover:rgba(255,255,255,.92);\n  --tekst:#FFFFFF; --sub:rgba(255,255,255,.55);\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  background:var(--ink) !important; -webkit-font-smoothing:antialiased !important;\n}\n.inr-klanten, .inr-klanten *, .inr-klanten *::before, .inr-klanten *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-klanten div,.inr-klanten p,.inr-klanten h2,.inr-klanten span{margin:0;padding:0;}\n\n\/* ---------- WRAP ---------- *\/\n.inr-klanten .kwrap{position:relative !important;width:100% !important;\n  padding:clamp(48px,7vw,104px) clamp(20px,5vw,80px) !important;\n  max-width:1480px !important;margin:0 auto !important;}\n\n\/* ---------- RASTER ---------- *\/\n.inr-klanten .raster{position:relative !important;display:grid !important;\n  grid-template-columns:repeat(4,1fr) !important;\n  border-top:1px solid var(--rand) !important;border-left:1px solid var(--rand) !important;}\n.inr-klanten .cel{position:relative !important;\n  border-right:1px solid var(--rand) !important;border-bottom:1px solid var(--rand) !important;\n  min-height:clamp(120px,15vw,176px) !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;\n  padding:clamp(20px,3vw,40px) !important;overflow:hidden !important;\n  opacity:0 !important;transform:translateY(14px) !important;\n  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),background .4s ease !important;}\n.inr-klanten .cel.in{opacity:1 !important;transform:none !important;}\n.inr-klanten .cel:hover{background:rgba(255,255,255,.03) !important;}\n\n\/* titelcel *\/\n.inr-klanten .cel.titel{align-items:flex-start !important;justify-content:flex-start !important;\n  flex-direction:column !important;gap:14px !important;}\n.inr-klanten .eyebrow{font-size:12px !important;font-weight:500 !important;letter-spacing:.16em !important;\n  text-transform:uppercase !important;color:var(--sub) !important;}\n.inr-klanten .titel h2{font-size:clamp(22px,2.3vw,30px) !important;font-weight:600 !important;\n  line-height:1.12 !important;letter-spacing:-.02em !important;color:var(--tekst) !important;}\n\n\/* logo's monochroom afgedwongen *\/\n.inr-klanten .cel img{max-width:100% !important;max-height:clamp(28px,3.4vw,44px) !important;\n  width:auto !important;height:auto !important;object-fit:contain !important;display:block !important;\n  filter:grayscale(1) brightness(0) invert(1) opacity(.42) !important;\n  transition:filter .4s ease,transform .5s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-klanten .cel:hover img{filter:grayscale(1) brightness(0) invert(1) opacity(.95) !important;\n  transform:scale(1.04) !important;}\n\n\/* responsief: 3, dan 2 kolommen *\/\n@media(max-width:1000px){\n  .inr-klanten .raster{grid-template-columns:repeat(3,1fr) !important;}\n}\n@media(max-width:640px){\n  .inr-klanten .raster{grid-template-columns:repeat(2,1fr) !important;}\n  .inr-klanten .cel{min-height:118px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-klanten .cel{opacity:1 !important;transform:none !important;transition:background .4s ease !important;}\n}\n<\/style>\n\n<div class=\"inr-klanten\">\n  <div class=\"kwrap\">\n    <div class=\"raster\" id=\"inrKlantenRaster\">\n\n      <div class=\"cel titel\">\n        <span class=\"eyebrow\">Onze klanten<\/span>\n        <h2>Klanten waar we<br>trots op zijn<\/h2>\n      <\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Fris-logo.svg\" alt=\"Fris\" width=\"120\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/samsung-logo-transparent-9.webp\" alt=\"Samsung\" width=\"180\" height=\"30\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/Apax_Partners_logo.svg.webp\" alt=\"Apax Partners\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/GraydonCreditsafe-Logo-Colour.png.webp\" alt=\"Graydon Creditsafe\" width=\"180\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/01\/Action_Nederland_Logo_2020.svg-768x145.png\" alt=\"Action\" width=\"768\" height=\"145\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Topdesk-logo.svg\" alt=\"TOPdesk\" width=\"150\" height=\"30\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Vodafone-Ziggs-logo.svg\" alt=\"Vodafone Ziggo\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/idtDUJWR77-768x149-1.png\" alt=\"Silverfin\" width=\"768\" height=\"149\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Festool-logo.svg\" alt=\"Festool\" width=\"140\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/app-logo-2.webp\" alt=\"Eromes Marko\" width=\"150\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Borealis_logo.svg-768x150-1.png\" alt=\"Borealis\" width=\"768\" height=\"150\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Spie-logo.svg\" alt=\"SPIE\" width=\"110\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Mollie-logo.svg\" alt=\"Mollie\" width=\"120\" height=\"34\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/Eneco_logo-768x384.png\" alt=\"Eneco\" width=\"768\" height=\"384\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/logo-xelvin-rgb.png\" alt=\"Xelvin\" width=\"150\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Gemeente-Haarlem-logo.png\" alt=\"Gemeente Haarlem\" width=\"150\" height=\"50\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/3dd27e81-6ebf-4a0b-bb58-167620d4b1b1-1596465395358-768x184-1.png\" alt=\"Trengo\" width=\"768\" height=\"184\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/eurofiber-logo.webp\" alt=\"Eurofiber\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/Volvo-Logo.wine_.png\" alt=\"Volvo\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  function start(){\n    var raster=document.getElementById('inrKlantenRaster');\n    if(!raster)return;\n    var cellen=Array.prototype.slice.call(raster.querySelectorAll('.cel'));\n    var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n    if(reduce){cellen.forEach(function(c){c.classList.add('in');});return;}\n\n    if('IntersectionObserver' in window){\n      var obs=new IntersectionObserver(function(entries){\n        entries.forEach(function(e){\n          if(e.isIntersecting){\n            var i=cellen.indexOf(e.target);\n            e.target.style.transitionDelay=(Math.max(0,i)*55)+'ms';\n            e.target.classList.add('in');\n            obs.unobserve(e.target);\n          }\n        });\n      },{threshold:.15,rootMargin:'0px 0px -8% 0px'});\n      cellen.forEach(function(c){obs.observe(c);});\n    }else{\n      cellen.forEach(function(c){c.classList.add('in');});\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\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:.06em !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:.12em !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        <div class=\"badge\"><span class=\"stip\"><\/span>Contact<\/div>\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>INR Pulse \u00b7 de hartslag van de klant Verkoop door echte verbinding. Geen scripts, geen trucs. INR Pulse leert je de hartslag van de klant te voelen, zijn Inner Needs te lezen en daar betekenisvol op in te spelen. Voelen. Begrijpen. Verbinden. Verdieping Ontdek Pulse in de praktijk Key Account ManagementStrategische relaties die meegroeien Challenger [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":57538,"parent":52470,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56286","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/56286","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=56286"}],"version-history":[{"count":2,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/56286\/revisions"}],"predecessor-version":[{"id":79419,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/56286\/revisions\/79419"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/52470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/57538"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=56286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}