@media (max-width:767px){[data-neura-hide~="mobile"]{display:none!important}}@media (min-width:768px) and (max-width:1023px){[data-neura-hide~="tablet"]{display:none!important}}@media (min-width:1024px){[data-neura-hide~="desktop"]{display:none!important}}

.nb{
  --nb-accent:var(--gb-ember,var(--gb-flame,var(--brand-accent,#F39019)));
  --nb-bg:var(--gb-charcoal,var(--brand-bg-base,#0A0908));
  --nb-surface:var(--gb-coal,var(--gb-black,var(--brand-bg-surface,#141210)));
  --nb-text:var(--gb-cream,var(--brand-text-primary,#EEE7DB));
  --nb-text-soft:var(--gb-bone,var(--gb-cream,var(--brand-text-primary,#EEE7DB)));
  --nb-muted:var(--gb-fog,var(--brand-text-muted,#8A8178));
  --nb-line:var(--gb-ash,var(--gb-line,#2A2622));
  --nb-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nb-font-body:var(--font-body,var(--brand-font-body,inherit));
  --nb-font-mono:var(--font-mono,ui-monospace,monospace);
  padding:clamp(64px,10vw,120px) 0;
  color:var(--nb-text);
  font-family:var(--nb-font-body);
  border-top:1px solid var(--nb-line);
}
.nb *,.nb *::before,.nb *::after{box-sizing:border-box}
.nb img{max-width:100%;display:block}
.nb-container{max-width:var(--container,1440px);margin:0 auto;padding:0 var(--pad-x,clamp(18px,4vw,56px))}
.nb-title{font-family:var(--nb-font-display);font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-0.02em;line-height:1.08;margin:0 0 36px}
.nb-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:4px;background:var(--nb-accent);color:var(--nb-bg);font-weight:600;font-size:14px;text-decoration:none;transition:filter .2s,border-color .2s,color .2s}
.nb-cta:hover{filter:brightness(1.08)}
.nb-cta--ghost{background:transparent;color:var(--nb-text);border:1px solid color-mix(in srgb,var(--nb-text) 30%,transparent)}
.nb-cta--ghost:hover{filter:none;border-color:var(--nb-text)}
.nb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Neuramerce-secties onder de eerste schermhoogte: layout en paint pas als ze in beeld
   komen. Op neuramerce.com ging een volledige relayout mobiel van ~28 naar ~13 ms en
   Lighthouse mat 1,7 s style/layout (24-09-2026). Alleen blokken zonder fixed/sticky
   positionering en zonder JS die bij load maten leest; per blok gemeten dat geen kind
   buiten de sectie steekt, want content-visibility knipt de paint op de sectierand. */
.nb--nm-own-brands,.nb--nm-module-grid,.nb--nm-plans,.nb--nm-home-faq,.nb--nm-facts,.nb--nm-launch-road,.nb--nm-brands-list,.nb--nm-jaartabs,.nb--nm-rules,.nb--nm-spreadsheet,.nb--nm-story,.nb--nm-team{content-visibility:auto;contain-intrinsic-size:auto 800px}
/* Rijk-tekst (renderRichText) in blok-containers: neutraliseer UA-marges op <p>/lijsten uit de
   WYSIWYG-editor — behoud alinea-ritme, geen dubbele witruimte onder de laatste alinea. */
.nb-acc__a>p,.nb-tl__desc>p,.nb-tl__intro>p,.nb-fcard__desc>p,.nb-fcard__intro>p,.nb-guide__desc>p,.nb-guide__intro>p,.nb-hero__sub>p,.nb-rev__quote>p{margin:0 0 .6em}
.nb-acc__a>:last-child,.nb-tl__desc>:last-child,.nb-tl__intro>:last-child,.nb-fcard__desc>:last-child,.nb-fcard__intro>:last-child,.nb-guide__desc>:last-child,.nb-guide__intro>:last-child,.nb-hero__sub>:last-child,.nb-rev__quote>:last-child{margin-bottom:0}
.nb-acc__a ul,.nb-acc__a ol,.nb-tl__desc ul,.nb-tl__desc ol,.nb-fcard__desc ul,.nb-fcard__desc ol,.nb-guide__desc ul,.nb-guide__desc ol,.nb-hero__sub ul,.nb-hero__sub ol,.nb-rev__quote ul,.nb-rev__quote ol{margin:.3em 0 .6em;padding-left:1.4em}


.nb-cmp__scroll{border:1px solid var(--nb-line);border-radius:10px;overflow-x:auto}
.nb-cmp__scroll:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}
.nb-cmp__table{width:100%;border-collapse:collapse;min-width:560px}
.nb-cmp__table th,.nb-cmp__table td{padding:15px 22px;border-bottom:1px solid var(--nb-line);text-align:left;vertical-align:middle}
.nb-cmp__table th:not(:first-child),.nb-cmp__table td{border-left:1px solid var(--nb-line)}
.nb-cmp__table thead th{font-family:var(--nb-font-display);font-size:clamp(16px,1.8vw,22px);font-weight:700;letter-spacing:-0.02em;color:var(--nb-text);padding-top:24px;padding-bottom:20px}
.nb-cmp__table tbody th{font-family:var(--nb-font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--nb-muted);font-weight:400}
.nb-cmp__table td{font-family:var(--nb-font-mono);font-size:13px;color:var(--nb-text)}
.nb-cmp__table tbody tr:last-child th,.nb-cmp__table tbody tr:last-child td{border-bottom:none}
@media (max-width:720px){.nb-cmp__table th,.nb-cmp__table td{padding:12px 14px;font-size:12px}}

/* variant "kamado" — de kb-compare-grid heeft VASTE kolombreedtes
   (var(--cmp-labelw) + N × var(--cmp-colw)), maar .kb-cmp-scroll is een blok en
   rekt naar 100%. Bij weinig kolommen bleef rechts een leeg vlak binnen de
   omrande box staan: 5 kolommen = 1100px tracks in een container van 1600px.
   Het blok kamado-vergelijk heeft dat niet, want dat vult de breedte met tot 16
   productkolommen — vandaar dat dit hier gescoped hoort en niet in de gedeelde CSS.
   fit-content laat de hele component om de tracks krimpen (meta-balk incl., zodat
   de schakelaar aan de tabelrand blijft); max-width houdt 'm scrollbaar zodra de
   tabel juist breder is dan de ruimte.
   Gescoped op de wrapper, niet op de bloknaam: de wrapper bestaat alleen in deze
   variant, en een bloknaam-selector zou die klassenaam in de stylesheet zetten —
   waar de volgorde-test op de gebundelde output (cssTag + html) op zoekt. */
.nb--kamado-scope .kb-cmp{width:fit-content;max-width:100%}
/* De filterchips mogen de fit-content-breedte hierboven niet bepalen. Zonder dit
   rekt een rij lange chip-labels de hele component op tot voorbij de tabel, en
   staat het lege vlak er weer (gemeten: 1458px -> 1600px bij lange labels).
   width:0 haalt de balk uit de max-content-berekening, min-width:100% geeft 'm
   daarna alsnog de volle breedte zodat de chips netjes afbreken. */
.nb--kamado-scope .kb-cmp-filters{width:0;min-width:100%}

/* variant "table": dezelfde scroll-regio en tokens als "kamado", maar een <table>
   op volle breedte in plaats van de grid met vaste tracks. table-layout:fixed
   deelt de breedte gelijk over de modelkolommen; de ondergrens (labelkolom plus
   N keer de kolombreedte, N inline via --kb-cmp-cols) laat de regio horizontaal
   scrollen zodra de kolommen te smal worden, met de sticky labelkolom, de fade
   en de veeg-hint uit de kamado-CSS. Dezelfde --cmp-labelw/--cmp-colw als de
   grid, dus onder 720px volgt de tabel vanzelf de smallere waarden. */
.nb--kamado-scope .kb-cmp--table{width:100%}
/* Geen max-height: de kamado-grid begrenst zijn regio op 78vh en scrolt daarbinnen
   verticaal, maar een gewone tabel op een contentpagina loopt met de pagina mee.
   Gemeten 29-09-2026 op neuramerce.com/cases/nomad-fire (9 rijen, 375px): 825px
   tabel in een regio van 631px, dus een geneste scroller waar de bezoeker in
   vast komt te zitten. Prijs: de kop plakt niet meer (sticky heeft een verticaal
   scrollende container nodig); de labelkolom blijft wel sticky bij horizontaal
   scrollen. */
.kb-cmp--table .kb-cmp-scroll{max-height:none}
/* De veeg-pill staat in de kamado-CSS op 50% van de (hooguit 720px hoge) regio.
   Zonder begrenzing zit die bij een lange tabel buiten beeld terwijl de bezoeker
   naar de bovenkant kijkt; in de tabelvariant hangt hij daarom onder de koprij. */
.kb-cmp--table .kb-cmp-swipe{top:96px}
/* Veeg-hint en fade pas tonen als de client gemeten heeft dat de regio overloopt
   (is-overflowing op de wrap, gezet in onScroll van blocks-core.js). Een tabel
   die past, het gewone geval op desktop, zou anders tot de deferred init een
   pulserende pill en een donkere fade over de laatste kolom tonen. De client
   zet inline display '' of 'none'; bij '' gelden deze regels. */
.kb-cmp--table .kb-cmp-fade,.kb-cmp--table .kb-cmp-swipe{display:none}
.kb-cmp--table .kb-cmp-wrap.is-overflowing .kb-cmp-fade{display:block}
.kb-cmp--table .kb-cmp-wrap.is-overflowing .kb-cmp-swipe{display:inline-flex}
/* eigen stacking context: de sticky cellen (z 1-3) en de veeg-pill (z 5) mogen
   niet over thema-koppen of dropdowns van de pagina heen schilderen */
.kb-cmp--table .kb-cmp-wrap{isolation:isolate}
.kb-cmpt{width:100%;min-width:calc(var(--cmp-labelw) + var(--kb-cmp-cols,2) * var(--cmp-colw));table-layout:fixed;border-collapse:separate;border-spacing:0}
/* expliciet, ook waar de waarde de standaard is: dit is de eerste <table> in de
   kamado-opmaak en bundle- of thema-CSS op tr/td (zebra, randen) mag er niet in lekken */
.kb-cmpt tr{background:transparent}
.kb-cmpt th,.kb-cmpt td{margin:0;padding:15px 20px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--cmp-line);font-size:14px;line-height:1.5;color:var(--kb-cream);overflow-wrap:anywhere}
/* kop en labelkolom staan op --cmp-surf, en dat is het merkoppervlak: op een licht
   merk is dat wit, en dan is cream onleesbaar. De tekst volgt daarom de merktekst-
   tokens, met de kamado-kleuren als terugval voor een bundle zonder merk-kit. */
.kb-cmpt thead th{position:sticky;top:0;z-index:2;background:var(--cmp-surf);font-family:var(--kb-font-display);font-size:15px;font-weight:700;letter-spacing:-0.01em;padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--cmp-line2);color:var(--brand-text-primary,var(--kb-cream))}
/* hoek- en labelcel als th.klasse: de element-selectors hierboven (0,1,2 en 0,1,1)
   winnen anders van een kale klasse (0,1,0), waardoor de hoek zijn z-index verloor
   en de labels de gewone celopmaak kregen */
.kb-cmpt th.kb-cmpt__corner{left:0;z-index:3;width:var(--cmp-labelw)}
.kb-cmpt th.kb-cmpt__label{position:sticky;left:0;z-index:1;background:var(--cmp-surf);font-weight:400;font-size:13px;color:var(--brand-text-muted,var(--kb-fog))}
.kb-cmpt__head,.kb-cmpt__val{border-left:1px solid var(--cmp-line)}
.kb-cmpt tbody tr:last-child th,.kb-cmpt tbody tr:last-child td{border-bottom:none}
.kb-cmpt__head.is-hl{color:var(--kb-ember);background:linear-gradient(180deg,rgba(var(--brand-primary-rgb, 243,144,25),0.28),rgba(var(--brand-primary-rgb, 243,144,25),0.10)),var(--cmp-surf)}
.kb-cmpt__val.is-hl{background:rgba(var(--brand-primary-rgb, 243,144,25),0.10)}
/* rij-hover alleen voor een muis: op een touchscreen blijft :hover na een tik
   op de rij hangen, en dat lijkt dan een selectie */
@media (hover:hover){.kb-cmpt tbody tr:hover .kb-cmpt__val:not(.is-hl){background:rgba(255,255,255,0.025)}}
@media (max-width:720px){
  .kb-cmpt th,.kb-cmpt td{padding:12px 14px;font-size:13px}
  .kb-cmpt thead th{padding-top:16px;padding-bottom:12px}
}


[class*="nb--kamado-"]{
  --kb-charcoal:var(--gb-charcoal,#0A0908);--kb-black:var(--gb-black,#141210);--kb-coal:var(--gb-coal,#1C1A17);
  --kb-ash:rgba(255,255,255,0.08);--kb-ash-2:rgba(255,255,255,0.14);
  --kb-ember:var(--gb-ember,var(--gb-flame,var(--brand-accent,#F39019)));--kb-ember-hot:var(--brand-primary-hover,#FF7D33);--kb-ember-glow:rgba(var(--brand-primary-rgb, 243,144,25),0.16);
  --kb-cream:var(--gb-cream,#EEE7DB);--kb-bone:rgba(238,231,219,0.78);--kb-fog:rgba(238,231,219,0.5);
  --kb-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --kb-font-body:var(--font-body,var(--brand-font-body,inherit));
  --kb-font-mono:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);
  --kb-ease:var(--brand-easing-default,cubic-bezier(.16,1,.3,1));--kb-maxw:1320px;
  padding:0;border-top:0;
  background:var(--kb-charcoal);color:var(--kb-cream);font-family:var(--kb-font-body);font-size:15px;line-height:1.6;
}
[class*="nb--kamado-"]>.nb-container{max-width:none;padding:0}
:where([class*="nb--kamado-"]) *,:where([class*="nb--kamado-"]) *::before,:where([class*="nb--kamado-"]) *::after{box-sizing:border-box}
:where([class*="nb--kamado-"]) img{display:block;max-width:100%}
:where([class*="nb--kamado-"]) a{color:inherit;text-decoration:none}
:where([class*="nb--kamado-"]) button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
:where([class*="nb--kamado-"]) h1,:where([class*="nb--kamado-"]) h2,:where([class*="nb--kamado-"]) h3,:where([class*="nb--kamado-"]) h4{margin:0;font-family:var(--kb-font-display);font-weight:700;letter-spacing:-0.025em;line-height:1}
.kb-wrap{max-width:var(--kb-maxw);margin:0 auto;padding:0 40px}
.kb-eyebrow{font-family:var(--kb-font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--kb-ember);display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}
.kb-head{max-width:760px;margin-bottom:56px}
.kb-h2{font-size:clamp(34px,4.4vw,64px);font-weight:700;letter-spacing:-0.03em;line-height:0.98}
.kb-h2 em{color:var(--kb-ember);font-style:normal}
.kb-lead{margin-top:20px;font-size:17px;line-height:1.66;color:var(--kb-bone);max-width:580px}
.kb-arr{display:inline-flex;transition:transform .4s var(--kb-ease)}
.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--kb-font-mono);font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;padding:16px 26px;border-radius:3px;cursor:pointer;transition:all .4s var(--kb-ease);white-space:nowrap}
.kb-btn:hover .kb-arr{transform:translateX(4px)}
.kb-btn--primary{background:var(--kb-ember);color:var(--kb-charcoal)}
.kb-btn--primary:hover{background:var(--kb-ember-hot);box-shadow:0 0 36px var(--kb-ember-glow);transform:translateY(-1px)}
.kb-btn--ghost{border:1px solid var(--kb-ash-2);color:var(--kb-cream)}
.kb-btn--ghost:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-btn--block{width:100%}
.kb-sect{padding:92px 0;border-bottom:1px solid var(--kb-ash)}
.kb-sect--alt{background:var(--kb-black)}
.kb-prose p{font-size:16.5px;line-height:1.78;color:var(--kb-bone);margin:0 0 18px}
.kb-prose p:last-child{margin-bottom:0}

/* reveal — generiek per kamado-blok (js zet .in; no-js/reduced-motion toont alles) */
:where([class*="nb--kamado-"]) .rv{opacity:0;transform:translateY(28px);transition:opacity var(--brand-duration-dramatic,.9s) var(--kb-ease),transform var(--brand-duration-dramatic,.9s) var(--kb-ease)}
:where([class*="nb--kamado-"]) .rv.in{opacity:1;transform:none}
:where([class*="nb--kamado-"]).no-js .rv,:where([class*="nb--kamado-"]) .no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:where([class*="nb--kamado-"]) .rv{opacity:1!important;transform:none!important;transition:none}}

@media (max-width:880px){
  .kb-wrap{padding:0 22px}
  .kb-sect{padding:64px 0}
  .kb-head{margin-bottom:36px}
  .kb-h2{font-size:clamp(30px,8.5vw,44px)}
  .kb-lead{font-size:15.5px;margin-top:16px}
}
/* Rijk-tekst (renderRichText) in kamado-containers: neutraliseer UA-marges op <p>/lijsten uit de WYSIWYG-editor. */
.kb-faq-a>p,.kb-hero__dek>p,.kb-mcard__lead>p,.kb-cta__sub>p,.kb-lead>p,.kb-tl__desc>p,.kb-step-p>p,.kb-tech-p>p,.kb-guide-card__d>p,.kb-guide-row__w>p{margin:0 0 .6em}
.kb-faq-a>:last-child,.kb-hero__dek>:last-child,.kb-mcard__lead>:last-child,.kb-cta__sub>:last-child,.kb-lead>:last-child,.kb-tl__desc>:last-child,.kb-step-p>:last-child,.kb-tech-p>:last-child,.kb-guide-card__d>:last-child,.kb-guide-row__w>:last-child{margin-bottom:0}
.kb-faq-a ul,.kb-faq-a ol,.kb-hero__dek ul,.kb-hero__dek ol,.kb-mcard__lead ul,.kb-mcard__lead ol,.kb-cta__sub ul,.kb-cta__sub ol,.kb-lead ul,.kb-lead ol,.kb-step-p ul,.kb-step-p ol,.kb-tech-p ul,.kb-tech-p ol,.kb-guide-card__d ul,.kb-guide-card__d ol{margin:.3em 0 .6em;padding-left:1.4em}
/* Links in rijke tekst: de kamado-reset maakt <a> onzichtbaar; geef ze een herkenbare stijl. */
.kb-faq-a a,.kb-hero__dek a,.kb-mcard__lead a,.kb-cta__sub a,.kb-lead a,.kb-tl__desc a,.kb-step-p a,.kb-tech-p a,.kb-guide-card__d a,.kb-guide-row__w a,.kb-why-card__d a{color:var(--kb-ember);text-decoration:underline;text-underline-offset:2px}


.kb-cmp{--cmp-labelw:210px;--cmp-colw:178px;--cmp-line:var(--kb-ash);--cmp-line2:var(--kb-ash-2);--cmp-surf:var(--brand-bg-surface,#141210);--cmp-surf2:#1b1916;--cmp-cell:#0f0d0b}
.kb-cmp-filters{display:flex;flex-wrap:wrap;gap:22px 40px;padding:2px 20px 22px;margin-bottom:20px;border-bottom:1px solid var(--cmp-line)}
.kb-cmp-fgroup{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 auto}
.kb-cmp-flabel{font-family:var(--kb-font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--kb-fog)}
.kb-cmp-chips{display:flex;flex-wrap:wrap;gap:8px}
.kb-cmp-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:100px;cursor:pointer;background:var(--cmp-surf);border:1px solid var(--cmp-line2);color:var(--kb-cream);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .22s var(--kb-ease),border-color .22s var(--kb-ease),color .22s var(--kb-ease),transform .18s var(--kb-ease)}
.kb-cmp-chip:hover{border-color:rgba(var(--brand-primary-rgb, 243,144,25),0.5);transform:translateY(-1px)}
.kb-cmp-chip[aria-pressed="true"]{background:var(--kb-ember);border-color:var(--kb-ember);color:#1a160f}
.kb-cmp-chip:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-chip__sub{font-family:var(--kb-font-mono);font-size:10.5px;opacity:0.6;font-weight:400}
.kb-cmp-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;margin-bottom:18px;flex-wrap:wrap}
.kb-cmp-count{font-family:var(--kb-font-mono);font-size:12px;letter-spacing:0.04em;color:var(--kb-fog)}
.kb-cmp-count strong{color:var(--kb-cream);font-weight:600}
.kb-cmp-meta__actions{display:flex;align-items:center;gap:16px}
.kb-cmp-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--kb-fog);font-size:13px;padding:4px 0;transition:color .2s var(--kb-ease)}
.kb-cmp-toggle:hover{color:var(--kb-cream)}
.kb-cmp-toggle[aria-checked="true"]{color:var(--kb-cream)}
.kb-cmp-toggle:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-toggle__track{width:38px;height:22px;border-radius:100px;background:var(--cmp-surf2);border:1px solid var(--cmp-line2);position:relative;transition:background .25s var(--kb-ease),border-color .25s var(--kb-ease);flex-shrink:0}
.kb-cmp-toggle[aria-checked="true"] .kb-cmp-toggle__track{background:var(--kb-ember);border-color:var(--kb-ember)}
.kb-cmp-toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--kb-cream);transition:transform .28s cubic-bezier(.5,1.4,.4,1)}
.kb-cmp-toggle[aria-checked="true"] .kb-cmp-toggle__knob{transform:translateX(16px);background:#1a160f}
.kb-cmp-reset{cursor:pointer;color:var(--kb-ember);font-size:13px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.kb-cmp-wrap{position:relative}
.kb-cmp-scroll{overflow:auto;max-height:min(78vh,720px);border:1px solid var(--cmp-line);border-radius:16px;background:var(--cmp-cell);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cmp-line2) transparent}
/* grab-cursor alleen als er echt te slepen valt (is-overflowing komt uit onScroll in
   blocks-core.js); een regio die past belooft anders een pan die niets doet */
.kb-cmp-wrap.is-overflowing .kb-cmp-scroll{cursor:grab}
.kb-cmp-scroll.is-grabbing{cursor:grabbing;user-select:none}
.kb-cmp-scroll.is-grabbing *{cursor:grabbing!important}
.kb-cmp-scroll:focus-visible{outline:2px solid var(--kb-ember);outline-offset:2px}
.kb-cmp-scroll::-webkit-scrollbar{height:9px;width:9px}
.kb-cmp-scroll::-webkit-scrollbar-thumb{background:var(--cmp-line2);border-radius:6px;border:2px solid var(--cmp-cell)}
.kb-cmp-scroll::-webkit-scrollbar-track{background:transparent}
/* VASTE kolombreedte (géén 1fr): met min-width:max-content maakt een 1fr-max de
   kolom zo breed als de langste niet-afbrekende celinhoud — bv. een lange
   "Gebruikt voor"-waarde → ~600px-kolommen (maar 2 zichtbaar). Een vaste px-track
   negeert celinhoud (die breekt netjes af binnen de track) → ~6 modellen in beeld
   + horizontaal scrollen, zoals het ontwerp. (Weinig modellen → strook rechts;
   acceptabel — Grill Bill heeft er 14, dus scrollt sowieso.) */
.kb-cmp-grid{display:grid;min-width:max-content;position:relative;grid-template-columns:var(--cmp-labelw) repeat(var(--kb-cmp-vis,1),var(--cmp-colw,178px))}
.kb-cmp-cell{padding:14px 18px;min-width:0;border-bottom:1px solid var(--cmp-line);border-left:1px solid var(--cmp-line);display:flex;align-items:center;font-size:14px;color:var(--kb-cream);overflow-wrap:anywhere}
.kb-cmp-cell[hidden]{display:none!important}
.kb-cmp-label{position:sticky;left:0;z-index:3;background:var(--cmp-surf);border-left:none;flex-direction:column;align-items:flex-start;gap:3px;color:var(--kb-fog);font-size:13px}
.kb-cmp-rlabel{line-height:1.25}
.kb-cmp-mhead{position:sticky;top:0;z-index:4;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 16px 14px;background:var(--cmp-surf);border-bottom:1px solid var(--cmp-line2);transition:padding .22s var(--kb-ease)}
/* opaque base ONDER de amber-gradient — anders schijnen scrollende rijen door de
   "Populair"-kop heen (de gradient is translucent) */
.kb-cmp-mhead.is-feat{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb, 243,144,25),0.14),rgba(var(--brand-primary-rgb, 243,144,25),0.04)),var(--cmp-surf)}
.kb-cmp-badge{position:absolute;top:10px;left:16px;z-index:1;font-family:var(--kb-font-mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:#1a160f;background:var(--kb-ember);padding:3px 8px;border-radius:5px}
.kb-cmp-thumb{display:block;width:64px;height:64px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--cmp-cell);margin-bottom:6px;transition:height .22s var(--kb-ease),opacity .22s var(--kb-ease),margin-bottom .22s var(--kb-ease)}
.kb-cmp-thumb img{width:100%;height:100%;object-fit:cover}
.kb-cmp-mname{font-family:var(--kb-font-display);font-size:15px;font-weight:700;letter-spacing:-0.01em;line-height:1.22;color:var(--kb-cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-cmp-mprice{font-family:var(--kb-font-display);font-size:16px;font-weight:600;color:var(--kb-ember);margin-top:2px}
/* sectie-koppen (AttributeGroup.name): volle breedte, sticky-links zodat het label
   in beeld blijft bij horizontaal scrollen */
.kb-cmp-section{grid-column:1/-1;position:sticky;left:0;z-index:2;padding:18px 18px 8px;background:var(--cmp-surf2);border-bottom:1px solid var(--cmp-line);font-family:var(--kb-font-mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--kb-ember)}
.kb-cmp-section[hidden]{display:none!important}
/* verticaal-gescrolld: foto's + badge verdwijnen uit de blijvende model-koppen
   (compacter) — bij normale stand blijven ze zichtbaar */
.kb-cmp.is-scrolled .kb-cmp-thumb{height:0;opacity:0;margin-bottom:0}
.kb-cmp.is-scrolled .kb-cmp-badge{display:none}
.kb-cmp.is-scrolled .kb-cmp-mhead{padding-top:14px}
.kb-cmp-cta{margin-top:auto;align-self:stretch;text-align:center;padding:9px 12px;border-radius:9px;font-size:12.5px;font-weight:600;letter-spacing:0.02em;transition:transform .18s var(--kb-ease),background .2s var(--kb-ease),border-color .2s var(--kb-ease)}
.kb-cmp-cta.is-ghost{border:1px solid var(--cmp-line2);color:var(--kb-cream)}
.kb-cmp-cta.is-ghost:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-cmp-cta.is-pri{background:var(--kb-ember);color:#1a160f}
.kb-cmp-cta.is-pri:hover{transform:translateY(-1px)}
.kb-cmp-corner{position:sticky;left:0;top:0;z-index:6;background:var(--cmp-surf2);border-left:none;border-bottom:1px solid var(--cmp-line2);flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.kb-cmp-corner__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.kb-cmp-corner__x{font-family:var(--kb-font-display);font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--kb-cream)}
.kb-cmp-corner__y{font-family:var(--kb-font-mono);font-size:10px;letter-spacing:0.08em;color:var(--kb-fog);text-transform:uppercase}
.kb-cmp-collapse{flex-shrink:0;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--cmp-line2);background:var(--cmp-cell);color:var(--kb-cream);cursor:pointer;transition:border-color .2s var(--kb-ease),color .2s var(--kb-ease)}
.kb-cmp-collapse:hover{border-color:var(--kb-ember);color:var(--kb-ember)}
.kb-cmp.is-narrow{--cmp-labelw:40px}
.kb-cmp.is-narrow .kb-cmp-corner{justify-content:center;padding-left:0;padding-right:0}
.kb-cmp.is-narrow .kb-cmp-label{padding-left:0;padding-right:0;align-items:center;justify-content:center}
.kb-cmp.is-narrow .kb-cmp-rlabel{display:none}
/* collapsed: ook de hoek-tekst ("Vergelijk / N modellen") weg — anders breekt die
   in de 40px-kolom verticaal af (1 letter per regel) en wordt de koprij metershoog;
   de collapse-knop blijft staan om weer uit te klappen */
.kb-cmp.is-narrow .kb-cmp-corner__tx{display:none}
.kb-cmp-price{font-family:var(--kb-font-display);font-size:18px;font-weight:600;color:var(--kb-cream)}
.kb-cmp-val.is-feat{background:rgba(var(--brand-primary-rgb, 243,144,25),0.05)}
.kb-cmp-val.is-price .kb-cmp-price{color:var(--kb-ember)}
.kb-cmp-yes{color:#2fbf6b;display:inline-flex}
.kb-cmp-no{color:var(--kb-fog);font-size:16px}
.kb-cmp-fade{position:absolute;top:1px;bottom:10px;right:1px;width:56px;pointer-events:none;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(15,13,11,0),rgba(15,13,11,0.92));opacity:1;transition:opacity .3s var(--kb-ease)}
.kb-cmp-wrap.at-end .kb-cmp-fade{opacity:0}
.kb-cmp-swipe{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;pointer-events:none;padding:7px 11px;border-radius:100px;background:rgba(var(--brand-primary-rgb, 243,144,25),0.92);color:#1a160f;font-family:var(--kb-font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;box-shadow:0 8px 24px -8px rgba(0,0,0,0.6);z-index:5;animation:kbCmpSwipe 1.8s var(--kb-ease) infinite}
@keyframes kbCmpSwipe{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(5px)}}
@media (max-width:720px){
  .kb-cmp{--cmp-labelw:124px;--cmp-colw:150px}
  .kb-cmp-filters{gap:16px 0;flex-direction:column}
  .kb-cmp-cell{padding:12px 13px;font-size:13px}
  .kb-cmp-mname{font-size:14px}
  .kb-cmp-mprice{font-size:15px}
  .kb-cmp-price{font-size:15px}
  .kb-compare{margin-left:-16px;margin-right:-16px}
  .kb-compare .kb-cmp-filters,.kb-compare .kb-cmp-meta{padding-left:16px;padding-right:16px}
  .kb-compare .kb-cmp-scroll{border-radius:0;border-left:none;border-right:none}
  .kb-compare .kb-cmp-fade{border-radius:0}
}
@media (prefers-reduced-motion:reduce){
  .kb-cmp-swipe{animation:none}
  .kb-cmp-toggle__knob,.kb-cmp-chip,.kb-cmp-cta,.kb-cmp-thumb,.kb-cmp-mhead{transition:none}
}


/* ===== gedeelde tokens + category-accent (alle nm-modp-* blokken) ===== */
/* LET OP specificiteit: dit basis-blok reset o.a. padding/border-top en moet
   WINNEN van de generieke .nb-default maar VERLIEZEN van de per-blok
   .nb--nm-modp-*-regels verderop. Attribuut-selector zonder element = (0,1,0):
   gelijk aan .nb en de per-blok-klassen, dus bron-volgorde beslist — precies
   goed. Met het eerdere "section"-prefix was dit (0,1,1) en sloeg de reset
   alle per-blok sectie-paddings plat (heel de modp-familie rendeerde zonder
   verticaal ritme). Geen "section" terugzetten dus. */
[data-neura-block^="nm-modp-"]{
  /* Geen --cat-x:var(--cat-x,...) hier: een eigenschap die naar zichzelf verwijst is een
     cyclus en dus ongeldig, waarna --cat en alles wat erop leunt wegvalt. De terugval
     staat daarom op de gebruiksplek hieronder. */
  --nmp-fg:var(--foreground,var(--brand-text-primary,oklch(0.9350 0.0060 255)));
  --nmp-muted:var(--muted-foreground,var(--brand-text-muted,oklch(0.6800 0.0120 261)));
  --nmp-border:var(--border,var(--brand-line,oklch(0.2550 0.0030 60)));
  --nmp-card:var(--card,var(--brand-bg-surface,oklch(0.1880 0.0025 60)));
  --nmp-primary:var(--primary,var(--brand-primary,oklch(0.635 0.168 277)));
  --nmp-primary-fg:var(--primary-foreground,oklch(0.2244 0.0074 67.4370));
  --nmp-secondary:var(--secondary,oklch(0.2450 0.0030 60));
  --nmp-secondary-fg:var(--secondary-foreground,oklch(0.8700 0.0060 258));
  --nmp-radius:var(--radius,1.25rem);
  --nmp-radius-sm:var(--radius-sm,0.5rem);
  --nmp-radius-lg:var(--radius-lg,1.25rem);
  --nmp-radius-md:var(--radius-md,0.85rem);
  --nmp-feats-bg:oklch(0.1250 0.0020 67);
  --nmp-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nmp-font-mono:var(--font-mono,var(--brand-font-mono,ui-monospace,monospace));
  --cat:var(--cat-presence,oklch(0.70 0.17 300));
  padding:0;border-top:0;color:var(--nmp-fg);
  font-family:var(--font-body,var(--brand-font-body,inherit));
}
section[data-neura-block^="nm-modp-"][data-cat="reach"]{--cat:var(--cat-reach,oklch(0.72 0.14 235))}
section[data-neura-block^="nm-modp-"][data-cat="presence"]{--cat:var(--cat-presence,oklch(0.70 0.17 300))}
section[data-neura-block^="nm-modp-"][data-cat="engage"]{--cat:var(--cat-engage,oklch(0.78 0.15 70))}
section[data-neura-block^="nm-modp-"][data-cat="verkoop"]{--cat:var(--cat-verkoop,oklch(0.78 0.17 150))}
section[data-neura-block^="nm-modp-"][data-cat="brain"]{--cat:var(--nmp-primary)}
section[data-neura-block^="nm-modp-"][data-cat="findability"]{--cat:var(--cat-findability,oklch(0.72 0.16 340))}
section[data-neura-block^="nm-modp-"]>.nb-container{max-width:none;padding:0}
section[data-neura-block^="nm-modp-"] :where(*,*::before,*::after){box-sizing:border-box}
section[data-neura-block^="nm-modp-"] :where(p,h1,h2,h3,ul){margin:0}
section[data-neura-block^="nm-modp-"] :where(img){display:block;max-width:100%}
section[data-neura-block^="nm-modp-"] :where(a){color:inherit;text-decoration:none}
section[data-neura-block^="nm-modp-"] svg{display:block}
.nmp-container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,32px);position:relative;z-index:2}

/* ===== buttons (BrandedV1 .btn) ===== */
section[data-neura-block^="nm-modp-"] .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:42px;padding:0 18px;border-radius:var(--nmp-radius-md);
  font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;
  border:0;font-family:inherit;
  transition:transform .15s ease,box-shadow .2s ease,background .15s ease,color .15s ease,border-color .15s ease;
}
section[data-neura-block^="nm-modp-"] .btn-lg{height:52px;padding:0 26px;font-size:15px}
section[data-neura-block^="nm-modp-"] .btn-primary{background:var(--nmp-primary);color:var(--nmp-primary-fg)}
section[data-neura-block^="nm-modp-"] .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px color-mix(in oklch,var(--nmp-primary) 60%,transparent)}
section[data-neura-block^="nm-modp-"] .btn-secondary{background:var(--nmp-secondary);color:var(--nmp-secondary-fg)}
section[data-neura-block^="nm-modp-"] .btn-secondary:hover{transform:translateY(-1px)}

/* ===== §5.1 modp-hero ===== */
.nb--nm-modp-hero{position:relative;overflow:hidden;padding:clamp(32px,7vh,96px) 0 clamp(56px,8vw,96px)}
.nb--nm-modp-hero .modp-hero__inner{max-width:720px}
.nb--nm-modp-hero .modp-crumb{display:flex;align-items:center;gap:10px;margin-bottom:clamp(14px,2.6vh,28px);font-family:var(--nmp-font-mono);font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--nmp-muted)}
.nb--nm-modp-hero .modp-crumb a{color:var(--nmp-muted)}
.nb--nm-modp-hero .modp-crumb a:hover{color:var(--nmp-fg)}
.nb--nm-modp-hero .modp-crumb .cat{color:var(--cat)}
.nb--nm-modp-hero .modp-crumb .sep{opacity:.4}
.nb--nm-modp-hero .modp-hero__icon{width:clamp(40px,5.5vh,52px);height:clamp(40px,5.5vh,52px);border-radius:var(--nmp-radius);border:1px solid color-mix(in oklch,var(--cat) 32%,var(--nmp-border));background:color-mix(in oklch,var(--cat) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--cat);margin-bottom:clamp(14px,2.6vh,28px)}
.nb--nm-modp-hero h1{font-family:var(--nmp-font-display);font-weight:700;font-size:min(clamp(38px,5.5vw,68px),7.4vh);line-height:1.04;letter-spacing:-0.04em;color:var(--nmp-fg);margin-bottom:22px;text-wrap:balance}
.nb--nm-modp-hero h1 .quiet{background:linear-gradient(180deg,var(--nmp-fg) 0%,color-mix(in srgb,var(--nmp-fg) 55%,transparent) 70%,color-mix(in srgb,var(--nmp-fg) 18%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (forced-colors:active),print{.nb--nm-modp-hero h1 .quiet{background:none;color:inherit}}
.nb--nm-modp-hero .lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--nmp-muted);max-width:560px;margin-bottom:clamp(20px,3.4vh,36px);text-wrap:pretty}
.nb--nm-modp-hero .modp-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nb--nm-modp-hero .modp-hero__note{margin-top:18px;font-size:13.5px;color:var(--nmp-muted)}

/* ===== §5.2 modp-shot ===== */
.nb--nm-modp-video{padding-bottom:clamp(72px,9vw,120px)}
.nb--nm-modp-video .modp-video__frame{max-width:1080px;margin:0 auto;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius-lg);overflow:hidden;background:var(--nmp-card);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.nb--nm-modp-video .modp-video__frame--phone{max-width:340px;padding:12px;border-radius:46px;background:#1b1b1d;border-color:#333}
.nb--nm-modp-video .modp-video__frame--phone .modp-video__el{border-radius:34px}
.nb--nm-modp-video .modp-video__el{display:block;width:100%;height:auto;background:#000}
.nb--nm-modp-video .modp-video__cap{max-width:560px;margin:18px auto 0;text-align:center;color:var(--nmp-muted);font-size:15px;line-height:1.6}
.nb--nm-modp-shot{padding-bottom:clamp(72px,9vw,120px)}
.nb--nm-modp-shot .modp-shot__frame{max-width:1080px;margin:0 auto;position:relative;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius-lg);overflow:hidden;background:var(--nmp-card);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.nb--nm-modp-shot .modp-shot__frame img{display:block;width:100%;height:auto}
.nb--nm-modp-shot .modp-shot__media{position:relative}
.nb--nm-modp-shot .modp-shot__frame--laptop{max-width:1180px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.nb--nm-modp-shot .modp-shot__hs{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:#fff;color:#111;font:700 15px/32px var(--nmp-font-display);text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.45);animation:nmp-hs 2.2s infinite}

/* ===== laptop-mockup, vergrootknop en lichtbox (modp-shot + scrolly-schermmodus) ===== */
.nmp-laptop{position:relative}
.nmp-laptop__lid{position:relative;margin:0 6.5%;padding:2.4% 1.9% 2.6%;background:linear-gradient(180deg,#1c1c21,#0d0d10);border:1px solid #313137;border-radius:clamp(10px,1.6vw,22px) clamp(10px,1.6vw,22px) 4px 4px;box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.03)}
.nmp-laptop__cam{position:absolute;top:1.3%;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#27272d;box-shadow:inset 0 0 0 1.5px #121216}
.nmp-laptop__screen{position:relative;border-radius:4px;overflow:hidden;background:#000}
.nmp-laptop__base{position:relative;height:clamp(10px,1.5vw,20px);background:linear-gradient(180deg,#4b4b53 0,#2b2b31 35%,#17171b 100%);border-radius:2px 2px 50% 50%/2px 2px 100% 100%;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.nmp-laptop__base::before{content:"";position:absolute;top:0;left:50%;width:14%;height:42%;transform:translateX(-50%);background:#101013;border-radius:0 0 8px 8px}
[data-nm-lb]{cursor:zoom-in}
.nmp-zoom{position:absolute;right:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 12px/1 var(--nmp-font-display);cursor:zoom-in;opacity:.88;transition:opacity .2s,background .2s}
.nmp-zoom:hover,.nmp-zoom:focus-visible{opacity:1;background:rgba(10,10,14,.9)}
.nmp-zoom:focus-visible{outline:2px solid var(--nmp-primary);outline-offset:2px}
.nmp-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;z-index:2147483647;display:none;background:rgba(5,5,8,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e7e8e9;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.nmp-lb.is-open{display:flex}
.nmp-lb__body{margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;width:min(1500px,calc(100% - 140px));max-height:100%;padding:64px 0 24px}
.nmp-lb__fig{margin:0;min-width:0}
.nmp-lb__img{position:relative;width:min(100%,calc((100vh - 150px) * var(--ar,1.6)));margin:0 auto}
.nmp-lb__img img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.6);background:#121216}
.nmp-lb__cap{margin-top:12px;font-size:13px;color:#a4a4a6;text-align:center}
.nmp-lb__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 140px);overflow:auto}
.nmp-lb__legend button{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:flex-start;width:100%;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.45;color:#e7e8e9;cursor:pointer}
.nmp-lb__legend button:hover,.nmp-lb__legend button.is-hot,.nmp-lb__legend button:focus-visible{background:rgba(255,255,255,.08)}
.nmp-lb__legend button:focus-visible{outline:2px solid #8178ff}
.nmp-lb__legend b{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#fff;color:#111;font:700 12px/24px system-ui,sans-serif;text-align:center}
.nmp-lb__dot{all:unset;position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:#fff;color:#111;font:700 15px/32px system-ui,sans-serif;text-align:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5);transition:box-shadow .2s}
.nmp-lb__dot:hover,.nmp-lb__dot.is-hot,.nmp-lb__dot:focus-visible{box-shadow:0 0 0 6px rgba(129,120,255,.5),0 6px 20px rgba(0,0,0,.5)}
.nmp-lb__tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:240px;padding:8px 11px;border-radius:9px;background:#fff;color:#111;font:600 13px/1.35 system-ui,sans-serif;text-align:left;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.nmp-lb__dot.is-top .nmp-lb__tip{bottom:auto;top:calc(100% + 10px)}
.nmp-lb__dot.is-left .nmp-lb__tip{left:0;transform:none}
.nmp-lb__dot.is-right .nmp-lb__tip{left:auto;right:0;transform:none}
.nmp-lb__dot:hover .nmp-lb__tip,.nmp-lb__dot.is-hot .nmp-lb__tip,.nmp-lb__dot:focus-visible .nmp-lb__tip{opacity:1}
.nmp-lb__close,.nmp-lb__nav{all:unset;position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;cursor:pointer}
.nmp-lb__close:hover,.nmp-lb__nav:hover{background:rgba(255,255,255,.16)}
.nmp-lb__close:focus-visible,.nmp-lb__nav:focus-visible{outline:2px solid #8178ff;outline-offset:2px}
.nmp-lb__close{top:14px;right:14px}
.nmp-lb__nav{top:50%;margin-top:-22px}
.nmp-lb__nav--prev{left:20px}
.nmp-lb__nav--next{right:20px}
.nmp-lb [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.nb--nm-modp-shot .modp-shot__hs{animation:none}.nmp-lb__dot,.nmp-zoom{transition:none}}
@media(max-width:960px){
  .nmp-lb__body{grid-template-columns:1fr;align-content:start;align-items:start;overflow:auto;width:calc(100% - 24px);padding:68px 0 84px}
  .nmp-lb__img{width:100%}
  .nmp-lb__legend{max-height:none}
  .nmp-lb__dot{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:12px;line-height:24px}
  .nmp-lb__tip{display:none}
  .nmp-lb__nav{top:auto;bottom:16px;margin:0}
  .nmp-zoom span{display:none}
}

/* ===== §5.3/§6.3 modp-feats (statische 3-koloms grid) ===== */
.nb--nm-modp-feats{border-top:1px solid var(--nmp-border);border-bottom:1px solid var(--nmp-border);background:var(--nmp-feats-bg);padding:clamp(72px,9vw,120px) 0}
.nb--nm-modp-feats .modp-feats__head{max-width:560px;margin-bottom:clamp(40px,5vw,64px)}
.nb--nm-modp-feats .modp-feats__head .eyebrow{display:inline-block;font-family:var(--nmp-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--cat);margin-bottom:16px}
.nb--nm-modp-feats .modp-feats__head h2{font-family:var(--nmp-font-display);font-weight:700;font-size:clamp(28px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.1;color:var(--nmp-fg);text-wrap:balance}
.nb--nm-modp-feats .modp-feats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)}
.nb--nm-modp-feats .modp-feat__icon{width:40px;height:40px;border-radius:var(--nmp-radius-sm);border:1px solid var(--nmp-border);background:color-mix(in oklch,var(--nmp-fg) 4%,transparent);display:flex;align-items:center;justify-content:center;color:var(--cat);margin-bottom:16px}
.nb--nm-modp-feats .modp-feat h3{font-family:var(--nmp-font-display);font-size:17px;font-weight:600;letter-spacing:-0.01em;color:var(--nmp-fg);margin-bottom:8px}
.nb--nm-modp-feats .modp-feat p,.nb--nm-modp-feats .modp-feat__body{font-size:14.5px;line-height:1.6;color:var(--nmp-muted);text-wrap:pretty}
@media(max-width:880px){.nb--nm-modp-feats .modp-feats__grid{grid-template-columns:1fr;gap:36px}}

/* ===== §5.3-alt modp-scrolly (scroll-story + sticky chat-venster) =====
   Stappen dimmen op/af op scrollpositie (blocks.js zet inline opacity); zonder
   JS blijven ze op de CSS-basis staan — daarom .scrolly__step NIET op opacity:0
   maar op .08, en de eerste stap krijgt server-side al .is-active. */
.nb--nm-modp-scrolly{border-top:1px solid var(--nmp-border);border-bottom:1px solid var(--nmp-border);background:var(--nmp-feats-bg);padding:clamp(72px,9vw,120px) 0}
.nb--nm-modp-scrolly .modp-feats__head{max-width:560px;margin-bottom:clamp(40px,5vw,64px)}
.nb--nm-modp-scrolly .modp-feats__head .eyebrow{display:inline-block;font-family:var(--nmp-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--cat);margin-bottom:16px}
.nb--nm-modp-scrolly .modp-feats__head h2{font-family:var(--nmp-font-display);font-weight:700;font-size:clamp(28px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.1;color:var(--nmp-fg);text-wrap:balance}
.nb--nm-modp-scrolly .scrolly{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:start}
.nb--nm-modp-scrolly .scrolly__steps{display:flex;flex-direction:column}
.nb--nm-modp-scrolly .scrolly__step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.08;will-change:opacity}
.nb--nm-modp-scrolly .scrolly__step.is-active{opacity:1}
.nb--nm-modp-scrolly .scrolly__step-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.nb--nm-modp-scrolly .modp-feat__icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--nmp-radius-sm);border:1px solid var(--nmp-border);background:color-mix(in oklch,var(--nmp-fg) 4%,transparent);display:flex;align-items:center;justify-content:center;color:var(--cat)}
.nb--nm-modp-scrolly .scrolly__step h3{font-family:var(--nmp-font-display);font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-0.02em;color:var(--nmp-fg)}
.nb--nm-modp-scrolly .scrolly__step p,.nb--nm-modp-scrolly .scrolly__step-body{font-size:15.5px;line-height:1.65;color:var(--nmp-muted);max-width:440px;text-wrap:pretty}
.nb--nm-modp-scrolly .scrolly__panel{position:sticky;top:15vh;height:70vh;min-height:420px}
.nb--nm-modp-scrolly .scrolly__window{position:relative;height:100%;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius-lg);background:var(--nmp-card);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.45);display:flex;flex-direction:column}
.nb--nm-modp-scrolly .scrolly__winbar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--nmp-border)}
.nb--nm-modp-scrolly .scrolly__winbar .dots{display:flex;gap:5px}
.nb--nm-modp-scrolly .scrolly__winbar .dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in oklch,var(--nmp-fg) 14%,transparent)}
.nb--nm-modp-scrolly .scrolly__winbar .t{font-family:var(--nmp-font-mono);font-size:11px;letter-spacing:0.08em;color:var(--nmp-muted)}
.nb--nm-modp-scrolly .scrolly__body{position:relative;flex:1;min-height:0}
.nb--nm-modp-scrolly .scrolly__chat{position:absolute;inset:0;padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column}
.nb--nm-modp-scrolly .scrolly__q{align-self:flex-end;max-width:85%;background:color-mix(in oklch,var(--nmp-primary) 24%,var(--nmp-card));border:1px solid color-mix(in oklch,var(--nmp-primary) 38%,var(--nmp-border));border-radius:16px 16px 4px 16px;padding:13px 18px;font-size:14.5px;line-height:1.55;color:var(--nmp-fg);margin-bottom:6px}
.nb--nm-modp-scrolly .scrolly__q-meta{align-self:flex-end;font-size:11px;color:var(--nmp-muted);margin-bottom:20px}
.nb--nm-modp-scrolly .scrolly__a{flex:1;min-height:0;overflow:hidden;max-width:92%}
.nb--nm-modp-scrolly .scrolly__a .bubble{background:color-mix(in oklch,var(--nmp-fg) 5%,transparent);border:1px solid var(--nmp-border);border-radius:16px 16px 16px 4px;padding:14px 18px}
.nb--nm-modp-scrolly .scrolly__a .who{display:flex;align-items:center;gap:8px;font-family:var(--nmp-font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.14em;color:var(--nmp-primary);margin-bottom:8px}
.nb--nm-modp-scrolly .scrolly__a .who i{width:6px;height:6px;border-radius:50%;background:var(--nmp-primary);animation:nmp-think 1.1s ease-in-out infinite}
@keyframes nmp-think{0%,100%{opacity:1}50%{opacity:.25}}
.nb--nm-modp-scrolly .scrolly__a .txt{font-size:14.5px;line-height:1.7;color:var(--nmp-muted);white-space:pre-wrap}
.nb--nm-modp-scrolly .scrolly__a .txt b{color:var(--nmp-fg)}
.nb--nm-modp-scrolly .scrolly__a .txt::after{content:"";display:inline-block;width:8px;height:15px;margin-left:2px;background:color-mix(in oklch,var(--nmp-fg) 55%,transparent);vertical-align:-2px}
.nb--nm-modp-scrolly .scrolly__chat.is-done .txt::after{display:none}
.nb--nm-modp-scrolly .scrolly__chat.is-done .who i{animation:none}
.nb--nm-modp-scrolly .scrolly__copilot{flex-shrink:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid color-mix(in oklch,var(--nmp-primary) 26%,var(--nmp-border));background:color-mix(in oklch,var(--nmp-primary) 6%,transparent);border-radius:var(--nmp-radius-md);padding:10px 14px;margin-top:16px;font-size:12.5px;color:var(--nmp-fg)}
.nb--nm-modp-scrolly .scrolly__copilot .spark{color:var(--nmp-primary);display:flex}
.nb--nm-modp-scrolly .scrolly__copilot .chip{border:1px solid var(--nmp-border);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--nmp-muted);background:color-mix(in oklch,var(--nmp-fg) 4%,transparent)}
.nb--nm-modp-scrolly .scrolly__copilot .gen{margin-left:auto;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;background:var(--nmp-primary);color:var(--nmp-primary-fg);display:flex;align-items:center;gap:6px}
.nb--nm-modp-scrolly .scrolly__inputbar{flex-shrink:0;display:flex;flex-direction:column;gap:12px;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius-md);padding:14px 16px;margin-top:12px;background:color-mix(in oklch,var(--nmp-fg) 3%,transparent)}
.nb--nm-modp-scrolly .scrolly__inputbar .ph{font-size:14px;color:var(--nmp-muted)}
.nb--nm-modp-scrolly .scrolly__inputbar .row{display:flex;align-items:center;gap:14px;color:var(--nmp-muted)}
.nb--nm-modp-scrolly .scrolly__inputbar .send{margin-left:auto;border-radius:8px;padding:7px 16px;background:var(--nmp-primary);color:var(--nmp-primary-fg);font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}
/* schermmodus: echte productschermen i.p.v. chat */
.nb--nm-modp-scrolly .scrolly--screens{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,4.5vw,64px)}
.nb--nm-modp-scrolly .scrolly--screens .scrolly__panel{top:max(12vh,64px);height:auto;min-height:0}
.nb--nm-modp-scrolly .scrolly--screens .scrolly__window{height:auto}
.nb--nm-modp-scrolly .nmp-laptop .scrolly__window{border:0;border-radius:4px;box-shadow:none}
.nb--nm-modp-scrolly .scrolly__winbar .addr{flex:1;min-width:0;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;background:color-mix(in oklch,var(--nmp-fg) 4%,transparent);border:1px solid var(--nmp-border);border-radius:7px;padding:5px 10px}
.nb--nm-modp-scrolly .scrolly__winbar .side{margin-left:auto;font-family:var(--nmp-font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:6px;white-space:nowrap;color:color-mix(in oklch,var(--nmp-primary) 70%,white);background:color-mix(in oklch,var(--nmp-primary) 16%,transparent)}
.nb--nm-modp-scrolly .scrolly__winbar .side[data-side=shop]{color:#fdba74;background:rgba(242,140,24,.14)}
.nb--nm-modp-scrolly .scrolly__screens{position:relative;aspect-ratio:16/10;background:#121216}
.nb--nm-modp-scrolly .scrolly__screen{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.nb--nm-modp-scrolly .scrolly__screen.is-on{opacity:1;visibility:visible;transition-delay:0s}
.nb--nm-modp-scrolly .scrolly__screen img,.nb--nm-modp-scrolly .scrolly__inline img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.nb--nm-modp-scrolly .scrolly__hs{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;color:#111;font:700 15px/30px var(--nmp-font-display);text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.45);opacity:0;transform:scale(.6);transition:opacity .35s,transform .35s}
.nb--nm-modp-scrolly .is-on>.scrolly__hs,.nb--nm-modp-scrolly .scrolly__inline .scrolly__hs{opacity:1;transform:none;animation:nmp-hs 2.2s infinite}
.nb--nm-modp-scrolly .is-on>.scrolly__hs:nth-of-type(1){transition-delay:.45s}
.nb--nm-modp-scrolly .is-on>.scrolly__hs:nth-of-type(2){transition-delay:.85s}
.nb--nm-modp-scrolly .is-on>.scrolly__hs:nth-of-type(3){transition-delay:1.25s}
.nb--nm-modp-scrolly [data-side=shop]>.scrolly__hs{background:#111;color:#fff}
@keyframes nmp-hs{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5),0 6px 20px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0),0 6px 20px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 6px 20px rgba(0,0,0,.45)}}
.nb--nm-modp-scrolly .scrolly__legend{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}
.nb--nm-modp-scrolly .scrolly__legend li{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--nmp-fg)}
.nb--nm-modp-scrolly .scrolly__legend li span{width:20px;height:20px;border-radius:50%;background:#fff;color:#111;font:700 10.5px/20px var(--nmp-font-display);text-align:center;flex-shrink:0}
.nb--nm-modp-scrolly .scrolly__inline{display:none;position:relative;margin:20px 0 0;aspect-ratio:16/10;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius-md);overflow:hidden;background:#121216}
@media(max-width:960px){
  .nb--nm-modp-scrolly .scrolly__inline{display:block}
  .nb--nm-modp-scrolly .scrolly__inline .scrolly__hs{width:22px;height:22px;margin:-11px 0 0 -11px;font-size:11px;line-height:22px}
  .nb--nm-modp-scrolly .scrolly{grid-template-columns:1fr}
  .nb--nm-modp-scrolly .scrolly__panel{display:none}
  .nb--nm-modp-scrolly .scrolly__step{min-height:0;padding:28px 0;opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .nb--nm-modp-scrolly .scrolly__step{opacity:1}
  .nb--nm-modp-scrolly .scrolly__hs{animation:none!important;transition:none}
  .nb--nm-modp-scrolly .scrolly__screen{transition:none}
  .nb--nm-modp-scrolly .scrolly__a .who i{animation:none}
}

/* ===== §5.4 modp-cross ===== */
.nb--nm-modp-cross{padding:clamp(72px,9vw,120px) 0}
.nb--nm-modp-cross .modp-cross__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.nb--nm-modp-cross h2{font-family:var(--nmp-font-display);font-weight:700;font-size:clamp(26px,3.2vw,40px);letter-spacing:-0.03em;line-height:1.12;color:var(--nmp-fg);margin-bottom:16px;text-wrap:balance}
.nb--nm-modp-cross .modp-cross__inner>div>p,.nb--nm-modp-cross .modp-cross__intro{font-size:15.5px;line-height:1.65;color:var(--nmp-muted);text-wrap:pretty}
.nb--nm-modp-cross .modp-cross__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.nb--nm-modp-cross .modp-cross__list li{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--nmp-border);font-size:14.5px;line-height:1.55;color:var(--nmp-muted)}
.nb--nm-modp-cross .modp-cross__list li:first-child{border-top:1px solid var(--nmp-border)}
.nb--nm-modp-cross .modp-cross__list b{color:var(--nmp-fg);font-weight:600}
.nb--nm-modp-cross .modp-cross__dot{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:1px solid var(--nmp-border);margin-top:1px;display:flex;align-items:center;justify-content:center;color:var(--cat)}
@media(max-width:880px){.nb--nm-modp-cross .modp-cross__inner{grid-template-columns:1fr}}

/* ===== §5.5 modp-cta ===== */
.nb--nm-modp-cta{border-top:1px solid var(--nmp-border);padding:clamp(80px,10vw,130px) 20px;text-align:center}
.nb--nm-modp-cta .modp-cta__box{max-width:760px;margin:0 auto}
.nb--nm-modp-cta h2{font-family:var(--nmp-font-display);font-weight:700;font-size:clamp(28px,3.8vw,48px);letter-spacing:-0.03em;line-height:1.08;color:var(--nmp-fg);margin-bottom:16px;text-wrap:balance}
.nb--nm-modp-cta p,.nb--nm-modp-cta .modp-cta__sub{font-size:16px;color:var(--nmp-muted);margin-bottom:32px}
.nb--nm-modp-cta .modp-cta__sub>p{margin:0 0 .6em}
.nb--nm-modp-cta .modp-cta__sub>:last-child{margin-bottom:0}
.nb--nm-modp-cta .modp-cta__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== §5.6 modp-more ===== */
.nb--nm-modp-more{padding-bottom:clamp(80px,10vw,130px)}
.nb--nm-modp-more .modp-more__head{font-family:var(--nmp-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--nmp-muted);margin-bottom:24px}
.nb--nm-modp-more .modp-more__row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nb--nm-modp-more .modp-more__card{display:flex;align-items:center;gap:14px;border:1px solid var(--nmp-border);border-radius:var(--nmp-radius);background:var(--nmp-card);padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .2s}
.nb--nm-modp-more .modp-more__card:hover{border-color:color-mix(in oklch,var(--nmp-fg) 18%,var(--nmp-border));transform:translateY(-1px)}
.nb--nm-modp-more .modp-more__icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--nmp-radius-sm);border:1px solid var(--nmp-border);display:flex;align-items:center;justify-content:center}
.nb--nm-modp-more .modp-more__card .t{font-size:14.5px;font-weight:600;color:var(--nmp-fg)}
.nb--nm-modp-more .modp-more__card .h{font-size:12.5px;color:var(--nmp-muted);margin-top:2px}
@media(max-width:720px){.nb--nm-modp-more .modp-more__row{grid-template-columns:1fr}}
.nm-rt>p{margin:0 0 .6em}.nm-rt>:last-child{margin-bottom:0}.nm-rt :where(ul,ol){margin:.3em 0 .6em;padding-left:1.4em}.nm-rt :where(ul){list-style:disc}.nm-rt :where(ol){list-style:decimal}.nm-rt a{text-decoration:underline;text-underline-offset:2px}


.nb--nm-page-hero,.nb--nm-final-cta,.nb--nm-inline-cta{
  --nm-fg:var(--foreground,oklch(0.2795 0.0368 260.0310));
  --nm-muted:var(--muted-foreground,oklch(0.5510 0.0234 264.3637));
  --nm-border:var(--border,oklch(0.8687 0.0043 56.3660));
  --nm-card:var(--card,oklch(0.9699 0.0013 106.4238));
  --nm-primary:var(--primary,oklch(0.635 0.168 277));
  --nm-primary-fg:var(--primary-foreground,oklch(1 0 0));
  --nm-secondary:var(--secondary,oklch(0.8687 0.0043 56.3660));
  --nm-secondary-fg:var(--secondary-foreground,oklch(0.4461 0.0263 256.8018));
  --nm-glow:var(--glow,color-mix(in oklch,var(--nm-primary) 18%,transparent));
  --nm-radius-md:var(--radius-md,0.75rem);
  --nm-radius-lg:var(--radius-lg,1.25rem);
  --nm-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nm-font-mono:var(--font-mono,ui-monospace,monospace);
  padding:0;border-top:0;color:var(--nm-fg);
}
.nb--nm-page-hero>.nb-container,.nb--nm-final-cta>.nb-container,.nb--nm-inline-cta>.nb-container{max-width:none;padding:0}
.nb--nm-page-hero :where(*,*::before,*::after),.nb--nm-final-cta :where(*,*::before,*::after),.nb--nm-inline-cta :where(*,*::before,*::after){box-sizing:border-box}
.nb--nm-page-hero :where(a),.nb--nm-final-cta :where(a),.nb--nm-inline-cta :where(a){color:inherit;text-decoration:none}

/* buttons (site.css .btn) */
.nb--nm-final-cta .btn,.nb--nm-inline-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--nm-radius-md);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s,box-shadow .2s,background .15s,color .15s,border-color .15s}
.nb--nm-final-cta .btn-lg{height:52px;padding:0 26px;font-size:15px}
.nb--nm-final-cta .btn-primary,.nb--nm-inline-cta .btn-primary{background:var(--nm-primary);color:var(--nm-primary-fg)}
.nb--nm-final-cta .btn-primary:hover,.nb--nm-inline-cta .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px var(--nm-glow)}
.nb--nm-final-cta .btn-secondary{background:var(--nm-secondary);color:var(--nm-secondary-fg)}
.nb--nm-final-cta .btn-secondary:hover{transform:translateY(-1px)}

/* eyebrow */
.nb--nm-page-hero .eyebrow,.nb--nm-final-cta .eyebrow{display:inline-flex;align-items:center;font-family:var(--nm-font-mono);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:color-mix(in srgb,var(--nm-primary) 65%,#fff)}
.nb--nm-final-cta .eyebrow--muted{color:var(--nm-muted)}

/* page-hero */
.nb--nm-page-hero{position:relative;padding:clamp(88px,10vw,120px) 0 clamp(48px,7vw,88px);overflow:hidden;border-bottom:1px solid var(--nm-border)}
.nb--nm-page-hero::before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:90%;max-width:1000px;height:700px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--nm-primary) 16%,transparent) 0%,transparent 60%);pointer-events:none;z-index:0}
.nb--nm-page-hero .page-hero__inner{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}
.nb--nm-page-hero .page-hero__inner--center{text-align:center}
.nb--nm-page-hero:has(.page-hero__inner--nodivider){border-bottom:0}
.nb--nm-page-hero h1{margin:22px 0;font-family:var(--nm-font-display);font-size:clamp(40px,6.2vw,72px);font-weight:800;line-height:1.04;letter-spacing:-0.035em;color:var(--nm-fg);text-wrap:balance}
.nb--nm-page-hero h1 .gt{background:linear-gradient(180deg,var(--nm-fg) 0%,color-mix(in srgb,var(--nm-fg) 55%,transparent) 70%,color-mix(in srgb,var(--nm-fg) 18%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (forced-colors:active),print{.nb--nm-page-hero h1 .gt{background:none;color:inherit}}
.nb--nm-page-hero .page-hero__sub{font-size:clamp(18px,1.4vw,22px);color:var(--nm-muted);max-width:56ch;line-height:1.5;text-wrap:balance}
.nb--nm-page-hero .page-hero__inner--center .page-hero__sub{margin-left:auto;margin-right:auto}

/* final-cta */
.nb--nm-final-cta{position:relative;padding:clamp(80px,12vw,144px) 0;background:var(--nm-card);border-top:1px solid var(--nm-border);border-bottom:1px solid var(--nm-border);overflow:hidden}
.nb--nm-final-cta::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in oklch,var(--nm-primary) 18%,transparent),transparent 60%),radial-gradient(ellipse at 50% 120%,color-mix(in oklch,var(--nm-primary) 8%,transparent),transparent 70%)}
.nb--nm-final-cta .final__inner{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}
.nb--nm-final-cta h2{margin:16px 0 20px;font-family:var(--nm-font-display);font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-0.035em;line-height:1.05;color:var(--nm-fg)}
.nb--nm-final-cta h2 em{color:var(--nm-primary);font-style:normal}
.nb--nm-final-cta p,.nb--nm-final-cta .final__sub{color:var(--nm-muted);font-size:clamp(17px,1.4vw,20px);margin-bottom:32px;line-height:1.5}
.nb--nm-final-cta .final__sub>p{margin:0 0 .6em}
.nb--nm-final-cta .final__sub>:last-child{margin-bottom:0}
.nb--nm-final-cta .final__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.nb--nm-final-cta .final__phone{font-family:var(--nm-font-mono);font-size:13px;color:var(--nm-muted);margin:0}
.nb--nm-final-cta .final__phone a{color:var(--nm-fg);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--nm-primary) 60%,transparent);text-underline-offset:4px}

/* inline-cta */
.nb--nm-inline-cta{padding:clamp(40px,6vw,72px) 0}
.nb--nm-inline-cta .nm-inline__box{max-width:1000px;margin:0 auto;padding:clamp(24px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--nm-card);border:1px solid var(--nm-border);border-radius:var(--nm-radius-lg)}
.nb--nm-inline-cta h2{margin:0 0 6px;line-height:1.2;font-family:var(--nm-font-display);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-0.02em;color:var(--nm-fg)}
.nb--nm-inline-cta p,.nb--nm-inline-cta .nm-inline__sub{margin:0;color:var(--nm-muted);font-size:15px;line-height:1.5}
.nb--nm-inline-cta .nm-inline__sub>p+p{margin-top:.6em}
.nm-rt>p{margin:0 0 .6em}.nm-rt>:last-child{margin-bottom:0}.nm-rt :where(ul,ol){margin:.3em 0 .6em;padding-left:1.4em}.nm-rt :where(ul){list-style:disc}.nm-rt :where(ol){list-style:decimal}.nm-rt a{text-decoration:underline;text-underline-offset:2px}


/* ===== gedeelde tokens + resets + UI (alle nm-home-* blokken) ===== */
[data-nmh]{
  --nmh-bg:var(--background,oklch(0.9876 0.0085 67.7269));
  --nmh-fg:var(--foreground,oklch(0.2795 0.0368 260.0310));
  --nmh-muted:var(--muted-foreground,oklch(0.5510 0.0234 264.3637));
  --nmh-card:var(--card,oklch(0.9699 0.0013 106.4238));
  --nmh-popover:var(--popover,oklch(0.9699 0.0013 106.4238));
  --nmh-border:var(--border,oklch(0.8687 0.0043 56.3660));
  --nmh-primary:var(--primary,oklch(0.635 0.168 277));
  /* Accent-tekst op donker: de merk-primary zelf haalt als kleine tekst de AA-drempel
     niet (gemeten 2,2 op de donkere achtergrond, nodig is 4,5). Deze afgeleide houdt
     de merk-tint maar wordt licht genoeg; alleen voor TEKST, niet voor vlakken. */
  --nmh-primary-text:color-mix(in srgb,var(--nmh-primary) 65%,#fff);
  --nmh-primary-fg:var(--primary-foreground,oklch(1 0 0));
  --nmh-secondary:var(--secondary,oklch(0.8687 0.0043 56.3660));
  --nmh-secondary-fg:var(--secondary-foreground,oklch(0.4461 0.0263 256.8018));
  --nmh-destructive:var(--destructive,oklch(0.6368 0.2078 25.3313));
  --nmh-glow:var(--glow,color-mix(in oklch,var(--nmh-primary) 18%,transparent));
  --nmh-radius:var(--radius,1.25rem);
  --nmh-radius-sm:var(--radius-sm,0.5rem);
  --nmh-radius-md:var(--radius-md,0.75rem);
  --nmh-radius-lg:var(--radius-lg,1.25rem);
  --nmh-radius-xl:var(--radius-xl,1.5rem);
  --nmh-font-display:var(--brand-font-display,var(--font-display,var(--font-sans,inherit)));
  --nmh-font-mono:var(--font-mono,ui-monospace,monospace);
  --nmh-tracking-widest:var(--tracking-widest,0.1em);
  --nmh-shadow-xs:var(--shadow-xs,2px 2px 10px 4px hsl(240 4% 60% / 0.09));
  --nmh-shadow-sm:var(--shadow-sm,2px 2px 10px 4px hsl(240 4% 60% / 0.18));
  --nmh-shadow-md:var(--shadow-md,2px 2px 10px 4px hsl(240 4% 60% / 0.18),2px 2px 4px 3px hsl(240 4% 60% / 0.18));
  --nmh-shadow-xl:var(--shadow-xl,2px 2px 10px 4px hsl(240 4% 60% / 0.18),2px 8px 10px 3px hsl(240 4% 60% / 0.18));
  color:var(--nmh-fg);
  font-family:var(--font-sans,inherit);
}
[data-nmh]>.nb-container{max-width:none;padding:0}
[data-nmh] :where(*,*::before,*::after){box-sizing:border-box}
[data-nmh] :where(p,h1,h2,h3,ul){margin:0}
[data-nmh] :where(img){display:block;max-width:100%}
[data-nmh] :where(a){color:inherit;text-decoration:none}
[data-nmh] svg{display:block}
[data-nmh] .nmh-container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,32px);position:relative;z-index:2}
/* De nm-bundle halveert de mobiele zijmarge naar 10px via body.nm-root .nmh-container
   (0,2,1) — dat mocht, omdat het app-frame op de homepage er al 14px afsnoepte. Loopt dat
   frame tot de schermrand, dan blijft er 10px over en staat de tekst te dicht op de rand.
   Alleen op de hero-pagina terug naar de eigen clamp; (0,3,1) wint van die bundelregel,
   en de :has-scope laat andere pagina-s ongemoeid.
   Geen backticks in dit commentaar: deze CSS staat in een template literal. */
@media (max-width:640px){body:has(.nb--nm-home-hero) [data-nmh] .nmh-container{padding-left:clamp(20px,4vw,32px);padding-right:clamp(20px,4vw,32px)}}
[data-nmh] h1{font-family:var(--nmh-font-display);font-size:clamp(40px,6.2vw,72px);font-weight:var(--brand-font-display-weight,800);line-height:1.04;letter-spacing:-0.035em;text-wrap:balance;color:var(--nmh-fg)}
[data-nmh] h2{font-family:var(--nmh-font-display);font-size:clamp(30px,4vw,50px);font-weight:var(--brand-font-display-weight,700);line-height:1.08;letter-spacing:-0.025em;text-wrap:balance;color:var(--nmh-fg)}
[data-nmh] h3{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--nmh-fg)}
[data-nmh] .lead{font-size:clamp(17px,1.4vw,20px);color:var(--nmh-muted);line-height:1.55;max-width:60ch;text-wrap:pretty}
[data-nmh] .gradient-text{background:linear-gradient(180deg,var(--nmh-fg) 0%,color-mix(in srgb,var(--nmh-fg) 55%,transparent) 70%,color-mix(in srgb,var(--nmh-fg) 18%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (forced-colors:active),print{[data-nmh] .gradient-text{background:none;color:inherit}}
[data-nmh] .section__head{margin-bottom:clamp(40px,6vw,72px);max-width:780px}
[data-nmh] .section__head>*+*{margin-top:18px}
[data-nmh] .section__head--center{margin-inline:auto;text-align:center}
[data-nmh] .eyebrow{display:inline-flex;align-items:center;font-family:var(--nmh-font-mono);font-size:11px;font-weight:600;letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase;color:var(--nmh-primary-text)}
[data-nmh] .eyebrow--muted{color:var(--nmh-muted)}
[data-nmh] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--nmh-radius-md);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;border:0;font-family:inherit;transition:transform .15s ease,box-shadow .2s ease,background .15s ease,color .15s ease,border-color .15s ease}
[data-nmh] .btn-lg{height:52px;padding:0 26px;font-size:15px}
[data-nmh] .btn-sm{height:36px;padding:0 14px;font-size:13px}
[data-nmh] .btn-primary{background:var(--nmh-primary);color:var(--nmh-primary-fg);box-shadow:var(--nmh-shadow-sm)}
[data-nmh] .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--nmh-shadow-md)}
[data-nmh] .btn-secondary{background:var(--nmh-secondary);color:var(--nmh-secondary-fg);box-shadow:var(--nmh-shadow-xs)}
[data-nmh] .btn-secondary:hover{transform:translateY(-1px)}
[data-nmh] .btn-ghost{background:transparent;color:var(--nmh-muted);border:1px solid var(--nmh-border)}
[data-nmh] .btn-ghost:hover{color:var(--nmh-fg);background:color-mix(in oklch,var(--nmh-fg) 6%,transparent);border-color:color-mix(in oklch,var(--nmh-fg) 16%,transparent)}

/* ===== §1 nm-home-hero ===== */
.nb--nm-home-hero{position:relative;padding:clamp(88px,10vw,120px) 0 clamp(48px,7vw,88px);overflow:hidden}
.nb--nm-home-hero .hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.nb--nm-home-hero .hero__bg canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.nb--nm-home-hero .hero__bg::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:90%;max-width:1000px;height:800px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--nmh-primary) 10%,transparent) 0%,transparent 60%)}
.nb--nm-home-hero .hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,var(--nmh-bg) 100%)}
.nb--nm-home-hero .hero__inner{position:relative;z-index:2;text-align:center;max-width:980px;margin:0 auto}
.nb--nm-home-hero .hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:color-mix(in oklch,var(--nmh-primary) 12%,transparent);border:1px solid color-mix(in oklch,var(--nmh-primary) 30%,transparent);font-family:var(--nmh-font-mono);font-size:11px;font-weight:600;color:var(--nmh-primary);letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase;margin-bottom:28px}
.nb--nm-home-hero .hero__badge .dot{width:6px;height:6px;border-radius:999px;background:var(--nmh-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--nmh-primary) 25%,transparent);animation:nmh-hero-pulse 2.4s ease-in-out infinite}
@keyframes nmh-hero-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in oklch,var(--nmh-primary) 25%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--nmh-primary) 10%,transparent)}}
.nb--nm-home-hero .hero__inner h1{margin:0 0 24px}
.nb--nm-home-hero .hero__sub{font-size:clamp(18px,1.5vw,22px);color:var(--nmh-muted);max-width:680px;margin:0 auto 40px;line-height:1.5;text-wrap:balance}
.nb--nm-home-hero .hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.nb--nm-home-hero .hero__trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-family:var(--nmh-font-mono);font-size:12px;color:var(--nmh-muted)}
.nb--nm-home-hero .hero__trust b{font-weight:600;color:var(--nmh-fg)}
.nb--nm-home-hero .hero__trust .sep{opacity:.5}
/* Eén kant van de 768px-grens: tegenhanger van een nm-demoplayer die zichzelf
   onder die grens verbergt — samen dragen ze het hero-beeld op élk scherm. */
@media(min-width:768px){.nb--nm-home-hero .hero__dash--mobile{display:none}}
@media(max-width:767px){.nb--nm-home-hero .hero__dash--desktop{display:none}}
.nb--nm-home-hero .hero__dash{position:relative;z-index:2;margin:clamp(56px,8vw,96px) auto 0;max-width:1100px;background:var(--nmh-card);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-xl);padding:18px;box-shadow:var(--nmh-shadow-xl);overflow:hidden}
.nb--nm-home-hero .dash__bar{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--nmh-border)}
.nb--nm-home-hero .dash__dots{display:flex;gap:6px}
.nb--nm-home-hero .dash__dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in oklch,var(--nmh-fg) 18%,transparent);display:inline-block}
.nb--nm-home-hero .dash__title{font-family:var(--nmh-font-mono);font-size:11px;color:var(--nmh-muted);letter-spacing:0.04em}
.nb--nm-home-hero .dash__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--nmh-font-mono);font-size:10px;color:var(--nmh-primary);padding:4px 10px;border-radius:999px;background:color-mix(in oklch,var(--nmh-primary) 12%,transparent);border:1px solid color-mix(in oklch,var(--nmh-primary) 30%,transparent);letter-spacing:var(--nmh-tracking-widest);font-weight:600}
.nb--nm-home-hero .dash__live i{width:5px;height:5px;border-radius:999px;background:var(--nmh-primary);animation:nmh-hero-pulse 2.4s ease-in-out infinite}
.nb--nm-home-hero .dash__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 14px}
.nb--nm-home-hero .kpi{background:color-mix(in oklch,var(--nmh-fg) 3%,transparent);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-md);padding:14px 16px;position:relative;overflow:hidden}
.nb--nm-home-hero .kpi__label{font-family:var(--nmh-font-mono);font-size:10.5px;letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase;color:var(--nmh-muted);font-weight:600}
.nb--nm-home-hero .kpi__value{font-family:var(--nmh-font-mono);font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-0.02em;margin-top:6px;color:var(--nmh-fg);font-variant-numeric:tabular-nums}
.nb--nm-home-hero .kpi__delta{font-size:11.5px;color:var(--nmh-primary-text);font-weight:600;margin-top:4px;font-family:var(--nmh-font-mono)}
.nb--nm-home-hero .kpi__delta.down{color:color-mix(in oklch,var(--nmh-destructive) 80%,var(--nmh-fg) 20%)}
.nb--nm-home-hero .kpi--active{border-color:color-mix(in oklch,var(--nmh-primary) 38%,transparent);background:color-mix(in oklch,var(--nmh-primary) 10%,transparent);animation:nmh-kpi-breathe 3.4s ease-in-out infinite}
@keyframes nmh-kpi-breathe{0%,100%{box-shadow:0 0 0 1px color-mix(in oklch,var(--nmh-primary) 10%,transparent),0 0 18px -8px color-mix(in oklch,var(--nmh-primary) 50%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in oklch,var(--nmh-primary) 20%,transparent),0 0 32px -4px color-mix(in oklch,var(--nmh-primary) 70%,transparent)}}
.nb--nm-home-hero .dash__chart{background:color-mix(in oklch,var(--nmh-fg) 3%,transparent);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-md);padding:16px;position:relative}
.nb--nm-home-hero .dash__chart-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.nb--nm-home-hero .dash__chart-title{font-size:13px;font-weight:600;color:var(--nmh-fg)}
.nb--nm-home-hero .dash__legend{margin-left:auto;display:flex;gap:14px;font-family:var(--nmh-font-mono);font-size:10.5px;color:var(--nmh-muted)}
.nb--nm-home-hero .dash__legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}
.nb--nm-home-hero .dash__legend i.l1{background:var(--nmh-primary)}
.nb--nm-home-hero .dash__legend i.l2{background:color-mix(in oklch,var(--nmh-fg) 30%,transparent)}
.nb--nm-home-hero .dash__chart svg{width:100%;height:110px;overflow:visible}
.nb--nm-home-hero .dash__chart svg .line1{stroke:var(--nmh-primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in oklch,var(--nmh-primary) 60%,transparent))}
.nb--nm-home-hero .dash__chart svg .line2{stroke:color-mix(in oklch,var(--nmh-fg) 24%,transparent);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 4}
.nb--nm-home-hero .dash__chart svg .area1{fill:url(#nm-area-grad)}
.nb--nm-home-hero .dash__chart svg .end-pulse{fill:var(--nmh-primary);animation:nmh-end-pulse 2.2s ease-in-out infinite}
@keyframes nmh-end-pulse{0%,100%{r:4;opacity:1}50%{r:8;opacity:.5}}
.nb--nm-home-hero .dash__sjef{position:absolute;right:18px;bottom:38px;max-width:320px;background:var(--nmh-popover);border:1px solid color-mix(in oklch,var(--nmh-primary) 30%,transparent);border-radius:var(--nmh-radius-md);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;box-shadow:var(--nmh-shadow-md);font-size:12.5px}
.nb--nm-home-hero .dash__sjef .av{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--nmh-primary),color-mix(in oklch,var(--nmh-primary) 70%,black));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--nmh-primary-fg);font-size:12px}
.nb--nm-home-hero .dash__sjef .msg{flex:1;min-width:0;color:var(--nmh-fg)}
.nb--nm-home-hero .dash__sjef .msg b{font-weight:600}
.nb--nm-home-hero .dash__sjef .msg span{display:block;color:var(--nmh-muted);margin-top:2px;font-size:12px;line-height:1.4}
.nb--nm-home-hero .dash__sjef .badge{font-family:var(--nmh-font-mono);font-size:10px;font-weight:600;letter-spacing:var(--nmh-tracking-widest);color:var(--nmh-primary);padding:3px 6px;border-radius:var(--nmh-radius-sm);background:color-mix(in oklch,var(--nmh-primary) 12%,transparent)}
@media(max-width:880px){.nb--nm-home-hero .hero__dash{padding:14px}.nb--nm-home-hero .dash__grid{grid-template-columns:repeat(2,1fr)}.nb--nm-home-hero .dash__sjef{position:static;max-width:none;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.nb--nm-home-hero .hero__badge .dot,.nb--nm-home-hero .dash__live i,.nb--nm-home-hero .kpi--active,.nb--nm-home-hero .dash__chart svg .end-pulse{animation:none}}

/* ===== §2 nm-own-brands ===== */
.nb--nm-own-brands{padding:clamp(56px,8vw,96px) 0}
.nb--nm-own-brands .section__head{max-width:540px;margin-bottom:clamp(36px,5vw,56px)}
.nb--nm-own-brands .brands{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-lg);background:var(--nmh-card);overflow:hidden}
.nb--nm-own-brands .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px;gap:12px;min-height:168px;transition:background .2s}
.nb--nm-own-brands .brand:hover{background:color-mix(in oklch,var(--nmh-fg) 4%,transparent)}
.nb--nm-own-brands .brand+.brand{border-left:1px solid var(--nmh-border)}
.nb--nm-own-brands .brand__mark{font-family:var(--nmh-font-display);font-weight:var(--brand-font-display-weight,800);font-size:26px;letter-spacing:-0.025em;color:var(--nmh-fg)}
.nb--nm-own-brands .brand__mark .v{color:var(--nmh-primary)}
/* Monochroom via filter i.p.v. mask-image: een CSS-mask op een logo van een andere origin (R2) faalt zonder CORS. */
.nb--nm-own-brands .brand__logo img{display:block;height:44px;width:auto;max-width:200px;object-fit:contain;filter:brightness(0);opacity:.88;transition:opacity .2s}
.dark .nb--nm-own-brands .brand__logo img{filter:brightness(0) invert(1)}
.nb--nm-own-brands .brand:hover .brand__logo img{opacity:1}
.nb--nm-own-brands .brand__tag{font-family:var(--nmh-font-mono);font-size:11px;font-weight:600;color:var(--nmh-muted);letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase}
.nb--nm-own-brands .brands-cap{text-align:center;margin-top:36px}
.nb--nm-own-brands .brands-cap h2{font-size:clamp(24px,2.8vw,34px);font-weight:700;letter-spacing:-0.02em;margin-bottom:8px}
.nb--nm-own-brands .brands-cap p{color:var(--nmh-muted);max-width:56ch;margin:0 auto;font-size:15.5px}
@media(max-width:720px){.nb--nm-own-brands .brands{grid-template-columns:1fr}.nb--nm-own-brands .brand+.brand{border-left:0;border-top:1px solid var(--nmh-border)}}

/* ===== §2b nm-bignum (bewust donkere statband → expliciete lichte tekst) ===== */
.nb--nm-bignum{position:relative;overflow:hidden;border-top:1px solid var(--nmh-border);border-bottom:1px solid var(--nmh-border);background:oklch(0.1250 0.0020 67);padding:clamp(88px,12vw,160px) 0}
.nb--nm-bignum::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in oklch,white 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,white 4%,transparent) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 78%)}
.nb--nm-bignum .bignum__row{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}
.nb--nm-bignum .bignum__row::before{content:"";position:absolute;top:-44px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,white 28%,transparent),transparent)}
.nb--nm-bignum .bn__val{font-family:var(--nmh-font-display);font-weight:var(--brand-font-display-weight,700);font-size:clamp(56px,7.5vw,112px);letter-spacing:-0.045em;line-height:1;color:oklch(0.9350 0.0060 255);font-variant-numeric:tabular-nums}
.nb--nm-bignum .bn__cap{margin-top:20px;font-family:var(--nmh-font-mono);font-size:13px;color:oklch(0.6800 0.0120 261);letter-spacing:0.02em}
@media(max-width:720px){.nb--nm-bignum .bignum__row::before{display:none}}

/* ===== §4 nm-module-grid ===== */
.nb--nm-module-grid{padding:clamp(72px,11vw,144px) 0}
.nb--nm-module-grid .modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nb--nm-module-grid .mod{position:relative;background:var(--nmh-card);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-lg);padding:28px;min-height:240px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;cursor:pointer;overflow:hidden;--cat:var(--nmh-primary)}
.nb--nm-module-grid .mod[data-cat="reach"]{--cat:var(--cat-reach,oklch(0.72 0.14 235))}
.nb--nm-module-grid .mod[data-cat="presence"]{--cat:var(--cat-presence,oklch(0.70 0.17 300))}
.nb--nm-module-grid .mod[data-cat="engage"]{--cat:var(--cat-engage,oklch(0.78 0.15 70))}
.nb--nm-module-grid .mod[data-cat="verkoop"]{--cat:var(--cat-verkoop,oklch(0.78 0.17 150))}
.nb--nm-module-grid .mod[data-cat="brain"]{--cat:var(--nmh-primary)}
.nb--nm-module-grid .mod[data-cat="findability"]{--cat:var(--cat-findability,oklch(0.72 0.16 340))}
.nb--nm-module-grid .mod:hover{border-color:color-mix(in oklch,var(--cat) 40%,var(--nmh-border));transform:translateY(-2px);box-shadow:var(--nmh-shadow-md),0 0 40px -16px color-mix(in oklch,var(--cat) 50%,transparent)}
.nb--nm-module-grid .mod__icon{width:42px;height:42px;border-radius:var(--nmh-radius-md);background:color-mix(in oklch,var(--cat) 12%,transparent);border:1px solid color-mix(in oklch,var(--cat) 26%,var(--nmh-border));display:flex;align-items:center;justify-content:center;color:var(--cat);flex-shrink:0}
.nb--nm-module-grid .mod__title{font-size:21px;font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:var(--nmh-fg)}
/* Merktegel: het logo staat op de plek van het categorie-icoon. Hoogte is de
   constante, breedte volgt de vorm — een vaste breedte drukt een woordmerk
   plat. Bij een woordmerk-logo (staat al de naam in de tekening) blijft de
   losse tekstkop uit de markup, alleen niet zichtbaar (--vh). Bij een kale
   glyph-logo (isGlyphBrandMark) blijft .mod__title gewoon zichtbaar — dan is
   het logo net zo klein als het categorie-icoon dat het vervangt. */
.nb--nm-module-grid .mod__logo{display:flex;align-items:center;min-height:42px}
.nb--nm-module-grid .mod__logo img{height:26px;width:auto;max-width:100%;object-fit:contain;display:block}
.nb--nm-module-grid .mod__title--vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nb--nm-module-grid .mod__logo:has(+ .mod__title:not(.mod__title--vh)) img{height:42px;width:42px;object-fit:contain}
.nb--nm-module-grid .mod__title em{color:var(--cat);font-style:normal}
.nb--nm-module-grid .mod__desc{color:var(--nmh-muted);font-size:14.5px;line-height:1.55;flex:1}
.nb--nm-module-grid .mod__arrow{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--cat);margin-top:auto;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.nb--nm-module-grid .mod:hover .mod__arrow{opacity:1;transform:translateX(0)}
.nb--nm-module-grid .mod--brain{background:radial-gradient(circle at top right,color-mix(in oklch,var(--nmh-primary) 14%,transparent),transparent 70%),var(--nmh-card);border-color:color-mix(in oklch,var(--nmh-primary) 30%,transparent)}
.nb--nm-module-grid .mod--brain .mod__icon{background:linear-gradient(135deg,var(--nmh-primary),color-mix(in oklch,var(--nmh-primary) 60%,black));color:var(--nmh-primary-fg);border:0}
.nb--nm-module-grid .mod--plus{background:color-mix(in oklch,var(--nmh-primary) 6%,var(--nmh-card));border-color:color-mix(in oklch,var(--nmh-primary) 30%,transparent);--cat:var(--nmh-primary)}
.nb--nm-module-grid .mod--plus .mod__icon{background:var(--nmh-primary);color:var(--nmh-primary-fg);border:0}
.nb--nm-module-grid .mod--img{padding:0;gap:0;min-height:0}
.nb--nm-module-grid .mod__media{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;border-bottom:1px solid var(--nmh-border);background:radial-gradient(120% 90% at 20% 0%,color-mix(in oklch,var(--cat) 22%,transparent),transparent 60%),var(--nmh-card)}
.nb--nm-module-grid .mod__media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s}
.nb--nm-module-grid .mod--img:hover .mod__media img{transform:scale(1.035)}
.nb--nm-module-grid .mod__ph{position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklch,var(--cat) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--cat) 10%,transparent) 1px,transparent 1px);background-size:24px 24px}
.nb--nm-module-grid .mod__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.nb--nm-module-grid .mod__label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nmh-muted)}
.nb--nm-module-grid .mod__label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cat);box-shadow:0 0 10px var(--cat)}
.nb--nm-module-grid .mod--img .mod__title{font-size:19px}
.nb--nm-module-grid .mod--img .mod__desc{font-size:14px}
.nb--nm-module-grid .mod--img .mod__arrow{opacity:1;transform:none;padding-top:10px}
.nb--nm-module-grid .mod--feature{grid-column:1/-1;flex-direction:row}
.nb--nm-module-grid .mod--feature .mod__media{aspect-ratio:auto;width:58%;min-height:320px;flex:none;border-bottom:0;border-right:1px solid var(--nmh-border)}
.nb--nm-module-grid .mod--feature .mod__body{padding:32px;justify-content:center}
.nb--nm-module-grid .mod--feature .mod__title{font-size:28px}
.nb--nm-module-grid .mod--feature .mod__desc{font-size:15px;max-width:40ch;flex:0}
@media (max-width:720px){.nb--nm-module-grid .mod--feature{flex-direction:column}.nb--nm-module-grid .mod--feature .mod__media{width:100%;min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--nmh-border)}.nb--nm-module-grid .mod--feature .mod__body{padding:20px}.nb--nm-module-grid .mod--feature .mod__title{font-size:22px}}
@media (prefers-reduced-motion:reduce){.nb--nm-module-grid .mod__media img{transition:none}}
@media(max-width:980px){.nb--nm-module-grid .modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nb--nm-module-grid .modules{grid-template-columns:1fr}}

/* ===== §6 nm-screenshots ===== */
.nb--nm-screenshots{padding:clamp(72px,11vw,144px) 0}
.nb--nm-screenshots .nmh-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.nb--nm-screenshots .nmh-shot{background:var(--nmh-card);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-lg);overflow:hidden;box-shadow:var(--nmh-shadow-xs)}
.nb--nm-screenshots .nmh-shot__frame{aspect-ratio:16/10;position:relative;overflow:hidden;border-bottom:1px solid var(--nmh-border);background:var(--nmh-bg)}
.nb--nm-screenshots .nmh-shot__frame img{width:100%;height:100%;object-fit:cover}
.nb--nm-screenshots .nmh-shot__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--nmh-primary) 10%,transparent) 0 2px,transparent 2px 16px),linear-gradient(135deg,color-mix(in oklch,var(--nmh-primary) 14%,transparent),color-mix(in oklch,var(--nmh-primary) 3%,transparent))}
.nb--nm-screenshots .nmh-shot__ph span{font-family:var(--nmh-font-mono);font-size:11px;letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase;color:color-mix(in oklch,var(--nmh-fg) 75%,transparent);padding:6px 12px;border-radius:var(--nmh-radius-sm);background:color-mix(in oklch,var(--nmh-bg) 60%,transparent);border:1px dashed color-mix(in oklch,var(--nmh-fg) 22%,transparent)}
.nb--nm-screenshots .nmh-shot__body{padding:20px 22px 24px}
.nb--nm-screenshots .nmh-shot__label{font-size:16px;font-weight:600;color:var(--nmh-fg);margin-bottom:6px}
.nb--nm-screenshots .nmh-shot__cap{font-size:14px;line-height:1.55;color:var(--nmh-muted)}
@media(max-width:720px){.nb--nm-screenshots .nmh-shots{grid-template-columns:1fr}}

/* ===== §7 nm-testimonials ===== */
.nb--nm-testimonials{padding:clamp(72px,11vw,144px) 0}
.nb--nm-testimonials .testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nb--nm-testimonials .testi{background:var(--nmh-card);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-lg);padding:28px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--nmh-shadow-xs)}
.nb--nm-testimonials .testi__quote{font-size:18.5px;line-height:1.45;letter-spacing:-0.01em;color:var(--nmh-fg);font-weight:500;flex:1}
.nb--nm-testimonials .testi__quote::before{content:"\201C";color:var(--nmh-primary-text);font-size:32px;line-height:0;vertical-align:-14px;margin-right:4px;font-weight:700}
.nb--nm-testimonials .testi__quote em{color:var(--nmh-primary-text);font-style:normal}
.nb--nm-testimonials .testi__person{display:flex;gap:12px;align-items:center}
.nb--nm-testimonials .testi__av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--nmh-primary-fg);background:linear-gradient(135deg,var(--nmh-primary),color-mix(in oklch,var(--nmh-primary) 60%,black))}
.nb--nm-testimonials .testi__av.b{background:linear-gradient(135deg,oklch(0.72 0.18 30),oklch(0.5 0.16 25))}
.nb--nm-testimonials .testi__av.c{background:linear-gradient(135deg,oklch(0.72 0.12 220),oklch(0.5 0.16 240))}
.nb--nm-testimonials .testi__av.d{background:linear-gradient(135deg,oklch(0.74 0.14 150),oklch(0.5 0.14 160))}
.nb--nm-testimonials .testi__name{font-weight:600;font-size:14.5px;color:var(--nmh-fg)}
.nb--nm-testimonials .testi__role{font-size:13px;color:var(--nmh-muted)}
@media(max-width:880px){.nb--nm-testimonials .testis{grid-template-columns:1fr}}

/* ===== §8 nm-plans ===== */
.nb--nm-plans{padding:clamp(72px,11vw,144px) 0}
.nb--nm-plans .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.nb--nm-plans .plan{background:var(--nmh-card);border:1px solid var(--nmh-border);border-radius:var(--nmh-radius-lg);padding:32px 28px;display:flex;flex-direction:column;gap:18px;position:relative;box-shadow:var(--nmh-shadow-xs)}
.nb--nm-plans .plan--pro{background:linear-gradient(180deg,color-mix(in oklch,var(--nmh-primary) 8%,var(--nmh-card)) 0%,var(--nmh-card) 60%);border-color:color-mix(in oklch,var(--nmh-primary) 36%,transparent);box-shadow:var(--nmh-shadow-xl),0 0 80px -20px var(--nmh-glow);transform:translateY(-4px)}
.nb--nm-plans .plan__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--nmh-font-mono);font-size:10.5px;letter-spacing:var(--nmh-tracking-widest);background:var(--nmh-primary);color:var(--nmh-primary-fg);padding:5px 12px;border-radius:999px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.nb--nm-plans .plan__name{font-family:var(--nmh-font-mono);font-size:12px;letter-spacing:var(--nmh-tracking-widest);text-transform:uppercase;color:var(--nmh-muted);font-weight:600}
.nb--nm-plans .plan--pro .plan__name{color:var(--nmh-primary)}
.nb--nm-plans .plan__price{display:flex;align-items:baseline;gap:6px;font-family:var(--nmh-font-display);letter-spacing:-0.03em;font-weight:var(--brand-font-display-weight,800)}
.nb--nm-plans .plan__price-val{font-size:52px;line-height:1;color:var(--nmh-fg)}
.nb--nm-plans .plan__price-per{color:var(--nmh-muted);font-size:13.5px;font-weight:500;letter-spacing:0}
.nb--nm-plans .plan__one{color:var(--nmh-muted);font-size:14.5px;line-height:1.5}
.nb--nm-plans .plan__intro{margin-top:10px;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--nmh-fg,inherit);background:color-mix(in srgb,var(--nmh-primary,#7c5cff) 14%,transparent)}
.nb--nm-plans .plan__sep{height:1px;background:var(--nmh-border);margin:4px 0}
.nb--nm-plans .plan__feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.nb--nm-plans .plan__feats li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--nmh-fg)}
.nb--nm-plans .plan__feats li .check{flex-shrink:0;color:var(--nmh-primary);margin-top:2px;width:16px;height:16px}
.nb--nm-plans .plan .btn{margin-top:auto;width:100%;height:46px}
.nb--nm-plans .plans-cta{text-align:center;margin-top:32px}
.nb--nm-plans .plans-cta a{color:var(--nmh-primary-text);font-weight:600;font-size:14.5px}
@media(max-width:880px){.nb--nm-plans .plans{grid-template-columns:1fr}.nb--nm-plans .plan--pro{transform:none}}

/* ===== §9 nm-home-faq ===== */
.nb--nm-home-faq{padding:clamp(72px,11vw,144px) 0}
.nb--nm-home-faq .faq{border-top:1px solid var(--nmh-border);max-width:920px}
.nb--nm-home-faq .faq__item{border-bottom:1px solid var(--nmh-border)}
.nb--nm-home-faq .faq__btn{width:100%;text-align:left;padding:24px 0;display:flex;align-items:center;gap:20px;font-size:18px;font-weight:600;color:var(--nmh-fg);letter-spacing:-0.015em;transition:color .15s;background:none;border:0;cursor:pointer;font-family:inherit}
.nb--nm-home-faq .faq__btn:hover{color:var(--nmh-primary-text)}
.nb--nm-home-faq .faq__num{font-family:var(--nmh-font-mono);font-size:12px;color:var(--nmh-muted);width:32px;letter-spacing:0.06em;font-weight:600}
.nb--nm-home-faq .faq__q{flex:1}
.nb--nm-home-faq .faq__plus{width:22px;height:22px;position:relative;flex-shrink:0}
.nb--nm-home-faq .faq__plus::before,.nb--nm-home-faq .faq__plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--nmh-muted);transform:translate(-50%,-50%);transition:transform .25s,background .15s}
.nb--nm-home-faq .faq__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.nb--nm-home-faq .faq__item.is-open .faq__plus::after{transform:translate(-50%,-50%) rotate(0)}
.nb--nm-home-faq .faq__item.is-open .faq__plus::before,.nb--nm-home-faq .faq__item.is-open .faq__plus::after{background:var(--nmh-primary)}
.nb--nm-home-faq .faq__item.is-open .faq__btn{color:var(--nmh-primary-text)}
.nb--nm-home-faq .faq__a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.nb--nm-home-faq .faq__item.is-open .faq__a{max-height:340px}
.nb--nm-home-faq .faq__a-inner{padding:0 52px 28px 52px;font-size:15.5px;color:var(--nmh-muted);line-height:1.65}
.nb--nm-home-faq .faq__a-inner em{color:var(--nmh-primary-text);font-style:normal}
@media(max-width:600px){.nb--nm-home-faq .faq__num{display:none}.nb--nm-home-faq .faq__a-inner{padding:0 0 24px 0}}
.nm-rt>p{margin:0 0 .6em}.nm-rt>:last-child{margin-bottom:0}.nm-rt :where(ul,ol){margin:.3em 0 .6em;padding-left:1.4em}.nm-rt :where(ul){list-style:disc}.nm-rt :where(ol){list-style:decimal}.nm-rt a{text-decoration:underline;text-underline-offset:2px}


/* ===== gedeelde tokens (alle nm-vs-* blokken) ===== */
[data-neura-block^="nm-vs-"]{
  --nvs-bg:var(--background,oklch(0.1700 0.0140 285));
  --nvs-fg:var(--foreground,oklch(1 0 0));
  --nvs-muted:var(--muted-foreground,oklch(0.6600 0.0180 285));
  --nvs-card:var(--card,oklch(0.2400 0.0140 285));
  --nvs-card-2:var(--muted,oklch(0.2800 0.0120 285));
  --nvs-border:var(--border,color-mix(in oklch,var(--nvs-fg) 12%,transparent));
  --nvs-primary:var(--primary,oklch(0.5400 0.2000 285));
  --nvs-primary-fg:var(--primary-foreground,oklch(1 0 0));
  --nvs-primary-hi:color-mix(in oklch,var(--nvs-primary) 70%,white);
  --nvs-primary-pale:color-mix(in oklch,var(--nvs-primary) 22%,white);
  --nvs-good:oklch(0.8200 0.1700 152);
  --nvs-bad:oklch(0.7100 0.1600 22);
  --nvs-warn:oklch(0.8400 0.1600 85);
  --nvs-radius:var(--radius-lg,0.875rem);
  --nvs-radius-sm:var(--radius-md,0.625rem);
  --nvs-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nvs-font-mono:var(--font-mono,ui-monospace,monospace);
  padding:0;border-top:0;color:var(--nvs-fg);
  font-family:var(--font-body,var(--brand-font-body,inherit));
}
section[data-neura-block^="nm-vs-"]>.nb-container{max-width:none;padding:0}
section[data-neura-block^="nm-vs-"] :where(*,*::before,*::after){box-sizing:border-box}
section[data-neura-block^="nm-vs-"] :where(p,h1,h2,h3,ul,ol,li){margin:0}
section[data-neura-block^="nm-vs-"] :where(ul,ol){list-style:none;padding:0}
section[data-neura-block^="nm-vs-"] :where(a){color:var(--nvs-primary-hi);text-decoration:none}
section[data-neura-block^="nm-vs-"] :where(img){display:block;max-width:100%}
section[data-neura-block^="nm-vs-"] .nvs-container{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,24px);position:relative;z-index:2}
/* Een globale storefront-reset zet img,svg op display:block. Een blok-element
   begint altijd op een nieuwe regel, dus een icoon náást tekst zakte eronder.
   Hier één keer terug naar inline-block; binnen een flex-container blokkificeert
   de browser hem toch, dus dit raakt de bestaande flex-iconen niet. */
section[data-neura-block^="nm-vs-"] .i{display:inline-block;width:1.15em;height:1.15em;vertical-align:-0.2em;flex-shrink:0}
section[data-neura-block^="nm-vs-"] .i-lg{width:28px;height:28px;stroke-width:1.8;color:var(--nvs-primary-hi)}
section[data-neura-block^="nm-vs-"] .vs-sec{font-family:var(--nvs-font-display);font-size:clamp(24px,3.5vw,32px);font-weight:700;text-align:center;letter-spacing:-0.01em;line-height:1.15;margin-bottom:8px;text-wrap:balance}
section[data-neura-block^="nm-vs-"] .vs-sec em{font-style:normal;color:var(--nvs-primary-hi)}
section[data-neura-block^="nm-vs-"] .vs-sec-sub{text-align:center;color:var(--nvs-muted);margin:0 auto 36px;max-width:600px;font-size:15.5px;line-height:1.6;text-wrap:pretty}

/* ===== knoppen ===== */
section[data-neura-block^="nm-vs-"] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--nvs-radius-sm);font-weight:600;font-size:16px;line-height:1;border:none;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s,transform .15s}
section[data-neura-block^="nm-vs-"] .btn-primary{background:var(--nvs-primary);color:var(--nvs-primary-fg);box-shadow:0 0 24px color-mix(in oklch,var(--nvs-primary) 35%,transparent)}
section[data-neura-block^="nm-vs-"] .btn-primary:hover{background:var(--nvs-primary-hi);transform:translateY(-1px)}
section[data-neura-block^="nm-vs-"] .btn-ghost{background:transparent;color:var(--nvs-primary-pale);border:1px solid color-mix(in oklch,var(--nvs-primary-pale) 35%,transparent)}
section[data-neura-block^="nm-vs-"] .btn-ghost:hover{border-color:var(--nvs-primary-hi);color:var(--nvs-fg)}

/* ===== vs-hero ===== */
.nb--nm-vs-hero{position:relative;padding:clamp(64px,9vw,80px) 0 clamp(48px,7vw,60px);text-align:center;overflow:hidden}
.nb--nm-vs-hero .vs-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% -10%,color-mix(in oklch,var(--nvs-primary) 32%,transparent),transparent)}
.nb--nm-vs-hero .vs-badge{display:inline-block;background:color-mix(in oklch,var(--nvs-primary) 16%,transparent);color:var(--nvs-primary-pale);border:1px solid color-mix(in oklch,var(--nvs-primary) 50%,transparent);padding:4px 14px;border-radius:99px;font-size:13px;font-weight:600;margin-bottom:16px}
.nb--nm-vs-hero h1{font-family:var(--nvs-font-display);font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.12;letter-spacing:-0.02em;margin-bottom:16px;text-wrap:balance}
.nb--nm-vs-hero h1 em{font-style:normal;background:linear-gradient(180deg,var(--nvs-fg) 0%,color-mix(in srgb,var(--nvs-fg) 55%,transparent) 70%,color-mix(in srgb,var(--nvs-fg) 18%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (forced-colors:active),print{.nb--nm-vs-hero h1 em{background:none;color:inherit}}
.nb--nm-vs-hero .vs-hero__sub{font-size:clamp(16px,1.6vw,19px);color:var(--nvs-muted);max-width:640px;margin:0 auto 28px;line-height:1.6;text-wrap:pretty}
.nb--nm-vs-hero .vs-hero__sub strong{color:var(--nvs-primary-pale);font-weight:600}
.nb--nm-vs-hero .vs-hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.nb--nm-vs-hero .vs-trust{margin-top:28px;font-size:14px;color:var(--nvs-muted);display:flex;gap:8px 18px;justify-content:center;flex-wrap:wrap}
.nb--nm-vs-hero .vs-trust__item{display:inline-flex;align-items:center;gap:7px}
.nb--nm-vs-hero .vs-trust__item .i{color:var(--nvs-warn)}
.nb--nm-vs-hero .vs-trust strong{color:var(--nvs-fg);font-weight:600}
/* De sticky balk hangt onder de sitechrome (header 210 / balk 220 / overlay 300) —
   210 zou over het menu heen vallen zodra dat openklapt. */
.nb--nm-vs-hero .vs-sticky{position:fixed;bottom:0;left:0;right:0;z-index:205;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;background:color-mix(in oklch,var(--nvs-bg) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--nvs-border)}
.nb--nm-vs-hero .vs-sticky[hidden]{display:none}
.nb--nm-vs-hero .vs-sticky b{font-size:15px}
.nb--nm-vs-hero .vs-sticky .btn{padding:10px 20px;font-size:14.5px}
@media(max-width:760px){.nb--nm-vs-hero .vs-sticky b{display:none}.nb--nm-vs-hero .vs-sticky{justify-content:center}}

/* ===== vs-verdict ===== */
.nb--nm-vs-verdict{padding:clamp(24px,4vw,32px) 0}
.nb--nm-vs-verdict .vs-verdict{background:var(--nvs-card);border:1px solid var(--nvs-border);border-left:3px solid var(--nvs-primary);border-radius:var(--nvs-radius);padding:24px 28px;max-width:820px;margin:0 auto}
.nb--nm-vs-verdict h2{font-family:var(--nvs-font-display);font-size:17px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.nb--nm-vs-verdict h2 .i{color:var(--nvs-primary-hi)}
.nb--nm-vs-verdict p{color:var(--nvs-muted);font-size:15px;line-height:1.65}
.nb--nm-vs-verdict p+p{margin-top:8px}
.nb--nm-vs-verdict strong{color:var(--nvs-fg);font-weight:600}

/* ===== vs-verdict design 2 (ledger) =====
   Geen kaart: hairlines boven/onder, labelkolom + tekst per rij, mono-uppercase
   kop. .rv/.in/no-js is de gedeelde reveal-conventie (zie kamado-shared.ts) —
   zonder JS of met reduced-motion blijft alles gewoon zichtbaar. */
.nb--nm-vs-verdict .vs-verdict2{max-width:860px;margin:0 auto;border-top:1px solid var(--nvs-border);border-bottom:1px solid var(--nvs-border)}
.nb--nm-vs-verdict .vs-verdict2__head{font:600 11px/1 var(--nvs-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--nvs-muted);padding:14px 4px;border-bottom:1px solid var(--nvs-border)}
.nb--nm-vs-verdict .vs-verdict2__row{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:26px 4px;align-items:start}
.nb--nm-vs-verdict .vs-verdict2__row+.vs-verdict2__row{border-top:1px solid var(--nvs-border)}
.nb--nm-vs-verdict .vs-verdict2__lab{font-size:14px;font-weight:600;letter-spacing:.01em;padding-top:2px;color:var(--nvs-fg)}
.nb--nm-vs-verdict .vs-verdict2__lab small{display:block;font:500 11px/1 var(--nvs-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nvs-muted);margin-bottom:8px}
.nb--nm-vs-verdict .vs-verdict2__row--nm .vs-verdict2__lab{color:var(--nvs-primary-hi)}
.nb--nm-vs-verdict .vs-verdict2__namewrap{display:inline-flex;align-items:center;gap:8px}
.nb--nm-vs-verdict .vs-verdict2__logo{height:20px;width:auto;max-width:120px;object-fit:contain;display:block}
.nb--nm-vs-verdict .vs-verdict2 p{color:var(--nvs-muted);font-size:15px;line-height:1.7}
.nb--nm-vs-verdict .vs-verdict2 strong{color:var(--nvs-fg);font-weight:600}
@media(max-width:640px){.nb--nm-vs-verdict .vs-verdict2__row{grid-template-columns:1fr;gap:10px}}
.nb--nm-vs-verdict .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.nb--nm-vs-verdict .rv.in{opacity:1;transform:none}
.nb--nm-vs-verdict .rv--d1.in{transition-delay:.08s}
.nb--nm-vs-verdict .rv--d2.in{transition-delay:.2s}
.nb--nm-vs-verdict.no-js .rv,.nb--nm-vs-verdict .no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.nb--nm-vs-verdict .rv{opacity:1!important;transform:none!important;transition:none}}

/* ===== vs-table =====
   1-op-1 met het goedgekeurde prototype (PROTOTYPE-vs-tabel.html, variant A):
   geen kaart-omlijsting, geen gekleurde categoriebanden, geen driekleur-pills.
   De tabel is typografie + lijn; één accentbaan markeert onze kolom. */
.nb--nm-vs-table{padding:clamp(40px,6vw,48px) 0}
.nb--nm-vs-table .vs-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.nb--nm-vs-table .vs-chip{padding:7px 14px;border-radius:99px;border:1px solid var(--nvs-border);background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--nvs-muted);font-family:inherit;transition:color .22s,border-color .22s,background .22s}
.nb--nm-vs-table .vs-chip:hover{color:var(--nvs-fg);border-color:var(--nvs-muted)}
.nb--nm-vs-table .vs-chip.is-on{background:color-mix(in oklch,var(--nvs-primary) 10%,transparent);border-color:color-mix(in oklch,var(--nvs-primary) 55%,transparent);color:var(--nvs-fg)}
/* Geen omlijsting en geen kaartachtergrond: de tabel staat op de pagina zelf.
   De wrapper blijft alleen bestaan om op smalle schermen te kunnen schuiven. */
.nb--nm-vs-table .vs-tbl-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--nvs-primary) transparent}
.nb--nm-vs-table .vs-tbl-scroll::-webkit-scrollbar{height:9px}
.nb--nm-vs-table .vs-tbl-scroll::-webkit-scrollbar-track{background:transparent}
.nb--nm-vs-table .vs-tbl-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--nvs-primary),var(--nvs-primary-hi));border-radius:99px}
/* De wrapper heeft overflow-x:auto en is daarmee een scrollcontainer in BEIDE
   assen; een sticky kop zou daar aan een container plakken die verticaal niet
   scrollt en dus nooit meebewegen. Boven de min-width van de tabel is
   horizontaal schuiven niet nodig — daar zetten we overflow terug op visible,
   zodat de viewport weer de scrollport is en de kop wél plakt. */
@media (min-width:900px){.nb--nm-vs-table .vs-tbl-scroll{overflow-x:visible}}
/* Eigen scroll-indicator: alleen op smalle schermen (zelfde grens als de
   scrollcontainer hierboven), permanent zichtbaar in plaats van de native
   overlay-scrollbalk die alleen tijdens het slepen verschijnt. Duim-breedte
   en -positie volgen de echte scrollratio, geschreven door initNmVsFauxbar in
   blocks.js. De is-hint klasse speelt één keer de sleep-hint af zodra de
   tabel in beeld komt (IntersectionObserver), nooit op basis van css-only
   triggers. */
.nb--nm-vs-table .vs-tbl-fauxbar{display:none}
@media (max-width:899px){
  .nb--nm-vs-table .vs-tbl-fauxbar{display:block;position:relative;height:4px;margin:10px 18px 0;border-radius:99px;background:color-mix(in oklch,var(--nvs-fg) 8%,transparent);overflow:hidden}
  .nb--nm-vs-table .vs-tbl-fauxbar__thumb{position:absolute;top:0;left:0;height:100%;min-width:28px;border-radius:inherit;background:linear-gradient(90deg,var(--nvs-primary),var(--nvs-primary-hi))}
  .nb--nm-vs-table .vs-tbl-fauxbar.is-hint .vs-tbl-fauxbar__thumb{animation:vsFauxbarHint 900ms ease-in-out 2}
}
@keyframes vsFauxbarHint{0%,100%{margin-left:0}50%{margin-left:16px}}
@media (prefers-reduced-motion:reduce){.nb--nm-vs-table .vs-tbl-fauxbar.is-hint .vs-tbl-fauxbar__thumb{animation:none}}
.nb--nm-vs-table .vs-tbl{width:100%;border-collapse:collapse;min-width:660px;font-size:15px}
.nb--nm-vs-table .vs-tbl th,.nb--nm-vs-table .vs-tbl td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--nvs-border);vertical-align:middle}
/* Kolomkop: doorschijnend mét blur, zodat rijen eronder vervagen in plaats van
   er scherp doorheen te lopen. Zonder backdrop-filter valt hij terug op dekkend. */
.nb--nm-vs-table .vs-tbl thead th{position:sticky;top:0;z-index:3;background:var(--nvs-bg);font-family:var(--nvs-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--nvs-muted);font-weight:600;padding-top:20px;padding-bottom:16px;border-bottom:none;box-shadow:inset 0 -1px 0 var(--nvs-border)}
.nb--nm-vs-table .vs-tbl thead th:not(:first-child){text-align:center}
.nb--nm-vs-table .vs-tbl thead th.neura{color:var(--nvs-fg);background:color-mix(in oklch,var(--nvs-primary) 16%,var(--nvs-bg))}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nb--nm-vs-table .vs-tbl thead th{background:color-mix(in oklch,var(--nvs-bg) 62%,transparent);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
  .nb--nm-vs-table .vs-tbl thead th.neura{background:color-mix(in oklch,var(--nvs-primary) 20%,color-mix(in oklch,var(--nvs-bg) 62%,transparent))}
}
/* Beeldmerk in de kop: hoogte is de constante, breedte volgt de vorm — een
   vierkante box drukt een woordmerk plat. De naam blijft in de markup staan
   voor screenreaders en zoekmachines, maar niet zichtbaar dubbel. */
.nb--nm-vs-table .vs-brand{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.nb--nm-vs-table .vs-brand__mark{height:26px;width:auto;max-width:190px;object-fit:contain;display:block}
.nb--nm-vs-table .vs-brand__name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Kale glyph (geen woordmerk): naam blijft zichtbaar naast het icoon i.p.v. verborgen. */
.nb--nm-vs-table .vs-brand.is-glyph{gap:8px}
.nb--nm-vs-table .vs-brand.is-glyph .vs-brand__mark{height:20px;max-width:20px}
.nb--nm-vs-table .vs-brand.is-glyph .vs-brand__name{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:nowrap;font-weight:600}
/* Onze kolom is één doorlopende accentbaan — dat is het enige waar kleur voor staat. */
.nb--nm-vs-table .vs-tbl td.neura{background:color-mix(in oklch,var(--nvs-primary) 6%,transparent);border-left:1px solid color-mix(in oklch,var(--nvs-primary) 25%,transparent);border-right:1px solid color-mix(in oklch,var(--nvs-primary) 25%,transparent)}
.nb--nm-vs-table .vs-tbl tbody tr:not(.vs-cat):hover td{background:color-mix(in oklch,var(--nvs-fg) 2.5%,transparent)}
.nb--nm-vs-table .vs-tbl tbody tr:not(.vs-cat):hover td.neura{background:color-mix(in oklch,var(--nvs-primary) 10%,transparent)}
/* Categorie = tussenkopje, geen gekleurde balk. */
.nb--nm-vs-table .vs-cat td{background:none;border-bottom:none;padding:30px 18px 8px;font-family:var(--nvs-font-mono);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--nvs-muted)}
.nb--nm-vs-table .vs-cat td .i{width:14px;height:14px;color:var(--nvs-muted);margin-right:8px;vertical-align:-2px}
/* Status = schijf + label. Eén accentkleur voor "ja", neutraal voor de rest. */
.nb--nm-vs-table .vs-st{display:inline-flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap;color:var(--nvs-muted)}
.nb--nm-vs-table .vs-st__disc{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:color-mix(in oklch,var(--nvs-fg) 5%,transparent)}
.nb--nm-vs-table .vs-st__disc .i{width:13px;height:13px;stroke-width:2.8}
.nb--nm-vs-table .vs-st--yes{color:var(--nvs-fg)}
.nb--nm-vs-table .vs-st--yes .vs-st__disc{background:color-mix(in oklch,var(--nvs-primary) 13%,transparent);color:var(--nvs-primary-hi)}
.nb--nm-vs-table .vs-st.is-ours .vs-st__lbl{font-weight:600}
/* Een globale reset zet img,svg op display:block — een blok-element begint
   altijd op een nieuwe regel, dus het pijltje zakte onder de functienaam. Vandaar
   expliciet inline-block; de word joiner in de markup houdt het daarna aan het
   laatste woord geplakt.
   Functielink: geen linkkleur in rust — met vijftien links wordt dat een bende.
   Het pijltje staat schuin en richt zich bij hover; de streep fadet erbij.
   white-space:nowrap op de pijl houdt hem op dezelfde regel als het laatste woord. */
.nb--nm-vs-table .vs-flink{--vsf-dur:460ms;--vsf-delay:110ms;--vsf-rot:14deg;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color var(--vsf-dur) cubic-bezier(.16,1,.3,1) 0ms,color var(--vsf-dur) cubic-bezier(.16,1,.3,1) 0ms}
.nb--nm-vs-table .vs-flink__i{display:inline-block;width:12px;height:12px;margin-left:.4em;vertical-align:-1px;opacity:.42;color:currentColor;transform:rotate(calc(-1 * var(--vsf-rot)));transform-origin:50% 50%;transition:opacity var(--vsf-dur) cubic-bezier(.16,1,.3,1) 0ms,transform var(--vsf-dur) cubic-bezier(.16,1,.3,1) 0ms,color var(--vsf-dur) cubic-bezier(.16,1,.3,1) 0ms}
.nb--nm-vs-table .vs-flink:hover,.nb--nm-vs-table .vs-flink:focus-visible{color:var(--nvs-fg);text-decoration-color:var(--nvs-primary-hi);transition-delay:var(--vsf-delay)}
.nb--nm-vs-table .vs-flink:hover .vs-flink__i,.nb--nm-vs-table .vs-flink:focus-visible .vs-flink__i{opacity:1;color:var(--nvs-primary-hi);transform:rotate(0deg) scale(1.12);transition-delay:var(--vsf-delay)}
@media (hover:none){.nb--nm-vs-table .vs-flink{text-decoration-color:color-mix(in oklch,var(--nvs-primary) 50%,transparent)}.nb--nm-vs-table .vs-flink__i{opacity:.8;transform:rotate(0deg)}}
@media (prefers-reduced-motion:reduce){.nb--nm-vs-table .vs-flink,.nb--nm-vs-table .vs-flink__i{transition-duration:150ms}}
.nb--nm-vs-table .vs-tbl-note{font-size:13px;color:var(--nvs-muted);margin-top:14px}

/* ===== vs-logos ===== */
.nb--nm-vs-logos{padding:clamp(40px,6vw,48px) 0}
.nb--nm-vs-logos .vs-logos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.nb--nm-vs-logos .vs-logo{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--nvs-border);border-radius:var(--nvs-radius-sm);background:var(--nvs-card);font-weight:600;font-size:14.5px;color:var(--nvs-muted);transition:border-color .2s,color .2s,transform .2s}
.nb--nm-vs-logos .vs-logo:hover{border-color:color-mix(in oklch,var(--nvs-primary) 50%,transparent);color:var(--nvs-fg);transform:translateY(-2px)}
.nb--nm-vs-logos .vs-logo img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.nb--nm-vs-logos .vs-chip__mono{width:24px;height:24px;flex-shrink:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--nvs-primary) 20%,transparent);color:var(--nvs-primary-pale);font-family:var(--nvs-font-mono);font-size:12px;font-weight:700}
.nb--nm-vs-logos .vs-logos__note{text-align:center;font-size:13.5px;color:var(--nvs-muted);margin-top:20px}

/* ===== vs-calc ===== */
.nb--nm-vs-calc{padding:clamp(40px,6vw,48px) 0}
.nb--nm-vs-calc .vs-calc{background:linear-gradient(135deg,var(--nvs-card) 0%,var(--nvs-card-2) 100%);border:1px solid color-mix(in oklch,var(--nvs-primary) 30%,transparent);border-radius:18px;padding:clamp(28px,4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,36px);align-items:center}
.nb--nm-vs-calc h2{font-family:var(--nvs-font-display);font-size:clamp(21px,2.4vw,25px);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.nb--nm-vs-calc h2 .i{color:var(--nvs-good)}
.nb--nm-vs-calc .vs-calc__controls .vs-calc__intro>p{margin-bottom:.6em}
.nb--nm-vs-calc .vs-calc__controls .vs-calc__intro>:last-child{margin-bottom:0}
.nb--nm-vs-calc .vs-calc__controls .vs-calc__intro,.nb--nm-vs-calc .vs-calc__controls p{color:var(--nvs-muted);font-size:15px;margin-bottom:20px;line-height:1.6}
.nb--nm-vs-calc .vs-sliders{display:flex;flex-direction:column;gap:14px}
.nb--nm-vs-calc .vs-slider{display:block;cursor:pointer}
.nb--nm-vs-calc .vs-slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--nvs-primary-pale)}
.nb--nm-vs-calc input[type=range]{width:100%;accent-color:var(--nvs-primary-hi);cursor:pointer}
.nb--nm-vs-calc .vs-val{font-weight:700;color:var(--nvs-fg);font-variant-numeric:tabular-nums}
.nb--nm-vs-calc .vs-result{background:color-mix(in oklch,var(--nvs-primary) 14%,transparent);border:1px solid color-mix(in oklch,var(--nvs-primary) 45%,transparent);border-radius:var(--nvs-radius);padding:28px;text-align:center}
.nb--nm-vs-calc .vs-result__big{font-family:var(--nvs-font-display);font-size:clamp(34px,4.5vw,44px);font-weight:800;color:var(--nvs-primary-pale);line-height:1.1;font-variant-numeric:tabular-nums}
.nb--nm-vs-calc .vs-result__quote{font-family:var(--nvs-font-display);font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--nvs-primary-pale);line-height:1.2}
.nb--nm-vs-calc .vs-result__small{font-size:14px;color:var(--nvs-muted);margin-top:4px}
.nb--nm-vs-calc .vs-result .btn{margin-top:20px}
.nb--nm-vs-calc .vs-result__note{font-size:12px;color:var(--nvs-muted);margin-top:12px}
@media(max-width:760px){.nb--nm-vs-calc .vs-calc{grid-template-columns:1fr}}

/* ===== vs-redenen ===== */
.nb--nm-vs-redenen{padding:clamp(40px,6vw,48px) 0}
.nb--nm-vs-redenen .vs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.nb--nm-vs-redenen .vs-card{border:1px solid var(--nvs-border);border-radius:var(--nvs-radius);padding:26px;background:var(--nvs-card)}
.nb--nm-vs-redenen .vs-card__icon{margin-bottom:12px}
.nb--nm-vs-redenen .vs-card h3{font-family:var(--nvs-font-display);font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.3}
.nb--nm-vs-redenen .vs-card p,.nb--nm-vs-redenen .vs-card .vs-card__body{font-size:14.5px;color:var(--nvs-muted);line-height:1.6;text-wrap:pretty}

/* ===== vs-steps ===== */
.nb--nm-vs-steps{padding:clamp(40px,6vw,48px) 0}
.nb--nm-vs-steps .vs-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.nb--nm-vs-steps .vs-step{border:1px solid var(--nvs-border);border-radius:var(--nvs-radius);padding:22px;position:relative;background:var(--nvs-card)}
.nb--nm-vs-steps .vs-step__num{position:absolute;top:-14px;left:20px;background:var(--nvs-primary);color:var(--nvs-primary-fg);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.nb--nm-vs-steps .vs-step h3{font-family:var(--nvs-font-display);font-size:15.5px;font-weight:700;margin:6px 0;line-height:1.3}
.nb--nm-vs-steps .vs-step p,.nb--nm-vs-steps .vs-step .vs-step__body{font-size:13.5px;color:var(--nvs-muted);line-height:1.6;text-wrap:pretty}
.nm-rt>p{margin:0 0 .6em}.nm-rt>:last-child{margin-bottom:0}.nm-rt :where(ul,ol){margin:.3em 0 .6em;padding-left:1.4em}.nm-rt :where(ul){list-style:disc}.nm-rt :where(ol){list-style:decimal}.nm-rt a{text-decoration:underline;text-underline-offset:2px}


.nb--nm-page-hero .nm-crumbs,.nb--nm-vs-hero .nm-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:13px;line-height:1.3;color:var(--nm-muted)}
.nb--nm-page-hero .page-hero__inner--center .nm-crumbs,.nb--nm-vs-hero .nm-crumbs{justify-content:center}
.nb--nm-page-hero .nm-crumbs a,.nb--nm-vs-hero .nm-crumbs a{color:var(--nm-muted);border-radius:4px}
.nb--nm-page-hero .nm-crumbs a:hover,.nb--nm-vs-hero .nm-crumbs a:hover{color:var(--nm-fg);text-decoration:underline}
.nb--nm-page-hero .nm-crumbs__home,.nb--nm-vs-hero .nm-crumbs__home{display:inline-flex;align-items:center}
.nb--nm-page-hero .nm-crumbs__sep,.nb--nm-vs-hero .nm-crumbs__sep{color:color-mix(in oklch,var(--nm-muted) 55%,transparent)}
.nb--nm-page-hero .nm-crumbs__cur,.nb--nm-vs-hero .nm-crumbs__cur{color:var(--nm-fg)}
/* Smal scherm: toon huis + de laatste twee kruimels. De rest wordt verborgen (dus
   ook voor een screenreader) maar staat wél in de HTML-bron, en de BreadcrumbList
   die Google leest is sowieso de volledige keten.
   -n+4, niet -n+3: de scheidingstekens zijn zelf óók kinderen (home, sep, a, sep,
   a, sep, cur). Bij 3 hield -n+3 het teken ná het huisje niet over → "🏠 Webshop ›
   WooCommerce" zonder eerste scheiding. */
@media (max-width:640px){
  .nb--nm-page-hero .nm-crumbs>:not(.nm-crumbs__home):not(:nth-last-child(-n+4)),
  .nb--nm-vs-hero .nm-crumbs>:not(.nm-crumbs__home):not(:nth-last-child(-n+4)){display:none}
}


/* ===== gedeelde tokens (alle nm-overons-blokken) ===== */
.nb--nm-facts,.nb--nm-spreadsheet,.nb--nm-story,.nb--nm-jaartabs,.nb--nm-brands-list,.nb--nm-rules,.nb--nm-team{
  --nm-fg:var(--foreground,oklch(0.22 0.01 260));
  --nm-muted:var(--muted-foreground,oklch(0.55 0.015 260));
  --nm-card:var(--card,oklch(0.99 0.002 260));
  --nm-border:var(--border,oklch(0.91 0.005 260));
  --nm-primary:var(--primary,oklch(0.635 0.168 277));
  --nm-primary-fg:var(--primary-foreground,oklch(0.99 0 0));
  --nm-radius:var(--radius,0.75rem);
  --nm-radius-lg:var(--radius-lg,1rem);
  --nm-font-display:var(--font-display,inherit);
  --nm-font-mono:var(--font-mono,ui-monospace,'SFMono-Regular',monospace);
  --nm-tracking-widest:var(--tracking-widest,0.1em);
  padding:0;border-top:0;color:var(--nm-fg);font-family:var(--font-body,inherit);
}
.nb--nm-facts :where(*,*::before,*::after),.nb--nm-spreadsheet :where(*,*::before,*::after),.nb--nm-story :where(*,*::before,*::after),.nb--nm-jaartabs :where(*,*::before,*::after),.nb--nm-brands-list :where(*,*::before,*::after),.nb--nm-rules :where(*,*::before,*::after),.nb--nm-team :where(*,*::before,*::after){box-sizing:border-box}
.nb--nm-facts :where(p,h2,h3),.nb--nm-spreadsheet :where(p,h2,h3),.nb--nm-story :where(p,h2,h3),.nb--nm-jaartabs :where(p,h2,h3),.nb--nm-brands-list :where(p,h2,h3),.nb--nm-rules :where(p,h2,h3),.nb--nm-team :where(p,h2,h3){margin:0}
.nb--nm-facts :where(a),.nb--nm-spreadsheet :where(a),.nb--nm-story :where(a),.nb--nm-jaartabs :where(a),.nb--nm-brands-list :where(a),.nb--nm-rules :where(a),.nb--nm-team :where(a){color:inherit;text-decoration:none}
.nb--nm-facts>.nb-container,.nb--nm-spreadsheet>.nb-container,.nb--nm-story>.nb-container,.nb--nm-jaartabs>.nb-container,.nb--nm-brands-list>.nb-container,.nb--nm-rules>.nb-container,.nb--nm-team>.nb-container{max-width:none;padding:0 clamp(20px,5vw,24px)}
.nb--nm-facts .nm-inner,.nb--nm-spreadsheet .nm-inner,.nb--nm-story .nm-inner,.nb--nm-jaartabs .nm-inner,.nb--nm-brands-list .nm-inner,.nb--nm-rules .nm-inner,.nb--nm-team .nm-inner{max-width:1240px;margin:0 auto}
.nb--nm-story .em,.nb--nm-spreadsheet .em,.nb--nm-rules .em{color:var(--nm-primary)}

/* ===== gedeelde section-head (story) ===== */
.nb--nm-story .nm-head{text-align:center;max-width:640px;margin:0 auto clamp(28px,4vw,40px)}
.nb--nm-story .nm-head .eyebrow{display:inline-block;font-family:var(--nm-font-mono);font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:color-mix(in srgb,var(--nm-primary) 65%,#fff);margin-bottom:14px}
.nb--nm-story .nm-head h2{font-family:var(--nm-font-display);font-weight:700;font-size:clamp(28px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.1;color:var(--nm-fg);text-wrap:balance}

/* ===== 1. nm-facts ===== */
.nb--nm-facts{padding:0 0 clamp(8px,2vw,16px)}
.nb--nm-facts .facts-line{font-family:var(--nm-font-mono);font-size:12.5px;color:var(--nm-muted);letter-spacing:0.02em;margin-top:28px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.nb--nm-facts .facts-line b{color:var(--nm-fg);font-weight:600}
.nb--nm-facts .facts-line .sep{opacity:.4}

/* ===== 2. nm-spreadsheet ===== */
.nb--nm-spreadsheet{padding:clamp(56px,8vw,96px) 0}
.nb--nm-spreadsheet .sheet-wrap{max-width:680px;margin:0 auto}
.nb--nm-spreadsheet .sheet-intro{text-align:center;max-width:56ch;margin:0 auto 32px;color:var(--nm-muted);font-size:16px;line-height:1.6}
.nb--nm-spreadsheet .sheet-intro strong{color:var(--nm-fg);font-weight:600}
.nb--nm-spreadsheet .sheet{background:var(--nm-card);border:1px solid var(--nm-border);border-radius:var(--nm-radius-lg);overflow:hidden;font-variant-numeric:tabular-nums}
.nb--nm-spreadsheet .sheet__bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--nm-border)}
.nb--nm-spreadsheet .sheet__bar .dots{display:flex;gap:6px}
.nb--nm-spreadsheet .sheet__bar .dots i{width:10px;height:10px;border-radius:50%;background:color-mix(in oklch, var(--nm-fg) 12%, transparent)}
.nb--nm-spreadsheet .sheet__bar .name{font-family:var(--nm-font-mono);font-size:12px;color:var(--nm-muted)}
.nb--nm-spreadsheet .sheet__row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:11px 20px;border-bottom:1px solid color-mix(in oklch, var(--nm-border) 60%, transparent);font-size:14px;transition:opacity .45s,text-decoration-color .45s;position:relative}
.nb--nm-spreadsheet .sheet__row .tool{color:var(--nm-fg);font-weight:500}
.nb--nm-spreadsheet .sheet__row .why{color:var(--nm-muted);font-size:12.5px;margin-left:10px}
.nb--nm-spreadsheet .sheet__row .price{font-family:var(--nm-font-mono);font-size:13px;color:var(--nm-muted)}
.nb--nm-spreadsheet .sheet.is-after .sheet__row--old{opacity:.32}
.nb--nm-spreadsheet .sheet.is-after .sheet__row--old .tool,.nb--nm-spreadsheet .sheet.is-after .sheet__row--old .price{text-decoration:line-through;text-decoration-color:color-mix(in oklch, var(--nm-primary) 70%, transparent)}
.nb--nm-spreadsheet .sheet__row--new{display:none;background:color-mix(in oklch, var(--nm-primary) 7%, transparent)}
.nb--nm-spreadsheet .sheet__row--new .tool{color:var(--nm-primary);font-weight:700}
.nb--nm-spreadsheet .sheet__row--new .price{color:var(--nm-fg);font-weight:600}
.nb--nm-spreadsheet .sheet.is-after .sheet__row--new{display:grid}
.nb--nm-spreadsheet .sheet__total{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 20px;background:color-mix(in oklch, var(--nm-fg) 3%, transparent)}
.nb--nm-spreadsheet .sheet__total .lbl{font-family:var(--nm-font-mono);font-size:11px;letter-spacing:var(--nm-tracking-widest);text-transform:uppercase;color:var(--nm-muted);font-weight:600;align-self:center}
.nb--nm-spreadsheet .sheet__total .sum{font-family:var(--nm-font-mono);font-size:22px;font-weight:700;color:var(--nm-fg)}
.nb--nm-spreadsheet .sheet__total .sum small{font-size:12px;color:var(--nm-muted);font-weight:400;margin-left:4px}
.nb--nm-spreadsheet .sheet-toggle{display:flex;justify-content:center;gap:0;margin:24px 0 0}
.nb--nm-spreadsheet .sheet-toggle button{padding:10px 22px;font-family:var(--nm-font-mono);font-size:12.5px;font-weight:600;color:var(--nm-muted);border:1px solid var(--nm-border);background:none;cursor:pointer;transition:all .15s}
.nb--nm-spreadsheet .sheet-toggle button:first-child{border-radius:999px 0 0 999px}
.nb--nm-spreadsheet .sheet-toggle button:last-child{border-radius:0 999px 999px 0;border-left:0}
.nb--nm-spreadsheet .sheet-toggle button.is-active{color:var(--nm-primary-fg);background:var(--nm-primary);border-color:var(--nm-primary)}
.nb--nm-spreadsheet .sheet-note{text-align:center;font-size:13px;color:var(--nm-muted);margin-top:14px}

/* ===== 3. nm-story ===== */
.nb--nm-story{padding:clamp(48px,7vw,80px) 0}
.nb--nm-story .story{max-width:65ch;margin:0 auto;font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--nm-fg)}
.nb--nm-story .story p{margin:0 0 22px}
.nb--nm-story .story .quote{font-family:var(--nm-font-display);font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-0.02em;line-height:1.25;margin:36px 0;text-wrap:balance;text-align:center}
.nb--nm-story .story strong{color:var(--nm-fg);font-weight:700}
.nb--nm-story .nm-inner--left .nm-head{text-align:left;max-width:65ch;font-size:clamp(17px,1.4vw,19px)}
.nb--nm-story .nm-inner--left .story .quote{text-align:left}
.nb--nm-story .story a{color:var(--brand-accent,var(--primary,currentColor));font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--brand-accent,var(--primary,currentColor)) 50%,transparent);text-underline-offset:3px;text-decoration-thickness:1px}
.nb--nm-story .story a:hover{text-decoration-thickness:2px}

/* ===== 4. nm-jaartabs ===== */
.nb--nm-jaartabs{padding:clamp(48px,7vw,80px) 0}
.nb--nm-jaartabs .years{max-width:680px;margin:0 auto}
.nb--nm-jaartabs .years__tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}
.nb--nm-jaartabs .years__tabs button{padding:9px 18px;border-radius:999px;font-family:var(--nm-font-mono);font-size:13px;font-weight:600;color:var(--nm-muted);border:1px solid var(--nm-border);background:none;cursor:pointer;transition:all .15s}
.nb--nm-jaartabs .years__tabs button:hover{color:var(--nm-fg)}
.nb--nm-jaartabs .years__tabs button.is-active{color:var(--nm-primary-fg);background:var(--nm-primary);border-color:var(--nm-primary)}
.nb--nm-jaartabs .years__panel{background:var(--nm-card);border:1px solid var(--nm-border);border-radius:var(--nm-radius-lg);padding:32px;min-height:150px}
.nb--nm-jaartabs .years__panel[hidden]{display:none}
.nb--nm-jaartabs .years__panel h3{font-size:20px;font-weight:700;letter-spacing:-0.015em;margin:0 0 10px}
.nb--nm-jaartabs .years__panel p,.nb--nm-jaartabs .years__panel .years__body{color:var(--nm-muted);font-size:15.5px;line-height:1.65;margin:0}
.nb--nm-jaartabs .years__panel .years__body>p:not(:last-child){margin-bottom:.6em}
.nb--nm-jaartabs .years__panel .yr{font-family:var(--nm-font-mono);font-size:12px;color:var(--nm-primary);font-weight:600;letter-spacing:0.04em;display:block;margin-bottom:10px}
.nb--nm-jaartabs .years__nav{display:flex;justify-content:space-between;margin-top:16px}
.nb--nm-jaartabs .years__nav button{font-family:var(--nm-font-mono);font-size:12.5px;font-weight:600;color:var(--nm-muted);background:none;border:none;cursor:pointer;padding:6px 0;transition:color .15s}
.nb--nm-jaartabs .years__nav button:hover:not([disabled]){color:var(--nm-primary)}
.nb--nm-jaartabs .years__nav button[disabled]{opacity:.3;cursor:default}

/* ===== 5. nm-brands-list ===== */
.nb--nm-brands-list{padding:clamp(48px,7vw,80px) 0}
.nb--nm-brands-list .brands-list{max-width:820px;margin:0 auto;border-top:1px solid var(--nm-border)}
.nb--nm-brands-list .brand-row{display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--nm-border);transition:background .15s}
.nb--nm-brands-list .brand-row:hover{background:color-mix(in oklch, var(--nm-fg) 2.5%, transparent)}
.nb--nm-brands-list .brand-row__mark{font-family:var(--nm-font-display);font-weight:800;font-size:24px;letter-spacing:-0.025em;color:var(--nm-fg)}
.nb--nm-brands-list .brand-row__mark .v{color:var(--nm-primary)}
.nb--nm-brands-list .brand-row__since{font-family:var(--nm-font-mono);font-size:11px;color:var(--nm-muted);letter-spacing:0.04em;margin-top:2px}
.nb--nm-brands-list .brand-row__desc{color:var(--nm-muted);font-size:14.5px;line-height:1.55;max-width:52ch}
.nb--nm-brands-list .brand-row__stat{text-align:right}
.nb--nm-brands-list .brand-row__stat .v{font-family:var(--nm-font-mono);font-size:16px;font-weight:600;color:var(--nm-fg)}
.nb--nm-brands-list .brand-row__stat .l{font-family:var(--nm-font-mono);font-size:10.5px;color:var(--nm-muted);letter-spacing:0.06em;text-transform:uppercase;margin-top:2px}
@media (max-width:760px){.nb--nm-brands-list .brand-row{grid-template-columns:1fr;gap:10px}.nb--nm-brands-list .brand-row__stat{text-align:left}}

/* ===== 6. nm-rules ===== */
.nb--nm-rules{padding:clamp(48px,7vw,80px) 0}
.nb--nm-rules .rules{max-width:680px;margin:0 auto;border-top:1px solid var(--nm-border)}
.nb--nm-rules .rule-item{border-bottom:1px solid var(--nm-border)}
.nb--nm-rules .rule-item__head{display:flex;align-items:baseline;gap:18px;width:100%;padding:20px 4px;cursor:pointer;background:none;border:none;text-align:left;font:inherit;color:inherit;transition:color .15s}
.nb--nm-rules .rule-item__head .n{font-family:var(--nm-font-mono);font-size:12px;color:var(--nm-muted);width:20px;flex-shrink:0}
.nb--nm-rules .rule-item__head .t{font-size:clamp(17px,1.6vw,20px);font-weight:700;letter-spacing:-0.015em;flex:1}
.nb--nm-rules .rule-item__head .chev{color:var(--nm-muted);transition:transform .25s;flex-shrink:0;align-self:center}
.nb--nm-rules .rule-item.is-open .rule-item__head .chev{transform:rotate(45deg)}
.nb--nm-rules .rule-item.is-open .rule-item__head .n{color:var(--nm-primary)}
.nb--nm-rules .rule-item__head:hover .t{color:var(--nm-primary)}
.nb--nm-rules .rule-item .body{padding:0 4px 22px 42px;color:var(--nm-muted);font-size:15px;line-height:1.65;max-width:60ch}
.nb--nm-rules .rule-item .body[hidden]{display:none}

/* ===== 7. nm-team ===== */
.nb--nm-team{padding:clamp(48px,7vw,80px) 0}
.nb--nm-team .roster{max-width:680px;margin:0 auto;border-top:1px solid var(--nm-border)}
.nb--nm-team .roster-item{border-bottom:1px solid var(--nm-border);padding:16px 4px}
.nb--nm-team .roster-item__row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:baseline}
.nb--nm-team .roster-item .name{font-size:16px;font-weight:600;letter-spacing:-0.01em}
.nb--nm-team .roster-item .role{font-family:var(--nm-font-mono);font-size:12px;color:var(--nm-muted);letter-spacing:0.02em}
.nb--nm-team .roster-item .city{font-family:var(--nm-font-mono);font-size:12px;color:var(--nm-muted);opacity:.7;width:86px;text-align:right}
.nb--nm-team .roster-item .bio{padding:8px 0 2px;color:var(--nm-muted);font-size:14px;line-height:1.6;max-width:56ch}
@media (max-width:560px){.nb--nm-team .roster-item .city{display:none}}
.nb--nm-team .hiring{max-width:680px;margin:64px auto 0;padding:28px 0 0;border-top:1px solid var(--nm-border);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nb--nm-team .hiring__head{font-size:18px;font-weight:700;letter-spacing:-0.015em;margin-bottom:4px}
.nb--nm-team .hiring__sub{color:var(--nm-muted);font-size:14px;line-height:1.55;max-width:44ch}
.nb--nm-team .hiring .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--nm-radius);border:1px solid var(--nm-border);font-size:14px;font-weight:600;color:var(--nm-fg);white-space:nowrap;transition:border-color .15s,color .15s}
.nb--nm-team .hiring .btn:hover{border-color:var(--nm-primary);color:var(--nm-primary)}
.nm-rt>p{margin:0 0 .6em}.nm-rt>:last-child{margin-bottom:0}.nm-rt :where(ul,ol){margin:.3em 0 .6em;padding-left:1.4em}.nm-rt :where(ul){list-style:disc}.nm-rt :where(ol){list-style:decimal}.nm-rt a{text-decoration:underline;text-underline-offset:2px}