{"id":75855,"date":"2026-06-10T07:31:13","date_gmt":"2026-06-10T05:31:13","guid":{"rendered":"https:\/\/inr.institute\/?page_id=75855"},"modified":"2026-07-01T14:50:41","modified_gmt":"2026-07-01T12:50:41","slug":"inr-alignment","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-align\/","title":{"rendered":"INR Align"},"content":{"rendered":"\n<!-- ============================================================================\n     INR ALIGN \u00b7 LANDINGSPAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-align en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Dragend systeem-accent: Dynamics-indigo #292558, met helder #007BFF secundair.\n     De vijf groeilagen dragen elk hun eigen kleur in hun eigen sectie:\n       Activation  #FD7634   Leadership #7448FD   Integration #292558\n       Governance  #2875FB   Navigation #5AC380\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-align{\n  --accent:#292558; --accent-2:#4B3FA0; --ink:#15122E; --grijs:#615C7A; --zacht:#8E89A6;\n  --bl:#007BFF; --bl-2:#4DA3FF;\n  --activation:#FD7634; --leadership:#7448FD; --integration:#292558; --governance:#2875FB; --navigation:#5AC380;\n  --lucht:#9C92E8; --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-align, .inr-align *, .inr-align *::before, .inr-align *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-align h1,.inr-align h2,.inr-align h3,.inr-align h4,.inr-align p,\n.inr-align span,.inr-align div,.inr-align ul,.inr-align li,.inr-align a{margin:0;padding:0;}\n.inr-align ul{list-style:none !important;}\n.inr-align a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-align .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-align .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.26 !important;animation:inra-drift 30s ease-in-out infinite !important;}\n.inr-align .blob.a{width:580px;height:580px;background:rgba(253,118,52,.18);top:-180px;left:-150px;}\n.inr-align .blob.b{width:520px;height:520px;background:rgba(116,72,253,.16);top:30%;right:-200px;animation-delay:-10s;}\n.inr-align .blob.c{width:600px;height:600px;background:rgba(40,117,251,.15);bottom:8%;left:18%;animation-delay:-18s;}\n.inr-align .blob.d{width:560px;height:560px;background:rgba(90,195,128,.14);bottom:-220px;right:14%;animation-delay:-24s;}\n@keyframes inra-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(50px,-38px) scale(1.09);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-align .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-align .sec{position:relative !important;z-index:1 !important;padding:118px 0 !important;}\n.inr-align .sec.tight{padding:78px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-align .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--bl) !important;}\n.inr-align .grad{background:linear-gradient(115deg,var(--bl),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-align .kop{text-align:center !important;max-width:800px !important;margin:0 auto 60px !important;}\n.inr-align .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align .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-align .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-align .rev{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);}\n.inr-align .rev.in{opacity:1 !important;transform:none !important;}\n.inr-align .d1{transition-delay:.07s;}.inr-align .d2{transition-delay:.14s;}.inr-align .d3{transition-delay:.21s;}\n.inr-align .d4{transition-delay:.28s;}.inr-align .d5{transition-delay:.35s;}.inr-align .d6{transition-delay:.42s;}\n.no-js .inr-align .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-align .kaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:var(--radius) !important;padding:34px !important;position:relative !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -28px rgba(41,37,88,.22) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-align .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(41,37,88,.26) !important;}\n.inr-align .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(0,123,255,.1) !important;color:var(--bl) !important;}\n.inr-align .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-align .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-align .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n\/* ---------- responsive basis ---------- *\/\n.inr-align .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-align{padding-left:22px !important;padding-right:22px !important;}\n  .inr-align .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-align .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-align .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-align .strip .cel{padding-left:16px !important;padding-right:16px !important;}\n  .inr-align .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-align .sec{padding:72px 0 !important;}\n  .inr-align .essentie{grid-template-columns:1fr !important;}\n  .inr-align .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-align .blob.b{width:300px;height:300px;right:-150px;}\n  .inr-align .blob.c{width:340px;height:340px;left:-60px;}\n  .inr-align .blob.d{width:320px;height:320px;right:-80px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-align .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-align .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-align\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><div class=\"blob d\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-align .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-align .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(41,37,88,.07) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-align .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--bl) !important;box-shadow:0 0 0 4px rgba(0,123,255,.15) !important;}\n.inr-align .hero h1{font-weight:600 !important;font-size:clamp(42px,7.4vw,90px) !important;line-height:1.03 !important;letter-spacing:-.038em !important;\n  max-width:17ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-align .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.55 !important;}\n.inr-align .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-align .hero .spectrum{margin-top:44px !important;display:flex !important;align-items:center !important;gap:0 !important;max-width:520px !important;border-radius:99px !important;overflow:hidden !important;height:8px !important;box-shadow:0 6px 20px -10px rgba(41,37,88,.4) !important;}\n.inr-align .hero .spectrum span{flex:1 !important;height:100% !important;}\n.inr-align .hero .hint{margin-top:34px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--zacht) !important;letter-spacing:.04em !important;}\n.inr-align .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--zacht),transparent) !important;}\n\n\/* ---------- HERO DROPDOWN ---------- *\/\n.inr-align .keuze{margin-top:44px !important;position:relative !important;max-width:480px !important;width:100% !important;z-index:30 !important;}\n.inr-align .keuze .keuze-knop{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:16px !important;width:100% !important;cursor:pointer !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.2) !important;border-radius:16px !important;padding:17px 20px !important;text-align:left !important;\n  box-shadow:0 10px 40px -28px rgba(41,37,88,.3) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s !important;}\n.inr-align .keuze .keuze-knop:hover{transform:translateY(-2px) !important;border-color:rgba(0,123,255,.4) !important;box-shadow:0 18px 50px -28px rgba(41,37,88,.4) !important;}\n.inr-align .keuze .keuze-knop .kt{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important;}\n.inr-align .keuze .keuze-knop .kt .klein{font-size:11px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--bl) !important;}\n.inr-align .keuze .keuze-knop .kt .groot{font-size:16px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important;}\n.inr-align .keuze .keuze-knop .kt .groot .mob-br{display:none !important;}\n.inr-align .keuze .keuze-knop .pijl{flex:none !important;width:20px !important;height:20px !important;margin-left:6px !important;margin-top:14px !important;color:var(--bl) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-align .keuze.open .keuze-knop .pijl{transform:rotate(180deg) !important;}\n.inr-align .keuze .keuze-menu{position:static !important;left:0 !important;right:0 !important;width:100% !important;\n  background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(24px) !important;backdrop-filter:blur(24px) !important;\n  border:1px solid rgba(41,37,88,.16) !important;border-radius:16px !important;overflow:hidden !important;\n  box-shadow:0 24px 60px -26px rgba(21,18,46,.28) !important;\n  max-height:0 !important;margin-top:0 !important;padding:0 8px !important;border-width:0 !important;\n  transition:max-height .42s cubic-bezier(.2,.7,.2,1),margin-top .42s cubic-bezier(.2,.7,.2,1),padding .42s cubic-bezier(.2,.7,.2,1),border-width .42s !important;}\n.inr-align .keuze.open .keuze-menu{max-height:640px !important;margin-top:10px !important;padding:8px !important;border-width:1px !important;}\n.inr-align .keuze .keuze-menu a{display:flex !important;align-items:center !important;gap:13px !important;padding:13px 14px !important;border-radius:11px !important;\n  color:var(--ink) !important;transition:background .25s !important;}\n.inr-align .keuze .keuze-menu a:hover{background:rgba(41,37,88,.05) !important;}\n.inr-align .keuze .keuze-menu a .mico{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:var(--mc-soft) !important;color:var(--mc) !important;}\n.inr-align .keuze .keuze-menu a .mico svg{width:17px !important;height:17px !important;}\n.inr-align .keuze .keuze-menu a .mt{display:flex !important;flex-direction:column !important;gap:2px !important;}\n.inr-align .keuze .keuze-menu a .mt .mtitel{font-size:15px !important;font-weight:600 !important;letter-spacing:-.01em !important;color:var(--ink) !important;}\n.inr-align .keuze .keuze-menu a .mt .msub{font-size:12.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.4 !important;}\n.inr-align .keuze .keuze-menu a.m-act{--mc:#FD7634;--mc-soft:rgba(253,118,52,.12);}\n.inr-align .keuze .keuze-menu a.m-lea{--mc:#7448FD;--mc-soft:rgba(116,72,253,.12);}\n.inr-align .keuze .keuze-menu a.m-int{--mc:#292558;--mc-soft:rgba(41,37,88,.10);}\n.inr-align .keuze .keuze-menu a.m-gov{--mc:#2875FB;--mc-soft:rgba(40,117,251,.12);}\n.inr-align .keuze .keuze-menu a.m-nav{--mc:#5AC380;--mc-soft:rgba(90,195,128,.14);}\n@media(max-width:820px){\n  .inr-align .keuze{max-width:100% !important;}\n  .inr-align .keuze .keuze-knop .kt .groot .mob-br{display:inline !important;}\n}\n@media(max-width:820px){.inr-align .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 64px !important;}.inr-align .hero h1{font-size:clamp(33px,8.6vw,52px) !important;}.inr-align .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Align \u00b7 de lens op groei<\/div>\n  <h1>Begrijp wat er <span class=\"grad\">menselijk<\/span> gebeurt als je organisatie groeit.<\/h1>\n  <p class=\"lead\">Elke organisatie die groeit verandert van binnenuit. Wat eerst vanzelf ging gaat schuren, en niemand kan precies aanwijzen waarom. INR Align geeft daar taal aan. Geen fasering om doorheen te racen, geen oordeel over waar je staat, maar een lens die zichtbaar maakt wat er onder de oppervlakte beweegt. <strong>Herkennen. Begrijpen. Bewegen.<\/strong><\/p>\n  <div class=\"spectrum\">\n    <span style=\"background:var(--activation)\"><\/span>\n    <span style=\"background:var(--leadership)\"><\/span>\n    <span style=\"background:var(--integration)\"><\/span>\n    <span style=\"background:var(--governance)\"><\/span>\n    <span style=\"background:var(--navigation)\"><\/span>\n  <\/div>\n\n  <!-- =====================================================================\n       DROPDOWN MET VERDIEPENDE PAGINA'S PER GROEILAAG\n       Pas hier eenvoudig de links, titels en omschrijvingen aan.\n       Voeg een optie toe of haal er een weg door een <a> blok te kopieren\n       of te verwijderen. De kleur per optie staat in de class (m-act t\/m m-nav).\n       ===================================================================== -->\n  <div class=\"keuze\" id=\"alignKeuze\">\n    <button type=\"button\" class=\"keuze-knop\" id=\"alignKeuzeKnop\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span class=\"kt\">\n        <span class=\"klein\">De vijf groeilagen<\/span>\n        <span class=\"groot\">Verken een laag<br class=\"mob-br\"> in de diepte<\/span>\n      <\/span>\n      <svg class=\"pijl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n    <\/button>\n    <div class=\"keuze-menu\" role=\"menu\">\n\n      <!-- OPTIE 1 : Activation (vonk) -->\n      <a class=\"m-act\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-activation\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Activation<\/span><span class=\"msub\">De fase van directe energie<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 2 : Leadership (kompas) -->\n      <a class=\"m-lea\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-leadership\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15.5 8.5l-2 5-5 2 2-5z\"\/><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Leadership<\/span><span class=\"msub\">De fase van richting<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 3 : Integration (verbonden knooppunten) -->\n      <a class=\"m-int\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-integration\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2.4\"\/><circle cx=\"18\" cy=\"6\" r=\"2.4\"\/><circle cx=\"12\" cy=\"18\" r=\"2.4\"\/><path d=\"M7.6 7.6l3 8.4M16.4 7.6l-3 8.4M8 6h8\"\/><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Integration<\/span><span class=\"msub\">De fase van delegatie<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 4 : Governance (raster, samenhang) -->\n      <a class=\"m-gov\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-governance\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Governance<\/span><span class=\"msub\">De fase van systemen<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 5 : Navigation (kompasnaald, koers) -->\n      <a class=\"m-nav\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-navigation\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M16 8l-5.5 2.5L8 16l5.5-2.5z\"\/><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Navigation<\/span><span class=\"msub\">De fase van adaptief vermogen<\/span><\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll en ontdek hoe INR Align kijkt<\/div>\n<\/section>\n\n<!-- ========================= INTRO-STATEMENT ========================= -->\n<style>\n.inr-align .statement{max-width:920px !important;margin:0 auto !important;text-align:center !important;}\n.inr-align .statement .groot{font-weight:600 !important;font-size:clamp(26px,3.8vw,40px) !important;letter-spacing:-.024em !important;line-height:1.24 !important;color:var(--ink) !important;}\n.inr-align .statement .groot em{font-style:normal !important;color:var(--bl) !important;}\n.inr-align .statement .sub{margin-top:26px !important;font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;}\n<\/style>\n<section class=\"sec tight wrap\">\n  <div class=\"statement rev\">\n    <div class=\"groot\">Groei is zelden alleen een vraag van structuur. Het is vooral een verschuiving in wat mensen <em>nodig hebben<\/em>.<\/div>\n    <p class=\"sub\">INR Align kijkt naar die menselijke onderstroom. Niet om te beoordelen of je organisatie ver genoeg is, maar om te begrijpen welke beweging er werkelijk gaande is, zodat je er bewust mee kunt werken in plaats van ertegenin.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= ESSENTIE \/ WAT ALIGN IS ========================= -->\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat Align is<\/span>\n    <h2>Een lens, geen ladder.<\/h2>\n    <p>INR Align beschrijft geen niveaus die je moet halen en geen testuitslag die je ergens in plaatst. Het geeft taal aan wat er menselijk gebeurt naarmate schaal, complexiteit en onderlinge afhankelijkheid toenemen.<\/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=\"3\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1\"\/><\/svg><\/div>\n      <h3>Geen oordeel, wel herkenning<\/h3>\n      <p>Een organisatie in een vroege laag is niet onvolwassen, een in een latere niet bureaucratisch. Elke laag heeft een eigen kracht en een eigen prijs. De waarde zit in herkennen, niet in scoren.<\/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 12c3-6 15-6 18 0M3 12c3 6 15 6 18 0\"\/><circle cx=\"12\" cy=\"12\" r=\"2.4\"\/><\/svg><\/div>\n      <h3>De onderstroom zichtbaar<\/h3>\n      <p>Onder elke groeibeweging schuift een menselijke laag: welke behoefte onder druk staat, welk gedeeld verhaal zich vormt, welke reactie ontstaat wanneer het moeilijk wordt. INR Align maakt die laag bespreekbaar.<\/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=\"M4 18V8M10 18V5M16 18v-7M22 18V9\"\/><\/svg><\/div>\n      <h3>Meerdere lagen tegelijk<\/h3>\n      <p>Organisaties leven zelden in \u00e9\u00e9n laag. Sales beweegt anders dan operations, leiderschap anders dan de werkvloer. INR Align laat die gelijktijdigheid zien zonder ze tot \u00e9\u00e9n noemer te dwingen.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= STATSTRIP ========================= -->\n<style>\n.inr-align .strip{border-top:1px solid rgba(41,37,88,.12) !important;border-bottom:1px solid rgba(41,37,88,.12) !important;background:rgba(255,255,255,.4) !important;}\n.inr-align .strip .rij{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;}\n.inr-align .strip .cel{padding:46px 24px !important;text-align:center !important;border-right:1px solid rgba(41,37,88,.08) !important;}\n.inr-align .strip .cel:last-child{border-right:0 !important;}\n.inr-align .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(--bl),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-align .strip .om{font-size:14px !important;font-weight:400 !important;color:var(--grijs) !important;margin-top:10px !important;line-height:1.45 !important;}\n@media(max-width:820px){.inr-align .strip .rij{grid-template-columns:1fr !important;}.inr-align .strip .cel{border-right:0 !important;}.inr-align .strip .cel:not(:last-child){border-bottom:1px solid rgba(41,37,88,.08) !important;}}\n<\/style>\n<section class=\"strip\">\n  <div class=\"wrap\"><div class=\"rij\">\n    <div class=\"cel rev d1\"><div class=\"getal\">5<\/div><div class=\"om\">groeilagen die elke organisatie kent<\/div><\/div>\n    <div class=\"cel rev d2\"><div class=\"getal\">3<\/div><div class=\"om\">menselijke lagen onder elke beweging<\/div><\/div>\n    <div class=\"cel rev d3\"><div class=\"getal\">1<\/div><div class=\"om\">gedeelde taal voor wat er speelt<\/div><\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= DE VIJF LAGEN (HART VAN DE PAGINA) ========================= -->\n<style>\n.inr-align .lagen-kop{text-align:center !important;max-width:820px !important;margin:0 auto 64px !important;}\n.inr-align .lagen-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align .lagen-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-align .lagen-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n.inr-align .laagrij{display:flex !important;flex-direction:column !important;gap:20px !important;max-width:1020px !important;margin:0 auto !important;}\n.inr-align .laagkaart{position:relative !important;display:grid !important;grid-template-columns:128px 1fr !important;gap:34px !important;align-items:stretch !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.10) !important;border-radius:var(--radius) !important;padding:0 !important;overflow:hidden !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-align .laagkaart:hover{transform:translateY(-5px) !important;box-shadow:0 30px 64px -34px var(--lc-shadow) !important;}\n.inr-align .laagkaart .flank{position:relative !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;\n  padding:36px 18px !important;background:var(--lc-soft) !important;}\n.inr-align .laagkaart .flank .letter{font-weight:700 !important;font-size:60px !important;line-height:.9 !important;letter-spacing:-.04em !important;color:var(--lc) !important;}\n.inr-align .laagkaart .flank .nr{margin-top:10px !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--lc) !important;opacity:.7 !important;}\n.inr-align .laagkaart .body{padding:32px 36px 32px 0 !important;}\n.inr-align .laagkaart .woord{display:inline-block !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--lc) !important;margin-bottom:8px !important;}\n.inr-align .laagkaart h3{font-weight:600 !important;font-size:24px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-align .laagkaart .tag{font-size:14px !important;font-weight:500 !important;color:var(--lc) !important;margin-bottom:14px !important;}\n.inr-align .laagkaart p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-align .laagkaart p:last-child{margin-bottom:0 !important;}\n.inr-align .laagkaart .spanning{display:inline-flex !important;align-items:center !important;gap:9px !important;font-size:13.5px !important;font-weight:400 !important;color:var(--ink) !important;\n  background:var(--lc-soft) !important;border-radius:99px !important;padding:7px 15px !important;line-height:1.4 !important;}\n.inr-align .laagkaart .spanning .pip{flex:none !important;width:7px !important;height:7px !important;border-radius:50% !important;background:var(--lc) !important;}\n\n.inr-align .la-act{--lc:#FD7634;--lc-soft:rgba(253,118,52,.10);--lc-shadow:rgba(253,118,52,.30);}\n.inr-align .la-lea{--lc:#7448FD;--lc-soft:rgba(116,72,253,.10);--lc-shadow:rgba(116,72,253,.30);}\n.inr-align .la-int{--lc:#292558;--lc-soft:rgba(41,37,88,.09);--lc-shadow:rgba(41,37,88,.30);}\n.inr-align .la-gov{--lc:#2875FB;--lc-soft:rgba(40,117,251,.10);--lc-shadow:rgba(40,117,251,.30);}\n.inr-align .la-nav{--lc:#5AC380;--lc-soft:rgba(90,195,128,.12);--lc-shadow:rgba(90,195,128,.30);}\n\n@media(max-width:820px){\n  .inr-align .laagkaart{grid-template-columns:1fr !important;gap:0 !important;}\n  .inr-align .laagkaart .flank{flex-direction:row !important;justify-content:flex-start !important;gap:16px !important;padding:22px 24px !important;}\n  .inr-align .laagkaart .flank .letter{font-size:42px !important;}\n  .inr-align .laagkaart .flank .nr{margin-top:0 !important;align-self:center !important;}\n  .inr-align .laagkaart .body{padding:26px 24px !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"lagen-kop rev\">\n    <span class=\"eyebrow\">De vijf groeilagen<\/span>\n    <h2>Van directe energie naar adaptief vermogen.<\/h2>\n    <p>Activation, Leadership, Integration, Governance, Navigation. Vijf bewegingen die elke groeiende organisatie doormaakt. Geen trap omhoog, maar een spectrum waarin je tegelijk op meerdere plekken kunt leven.<\/p>\n  <\/div>\n  <div class=\"laagrij\">\n\n    <div class=\"laagkaart la-act rev d1\">\n      <div class=\"flank\"><div class=\"letter\">A<\/div><div class=\"nr\">Laag 01<\/div><\/div>\n      <div class=\"body\">\n        <span class=\"woord\">Activation<\/span>\n        <h3>De fase van directe energie<\/h3>\n        <div class=\"tag\">Initiatiekracht<\/div>\n        <p>De organisatie draait op de directe inzet van een klein aantal mensen. Lijnen zijn kort, besluiten gaan snel, het centrum houdt alles bij elkaar. Het is vaak de meest energieke periode die een organisatie kent.<\/p>\n        <div class=\"spanning\"><span class=\"pip\"><\/span>Spanning: het houdt op te werken zodra de organisatie groter wordt dan dat ene centrum aankan.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"laagkaart la-lea rev d2\">\n      <div class=\"flank\"><div class=\"letter\">L<\/div><div class=\"nr\">Laag 02<\/div><\/div>\n      <div class=\"body\">\n        <span class=\"woord\">Leadership<\/span>\n        <h3>De fase van richting<\/h3>\n        <div class=\"tag\">Expliciete keuze<\/div>\n        <p>Wat eerst vanzelf ging wordt nu expliciet gemaakt. Rollen worden helder, verantwoordelijkheden afgebakend, besluitvorming krijgt structuur. Voor wie nieuw is voelt dat als orde, voor wie er al was soms als verlies.<\/p>\n        <div class=\"spanning\"><span class=\"pip\"><\/span>Spanning: twee waarheden tegelijk, professionaliseren en tegelijk iets waardevols voelen verdwijnen.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"laagkaart la-int rev d3\">\n      <div class=\"flank\"><div class=\"letter\">I<\/div><div class=\"nr\">Laag 03<\/div><\/div>\n      <div class=\"body\">\n        <span class=\"woord\">Integration<\/span>\n        <h3>De fase van delegatie<\/h3>\n        <div class=\"tag\">Verspreide autonomie<\/div>\n        <p>De organisatie wordt te groot om centraal te sturen. Verantwoordelijkheid verschuift naar teams en onderdelen, die elk hun eigen logica ontwikkelen. Elk deel werkt goed op zichzelf. De uitdaging zit in het samenspel.<\/p>\n        <div class=\"spanning\"><span class=\"pip\"><\/span>Spanning: teams werken intern sterk, maar de samenwerking daartussen kost steeds meer energie.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"laagkaart la-gov rev d4\">\n      <div class=\"flank\"><div class=\"letter\">G<\/div><div class=\"nr\">Laag 04<\/div><\/div>\n      <div class=\"body\">\n        <span class=\"woord\">Governance<\/span>\n        <h3>De fase van systemen<\/h3>\n        <div class=\"tag\">Co\u00f6rdinatie en samenhang<\/div>\n        <p>Processen, kaders en verantwoordelijkheidsstructuren brengen samenhang in de complexiteit. Dat werkt, en het is ook het moment waarop een organisatie haar bredere verantwoordelijkheid leert dragen. Maar het begint zwaarder te worden.<\/p>\n        <div class=\"spanning\"><span class=\"pip\"><\/span>Spanning: dient de structuur het werk nog, of is de structuur zelf het werk geworden.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"laagkaart la-nav rev d5\">\n      <div class=\"flank\"><div class=\"letter\">N<\/div><div class=\"nr\">Laag 05<\/div><\/div>\n      <div class=\"body\">\n        <span class=\"woord\">Navigation<\/span>\n        <h3>De fase van adaptief vermogen<\/h3>\n        <div class=\"tag\">Beweeglijkheid onder schaal<\/div>\n        <p>De vraag is niet langer hoe je beheerst, maar hoe je beweeglijk blijft terwijl de complexiteit hoog is. Een gezonde organisatie leest hier zichzelf: ze herkent haar eigen patronen en kan ze bespreken.<\/p>\n        <div class=\"spanning\"><span class=\"pip\"><\/span>Spanning: het systeem heeft geleerd zichzelf te beschermen, en die bescherming staat vernieuwing soms in de weg.<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ========================= DE MOTOR: DRIE MENSELIJKE LAGEN ========================= -->\n<style>\n.inr-align .motor{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-align .motor .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align .motor .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-align .motor .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;margin-bottom:14px !important;}\n.inr-align .motor .tekst p:last-child{margin-bottom:0 !important;}\n.inr-align .motor .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-align .drielaag{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-align .mlaag{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(41,37,88,.24) !important;position:relative !important;overflow:hidden !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-align .mlaag:hover{transform:translateX(5px) !important;}\n.inr-align .mlaag::before{content:'' !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:4px !important;background:var(--ml) !important;}\n.inr-align .mlaag .ml-rang{font-size:11px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--ml) !important;margin-bottom:8px !important;}\n.inr-align .mlaag h4{font-weight:600 !important;font-size:18px !important;letter-spacing:-.012em !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-align .mlaag p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-align .mlaag.in1{--ml:#007BFF;}\n.inr-align .mlaag.in2{--ml:#7448FD;}\n.inr-align .mlaag.in3{--ml:#FD7634;}\n@media(max-width:820px){.inr-align .motor{grid-template-columns:1fr !important;gap:38px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"motor\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">De motor onder de lagen<\/span>\n      <h2>Onder elke groeibeweging draait dezelfde menselijke motor.<\/h2>\n      <p>INR Align rust op het INR Model. Wat zich op organisatieschaal afspeelt, speelt zich tegelijk af op het niveau van de mens die er werkt. Drie lagen samen verklaren waarom groei voelt zoals het voelt.<\/p>\n      <p>Behoeften veranderen per laag van voedingsmogelijkheid. Het gedeelde verhaal verschuift mee. En de reactie die ontstaat wanneer het moeilijk wordt, krijgt op systeemschaal een herkenbare vorm.<\/p>\n      <p><strong>Niet de structuur cre\u00ebert het verhaal. De omstandigheden maken dat bepaalde verhalen functioneel actief worden.<\/strong> Dat onderscheid is de kern van hoe INR Align kijkt.<\/p>\n    <\/div>\n    <div class=\"drielaag\">\n      <div class=\"mlaag in1 rev d1\">\n        <div class=\"ml-rang\">De I-laag<\/div>\n        <h4>De intrinsieke drijfveren<\/h4>\n        <p>De I-laag gaat over de intrinsieke drijfveren die mensen hebben, en hoe fundamenteel die zijn voor menselijk functioneren.<\/p>\n      <\/div>\n      <div class=\"mlaag in2 rev d2\">\n        <div class=\"ml-rang\">De N-laag<\/div>\n        <h4>De gedeelde betekenis<\/h4>\n        <p>De N-laag gaat over de betekenis die we geven aan wat we doen, en hoe die als een collectieve betekenis in een organisatie gaat leven.<\/p>\n      <\/div>\n      <div class=\"mlaag in3 rev d3\">\n        <div class=\"ml-rang\">De R-laag<\/div>\n        <h4>Het zichtbare gedrag<\/h4>\n        <p>De R-laag gaat over het zichtbare gedrag dat mensen of het systeem laat zien, zoals voorzichtigheid, bewijsdrang, afhouding of overdrive.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= EIGEN BLOK: GELIJKTIJDIGHEID & TERUGVAL ========================= -->\n<style>\n.inr-align .twee{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-align .tkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:var(--radius) !important;padding:40px 38px !important;position:relative !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -30px rgba(41,37,88,.22) !important;}\n.inr-align .tkaart .tk-ico{width:48px !important;height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:20px !important;background:rgba(0,123,255,.1) !important;color:var(--bl) !important;}\n.inr-align .tkaart .tk-ico svg{width:24px !important;height:24px !important;}\n.inr-align .tkaart h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inr-align .tkaart p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:12px !important;}\n.inr-align .tkaart p:last-child{margin-bottom:0 !important;}\n.inr-align .tkaart p strong{font-weight:600 !important;color:var(--ink) !important;}\n@media(max-width:820px){.inr-align .twee{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\">Hoe lagen zich gedragen<\/span>\n    <h2>Geen rechte lijn, maar een levend systeem.<\/h2>\n    <p>Twee dingen maken INR Align anders dan een groeimodel met trappen. Organisaties leven in meerdere lagen tegelijk, en ze kunnen onder druk terugvallen. Beide zijn normaal.<\/p>\n  <\/div>\n  <div class=\"twee\">\n    <div class=\"tkaart rev d1\">\n      <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/div>\n      <h3>Meerdere lagen tegelijk<\/h3>\n      <p>Het is eerder regel dan uitzondering dat verschillende delen van een organisatie in verschillende lagen leven. Commercie blijft vaak langer in directe energie omdat externe druk eerder zichtbaar is dan interne complexiteit. Operations wordt eerder tot structuur gedwongen.<\/p>\n      <p><strong>De grootste hefboom zit zelden in het uniformeren van de organisatie, maar in het ontwerpen van de overdrachtsmomenten tussen lagen.<\/strong><\/p>\n    <\/div>\n    <div class=\"tkaart rev d2\">\n      <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\"\/><path d=\"M3 4v4h4\"\/><\/svg><\/div>\n      <h3>Terugvallen onder druk<\/h3>\n      <p>Wanneer het moeilijk wordt, valt een organisatie vaak terug op een oudere manier van werken. Founders pakken weer alles zelf op, beslissingen schuiven terug naar het centrum. Dat is geen falen. Het is een natuurlijke reactie die op dat moment zelfs kan helpen.<\/p>\n      <p><strong>Het wordt pas een probleem wanneer die tijdelijke terugval ongemerkt blijvend wordt.<\/strong> INR Align maakt het verschil tussen tijdelijk en blijvend bespreekbaar.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KANTELING: ORGANISATIEPERSPECTIEF ========================= -->\n<style>\n.inr-align .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-align .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align .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-align .kantel .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;margin-bottom:14px !important;}\n.inr-align .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-align .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-align .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-align .pkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(41,37,88,.22) !important;display:flex !important;gap:18px !important;align-items:flex-start !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-align .pkaart:hover{transform:translateX(5px) !important;}\n.inr-align .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(0,123,255,.1) !important;color:var(--bl) !important;}\n.inr-align .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-align .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-align .pkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n@media(max-width:820px){.inr-align .kantel{grid-template-columns:1fr !important;gap:38px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kantel\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Het organisatieperspectief<\/span>\n      <h2>Jullie scheppen de condities. De helderheid doet de rest.<\/h2>\n      <p>Een organisatie kan inzicht niet afdwingen, maar wel de condities cre\u00ebren waarin een team scherper gaat zien wat er werkelijk speelt. Dat is wat INR Align jullie in handen geeft: geen oordeel over waar je staat, maar een gedeelde taal waarmee leiderschap en teams dezelfde onderstroom kunnen benoemen.<\/p>\n      <p><strong>Wat zichtbaar wordt, kun je bewust hanteren.<\/strong> Zodra een organisatie herkent welke laagovergang gaande is, verschuift de rol van leiderschap van reageren op symptomen naar ontwerpen met begrip. Een interventie die de menselijke laag raakt, beklijft mogelijk langer dan een die alleen de structuur aanpakt.<\/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=\"M7 8h10M7 12h6M5 20l-2 2V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H8z\"\/><\/svg><\/div>\n        <div><h4>Een gedeelde taal<\/h4><p>Leiderschap en werkvloer krijgen woorden voor wat zich onder de structuur afspeelt, zonder elkaar in labels of verwijten te duwen.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/div>\n        <div><h4>Eerder zien wat speelt<\/h4><p>Vroege signalen van een laagovergang worden bespreekbaar voordat ze zich vertalen in verloop, frictie of stilgevallen verandering.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2 4 6v6c0 5 3.5 8 8 10 4.5-2 8-5 8-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n        <div><h4>Bewuste keuzes onder druk<\/h4><p>Het verschil tussen een tijdelijke terugval en een nieuw blijvend patroon wordt expliciet, zodat terugvallen een keuze blijft in plaats van een sluipende gewoonte.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CONTRAST: SYMPTOOM VERSUS ONDERSTROOM ========================= -->\n<style>\n.inr-align .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-align .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;}\n.inr-align .cblok.oud{background:rgba(97,92,122,.05) !important;border:1px solid rgba(97,92,122,.14) !important;}\n.inr-align .cblok.kern{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(0,123,255,.18) !important;box-shadow:0 14px 50px -30px rgba(0,123,255,.3) !important;}\n.inr-align .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-align .cblok.oud .ctag{color:var(--zacht) !important;}\n.inr-align .cblok.kern .ctag{color:var(--bl) !important;}\n.inr-align .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-align .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-align .cblok li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;line-height:1.56 !important;}\n.inr-align .cblok.oud li{color:var(--grijs) !important;}\n.inr-align .cblok.kern li{color:var(--ink) !important;}\n.inr-align .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-align .cblok.oud li .m{background:rgba(97,92,122,.12) !important;color:var(--zacht) !important;}\n.inr-align .cblok.kern li .m{background:rgba(0,123,255,.12) !important;color:var(--bl) !important;}\n.inr-align .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-align .contrast{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Waarom het verschil maakt<\/span>\n    <h2>Niet het symptoom bestrijden, maar de onderstroom begrijpen.<\/h2>\n    <p>De meeste groeiproblemen worden aangepakt op het niveau waar ze zichtbaar worden: trager besluiten, meer overleg, haperende samenwerking. INR Align kijkt naar de laag eronder, waar de beweging werkelijk vandaan komt.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">De gangbare reflex<\/span>\n      <h3>Werken aan het symptoom<\/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>Een reorganisatie die de structuur verschuift maar de onderstroom onaangeroerd laat.<\/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 nieuw proces dat afstemming moet oplossen, en in de praktijk de afstemming verzwaart.<\/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>Individuen die als probleem worden gezien, terwijl het patroon op systeemniveau speelt.<\/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>Verandertrajecten die starten met energie en stilvallen voordat ze landen.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Met Align<\/span>\n      <h3>Begrijpen wat er beweegt<\/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>Inzicht in welke laagovergang werkelijk gaande is, voordat je iets verbouwt.<\/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>Zicht op welke behoefte onder druk staat en welk gedeeld verhaal zich vormt.<\/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 lens op systeemgedrag, die mensen ontziet in plaats van ze te labelen.<\/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>Interventies die aansluiten op de menselijke laag, en daardoor mogelijk beklijven.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DONKER STRATEGISCH BLOK ========================= -->\n<style>\n.inr-align .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-align .donker::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(40,117,251,.45),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-align .donker::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-100px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(116,72,253,.34),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-align .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-align .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-align .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-align .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.62 !important;}\n.inr-align .lagen3{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-align .laag3{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;}\n.inr-align .laag3 .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-align .laag3 h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-align .laag3 p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.62 !important;}\n.inr-align .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-align .dk-regel{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.84) !important;line-height:1.5 !important;}\n.inr-align .dk-regel .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(0,123,255,.25) !important;color:var(--bl-2) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-align .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-align .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-align .lagen3{grid-template-columns:1fr !important;}.inr-align .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>Groei begrijpen als strategisch vermogen.<\/h2>\n      <p>Wie INR Align inzet, investeert in het vermogen om de eigen groei te lezen. Niet als eenmalige diagnose, maar als blijvende taal waarmee leiderschap en teams begrijpen wat er beweegt. Wat op systeemniveau zichtbaar wordt, kan een organisatie helpen bewuster te sturen.<\/p>\n    <\/div>\n    <div class=\"lagen3\">\n      <div class=\"laag3\"><div class=\"rang\">Opbrengst 01<\/div><h4>Gedeeld begrip<\/h4><p>E\u00e9n taal voor de onderstroom, waardoor gesprekken over groei minder in verwijt en meer in herkenning landen.<\/p><\/div>\n      <div class=\"laag3\"><div class=\"rang\">Opbrengst 02<\/div><h4>Tijdige beweging<\/h4><p>Laagovergangen worden eerder herkend, waardoor interventies kunnen aansluiten op wat werkelijk speelt.<\/p><\/div>\n      <div class=\"laag3\"><div class=\"rang\">Opbrengst 03<\/div><h4>Veerkracht<\/h4><p>Een organisatie die haar eigen patronen kan lezen, kan onder druk bewuster kiezen in plaats van terugvallen.<\/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>Teams die dezelfde onderstroom kunnen benoemen, werken mogelijk soepeler samen over hun grenzen heen.<\/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>Inzicht in laagverschillen verlicht de spanning die anders als persoonlijk conflict wordt geduid.<\/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 verschil tussen een tijdelijke en een blijvende terugval wordt bespreekbaar, en daarmee stuurbaar.<\/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>Een organisatie die haar groei begrijpt, kan veranderenergie richten op waar die werkelijk nodig is.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= ETHISCHE KERN ========================= -->\n<style>\n.inr-align .ethiek{max-width:880px !important;margin:0 auto !important;text-align:center !important;}\n.inr-align .ethiek .mark{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:56px !important;height:56px !important;border-radius:16px !important;background:rgba(0,123,255,.1) !important;color:var(--bl) !important;margin-bottom:26px !important;}\n.inr-align .ethiek .mark svg{width:28px !important;height:28px !important;}\n.inr-align .ethiek .q{font-weight:600 !important;font-size:clamp(24px,3.4vw,36px) !important;letter-spacing:-.022em !important;line-height:1.26 !important;color:var(--ink) !important;margin-bottom:22px !important;}\n.inr-align .ethiek .q em{font-style:normal !important;color:var(--bl) !important;}\n.inr-align .ethiek p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"ethiek rev\">\n    <div class=\"mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 3 4 7v5c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V7z\"\/><path d=\"M12 8v5M12 16v.01\"\/><\/svg><\/div>\n    <div class=\"q\">Een lens op het systeem, <em>nooit<\/em> een oordeel over de mens.<\/div>\n    <p>INR Align werkt op het niveau van patronen, niet van personen. Het benoemt wat een systeem doet onder schaal en druk, zonder daar een waardeoordeel over iemand aan te verbinden. Geen laag is beter dan een andere, geen mens valt erbinnen samen met een type. Die terughoudendheid is geen bijzaak, het is de ruggengraat van het model.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-align .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-align .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-align .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Align is geen model om je organisatie in te plaatsen, maar een <span class=\"grad\">manier om haar te begrijpen<\/span>.<\/div>\n    <p>Vijf groeilagen, \u00e9\u00e9n menselijke motor eronder, en een houding die kijkt zonder te oordelen. Vanuit dat begrip ontstaat ruimte om bewust te bewegen, in plaats van geleefd te worden door een dynamiek die niemand had benoemd.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-align .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-align .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-align .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-align .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-align .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:48ch !important;line-height:1.56 !important;}\n.inr-align .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-align .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--bl) !important;box-shadow:0 0 0 5px rgba(0,123,255,.15) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Herkennen. Begrijpen. <span class=\"grad\">Bewegen<\/span>.<\/h2>\n    <p>INR Align geeft taal aan wat er menselijk gebeurt als je organisatie groeit, zodat je er bewust mee kunt werken.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Align<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-align ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-align .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  function dropdown(){\n    var k=document.getElementById('alignKeuze');\n    var knop=document.getElementById('alignKeuzeKnop');\n    if(!k||!knop)return;\n    function sluit(){k.classList.remove('open');knop.setAttribute('aria-expanded','false');}\n    knop.addEventListener('click',function(ev){\n      ev.stopPropagation();\n      var open=k.classList.toggle('open');\n      knop.setAttribute('aria-expanded',open?'true':'false');\n    });\n    document.addEventListener('click',function(ev){if(!k.contains(ev.target))sluit();});\n    document.addEventListener('keydown',function(ev){if(ev.key==='Escape')sluit();});\n  }\n  function init(){start();dropdown();}\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\n})();\n<\/script>\n\n\n\n\n\n<!-- ============================================================================\n     INR 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\n\n\n<!-- ============================================================================\n     INR ALIGN POP MET FORMULIER (in de designtaal van de Align-landingspagina)\n     E\u00e9n bestand. Plak volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Toont zich 12s n\u00e1 de eerste scroll, gecentreerd. E\u00e9n keer per sessie.\n     Accent #007BFF, gradient #007BFF?#4B3FA0, vijfkleuren-spectrum, fasen in eigen kleur.\n     Capture identiek aan contactformulier.\n     ============================================================================ -->\n\n<style>\n.inr-align-pop{\n  --ink:#15122E; --grijs:#615C7A; --zacht:#8E89A6;\n  --lijn:rgba(41,37,88,.12); --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.82);\n  --bl:#007BFF; --accent-2:#4B3FA0;\n  --activation:#FD7634; --leadership:#7448FD; --integration:#292558; --governance:#2875FB; --navigation:#5AC380;\n  box-sizing:border-box !important;\n}\n.inr-align-pop, .inr-align-pop *, .inr-align-pop *::before, .inr-align-pop *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-align-pop h3,.inr-align-pop p,.inr-align-pop span,.inr-align-pop div,.inr-align-pop a,.inr-align-pop button,.inr-align-pop label{margin:0;padding:0;}\n.inr-align-pop a{text-decoration:none !important;}\n.inr-align-pop button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- OVERLAY ---------- *\/\n.inr-align-pop .overlay{\n  position:fixed !important; inset:0 !important; z-index:99990 !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  padding:24px !important; overflow-y:auto !important;\n  background:rgba(21,18,46,.5) !important;\n  -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important;\n  opacity:0 !important; visibility:hidden !important;\n  transition:opacity .4s cubic-bezier(.2,.7,.2,1),visibility .4s !important;\n}\n.inr-align-pop .overlay.toon{ opacity:1 !important; visibility:visible !important; }\n\n\/* ---------- KAART (breed, rechthoekig) ---------- *\/\n.inr-align-pop .kaart{\n  position:relative !important; width:100% !important; max-width:880px !important; margin:auto !important;\n  background:var(--glas) !important;\n  -webkit-backdrop-filter:blur(20px) !important; backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important; border-radius:24px !important; overflow:hidden !important;\n  box-shadow:0 50px 110px -44px rgba(21,18,46,.5) !important;\n  transform:translateY(26px) scale(.97) !important;\n  transition:transform .55s cubic-bezier(.2,.7,.2,1) !important;\n  text-align:left !important;\n}\n.inr-align-pop .overlay.toon .kaart{ transform:none !important; }\n\n\/* ---------- SLUITEN ---------- *\/\n.inr-align-pop .sluit{\n  position:absolute !important; top:16px !important; right:16px !important; z-index:3 !important;\n  width:34px !important; height:34px !important; border-radius:10px !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  background:rgba(255,255,255,.7) !important; border:1px solid var(--lijn) !important;\n  color:var(--grijs) !important; transition:background .2s,color .2s !important;\n}\n.inr-align-pop .sluit:hover{ background:#fff !important; color:var(--ink) !important; }\n.inr-align-pop .sluit svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;}\n\n\/* ---------- GRID ---------- *\/\n.inr-align-pop .grid{display:grid !important;grid-template-columns:1.05fr .95fr !important;}\n\n\/* ---------- LINKER PANEEL (donker, ink) ---------- *\/\n.inr-align-pop .links{\n  position:relative !important; overflow:hidden !important; background:var(--ink) !important; color:#fff !important;\n  padding:clamp(34px,3.6vw,46px) clamp(30px,3vw,42px) !important;\n  display:flex !important; flex-direction:column !important;\n}\n.inr-align-pop .links::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(40,117,251,.45),transparent 70%) !important;filter:blur(40px) !important;pointer-events:none !important;}\n.inr-align-pop .links::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-100px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(116,72,253,.34),transparent 70%) !important;filter:blur(40px) !important;pointer-events:none !important;}\n.inr-align-pop .links-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n\n\/* spectrum-balk (signatuur van de pagina) *\/\n.inr-align-pop .spectrum{display:flex !important;align-items:center !important;gap:0 !important;width:100% !important;max-width:200px !important;border-radius:99px !important;overflow:hidden !important;height:6px !important;margin-bottom:24px !important;box-shadow:0 6px 20px -10px rgba(0,0,0,.5) !important;}\n.inr-align-pop .spectrum span{flex:1 !important;height:100% !important;}\n\n.inr-align-pop .badge{\n  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:.1em !important; text-transform:uppercase !important; color:#fff !important;\n  border:1px solid rgba(255,255,255,.2) !important; background:rgba(255,255,255,.06) !important;\n  padding:7px 14px !important; border-radius:99px !important; margin-bottom:18px !important;\n}\n.inr-align-pop .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--bl) !important;box-shadow:0 0 0 4px rgba(0,123,255,.25) !important;}\n.inr-align-pop .links h3{font-weight:600 !important;font-size:clamp(25px,2.7vw,34px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:14px !important;}\n.inr-align-pop .links h3 .grad{background:linear-gradient(115deg,var(--bl),#9C92E8) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-align-pop .links .lead{font-size:clamp(14.5px,1.5vw,15.5px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;margin-bottom:26px !important;}\n\n\/* fase-ankers, elk in eigen kleur *\/\n.inr-align-pop .fasen{margin-top:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important;}\n.inr-align-pop .fase{display:flex !important;align-items:center !important;gap:12px !important;}\n.inr-align-pop .fase .letter{flex:none !important;width:28px !important;height:28px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12.5px !important;font-weight:700 !important;color:#fff !important;}\n.inr-align-pop .fase .naam{font-size:14px !important;font-weight:600 !important;color:#fff !important;}\n.inr-align-pop .fase .om{font-size:13px !important;font-weight:300 !important;color:rgba(255,255,255,.55) !important;}\n.inr-align-pop .fase.f-act .letter{background:var(--activation) !important;}\n.inr-align-pop .fase.f-lea .letter{background:var(--leadership) !important;}\n.inr-align-pop .fase.f-int .letter{background:var(--integration) !important;border:1px solid rgba(255,255,255,.2) !important;}\n.inr-align-pop .fase.f-gov .letter{background:var(--governance) !important;}\n.inr-align-pop .fase.f-nav .letter{background:var(--navigation) !important;}\n\n\/* ---------- RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-align-pop .rechts{padding:clamp(34px,3.6vw,46px) clamp(30px,3vw,42px) !important;background:transparent !important;}\n.inr-align-pop .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;margin-bottom:16px !important;}\n.inr-align-pop .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-align-pop .veld input,.inr-align-pop .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:13px 15px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s !important;\n}\n.inr-align-pop .veld input::placeholder,.inr-align-pop .veld textarea::placeholder{color:var(--zacht) !important;opacity:1 !important;}\n.inr-align-pop .veld input:focus,.inr-align-pop .veld textarea:focus{border-color:var(--bl) !important;box-shadow:0 0 0 4px rgba(0,123,255,.12) !important;}\n.inr-align-pop .veld input.fout,.inr-align-pop .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-align-pop .veld textarea{min-height:96px !important;resize:vertical !important;}\n\n\/* honeypot *\/\n.inr-align-pop .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n\/* ---------- KNOP (Align-blauw met gradient-hint) ---------- *\/\n.inr-align-pop .knop{\n  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important;\n  margin-top:6px !important; background:linear-gradient(115deg,var(--bl),var(--accent-2)) !important; color:#fff !important; border-radius:14px !important;\n  padding:16px 26px !important; font-size:15.5px !important; font-weight:600 !important; letter-spacing:-.005em !important;\n  box-shadow:0 14px 30px -14px rgba(0,123,255,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-align-pop .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 44px -16px rgba(0,123,255,.7) !important;}\n.inr-align-pop .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-align-pop .knop:hover svg{transform:translateX(4px) !important;}\n.inr-align-pop .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-align-pop .form-fout{font-size:13px !important;color:#DC2626 !important;margin-top:12px !important;text-align:center !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-align-pop .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-align-pop .form-belofte{margin-top:16px !important;display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:12px !important;color:var(--grijs) !important;line-height:1.5 !important;}\n.inr-align-pop .form-belofte svg{width:13px !important;height:13px !important;flex:none !important;margin-top:2px !important;stroke:var(--bl) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- SUCCES ---------- *\/\n.inr-align-pop .velden.verzonden{display:none !important;}\n.inr-align-pop .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important;padding:6px 0 !important;}\n.inr-align-pop .succes.toon{display:flex !important;}\n.inr-align-pop .succes .vink{width:50px !important;height:50px !important;border-radius:15px !important;background:rgba(0,123,255,.1) !important;border:1px solid rgba(0,123,255,.2) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-align-pop .succes .vink svg{width:24px !important;height:24px !important;stroke:var(--bl) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-align-pop .succes h3{font-weight:600 !important;font-size:21px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:0 !important;}\n.inr-align-pop .succes p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;max-width:42ch !important;}\n\n\/* ---------- MOBIEL ---------- *\/\n@media(max-width:760px){\n  .inr-align-pop .kaart{max-width:480px !important;}\n  .inr-align-pop .grid{grid-template-columns:1fr !important;}\n  .inr-align-pop .links{padding:34px 28px !important;}\n  .inr-align-pop .fasen{margin-top:22px !important;}\n  .inr-align-pop .rechts{padding:32px 28px !important;}\n}\n@media(max-width:560px){\n  .inr-align-pop .overlay{padding:16px !important;}\n  .inr-align-pop .fase .om{display:none !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-align-pop .overlay,.inr-align-pop .kaart,.inr-align-pop .knop,.inr-align-pop .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-align-pop\">\n  <div class=\"overlay\" id=\"inrAlignOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"inrAlignTitel\" aria-hidden=\"true\">\n    <div class=\"kaart\">\n      <button class=\"sluit\" id=\"inrAlignSluit\" aria-label=\"Sluiten\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n      <\/button>\n      <div class=\"grid\">\n\n        <!-- LINKER PANEEL -->\n        <div class=\"links\">\n          <div class=\"links-in\">\n            <div class=\"spectrum\">\n              <span style=\"background:var(--activation)\"><\/span>\n              <span style=\"background:var(--leadership)\"><\/span>\n              <span style=\"background:var(--integration)\"><\/span>\n              <span style=\"background:var(--governance)\"><\/span>\n              <span style=\"background:var(--navigation)\"><\/span>\n            <\/div>\n            <div class=\"badge\"><span class=\"stip\"><\/span>INR Align<\/div>\n            <h3 id=\"inrAlignTitel\">In welke fase zit jouw organisatie <span class=\"grad\">nu<\/span>?<\/h3>\n            <p class=\"lead\">Naarmate je organisatie groeit, verandert de manier waarop mensen elkaar bereiken. INR Align is een lens die dat zichtbaar maakt. In een vrijblijvend gesprek onderzoeken we samen waar je organisatie nu staat.<\/p>\n            <div class=\"fasen\">\n              <div class=\"fase f-act\"><span class=\"letter\">A<\/span><span class=\"naam\">Activation<\/span><span class=\"om\">&middot; initiatiekracht<\/span><\/div>\n              <div class=\"fase f-lea\"><span class=\"letter\">L<\/span><span class=\"naam\">Leadership<\/span><span class=\"om\">&middot; richting<\/span><\/div>\n              <div class=\"fase f-int\"><span class=\"letter\">I<\/span><span class=\"naam\">Integration<\/span><span class=\"om\">&middot; delegatie<\/span><\/div>\n              <div class=\"fase f-gov\"><span class=\"letter\">G<\/span><span class=\"naam\">Governance<\/span><span class=\"om\">&middot; co&ouml;rdinatie<\/span><\/div>\n              <div class=\"fase f-nav\"><span class=\"letter\">N<\/span><span class=\"naam\">Navigation<\/span><span class=\"om\">&middot; adaptie<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- RECHTER PANEEL: FORMULIER -->\n        <div class=\"rechts\">\n          <div class=\"velden\" id=\"inrAlignVelden\">\n            <div class=\"veld\">\n              <label for=\"inrAlignNaam\">Naam<\/label>\n              <input type=\"text\" id=\"inrAlignNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n            <\/div>\n            <div class=\"veld\">\n              <label for=\"inrAlignEmail\">E-mail<\/label>\n              <input type=\"email\" id=\"inrAlignEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n            <\/div>\n            <div class=\"veld\">\n              <label for=\"inrAlignBericht\">Bericht <span style=\"color:var(--zacht);font-weight:400;\">(optioneel)<\/span><\/label>\n              <textarea id=\"inrAlignBericht\" placeholder=\"Vertel kort waar je organisatie nu staat.\"><\/textarea>\n            <\/div>\n\n            <!-- honeypot -->\n            <div class=\"hp-veld\" aria-hidden=\"true\">\n              <label for=\"inrAlignHp\">Laat dit veld leeg<\/label>\n              <input type=\"text\" id=\"inrAlignHp\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/div>\n\n            <button type=\"button\" class=\"knop\" id=\"inrAlignKnop\">\n              Onderzoek het samen met ons\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/button>\n\n            <div class=\"form-fout\" id=\"inrAlignFout\">Controleer de gemarkeerde velden.<\/div>\n            <div class=\"form-belofte\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"succes\" id=\"inrAlignSucces\">\n            <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\n            <h3>Bedankt, je bericht is binnen.<\/h3>\n            <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op om samen te kijken waar je organisatie nu staat.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nwindow.INR_ALIGN_POP = {\n  vertraging: 12000,        \/\/ ms n\u00e1 de eerste scroll\n  eenmaligPerSessie: true,  \/\/ false = elke pageload opnieuw mogelijk\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"align\"\n};\n\n(function(){\n  var CFG = window.INR_ALIGN_POP || {};\n  var VERTRAGING = CFG.vertraging || 12000;\n  var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n  var FORM = CFG.form || 'align';\n  var SLEUTEL = 'inrAlignPopGezien';\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(){\n    var overlay = document.getElementById('inrAlignOverlay');\n    if(!overlay || overlay.getAttribute('data-actief') === '1') return;\n    overlay.setAttribute('data-actief','1');\n\n    if(CFG.eenmaligPerSessie){\n      try { if(sessionStorage.getItem(SLEUTEL) === '1') return; } catch(e){}\n    }\n\n    var velden = document.getElementById('inrAlignVelden');\n    var succes = document.getElementById('inrAlignSucces');\n    var knop   = document.getElementById('inrAlignKnop');\n    var fout   = document.getElementById('inrAlignFout');\n    var sluit  = document.getElementById('inrAlignSluit');\n    var naam   = document.getElementById('inrAlignNaam');\n    var email  = document.getElementById('inrAlignEmail');\n    var bericht= document.getElementById('inrAlignBericht');\n    var hp     = document.getElementById('inrAlignHp');\n\n    var getoond = false, gescrold = false;\n\n    function toon(){\n      if(getoond) return;\n      getoond = true;\n      window.removeEventListener('scroll', opScroll);\n      overlay.classList.add('toon');\n      overlay.setAttribute('aria-hidden','false');\n      document.addEventListener('keydown', opEscape);\n      try { if(CFG.eenmaligPerSessie) sessionStorage.setItem(SLEUTEL,'1'); } catch(e){}\n    }\n    function dicht(){\n      overlay.classList.remove('toon');\n      overlay.setAttribute('aria-hidden','true');\n      document.removeEventListener('keydown', opEscape);\n    }\n    function opEscape(e){ if(e.key === 'Escape') dicht(); }\n\n    function opScroll(){\n      if(gescrold) return;\n      gescrold = true;\n      setTimeout(toon, VERTRAGING);\n    }\n    window.addEventListener('scroll', opScroll, { passive:true });\n\n    sluit.addEventListener('click', dicht);\n    overlay.addEventListener('click', function(e){ if(e.target === overlay) dicht(); });\n\n    \/\/ ----- Formulierlogica (identiek aan contactformulier) -----\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n    function toonFout(t){ if(t) fout.textContent = t; fout.classList.add('toon'); }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email].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      return ok;\n    }\n\n    function verzend(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: { 'Bericht': (bericht.value || '').trim() },\n        meta: { trigger: 'align-pop', pagina: document.title },\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); } else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam en een geldig e-mailadres in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzend(function(ok){\n        if(ok){ toonSucces(); }\n        else {\n          knop.disabled = false;\n          knop.innerHTML = 'Onderzoek het samen met ons <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of mail ons direct.');\n        }\n      });\n    });\n\n    [naam, email].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', start);\n  } else { start(); }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INR Align \u00b7 de lens op groei Begrijp wat er menselijk gebeurt als je organisatie groeit. Elke organisatie die groeit verandert van binnenuit. Wat eerst vanzelf ging gaat schuren, en niemand kan precies aanwijzen waarom. INR Align geeft daar taal aan. Geen fasering om doorheen te racen, geen oordeel over waar je staat, maar een [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":79312,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75855","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75855","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=75855"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75855\/revisions"}],"predecessor-version":[{"id":79314,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75855\/revisions\/79314"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/79312"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=75855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}