{"id":81251,"date":"2026-08-22T12:52:52","date_gmt":"2026-08-22T10:52:52","guid":{"rendered":"https:\/\/inr.institute\/?page_id=81251"},"modified":"2026-08-22T12:52:52","modified_gmt":"2026-08-22T10:52:52","slug":"it-services","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-it-dienstverlening\/","title":{"rendered":"INR for IT Services"},"content":{"rendered":"<!-- ============================================================================\n     INR SECTORPAGINA \u00b7 IT-DIENSTVERLENING\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: IT-dienstverlening (monitor).\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    <rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"><\/rect>\n    <path d=\"M8 20h8M12 16v4\"><\/path>\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>A company in which sales and delivery are <span class=\"grad\">the same promise<\/span> everyday.<\/h1>\n    <p class=\"lead\">In IT services, it is all about one thing: the promise to the customer. The parties that truly stand strong are those where sales and delivery speak the same language and do not surprise each other. <strong>INR helps you work toward building an organization like this: one where agreements are both acceptable to clients and remain feasible, and where risks are identified early on, well before they derail projects.<\/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>IT services<\/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><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\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"><\/rect><path d=\"M8 20h8M12 16v4\"><\/path><\/svg>IT services<\/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\/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><a href=\"https:\/\/inr.institute\/en\/inr-automotive\/\"><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=\"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\/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 remains between them.<\/h2>\n    <p class=\"intro rev\">The intention is good. Still, it always gets stuck on the same point. Sales says what the customer wants to hear, delivery then has to make it happen, and somewhere in between is the engineer who already sees the risk.<\/p>\n    <div class=\"tussenin\">\n      <div class=\"tkaart rev d1\"><div class=\"rol\">Sales<\/div><p>Say what the customer wants to hear, because the deal has to be closed.<\/p><\/div>\n      <div class=\"tkaart rev d2\"><div class=\"rol\">The engineer<\/div><p>Already sees the risk, but doesn't bring it up, because reporting mostly caused trouble before.<\/p><\/div>\n      <div class=\"tkaart rev d3\"><div class=\"rol\">The interior design<\/div><p>No unwillingness, but a structure in which responsibility fragments as soon as multiple teams are involved.<\/p><\/div>\n    <\/div>\n    <p class=\"slot rev\">If that tension persists, issues will only become visible late, <strong>and the bill ends up with delivery, for promises made earlier.<\/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>A self-image wins over any reminder.<\/h2>\n      <p>Addressing someone about proactive behavior rarely truly sets anything in motion. Behavior grows out of the narrative people build about themselves, fueled by what their actions yield. Whoever notices that escalating mainly causes hassle will start to see themselves as someone who better stays quiet.<\/p>\n      <p>That self-image trumps any appointment or reminder. INR works precisely there\u2014on the narrative and on the circumstances that reinforce that narrative every day.<\/p>\n      <p><strong>No soft cultural action, but intervention in how work actually proceeds.<\/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 changes when you tackle it at the core.<\/h2>\n    <p>Imagine that tension no longer drives the system.<\/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\">Risks that are shared early, rather than exploding late.<\/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\">Sales and delivery bearing a single promise together, instead of blaming each other later.<\/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\">Engineers who take ownership, because reporting is safe and truly appreciated.<\/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\">Projects that more often finish within scope and expectations.<\/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 trust you because your word is consistently reliable.<\/span><\/div>\n  <\/div>\n  <p class=\"belofte-slot rev\">Then reliability becomes a distinguishing feature, not the point where you have the most to lose.<\/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>Not a type someone falls into, but insight into where movement begins.<\/h2>\n    <p>Many models categorize people into types. INR, on the other hand, shows <strong>why<\/strong> Someone does what he does. Two engineers can both rarely escalate, but for completely different reasons: one keeps quiet after being burned before, the other doesn't want to ask for help because that feels like failure to him. If you treat them as the same type, neither of them will budge.<\/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 usually start<\/span>\n    <h2>Where we usually start.<\/h2>\n    <p>The best starting point depends on where the tension builds up the most for you. We will figure that out together in an initial conversation. As a guide:<\/p>\n  <\/div>\n  <div class=\"kaarten\">\n    <div class=\"pcard rev d1\" 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, delivery, and support.<\/div>\n      <div class=\"belofte\">Makes visible where alignment falters and why.<\/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 d2\" 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 more ownership without additional layers of oversight?.<\/div>\n      <div class=\"belofte\">Develops leadership, not as a role, but as a readiness to play within 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 d3\" 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> the tension mainly arises at the commercial front.<\/div>\n      <div class=\"belofte\">From winning a deal to a deal the team can actually deliver.<\/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 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> does \u201cyou don't stick your neck out here\u201d become part of the culture by now.<\/div>\n      <div class=\"belofte\">Tackles the collective norm that drives behavior.<\/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 a combination. Which route and order will yield the most results will become clear during our initial conversation.<\/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 promise between sales and delivery falls short, and where development has the greatest impact. You walk away with a clearer picture of your own organization, even if we do not continue working 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 bedrijf waarin verkoop en levering weer dezelfde belofte zijn. In IT dienstverlening draait het om \u00e9\u00e9n ding, de belofte aan de klant. De partijen die echt sterk staan, zijn degenen waar sales en delivery dezelfde taal spreken en elkaar niet verrassen. INR helpt je toewerken naar zo&#8217;n organisatie: waar afspraken verkoopbaar zijn \u00e9n uitvoerbaar [&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-81251","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81251","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=81251"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81251\/revisions"}],"predecessor-version":[{"id":81252,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81251\/revisions\/81252"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=81251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}