{"id":78105,"date":"2026-06-22T22:37:56","date_gmt":"2026-06-22T20:37:56","guid":{"rendered":"https:\/\/inr.institute\/?page_id=78105"},"modified":"2026-06-27T19:59:55","modified_gmt":"2026-06-27T17:59:55","slug":"challenger-sales","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-pulse\/challenger-sales\/","title":{"rendered":"Challenger Sales"},"content":{"rendered":"\n<!-- ============================================================================\n     INR PULSE x CHALLENGER SALES \u00b7 PERSPECTIEFPAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-chl 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-chl{\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; --mut:#C9BFC1; --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-chl, .inr-chl *, .inr-chl *::before, .inr-chl *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-chl h1,.inr-chl h2,.inr-chl h3,.inr-chl h4,.inr-chl p,\n.inr-chl span,.inr-chl div,.inr-chl ul,.inr-chl li,.inr-chl a{margin:0;padding:0;}\n.inr-chl ul{list-style:none !important;}\n.inr-chl a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-chl .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-chl .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inrc-drift 26s ease-in-out infinite !important;}\n.inr-chl .blob.a{width:560px;height:560px;background:rgba(253,76,92,.22);top:-160px;left:-140px;}\n.inr-chl .blob.b{width:500px;height:500px;background:rgba(255,138,149,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-chl .blob.c{width:640px;height:640px;background:rgba(253,76,92,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-chl .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-chl .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-chl .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-chl .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-chl .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-chl .kop{text-align:center !important;max-width:820px !important;margin:0 auto 60px !important;}\n.inr-chl .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-chl .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-chl .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-chl .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-chl .rev.in{opacity:1 !important;transform:none !important;}\n.inr-chl .d1{transition-delay:.07s;}.inr-chl .d2{transition-delay:.14s;}.inr-chl .d3{transition-delay:.21s;}\n.inr-chl .d4{transition-delay:.28s;}.inr-chl .d5{transition-delay:.35s;}.inr-chl .d6{transition-delay:.42s;}\n.no-js .inr-chl .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-chl .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;min-width:0 !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-chl .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(253,76,92,.28) !important;}\n.inr-chl .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-chl .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-chl .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-chl .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-chl .kaart .zone{display:inline-block !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;\n  padding:5px 12px !important;border-radius:99px !important;margin-bottom:16px !important;background:rgba(122,107,110,.12) !important;color:var(--grijs) !important;}\n.inr-chl .kaart .zone.mid{background:rgba(253,76,92,.12) !important;color:var(--accent) !important;}\n\n\/* ---------- responsive basis ---------- *\/\n.inr-chl .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-chl{padding-left:22px !important;padding-right:22px !important;}\n  .inr-chl .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-chl .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-chl .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-chl .strip .cel{padding-left:16px !important;padding-right:16px !important;}\n  .inr-chl .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-chl .sec{padding:72px 0 !important;}\n  .inr-chl .essentie{grid-template-columns:1fr !important;}\n  .inr-chl .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-chl .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-chl .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-chl .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-chl .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-chl\">\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-chl .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-chl .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-chl .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-chl .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:17ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-chl .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:56ch !important;line-height:1.5 !important;}\n.inr-chl .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-chl .hero .hint{margin-top:60px !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-chl .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n@media(max-width:820px){.inr-chl .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-chl .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-chl .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Pulse \u00b7 Challenger Sales<\/div>\n  <h1>Uitdagen zonder verbinding is gewoon <span class=\"grad\">druk<\/span>.<\/h1>\n  <p class=\"lead\">Challenger leerde verkopers het denken van de klant uit te dagen, en dat werkt. Maar dezelfde uitdaging die een doorbraak kan zijn, kan ook een muur worden. In een markt vol informatie en scepsis beslist niet jouw inzicht, maar of de klant het binnen kan laten. <strong>Het inzicht is de helft. De mens eronder is de andere helft.<\/strong><\/p>\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll voor het perspectief<\/div>\n<\/section>\n\n<!-- ========================= WAT ER VERANDERDE ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat er veranderde<\/span>\n    <h2>Het knelpunt is niet meer verkopen. Het is kunnen kopen.<\/h2>\n    <p>Challenger ontstond toen inzicht nog schaars was. Vandaag is het tegenovergestelde waar. Gartner, het onderzoekshuis achter Challenger, ontdekte dat kopers verdrinken in goede informatie en standaard sceptisch zijn. Harder vertellen werkt dan niet meer, het overspoelt.<\/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=\"M12 3 2 8l10 5 10-5-10-5z\"\/><path d=\"M2 13l10 5 10-5M2 18l10 5 10-5\"\/><\/svg><\/div>\n      <h3>De klant verdrinkt in goede informatie<\/h3>\n      <p>Negen op de tien kopers noemt de informatie die ze vinden al hoogwaardig. Nog meer inzicht erbovenop maakt je niet onderscheidend, het maakt de keuze alleen zwaarder.<\/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=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg><\/div>\n      <h3>Scepsis is de default<\/h3>\n      <p>De koper is van nature wantrouwend tegenover een verkoper. Elke vorm van duwen voedt precies die scepsis, en scepsis is de rem die de deal tegenhoudt.<\/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\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg><\/div>\n      <h3>De doorbraak zit in zekerheid<\/h3>\n      <p>Wat een koper in beweging brengt, is niet meer druk maar vertrouwen in zijn eigen keuze. De winnaars helpen de klant zeker worden, niet overtuigd worden.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= STATSTRIP (GARTNER) ========================= -->\n<style>\n.inr-chl .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-chl .strip .rij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;}\n.inr-chl .strip .cel{padding:46px 24px 30px !important;text-align:center !important;border-right:1px solid rgba(253,76,92,.08) !important;}\n.inr-chl .strip .cel:last-child{border-right:0 !important;}\n.inr-chl .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-chl .strip .om{font-size:14px !important;font-weight:400 !important;color:var(--grijs) !important;margin-top:10px !important;}\n.inr-chl .strip .bron{text-align:center !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.04em !important;color:var(--grijs) !important;opacity:.75 !important;padding:0 0 24px !important;}\n@media(max-width:820px){.inr-chl .strip .rij{grid-template-columns:repeat(2,1fr) !important;}.inr-chl .strip .cel:nth-child(2){border-right:0 !important;}.inr-chl .strip .cel:nth-child(1),.inr-chl .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\">\n    <div class=\"rij\">\n      <div class=\"cel rev d1\"><div class=\"getal\">9\/10<\/div><div class=\"om\">kopers noemt de gevonden informatie al hoogwaardig<\/div><\/div>\n      <div class=\"cel rev d2\"><div class=\"getal\">54%<\/div><div class=\"om\">minder kans op aankoop bij een overspoelde klant<\/div><\/div>\n      <div class=\"cel rev d3\"><div class=\"getal\">66%<\/div><div class=\"om\">minder kans bij betrouwbare maar tegenstrijdige informatie<\/div><\/div>\n      <div class=\"cel rev d4\"><div class=\"getal\">153%<\/div><div class=\"om\">minder kans op een spijtvrije deal als dit samenkomt<\/div><\/div>\n    <\/div>\n    <div class=\"bron rev\">Onderzoek: Gartner, B2B-koopgedrag<\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= SIGNATURE: DE SPANNINGSMETER ========================= -->\n<style>\n.inr-chl .meter-wrap{max-width:1000px !important;margin:0 auto !important;}\n.inr-chl .gauge-doek{position:relative !important;margin:0 auto 14px !important;max-width:680px !important;\n  background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.12) !important;border-radius:28px !important;padding:34px 24px 20px !important;overflow:hidden !important;}\n.inr-chl .gauge-svg{display:block !important;width:100% !important;height:auto !important;}\n.inr-chl .gcap{text-align:center !important;max-width:680px !important;margin:0 auto 30px !important;font-size:15px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.5 !important;}\n.inr-chl .uit{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-chl .gauge-doek{display:none !important;}\n  .inr-chl .uit{grid-template-columns:1fr !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De kern van uitdagen<\/span>\n    <h2>Constructieve spanning is een meter, geen knop.<\/h2>\n    <p>Challenger draait om spanning: de klant net genoeg uit zijn comfort halen om te willen veranderen. Maar spanning kent een onder- en een bovengrens. Te weinig en de klant negeert je. Te veel en hij klapt dicht. Daartussen, op precies de juiste plek, ontstaat inzicht.<\/p>\n  <\/div>\n  <div class=\"meter-wrap rev\">\n    <div class=\"gauge-doek\">\n      <svg class=\"gauge-svg\" viewBox=\"0 0 600 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Spanningsmeter met drie zones: te weinig, de juiste, te veel\">\n        <g fill=\"none\" stroke-width=\"30\" stroke-linecap=\"butt\">\n          <path d=\"M 80 300 A 220 220 0 0 1 190 109.5\" stroke=\"#C9BFC1\"\/>\n          <path d=\"M 190 109.5 A 220 220 0 0 1 410 109.5\" stroke=\"#FD4C5C\"\/>\n          <path d=\"M 410 109.5 A 220 220 0 0 1 520 300\" stroke=\"#C9BFC1\"\/>\n        <\/g>\n        <line x1=\"300\" y1=\"300\" x2=\"294\" y2=\"130\" stroke=\"#1F0A0E\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n        <circle cx=\"300\" cy=\"300\" r=\"13\" fill=\"#1F0A0E\"\/>\n        <circle cx=\"294\" cy=\"130\" r=\"6\" fill=\"#FD4C5C\"\/>\n        <g text-anchor=\"middle\" font-family=\"Inter,sans-serif\">\n          <text x=\"130\" y=\"342\" fill=\"#7A6B6E\" font-size=\"19\" font-weight=\"600\">Genegeerd<\/text>\n          <text x=\"130\" y=\"364\" fill=\"#7A6B6E\" font-size=\"13\" font-weight=\"400\">te weinig spanning<\/text>\n          <text x=\"300\" y=\"342\" fill=\"#FD4C5C\" font-size=\"21\" font-weight=\"700\">Inzicht<\/text>\n          <text x=\"300\" y=\"364\" fill=\"#7A6B6E\" font-size=\"13\" font-weight=\"400\">de juiste spanning<\/text>\n          <text x=\"470\" y=\"342\" fill=\"#7A6B6E\" font-size=\"19\" font-weight=\"600\">Weerstand<\/text>\n          <text x=\"470\" y=\"364\" fill=\"#7A6B6E\" font-size=\"13\" font-weight=\"400\">te veel spanning<\/text>\n        <\/g>\n      <\/svg>\n    <\/div>\n    <div class=\"gcap\">Waar de naald staat, bepaal je niet met hoe hard je duwt. Je leest het af aan de mens tegenover je.<\/div>\n    <div class=\"uit\">\n      <div class=\"kaart\">\n        <span class=\"zone\">Te weinig<\/span>\n        <h3>Genegeerd<\/h3>\n        <p>Geen spanning, geen reden om te veranderen. De klant knikt, bevestigt zijn eigen gelijk en doet daarna niets. De status quo wint.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <span class=\"zone mid\">De juiste<\/span>\n        <h3>Inzicht<\/h3>\n        <p>Genoeg spanning om te denken, niet zoveel dat hij zich moet verdedigen. De klant herkadert zijn eigen beeld: zo had ik het nog niet bekeken. Hier ontstaat beweging.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <span class=\"zone\">Te veel<\/span>\n        <h3>Weerstand<\/h3>\n        <p>De uitdaging raakt zijn autonomie. Hij voelt zich overvallen, de scepsis stijgt en hij klapt dicht. Precies de klant die afhaakt of koopt met spijt.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT INR TOEVOEGT ========================= -->\n<style>\n.inr-chl .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-chl .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-chl .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-chl .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-chl .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-chl .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-chl .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-chl .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;min-width:0 !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-chl .pkaart:hover{transform:translateX(5px) !important;}\n.inr-chl .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-chl .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-chl .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-chl .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-chl .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\">Wat INR toevoegt<\/span>\n      <h2>Het inzicht is de helft. INR is de andere helft.<\/h2>\n      <p>Challenger geeft je verkopers het inzicht en de moed om het denken van de klant uit te dagen. INR leert ze de mens lezen waar dat inzicht moet landen. Daar wordt uitdagen verbinding in plaats van druk.<\/p>\n      <p><strong>De twee knoppen die het verschil maken, zijn menselijk.<\/strong> Of de klant zeker wordt van zijn eigen keuze, en of hij jou genoeg vertrouwt om de scepsis te laten zakken. Allebei lees je af aan de mens, niet aan je pitch.<\/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\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\n        <div><h4>Zekerheid in plaats van overrompeling<\/h4><p>Geef niet meer, maar net genoeg. Help de klant overzicht krijgen, zodat hij zeker wordt van zijn eigen besluit in plaats van te verdrinken in jouw informatie.<\/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=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n        <div><h4>Vertrouwen in plaats van scepsis<\/h4><p>Scepsis is de rem. Je verdient het recht om uit te dagen door eerst te laten zien dat je hem begrijpt. Dan landt de uitdaging in plaats van dat ze stuit.<\/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=\"M21 12a9 9 0 1 1-3-6.7\"\/><path d=\"M21 4v5h-5\"\/><\/svg><\/div>\n        <div><h4>Zijn eigen herkadering<\/h4><p>Het sterkste inzicht is niet verteld maar zelf ontdekt. Help de klant zijn eigen beeld bijstellen, zodat zo had ik het nog niet bekeken van hem is, niet van jou.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= TWEE MANIEREN VAN UITDAGEN ========================= -->\n<style>\n.inr-chl .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-chl .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;}\n.inr-chl .cblok.oud{background:rgba(122,107,110,.05) !important;border:1px solid rgba(122,107,110,.14) !important;}\n.inr-chl .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-chl .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-chl .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-chl .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-chl .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-chl .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-chl .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-chl .cblok.oud li{color:var(--grijs) !important;}\n.inr-chl .cblok.kern li{color:var(--ink) !important;}\n.inr-chl .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-chl .cblok.oud li .m{background:rgba(122,107,110,.12) !important;color:var(--grijs) !important;}\n.inr-chl .cblok.kern li .m{background:rgba(253,76,92,.12) !important;color:var(--accent) !important;}\n.inr-chl .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-chl .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\">Twee manieren van uitdagen<\/span>\n    <h2>Hetzelfde inzicht. Een ander effect.<\/h2>\n    <p>Of een scherpe boodschap landt of afketst, ligt niet aan het inzicht maar aan hoe je het brengt. Datzelfde inzicht kan een doorbraak zijn, of een muur.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">Uitdagen als vertellen<\/span>\n      <h3>Challenger op de automatische piloot<\/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\"\/><\/svg><\/span><span>Nog meer informatie en thought leadership op de klant af.<\/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\"\/><\/svg><\/span><span>Het gesprek sturen ongeacht of de klant nog kan volgen.<\/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\"\/><\/svg><\/span><span>Spanning opvoeren tot het ongemak wordt.<\/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\"\/><\/svg><\/span><span>Een klant die overrompeld raakt, scepsis voelt en afhaakt of koopt met spijt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Uitdagen als afstemmen<\/span>\n      <h3>Challenger met INR eronder<\/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\"\/><\/svg><\/span><span>Net genoeg inzicht, afgestemd op wat de klant kan dragen.<\/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\"\/><\/svg><\/span><span>Het gesprek sturen op het tempo van de mens tegenover je.<\/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\"\/><\/svg><\/span><span>Spanning gedoseerd tot het denken op gang komt, niet de verdediging.<\/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\"\/><\/svg><\/span><span>Een klant die zelf herkadert, zeker wordt en in beweging komt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE CIJFERS \/ ROI ========================= -->\n<style>\n.inr-chl .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-chl .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-chl .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-chl .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 52px !important;}\n.inr-chl .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-chl .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-chl .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-chl .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-chl .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;min-width:0 !important;}\n.inr-chl .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-chl .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-chl .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-chl .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-chl .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;min-width:0 !important;}\n.inr-chl .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-chl .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-chl .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-chl .lagen{grid-template-columns:1fr !important;}.inr-chl .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\">Wat het kan opleveren<\/span>\n      <h2>Wat dit doet met je cijfers.<\/h2>\n      <p>Als uitdagen tot inzicht leidt in plaats van weerstand, bewegen de cijfers mee. Niet door zachter te verkopen, maar door het inzicht te laten landen waar het anders zou afketsen.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Hefboom 01<\/div><h4>Meer deals die landen<\/h4><p>Een uitdaging die inzicht wordt in plaats van weerstand, kan de winratio verhogen. Minder gesprekken die doodlopen op scepsis of overrompeling.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Hefboom 02<\/div><h4>Minder spijt en uitval<\/h4><p>Een klant die zeker is van zijn eigen keuze, haakt minder af en koopt met minder spijt. Precies de deal die ook na de handtekening overeind blijft.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Hefboom 03<\/div><h4>Grotere, betere deals<\/h4><p>Wie zelf herkadert, kiest eerder voor de bredere, hoogwaardige oplossing dan voor de goedkoopste. Onmisbaarheid mogelijk in plaats van prijsdruk.<\/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\"\/><\/svg><\/span><span>Inzicht dat de klant zelf overneemt, hoeft niet telkens opnieuw verdedigd te worden.<\/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\"\/><\/svg><\/span><span>Minder weerstand betekent kortere en minder uitputtende verkooptrajecten.<\/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\"\/><\/svg><\/span><span>Het onderzoek van Gartner wijst dezelfde kant op: vertrouwen en lage scepsis sluiten betere deals.<\/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\"\/><\/svg><\/span><span>Het inzicht van Challenger plus de mens van INR: de twee helften die samen pas werken.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-chl .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-chl .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-chl .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\">Challenger geeft je het inzicht. INR zorgt dat het <span class=\"grad\">landt<\/span>.<\/div>\n    <p>Niet door zachter uit te dagen, maar door de mens te lezen waar het inzicht moet landen. Daar wordt uitdagen verbinding, en verandert een goed verhaal in een eigen besluit.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-chl .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-chl .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-chl .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-chl .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:17ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-chl .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;line-height:1.55 !important;}\n.inr-chl .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-chl .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>Met verbinding wordt uitdagen een <span class=\"grad\">doorbraak<\/span>.<\/h2>\n    <p>INR Pulse leert je verkopers de mens lezen waar hun inzicht moet landen, zodat de uitdaging een doorbraak wordt in plaats van een muur.<\/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-chl ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-chl .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  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 Challenger Sales Uitdagen zonder verbinding is gewoon druk. Challenger leerde verkopers het denken van de klant uit te dagen, en dat werkt. Maar dezelfde uitdaging die een doorbraak kan zijn, kan ook een muur worden. In een markt vol informatie en scepsis beslist niet jouw inzicht, maar of de klant het binnen [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":56286,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-78105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78105","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=78105"}],"version-history":[{"count":0,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78105\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/56286"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=78105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}