{"id":81257,"date":"2026-08-22T12:59:54","date_gmt":"2026-08-22T10:59:54","guid":{"rendered":"https:\/\/inr.institute\/?page_id=81257"},"modified":"2026-08-22T12:59:54","modified_gmt":"2026-08-22T10:59:54","slug":"inr-automotive","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-automotive\/","title":{"rendered":"INR for the Automotive Industry"},"content":{"rendered":"<!-- ============================================================================\n     INR SECTORPAGINA \u00b7 AUTOMOTIVE\n     Een bestand. Plak dit volledig in EEN Elementor HTML-widget.\n     Alles gescoped onder .inr-sector en afgedwongen met !important.\n\n     Designtaal (niet de blokindeling) overgenomen van het INR Model-fundament:\n     Inter, neutraal casco (wit\/inkt\/grijs), zacht geblurde blobs,\n     glassmorphism-kaarten, reveal-on-scroll, cubic-bezier(.2,.7,.2,1).\n     Dienstkleur komt UITSLUITEND binnen als accent op de blok-6 product-cards.\n\n     COMMERCIELE ARCHITECTUUR (framework v2, ambitie-eerst):\n       1 HERO        de ambitie + een contactknop\n       2 SPANNING    de spanning die de ambitie in de weg staat\n       3 WHY         waarom voornemens het niet oplossen (donker paneel)\n       4 BELOFTE     wat er verandert, als scanbare winstpunten\n       5 CATEGORIE   waarom dit geen gedragsmodel is, kort en terloops\n       6 ROUTE       waar wij zouden beginnen, product-cards met dienstkleur\n       7 CTA         het gesprek (donker paneel) + brochure-link\n\n     FONT: Inter wordt sitebreed door de header geladen. Hier NIET opnieuw\n     laden. De font-family-declaraties gebruiken het font dat de header levert.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ROOT + ELEMENTOR-ONTWAPENING ---------- *\/\n.inr-sector{\n  --ink:#0E0E12; --ink-2:#1A1A20; --grijs:#64646E; --grijs-2:#9A9AA4; --bg:#F5F5F7;\n  --lijn:rgba(14,14,18,.10); --lijn-2:rgba(14,14,18,.06);\n  \/* dienstkleuren, alleen gebruikt in blok 6 *\/\n  --c-pulse:#FD4C5C; --c-sync:#FD7634; --c-fluent:#2875FB; --c-echo:#5AC380; --c-core:#7448FD;\n  --radius:24px; --maxw:1180px;\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:clip !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-sector, .inr-sector *, .inr-sector *::before, .inr-sector *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-sector h1,.inr-sector h2,.inr-sector h3,.inr-sector h4,.inr-sector p,\n.inr-sector span,.inr-sector div,.inr-sector ul,.inr-sector li,.inr-sector a{margin:0;padding:0;}\n.inr-sector ul{list-style:none !important;}\n.inr-sector a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (neutrale grijze blobs) ---------- *\/\n.inr-sector .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-sector .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.5 !important;animation:inrs-drift 32s ease-in-out infinite !important;}\n.inr-sector .blob.a{width:560px;height:560px;background:rgba(14,14,18,.10);top:-200px;right:-160px;}\n.inr-sector .blob.b{width:500px;height:500px;background:rgba(100,100,110,.12);top:52%;left:-200px;animation-delay:-12s;}\n.inr-sector .blob.c{width:620px;height:620px;background:rgba(14,14,18,.05);bottom:-280px;right:22%;animation-delay:-21s;}\n@keyframes inrs-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-42px,-32px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-sector .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-sector .sec{position:relative !important;z-index:1 !important;padding:118px 0 !important;}\n.inr-sector .sec.tight{padding:82px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-sector .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n.inr-sector .grad{background:linear-gradient(115deg,#0E0E12,#54545E) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-sector .rev{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-sector .rev.in{opacity:1 !important;transform:none !important;}\n.inr-sector .d1{transition-delay:.07s;}.inr-sector .d2{transition-delay:.14s;}.inr-sector .d3{transition-delay:.21s;}\n.inr-sector .d4{transition-delay:.28s;}.inr-sector .d5{transition-delay:.35s;}\n.no-js .inr-sector .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-sector{padding-left:22px !important;padding-right:22px !important;}\n  .inr-sector .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-sector .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-sector .sec{padding:74px 0 !important;}\n  .inr-sector .blob.a{width:320px;height:320px;right:-110px;}\n  .inr-sector .blob.b{width:300px;height:300px;left:-140px;}\n  .inr-sector .blob.c{width:340px;height:340px;right:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-sector .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-sector .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-sector\">\n<!-- ============================================================================\n     SECTOR-ICOON (centrale definitie). Per sector wissel je ALLEEN de paden\n     binnen dit <symbol id=\"sectoricoon\">. Het verschijnt automatisch als\n     watermerk in het why-paneel en het CTA-paneel, en kan overal met\n     <svg><use href=\"#sectoricoon\"><\/use><\/svg> hergebruikt worden.\n     Huidige sector: Automotive (auto).\n     ============================================================================ -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;\" aria-hidden=\"true\">\n  <symbol id=\"sectoricoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M3 13l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5\"><\/path>\n    <path d=\"M3 13h18v4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H6v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z\"><\/path>\n    <circle cx=\"7\" cy=\"16\" r=\"0.5\"><\/circle>\n    <circle cx=\"17\" cy=\"16\" r=\"0.5\"><\/circle>\n  <\/symbol>\n<\/svg>\n\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= BLOK 1 \u00b7 HERO ========================= -->\n<style>\n.inr-sector .hero{min-height:86vh !important;display:grid !important;grid-template-columns:1.15fr .85fr !important;gap:56px !important;align-items:center !important;padding:150px clamp(24px,5vw,40px) 100px !important;}\n.inr-sector .hero h1{font-weight:600 !important;font-size:clamp(42px,5.6vw,74px) !important;line-height:1.03 !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-sector .hero .lead{font-size:clamp(17px,2.1vw,20px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:52ch !important;line-height:1.6 !important;margin-bottom:38px !important;}\n.inr-sector .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-sector .knop{display:inline-flex !important;align-items:center !important;gap:10px !important;font-weight:600 !important;font-size:15px !important;padding:16px 28px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .3s !important;cursor:pointer !important;}\n.inr-sector .knop svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .knop.primair{background:var(--ink) !important;color:#fff !important;}\n.inr-sector .knop.primair:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(14,14,18,.5) !important;}\n.inr-sector .knop.primair:hover svg{transform:translateX(4px) !important;}\n.inr-sector .knop:focus-visible{outline:2px solid var(--ink) !important;outline-offset:3px !important;}\n\n\/* hero-rechts: sector-navigatie. Desktop = side panel, mobiel = dropdown.\n   De actieve sector is gemarkeerd en niet klikbaar. *\/\n.inr-sector .herobeeld{position:relative !important;display:flex !important;justify-content:center !important;align-items:stretch !important;}\n\n\/* ---- gedeeld paneel ---- *\/\n.inr-sector .sectorpaneel{position:relative !important;width:100% !important;max-width:400px !important;\n  background:rgba(255,255,255,.62) !important;-webkit-backdrop-filter:blur(24px) !important;backdrop-filter:blur(24px) !important;\n  border:1px solid var(--lijn) !important;border-radius:26px !important;\n  box-shadow:0 30px 80px -50px rgba(14,14,18,.4) !important;overflow:hidden !important;}\n.inr-sector .sectorpaneel .paneelkop{display:flex !important;align-items:center !important;gap:10px !important;\n  padding:22px 26px 16px !important;border-bottom:1px solid var(--lijn-2) !important;}\n.inr-sector .sectorpaneel .paneelkop .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 4px rgba(14,14,18,.10) !important;flex:none !important;}\n.inr-sector .sectorpaneel .paneelkop .titel{font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n\n\/* ---- de lijst ---- *\/\n.inr-sector .sectorlijst{list-style:none !important;margin:0 !important;padding:8px !important;\n  max-height:420px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;}\n.inr-sector .sectorlijst li{margin:0 !important;}\n.inr-sector .sectorlijst a,\n.inr-sector .sectorlijst .actief{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;\n  padding:13px 16px !important;border-radius:13px !important;font-size:15px !important;font-weight:400 !important;color:var(--ink) !important;\n  transition:background .25s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .sectorlijst a{cursor:pointer !important;}\n\/* linker groep: icoon + naam *\/\n.inr-sector .sectorlijst .snaam{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;}\n.inr-sector .sectorlijst .sicoon{width:20px !important;height:20px !important;flex:none !important;color:var(--grijs) !important;transition:color .25s !important;}\n.inr-sector .sectorlijst a:hover .sicoon{color:var(--ink) !important;}\n.inr-sector .sectorlijst .actief .sicoon{color:#fff !important;}\n.inr-sector .sectorlijst a .pijl{width:15px !important;height:15px !important;flex:none !important;color:var(--grijs-2) !important;\n  opacity:0 !important;transform:translateX(-4px) !important;transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .sectorlijst a:hover{background:rgba(14,14,18,.05) !important;}\n.inr-sector .sectorlijst a:hover .pijl{opacity:1 !important;transform:none !important;}\n.inr-sector .sectorlijst a:focus-visible{outline:2px solid var(--ink) !important;outline-offset:-2px !important;}\n\/* actieve sector: ink-highlight, niet klikbaar *\/\n.inr-sector .sectorlijst .actief{background:var(--ink) !important;color:#fff !important;font-weight:600 !important;cursor:default !important;}\n.inr-sector .sectorlijst .actief .check{width:16px !important;height:16px !important;flex:none !important;color:#fff !important;}\n\n\/* ---- mobiele dropdown-knop (default verborgen op desktop) ---- *\/\n.inr-sector .sectordrop{display:none !important;}\n\n@media(max-width:900px){\n  .inr-sector .hero{grid-template-columns:1fr !important;min-height:auto !important;padding:124px clamp(28px,5vw,40px) 60px !important;gap:36px !important;}\n  .inr-sector .hero h1{font-size:clamp(38px,10vw,58px) !important;}\n  .inr-sector .herobeeld{justify-content:flex-start !important;}\n\n  \/* op mobiel: paneel wordt een in-flow dropdown, nooit position:absolute *\/\n  .inr-sector .sectorpaneel{max-width:100% !important;}\n  .inr-sector .sectorpaneel .paneelkop{display:none !important;}\n  .inr-sector .sectordrop{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;width:100% !important;\n    padding:16px 20px !important;background:rgba(255,255,255,.72) !important;border:none !important;border-bottom:1px solid var(--lijn-2) !important;\n    font-family:inherit !important;font-size:15px !important;font-weight:600 !important;color:var(--ink) !important;cursor:pointer !important;text-align:left !important;}\n  .inr-sector .sectordrop .dlabel{display:flex !important;flex-direction:column !important;gap:2px !important;}\n  .inr-sector .sectordrop .dlabel small{font-size:11px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;}\n  .inr-sector .sectordrop .chev{width:18px !important;height:18px !important;flex:none !important;color:var(--grijs) !important;transition:transform .3s cubic-bezier(.2,.7,.2,1) !important;}\n  .inr-sector .sectorpaneel.open .sectordrop .chev{transform:rotate(180deg) !important;}\n  \/* accordion: dichtgeklapt via max-height, in-flow *\/\n  .inr-sector .sectorlijst{max-height:0 !important;overflow:hidden !important;padding:0 8px !important;\n    transition:max-height .4s cubic-bezier(.2,.7,.2,1),padding .4s cubic-bezier(.2,.7,.2,1) !important;}\n  .inr-sector .sectorpaneel.open .sectorlijst{max-height:70vh !important;overflow-y:auto !important;padding:8px !important;}\n}\n<\/style>\n<section class=\"hero wrap\">\n  <div>\n    <h1>An organization that <span class=\"grad\">shifts along<\/span> with today's customer.<\/h1>\n    <p class=\"lead\">In the automotive industry, the customer is shifting faster than the field can keep up. The difference is made by companies that manage to win over the new, well-prepared customer without resorting to the old game. <strong>INR helps you evolve into that kind of organization\u2014a place where people choose innovation rather than continuing to rely on what once produced results.<\/strong><\/p>\n    <a class=\"knop primair\" href=\"https:\/\/inr.institute\/en\/contact\/\">Present your challenge to us <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n  <\/div>\n\n  <div class=\"herobeeld\" id=\"inrsHero\">\n    <div class=\"sectorpaneel\" id=\"sectorPaneel\">\n      <div class=\"paneelkop\"><span class=\"stip\"><\/span><span class=\"titel\">Choose your sector<\/span><\/div>\n      <button class=\"sectordrop\" id=\"sectorDrop\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sectorLijst\">\n        <span class=\"dlabel\"><small>Sector<\/small>Automotive<\/span>\n        <svg class=\"chev\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n      <\/button>\n      <ul class=\"sectorlijst\" id=\"sectorLijst\">\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-financial-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"><\/ellipse><path d=\"M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6\"><\/path><path d=\"M5 11v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5\"><\/path><\/svg>Financial Services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/national-government\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"><\/path><path d=\"M6 21V11M10 21V11M14 21V11M18 21V11\"><\/path><path d=\"M4 11h16\"><\/path><path d=\"M12 3 4 8h16z\"><\/path><\/svg>Local Government<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/it-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"><\/rect><path d=\"M8 20h8M12 16v4\"><\/path><\/svg>IT services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-telecom\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2.5\"><\/rect><line x1=\"11\" y1=\"18\" x2=\"13\" y2=\"18\"><\/line><\/svg>Telecom<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><span class=\"actief\" aria-current=\"page\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 13l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5\"><\/path><path d=\"M3 13h18v4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H6v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z\"><\/path><circle cx=\"7\" cy=\"16\" r=\"0.5\"><\/circle><circle cx=\"17\" cy=\"16\" r=\"0.5\"><\/circle><\/svg>Automotive<\/span> <svg class=\"check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/energy-sector-in-india\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7z\"><\/path><\/svg>Energy sector<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-industry-and-technology\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21V10l6 4V10l6 4V6l6 4v11z\"><\/path><\/svg>Industry and Technology<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/hr-temping-and-hr-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M3 20a6 6 0 0 1 12 0\"><\/path><path d=\"M16 5a3 3 0 0 1 0 6\"><\/path><path d=\"M17 14a6 6 0 0 1 4 6\"><\/path><\/svg>Temporary staffing and HR services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-care\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 5.6a5.5 5.5 0 0 0-8.8 1.4 5.5 5.5 0 0 0-8.8-1.4c-2 2-2 5.2 0 7.2L12 21l8.8-8.2c2-2 2-5.2 0-7.2z\"><\/path><\/svg>Care<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-real-estate-and-brokerage\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7\"><\/path><path d=\"M5 10v10h14V10\"><\/path><path d=\"M9 20v-6h6v6\"><\/path><\/svg>Real Estate and Brokerage<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-media-and-marketing\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9v6h4l6 4V5L7 9z\"><\/path><path d=\"M16 8a5 5 0 0 1 0 8\"><\/path><\/svg>Media and Marketing<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-logistics-and-transport\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 7h11v8H2z\"><\/path><path d=\"M13 10h4l3 3v2h-7z\"><\/path><circle cx=\"6\" cy=\"17\" r=\"1.6\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"1.6\"><\/circle><\/svg>Logistics and Transport<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/retail-inr\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2 3 6v1a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0V6l-3-4z\"><\/path><path d=\"M5 9v11h14V9\"><\/path><path d=\"M9 20v-6h6v6\"><\/path><\/svg>Retail<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-fashion\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3l3 3 3-3 5 4-3 3-1-1v11H8V9L7 10 4 7z\"><\/path><\/svg>Fashion<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 2 \u00b7 DE SPANNING ========================= -->\n<style>\n.inr-sector .spanning{max-width:860px !important;margin:0 auto !important;}\n.inr-sector .spanning .eyebrow{display:block !important;text-align:center !important;margin-bottom:16px !important;}\n.inr-sector .spanning h2{text-align:center !important;font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-sector .spanning .intro{text-align:center !important;font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:60ch !important;margin:0 auto 52px !important;}\n\/* de drie tussen-in figuren als glassmorphism-kaarten *\/\n.inr-sector .tussenin{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;margin-bottom:44px !important;}\n.inr-sector .tkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:20px !important;padding:28px 26px !important;\n  box-shadow:0 10px 40px -30px rgba(14,14,18,.25) !important;}\n.inr-sector .tkaart .rol{font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;margin-bottom:12px !important;}\n.inr-sector .tkaart p{font-size:15.5px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;}\n.inr-sector .spanning .slot{max-width:64ch !important;margin:0 auto !important;text-align:center !important;font-size:18px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.62 !important;}\n.inr-sector .spanning .slot strong{font-weight:600 !important;}\n@media(max-width:820px){.inr-sector .tussenin{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"spanning\">\n    <span class=\"eyebrow rev\">The tension<\/span>\n    <h2 class=\"rev\">The tension that slows down your progress.<\/h2>\n    <p class=\"intro rev\">The intention is there. Yet it always gets stuck at the same point. That is not unwillingness; it is a profession that is changing under your hands.<\/p>\n    <div class=\"tussenin\">\n      <div class=\"tkaart rev d1\"><div class=\"rol\">The seller<\/div><p>Keep pushing for pressure and discounts, because that worked for years.<\/p><\/div>\n      <div class=\"tkaart rev d2\"><div class=\"rol\">The mechanic<\/div><p>Don't mention that extra repair, because the workshop charges by the hour.<\/p><\/div>\n      <div class=\"tkaart rev d3\"><div class=\"rol\">The branch<\/div><p>Meets the targets on paper, but loses the customer along the way.<\/p><\/div>\n    <\/div>\n    <p class=\"slot rev\">As long as that tension remains, <strong>you lose the modern customer at the exact moment you need them most.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 3 \u00b7 WHY (donker paneel) ========================= -->\n<style>\n.inr-sector .why{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:88px 64px !important;position:relative !important;overflow:hidden !important;}\n.inr-sector .why::before{content:'' !important;position:absolute !important;top:-140px !important;right:-100px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n\/* sector-watermerk: groot, subtiel, in de hoek *\/\n.inr-sector .sectormerk{position:absolute !important;pointer-events:none !important;color:#fff !important;opacity:.05 !important;z-index:0 !important;}\n.inr-sector .why .sectormerk{width:340px !important;height:340px !important;right:-40px !important;bottom:-70px !important;}\n.inr-sector .why-inner{position:relative !important;z-index:1 !important;max-width:820px !important;}\n.inr-sector .why .eyebrow{color:rgba(255,255,255,.6) !important;display:block !important;margin-bottom:18px !important;}\n.inr-sector .why h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.02em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:30px !important;}\n.inr-sector .why p{font-size:clamp(17px,2vw,19.5px) !important;font-weight:300 !important;color:rgba(255,255,255,.76) !important;line-height:1.66 !important;margin-bottom:22px !important;}\n.inr-sector .why p:last-child{margin-bottom:0 !important;}\n.inr-sector .why p strong{font-weight:600 !important;color:#fff !important;}\n@media(max-width:820px){.inr-sector .why{padding:54px 28px !important;border-radius:26px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"why rev\">\n    <svg class=\"sectormerk\" aria-hidden=\"true\"><use href=\"#sectoricoon\"><\/use><\/svg>\n    <div class=\"why-inner\">\n      <span class=\"eyebrow\">Why good intentions are not enough<\/span>\n      <h2>Just how successful it was will become apparent shortly.<\/h2>\n      <p>Confronting people about innovation rarely truly sets anything in motion. Behavior stems from the story a person builds about themselves, fueled by what they do over and over again. Anyone who has been successful for a long time playing the old game starts to see themselves as someone who is supposed to do it that way, and any new approach quickly feels like criticism of who they are.<\/p>\n      <p>INR operates precisely on that level\u2014the story and the circumstances that continue to reinforce that story.<\/p>\n      <p><strong>No soft cultural action, but intervening in what continually holds back innovation.<\/strong><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 4 \u00b7 BELOFTE (winstpunten) ========================= -->\n<style>\n.inr-sector .belofte-kop{text-align:center !important;max-width:720px !important;margin:0 auto 56px !important;}\n.inr-sector .belofte-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .belofte-kop h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-sector .belofte-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-sector .winst{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;max-width:900px !important;margin:0 auto 44px !important;}\n.inr-sector .wkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:20px !important;padding:28px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(14,14,18,.25) !important;display:flex !important;gap:16px !important;align-items:flex-start !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-sector .wkaart:hover{transform:translateY(-5px) !important;box-shadow:0 22px 54px -34px rgba(14,14,18,.35) !important;}\n\/* de vijfde kaart pakt de volle breedte als afsluitend accent *\/\n.inr-sector .wkaart.breed{grid-column:1 \/ -1 !important;background:var(--ink) !important;border-color:transparent !important;}\n.inr-sector .wkaart.breed .wtekst{color:#fff !important;}\n.inr-sector .wkaart.breed .wv{background:rgba(255,255,255,.14) !important;color:#fff !important;}\n.inr-sector .wkaart .wv{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;background:rgba(14,14,18,.06) !important;color:var(--ink) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-sector .wkaart .wv svg{width:18px !important;height:18px !important;}\n.inr-sector .wkaart .wtekst{font-size:clamp(15px,1.7vw,16.5px) !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.5 !important;}\n.inr-sector .belofte-slot{text-align:center !important;max-width:56ch !important;margin:0 auto !important;font-size:19px !important;font-weight:600 !important;color:var(--ink) !important;line-height:1.4 !important;letter-spacing:-.01em !important;}\n@media(max-width:820px){.inr-sector .winst{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte-kop rev\">\n    <span class=\"eyebrow\">What is changing<\/span>\n    <h2>What becomes possible when you start at the core.<\/h2>\n    <p>Imagine an organization where that tension no longer determines the course.<\/p>\n  <\/div>\n  <div class=\"winst\">\n    <div class=\"wkaart rev d1\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Sellers who convince the well-informed customer without pressure.<\/span><\/div>\n    <div class=\"wkaart rev d1\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Workshop and sales that jointly take responsibility for the customer relationship.<\/span><\/div>\n    <div class=\"wkaart rev d2\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">A team that embraces innovation instead of resisting it.<\/span><\/div>\n    <div class=\"wkaart rev d2\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">A dealer network that supports the transition, rather than slows it down.<\/span><\/div>\n    <div class=\"wkaart breed rev d3\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Customers who return because they feel helped, not played.<\/span><\/div>\n  <\/div>\n  <p class=\"belofte-slot rev\">Then renewal becomes something that yields a profit, instead of feeling like you have to compromise on who you always were.<\/p>\n<\/section>\n\n<!-- ========================= BLOK 5 \u00b7 CATEGORIE (kort, terloops) ========================= -->\n<style>\n.inr-sector .cat{max-width:820px !important;margin:0 auto !important;text-align:center !important;}\n.inr-sector .cat .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .cat h2{font-weight:600 !important;font-size:clamp(26px,3.6vw,40px) !important;letter-spacing:-.02em !important;line-height:1.12 !important;color:var(--ink) !important;margin-bottom:22px !important;}\n.inr-sector .cat p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;}\n.inr-sector .cat p strong{font-weight:600 !important;color:var(--ink) !important;}\n<\/style>\n<section class=\"sec tight wrap\">\n  <div class=\"cat rev\">\n    <span class=\"eyebrow\">Why this is different<\/span>\n    <h2>No genre or style that anyone falls into, but insight into where it touches.<\/h2>\n    <p>Many models categorize people into types and styles. INR makes this visible <strong>why<\/strong> Someone does what they do. Two salespeople can both hold on to the old game, while the underlying motivation is completely different: one acts out of pride in past achievements, the other out of insecurity that they haven't mastered the new way. Anyone who approaches them as the same type will reach neither of them.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 6 \u00b7 ROUTE (product-cards, dienstkleur) ========================= -->\n<style>\n.inr-sector .route-kop{text-align:center !important;max-width:680px !important;margin:0 auto 56px !important;}\n.inr-sector .route-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .route-kop h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-sector .route-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-sector .kaarten{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;max-width:960px !important;margin:0 auto 44px !important;}\n.inr-sector .pcard{position:relative !important;background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:22px !important;padding:34px 32px !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -32px rgba(14,14,18,.28) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;display:flex !important;flex-direction:column !important;}\n\/* dienstkleur als accent: bovenrand + hover-glow, per card via --c *\/\n.inr-sector .pcard::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;background:var(--c) !important;opacity:.9 !important;}\n.inr-sector .pcard:hover{transform:translateY(-6px) !important;box-shadow:0 26px 60px -34px var(--c) !important;}\n.inr-sector .pcard .badge{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;border-radius:13px !important;\n  font-weight:700 !important;font-size:17px !important;color:#fff !important;background:var(--c) !important;margin-bottom:20px !important;}\n.inr-sector .pcard .naam{font-weight:600 !important;font-size:21px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:14px !important;}\n.inr-sector .pcard .conditie{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;margin-bottom:16px !important;\n  padding-left:14px !important;border-left:2px solid var(--c) !important;}\n.inr-sector .pcard .conditie b{font-weight:600 !important;color:var(--ink) !important;}\n.inr-sector .pcard .belofte{font-size:15.5px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;margin-bottom:22px !important;flex:1 1 auto !important;}\n.inr-sector .pcard .plink{display:inline-flex !important;align-items:center !important;gap:8px !important;align-self:flex-start !important;font-weight:600 !important;font-size:14px !important;color:var(--ink) !important;\n  transition:gap .3s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .pcard .plink svg{width:15px !important;height:15px !important;color:var(--c) !important;}\n.inr-sector .pcard .plink:hover{gap:12px !important;}\n.inr-sector .pcard:focus-within{outline:2px solid var(--c) !important;outline-offset:3px !important;}\n.inr-sector .route-slot{text-align:center !important;max-width:60ch !important;margin:0 auto !important;font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inr-sector .kaarten{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"route-kop rev\">\n    <span class=\"eyebrow\">Where we would start<\/span>\n    <h2>Where we would start.<\/h2>\n    <p>The best starting point depends on where the tension is greatest for you. In an initial conversation, we will map that out clearly together. As a practical guideline:<\/p>\n  <\/div>\n  <div class=\"kaarten\">\n    <div class=\"pcard rev d1\" style=\"--c:var(--c-pulse) !important;\">\n      <span class=\"badge\">P<\/span>\n      <div class=\"naam\">INR Pulse<\/div>\n      <div class=\"conditie\"><b>When:<\/b> Is the tension in how things are sold, and is the old approach driving the customer away?.<\/div>\n      <div class=\"belofte\">From applying pressure to connecting with a customer who has already researched everything.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-pulse\/\">View INR Pulse <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d2\" style=\"--c:var(--c-sync) !important;\">\n      <span class=\"badge\">S<\/span>\n      <div class=\"naam\">INR Sync<\/div>\n      <div class=\"conditie\"><b>When:<\/b> is the tension in the handoff between sales, workshop, and front desk.<\/div>\n      <div class=\"belofte\">Makes concretely visible where the coordination breaks down.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-sync\/\">View INR Sync <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d3\" style=\"--c:var(--c-fluent) !important;\">\n      <span class=\"badge\">F<\/span>\n      <div class=\"naam\">INR Fluent<\/div>\n      <div class=\"conditie\"><b>When:<\/b> Do you want to get a team or branch on board with change?.<\/div>\n      <div class=\"belofte\">Develops leadership as an active player in the system.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-fluent\/\">Watch INR Fluent <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d4\" style=\"--c:var(--c-echo) !important;\">\n      <span class=\"badge\">E<\/span>\n      <div class=\"naam\">INR Echo<\/div>\n      <div class=\"conditie\"><b>When:<\/b> is \u201cthat's how we've been doing it here for years\u201d now firmly entrenched in the culture.<\/div>\n      <div class=\"belofte\">Address the collective norm.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-echo\/\">View INR Echo <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n  <p class=\"route-slot rev\">In practice, it is often about a combination. In the initial meeting, we will clarify which order yields the best results.<\/p>\n<\/section>\n\n<!-- ========================= BLOK 7 \u00b7 CTA (donker paneel) ========================= -->\n<style>\n.inr-sector .cta-sec{position:relative !important;z-index:2 !important;}\n.inr-sector .gesprek{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:80px 64px !important;position:relative !important;overflow:hidden !important;text-align:center !important;}\n.inr-sector .gesprek::before{content:'' !important;position:absolute !important;top:-130px !important;left:-90px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-sector .gesprek::after{content:'' !important;position:absolute !important;bottom:-150px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-sector .gesprek .sectormerk{width:300px !important;height:300px !important;left:-30px !important;top:-50px !important;}\n.inr-sector .gesprek-inner{position:relative !important;z-index:1 !important;max-width:680px !important;margin:0 auto !important;}\n.inr-sector .gesprek h2{font-weight:600 !important;font-size:clamp(30px,4.4vw,52px) !important;letter-spacing:-.02em !important;line-height:1.05 !important;color:#fff !important;margin-bottom:22px !important;}\n.inr-sector .gesprek p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.76) !important;line-height:1.64 !important;margin-bottom:38px !important;}\n.inr-sector .gesprek .scta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:#fff !important;color:var(--ink) !important;\n  font-weight:600 !important;font-size:15px !important;padding:16px 32px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-sector .gesprek .scta:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -22px rgba(0,0,0,.6) !important;}\n.inr-sector .gesprek .scta svg{width:17px !important;height:17px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .gesprek .scta:hover svg{transform:translateX(4px) !important;}\n.inr-sector .gesprek .scta:focus-visible{outline:2px solid #fff !important;outline-offset:3px !important;}\n.inr-sector .gesprek .subcta{margin-top:26px !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.62) !important;}\n.inr-sector .gesprek .subcta a{font-weight:600 !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.4) !important;padding-bottom:1px !important;transition:border-color .3s !important;}\n.inr-sector .gesprek .subcta a:hover{border-color:#fff !important;}\n@media(max-width:820px){.inr-sector .gesprek{padding:56px 28px !important;border-radius:26px !important;}}\n<\/style>\n<div class=\"cta-sec\">\n<section class=\"sec wrap\">\n  <div class=\"gesprek rev\">\n    <svg class=\"sectormerk\" aria-hidden=\"true\"><use href=\"#sectoricoon\"><\/use><\/svg>\n    <div class=\"gesprek-inner\">\n      <h2>Submit your issue to us.<\/h2>\n      <p>In an initial conversation, we map out together where the pattern between old and new is getting stuck, and where development will have the most impact. You will walk away with a clearer picture of your own organization, regardless of whether we work together afterward.<\/p>\n      <a class=\"scta\" href=\"https:\/\/inr.institute\/en\/contact\/\">Schedule a conversation <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <div class=\"subcta\">Prefer to read first? <a href=\"https:\/\/inr.institute\/en\/inr-brochure\/\">Download the INR brochure<\/a><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-sector ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var root=document.querySelector('.inr-sector');\n    if(!root) return;\n    var els=root.querySelectorAll('.rev');\n    var hero=document.getElementById('inrsHero');\n    if(!('IntersectionObserver' in window)){\n      els.forEach(function(e){e.classList.add('in');});\n      if(hero){hero.classList.add('in');}\n      return;\n    }\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    if(hero){\n      var io2=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io2.unobserve(e.target);}});},{threshold:.25});\n      io2.observe(hero);\n    }\n\n    \/* mobiele sector-dropdown: in-flow accordion, geen position:absolute *\/\n    var paneel=document.getElementById('sectorPaneel');\n    var drop=document.getElementById('sectorDrop');\n    if(paneel&&drop){\n      drop.addEventListener('click',function(){\n        var open=paneel.classList.toggle('open');\n        drop.setAttribute('aria-expanded',open?'true':'false');\n      });\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Een organisatie die meeschakelt met de klant van nu. In automotive verschuift de klant sneller dan het vakgebied kan bijbenen. Het verschil wordt gemaakt door bedrijven die de nieuwe, goed voorbereide klant weten te winnen, zonder terug te grijpen op het oude spel. INR helpt je uit te groeien tot zo&#8217;n organisatie, een plek waar [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81257","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81257","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=81257"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81257\/revisions"}],"predecessor-version":[{"id":81258,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81257\/revisions\/81258"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=81257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}