{"id":79203,"date":"2026-06-29T17:22:02","date_gmt":"2026-06-29T15:22:02","guid":{"rendered":"https:\/\/inr.institute\/?page_id=79203"},"modified":"2026-06-29T17:54:51","modified_gmt":"2026-06-29T15:54:51","slug":"strategic-leadership","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-fluent\/strategisch-leiderschap\/","title":{"rendered":"Strategic Leadership"},"content":{"rendered":"\n<!-- ============================================================================\n     INR FLUENT \u00b7 STRATEGISCH LEIDERSCHAP (KINDPAGINA 3)\n     E&eacute;n bestand. Plak dit volledig in &Eacute;&Eacute;N HTML-blok.\n     Alles is gescoped onder .inr-fstr en afgedwongen met !important.\n     Accentkleur: Fluent blauw #2875FB.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ROOT + ONTWAPENING ---------- *\/\n.inr-fstr{\n  --accent:#2875FB; --accent-2:#5E9BFF; --ink:#0A1226; --grijs:#64708A; --bg:#F1F5FD;\n  --fluent:#2875FB; --core:#7448FD; --pulse:#FD4C5C; --sync:#FD7634; --echo:#5AC380;\n  --lucht:#A8C6FF; --mut:#C2CEDF; --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-fstr, .inr-fstr *, .inr-fstr *::before, .inr-fstr *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-fstr h1,.inr-fstr h2,.inr-fstr h3,.inr-fstr h4,.inr-fstr p,\n.inr-fstr span,.inr-fstr div,.inr-fstr ul,.inr-fstr li,.inr-fstr a{margin:0;padding:0;}\n.inr-fstr ul{list-style:none !important;}\n.inr-fstr a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-fstr .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-fstr .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inrt-drift 26s ease-in-out infinite !important;}\n.inr-fstr .blob.a{width:560px;height:560px;background:rgba(40,117,251,.22);top:-160px;left:-140px;}\n.inr-fstr .blob.b{width:500px;height:500px;background:rgba(94,155,255,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-fstr .blob.c{width:640px;height:640px;background:rgba(40,117,251,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inrt-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-fstr .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-fstr .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-fstr .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO ---------- *\/\n.inr-fstr .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-fstr .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-fstr .kop{text-align:center !important;max-width:820px !important;margin:0 auto 60px !important;}\n.inr-fstr .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fstr .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-fstr .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-fstr .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-fstr .rev.in{opacity:1 !important;transform:none !important;}\n.inr-fstr .d1{transition-delay:.07s;}.inr-fstr .d2{transition-delay:.14s;}.inr-fstr .d3{transition-delay:.21s;}\n.inr-fstr .d4{transition-delay:.28s;}.inr-fstr .d5{transition-delay:.35s;}.inr-fstr .d6{transition-delay:.42s;}\n.no-js .inr-fstr .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-fstr .kaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.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(40,117,251,.22) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-fstr .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(40,117,251,.28) !important;}\n.inr-fstr .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(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fstr .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-fstr .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-fstr .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-fstr .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-fstr{padding-left:22px !important;padding-right:22px !important;}\n  .inr-fstr .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fstr .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fstr .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fstr .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-fstr .sec{padding:72px 0 !important;}\n  .inr-fstr .essentie{grid-template-columns:1fr !important;}\n  .inr-fstr .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-fstr .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-fstr .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-fstr .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-fstr .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-fstr\">\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-fstr .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-fstr .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(40,117,251,.08) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-fstr .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 4px rgba(40,117,251,.15) !important;}\n.inr-fstr .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-fstr .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:58ch !important;line-height:1.5 !important;}\n.inr-fstr .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fstr .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-fstr .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n@media(max-width:820px){.inr-fstr .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-fstr .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-fstr .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Fluent &middot; Strategisch leiderschap<\/div>\n  <h1>Strategie sneuvelt zelden op het <span class=\"grad\">model<\/span>.<\/h1>\n  <p class=\"lead\">Je kunt de markt lezen, de scenario&apos;s bouwen en het draagvlak organiseren. En toch loopt de strategie vast. Niet omdat de analyse niet klopt, maar omdat onzekerheid iets doet met jou en met je organisatie. Onder druk gaat het systeem zich beschermen. Daar wordt richting stilstand. <strong>Daar wint of verliest strategie.<\/strong><\/p>\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll voor het perspectief<\/div>\n<\/section>\n\n<!-- ========================= HET ONBENOEMDE ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat de modellen onbenoemd laten<\/span>\n    <h2>Twee blikken. En een blinde vlek.<\/h2>\n    <p>Elk strategieprogramma leert je hetzelfde kijken: naar buiten, naar de trends en de markt, en naar binnen, naar je organisatie en haar vernieuwing. Beide kloppen. Maar er is een derde richting die de modellen niet hebben, en juist daar beslist het. Want strategie wordt niet uitgevoerd door modellen. Ze wordt gedragen door mensen die onder onzekerheid hun eigen patroon volgen.<\/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\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M2 12h20M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"><\/path><\/svg><\/div>\n      <h3>De blik naar buiten<\/h3>\n      <p>Trends, scenario&apos;s, de veranderende markt. Onmisbaar, en goed te leren. Maar het zegt niets over of je organisatie het aankan.<\/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=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6\"><\/path><\/svg><\/div>\n      <h3>De blik naar binnen<\/h3>\n      <p>De organisatie vernieuwen, mensen meekrijgen, draagvlak bouwen. Ook nodig. Maar het raakt nog niet wat onder dat draagvlak ligt.<\/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 2v20M5 9l7-7 7 7\"><\/path><path d=\"M5 15l7 7 7-7\" opacity=\".4\"><\/path><\/svg><\/div>\n      <h3>De blik naar onder<\/h3>\n      <p>Wat onzekerheid doet met jou en met het systeem. De richting die geen model heeft, en precies waar strategie standhoudt of sneuvelt.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BETRAP: HOE EEN SYSTEEM ZICH BESCHERMT ========================= -->\n<style>\n.inr-fstr .betrap{border-top:1px solid rgba(40,117,251,.12) !important;border-bottom:1px solid rgba(40,117,251,.12) !important;background:rgba(255,255,255,.4) !important;}\n.inr-fstr .betrap .inner{padding:74px 0 !important;}\n.inr-fstr .betrap .bkop{text-align:center !important;max-width:720px !important;margin:0 auto 44px !important;}\n.inr-fstr .betrap .bkop .eyebrow{display:block !important;margin-bottom:14px !important;}\n.inr-fstr .betrap .bkop h2{font-weight:600 !important;font-size:clamp(26px,3.6vw,40px) !important;letter-spacing:-.026em !important;line-height:1.12 !important;color:var(--ink) !important;}\n.inr-fstr .betrap .rij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;}\n.inr-fstr .betrap .cel{background:rgba(255,255,255,.66) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;\n  border:1px solid rgba(40,117,251,.12) !important;border-radius:20px !important;padding:28px 24px !important;min-width:0 !important;\n  box-shadow:0 10px 36px -30px rgba(40,117,251,.26) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-fstr .betrap .cel:hover{transform:translateY(-5px) !important;box-shadow:0 24px 54px -32px rgba(40,117,251,.3) !important;}\n.inr-fstr .betrap .cel .ico{width:42px !important;height:42px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fstr .betrap .cel .ico svg{width:21px !important;height:21px !important;}\n.inr-fstr .betrap .cel h3{font-weight:600 !important;font-size:17px !important;letter-spacing:-.012em !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-fstr .betrap .cel p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-fstr .betrap .bvoet{text-align:center !important;margin-top:40px !important;font-size:15px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.5 !important;max-width:680px !important;margin-left:auto !important;margin-right:auto !important;}\n@media(max-width:820px){\n  .inr-fstr .betrap .rij{grid-template-columns:1fr 1fr !important;gap:14px !important;}\n  .inr-fstr .betrap .inner{padding:60px 0 !important;}\n}\n<\/style>\n<section class=\"betrap\">\n  <div class=\"wrap\"><div class=\"inner\">\n    <div class=\"bkop rev\">\n      <span class=\"eyebrow\">Onzekerheid als trigger<\/span>\n      <h2>Hoe een organisatie zich <span class=\"grad\">beschermt<\/span> in plaats van vernieuwt.<\/h2>\n    <\/div>\n    <div class=\"rij\">\n      <div class=\"cel rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2a7 7 0 0 0-7 7c0 3 2 4 2 7h10c0-3 2-4 2-7a7 7 0 0 0-7-7z\"><\/path><path d=\"M9 21h6\"><\/path><\/svg><\/div>\n        <h3>Het gaat controleren<\/h3>\n        <p>Meer rapportages, meer afstemming, meer grip. De organisatie wil zekerheid en remt zo precies de beweging die de strategie vraagt.<\/p>\n      <\/div>\n      <div class=\"cel rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><path d=\"M9 9h6v6H9z\"><\/path><\/svg><\/div>\n        <h3>Het houdt vast<\/h3>\n        <p>Vasthouden aan wat werkte voelt veiliger dan experimenteren. Het bestaande wint van het nieuwe, ook als het bestaande niet meer past.<\/p>\n      <\/div>\n      <div class=\"cel 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><path d=\"M8 12h8\"><\/path><\/svg><\/div>\n        <h3>Het zoekt consensus<\/h3>\n        <p>Liever iedereen mee dan een scherpe keuze. Draagvlak wordt verwatering, en de richting verdwijnt in het compromis.<\/p>\n      <\/div>\n      <div class=\"cel rev d4\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h6l2-3 2 6 2-3h6\"><\/path><\/svg><\/div>\n        <h3>Het wacht af<\/h3>\n        <p>Nog een analyse, nog een onderzoek, nog even kijken. Uitstel voelt als zorgvuldigheid, maar is vaak de duurste vorm van stilstand.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"bvoet rev\">Geen van deze reacties is dom. Ze zijn logisch onder druk. Maar het is hetzelfde beschermgedrag dat je bij een individu ziet, alleen nu collectief. En zolang het onbenoemd blijft, wint het van elke strategie.<\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= SIGNATURE: DE DERDE AS ========================= -->\n<style>\n.inr-fstr .as-wrap{max-width:1000px !important;margin:0 auto !important;}\n.inr-fstr .as-doek{position:relative !important;margin:0 auto 14px !important;max-width:720px !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(40,117,251,.12) !important;border-radius:28px !important;padding:30px 24px 24px !important;overflow:hidden !important;}\n.inr-fstr .as-svg{display:block !important;width:100% !important;height:auto !important;}\n.inr-fstr .kcap{text-align:center !important;max-width:720px !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-fstr .uit{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;}\n.inr-fstr .uit .kaart .lab{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:14px !important;background:rgba(40,117,251,.12) !important;color:var(--accent) !important;}\n.inr-fstr .uit .kaart.mid .lab{background:var(--accent) !important;color:#fff !important;}\n@media(max-width:820px){\n  .inr-fstr .as-doek{display:none !important;}\n  .inr-fstr .uit{grid-template-columns:1fr !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De richting die de modellen missen<\/span>\n    <h2>Buiten en binnen kent iedereen. De winst zit onder.<\/h2>\n    <p>Strategisch leiderschap wordt altijd getekend als twee blikken: naar buiten en naar binnen. Wij halen dat beeld niet weg, we voegen de as toe die ontbreekt. De verticale, naar onder, naar de onderstroom. Daar waar onzekerheid het systeem raakt. Pas waar alle drie samenkomen, stuur je werkelijk.<\/p>\n  <\/div>\n  <div class=\"as-wrap rev\">\n    <div class=\"as-doek\">\n      <svg class=\"as-svg\" viewBox=\"0 0 600 470\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Drie assen van strategisch leiderschap: naar buiten, naar binnen en naar onder\">\n        <defs>\n          <radialGradient id=\"ft-core\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n            <stop offset=\"0\" stop-color=\"#5E9BFF\"><\/stop>\n            <stop offset=\"1\" stop-color=\"#2875FB\"><\/stop>\n          <\/radialGradient>\n        <\/defs>\n\n        <!-- horizontale as: buiten <-> binnen -->\n        <line x1=\"70\" y1=\"200\" x2=\"530\" y2=\"200\" stroke=\"rgba(40,117,251,.35)\" stroke-width=\"2.5\"><\/line>\n        <path d=\"M 84 192 L 68 200 L 84 208\" fill=\"none\" stroke=\"rgba(40,117,251,.55)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <path d=\"M 516 192 L 532 200 L 516 208\" fill=\"none\" stroke=\"rgba(40,117,251,.55)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <text x=\"92\" y=\"186\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"15\" font-weight=\"600\">naar buiten<\/text>\n        <text x=\"508\" y=\"186\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"15\" font-weight=\"600\" text-anchor=\"end\">naar binnen<\/text>\n        <text x=\"92\" y=\"170\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"12.5\" font-weight=\"300\">de markt, de trends<\/text>\n        <text x=\"508\" y=\"170\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"12.5\" font-weight=\"300\" text-anchor=\"end\">de organisatie<\/text>\n\n        <!-- verticale as: de derde, naar onder -->\n        <line x1=\"300\" y1=\"120\" x2=\"300\" y2=\"406\" stroke=\"#2875FB\" stroke-width=\"3\"><\/line>\n        <path d=\"M 292 392 L 300 408 L 308 392\" fill=\"none\" stroke=\"#2875FB\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <text x=\"300\" y=\"104\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"13\" font-weight=\"500\" text-anchor=\"middle\">het zichtbare<\/text>\n        <g text-anchor=\"middle\">\n          <text x=\"300\" y=\"442\" fill=\"#2875FB\" font-family=\"Inter,sans-serif\" font-size=\"15\" font-weight=\"700\">naar onder<\/text>\n          <text x=\"300\" y=\"462\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"12.5\" font-weight=\"300\">de onderstroom, wat druk doet met het systeem<\/text>\n        <\/g>\n\n        <!-- kruispunt -->\n        <circle cx=\"300\" cy=\"200\" r=\"46\" fill=\"url(#ft-core)\"><\/circle>\n        <circle cx=\"300\" cy=\"200\" r=\"46\" fill=\"none\" stroke=\"rgba(40,117,251,.25)\" stroke-width=\"10\"><\/circle>\n        <text x=\"300\" y=\"196\" fill=\"#FFFFFF\" font-family=\"Inter,sans-serif\" font-size=\"14\" font-weight=\"600\" text-anchor=\"middle\">hier<\/text>\n        <text x=\"300\" y=\"212\" fill=\"rgba(255,255,255,.9)\" font-family=\"Inter,sans-serif\" font-size=\"11\" font-weight=\"400\" text-anchor=\"middle\">stuur je<\/text>\n      <\/svg>\n    <\/div>\n    <div class=\"kcap\">De horizontale as kent elk programma. De verticale, naar de onderstroom, is wat een strategisch leider met INR erbij krijgt. In het kruispunt komt het samen.<\/div>\n    <div class=\"uit\">\n      <div class=\"kaart\">\n        <span class=\"lab\">As 1<\/span>\n        <h3>Naar buiten<\/h3>\n        <p>De markt, de trends, de scenario&apos;s. De blik die bepaalt wat er op je afkomt. Onmisbaar, en het best ontwikkelde deel van elk programma.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <span class=\"lab\">As 2<\/span>\n        <h3>Naar binnen<\/h3>\n        <p>De organisatie, haar vernieuwing, het meekrijgen van mensen. De blik die bepaalt wat je ermee kunt. Ook goed te leren, ook overal aanwezig.<\/p>\n      <\/div>\n      <div class=\"kaart mid\">\n        <span class=\"lab\">As 3<\/span>\n        <h3>Naar onder<\/h3>\n        <p>Wat onzekerheid doet met jou en met het systeem. De blik die bepaalt of het landt. De as die de modellen niet hebben, en die wij toevoegen.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE SCHAAL-SPRONG ========================= -->\n<style>\n.inr-fstr .sprong{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;align-items:stretch !important;}\n.inr-fstr .sblok{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.14) !important;border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;\n  box-shadow:0 10px 40px -30px rgba(40,117,251,.24) !important;}\n.inr-fstr .sblok .niveau{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--accent) !important;margin-bottom:16px !important;display:inline-block !important;}\n.inr-fstr .sblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:14px !important;}\n.inr-fstr .sblok p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;margin-bottom:12px !important;}\n.inr-fstr .sblok p:last-child{margin-bottom:0 !important;}\n.inr-fstr .sblok .reeks{margin-top:18px !important;display:flex !important;flex-direction:column !important;gap:10px !important;}\n.inr-fstr .sblok .stapje{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.5 !important;}\n.inr-fstr .sblok .stapje b{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fstr .sblok .stapje .n{flex:none !important;width:22px !important;height:22px !important;border-radius:7px !important;background:rgba(40,117,251,.12) !important;color:var(--accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;font-weight:600 !important;margin-top:1px !important;}\n.inr-fstr .brug{text-align:center !important;max-width:720px !important;margin:38px auto 0 !important;font-size:16px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.55 !important;}\n@media(max-width:820px){.inr-fstr .sprong{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\">Dezelfde logica, een andere schaal<\/span>\n    <h2>Wat een mens onder druk doet, doet een organisatie ook.<\/h2>\n    <p>Het patroon waarmee een individu zich beschermt onder druk, is hetzelfde patroon waarmee een heel systeem verstart onder onzekerheid. Niet bij iedereen tegelijk, maar als beweging zichtbaar. Wie het op de ene schaal leert lezen, herkent het op de andere.<\/p>\n  <\/div>\n  <div class=\"sprong\">\n    <div class=\"sblok rev d1\">\n      <span class=\"niveau\">Op het niveau van de mens<\/span>\n      <h3>De leider onder druk<\/h3>\n      <p>Wanneer wat een mens nodig heeft onder druk komt te staan, neemt bescherming het over. Niet als zwakte, maar als logica van het systeem dat zekerheid zoekt.<\/p>\n      <div class=\"reeks\">\n        <div class=\"stapje\"><span class=\"n\">1<\/span><span>Wat je nodig hebt, ruimte of grip, komt onder druk.<\/span><\/div>\n        <div class=\"stapje\"><span class=\"n\">2<\/span><span>Er ontstaat een verhaal: <b>zo houd ik het veilig<\/b>.<\/span><\/div>\n        <div class=\"stapje\"><span class=\"n\">3<\/span><span>Je valt terug op vertrouwd gedrag, ook als het niet past.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sblok rev d2\">\n      <span class=\"niveau\">Op het niveau van het systeem<\/span>\n      <h3>De organisatie onder onzekerheid<\/h3>\n      <p>Een organisatie volgt exact dezelfde beweging. Wat het systeem nodig heeft komt onder druk, en het gaat zich beschermen via gedrag dat ooit werkte.<\/p>\n      <div class=\"reeks\">\n        <div class=\"stapje\"><span class=\"n\">1<\/span><span>De zekerheid van het systeem komt onder druk.<\/span><\/div>\n        <div class=\"stapje\"><span class=\"n\">2<\/span><span>Er ontstaat een collectief verhaal: <b>zo blijven we veilig<\/b>.<\/span><\/div>\n        <div class=\"stapje\"><span class=\"n\">3<\/span><span>Het systeem verstart: controle, vasthouden, uitstel.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"brug rev\">Dezelfde keten, twee schalen. Daarom is de strategisch leider die zijn eigen onderstroom leest, ook degene die de onderstroom van zijn organisatie ziet aankomen.<\/div>\n<\/section>\n\n<!-- ========================= WAT INR TOEVOEGT ========================= -->\n<style>\n.inr-fstr .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-fstr .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fstr .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-fstr .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-fstr .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-fstr .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fstr .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-fstr .pkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.14) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(40,117,251,.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-fstr .pkaart:hover{transform:translateX(5px) !important;}\n.inr-fstr .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(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fstr .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-fstr .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-fstr .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-fstr .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>Jezelf als instrument is geen los spoor. Het is het instrument.<\/h2>\n      <p>De programma&apos;s beloven het allemaal: zet jezelf in als instrument, werk aan je persoonlijk leiderschap naast de strategie. Maar het blijven twee sporen die los van elkaar lopen. Hier de modellen, daar je ontwikkeling. INR verbindt ze. Want hoe jij omgaat met onzekerheid bepaalt rechtstreeks of je strategie landt of vastloopt.<\/p>\n      <p><strong>Strategisch leiderschap is dan geen keuze tussen hard en zacht.<\/strong> De analyse en de onderstroom zijn niet twee aparte vakken, maar twee kanten van dezelfde beweging. Wie de onderstroom leest, stuurt de strategie op de plek waar ze werkelijk beslist wordt.<\/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=\"M12 2v20M5 9l7-7 7 7\"><\/path><\/svg><\/div>\n        <div><h4>De derde as als stuurmiddel<\/h4><p>Naast buiten en binnen leer je naar onder kijken. Wat doet onzekerheid met jou en met het systeem, en hoe stuur je daarop.<\/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=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg><\/div>\n        <div><h4>Je eigen patroon onder onzekerheid<\/h4><p>Ook een ervaren leider valt onder druk terug. Wie zijn eigen beweging kent, laat onzekerheid minder ongemerkt de koers bepalen.<\/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\"><circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle><path d=\"M9 10v4a3 3 0 0 0 3 3h2\"><\/path><\/svg><\/div>\n        <div><h4>Het systeem als lens, niet als oordeel<\/h4><p>Je leert het patroon van je organisatie zien als beweging, niet als schuld. Daardoor kun je het bespreekbaar maken zonder te beschuldigen.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= TWEE MANIEREN ========================= -->\n<style>\n.inr-fstr .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-fstr .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;}\n.inr-fstr .cblok.oud{background:rgba(100,112,138,.05) !important;border:1px solid rgba(100,112,138,.14) !important;}\n.inr-fstr .cblok.kern{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(40,117,251,.18) !important;box-shadow:0 14px 50px -30px rgba(40,117,251,.3) !important;}\n.inr-fstr .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-fstr .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-fstr .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-fstr .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-fstr .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-fstr .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-fstr .cblok.oud li{color:var(--grijs) !important;}\n.inr-fstr .cblok.kern li{color:var(--ink) !important;}\n.inr-fstr .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-fstr .cblok.oud li .m{background:rgba(100,112,138,.12) !important;color:var(--grijs) !important;}\n.inr-fstr .cblok.kern li .m{background:rgba(40,117,251,.12) !important;color:var(--accent) !important;}\n.inr-fstr .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-fstr .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 strategisch sturen<\/span>\n    <h2>Dezelfde modellen. Een andere diepte.<\/h2>\n    <p>Of een strategie landt of stilvalt, ligt zelden aan de kwaliteit van de analyse. Het ligt aan of de leider ook de laag eronder leest, bij zichzelf en bij het systeem.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">Sturen op twee assen<\/span>\n      <h3>Strategie als model<\/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>Scherpe analyse van buiten en binnen, maar blind voor de onderstroom.<\/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>Persoonlijke ontwikkeling als los spoor naast de strategie.<\/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>Verbazing als een goed plan toch vastloopt op weerstand.<\/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>Draagvlak forceren, terwijl het systeem zich juist beschermt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Sturen op drie assen<\/span>\n      <h3>Strategie met de onderstroom erbij<\/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>Analyse van buiten en binnen, plus de blik naar onder.<\/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>Jezelf als instrument, verweven met de strategie in plaats van ernaast.<\/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>Weerstand zien aankomen als beschermgedrag van het systeem.<\/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>Condities scheppen waarin het systeem durft te bewegen, niet forceren.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DONKER BLOK ========================= -->\n<style>\n.inr-fstr .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-fstr .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(40,117,251,.5),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-fstr .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(94,155,255,.34),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-fstr .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:760px !important;margin:0 auto 52px !important;}\n.inr-fstr .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-fstr .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-fstr .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-fstr .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-fstr .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-fstr .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-fstr .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-fstr .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-fstr .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-fstr .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-fstr .dk-regel .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(40,117,251,.25) !important;color:var(--lucht) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-fstr .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-fstr .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-fstr .lagen{grid-template-columns:1fr !important;}.inr-fstr .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>Strategie die landt, omdat het systeem durft te bewegen.<\/h2>\n      <p>De waarde van strategisch leiderschap zit niet in nog een model, maar in leiders die de onderstroom van hun organisatie kunnen lezen en sturen. Wat op individueel niveau begint, bepaalt of een hele transformatie beweegt of vastloopt.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 01<\/div><h4>Strategie die beweegt<\/h4><p>Een organisatie die haar eigen beschermgedrag herkent, kan eerder kiezen voor bewegen in plaats van vasthouden.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 02<\/div><h4>Minder verspilde plannen<\/h4><p>Wie weerstand ziet aankomen als patroon, verliest minder tijd en geld aan strategie die toch op de onderstroom strandt.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 03<\/div><h4>Veerkracht onder onzekerheid<\/h4><p>Een systeem dat zijn eigen reactie op druk kent, verstart minder snel en houdt richting, ook als het schuurt.<\/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>Een leider die de onderstroom leest, kan transformatie mogelijk gerichter laten landen.<\/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>Het patroon vroeg herkennen kan onnodige weerstand en uitstel in verandertrajecten verminderen.<\/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>Sturen op de juiste laag vraagt minder forceren en minder herstel achteraf.<\/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>De organisatie schept de condities. Het strategisch leiderschap doet de rest.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-fstr .belofte{text-align:center !important;max-width:900px !important;margin:0 auto !important;}\n.inr-fstr .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-fstr .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\">Je leest niet alleen de markt. Je leest de <span class=\"grad\">onderstroom<\/span>.<\/div>\n    <p>Strategisch leiderschap in Fluent voegt de derde as toe aan wat je al kunt. Naast buiten en binnen leer je naar onder kijken, naar wat onzekerheid doet met jou en met je organisatie. Daar, op de plek die de modellen missen, wordt strategie werkelijk gestuurd.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-fstr .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-fstr .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-fstr .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-fstr .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:18ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-fstr .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:52ch !important;line-height:1.55 !important;}\n.inr-fstr .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-fstr .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(40,117,251,.15) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Echte strategie stuur je van <span class=\"grad\">onderaf<\/span>.<\/h2>\n    <p>Fluent leert je de onderstroom van jezelf en je organisatie lezen, zodat je strategie landt op de plek waar ze werkelijk beslist wordt.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Fluent<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-fstr ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-fstr .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 Fluent &middot; Strategisch leiderschap Strategie sneuvelt zelden op het model. Je kunt de markt lezen, de scenario&apos;s bouwen en het draagvlak organiseren. En toch loopt de strategie vast. Niet omdat de analyse niet klopt, maar omdat onzekerheid iets doet met jou en met je organisatie. Onder druk gaat het systeem zich beschermen. Daar wordt [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":79213,"parent":57194,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79203","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79203","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=79203"}],"version-history":[{"count":3,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79203\/revisions"}],"predecessor-version":[{"id":79219,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79203\/revisions\/79219"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/57194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/79213"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=79203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}