@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-answer{max-width:74ch}
.nb-answer__label{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--nb-font-mono);font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--nb-accent)}
.nb-answer__label::after{content:"";flex:1;height:1px;background:var(--nb-line)}
.nb-answer__q{margin:0 0 12px;font-family:var(--nb-font-display);font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;text-wrap:balance}
.nb-answer__a{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.68;max-width:70ch;text-wrap:pretty}
.nb-answer__a>p{margin:0 0 .6em}.nb-answer__a>:last-child{margin-bottom:0}.nb-answer__a ul,.nb-answer__a ol{margin:.3em 0 .6em;padding-left:1.4em}
.nb-answer__list{counter-reset:nb-answer-item;margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--nb-line);font-size:clamp(14px,1.2vw,16px);line-height:1.55;color:var(--nb-text-soft)}
.nb-answer__list li{counter-increment:nb-answer-item;display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--nb-line)}
.nb-answer__list li::before{content:counter(nb-answer-item,decimal-leading-zero);flex-shrink:0;font-family:var(--nb-font-mono);font-size:13px;font-weight:700;color:var(--nb-accent)}
.nb-answer__meta{margin:16px 0 0;font-size:13px;color:var(--nb-text-soft)}


.nb-tl__intro{max-width:60ch;color:var(--nb-text-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.65;margin:-12px 0 44px}
.nb-tl__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--nb-tl-cols,4),1fr);gap:32px}
.nb-tl__step{position:relative;display:flex;flex-direction:column;gap:18px}
.nb-tl__marker{position:relative;display:flex;align-items:center}
.nb-tl__num{position:relative;z-index:1;flex-shrink:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--nb-surface);border:1px solid var(--nb-line);color:var(--nb-accent);font-family:var(--nb-font-mono);font-size:16px;font-weight:600}
.nb-tl__step::after{content:"";position:absolute;left:56px;top:28px;right:-32px;height:1px;background:var(--nb-line);z-index:0}
.nb-tl__step:last-child::after{display:none}
.nb-tl__title{font-family:var(--nb-font-display);font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-0.01em;margin:0;color:var(--nb-text)}
.nb-tl__desc{font-size:14px;line-height:1.65;color:var(--nb-text-soft);margin:0}
@media (max-width:1023px){.nb-tl__list{grid-template-columns:1fr 1fr}.nb-tl__step::after{display:none}}
@media (max-width:639px){
  .nb-tl__list{grid-template-columns:1fr;gap:0}
  .nb-tl__step{flex-direction:row;gap:18px;padding-bottom:28px}
  .nb-tl__marker{align-items:flex-start}
  .nb-tl__num{width:48px;height:48px;font-size:14px}
  .nb-tl__step::after{display:block;left:24px;top:48px;right:auto;bottom:0;width:1px;height:auto}
  .nb-tl__step:last-child{padding-bottom:0}
  .nb-tl__body{padding-top:4px}
}


/* Sticky op de SECTIE zelf, niet op de inner-nav — zie kamado-subnav.ts voor de
   uitleg (elk blok zit in een eigen <section>; een sticky inner-element scrolt
   met z'n eigen korte sectie mee weg). z-index:40 = onder het globale
   mega-menu (backdrop z-45 / paneel z-46), boven gewone pagina-content. */
/* Fallback 69px (Bobby, live afgesteld): sites zónder eigen --gb-headerh
   (zoals neuramerce.com) plakken dan strak onder de header, zonder kier
   waar pagina-tekst doorheen schemert. Sites die de token wél zetten (GB)
   houden hun eigen gemeten hoogte. */
.nb.nb--sticky-toc{position:sticky;top:var(--gb-headerh,69px);z-index:40;background:transparent;padding:0;border-top:none}
/* initStickyToc verbergt pills en de hele balk met [hidden]; een thema-regel met een
   display-waarde mag dat niet ongedaan maken. */
.nb.nb--sticky-toc[hidden],.nb-toc__pill[hidden]{display:none!important}
/* De plaat (nav-achtergrond) loopt rand-tot-rand: de standaard .nb-container
   zou hem laten inspringen (op mobiel 18px per kant — zichtbare insprong).
   De contentbreedte wordt door .nb-toc__inner bepaald (--container/--pad-x),
   zodat een site de balk-inhoud op z'n eigen header-container kan uitlijnen. */
.nb.nb--sticky-toc .nb-container{max-width:none;padding:0}
/* In rust is de balk onzichtbaar chroom: geen plaat, geen borders (prototype).
   Pas zodra hij plakt (is-stuck) komen de frosted achtergrond, onderrand,
   schaduw en de voortgangsbalk erbij. */
.nb-toc{position:relative;background:transparent;transition:background .25s,box-shadow .25s}
.nb-toc.is-stuck{background:color-mix(in srgb,var(--nb-surface) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--nb-line)}
/* Voortgangsbalk aan de bovenkant (prototype): hele-pagina-leesvoortgang, 3px.
   Geen transform-transition — de scroll-handler zet de transform elke frame. */
.nb-toc__progress{position:absolute;left:0;top:0;height:3px;width:100%;background:var(--nb-accent);transform:scaleX(0);transform-origin:left center;z-index:1;opacity:0;transition:opacity .2s}
.nb-toc.is-stuck .nb-toc__progress{opacity:1}
.nb-toc__inner{max-width:var(--container,1440px);margin:0 auto;padding:0 var(--pad-x,clamp(18px,4vw,56px));display:flex;align-items:center;gap:14px}
.nb-toc__label{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--nb-muted);padding:14px 14px 14px 0;border-right:1px solid var(--nb-line);white-space:nowrap}
/* Verticale padding op de RIJ + compactere pill-padding: de pill-achtergrond
   mag niet tot de randen van de balk doorlopen (plakte op mobiel tegen de
   onderrand). Totale balkhoogte blijft ~gelijk. */
.nb-toc__row{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:6px 0;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.nb-toc__row::-webkit-scrollbar{display:none}
.nb-toc__pill{flex-shrink:0;padding:9px 15px;font-size:14px;font-weight:500;letter-spacing:-0.01em;color:var(--nb-muted);white-space:nowrap;text-decoration:none;border-radius:999px;transition:color .2s,background .2s}
.nb-toc__pill:hover{color:var(--nb-text)}
/* Actieve pill: subtiele accent-tint met leesbare tekst (prototype) — géén
   gevulde knop; de balk moet ondergeschikt blijven aan de pagina-inhoud. */
.nb-toc__pill.is-active{color:var(--nb-text);background:color-mix(in srgb,var(--nb-accent) 22%,transparent)}
.nb-toc__cta{margin-left:auto;color:var(--nb-bg);background:var(--nb-accent);opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .25s,transform .25s}
.nb-toc.is-stuck .nb-toc__cta{opacity:1;transform:translateX(0);pointer-events:auto}
.nb-toc.is-stuck{box-shadow:0 8px 24px -12px rgba(0,0,0,0.4)}
@media (max-width:640px){
  .nb-toc__label{display:none}
  .nb-toc__inner{padding:0 14px;gap:0}
  .nb-toc__pill{padding:8px 13px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .nb-toc__row{scroll-behavior:auto}
  .nb-toc__cta{transition:none}
}


.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}
}