/* Logobalk onder de hero-knoppen (Search Lab).
   Echte merklogo's als masker, één kleur (#b8caff, dezelfde blauwtint als de subtitel), zwartwit-silhouet. */
.ri-logos{--s:1;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:10px}
.ri-logo{display:block;flex:none;background-color:#b8caff;opacity:.8;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;
  -webkit-mask-size:contain;mask-size:contain}
.ri-logo--google{width:calc(55.5px*var(--s,1));height:calc(18.5px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/google.svg);mask-image:url(/pages_static/research-innovation/logos-ai/google.svg)}
.ri-logo--gemini{width:calc(75.3px*var(--s,1));height:calc(17.3px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/gemini.svg);mask-image:url(/pages_static/research-innovation/logos-ai/gemini.svg)}
.ri-logo--chatgpt{width:calc(24px*var(--s,1));height:calc(24px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/chatgpt.svg);mask-image:url(/pages_static/research-innovation/logos-ai/chatgpt.svg)}
.ri-logo--perplexity{width:calc(77.9px*var(--s,1));height:calc(19.1px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/perplexity.svg);mask-image:url(/pages_static/research-innovation/logos-ai/perplexity.svg)}
.ri-logo--bing{width:calc(49.8px*var(--s,1));height:calc(20.1px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/bing.svg);mask-image:url(/pages_static/research-innovation/logos-ai/bing.svg)}
.ri-logo--ahrefs{width:calc(73.4px*var(--s,1));height:calc(13.9px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/ahrefs.png);mask-image:url(/pages_static/research-innovation/logos-ai/ahrefs.png)}
.ri-logo--semrush{width:calc(49.1px*var(--s,1));height:calc(18.4px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/semrush.png);mask-image:url(/pages_static/research-innovation/logos-ai/semrush.png)}
/* Claude + varianten voor in grafieken (kleiner, eigen kleur) */
.ri-logo--claude{width:calc(76px*var(--s,1));height:calc(17px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/claude.svg);mask-image:url(/pages_static/research-innovation/logos-ai/claude.svg)}
.ri-logo-w{background-color:#fff;opacity:1;--s:1.15}
.ri-logo-c{--s:1.15}
.truncate>.ri-logo{--s:.85}
.truncate>.ri-logo--chatgpt{--s:1.1}
@media (max-width:767px){
  .ri-logos{--s:.8;gap:14px 20px;margin-top:6px}
}

/* Logo's midden in lopende tekst: nemen de tekstkleur over en meten mee met de lettergrootte */
.ri-logo-i{display:inline-block;vertical-align:-.2em;background-color:currentColor;opacity:1;margin:0 .1em;--s:1}
.ri-logo-i.ri-logo--google{width:2.85em;height:.95em}
.ri-logo-i.ri-logo--chatgpt{width:1.2em;height:1.2em;vertical-align:-.25em}
.ri-logo-i.ri-logo--perplexity{width:4.5em;height:1.1em;vertical-align:-.22em}
.ri-logo-i.ri-logo--ahrefs{width:5.1em;height:.97em;vertical-align:-.17em}
.ri-logo-i.ri-logo--semrush{width:4.2em;height:1.57em;vertical-align:-.45em}

/* Moz (alleen de M) en Google Ads (alleen het icoon): nu alleen in lopende tekst */
.ri-logo--moz{width:calc(42px*var(--s,1));height:calc(27px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/moz.png);mask-image:url(/pages_static/research-innovation/logos-ai/moz.png)}
.ri-logo--googleads{width:calc(26px*var(--s,1));height:calc(26px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/googleads.svg);mask-image:url(/pages_static/research-innovation/logos-ai/googleads.svg)}
.ri-logo-i.ri-logo--moz{width:1.5em;height:.96em;vertical-align:-.12em}
.ri-logo-i.ri-logo--googleads{width:1.2em;height:1.2em;vertical-align:-.22em}

/* Sjors op de achtergrond van de grafiekkaart: foto met navy sluier, links zichtbaar en naar rechts uitgefaded */
.ri-sjors-card{position:relative;isolation:isolate;overflow:hidden}
.ri-sjors{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url(/pages_static/research-innovation/sjors-bg.webp) left top/auto 112% no-repeat;
  opacity:.66;filter:grayscale(.2) brightness(.85) contrast(1.08);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 44%);mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 44%)}
.ri-sjors::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,24,.34) 0,rgba(0,6,24,.7) 70%)}
@media (max-width:767px){.ri-sjors{background-size:auto 62%;background-position:right top;opacity:.4;
  -webkit-mask-image:linear-gradient(270deg,#000 0,transparent 70%);mask-image:linear-gradient(270deg,#000 0,transparent 70%)}}
/* ChatGPT-icoon in de labels van de grafiek */
.rounded-full>.ri-logo-i.ri-logo--chatgpt{width:1.55em;height:1.55em;vertical-align:baseline;margin:0}

/* Spark (glinsterende ster van Google AI Overviews / Gemini), vóór de tekst "AI Overviews" */
.ri-logo--spark{width:calc(22px*var(--s,1));height:calc(22px*var(--s,1));-webkit-mask-image:url(/pages_static/research-innovation/logos-ai/spark.svg);mask-image:url(/pages_static/research-innovation/logos-ai/spark.svg)}
.ri-logo-i.ri-logo--spark{width:1.05em;height:1.05em;vertical-align:-.17em;margin:0 .22em 0 0;background-color:currentColor}

/* Bronnenlijst onder de twee grafieken */
.ri-src{margin-top:14px;padding-top:14px;border-top:1px solid rgba(77,100,221,.25);text-align:left;font-family:Ubuntu,system-ui,sans-serif}
.ri-src .ri-src-head{margin:0 0 10px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#97a5ce}
.ri-src .ri-src-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 28px}
.ri-src .ri-src-list li{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0;padding:0}
.ri-src .ri-src-link{font-size:11.5px;line-height:1.35;font-weight:600;color:#b8caff;text-decoration:underline;text-decoration-color:rgba(184,202,255,.35);text-underline-offset:3px}
.ri-src .ri-src-link:hover{color:#fff;text-decoration-color:#fff}
.ri-src .ri-src-why{font-size:10.5px;line-height:1.45;font-weight:400;color:rgba(151,165,206,.8)}
/* in de grafiek met Sjors op de achtergrond: eigen donker vlak, zodat de tekst leesbaar blijft */
.ri-sjors-card .ri-src{background:rgba(1,9,34,.88);border:1px solid rgba(77,100,221,.25);border-radius:10px;padding:16px 18px}

/* Compacte bronnenregel: alleen de titels met link, de uitleg blijft in de pagina maar is verborgen */
.ri-src{margin-top:12px;padding-top:12px}
.ri-src .ri-src-head{margin-bottom:8px}
.ri-src .ri-src-list{display:flex;flex-wrap:wrap;gap:6px 22px}
.ri-src .ri-src-list li{display:block}
.ri-src .ri-src-why{display:none}
.ri-src .ri-src-link{font-size:11px;font-weight:500}
.ri-sjors-card .ri-src{padding:12px 16px}

/* Positionering: de kaarten hebben zelf al een gap, dus geen extra marge; brede grafiek (tekst gecentreerd) krijgt een gecentreerd bronnenblok */
.ri-src{margin-top:0}
.ri-sjors-card .ri-src{text-align:center;width:100%;box-sizing:border-box}
.ri-sjors-card .ri-src .ri-src-list{justify-content:center}

/* Brede grafiek: bronnen net als in de smalle kaart (alleen een lijn erboven, links uitgelijnd, geen eigen kader) */
.ri-sjors-card .ri-src{background:none;border:0;border-top:1px solid rgba(77,100,221,.25);border-radius:0;padding:12px 0 0;text-align:left;width:auto}
.ri-sjors-card .ri-src .ri-src-list{justify-content:flex-start}
/* de foto van Sjors stopt boven het bronnenblok en vloeit onderaan weg, zodat de tekst leesbaar blijft */
.ri-sjors{bottom:96px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 44%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 44%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media (max-width:767px){.ri-sjors{bottom:0}}

/* Eén bronnenregel: geen label, geen lijn, dezelfde kleine tekst als de "Bron:"-regel erboven; links doorlopend met een middenpunt ertussen */
.ri-src,.ri-sjors-card .ri-src{margin:-6px 0 0;padding:0;border:0;background:none;border-radius:0;width:auto}
.ri-src .ri-src-head{display:none}
.ri-src .ri-src-list{display:block;margin:0;padding:0;font-size:10px;line-height:1.7}
.ri-src .ri-src-list li{display:inline;padding:0}
.ri-src .ri-src-list li+li::before{content:" \00b7  ";color:rgba(151,165,206,.55);white-space:pre}
.ri-src .ri-src-link{font-size:10px;font-weight:400;color:rgba(151,165,206,.85);text-decoration:underline;text-decoration-color:rgba(151,165,206,.35);text-underline-offset:2px}
.ri-src .ri-src-link:hover{color:#fff;text-decoration-color:#fff}
.ri-sjors-card .ri-src{text-align:center}
.ri-sjors{bottom:44px}

/* Bronnenregel = exact dezelfde tekst als de "Bron:"-regel erboven (kleur, regelhoogte), en er direct onder */
.ri-src{margin-top:-17px}
.ri-sjors-card .ri-src{margin-top:-25px}
.ri-src .ri-src-list{line-height:15px;font-size:10px}
.ri-src .ri-src-link{color:rgba(151,165,206,.6);line-height:15px}
.ri-sjors-card .ri-src .ri-src-link{color:rgba(151,165,206,.72)}
.ri-src .ri-src-list li+li::before{color:inherit}
.ri-src .ri-src-link:hover{color:#fff}

/* Brede grafiek: de bronnenregel begint zelf met "Bron:" (de losse notitie erboven is weg) */
.ri-src .ri-src-list li.ri-src-pre{display:inline;color:rgba(151,165,206,.72);font-size:10px}
.ri-src .ri-src-list li.ri-src-pre+li::before{content:none}
.ri-sjors-card .ri-src{margin-top:0}

/* Sjors-foto volgens het fotorecept van de RM styleguide: foto + navy sluier (#08288B, 70% -> 100%) + stippenband.
   Op desktop gespiegeld (om de verticale as), zodat hij rechts staat en de sluier aan de kant sluit waar de grafiek begint. */
.ri-sjors{opacity:.95;filter:saturate(.9) contrast(1.05) brightness(.95)}
.ri-sjors::after{background:linear-gradient(90deg,rgba(8,40,139,.62) 0%,rgba(8,40,139,.82) 55%,rgba(8,40,139,.96) 100%);mix-blend-mode:normal}
.ri-sjors::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.14) 1.6px,transparent 1.9px);background-size:14.5px 14.5px;
  -webkit-mask-image:linear-gradient(90deg,transparent 60%,#000 100%);mask-image:linear-gradient(90deg,transparent 60%,#000 100%)}
@media (min-width:768px){.ri-sjors{transform:scaleX(-1)}}

/* zachtere uitloop van de foto (geen harde rand meer) */
.ri-sjors{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 6%,rgba(0,0,0,.55) 20%,transparent 40%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 6%,rgba(0,0,0,.55) 20%,transparent 40%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media (max-width:767px){.ri-sjors{-webkit-mask-image:linear-gradient(270deg,#000 0,transparent 70%);mask-image:linear-gradient(270deg,#000 0,transparent 70%)}}

/* Foto weer links (niet gespiegeld); blauwe sluier blijft, stippenraster nu over de foto-kant */
@media (min-width:768px){.ri-sjors{transform:none}}
.ri-sjors::before{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 8%,transparent 36%);mask-image:linear-gradient(90deg,#000 0,#000 8%,transparent 36%)}

/* Foto gespiegeld maar nog steeds links: de laag wordt omgedraaid en maskers, sluier en stippen zijn in dezelfde (omgedraaide) richting gedefinieerd */
@media (min-width:768px){
  .ri-sjors{transform:scaleX(-1);background-position:right top;
    -webkit-mask-image:linear-gradient(270deg,#000 0,#000 6%,rgba(0,0,0,.55) 20%,transparent 40%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0,#000 6%,rgba(0,0,0,.55) 20%,transparent 40%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .ri-sjors::after{background:linear-gradient(270deg,rgba(8,40,139,.62) 0%,rgba(8,40,139,.82) 55%,rgba(8,40,139,.96) 100%)}
  .ri-sjors::before{-webkit-mask-image:linear-gradient(270deg,#000 0,#000 8%,transparent 36%);mask-image:linear-gradient(270deg,#000 0,#000 8%,transparent 36%)}
}

/* fade later: hand van Sjors blijft zichtbaar */
@media (min-width:768px){
  .ri-sjors{-webkit-mask-image:linear-gradient(270deg,#000 0,#000 22%,rgba(0,0,0,.7) 40%,transparent 54%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0,#000 22%,rgba(0,0,0,.7) 40%,transparent 54%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%)}
}

/* foto iets groter, fade eindigt vóór de fotorand (geen harde rand), hand blijft zichtbaar */
@media (min-width:768px){
  .ri-sjors{background-size:auto 122%;
    -webkit-mask-image:linear-gradient(270deg,#000 0,#000 30%,rgba(0,0,0,.55) 41%,transparent 47%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0,#000 30%,rgba(0,0,0,.55) 41%,transparent 47%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%)}
}

/* Foto met verlengde muurkant: de foto heeft geen eigen rand meer rechts van zijn hand, dus de fade kan zacht en ver doorlopen */
@media (min-width:768px){
  .ri-sjors{background-image:url(/pages_static/research-innovation/sjors-bg-wide.webp);background-size:auto 122%;background-position:right top;
    -webkit-mask-image:linear-gradient(270deg,#000 0,#000 36%,rgba(0,0,0,.65) 50%,transparent 66%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0,#000 36%,rgba(0,0,0,.65) 50%,transparent 66%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%)}
}

/* Look van de styleguide-fotokaarten: ontkleurde foto, indigo-paarse waas die naar de lege kant dichtloopt, zichtbaar stippenraster */
.ri-sjors{opacity:1;filter:grayscale(.55) contrast(1.08) brightness(1.02)}
@media (min-width:768px){
  .ri-sjors::after{background:linear-gradient(270deg,rgba(50,36,158,.66) 0%,rgba(46,34,150,.8) 55%,rgba(40,30,140,.95) 100%)}
  .ri-sjors::before{background-image:radial-gradient(rgba(255,255,255,.22) 1.7px,transparent 2px);background-size:14.5px 14.5px}
}

/* ===== Fotorecept uit de RM styleguide (gespiegelde variant: foto links, sluier sluit aan de lege rechterkant) =====
   sluier #08288B: navy 70% op 35% -> 100% op 96%, hoek 112deg (de laag staat gespiegeld, dus hier 248deg);
   stippenband: rechter 19,78%, boven de sluier, stip 5,4px op 7% wit, raster 14,5px. De foto zelf blijft onbewerkt. */
.ri-sjors{filter:none;opacity:1}
.ri-sjors::before{content:none;background:none}
@media (min-width:768px){
  .ri-sjors::after{background:linear-gradient(248deg,rgba(8,40,139,.7) 35%,#08288b 96%)}
  .ri-sjors-card::after{content:"";position:absolute;top:0;right:0;bottom:44px;width:19.78%;z-index:-1;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.09) 2.7px,transparent 3.2px);background-size:14.5px 14.5px}
}
@media (max-width:767px){.ri-sjors::after{background:linear-gradient(90deg,rgba(8,40,139,.7),#08288b)}}

/* stippenband weggehaald */
.ri-sjors-card::after,.ri-sjors::before{content:none !important;background:none !important}

/* =====================================================================================================
   Datawarehouse: vier fase-banden (Verzamelen, Verbinden, Doorgronden, Wat het oplevert) met een chatbubbel
   van een teamlid per fase. Kleuren uit de RM styleguide: navy-oppervlakken, lijnblauw #395199, wit op donker,
   geen gloed, geen verlopen en geen aparte kleur per kaart.
   ===================================================================================================== */
.rm-ri .rdw{display:flex;flex-direction:column;gap:16px;width:100%}
.rm-ri .rdw-band{position:relative;display:flex;flex-direction:column;gap:22px;padding:28px 32px 30px;border:1px solid rgba(57,81,153,.4);border-radius:16px}
.rm-ri .rdw-band--1{background:#000c32}
.rm-ri .rdw-band--2{background:#0a1336}
.rm-ri .rdw-band--3{background:#16225a}
.rm-ri .rdw-band--4{background:#08288b;border-color:rgba(255,255,255,.18)}
.rm-ri .rdw-band:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:16px;background:#395199}
.rm-ri .rdw-head{display:flex;flex-direction:column;gap:10px}
.rm-ri .rdw-title{margin:0;font-size:30px;line-height:1.15}
.rm-ri .rdw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rm-ri .rdw-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:rgba(0,6,24,.45);border:1px solid rgba(57,81,153,.55)}
.rm-ri .rdw-band--4 .rdw-card{border-color:rgba(255,255,255,.2)}
.rm-ri .rdw-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
.rm-ri .rdw-ic svg{width:20px;height:20px}
.rm-ri .rdw-ct{margin:0;font-size:18px;line-height:1.25}
.rm-ri .rdw-cp{margin:0;font-size:14px;line-height:1.55;color:#fff}
.rm-ri .rdw-hubs{display:flex;align-items:stretch;justify-content:center;gap:16px}
.rm-ri .rdw-hubs .rdw-card{flex:0 1 420px}
.rm-ri .rdw-arrow{display:flex;align-items:center;flex:none;width:32px;color:#fff}
.rm-ri .rdw-arrow svg{width:32px;height:32px}
/* chatbubbel: avatar + witte bubbel met staartje; per band wisselt de kant */
.rm-ri .rdw-say{display:flex;align-items:flex-end;gap:14px;max-width:700px}
.rm-ri .rdw-say--right{margin-left:auto;flex-direction:row-reverse}
.rm-ri .rdw-av{flex:none;width:64px;height:64px;border-radius:50%;border:2px solid #fff;background-size:cover;background-position:center;background-color:#0a1336}
.rm-ri .rdw-av--sjors{background-image:url(/pages_static/research-innovation/dw-sjors.webp)}
.rm-ri .rdw-av--rico{background-image:url(/pages_static/research-innovation/dw-rico.webp)}
.rm-ri .rdw-av--ranky{background-image:url(/pages_static/research-innovation/dw-ranky.webp)}
.rm-ri .rdw-bubble{position:relative;padding:16px 20px;background:#fff;border-radius:16px;color:#000}
.rm-ri .rdw-bubble::before{content:"";position:absolute;bottom:20px;left:-7px;width:14px;height:14px;background:#fff;border-radius:2px;transform:rotate(45deg)}
.rm-ri .rdw-say--right .rdw-bubble::before{left:auto;right:-7px}
.rm-ri .rdw-who{margin:0 0 6px;font-size:13px;line-height:1.3;color:#000}
.rm-ri .rdw-who b{font-weight:700}
.rm-ri .rdw-who span{margin-left:8px;font-weight:400;color:#4a5578}
.rm-ri .rdw-quote{margin:0;font-size:15px;line-height:1.55;color:#000}
@media (max-width:1023px){
  .rm-ri .rdw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .rm-ri .rdw{gap:14px}
  .rm-ri .rdw-band{padding:20px 18px 22px;gap:18px}
  .rm-ri .rdw-title{font-size:24px}
  .rm-ri .rdw-cards{grid-template-columns:minmax(0,1fr)}
  .rm-ri .rdw-hubs{flex-direction:column;align-items:stretch}
  .rm-ri .rdw-hubs .rdw-card{flex:none}
  .rm-ri .rdw-arrow{align-self:center;transform:rotate(90deg)}
  .rm-ri .rdw-say{max-width:100%;gap:10px}
  .rm-ri .rdw-av{width:48px;height:48px}
  .rm-ri .rdw-bubble{padding:14px 16px}
}

/* Fase-lijnen: per fase één gestippelde horizontale lijn over de volle breedte, achter de kaarten */
.rm-ri .dp-row--sources,.rm-ri .dp-row--hub,.rm-ri .dp-row--process,.rm-ri .dp-row--outputs{--dpl:#f16b37}
.rm-ri .dp-row--hub{--dpl:#97a5ce}
.rm-ri .dp-row--process{--dpl:#5b7bd9}
.rm-ri .dp-row--outputs{--dpl:#ffffff}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);z-index:-1;pointer-events:none;opacity:.75;
background:repeating-linear-gradient(90deg,var(--dpl) 0 8px,transparent 8px 16px)}
@media (max-width:767px){.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{display:none}}
.rm-ri .dp-row--hub::before{-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 104px),transparent calc(50% - 104px),transparent calc(50% + 104px),#000 calc(50% + 104px));mask-image:linear-gradient(90deg,#000 calc(50% - 104px),transparent calc(50% - 104px),transparent calc(50% + 104px),#000 calc(50% + 104px))}

/* Fase-lijnen: net vóór het begin van elke fase (in de ruimte tussen de fases), niet meer door de kaarten */
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-55px;transform:none;-webkit-mask-image:none;mask-image:none}
.rm-ri .dp-row--hub+.dp-row--hub::before{display:none}
@media (max-width:767px){.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{display:block;top:-17px}
.rm-ri .dp-row--hub+.dp-row--hub::before{display:none}}

/* Fase-label links van elke lijn (eyebrow-stijl), lijn begint rechts van het label; ruimte boven de eerste fase zodat niets door tekst loopt */
.rm-ri .dp-pipeline{padding-top:84px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
position:absolute;left:0;top:-55px;transform:translateY(calc(-50% + 1px));z-index:-1;pointer-events:none;white-space:nowrap;
font-family:Ubuntu,sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.17em;text-transform:uppercase;color:var(--dpl)}
.rm-ri .dp-row--sources::after{content:"Fase 01 \00B7  Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Fase 02 \00B7  Verbinden"}
.rm-ri .dp-row--process::after{content:"Fase 03 \00B7  Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"Fase 04 \00B7  Wat het oplevert"}
.rm-ri .dp-row--hub+.dp-row--hub::after{display:none}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{left:290px}
@media (max-width:767px){
.rm-ri .dp-pipeline{padding-top:48px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-17px;font-size:11px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{display:none}}

/* v5: label onder de lijn, lijn over de volle breedte, fase-achtergrond in de kleur van de lijn */
.rm-ri .dp-pipeline{padding-bottom:55px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
left:0;top:-55px;bottom:-55px;height:auto;opacity:1;
background:
 repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 80%,transparent) 0 8px,transparent 8px 16px) top left/100% 2px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 16%,transparent),color-mix(in srgb,var(--dpl) 5%,transparent))}
.rm-ri .dp-row--hub::before{bottom:-355px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:calc(-55px + 16px);transform:none;left:0}
@media (max-width:767px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{display:block;top:-17px;bottom:-17px}
.rm-ri .dp-row--hub::before{bottom:-17px}
.rm-ri .dp-row--hub+.dp-row--hub::before{display:none}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-6px}}

/* v6: geen stippellijnen, fase-kleuren lopen in elkaar over (oranje = fase 02) */
.rm-ri .dp-row--sources{--dpl:#97a5ce;--dpn:#f16b37}
.rm-ri .dp-row--hub{--dpl:#f16b37;--dpn:#5b7bd9}
.rm-ri .dp-row--process{--dpl:#5b7bd9;--dpn:#ffffff}
.rm-ri .dp-row--outputs{--dpl:#ffffff;--dpn:#ffffff}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:linear-gradient(180deg,color-mix(in srgb,var(--dpl) 15%,transparent),color-mix(in srgb,var(--dpn) 15%,transparent))}
.rm-ri .dp-row--outputs::before{background:linear-gradient(180deg,color-mix(in srgb,var(--dpl) 15%,transparent),color-mix(in srgb,var(--dpl) 3%,transparent))}

/* v7: kleur piekt in het midden van elk fasevlak en loopt naar de randen weg */
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:linear-gradient(180deg,color-mix(in srgb,var(--dpl) 3%,transparent) 0%,color-mix(in srgb,var(--dpl) 26%,transparent) 50%,color-mix(in srgb,var(--dpl) 3%,transparent) 100%)}

/* v8: zachte randen: kleur loopt ook links/rechts/boven/onder weg in de achtergrond, geen vlak meer */
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
left:-120px;right:-120px;
background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--dpl) 26%,transparent) 50%,transparent 100%);
-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}

/* v9: fases dichter bij elkaar (desktop) */
@media (min-width:768px){
.rm-ri .dp-row+.dp-row{margin-top:72px}
.rm-ri .dp-pipeline{padding-top:60px;padding-bottom:36px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-36px;bottom:-36px}
.rm-ri .dp-row--hub::before{bottom:-298px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-22px}
.rm-ri .dp-row--hub+.dp-row--hub{margin-top:72px}
}

/* v10: één geheel: kleinere tussenruimte, kleurvlakken overlappen elkaar */
@media (min-width:768px){
.rm-ri .dp-row+.dp-row,.rm-ri .dp-row--hub+.dp-row--hub{margin-top:44px}
.rm-ri .dp-pipeline{padding-top:50px;padding-bottom:30px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-70px;bottom:-70px}
.rm-ri .dp-row--hub::before{bottom:-304px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-28px}
}

/* v11: geen gloed meer. Eén gesloten blok met vier aansluitende navy-banden; per fase een kleur-streep links + label (desktop) */
@media (min-width:768px){
.rm-ri .dp-pipeline{padding:30px 32px;border:1px solid #395199;border-radius:20px;overflow:hidden;background:#000c32}
.rm-ri .dp-row+.dp-row,.rm-ri .dp-row--hub+.dp-row--hub{margin-top:60px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
left:-32px;right:-32px;top:-30px;bottom:-30px;-webkit-mask-image:none;mask-image:none;
background:var(--dpb);box-shadow:inset 4px 0 0 var(--dpl);border-top:1px solid rgba(57,81,153,.55)}
.rm-ri .dp-row--sources::before{border-top:0}
.rm-ri .dp-row--hub::before{bottom:-280px}
.rm-ri .dp-row--sources{--dpb:#0a1336}
.rm-ri .dp-row--hub{--dpb:#010922}
.rm-ri .dp-row--process{--dpb:#0a1336}
.rm-ri .dp-row--outputs{--dpb:#010922}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-22px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{left:0}
}

/* v12: terug naar stippellijnen (lichter), label onder de lijn, geen gloed/vlak/kader; oranje = fase 02 */
.rm-ri .dp-pipeline{border:0;border-radius:0;overflow:visible;background:none}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
left:0;right:0;bottom:auto;height:2px;box-shadow:none;border:0;-webkit-mask-image:none;mask-image:none;
background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 55%,transparent) 0 8px,transparent 8px 16px)}
@media (min-width:768px){
.rm-ri .dp-pipeline{padding:50px 0 30px}
.rm-ri .dp-row+.dp-row,.rm-ri .dp-row--hub+.dp-row--hub{margin-top:60px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-36px;bottom:auto}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-22px;left:0}
}

/* v13: kleur begint strak op de stippellijn en vervaagt naar beneden tot de volgende lijn */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
height:auto;bottom:-24px;
background:
 repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 55%,transparent) 0 8px,transparent 8px 16px) top left/100% 2px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 15%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
.rm-ri .dp-row--hub::before{bottom:-274px}
}

/* v14: kaarten in fase 03 in dezelfde rustige blauwe stijl als de andere kaarten (geen oranje/azure varianten) */
.rm-ri .dp-card--feature.dp-card--orange,.rm-ri .dp-card--feature.dp-card--azure{border-color:var(--dp-card-border)}
.rm-ri .dp-card--orange .dp-icon,.rm-ri .dp-card--azure .dp-icon{background:rgba(142,162,230,.08);border-color:rgba(142,162,230,.25);color:var(--dp-blue)}
.rm-ri .dp-card--orange .dp-eyebrow,.rm-ri .dp-card--azure .dp-eyebrow{color:var(--dp-blue)}
.rm-ri .dp-stats b{color:#fff}
.rm-ri .dp-stats .dp-live b:after{background:var(--dp-blue)}
.rm-ri .dp-bars i{background:#5b7bd9}

/* v15: de oranje pillen (Collect, Store, Secure, Process, Forecast, Deliver) weg */
.rm-ri .dp-badge{display:none!important}

/* v16: stippellijnen meer naar de achtergrond; wires + bolletjes wittig */
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:
 repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 24%,transparent) 0 8px,transparent 8px 16px) top left/100% 2px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 15%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
@media (max-width:767px){.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 24%,transparent) 0 8px,transparent 8px 16px)}}
.rm-ri .dp-wires .dp-wire,.rm-ri .dp-wires .dp-wire--blue,.rm-ri .dp-wires .dp-wire--green,.rm-ri .dp-wires .dp-wire--orange{stroke:rgba(255,255,255,.55);opacity:.5}
.rm-ri .dp-wires circle{fill:#fff}

/* v17: de fasekleur volgt wat er op de voorgrond speelt: blauwe bronnen, oranje Refinery, blauwe analyse, groene uitkomsten */
.rm-ri .dp-row--sources{--dpl:#8ea2e6}
.rm-ri .dp-row--hub{--dpl:#f0742e}
.rm-ri .dp-row--process{--dpl:#5b7bd9}
.rm-ri .dp-row--outputs{--dpl:#4ade80}
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:
 repeating-linear-gradient(90deg,color-mix(in srgb,var(--dpl) 24%,transparent) 0 8px,transparent 8px 16px) top left/100% 2px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 18%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}}

/* v18: hele dunne doorlopende lijn (1px) in plaats van stippellijn */
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:
 linear-gradient(color-mix(in srgb,var(--dpl) 32%,transparent),color-mix(in srgb,var(--dpl) 32%,transparent)) top left/100% 1px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 18%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
@media (max-width:767px){.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{height:1px;background:color-mix(in srgb,var(--dpl) 32%,transparent)}}

/* v19: fase-titels in eyebrow-stijl van de huisstijl (Ubuntu 700, 14px, .171em, #d4d8e0 + oranje merkteken) */
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
font-size:14px;letter-spacing:.171em;color:#d4d8e0;padding-left:10px;
background:url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat left bottom/auto 22px}
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-25px}}
@media (max-width:767px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{font-size:12px;background-size:auto 18px}}

.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{padding-left:15px;background-size:auto 24px}

/* v21: merkteken zoals bij .eyebrow (25px, hangt linksboven van de tekst) */
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
padding:12px 0 0 15px;background:url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 0 0/25px 25px}
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-37px}}
@media (max-width:767px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-18px;background-size:20px 20px;padding:9px 0 0 12px}}

/* v22: fase-titels terug naar de eerdere stijl (12px, kleur van de fase, geen merkteken) */
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
font-size:12px;letter-spacing:.17em;color:var(--dpl);padding:0;background:none}
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-22px}}
@media (max-width:767px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-6px;font-size:11px;padding:0;background:none}}

/* v23: tekstwolkjes (avatar + quote) per fase, afwisselend rechts/links, in de ruimte boven de fase */
.rm-ri .dpx-say{z-index:2}
.rm-ri .dpx-say .rdw-quote{font-size:14px;line-height:1.5}
@media (min-width:768px){
.rm-ri .dp-row+.dp-row{margin-top:160px}
.rm-ri .dp-row--hub+.dp-row--hub{margin-top:60px}
.rm-ri .dp-pipeline{padding-top:160px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-136px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-122px}
.rm-ri .dpx-say{position:absolute;top:-102px;width:660px;max-width:62%}
.rm-ri .dpx-say.rdw-say--right{right:0;left:auto;margin-left:0}
.rm-ri .dpx-say.rdw-say--left{left:0;right:auto}
}
@media (max-width:767px){.rm-ri .dpx-say{position:static;margin:0 0 6px;max-width:100%}}

/* v24: wolkjes breder (2 regels) en verankerd boven de fase, zodat ze nooit over de kaarten vallen */
@media (min-width:768px){
.rm-ri .dpx-say{top:auto;bottom:calc(100% + 12px);width:840px;max-width:72%}
}

/* v25: wolkjes klein en rustig, in de stijl van de kaarten (navy, dunne rand), aan de zijkant van de fase */
.rm-ri .dpx-say{gap:10px;align-items:center}
.rm-ri .dpx-say .rdw-av{width:40px;height:40px;border:1px solid rgba(255,255,255,.3)}
.rm-ri .dpx-say .rdw-bubble{background:var(--dp-card-bg,#0c1226);border:1px solid var(--dp-card-border,rgba(120,140,200,.16));border-radius:12px;padding:10px 14px;color:#fff}
.rm-ri .dpx-say .rdw-bubble::before{display:none}
.rm-ri .dpx-say .rdw-who{margin:0 0 3px;font-size:12px;color:#fff}
.rm-ri .dpx-say .rdw-who span{color:var(--dp-muted,#9aa6c8)}
.rm-ri .dpx-say .rdw-quote{font-size:13px;line-height:1.5;color:rgba(255,255,255,.72)}
@media (min-width:768px){
.rm-ri .dpx-say{width:520px;max-width:50%}
.rm-ri .dp-row+.dp-row{margin-top:144px}
.rm-ri .dp-row--hub+.dp-row--hub{margin-top:60px}
.rm-ri .dp-pipeline{padding-top:144px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-120px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-106px}
}

/* v26: wolkjes iets breder (2 regels) zodat links ze het fase-label niet raken */
@media (min-width:768px){.rm-ri .dpx-say{width:660px;max-width:58%}}

/* v27: wolkjes nog kleiner en echt aan de zijkant */
.rm-ri .dpx-say .rdw-av{width:32px;height:32px}
.rm-ri .dpx-say .rdw-bubble{padding:8px 12px;border-radius:10px}
.rm-ri .dpx-say .rdw-who{font-size:11px;margin-bottom:2px}
.rm-ri .dpx-say .rdw-quote{font-size:12px;line-height:1.45}
@media (min-width:768px){
.rm-ri .dpx-say{width:440px;max-width:40%;bottom:calc(100% + 8px)}
.rm-ri .dp-row+.dp-row{margin-top:150px}
.rm-ri .dp-row--hub+.dp-row--hub{margin-top:60px}
.rm-ri .dp-pipeline{padding-top:150px}
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{top:-126px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-112px}
}

/* v28: wolkjes nóg kleiner; het laatste wolkje (Sjors) onder de uitkomstblokken */
.rm-ri .dpx-say{gap:8px}
.rm-ri .dpx-say .rdw-av{width:28px;height:28px}
.rm-ri .dpx-say .rdw-bubble{padding:7px 11px}
.rm-ri .dpx-say .rdw-who{font-size:10.5px}
.rm-ri .dpx-say .rdw-quote{font-size:11.5px;line-height:1.45}
@media (min-width:768px){
.rm-ri .dpx-say{width:360px;max-width:34%}
.rm-ri .dp-row--process+.dp-row--outputs{margin-top:60px}
.rm-ri .dp-row--outputs::before{top:-36px}
.rm-ri .dp-row--outputs::after{top:-22px}
.rm-ri .dp-row--outputs .dpx-say{bottom:auto;top:calc(100% + 14px)}
.rm-ri .dp-pipeline{padding-bottom:110px}
}

/* v29: Rico-wolkje naast de Datawarehouse-cirkel (er is daar zijruimte), raakt het fase-label niet meer */
@media (min-width:768px){
.rm-ri .dp-row--hub .dpx-say{bottom:auto;top:12px}
}

/* v30: het groene vlak van fase 04 loopt door tot en met het wolkje eronder */
@media (min-width:768px){
.rm-ri .dp-row--outputs::before{bottom:-134px}
.rm-ri .dp-pipeline{padding-bottom:130px}
}

/* v31: zijkanten zacht: de kleur loopt links en rechts uit in de achtergrond i.p.v. een harde rand */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
left:-110px;right:-110px;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}
}

/* v32: wolkjes veel rustiger: geen blokje, gedempte tekst, avatar iets gedempt */
.rm-ri .dpx-say .rdw-bubble{background:transparent;border:0;padding:2px 0}
.rm-ri .dpx-say .rdw-who{color:rgba(151,165,206,.9);font-weight:400}
.rm-ri .dpx-say .rdw-who b{font-weight:700;color:rgba(255,255,255,.7)}
.rm-ri .dpx-say .rdw-who span{color:rgba(151,165,206,.6)}
.rm-ri .dpx-say .rdw-quote{color:rgba(151,165,206,.78);font-style:italic}
.rm-ri .dpx-say .rdw-av{opacity:.75;filter:saturate(.6);border-color:rgba(255,255,255,.18)}

/* v33: middenweg: geen blok, maar wel duidelijker leesbaar met een fijne kleurstreep in de fasekleur */
.rm-ri .dpx-say .rdw-av{opacity:1;filter:none;border-color:rgba(255,255,255,.35)}
.rm-ri .dpx-say .rdw-bubble{padding:2px 0 2px 12px;border:0;border-left:2px solid color-mix(in srgb,var(--dpl) 60%,transparent);border-radius:0}
.rm-ri .dpx-say.rdw-say--right .rdw-bubble{padding:2px 12px 2px 0;border-left:0;border-right:2px solid color-mix(in srgb,var(--dpl) 60%,transparent)}
.rm-ri .dpx-say .rdw-who b{color:rgba(255,255,255,.92)}
.rm-ri .dpx-say .rdw-who span{color:rgba(190,201,236,.75)}
.rm-ri .dpx-say .rdw-quote{color:rgba(214,222,246,.88);font-style:normal}

/* v34: de witte lijnen lopen niet meer zichtbaar door de wolkjes-tekst: zacht donker vlak erachter */
.rm-ri .dpx-say .rdw-bubble{background:rgba(1,9,34,.88);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:6px 12px;border-radius:8px}
.rm-ri .dpx-say.rdw-say--right .rdw-bubble{padding:6px 12px}
.rm-ri .dpx-say .rdw-av{position:relative;z-index:1}

/* v35: fase 03 krijgt meer ruimte: het wolkje hoger (net onder het label), zodat het de lijnen naar de kaarten ontloopt */
@media (min-width:768px){
.rm-ri .dp-row--hub+.dp-row--hub+.dp-row--process,.rm-ri .dp-row--process{margin-top:200px}
.rm-ri .dp-row--process::before{top:-176px}
.rm-ri .dp-row--process::after{top:-162px}
.rm-ri .dp-row--process .dpx-say{bottom:auto;top:-150px}
}

/* v36: fase 03 ook een klein beetje meer ruimte onderaan */
@media (min-width:768px){
.rm-ri .dp-row--process+.dp-row--outputs{margin-top:90px}
.rm-ri .dp-row--process::before{bottom:-54px}
}

/* v37: de bolletjes die langs de lijnen lopen zijn weg (de lijnen blijven) */
.rm-ri .dp-wires circle{display:none!important}

/* v38: echte spraakwolkjes: kaartkleur + kaartrand, afgeronde hoeken en een staartje naar de avatar */
.rm-ri .dpx-say{gap:12px}
.rm-ri .dpx-say .rdw-bubble{background:#0d1130;border:1px solid rgba(110,125,210,.28);border-radius:14px;padding:10px 14px;-webkit-backdrop-filter:none;backdrop-filter:none}
.rm-ri .dpx-say.rdw-say--right .rdw-bubble{padding:10px 14px;border:1px solid rgba(110,125,210,.28)}
.rm-ri .dpx-say .rdw-bubble::before{display:block;content:"";position:absolute;bottom:calc(50% - 6px);width:12px;height:12px;background:#0d1130;border-radius:2px;transform:rotate(45deg)}
.rm-ri .dpx-say.rdw-say--left .rdw-bubble::before{left:-7px;right:auto;border-left:1px solid rgba(110,125,210,.28);border-bottom:1px solid rgba(110,125,210,.28)}
.rm-ri .dpx-say.rdw-say--right .rdw-bubble::before{right:-7px;left:auto;border-top:1px solid rgba(110,125,210,.28);border-right:1px solid rgba(110,125,210,.28)}

/* v39: geen puntje meer tussen fasenummer en naam */
.rm-ri .dp-row--sources::after{content:"Fase 01\00A0\00A0\00A0Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Fase 02\00A0\00A0\00A0Verbinden"}
.rm-ri .dp-row--process::after{content:"Fase 03\00A0\00A0\00A0Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"Fase 04\00A0\00A0\00A0Wat het oplevert"}

/* v40: puntje in de fase-titel terug (die bolletjes waren niet bedoeld) */
.rm-ri .dp-row--sources::after{content:"Fase 01 \00B7  Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Fase 02 \00B7  Verbinden"}
.rm-ri .dp-row--process::after{content:"Fase 03 \00B7  Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"Fase 04 \00B7  Wat het oplevert"}

/* v41: geen puntje tussen fasenummer en naam (definitief) */
.rm-ri .dp-row--sources::after{content:"Fase 01\00A0\00A0\00A0Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Fase 02\00A0\00A0\00A0Verbinden"}
.rm-ri .dp-row--process::after{content:"Fase 03\00A0\00A0\00A0Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"Fase 04\00A0\00A0\00A0Wat het oplevert"}

/* v42: titels zonder puntje; 6-cijferige escape zodat "D" van Doorgronden niet als hex-teken wordt gelezen */
.rm-ri .dp-row--sources::after{content:"Fase 01\0000A0\0000A0\0000A0Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Fase 02\0000A0\0000A0\0000A0Verbinden"}
.rm-ri .dp-row--process::after{content:"Fase 03\0000A0\0000A0\0000A0Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"Fase 04\0000A0\0000A0\0000A0Wat het oplevert"}

/* v43: de bewegende bolletjes langs de lijnen zijn terug (wit) */
.rm-ri .dp-wires circle{display:inline!important;fill:#fff}

/* v44: eyebrow ("FASE 01", huisstijl-eyebrow met merkteken) boven de fasenaam (Gilroy, fasekleur) */
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
display:block;white-space:pre;padding:12px 0 0 15px;line-height:1.15;
font-family:var(--font-gilroy),system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:0;text-transform:none;color:var(--dpl);
background:url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 0 0/25px 25px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{top:-135px}
.rm-ri .dp-row--sources::after{content:"FASE 01\A Verzamelen"}
.rm-ri .dp-row--hub::after{content:"FASE 02\A Verbinden"}
.rm-ri .dp-row--process::after{content:"FASE 03\A Doorgronden"}
.rm-ri .dp-row--outputs::after{content:"FASE 04\A Wat het oplevert"}
.rm-ri .dp-row--process::after{top:-185px}
.rm-ri .dp-row--process+.dp-row--outputs{margin-top:130px}
.rm-ri .dp-row--outputs::before{top:-76px}
.rm-ri .dp-row--outputs::after{top:-62px}
.rm-ri .dp-row--sources::after::first-line,.rm-ri .dp-row--hub::after::first-line{}
}
.rm-ri .dp-row--sources::after::first-line,.rm-ri .dp-row--hub::after::first-line,.rm-ri .dp-row--process::after::first-line,.rm-ri .dp-row--outputs::after::first-line{
font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.171em;color:#d4d8e0}

/* v45: eyebrow op ::before (onder de lijn), fasenaam op ::after */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
box-sizing:border-box;padding:14px 0 0 128px;white-space:pre;
font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1;letter-spacing:.171em;text-transform:uppercase;color:#d4d8e0;
background:
 url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 113px 4px/25px 25px,
 linear-gradient(color-mix(in srgb,var(--dpl) 32%,transparent),color-mix(in srgb,var(--dpl) 32%,transparent)) top left/100% 1px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 18%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
.rm-ri .dp-row--sources::before{content:"FASE 01"}
.rm-ri .dp-row--hub::before{content:"FASE 02"}
.rm-ri .dp-row--process::before{content:"FASE 03"}
.rm-ri .dp-row--outputs::before{content:"FASE 04"}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
padding:0 0 0 15px;background:none;white-space:nowrap;top:-92px}
.rm-ri .dp-row--sources::after{content:"Verzamelen"}
.rm-ri .dp-row--hub::after{content:"Verbinden"}
.rm-ri .dp-row--process::after{content:"Doorgronden";top:-142px}
.rm-ri .dp-row--outputs::after{content:"Wat het oplevert";top:-42px}
}

/* v46: eyebrow en fasenaam netjes uitgelijnd, merkteken iets naar links */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
background:
 url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 108px 4px/25px 25px,
 linear-gradient(color-mix(in srgb,var(--dpl) 32%,transparent),color-mix(in srgb,var(--dpl) 32%,transparent)) top left/100% 1px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 18%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{padding-left:18px}
}

/* v47: fasenaam kleiner (18px, net iets groter dan de kaarttitels) */
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{font-size:18px;line-height:1.2}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after{top:-94px}
.rm-ri .dp-row--process::after{top:-144px}
.rm-ri .dp-row--outputs::after{top:-44px}
}

/* v48: terug naar de vorige titelstijl (12px, fasekleur, "FASE 01  VERZAMELEN"); alleen het eyebrow-merkteken erbij */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before,.rm-ri .dp-row--process::before,.rm-ri .dp-row--outputs::before{
content:"";padding:0;
background:
 linear-gradient(color-mix(in srgb,var(--dpl) 32%,transparent),color-mix(in srgb,var(--dpl) 32%,transparent)) top left/100% 1px no-repeat,
 linear-gradient(180deg,color-mix(in srgb,var(--dpl) 18%,transparent) 0%,color-mix(in srgb,var(--dpl) 0%,transparent) 100%)}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{
display:block;white-space:nowrap;padding:12px 0 0 15px;
font-family:var(--font-ubuntu),system-ui,sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.17em;text-transform:uppercase;color:var(--dpl);
background:url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 0 0/25px 25px}
.rm-ri .dp-row--sources::after{content:"Fase 01\0000A0\0000A0\0000A0Verzamelen";top:-124px}
.rm-ri .dp-row--hub::after{content:"Fase 02\0000A0\0000A0\0000A0Verbinden";top:-124px}
.rm-ri .dp-row--process::after{content:"Fase 03\0000A0\0000A0\0000A0Doorgronden";top:-174px}
.rm-ri .dp-row--outputs::after{content:"Fase 04\0000A0\0000A0\0000A0Wat het oplevert";top:-34px}
.rm-ri .dp-row--process+.dp-row--outputs{margin-top:90px}
.rm-ri .dp-row--outputs::before{top:-36px}
}

/* v49: tekst iets naar rechts zodat het merkteken de F niet raakt */
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{padding-left:22px}
}

/* v50: merkteken hangt hoger, zoals bij de eyebrows elders op de pagina (tekst begint net onder het hoekje) */
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after,.rm-ri .dp-row--process::after,.rm-ri .dp-row--outputs::after{padding:17px 0 0 20px}
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after{top:-129px}
.rm-ri .dp-row--process::after{top:-179px}
.rm-ri .dp-row--outputs::after{top:-39px}
}

/* v51: avatars naast de spraakwolkjes groter */
.rm-ri .dpx-say .rdw-av{width:44px;height:44px}

/* v52: avatars nog een klein beetje groter */
.rm-ri .dpx-say .rdw-av{width:52px;height:52px}

/* v53: blauwe balken (2019-2023) in een lichter, helderder blauw */
.rm-ri path[fill="#1b2f69"]{fill:#3b50ac}

/* v54: meer ruimte tussen de fase-lijn en de eyebrow */
@media (min-width:768px){
.rm-ri .dp-row--sources::after,.rm-ri .dp-row--hub::after{top:-121px}
.rm-ri .dp-row--process::after{top:-171px}
.rm-ri .dp-row--outputs::before{top:-44px}
.rm-ri .dp-row--process::before{bottom:-46px}
}

/* v55: kaarten conform styleguide: RM-oranje, verloop-balken, outline-vinkjes, eyebrow-labels, min. 12px */
.rm-ri .text-\[\#ff7a00\]{color:#f16b37}
.rm-ri div.bg-\[\#ff7a00\]{background:linear-gradient(79deg,#ff8555,#d04813)}
.rm-ri .size-\[22px\].bg-\[\#ff7a00\]{background:transparent;border-color:#f16b37;color:#f16b37}
.rm-ri .size-\[22px\].bg-\[\#ff7a00\] svg{color:#f16b37;stroke-width:2}
.rm-ri [class*="tracking-[1.5px] text-white"],.rm-ri [class*="tracking-[2px] text-fg-soft"]{
position:relative;display:inline-block;font-size:14px;letter-spacing:.171em;color:#d4d8e0;line-height:1.3}
.rm-ri [class*="tracking-[1.5px] text-white"]::before,.rm-ri [class*="tracking-[2px] text-fg-soft"]::before{
content:"";position:absolute;left:-15px;top:-17px;width:25px;height:25px;pointer-events:none;
background:url(/pages_static/research-innovation/eyebrow-icon.svg) no-repeat 0 0/25px 25px}
.rm-ri [class*="text-[#b7c0ce]"]{font-size:12px}

/* v56: geen eyebrow-hoekjes meer bij de kaart-labels; vinkjes (Routine taken + Inzichten) in RM-groen */
.rm-ri [class*="tracking-[1.5px] text-white"]::before,.rm-ri [class*="tracking-[2px] text-fg-soft"]::before{display:none}
.rm-ri li svg.lucide-check{color:#6acc50}
.rm-ri .size-\[22px\].bg-\[\#ff7a00\]{border-color:#6acc50;color:#6acc50}
.rm-ri .size-\[22px\].bg-\[\#ff7a00\] svg{color:#6acc50}

/* === Branchecheck-blok (gekopieerd van /linkbuilding-en-brandmentions/, hover intact) === */

.rm-ri .rm-dot-pattern{position:relative;overflow:hidden}
.rm-ri .rm-dot-pattern::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle, rgba(184,202,255,0.18) 1px, transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, transparent 70%)}
.rm-ri .rm-dot-pattern>*{position:relative;z-index:1}
.rm-ri .rm-cta-fx{overflow:hidden !important}
.rm-ri .rm-cta-fx:not(.chip){position:relative !important}
.rm-ri .rm-cta-fx svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .38s cubic-bezier(.65,0,.35,1),opacity .26s ease !important}
.rm-ri .rm-cta-fx svg.rm-cta-arrow-in{opacity:0;transform:translate(-180%,80%)}
.rm-ri a:hover > .rm-cta-fx svg.rm-cta-arrow-out,.rm-ri a:hover .rm-cta-fx svg.rm-cta-arrow-out{opacity:0;transform:translate(80%,-180%)}
.rm-ri a:hover > .rm-cta-fx svg.rm-cta-arrow-in,.rm-ri a:hover .rm-cta-fx svg.rm-cta-arrow-in{opacity:1;transform:translate(-50%,-50%)}
.rm-ri a:hover .rm-cta-fx{transform:translateX(2px) scale(1.06);transition:transform .36s cubic-bezier(.34,1.56,.64,1)}
.rm-ri .vpl{position:relative;overflow:hidden;background:linear-gradient(180deg,#000c32 0%,#08288b 100%);
      padding:clamp(34px,4vw,52px) clamp(1rem,4vw,2rem);display:flex;align-items:center;}.rm-ri .vpl-laag{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);
      width:min(1240px,calc(100% - 2 * clamp(1rem,4vw,2rem)));z-index:2;}@media(max-width:1000px){.rm-ri .vpl-laag{position:static;transform:none;width:auto;}}.rm-ri .vpl-in{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;
      padding-left:0;}.rm-ri .vpl-in > .fade-up{width:50%;margin-left:auto;}.rm-ri .vpl-kaart{position:absolute;z-index:2;left:6%;
      bottom:clamp(10px,1.2vw,16px);width:42%;margin:0;padding:16px 18px;
      background:rgba(4,10,38,0.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}@media(max-width:1000px){.rm-ri .vpl-in > .fade-up{width:auto;margin-left:0;}.rm-ri .vpl-kaart{position:relative;z-index:3;left:auto;bottom:auto;width:auto;max-width:600px;
        margin-top:26px;background:rgba(255,255,255,0.055);backdrop-filter:none;-webkit-backdrop-filter:none;}}@media(min-width:1001px){.rm-ri .vpl{min-height:404px;}}.rm-ri .vpl-foto{position:absolute;left:0.5%;bottom:0;z-index:0;width:30%;
      pointer-events:none;line-height:0;}.rm-ri .vpl-foto img{display:block;width:100%;height:auto;}.rm-ri .vpl-foto-b{opacity:0.66;
      -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.24) 24%,rgba(0,0,0,0.55) 40%,#000 54%,#000 100%);
      mask-image:linear-gradient(to right,rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.24) 24%,rgba(0,0,0,0.55) 40%,#000 54%,#000 100%);}.rm-ri .vpl-foto-k{position:absolute;left:0;top:0;opacity:0;transition:opacity .38s ease;
      -webkit-mask-image:linear-gradient(to right,transparent 42%,#000 56%,#000 100%);
      mask-image:linear-gradient(to right,transparent 42%,#000 56%,#000 100%);}.rm-ri .vpl:hover .vpl-foto-k,.rm-ri .vpl:focus-within .vpl-foto-k{opacity:1;}@media(prefers-reduced-motion:reduce){.rm-ri .vpl-foto-k{transition:none;}}@media(max-width:1000px){.rm-ri .vpl-foto{display:none;}}.rm-ri .vpl-eb{position:relative;display:inline-block;padding-left:20px;font-family:'Ubuntu',sans-serif;
      font-size:14px;font-weight:700;letter-spacing:0.17em;text-transform:uppercase;color:#ffffff;}.rm-ri .vpl-eb::before{content:'';position:absolute;left:0;top:-9px;width:13px;height:13px;
      background:#ff6600;pointer-events:none;
      clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%);}.rm-ri .vpl .vpl-t{font-family:'Gilroy','Ubuntu',sans-serif !important;font-weight:800 !important;
      font-size:clamp(1.7rem,2.7vw,2.25rem) !important;line-height:1.16 !important;color:#fff;
      letter-spacing:-0.015em;margin:0.85rem 0 0;text-wrap:balance;}.rm-ri .vpl-t em{font-family:'Playfair','Playfair Display',Georgia,serif;font-style:italic;font-weight:700;}.rm-ri .vpl-p{margin:1rem 0 0;max-width:56ch;font-family:'Ubuntu',sans-serif;font-size:1rem;
      line-height:1.65;color:rgba(255,255,255,0.68);}.rm-ri .vpl-p b{color:#fff;font-weight:700;}.rm-ri .vpl-cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;}@media(min-width:1001px){.rm-ri .vpl .vpl-kaart .vpl-cta a.vpl-knop{padding:5px 5px 5px 17px;font-size:12.8px;}.rm-ri .vpl-kaart .vpl-cta .vpl-bol{width:27px;height:27px;margin-left:9px;}.rm-ri .vpl-kaart .vpl-wie{grid-template-columns:48px minmax(0,1fr);gap:11px;}.rm-ri .vpl-kaart .vpl-wie img{width:48px;height:48px;}.rm-ri .vpl-kaart .vpl-naam{font-size:0.9rem;}.rm-ri .vpl-kaart .vpl-rol{font-size:0.76rem;}}@media(max-width:1000px){.rm-ri .vpl-kaart{grid-template-columns:minmax(0,1fr);}.rm-ri .vpl-kaart .vpl-cta{grid-column:1;justify-self:start;}}.rm-ri .vpl .vpl-cta a.vpl-knop{display:inline-flex;align-items:center;gap:0;color:#fff !important;
      background-image:linear-gradient(79deg,#FF8555 0%,#D04813 100%) !important;background-size:auto !important;
      padding:7px 7px 7px 30px;border-radius:9999px;font-family:'Ubuntu',sans-serif;font-weight:700;
      font-size:15px;line-height:1.1;white-space:nowrap;text-decoration:none !important;
      box-shadow:0 12px 40px rgba(208,72,19,0.35);}.rm-ri .vpl .vpl-cta a.vpl-knop::before,.rm-ri .vpl .vpl-cta a.vpl-knop::after{content:none !important;}.rm-ri .vpl-bol{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
      border-radius:50%;background:#fff;margin-left:14px;flex:0 0 auto;}.rm-ri .vpl-kaart{background:rgba(255,255,255,0.055);border:1px solid rgba(255,255,255,0.14);
      border-radius:16px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,0.28);
      display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:center;}.rm-ri .vpl-kaart .vpl-cta{grid-column:2;grid-row:1;justify-self:end;margin:0;}.rm-ri .vpl-kaart .vpl-zeg{grid-column:1 / -1;}.rm-ri .vpl-wie{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;}.rm-ri .vpl-wie img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center top;
      max-width:none;border:2px solid rgba(255,133,85,0.45);}.rm-ri .vpl-naam{display:block;font-family:'Ubuntu',sans-serif;font-size:0.95rem;font-weight:700;color:#fff;}.rm-ri .vpl-rol{display:block;font-family:'Ubuntu',sans-serif;font-size:0.8rem;line-height:1.4;
      color:rgba(255,255,255,0.55);margin-top:2px;}.rm-ri .vpl-zeg{margin:0;font-family:'Ubuntu',sans-serif;font-size:0.84rem;line-height:1.5;
      color:rgba(255,255,255,0.72);}.rm-ri .vpl-zeg b{color:#fff;font-weight:700;}
.rm-ri .vpl .fade-up{opacity:1;transform:none}
.rm-ri .vpl-t em{color:#f16b37}

/* v57: branchecheck-blok: geen vlak blauw blok meer, maar een zachte blauwe gloed die in de pagina overloopt */
.rm-ri .vpl{background:linear-gradient(180deg,rgba(8,40,139,0) 0%,rgba(8,40,139,.38) 50%,rgba(8,40,139,0) 100%)}

/* v58: de cursieve tekst rechts staat op één hoogte met de titel (niet met de eyebrow) */
@media (min-width:768px){
.rm-ri #tools p[class*="w-[380px]"]{margin-top:63px}
}

/* v59: toolkaarten: Ranky-illustratie boven, bij hover verdwijnt die en speelt de video (titel blijft) */
.rm-ri #tools .group{overflow:hidden;justify-content:flex-start;padding-top:0}
.rm-ri #tools .rm-tool-media{position:relative;flex:none;width:calc(100% + 64px);height:200px;margin:0 -32px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 55%,rgba(23,47,119,.28),transparent 70%)}
.rm-ri #tools .rm-tool-ranky{max-height:172px;max-width:76%;width:auto;height:auto;object-fit:contain;transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.rm-ri #tools .rm-tool-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.rm-ri #tools .group:hover .rm-tool-video{opacity:1}
.rm-ri #tools .group:hover .rm-tool-ranky{opacity:0;transform:scale(.96)}
.rm-ri #tools .rm-tool-hint{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 8px;border-radius:999px;background:rgba(1,9,34,.72);border:1px solid rgba(110,125,210,.35);color:#d4d8e0;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;transition:opacity .25s ease}
.rm-ri #tools .rm-tool-hint svg{color:#f16b37}
.rm-ri #tools .group:hover .rm-tool-hint{opacity:0}
@media (max-width:767px){
.rm-ri #tools .group{padding-top:0}
.rm-ri #tools .rm-tool-media{width:calc(100% + 48px);margin:0 -24px;height:170px}
.rm-ri #tools .rm-tool-hint{display:none}
}

/* v60: Ranky iets lager zodat het label rechtsboven hem niet raakt */
.rm-ri #tools .rm-tool-ranky{margin-top:22px;max-height:160px}

/* v61: Ranky-iconen even groot (gelijke kophoogte) */
.rm-ri #tools .rm-tool-ranky{max-width:none;max-height:none;margin-top:12px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"]{width:166px;height:auto}
.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:166px;height:auto}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:196px;width:auto;margin-top:0}
@media (max-width:767px){
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"],.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:140px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:160px}
}

/* v62: iconen iets groter, kopgrootte gelijk (backlink hoger omdat die figuur lang is) */
.rm-ri #tools .rm-tool-media{height:214px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"],.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:178px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:208px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{margin-top:24px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"]{margin-top:14px}

/* v63: kleine marge rondom de video (kaart-padding 24px uit de styleguide blijft de basis; media zelf is niet gespecificeerd) */
.rm-ri #tools .rm-tool-media{width:calc(100% - 24px);margin:12px 12px 0;height:202px;border-radius:8px;overflow:hidden}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:190px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"],.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:170px}
@media (max-width:767px){.rm-ri #tools .rm-tool-media{width:calc(100% - 16px);margin:8px 8px 0;height:160px}}

/* v64: gelijkmatige marge rondom de video: 24px (= kaart-padding uit de styleguide) */
@media (min-width:768px){
.rm-ri #tools .rm-tool-media{width:calc(100% - 48px);margin:24px 24px 0;height:188px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:176px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"],.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:158px}
.rm-ri #tools .rm-tool-hint{top:10px;right:10px}
}

/* v65: video weer van rand tot rand (helemaal uitgelijnd met de zijkanten en bovenkant van de kaart) */
@media (min-width:768px){
.rm-ri #tools .rm-tool-media{width:calc(100% + 64px);margin:0 -32px;height:214px;border-radius:0}
.rm-ri #tools .rm-tool-ranky[src*="ranky-backlink"]{height:208px}
.rm-ri #tools .rm-tool-ranky[src*="ranky-seo"],.rm-ri #tools .rm-tool-ranky[src*="ranky-sea"]{width:178px}
.rm-ri #tools .rm-tool-hint{top:12px;right:12px}
}
@media (max-width:767px){.rm-ri #tools .rm-tool-media{width:calc(100% + 48px);margin:0 -24px;height:170px;border-radius:0}}

/* v66: hele video zichtbaar (niet meer bijgesneden); rand in dezelfde donkere tint */
.rm-ri #tools .rm-tool-video{object-fit:contain;background:#0a0f26}

/* v67: de witte rand van de video valt samen met de rand van de kaart: per video ingezoomd op het witte vlak */
@media (min-width:768px){
.rm-ri #tools .rm-tool-video{inset:auto;height:auto;max-width:none}
.rm-ri #tools .rm-tool-video[src*="tool-sea"]{width:115.7%;left:-7.6%;top:-45px}
.rm-ri #tools .rm-tool-video[src*="tool-seo"]{width:104.5%;left:-2.45%;top:-6px}
.rm-ri #tools .rm-tool-video[src*="tool-backlink"]{width:103%;left:-3.1%;top:0}
}

/* v68: video heeft vaste 4:3-verhouding (ook vóór het laden), zodat de uitlijning klopt */
@media (min-width:768px){
.rm-ri #tools .rm-tool-video{aspect-ratio:4/3;height:auto;object-fit:fill}
}

/* v69: "Beschikbaar voor iedereen" als kleine groene pill met open slotje */
.rm-ri .rm-free-pill{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 13px 6px 11px;border-radius:999px;background:rgba(106,204,80,.12);border:1px solid rgba(106,204,80,.42);color:#6acc50;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.136em;line-height:1}
.rm-ri .rm-free-pill svg{flex:none}

/* v70: pills volgens de badge-component uit de styleguide: 26px hoog, padding 4/12, pill, 12px uppercase 500, 1px rand 40-50%, 10% tint, gap 6 */
.rm-ri .rm-free-pill{height:26px;padding:4px 12px;gap:6px;font-size:12px;font-weight:500;letter-spacing:.06em;background:rgba(106,204,80,.10);border:1px solid rgba(106,204,80,.45);box-sizing:border-box}
.rm-ri #tools .rm-tool-hint{height:26px;padding:4px 12px 4px 10px;gap:6px;font-size:12px;font-weight:500;letter-spacing:.04em;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.4);color:#fff;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* v71: pill zonder backdrop-filter (die laat de tekst op een eigen laag renderen en maakt hem bij halve pixels wazig) */
.rm-ri #tools .rm-tool-hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(30,42,100,.62)}

/* v72: alleen een oog-icoon (32px, ronde rand); de tekst staat in een tooltip */
.rm-ri #tools .rm-tool-hint{width:32px;height:32px;padding:0;gap:0;justify-content:center;border-radius:50%;background:rgba(10,15,38,.55);border:1px solid rgba(255,255,255,.28);color:#d4d8e0;overflow:visible;top:12px;right:12px;cursor:help}
.rm-ri #tools .rm-tool-hint svg{color:#d4d8e0;width:16px;height:16px}
.rm-ri #tools .group:hover .rm-tool-hint{opacity:.9}
.rm-ri #tools .rm-tool-hint::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;padding:6px 10px;border-radius:8px;background:#0a0f26;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:12px;font-weight:500;line-height:1;letter-spacing:.02em;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}
.rm-ri #tools .rm-tool-hint:hover::after{opacity:1;transform:none}

/* v73: geen live-stippen/-teksten */
.rm-ri .s4904-dot-pulse,.rm-ri .dp-stats .dp-live{display:none!important}

/* v74: rechterhelft Content Automation = video */
.rm-ri .rm-ca-video{align-self:stretch;display:flex;align-items:center;min-width:0;border-radius:12px;overflow:hidden;border:1px solid rgba(57,81,153,.4);background:#0a0f26}
.rm-ri .rm-ca-video video{display:block;width:100%;height:auto}

/* v75: video vult het hele kader */
.rm-ri .rm-ca-video{position:relative}
.rm-ri .rm-ca-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.rm-ri .rm-ca-video{aspect-ratio:4/3}}

/* v76: human element (Rico) boven de video */
.rm-ri .rm-ca-right{display:flex;flex-direction:column;gap:14px;min-width:0;align-self:stretch}
.rm-ri .rm-ca-right .rm-ca-video{flex:1 1 auto;min-height:240px;align-self:auto}
.rm-ri .rm-ca-human{display:flex;align-items:center;gap:16px}
.rm-ri .rm-ca-av{flex:none;width:64px;height:64px;border-radius:50%;border:2px solid #fff;background:#0a1336 url(/pages_static/research-innovation/dw-rico.webp) center/cover no-repeat}
.rm-ri .rm-ca-who{min-width:0}
.rm-ri .rm-ca-t{margin:0;font-family:var(--font-gilroy),system-ui,sans-serif;font-weight:800;font-size:18px;line-height:1.25;color:#fff}
.rm-ri .rm-ca-n{margin:4px 0 0;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:15px;line-height:1.3;color:#b8caff}

/* v77: Rico-foto (uitgesneden gezicht), ingezoomd zodat het gezicht de cirkel vult */
.rm-ri .rm-ca-av{background:#08103a url(/pages_static/research-innovation/rico-face.jpg?v=1) 50% 52%/150% no-repeat}

/* v78: team-foto loopt onderaan zacht weg in de achtergrond */
.rm-ri .vpl-foto{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 48%,transparent 96%);mask-image:linear-gradient(180deg,#000 0,#000 48%,transparent 96%)}

/* v79: fasetitels nog iets verder onder de lijn (lijn 10px hoger, titel blijft staan) */
@media (min-width:768px){
.rm-ri .dp-row--sources::before,.rm-ri .dp-row--hub::before{top:-136px}
.rm-ri .dp-row--process::before{top:-186px}
.rm-ri .dp-row--outputs::before{top:-54px}
.rm-ri .dp-row--process+.dp-row--outputs{margin-top:100px}
}

/* v80: oog + "Preview" in pill (badge-maten), geen tooltip */
.rm-ri #tools .rm-tool-hint{width:auto;height:26px;padding:4px 12px 4px 9px;gap:6px;border-radius:999px;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1;color:#d4d8e0;cursor:default}
.rm-ri #tools .rm-tool-hint svg{width:15px;height:15px}
.rm-ri #tools .rm-tool-hint::after{display:none!important}

/* v81: groene pill met jaren ervaring (badge-maten) */
.rm-ri .rm-ca-exp{display:inline-flex;align-items:center;height:26px;box-sizing:border-box;margin-top:8px;padding:4px 12px;border-radius:999px;background:rgba(106,204,80,.10);border:1px solid rgba(106,204,80,.45);color:#6acc50;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1}

/* ===== Meta Pilot card (package) ===== */

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.mpc-root *,.mpc-root :before,.mpc-root :after,.mpc-root ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}.mpc-root,.mpc-root{--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-normal:0em;--leading-snug:1.375;--leading-normal:1.5;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}.mpc-root .pointer-events-none{pointer-events:none}.mpc-root .absolute{position:absolute}.mpc-root .relative{position:relative}.mpc-root .bottom-\[calc\(100\%\+6px\)\]{bottom:calc(100% + 6px)}.mpc-root .left-1{left:calc(var(--spacing)*1)}.mpc-root .left-1\/2{left:50%}.mpc-root .z-20{z-index:20}.mpc-root .mx-auto{margin-inline:auto}.mpc-root .-mt-0{margin-top:calc(var(--spacing)*0)}.mpc-root .-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.mpc-root .mt-0{margin-top:calc(var(--spacing)*0)}.mpc-root .mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mpc-root .mt-1{margin-top:calc(var(--spacing)*1)}.mpc-root .mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mpc-root .mt-2{margin-top:calc(var(--spacing)*2)}.mpc-root .mt-3{margin-top:calc(var(--spacing)*3)}.mpc-root .mt-6{margin-top:calc(var(--spacing)*6)}.mpc-root .mt-8{margin-top:calc(var(--spacing)*8)}.mpc-root .mt-12{margin-top:calc(var(--spacing)*12)}.mpc-root .-mr-1{margin-right:calc(var(--spacing)*-1)}.mpc-root .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpc-root .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpc-root .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpc-root .block{display:block}.mpc-root .flex{display:flex}.mpc-root .grid{display:grid}.mpc-root .inline-flex{display:inline-flex}.mpc-root .aspect-\[3\/2\]{aspect-ratio:3/2}.mpc-root .h-1{height:calc(var(--spacing)*1)}.mpc-root .h-1\.5{height:calc(var(--spacing)*1.5)}.mpc-root .h-4{height:calc(var(--spacing)*4)}.mpc-root .h-6{height:calc(var(--spacing)*6)}.mpc-root .h-8{height:calc(var(--spacing)*8)}.mpc-root .h-9{height:calc(var(--spacing)*9)}.mpc-root .h-16{height:calc(var(--spacing)*16)}.mpc-root .h-\[18px\]{height:18px}.mpc-root .h-\[21\.5rem\]{height:21.5rem}.mpc-root .h-\[23rem\]{height:23rem}.mpc-root .h-\[60px\]{height:60px}.mpc-root .h-\[65px\]{height:65px}.mpc-root .h-full{height:100%}.mpc-root .w-1{width:calc(var(--spacing)*1)}.mpc-root .w-1\.5{width:calc(var(--spacing)*1.5)}.mpc-root .w-4{width:calc(var(--spacing)*4)}.mpc-root .w-8{width:calc(var(--spacing)*8)}.mpc-root .w-9{width:calc(var(--spacing)*9)}.mpc-root .w-16{width:calc(var(--spacing)*16)}.mpc-root .w-24{width:calc(var(--spacing)*24)}.mpc-root .w-\[17\.5rem\]{width:17.5rem}.mpc-root .w-\[18px\]{width:18px}.mpc-root .w-\[18rem\]{width:18rem}.mpc-root .w-\[19\.5rem\]{width:19.5rem}.mpc-root .w-\[60px\]{width:60px}.mpc-root .w-\[65px\]{width:65px}.mpc-root .w-auto{width:auto}.mpc-root .w-fit{width:fit-content}.mpc-root .w-full{width:100%}.mpc-root .max-w-\[36rem\]{max-width:36rem}.mpc-root .max-w-\[38rem\]{max-width:38rem}.mpc-root .max-w-\[42rem\]{max-width:42rem}.mpc-root .min-w-0{min-width:calc(var(--spacing)*0)}.mpc-root .min-w-\[2\.6rem\]{min-width:2.6rem}.mpc-root .flex-1{flex:1}.mpc-root .shrink-0{flex-shrink:0}.mpc-root .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.mpc-root .cursor-grab{cursor:grab}.mpc-root .cursor-pointer{cursor:pointer}.mpc-root .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mpc-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mpc-root .flex-col{flex-direction:column}.mpc-root .flex-wrap{flex-wrap:wrap}.mpc-root .items-center{align-items:center}.mpc-root .items-start{align-items:flex-start}.mpc-root .justify-between{justify-content:space-between}.mpc-root .justify-center{justify-content:center}.mpc-root .gap-1{gap:calc(var(--spacing)*1)}.mpc-root .gap-1\.5{gap:calc(var(--spacing)*1.5)}.mpc-root .gap-2{gap:calc(var(--spacing)*2)}.mpc-root .gap-2\.5{gap:calc(var(--spacing)*2.5)}.mpc-root .gap-3{gap:calc(var(--spacing)*3)}.mpc-root .gap-4{gap:calc(var(--spacing)*4)}.mpc-root .gap-6{gap:calc(var(--spacing)*6)}.mpc-root .gap-12{gap:calc(var(--spacing)*12)}.mpc-root :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.mpc-root .gap-x-3{column-gap:calc(var(--spacing)*3)}.mpc-root .gap-x-10{column-gap:calc(var(--spacing)*10)}.mpc-root .gap-y-2{row-gap:calc(var(--spacing)*2)}.mpc-root .gap-y-6{row-gap:calc(var(--spacing)*6)}.mpc-root .overflow-hidden{overflow:hidden}.mpc-root .rounded-full{border-radius:3.40282e38px}.mpc-root .rounded-lg{border-radius:12px}.mpc-root .rounded-md{border-radius:8px}.mpc-root .rounded-xl{border-radius:16px}.mpc-root .border{border-style:var(--tw-border-style);border-width:1px}.mpc-root .border-\[\#f16b37\]\/40{border-color:oklab(68.4007% .135472 .115182/.4)}.mpc-root .border-border{border-color:var(--border)}.mpc-root .bg-\[\#f16b37\]{background-color:#f16b37}.mpc-root .bg-\[\#f16b37\]\/10{background-color:oklab(68.4007% .135472 .115182/.1)}.mpc-root .bg-card{background-color:var(--card)}.mpc-root .bg-primary{background-color:var(--primary)}.mpc-root .bg-white{background-color:var(--color-white)}.mpc-root .bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.mpc-root .bg-white\/25{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.mpc-root .object-contain{object-fit:contain}.mpc-root .object-cover{object-fit:cover}.mpc-root .p-1{padding:calc(var(--spacing)*1)}.mpc-root .p-2{padding:calc(var(--spacing)*2)}.mpc-root .p-3{padding:calc(var(--spacing)*3)}.mpc-root .p-4{padding:calc(var(--spacing)*4)}.mpc-root .p-6{padding:calc(var(--spacing)*6)}.mpc-root .p-\[2\.5px\]{padding:2.5px}.mpc-root .px-1{padding-inline:calc(var(--spacing)*1)}.mpc-root .px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.mpc-root .px-4{padding-inline:calc(var(--spacing)*4)}.mpc-root .py-1{padding-block:calc(var(--spacing)*1)}.mpc-root .py-1\.5{padding-block:calc(var(--spacing)*1.5)}.mpc-root .py-2{padding-block:calc(var(--spacing)*2)}.mpc-root .py-2\.5{padding-block:calc(var(--spacing)*2.5)}.mpc-root .py-3{padding-block:calc(var(--spacing)*3)}.mpc-root .pt-2{padding-top:calc(var(--spacing)*2)}.mpc-root .pl-3{padding-left:calc(var(--spacing)*3)}.mpc-root .text-center{text-align:center}.mpc-root .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.mpc-root .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.mpc-root .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.mpc-root .text-\[13px\]{font-size:13px}.mpc-root .text-\[14px\]{font-size:14px}.mpc-root .text-\[15px\]{font-size:15px}.mpc-root .text-\[17px\]{font-size:17px}.mpc-root .text-\[18px\]{font-size:18px}.mpc-root .text-\[32px\]{font-size:32px}.mpc-root .leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.mpc-root .leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.mpc-root .leading-none{--tw-leading:1;line-height:1}.mpc-root .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.mpc-root .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.mpc-root .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.mpc-root .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.mpc-root .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mpc-root .tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.mpc-root .tracking-\[0\.17em\]{--tw-tracking:.17em;letter-spacing:.17em}.mpc-root .tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.mpc-root .text-balance{text-wrap:balance}.mpc-root .text-\[\#4a5578\]{color:#4a5578}.mpc-root .text-\[\#6acc50\]{color:#6acc50}.mpc-root .text-\[\#97a5ce\]{color:#97a5ce}.mpc-root .text-\[\#b8caff\]{color:#b8caff}.mpc-root .text-\[\#d4d8e0\]{color:#d4d8e0}.mpc-root .text-\[\#f16b37\]{color:#f16b37}.mpc-root .text-muted-foreground{color:var(--muted-foreground)}.mpc-root .text-primary-foreground{color:var(--primary-foreground)}.mpc-root .text-white{color:var(--color-white)}.mpc-root .uppercase{text-transform:uppercase}.mpc-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.mpc-root .ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mpc-root .ring-\[\#4d64dd\]{--tw-ring-color:#4d64dd}.mpc-root .outline{outline-style:var(--tw-outline-style);outline-width:1px}.mpc-root .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.mpc-root .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.mpc-root .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.mpc-root .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.mpc-root .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.mpc-root .hover\:border-\[\#4d64dd\]:hover{border-color:#4d64dd}.mpc-root .hover\:bg-\[\#08288b\]\/10:hover{background-color:oklab(33.7185% -.0162683 -.165751/.1)}.mpc-root .hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.mpc-root .hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.mpc-root .hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.mpc-root .hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.mpc-root .hover\:text-\[\#08288b\]:hover{color:#08288b}.mpc-root .hover\:text-foreground:hover{color:var(--foreground)}}.mpc-root .active\:cursor-grabbing:active{cursor:grabbing}@media (min-width:40rem){.mpc-root .sm\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpc-root .sm\:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpc-root .sm\:h-20{height:calc(var(--spacing)*20)}.mpc-root .sm\:h-\[4\.5rem\]{height:4.5rem}.mpc-root .sm\:h-\[25rem\]{height:25rem}.mpc-root .sm\:h-\[26\.5rem\]{height:26.5rem}.mpc-root .sm\:w-32{width:calc(var(--spacing)*32)}.mpc-root .sm\:w-\[4\.5rem\]{width:4.5rem}.mpc-root .sm\:w-\[24rem\]{width:24rem}.mpc-root .sm\:w-\[25\.5rem\]{width:25.5rem}.mpc-root .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mpc-root .sm\:p-8{padding:calc(var(--spacing)*8)}.mpc-root .sm\:text-\[54px\]{font-size:54px}}@media (min-width:64rem){.mpc-root .lg\:w-\[25\.5rem\]{width:25.5rem}.mpc-root .lg\:grid-cols-\[minmax\(0\,1fr\)_25\.5rem\]{grid-template-columns:minmax(0,1fr) 25.5rem}.mpc-root .lg\:items-center{align-items:center}.mpc-root .lg\:gap-12{gap:calc(var(--spacing)*12)}.mpc-root .lg\:p-12{padding:calc(var(--spacing)*12)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
/* ---- Meta Pilot card: RM design tokens (rm-style-guide.vercel.app/tokens/tokens.css, dark) ---- */
.mpc-root {
  --rm-orange: #f16b37;
  --rm-orange-light: #ff8555;
  --rm-orange-deep: #d04813;
  --rm-mark-orange: #ff6600;
  --rm-blue: #08288b;
  --rm-green: #6acc50;
  --rm-electric: #4d64dd;
  --rm-line-blue: #395199;
  --rm-ink: #000618;
  --rm-navy: #000c32;
  --rm-navy-2: #0a1336;
  --rm-panel-lift: #243368;
  --rm-panel-mid: #16225a;
  --rm-blue-body: #b8caff;
  --rm-blue-soft: #97a5ce;
  --rm-eyebrow: #d4d8e0;
  --rm-line: color-mix(in srgb, var(--rm-line-blue) 40%, transparent);
  --rm-dot: rgba(255, 255, 255, 0.14);
  --rm-glow-blue: rgba(86, 102, 196, 0.28);
  --rm-glow-orange: color-mix(in srgb, var(--rm-orange) 22%, transparent);
  --rm-panel-gradient: linear-gradient(145deg, var(--rm-panel-lift) 0%, var(--rm-panel-mid) 45%, var(--rm-navy-2) 100%);
  --rm-card-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.6);
  --rm-ease-cta: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* shadcn tokens mapped onto the RM palette */
  --background: var(--rm-ink);
  --foreground: #ffffff;
  --card: var(--rm-navy-2);
  --card-foreground: #ffffff;
  --primary: #ffffff;
  --primary-foreground: var(--rm-navy);
  --secondary: var(--rm-navy-2);
  --secondary-foreground: #ffffff;
  --muted: var(--rm-navy-2);
  --muted-foreground: var(--rm-blue-body);
  --border: var(--rm-line);
  --ring: var(--rm-electric);

  display: block;
  color-scheme: dark;
  color: #ffffff;
  font-family: "Ubuntu", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  /* ink with the dotted grid: 2px dots on an 18px grid (§05) */
  background-color: var(--rm-ink);
  background-image: radial-gradient(circle, var(--rm-dot) 1px, transparent 1.2px);
  background-size: 18px 18px;
  padding: 80px 16px;
}
.mpc-root .mpc-wrap { max-width: 1136px; margin: 0 auto; }

/* ---- Scoped mini-preflight. Tailwind's own preflight is left out so the site is untouched. ---- */
.mpc-root *, .mpc-root ::before, .mpc-root ::after {
  box-sizing: border-box;
  border: 0 solid var(--border);
}
.mpc-root h1, .mpc-root h3, .mpc-root p, .mpc-root ul, .mpc-root li, .mpc-root dl, .mpc-root dt, .mpc-root dd {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
}
.mpc-root img { display: block; max-width: 100%; height: auto; border: 0; }
/* The theme styles <button> directly (height 38px, radius 5px, line-height 17px): wipe it, utilities rebuild it */
.mpc-root button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
/* The WP shell forces headings to weight 500 (with !important on some pages) */
.mpc-root h1.mpc-h1 {
  font-family: "Gilroy", "Ubuntu", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
  color: #ffffff !important;
}
@media (min-width: 40rem) { .mpc-root h1.mpc-h1 { font-size: 54px !important; } }
.mpc-root h3.mpc-h3 {
  font-family: "Gilroy", "Ubuntu", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.mpc-root button:focus-visible { outline: 2px solid var(--rm-electric); outline-offset: 2px; }

.mpc-root .mpc-display { font-family: "Gilroy", "Ubuntu", ui-sans-serif, system-ui, sans-serif; }
.mpc-root .mpc-accent { font-family: "Playfair","Playfair Display", Georgia, serif; font-style: italic; font-weight: 500; }

/* Eyebrow with the hanging orange mark (§07) */
.mpc-root .mpc-eb {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: var(--rm-eyebrow);
}
.mpc-root .mpc-eb::before {
  content: "";
  position: absolute;
  left: -10.8px;
  top: -7.1px;
  width: 14px;
  height: 14px;
  background: var(--rm-mark-orange);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);
}

.mpc-root .mpc-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--rm-navy);
  border: 1px solid var(--rm-line);
  border-radius: 24px;
  box-shadow: var(--rm-card-shadow);
}
/* blue glow, top right (§05) */
.mpc-root .mpc-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -12rem;
  right: -10rem;
  width: 36rem;
  height: 36rem;
  background: radial-gradient(circle, var(--rm-glow-blue) 0%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
}
.mpc-root .mpc-tile { background-color: var(--rm-navy-2); border: 1px solid var(--rm-line); }

/* stack cards: panel gradient so they lift off the navy panel */
.mpc-root .mpc-card { background-image: var(--rm-panel-gradient); box-shadow: var(--rm-card-shadow); }

.mpc-root .mpc-shopify {
  background: #ffffff;
  border: 1px solid #e4e8f2;
  color: #000c32;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.6);
}

/* Badge anatomy (§09): 26px, padding 4·12, pill, 1px border at 45%, 10% fill, 12px uppercase 500 */
.mpc-root .mpc-badge {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mpc-root .mpc-badge--green {
  color: var(--rm-green);
  border: 1px solid color-mix(in srgb, var(--rm-green) 45%, transparent);
  background-color: color-mix(in srgb, var(--rm-green) 10%, transparent);
}

/* swipe controls; orange glow = "keuze open" (§05) while the hint shows */
.mpc-root .mpc-nav { background-color: var(--rm-navy-2); border: 1px solid var(--rm-line); transition: box-shadow 260ms ease, border-color 260ms ease; }
.mpc-root .mpc-nav[data-hint="true"] {
  border-color: color-mix(in srgb, var(--rm-orange) 55%, transparent);
  animation: mpc-glow 1.8s ease-in-out infinite;
}
@keyframes mpc-glow {
  0%, 100% { box-shadow: 0 0 0 0 var(--rm-glow-orange), 0 0 18px var(--rm-glow-orange); }
  50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--rm-orange) 12%, transparent), 0 0 32px color-mix(in srgb, var(--rm-orange) 35%, transparent); }
}
.mpc-root .mpc-arrow { border: 1px solid var(--rm-line); color: #ffffff; transition: background-color 200ms ease, border-color 200ms ease, transform 320ms var(--rm-ease-cta); }
.mpc-root .mpc-arrow:hover { background-color: #ffffff; color: var(--rm-blue); border-color: #ffffff; transform: translateY(-2px); }

.mpc-root .mpc-pop { background: #ffffff; color: #000c32; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7); }
.mpc-root .mpc-pop::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 0 0 3px 0;
}

@media (prefers-reduced-motion: reduce) {
  .mpc-root .mpc-nav[data-hint="true"] { animation: none; box-shadow: 0 0 24px var(--rm-glow-orange); }
}



/* inpassing in de pagina: geen eigen achtergrond/padding, breedte van de overige kaarten */
.rm-ri .mpc-root{background:none;padding:0;font-size:inherit;line-height:inherit}
.rm-ri .mpc-root .mpc-wrap{max-width:none}
.rm-ri #meta-pilot-card:empty{min-height:980px}
@media (max-width:1023px){.rm-ri #meta-pilot-card:empty{min-height:1400px}}

/* v82: Content Automation en LLM Traffic Tracker in dezelfde stijl als de Meta Pilot-kaart (RM-styleguide-paneel) */
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]{position:relative;isolation:isolate;overflow:hidden;background-color:#000c32;border:1px solid rgba(57,81,153,.4);border-radius:24px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);padding:32px}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]::before{content:"";position:absolute;z-index:-1;top:-12rem;right:-10rem;width:36rem;height:36rem;background:radial-gradient(circle,rgba(86,102,196,.28) 0%,transparent 70%);filter:blur(60px);pointer-events:none}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]>div:first-child{padding-left:12px}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]>div:first-child span[class*="text-[11px]"]:not([class*="whitespace-nowrap"]){position:relative;display:inline-block;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.17em;color:#d4d8e0;text-transform:uppercase}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]>div:first-child span[class*="text-[11px]"]:not([class*="whitespace-nowrap"])::before{content:"";position:absolute;left:-10.8px;top:-7.1px;width:14px;height:14px;background:#ff6600;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]>div:first-child span[class*="whitespace-nowrap"]{font-size:14px;font-weight:500;letter-spacing:normal;color:#97a5ce;font-variant-numeric:tabular-nums}
.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"] [class*="bg-[rgba(1,9,34,0.5)]"]{background-color:#0a1336;border:1px solid rgba(57,81,153,.4);border-radius:8px}
@media (max-width:767px){.rm-ri [class*="border-[rgba(57,81,153,0.4)]"][class*="p-7"]{padding:24px}}

/* v83: thema laat <dt> zweven; binnen het Meta Pilot-blok terug naar normaal */
.rm-ri .mpc-root dt,.rm-ri .mpc-root dd{float:none;clear:none;width:auto;display:block}

/* v85: engineer (Bouke) rechtsboven in de LLM Traffic Tracker-kaart */
.rm-ri .rm-av-bouke{background:#08288b url(/pages_static/research-innovation/bouke-face.jpg?v=1) 50% 50%/118% no-repeat}
.rm-ri .rm-llm-human{display:flex;align-items:center;gap:16px}
@media (min-width:768px){
.rm-ri .rm-llm-human{position:absolute;right:32px;top:62px;max-width:420px}
.rm-ri .rm-llm-human~p{max-width:calc(100% - 460px)}
}
@media (max-width:767px){.rm-ri .rm-llm-human{margin:4px 0}}

/* v86: alle engineer-cirkels gelijk aan Danique: 65px, witte ring 2.5px, foto 60px */
.rm-ri .rm-ca-av{width:65px;height:65px;border:0;padding:2.5px;box-sizing:border-box;border-radius:50%}
.rm-ri .rm-ca-av{background:url(/pages_static/research-innovation/rico-face.jpg?v=1) 50% 52%/150% no-repeat content-box content-box,#fff}
.rm-ri .rm-av-bouke{background:url(/pages_static/research-innovation/bouke-face.jpg?v=1) 50% 50%/118% no-repeat content-box content-box,#fff}

/* v87: dunnere witte ring (1.5px) om alle engineers, ook Danique */
.rm-ri .rm-ca-av{padding:1.5px}
.rm-ri .mpc-root span.rounded-full.bg-white{padding:1.5px}
.rm-ri .mpc-root span.rounded-full.bg-white>img{width:62px;height:62px}

/* v88: human element Iris in het contactblok (links, onderaan de kaart, steekt iets boven de rand uit) */
.rm-ri .rm-iris-card{position:relative}
.rm-ri .rm-iris{display:block;position:absolute;left:28px;bottom:0;height:calc(100% + 36px);width:auto;max-width:none;object-fit:contain;object-position:bottom left;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
@media (min-width:768px){
.rm-ri .rm-iris-card{padding-left:calc(28px + 270px)}
}
@media (max-width:767px){.rm-ri .rm-iris{display:none}}

/* v89: ruimte voor Iris, tekst schuift mee */
.rm-ri .rm-iris{height:calc(100% + 24px)}
@media (min-width:768px){
.rm-ri .rm-iris-card{padding-left:372px}
.rm-ri .rm-iris-card form{min-width:0}
.rm-ri .rm-iris-card>div{gap:44px}
.rm-ri .rm-iris-card>div>div:first-of-type{width:340px}
}

/* ===== Onderzoekscarrousel (package) ===== */
.rcx-root *,.rcx-root :after,.rcx-root :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.rcx-root ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.rcx-root .pointer-events-none{pointer-events:none}.rcx-root .static{position:static}.rcx-root .absolute{position:absolute}.rcx-root .relative{position:relative}.rcx-root .inset-x-0{left:0;right:0}.rcx-root .left-0{left:0}.rcx-root .left-1\/2{left:50%}.rcx-root .left-\[11px\]{left:11px}.rcx-root .left-\[126px\]{left:126px}.rcx-root .left-\[132px\]{left:132px}.rcx-root .left-\[170px\]{left:170px}.rcx-root .left-\[198px\]{left:198px}.rcx-root .left-\[30px\]{left:30px}.rcx-root .left-\[42px\]{left:42px}.rcx-root .left-\[60px\]{left:60px}.rcx-root .left-\[66px\]{left:66px}.rcx-root .left-\[6px\]{left:6px}.rcx-root .left-\[84px\]{left:84px}.rcx-root .right-\[10px\]{right:10px}.rcx-root .top-\[16px\]{top:16px}.rcx-root .top-\[18px\]{top:18px}.rcx-root .top-\[20\.45px\]{top:20.45px}.rcx-root .top-\[22px\]{top:22px}.rcx-root .top-\[24px\]{top:24px}.rcx-root .top-\[27\.45px\]{top:27.45px}.rcx-root .top-\[30px\]{top:30px}.rcx-root .top-\[34px\]{top:34px}.rcx-root .top-\[38\.45px\]{top:38.45px}.rcx-root .top-\[42px\]{top:42px}.rcx-root .top-\[44px\]{top:44px}.rcx-root .top-\[46px\]{top:46px}.rcx-root .top-\[50px\]{top:50px}.rcx-root .top-\[56px\]{top:56px}.rcx-root .top-\[58px\]{top:58px}.rcx-root .top-\[62\.45px\]{top:62.45px}.rcx-root .top-\[66px\]{top:66px}.rcx-root .top-\[6px\]{top:6px}.rcx-root .top-\[70px\]{top:70px}.rcx-root .top-\[82\.45px\]{top:82.45px}.rcx-root .top-\[82px\]{top:82px}.rcx-root .-ml-\[150px\]{margin-left:-150px}.rcx-root .-mt-\[218px\]{margin-top:-218px}.rcx-root .mt-1{margin-top:.25rem}.rcx-root .mt-auto{margin-top:auto}.rcx-root .flex{display:flex}.rcx-root .size-5{width:1.25rem;height:1.25rem}.rcx-root .size-\[6px\]{width:6px;height:6px}.rcx-root .h-1\.5{height:.375rem}.rcx-root .h-10{height:2.5rem}.rcx-root .h-8{height:2rem}.rcx-root .h-\[110px\]{height:110px}.rcx-root .h-\[120px\]{height:120px}.rcx-root .h-\[14px\]{height:14px}.rcx-root .h-\[18px\]{height:18px}.rcx-root .h-\[24px\]{height:24px}.rcx-root .h-\[436px\]{height:436px}.rcx-root .h-\[44px\]{height:44px}.rcx-root .h-\[4px\]{height:4px}.rcx-root .h-\[68px\]{height:68px}.rcx-root .h-\[6px\]{height:6px}.rcx-root .h-\[72px\]{height:72px}.rcx-root .h-\[86px\]{height:86px}.rcx-root .h-full{height:100%}.rcx-root .w-1\.5{width:.375rem}.rcx-root .w-10{width:2.5rem}.rcx-root .w-6{width:1.5rem}.rcx-root .w-8{width:2rem}.rcx-root .w-\[110px\]{width:110px}.rcx-root .w-\[120px\]{width:120px}.rcx-root .w-\[180px\]{width:180px}.rcx-root .w-\[218px\]{width:218px}.rcx-root .w-\[240px\]{width:240px}.rcx-root .w-\[300px\]{width:300px}.rcx-root .w-\[30px\]{width:30px}.rcx-root .w-\[32px\]{width:32px}.rcx-root .w-\[36px\]{width:36px}.rcx-root .w-\[42px\]{width:42px}.rcx-root .w-\[60px\]{width:60px}.rcx-root .w-\[66px\]{width:66px}.rcx-root .w-\[80px\]{width:80px}.rcx-root .w-full{width:100%}.rcx-root .max-w-lg{max-width:32rem}.rcx-root .shrink-0{flex-shrink:0}.rcx-root .-translate-x-1\/2{--tw-translate-x:-50%}.rcx-root .-translate-x-1\/2,.rcx-root .scale-\[1\.3\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rcx-root .scale-\[1\.3\]{--tw-scale-x:1.3;--tw-scale-y:1.3}.rcx-root .cursor-pointer{cursor:pointer}.rcx-root .flex-col{flex-direction:column}.rcx-root .items-center{align-items:center}.rcx-root .items-stretch{align-items:stretch}.rcx-root .justify-center{justify-content:center}.rcx-root .gap-1\.5{gap:.375rem}.rcx-root .gap-2\.5{gap:.625rem}.rcx-root .gap-4{gap:1rem}.rcx-root .gap-8{gap:2rem}.rcx-root .self-center{align-self:center}.rcx-root .overflow-hidden{overflow:hidden}.rcx-root .whitespace-nowrap{white-space:nowrap}.rcx-root .rounded-\[20px\]{border-radius:20px}.rcx-root .rounded-\[2px\]{border-radius:2px}.rcx-root .rounded-\[3px\]{border-radius:3px}.rcx-root .rounded-\[6px\]{border-radius:6px}.rcx-root .rounded-\[7px\]{border-radius:7px}.rcx-root .rounded-\[8px\]{border-radius:8px}.rcx-root .rounded-\[9px\]{border-radius:9px}.rcx-root .rounded-full{border-radius:9999px}.rcx-root .rounded-t-\[3px\]{border-top-left-radius:3px;border-top-right-radius:3px}.rcx-root .border{border-width:1px}.rcx-root .border-\[\#f16b37\]{--tw-border-opacity:1;border-color:rgb(241 107 55/var(--tw-border-opacity,1))}.rcx-root .border-\[rgba\(241\2c 107\2c 55\2c 0\.45\)\]{border-color:rgba(241,107,55,.45)}.rcx-root .border-\[rgba\(57\2c 81\2c 153\2c 0\.4\)\]{border-color:rgba(57,81,153,.4)}.rcx-root .border-\[rgba\(57\2c 81\2c 153\2c 0\.5\)\]{border-color:rgba(57,81,153,.5)}.rcx-root .border-white\/10{border-color:hsla(0,0%,100%,.1)}.rcx-root .bg-\[\#000618\]{--tw-bg-opacity:1;background-color:rgb(0 6 24/var(--tw-bg-opacity,1))}.rcx-root .bg-\[\#030c26\]{--tw-bg-opacity:1;background-color:rgb(3 12 38/var(--tw-bg-opacity,1))}.rcx-root .bg-\[\#173aa7\]{--tw-bg-opacity:1;background-color:rgb(23 58 167/var(--tw-bg-opacity,1))}.rcx-root .bg-\[\#395198\]{--tw-bg-opacity:1;background-color:rgb(57 81 152/var(--tw-bg-opacity,1))}.rcx-root .bg-\[\#f16b37\]{--tw-bg-opacity:1;background-color:rgb(241 107 55/var(--tw-bg-opacity,1))}.rcx-root .bg-\[rgba\(184\2c 202\2c 255\2c 0\.53\)\]{background-color:rgba(184,202,255,.53)}.rcx-root .bg-\[rgba\(184\2c 202\2c 255\2c 0\.67\)\]{background-color:rgba(184,202,255,.67)}.rcx-root .bg-\[rgba\(208\2c 72\2c 19\2c 0\.27\)\]{background-color:rgba(208,72,19,.27)}.rcx-root .bg-\[rgba\(208\2c 72\2c 19\2c 0\.53\)\]{background-color:rgba(208,72,19,.53)}.rcx-root .bg-\[rgba\(208\2c 72\2c 19\2c 0\.8\)\]{background-color:rgba(208,72,19,.8)}.rcx-root .bg-\[rgba\(23\2c 47\2c 119\2c 0\.35\)\]{background-color:rgba(23,47,119,.35)}.rcx-root .bg-\[rgba\(23\2c 58\2c 167\2c 0\.4\)\]{background-color:rgba(23,58,167,.4)}.rcx-root .bg-\[rgba\(241\2c 107\2c 55\2c 0\.2\)\]{background-color:rgba(241,107,55,.2)}.rcx-root .bg-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\]{background-color:hsla(0,0%,100%,.4)}.rcx-root .bg-\[rgba\(255\2c 255\2c 255\2c 0\.67\)\]{background-color:hsla(0,0%,100%,.67)}.rcx-root .bg-white\/20{background-color:hsla(0,0%,100%,.2)}.rcx-root .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.rcx-root .bg-white\/80{background-color:hsla(0,0%,100%,.8)}.rcx-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.rcx-root .from-\[\#ff8555\]{--tw-gradient-from:#ff8555 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,133,85,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rcx-root .to-\[\#d04813\]{--tw-gradient-to:#d04813 var(--tw-gradient-to-position)}.rcx-root .object-cover{-o-object-fit:cover;object-fit:cover}.rcx-root .p-7{padding:1.75rem}.rcx-root .px-8{padding-left:2rem;padding-right:2rem}.rcx-root .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.rcx-root .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.rcx-root .pl-1\.5{padding-left:.375rem}.rcx-root .pr-4{padding-right:1rem}.rcx-root .text-left{text-align:left}.rcx-root .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.rcx-root .text-5xl{font-size:3rem;line-height:1}.rcx-root .text-\[14px\]{font-size:14px}.rcx-root .text-\[16px\]{font-size:16px}.rcx-root .text-\[20px\]{font-size:20px}.rcx-root .text-\[8px\]{font-size:8px}.rcx-root .text-\[9px\]{font-size:9px}.rcx-root .text-xs{font-size:.75rem;line-height:1rem}.rcx-root .font-bold{font-weight:700}.rcx-root .leading-\[1\.3\]{line-height:1.3}.rcx-root .leading-\[1\.55\]{line-height:1.55}.rcx-root .tracking-\[0\.5px\]{letter-spacing:.5px}.rcx-root .tracking-\[0\.8px\]{letter-spacing:.8px}.rcx-root .tracking-tight{letter-spacing:-.025em}.rcx-root .text-\[\#97a5ce\]{--tw-text-opacity:1;color:rgb(151 165 206/var(--tw-text-opacity,1))}.rcx-root .text-\[\#c9d3f0\]{--tw-text-opacity:1;color:rgb(201 211 240/var(--tw-text-opacity,1))}.rcx-root .text-\[\#f16b37\]{--tw-text-opacity:1;color:rgb(241 107 55/var(--tw-text-opacity,1))}.rcx-root .text-\[\#ff8555\]{--tw-text-opacity:1;color:rgb(255 133 85/var(--tw-text-opacity,1))}.rcx-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rcx-root .text-white\/40{color:hsla(0,0%,100%,.4)}.rcx-root .text-white\/70{color:hsla(0,0%,100%,.7)}.rcx-root .text-white\/90{color:hsla(0,0%,100%,.9)}.rcx-root .shadow-\[0_16px_40px_-22px_rgba\(241\2c 107\2c 55\2c 0\.45\)\2c 0_20px_60px_-12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 16px 40px -22px rgba(241,107,55,.45),0 20px 60px -12px rgba(0,0,0,.6);--tw-shadow-colored:0 16px 40px -22px var(--tw-shadow-color),0 20px 60px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rcx-root .shadow-\[0_8px_24px_-4px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{--tw-shadow:0 8px 24px -4px rgba(0,0,0,.4);--tw-shadow-colored:0 8px 24px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rcx-root .outline-none{outline:2px solid transparent;outline-offset:2px}.rcx-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rcx-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.rcx-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rcx-root .transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rcx-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rcx-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rcx-root .duration-300{transition-duration:.3s}.rcx-root .hover\:border-\[rgba\(57\2c 81\2c 153\2c 0\.8\)\]:hover{border-color:rgba(57,81,153,.8)}.rcx-root .hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.rcx-root .hover\:bg-white\/40:hover{background-color:hsla(0,0%,100%,.4)}.rcx-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rcx-root .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rcx-root .focus-visible\:ring-white\/30:focus-visible{--tw-ring-color:hsla(0,0%,100%,.3)}@media not all and (min-width:768px){.rcx-root .max-md\:px-0{padding-left:0;padding-right:0}.rcx-root .max-md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.rcx-root .max-md\:\[zoom\:0\.8\]{zoom:.8}}
.rm-ri .rcx-slot:empty{min-height:760px}
.rm-ri .rcx-root{font-family:var(--font-ubuntu),system-ui,sans-serif}
.rm-ri .rcx-root button{font:inherit;cursor:pointer}

/* v90: kaarten in de carrousel altijd absoluut (thema/animatie zette ze op relative) */
.rm-ri .rcx-root button[role="option"]{position:absolute!important;box-sizing:border-box;margin:-218px 0 0 -150px!important;left:50%!important;float:none}
.rm-ri .rcx-root [role="region"]>div:first-child{position:relative}

/* v91: onderzoekersfoto in de pill kleiner en netjes ingepast */
.rm-ri .rcx-root button[role="option"] span.h-8.w-8{width:26px!important;height:26px!important}
.rm-ri .rcx-root button[role="option"] span.h-8.w-8 img{transform:scale(1.15)!important;width:100%;height:100%}
.rm-ri .rcx-root button[role="option"] div.rounded-full{padding-top:5px!important;padding-bottom:5px!important;padding-left:5px!important;gap:8px}

/* v92: onderzoekersfoto middenmaat (30px) */
.rm-ri .rcx-root button[role="option"] span.h-8.w-8{width:30px!important;height:30px!important}
.rm-ri .rcx-root button[role="option"] div.rounded-full{padding-top:4px!important;padding-bottom:4px!important;padding-left:4px!important}

/* v93: onderzoekersfoto terug naar het origineel uit het pakket (32px, scale 1.3) */
.rm-ri .rcx-root button[role="option"] span.h-8.w-8{width:32px!important;height:32px!important}
.rm-ri .rcx-root button[role="option"] span.h-8.w-8 img{transform:scale(1.3)!important}
.rm-ri .rcx-root button[role="option"] div.rounded-full{padding-top:6px!important;padding-bottom:6px!important;padding-left:6px!important;gap:10px}

/* v94: Rico + quote in de methode-sectie, rechts onder het fasepaneel */
.rm-ri .rm-meth{position:relative}
.rm-ri .rm-meth-human{position:absolute;z-index:2;right:0;bottom:0;width:536px;max-width:46%;pointer-events:none}
.rm-ri .rm-meth-rico{display:block;width:60%;height:auto;margin-left:auto;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.rm-ri .rm-meth-bubble{position:absolute;left:0;top:0;width:54%;padding:12px 16px;background:#0d1130;border:1px solid rgba(110,125,210,.28);border-radius:14px}
.rm-ri .rm-meth-bubble::after{content:"";position:absolute;right:-7px;top:34px;width:12px;height:12px;background:#0d1130;border-top:1px solid rgba(110,125,210,.28);border-right:1px solid rgba(110,125,210,.28);border-radius:2px;transform:rotate(45deg)}
.rm-ri .rm-meth-who{margin:0 0 4px;font-size:12px;line-height:1.3;color:#fff}
.rm-ri .rm-meth-who b{font-weight:700}.rm-ri .rm-meth-who span{margin-left:8px;color:#97a5ce}
.rm-ri .rm-meth-q{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.78)}
@media (max-width:767px){.rm-ri .rm-meth-human{display:none}}

/* v95: Rico groter */
.rm-ri .rm-meth-human{width:536px;max-width:none}
.rm-ri .rm-meth-rico{width:78%}
.rm-ri .rm-meth-bubble{width:50%;top:8px}

/* v96: Rico links (gespiegeld, zodat hij naar het wolkje wijst), wolkje rechts */
.rm-ri .rm-meth-rico{margin-left:0;margin-right:auto;transform:scaleX(-1)}
.rm-ri .rm-meth-bubble{left:auto;right:0;top:8px;width:50%}
.rm-ri .rm-meth-bubble::after{right:auto;left:-7px;top:34px;border:0;border-left:1px solid rgba(110,125,210,.28);border-bottom:1px solid rgba(110,125,210,.28)}

/* v97: foto niet gespiegeld; Rico links, wolkje rechts */
.rm-ri .rm-meth-rico{transform:none}
.rm-ri .rm-meth-bubble::after{display:none}

/* v98: Rico iets naar links zodat zijn hoofd vrij blijft van het wolkje */
.rm-ri .rm-meth-rico{margin-left:-70px}

/* v99: echte spraakwolk met staartje naar Rico; Rico verder naar links */
.rm-ri .rm-meth-rico{margin-left:-135px}
.rm-ri .rm-meth-bubble{border-radius:16px;padding:14px 18px;top:6px}
.rm-ri .rm-meth-bubble::after{display:block;content:"";position:absolute;left:-8px;top:46px;right:auto;width:14px;height:14px;background:#0d1130;border:0;border-left:1px solid rgba(110,125,210,.28);border-bottom:1px solid rgba(110,125,210,.28);border-radius:0 0 0 3px;transform:rotate(45deg)}

/* v100: spraakwolk lager, staartje blijft op gezichtshoogte */
.rm-ri .rm-meth-bubble{top:46px}
.rm-ri .rm-meth-bubble::after{top:22px}

/* v101: spraakwolk nog iets lager */
.rm-ri .rm-meth-bubble{top:72px}

/* v102: de pijl loopt rond het spoor: versnelt, schiet door, trekt zichzelf terug, gloeit, pauze, herhaal */
.rm-ri .rm-loop{position:relative}
.rm-ri .rm-loop-track{position:absolute;inset:0;display:block}
.rm-ri .rm-loop-arrow{position:absolute;left:0;top:0;width:16px;height:18px;display:block;
offset-path:path("M140 14.5 H253.25 A25.75 25.75 0 0 1 253.25 66 H26.75 A25.75 25.75 0 0 1 26.75 14.5 H140 Z");
offset-rotate:auto;offset-anchor:50% 50%;offset-distance:0%;will-change:offset-distance,filter;
animation:rm-loop-run 6s linear infinite,rm-loop-glow 6s linear infinite}
.rm-ri .rm-loop-arrow svg{display:block}
@keyframes rm-loop-run{
0%{offset-distance:0%;animation-timing-function:cubic-bezier(.55,.06,.88,.5)}
56%{offset-distance:100%;animation-timing-function:cubic-bezier(.12,.75,.3,1)}
65%{offset-distance:105.5%;animation-timing-function:cubic-bezier(.45,0,.35,1)}
76%{offset-distance:100%}
100%{offset-distance:100%}}
@keyframes rm-loop-glow{
0%,40%{filter:drop-shadow(0 0 0 rgba(255,133,85,0))}
56%{filter:drop-shadow(0 0 6px rgba(255,133,85,.95)) drop-shadow(0 0 14px rgba(241,107,55,.7))}
66%{filter:drop-shadow(0 0 8px rgba(255,160,110,1)) drop-shadow(0 0 18px rgba(241,107,55,.85))}
82%{filter:drop-shadow(0 0 4px rgba(255,133,85,.5))}
92%,100%{filter:drop-shadow(0 0 0 rgba(255,133,85,0))}}
@media (prefers-reduced-motion:reduce){.rm-ri .rm-loop-arrow{animation:none;offset-distance:0%}}

.rm-ri .rm-cta-after{margin-top:20px}

/* v103: Hessel (wijst omlaag) op de bovenrand van de rechter case-kaart, zoals op /gratis-tools/ */
.rm-ri div:has(> .rm-case-human){position:relative}
.rm-ri .rm-case-human{position:absolute;z-index:3;top:-145px;left:calc((100% - 40px) / 3 * 2 + 40px + 28px);width:200px;height:auto;transform:scaleX(-1);filter:drop-shadow(0 16px 34px rgba(8,40,140,.55));pointer-events:none}
@media (max-width:1199px){.rm-ri .rm-case-human{display:none}}

/* v104: Hessel gespiegeld t.o.v. de vorige stand (dus de originele foto) */
.rm-ri .rm-case-human{transform:none}

/* v105: Hessel een stukje naar rechts */
.rm-ri .rm-case-human{left:calc((100% - 40px) / 3 * 2 + 40px + 78px)}

/* v106: Hessel nog iets naar rechts */
.rm-ri .rm-case-human{left:calc((100% - 40px) / 3 * 2 + 40px + 108px)}

/* v107: bij hover op een case-kaart licht PROBLEEM, INZICHT en RESULTAAT één voor één oranje op (3s per stuk, loop) */
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:first-child{color:#97a5ce}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:last-child{color:rgba(255,255,255,.58);font-weight:400}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p{transition:color .4s ease}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p{animation-delay:0s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p{animation-delay:3s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p{animation-delay:6s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:first-child{animation:rm-hl-label 9s linear infinite both;animation-delay:inherit}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:last-child{animation:rm-hl-text 9s linear infinite both}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p:last-child{animation-delay:0s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:last-child{animation-delay:3s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p:last-child{animation-delay:6s}
@keyframes rm-hl-label{0%{color:#97a5ce}4%,30%{color:#f16b37}34%,100%{color:#97a5ce}}
@keyframes rm-hl-text{0%{color:rgba(255,255,255,.58)}4%,30%{color:#fff}34%,100%{color:rgba(255,255,255,.58)}}
@media (prefers-reduced-motion:reduce){.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p{animation:none}}

/* v108: !important in de basiskleuren blokkeerde de animatie; gelijk overschreven zonder !important */
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:first-child{color:#97a5ce}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:last-child{color:rgba(255,255,255,.58);font-weight:400}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:first-child{animation:rm-hl-label 9s linear infinite both}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:last-child{animation:rm-hl-text 9s linear infinite both}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p{animation-delay:0s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p{animation-delay:3s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p{animation-delay:6s}

/* v109: alleen de kopjes (PROBLEEM / INZICHT / RESULTAAT) lichten één voor één oranje op bij hover; teksten blijven zoals ze waren */
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:last-child{animation:none;color:inherit;font-weight:inherit}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p:last-child{color:#fff;font-weight:400}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:last-child{color:#fff;font-weight:700}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p:last-child{color:#b8caff;font-weight:400}

/* v110: volgens de styleguide: actief blok (kopje + tekst) oranje, de andere twee gedempt blauw; één voor één, 3s per stuk */
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div>p:first-child{color:#97a5ce;animation:rm-hl-label 9s linear infinite both}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(n)>p:last-child{color:#b8caff;font-weight:400;animation:rm-hl-text2 9s linear infinite both}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:last-child{font-weight:700}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p{animation-delay:0s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p{animation-delay:3s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p{animation-delay:6s}
@keyframes rm-hl-text2{0%{color:#b8caff}4%,30%{color:#f16b37}34%,100%{color:#b8caff}}

/* v111: vertragingen op dezelfde specificiteit als de animatie, zodat tekst en kopje samen aan de beurt zijn */
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(1)>p:last-child{animation-delay:0s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(2)>p:last-child{animation-delay:3s}
.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p:first-child,.rm-ri .group:hover>div.absolute.inset-0>div.flex-col.gap-\[15px\]>div:nth-child(3)>p:last-child{animation-delay:6s}

/* v112: Inzichten-kaarten: pixel-effect bij hover (zoals de SEA-pagina) + RM-cijfer (Gilroy 800, spookkleur) in de hoek */
.rm-ri .rm-ins{position:relative;overflow:hidden;border:1px solid transparent;transition:border-color .2s ease}
.rm-ri .rm-ins:hover{border-color:rgba(241,107,55,.45)}
.rm-ri .rm-ins>.rm-pxc-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.rm-ri .rm-ins>div{position:relative;z-index:1}
.rm-ri .rm-card-num{pointer-events:none;position:absolute;z-index:0;left:14px;top:2px;font-family:var(--font-gilroy),"Gilroy","Ubuntu",sans-serif;font-weight:800;font-size:3.75rem;line-height:1;letter-spacing:-.02em;color:rgba(255,255,255,.10);transition:color .3s ease}
.rm-ri .rm-ins:hover .rm-card-num{color:rgba(241,107,55,.28)}
.rm-ri .rm-ins>div:first-of-type p[class*="tracking-[2px]"][class*="text-brand"]{display:none}
@media (max-width:767px){.rm-ri .rm-card-num{font-size:2.75rem;left:10px}}

/* v113: pixel-canvas en cijfer liggen over de kaart heen, buiten de flex-indeling */
.rm-ri .rm-ins>pixel-canvas.rm-pxc-fx{position:absolute!important;inset:0;width:100%;height:100%;flex:none;display:block;margin:0}
.rm-ri .rm-ins>.rm-card-num{position:absolute!important;flex:none;width:auto;margin:0}
.rm-ri .rm-ins>div{flex:1 1 0;min-width:0}
.rm-ri .rm-ins>div:last-child{flex:0 0 auto}

/* v114: oud cijfer overal weg (we hebben het hoekcijfer); hoekcijfer staat aan de tekstkant (even kaarten rechts) */
.rm-ri .rm-ins p[class*="tracking-[2px]"][class*="text-brand"]{display:none}
.rm-ri .rm-ins:nth-of-type(even)>.rm-card-num{left:auto;right:14px}

/* v115: hover precies zoals de kaarten op /google-ads-groei-analyse-2026/: pixels (blauw+oranje, 88%), donkere sluier onderin, oranje rand, cijfer wordt oranje */
.rm-ri .rm-ins{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:16px;transition:border-color .25s ease,background-color .25s ease}
.rm-ri .rm-ins:hover{border-color:rgba(255,133,85,.45);background:rgba(255,255,255,.06)}
.rm-ri .rm-ins>.rm-pxc-fx{opacity:.88}
.rm-ri .rm-ins::after{content:"";position:absolute;left:0;right:0;bottom:0;height:82%;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(2,7,24,0) 0%,rgba(2,7,24,.26) 28%,rgba(2,7,24,.44) 60%,rgba(2,7,24,.50) 100%);opacity:0;transition:opacity .4s ease}
.rm-ri .rm-ins:hover::after{opacity:1}
.rm-ri .rm-ins>.rm-card-num{left:6px;right:auto;top:-2px;color:rgba(255,255,255,.10)}
.rm-ri .rm-ins:nth-of-type(even)>.rm-card-num{left:auto;right:6px}
.rm-ri .rm-ins:hover>.rm-card-num{color:rgba(255,102,0,.34)}
@media (prefers-reduced-motion:reduce){.rm-ri .rm-ins::after{transition:none}}

/* ===== Blok De Volle Cirkel (Manifest 11) ===== */
 + markup + <script>, zonder dependencies.
     - Alle klassen hebben de prefix rmvc- en alle CSS hangt onder .rmvc
     - Geen <header>, geen links, geen data:-afbeeldingen (WP-huls-proof)
     - Fonts: Gilroy 700 zit ingebakken; Ubuntu komt van Google Fonts
       (haal die <link> weg als de pagina Ubuntu al laadt)
     - Respecteert prefers-reduced-motion
     ============================================================ -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400&display=swap">
<style>
  @font-face {
    font-family: "rmvc-gilroy";
    src: url(/pages_static/research-innovation/rmvc-gilroy-700.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  .rmvc {
    --rmvc-bg: #000618;
    --rmvc-card: #0a1336;
    --rmvc-line: rgba(57, 81, 153, 0.4);
    --rmvc-line-hover: rgba(57, 81, 153, 0.8);
    --rmvc-fg: #ffffff;
    --rmvc-muted: #97a5ce;
    --rmvc-dim: #97a5ce;
    --rmvc-eyebrow: #d4d8e0;
    --rmvc-orange: #f16b37;
    --rmvc-sans: "Ubuntu", system-ui, sans-serif;
    --rmvc-display: "rmvc-gilroy", "Gilroy", "Ubuntu", system-ui, sans-serif;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 96px 32px;
    background:
      radial-gradient(ellipse 70% 40% at 50% 0%, rgba(8, 40, 139, 0.28), transparent 70%),
      var(--rmvc-bg);
    color: var(--rmvc-fg);
    font-family: var(--rmvc-sans);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    overflow: hidden;
    overflow: clip;
  }
  .rmvc *, .rmvc *::before, .rmvc *::after { box-sizing: border-box; }
  .rmvc p, .rmvc h2 { margin: 0; padding: 0; }
  .rmvc svg { overflow: visible; }

  .rmvc .rmvc-wrap { max-width: 1180px; margin: 0 auto; }

  /* Kop */
  .rmvc .rmvc-intro { display: flex; flex-direction: column; max-width: 720px; margin-bottom: 48px; }
  .rmvc .rmvc-eyebrow { position: relative; display: inline-block; align-self: flex-start; margin-left: 14px; padding-top: 10px;
    font: 700 14px/1.3 var(--rmvc-sans); text-transform: uppercase; letter-spacing: .171em; color: var(--rmvc-eyebrow); }
  .rmvc .rmvc-eyebrow::before { content: ""; position: absolute; left: -14px; top: 0; width: 14px; height: 14px; background: var(--rmvc-orange);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%); filter: drop-shadow(0 0 4px rgba(241,107,55, .55)); }
  .rmvc .rmvc-title { margin-top: 12px; font-family: var(--rmvc-display); font-weight: 700; font-size: 48px; line-height: 1.08;
    letter-spacing: -1px; color: var(--rmvc-fg); text-wrap: balance; }
  .rmvc .rmvc-lead { margin-top: 24px; font: 400 17px/1.55 var(--rmvc-sans); color: var(--rmvc-muted); }

  /* Grid: 01 + 02 naast elkaar, 03 over de volle breedte */
  .rmvc .rmvc-fases { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 28px; }
  .rmvc .rmvc-fase { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
  .rmvc .rmvc-fase--wide { grid-column: 1 / -1; }

  .rmvc .rmvc-card { position: relative; border-radius: 20px; border: 1px solid var(--rmvc-line); background: var(--rmvc-card);
    padding: 28px; transition: border-color .3s ease; }
  .rmvc .rmvc-label { font: 700 12px/1.4 var(--rmvc-sans); text-transform: uppercase; letter-spacing: 1.8px; color: var(--rmvc-muted); }
  .rmvc .rmvc-note { position: absolute; bottom: 22px; right: 28px; font: italic 400 12px/1.4 var(--rmvc-sans); color: var(--rmvc-dim); }
  .rmvc .rmvc-orbit { padding: 20px 8px 28px; }
  .rmvc .rmvc-orbit svg { display: block; width: 100%; height: auto; }

  .rmvc .rmvc-copy { display: flex; flex-direction: column; gap: 8px; padding-right: 12px; }
  .rmvc .rmvc-count { font: 700 14px/1.4 var(--rmvc-sans); letter-spacing: 1px; color: var(--rmvc-orange); font-variant-numeric: tabular-nums; }
  .rmvc .rmvc-statement { font-family: var(--rmvc-display); font-weight: 700; font-size: 24px; line-height: 1.3; color: var(--rmvc-fg);
    text-wrap: balance; max-width: 34ch; }
  .rmvc .rmvc-fase--wide .rmvc-statement { max-width: 46ch; }

  /* Orbit-animaties */
  .rmvc .rmvc-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: rmvc-draw 1.6s ease-out forwards; }
  .rmvc .rmvc-planet { opacity: 0; animation: rmvc-planet-in .8s ease-out forwards; }
  .rmvc .rmvc-core { animation: rmvc-core-pulse 4s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
  .rmvc .rmvc-glow { animation: rmvc-glow-pulse 4s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
  .rmvc .rmvc-orbit-label { fill: #97a5ce; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; font-family: var(--rmvc-sans); }
  @keyframes rmvc-draw { to { stroke-dashoffset: 0; } }
  @keyframes rmvc-planet-in { to { opacity: 1; } }
  @keyframes rmvc-core-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
  @keyframes rmvc-glow-pulse { 0%, 100% { opacity: .55; transform: scale(1); } 50% { opacity: .85; transform: scale(1.12); } }

  /* Fase 03: openklikbare kaart */
  .rmvc .rmvc-shell { perspective: 1400px; cursor: pointer; -webkit-user-select: none; user-select: none; border-radius: 20px; outline: none; }
  .rmvc .rmvc-shell:focus-visible { outline: 2px solid var(--rmvc-orange); outline-offset: 4px; }
  .rmvc .rmvc-card.rmvc-expand { padding: 0; overflow: hidden; transform-style: preserve-3d; will-change: transform; }
  .rmvc .rmvc-expand.rmvc-ready { transition: height .65s cubic-bezier(.22, 1, .36, 1), border-color .3s ease; }
  .rmvc .rmvc-shell:hover .rmvc-expand { border-color: var(--rmvc-line-hover); }
  .rmvc .rmvc-panel { position: absolute; top: 0; left: 0; right: 0; transition: opacity .3s ease, transform .3s ease; }
  .rmvc .rmvc-panel[aria-hidden="true"] { pointer-events: none; }

  .rmvc .rmvc-closed { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 12px 32px; padding: 28px 36px 28px 28px; }
  .rmvc .rmvc-closed .rmvc-label { grid-column: 1 / -1; }
  .rmvc .rmvc-closed .rmvc-orbit { padding: 8px; }
  .rmvc.rmvc-is-open .rmvc-closed { opacity: 0; transform: scale(.98); }

  .rmvc .rmvc-prompt { display: flex; flex-direction: column; gap: 14px; padding-bottom: 8px; }
  .rmvc .rmvc-kicker { font: 700 13px/1.4 var(--rmvc-sans); text-transform: uppercase; letter-spacing: 3px; color: var(--rmvc-muted); }
  .rmvc .rmvc-prompt-title { font-family: var(--rmvc-display); font-weight: 700; font-size: 28px; line-height: 1.2; color: var(--rmvc-fg);
    text-wrap: balance; transition: transform .35s cubic-bezier(.34, 1.56, .64, 1); }
  .rmvc .rmvc-prompt-title span { color: var(--rmvc-orange); }
  .rmvc .rmvc-shell:hover .rmvc-prompt-title { transform: translateX(4px); }
  .rmvc .rmvc-underline { height: 1px; background: linear-gradient(90deg, rgba(241,107,55, .7), rgba(184, 202, 255, .25), transparent);
    transform: scaleX(.3); transform-origin: 0 50%; transition: transform .4s ease-out; }
  .rmvc .rmvc-shell:hover .rmvc-underline { transform: scaleX(1); }
  .rmvc .rmvc-cta { align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; margin-top: 6px; border-radius: 98px;
    padding: 7px 7px 7px 22px; font: 700 15px/1 var(--rmvc-sans); color: #fff; background: var(--rmvc-orange);
    box-shadow: 0 12px 40px rgba(241,107,55, .28); transition: background-color .27s ease, transform .32s cubic-bezier(.34, 1.56, .64, 1); }
  .rmvc .rmvc-shell:hover .rmvc-cta { background: #ff7d2a; transform: translateY(-2px); }
  .rmvc .rmvc-cta-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: var(--rmvc-orange); }
  .rmvc .rmvc-cta-icon svg { width: 14px; height: 14px; }

  .rmvc .rmvc-open { padding: 26px 28px 30px; display: flex; flex-direction: column; align-items: center; gap: 14px; opacity: 0; }
  .rmvc.rmvc-is-open .rmvc-open { opacity: 1; transition-delay: .12s; }
  .rmvc .rmvc-open-head { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
  .rmvc .rmvc-open-title { font: 700 13px/1.4 var(--rmvc-sans); text-transform: uppercase; letter-spacing: 3px; color: var(--rmvc-muted); }
  .rmvc button.rmvc-close { -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; gap: 6px; height: auto; min-height: 0;
    margin: 0; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--rmvc-line-hover); background: rgba(255, 255, 255, .04);
    color: var(--rmvc-muted); font: 700 11px/1 var(--rmvc-sans); letter-spacing: 1.2px; text-transform: uppercase; cursor: pointer; box-shadow: none; }
  .rmvc button.rmvc-close:hover { color: #fff; border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .06); }
  .rmvc button.rmvc-close:focus-visible { outline: 2px solid var(--rmvc-orange); outline-offset: 2px; }
  .rmvc button.rmvc-close svg { width: 12px; height: 12px; }
  .rmvc .rmvc-galaxy { width: 100%; max-width: 1100px; min-height: 320px; }
  .rmvc .rmvc-galaxy canvas { display: block; width: 100%; }
  .rmvc .rmvc-foot { width: 100%; max-width: 960px; display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap;
    opacity: 0; transform: translateY(-8px); transition: opacity .3s ease, transform .3s ease; }
  .rmvc.rmvc-is-open .rmvc-foot { opacity: 1; transform: none; transition-delay: .5s; }
  .rmvc .rmvc-foot p { font: 700 12px/1.4 var(--rmvc-sans); text-transform: uppercase; letter-spacing: 1.5px; color: var(--rmvc-dim); }
  .rmvc .rmvc-foot p + p { color: var(--rmvc-orange); }

  @media (max-width: 820px) {
    .rmvc { padding: 56px 16px; }
    .rmvc .rmvc-title { font-size: 30px; line-height: 1.15; }
    .rmvc .rmvc-lead { font-size: 15px; }
    .rmvc .rmvc-fases { grid-template-columns: 1fr; gap: 40px; }
    .rmvc .rmvc-card { padding: 22px; }
    .rmvc .rmvc-closed { grid-template-columns: 1fr; padding: 22px; }
    .rmvc .rmvc-statement { font-size: 19px; }
    .rmvc .rmvc-prompt-title { font-size: 22px; }
    .rmvc .rmvc-open { padding: 20px 16px 24px; }
    .rmvc .rmvc-foot { flex-direction: column; align-items: center; text-align: center; gap: 6px; }
    .rmvc .rmvc-note { bottom: 18px; right: 22px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .rmvc .rmvc-core, .rmvc .rmvc-draw, .rmvc .rmvc-glow, .rmvc .rmvc-planet { animation: none; opacity: 1; stroke-dashoffset: 0; }
    .rmvc .rmvc-expand.rmvc-ready, .rmvc .rmvc-panel, .rmvc .rmvc-foot, .rmvc .rmvc-prompt-title, .rmvc .rmvc-underline, .rmvc .rmvc-cta { transition: none; }
  }

.rm-ri .rmvc-host{display:block}

/* v116: rechterkolom naast de kop teruggezet (alinea + drie punten) */
.rmvc .rmvc-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:start}
.rmvc .rmvc-intro>.rmvc-eyebrow,.rmvc .rmvc-intro>.rmvc-title,.rmvc .rmvc-intro>.rmvc-lead{grid-column:1}
.rmvc .rmvc-intro>.rmvc-intro-r{grid-column:2;grid-row:1 / span 3;padding-top:8px;display:flex;flex-direction:column;gap:20px}
.rmvc .rmvc-intro-p{margin:0;font-size:18px;line-height:1.55;color:#b8caff}
.rmvc .rmvc-intro-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.rmvc .rmvc-intro-ul li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:#fff}
.rmvc .rmvc-intro-ul svg{flex:none;margin-top:3px;width:18px;height:18px;color:#f16b37}
@media (max-width:820px){.rmvc .rmvc-intro{display:block}.rmvc .rmvc-intro>.rmvc-intro-r{margin-top:24px}.rmvc .rmvc-intro-p{font-size:15px}.rmvc .rmvc-intro-ul li{font-size:15px}}

/* v117: intro over de volle breedte van het blok */
.rmvc .rmvc-intro{max-width:none;width:100%}
.rmvc .rmvc-intro>.rmvc-title{max-width:none}

/* ===== Bento: "Waar Search heen gaat" (donker, naar het voorbeeld van de linkbuilding-pagina) ===== */
.rm-ri .rmbn-host{display:block}
.rm-ri .rmbn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1136px;margin:0 auto}
.rm-ri .rmbn-t{position:relative;overflow:hidden;border-radius:16px;padding:24px;background:#0a1336;border:1px solid rgba(57,81,153,.4);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:space-between;min-height:210px;transition:border-color .25s ease}
.rm-ri .rmbn-t:hover{border-color:rgba(255,133,85,.45)}
.rm-ri .rmbn-wide{grid-column:span 2;justify-content:center}
.rm-ri .rmbn-tall{grid-row:span 2;background:linear-gradient(160deg,#16225a 0%,#0a1336 55%,#010922 100%)}
.rm-ri .rmbn-txt{position:relative;z-index:3}
.rm-ri .rmbn-wide .rmbn-txt{max-width:58%}
.rm-ri .rmbn-t h3{margin:0 0 6px;font-family:var(--font-gilroy),"Gilroy","Ubuntu",sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,21px);line-height:1.3;color:#fff}
.rm-ri .rmbn-wide h3{font-size:clamp(20px,2.2vw,24px)}
.rm-ri .rmbn-t p{margin:0;font-size:14px;line-height:1.6;color:#b8caff}
.rm-ri .rmbn-nr{position:absolute;right:-12px;bottom:-30px;font-family:var(--font-gilroy),"Gilroy","Ubuntu",sans-serif;font-weight:800;font-size:clamp(6rem,9vw,8rem);line-height:1;letter-spacing:-.04em;color:rgba(241,107,55,.16);pointer-events:none;user-select:none;z-index:1;transition:transform .7s ease,color .3s ease}
.rm-ri .rmbn-tall .rmbn-nr{font-size:clamp(9rem,13vw,12rem);color:rgba(184,202,255,.12)}
.rm-ri .rmbn-t:hover .rmbn-nr{transform:scale(1.05);color:rgba(241,107,55,.26)}
.rm-ri .rmbn-art{position:relative;z-index:2}
/* 01 robot */
.rm-ri .rmbn-robot{position:absolute;right:clamp(10px,2.2vw,34px);top:50%;transform:translateY(-50%);height:150%;width:auto;max-width:none;opacity:.5;pointer-events:none;transition:opacity .32s ease}
.rm-ri .rmbn-t:hover .rmbn-robot{opacity:1}
/* 02 avatars */
.rm-ri .rmbn-av{display:flex;align-items:center;height:64px;margin-bottom:18px}
.rm-ri .rmbn-av span{position:relative;display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #0a1336,0 2px 8px rgba(0,0,0,.4);transition:transform .38s cubic-bezier(.34,1.56,.64,1)}
.rm-ri .rmbn-av span+span{margin-left:-14px}
.rm-ri .rmbn-av img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.25)}
.rm-ri .rmbn-t:hover .rmbn-av span:nth-child(odd){transform:translateY(-4px) scale(1.08)}
.rm-ri .rmbn-t:hover .rmbn-av span:nth-child(even){transform:translateY(4px) scale(1.08)}
/* 03 stack */
.rm-ri .rmbn-stack{display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:14px}
.rm-ri .rmbn-stack-in{position:relative;width:100%;max-width:150px;aspect-ratio:4/3;transition:transform .3s ease-out}
.rm-ri .rmbn-t:hover .rmbn-stack-in{transform:translateY(-6px) scale(1.05)}
.rm-ri .rmbn-c{position:absolute;inset:0;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .3s ease-out}
.rm-ri .rmbn-c1{background:#08288b;transform:rotate(-12deg) translate(-10px,10px)}
.rm-ri .rmbn-c2{background:#16225a;transform:rotate(-9deg) translate(-8px,8px)}
.rm-ri .rmbn-c3{background:#243368;transform:rotate(-6deg) translate(-5px,5px)}
.rm-ri .rmbn-c4{background:#395199;transform:rotate(-3deg) translate(-3px,3px)}
.rm-ri .rmbn-t:hover .rmbn-c1{transform:rotate(-20deg) translate(-20px,20px)}
.rm-ri .rmbn-t:hover .rmbn-c2{transform:rotate(-15deg) translate(-16px,16px)}
.rm-ri .rmbn-t:hover .rmbn-c3{transform:rotate(-10deg) translate(-10px,10px)}
.rm-ri .rmbn-t:hover .rmbn-c4{transform:rotate(-5deg) translate(-5px,5px)}
.rm-ri .rmbn-front{position:absolute;inset:0;border-radius:10px;background:#000c32;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(184,202,255,.35);box-shadow:0 18px 40px rgba(0,0,0,.5);background-image:linear-gradient(to right,rgba(184,202,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(184,202,255,.05) 1px,transparent 1px);background-size:10px 10px}
.rm-ri .rmbn-dots{display:flex;gap:2px}
.rm-ri .rmbn-dots i{display:block;height:9px;border-radius:2px;background:#f16b37}
.rm-ri .rmbn-dots i:nth-child(1){width:6px}.rm-ri .rmbn-dots i:nth-child(2){width:3px}.rm-ri .rmbn-dots i:nth-child(3){width:6px;background:rgba(241,107,55,.4)}
.rm-ri .rmbn-front-t{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:14px;line-height:1.1;letter-spacing:-.02em;margin:auto 0 6px}
.rm-ri .rmbn-front-f{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:7px;letter-spacing:.12em;color:#97a5ce;display:flex;gap:3px}
.rm-ri .rmbn-blink{animation:rmbn-blink 1.1s steps(1,end) infinite}
@keyframes rmbn-blink{50%{opacity:0}}
/* 04 pipe */
.rm-ri .rmbn-pipe{display:flex;align-items:flex-start;justify-content:space-between;gap:2px;margin-bottom:16px}
.rm-ri .rmbn-step{display:flex;flex-direction:column;align-items:center;gap:4px}
.rm-ri .rmbn-step i{display:inline-flex;color:#f16b37}
.rm-ri .rmbn-step i svg{width:20px;height:20px;display:block}
.rm-ri .rmbn-step em{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:.14em;color:#97a5ce}
.rm-ri .rmbn-car{margin-top:4px;color:#395199;transition:color .3s ease}
.rm-ri .rmbn-car svg{width:10px;height:10px;display:block}
.rm-ri .rmbn-t:hover .rmbn-car{color:#f16b37}
/* 05 fragmentatie */
.rm-ri .rmbn-frag{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0;z-index:2;opacity:.9}
.rm-ri .rmbn-chips{display:flex;flex-direction:column;gap:8px}
.rm-ri .rmbn-chip{display:inline-flex;align-items:center;height:26px;padding:4px 12px;border-radius:999px;border:1px solid rgba(57,81,153,.7);background:rgba(8,40,139,.18);color:#b8caff;font-size:12px;font-weight:500;letter-spacing:.04em;white-space:nowrap}
.rm-ri .rmbn-conv{width:60px;height:130px;color:#395199;transition:color .3s ease}
.rm-ri .rmbn-t:hover .rmbn-conv{color:#f16b37}
.rm-ri .rmbn-intent{display:inline-flex;align-items:center;height:30px;padding:4px 14px;border-radius:999px;border:1px solid rgba(241,107,55,.55);background:rgba(241,107,55,.12);color:#f16b37;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* 06 groei */
.rm-ri .rmbn-bars{position:relative;display:flex;align-items:flex-end;gap:5px;height:70px;margin-bottom:16px;padding-bottom:14px}
.rm-ri .rmbn-bars i{flex:1;max-width:22px;border-radius:3px 3px 0 0;background:#395199;transition:background-color .3s ease}
.rm-ri .rmbn-bars i:nth-last-child(-n+4){background:linear-gradient(180deg,#ff8555,#d04813)}
.rm-ri .rmbn-bars em{position:absolute;left:0;bottom:-2px;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#97a5ce}
@media (max-width:900px){.rm-ri .rmbn{grid-template-columns:minmax(0,1fr)}.rm-ri .rmbn-wide,.rm-ri .rmbn-tall{grid-column:span 1;grid-row:span 1}.rm-ri .rmbn-wide .rmbn-txt{max-width:100%}.rm-ri .rmbn-robot,.rm-ri .rmbn-frag{display:none}.rm-ri .rmbn-t{min-height:0}}
@media (prefers-reduced-motion:reduce){.rm-ri .rmbn-blink{animation:none}}

/* v118: bij de brede tegels positioneren robot en fragmentatie t.o.v. de tegel zelf */
.rm-ri .rmbn-wide .rmbn-art{position:static}
.rm-ri .rmbn-wide .rmbn-robot{height:135%;right:clamp(10px,3vw,48px)}
.rm-ri .rmbn-tall .rmbn-av span{width:60px;height:60px}
.rm-ri .rmbn-tall .rmbn-av{height:72px}

/* v119: FAQ volgens de RM-styleguide: één navy kaart met 1px lijnen tussen de rijen, vraag Ubuntu 700 wit, antwoord Ubuntu 400 wit 15/1.55, plus/min-chip van 28px die draait (320ms), rijpadding 19/20, radius 16 */
.rm-ri #faq .flex-1.flex-col.gap-5{gap:0;background:#000c32;border:1px solid rgba(57,81,153,.4);border-radius:16px;overflow:hidden}
.rm-ri #faq .flex-1.flex-col.gap-5>div{border:0;border-radius:0;background:transparent;border-top:1px solid rgba(57,81,153,.4)}
.rm-ri #faq .flex-1.flex-col.gap-5>div:first-child{border-top:0}
.rm-ri #faq button[aria-expanded]{padding:19px 20px;transition:background-color .32s cubic-bezier(.34,1.56,.64,1)}
.rm-ri #faq button[aria-expanded]:hover{background:rgba(255,255,255,.03)}
.rm-ri #faq button[aria-expanded]>span:first-child{font-family:var(--font-ubuntu),system-ui,sans-serif;font-weight:700;font-size:17px;line-height:1.4;color:#fff}
.rm-ri #faq button[aria-expanded]>svg{display:none}
.rm-ri #faq button[aria-expanded]::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-ubuntu),system-ui,sans-serif;font-size:20px;font-weight:400;line-height:1;color:#f16b37;background:rgba(241,107,55,.10);border:1px solid rgba(241,107,55,.45);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}
.rm-ri #faq button[aria-expanded="true"]::after{content:"\2212";transform:rotate(180deg)}
.rm-ri #faq .grid.transition-all{transition-duration:.32s}
.rm-ri #faq .grid.transition-all p{font-family:var(--font-ubuntu),system-ui,sans-serif;font-weight:400;font-size:15px;line-height:1.55;color:#fff;padding:0 20px 20px}
.rm-ri #faq .h-\[401px\]{border:1px solid rgba(57,81,153,.4);border-radius:16px;background:#0a1336}
@media (max-width:767px){.rm-ri #faq button[aria-expanded]{padding:16px}.rm-ri #faq .grid.transition-all p{padding:0 16px 16px}}

/* v120: thema zet buttons op 38px hoogte en eigen padding; herstel de 19/20 rijpadding uit de styleguide */
.rm-ri #faq button[aria-expanded]{height:auto!important;min-height:0!important;padding:19px 20px!important;border-radius:0!important;background:transparent;width:100%;line-height:1.4}
@media (max-width:767px){.rm-ri #faq button[aria-expanded]{padding:16px!important}}

/* v121: teamgezichten (Over ons) in het Onze visie-blok */
.rm-ri .rmv-team{display:flex;align-items:center;justify-content:center}
.rm-ri .rmv-av{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #000618,0 4px 14px rgba(0,0,0,.45);transition:transform .38s cubic-bezier(.34,1.56,.64,1)}
.rm-ri .rmv-av+.rmv-av{margin-left:-14px}
.rm-ri .rmv-av img{display:block;width:100%;height:100%;object-fit:cover}
.rm-ri .rmv-av:hover{transform:translateY(-6px) scale(1.1);z-index:2}
@media (max-width:767px){.rm-ri .rmv-av{width:48px;height:48px}.rm-ri .rmv-av+.rmv-av{margin-left:-10px}}

/* v120: 02 = portretwolk met cijfer (stijlgids Beeld & mensen): losse portretten, onregelmatig, het cijfer als watermerk eronder; portretten gedempt, lichten op bij hover */
.rm-ri .rmbn-cloud{position:relative;width:100%;height:250px;margin-bottom:14px}
.rm-ri .rmbn-cloud-nr{position:absolute;left:50%;top:50%;z-index:0;font-family:var(--font-gilroy),"Gilroy","Ubuntu",sans-serif;font-weight:700;font-size:clamp(5.5rem,8.4vw,6.72rem);line-height:1;letter-spacing:-.03em;color:rgba(106,204,80,.2);white-space:nowrap;pointer-events:none;user-select:none;transform:translate(-50%,-50%);animation:rmbn-sway 9s ease-in-out infinite}
.rm-ri .rmbn-p{position:absolute;z-index:1;display:block;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #0a1336,0 6px 18px rgba(0,0,0,.45);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;animation:rmbn-float 7s ease-in-out infinite;animation-delay:calc(var(--d)*-1.3s)}
.rm-ri .rmbn-p-l{width:78px;height:78px}
.rm-ri .rmbn-p-s{width:58px;height:58px}
.rm-ri .rmbn-p img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2);filter:brightness(.5) saturate(.65);transition:filter .5s ease;transition-delay:calc(var(--d)*45ms)}
.rm-ri .rmbn-t:hover .rmbn-p img{filter:none}
.rm-ri .rmbn-p:hover{z-index:3;transform:scale(1.12);box-shadow:0 0 0 2px #f16b37,0 10px 26px rgba(0,0,0,.55)}
.rm-ri .rmbn-p:hover img{filter:none;transition-delay:0s}
@keyframes rmbn-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes rmbn-sway{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-52%) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.rm-ri .rmbn-p,.rm-ri .rmbn-cloud-nr{animation:none}}
@media (max-width:900px){.rm-ri .rmbn-cloud{height:240px;max-width:420px;margin-left:auto;margin-right:auto}}

/* v121: de wolk vult de hoogte van de tegel, zodat portretten en cijfer verticaal gecentreerd tussen rand en kop staan */
.rm-ri .rmbn-tall .rmbn-art{flex:1 1 auto;display:flex;flex-direction:column;margin-bottom:10px}
.rm-ri .rmbn-tall .rmbn-cloud{flex:1 1 auto;height:auto;min-height:250px;margin-bottom:0}
.rm-ri .rmbn-p img{object-position:50% 40%;transform:scale(1.04)}
@media (max-width:900px){.rm-ri .rmbn-tall .rmbn-cloud{min-height:240px;height:240px;flex:none}}

/* v122: crops tonen nu ook schouders/torso; geen extra zoom */
.rm-ri .rmbn-p img{object-position:50% 50%;transform:none}

/* v123: "20+" krijgt dezelfde behandeling als het watermerk-nummer 02 (Gilroy 800, blauwtint, hover: oranje + iets groter) */
.rm-ri .rmbn-cloud-nr{font-weight:800;letter-spacing:-.04em;color:rgba(184,202,255,.12);transition:color .3s ease,scale .7s ease}
.rm-ri .rmbn-t:hover .rmbn-cloud-nr{color:rgba(241,107,55,.26);scale:1.05}