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


/* 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}
/* 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 h3{margin:0 0 6px;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-vergelijk-* blokken) ===== */
/* Specificiteit bewust (0,1,0) — zonder "section"-element-prefix. De reset
   (padding:0/border-top:0) moet van de generieke .nb-default winnen op
   bron-volgorde, maar van de latere per-blok .nb--nm-vergelijk-*-regels
   verliezen. Zelfde les als nm-modp: met element-prefix (0,1,1) slaat de
   reset alle sectie-paddings van de familie plat. */
[data-neura-block^="nm-vergelijk-"]{
  --nvg-fg:var(--foreground,oklch(0.2200 0.0100 260));
  --nvg-muted:var(--muted-foreground,oklch(0.5500 0.0120 260));
  --nvg-border:var(--border,oklch(0.9200 0.0040 260));
  --nvg-card:var(--card,oklch(0.9950 0.0020 260));
  --nvg-head-bg:var(--muted,oklch(0.9700 0.0030 260));
  --nvg-bg:var(--background,oklch(1 0 0));
  --nvg-primary:var(--primary,oklch(0.635 0.168 277));
  --nvg-primary-fg:var(--primary-foreground,oklch(0.9900 0.0020 260));
  --nvg-secondary:var(--secondary,oklch(0.9500 0.0040 260));
  --nvg-secondary-fg:var(--secondary-foreground,oklch(0.2600 0.0100 260));
  --nvg-destructive:var(--destructive,oklch(0.58 0.19 27));
  --nvg-yes:oklch(0.62 0.16 150);
  --nvg-radius:var(--radius,1.25rem);
  --nvg-radius-sm:var(--radius-sm,0.5rem);
  --nvg-radius-lg:var(--radius-lg,1.25rem);
  --nvg-radius-md:var(--radius-md,0.85rem);
  --nvg-font-display:var(--font-display,var(--brand-font-heading,inherit));
  --nvg-font-mono:var(--font-mono,var(--brand-font-mono,ui-monospace,monospace));
  padding:0;border-top:0;color:var(--nvg-fg);
  font-family:var(--font-body,var(--brand-font-body,inherit));
}
section[data-neura-block^="nm-vergelijk-"]>.nb-container{max-width:none;padding:0}
section[data-neura-block^="nm-vergelijk-"] :where(*,*::before,*::after){box-sizing:border-box}
section[data-neura-block^="nm-vergelijk-"] :where(p,h1,h2,h3){margin:0}
section[data-neura-block^="nm-vergelijk-"] :where(a){color:inherit;text-decoration:none}
section[data-neura-block^="nm-vergelijk-"] svg{display:block}
.nb--nm-vergelijk-table .nvg-container,
.nb--nm-vergelijk-calc .nvg-container,
.nb--nm-vergelijk-verdict .nvg-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-vergelijk-"] .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:42px;padding:0 18px;border-radius:var(--nvg-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;
}
section[data-neura-block^="nm-vergelijk-"] .btn-lg{height:52px;padding:0 26px;font-size:15px}
section[data-neura-block^="nm-vergelijk-"] .btn-primary{background:var(--nvg-primary);color:var(--nvg-primary-fg)}
section[data-neura-block^="nm-vergelijk-"] .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px color-mix(in oklch,var(--nvg-primary) 55%,transparent)}

/* ===== vg-table ===== */
.nb--nm-vergelijk-table{padding:clamp(56px,7vw,96px) 0}
.nb--nm-vergelijk-table .vg-table__head{max-width:620px;margin:0 auto clamp(32px,4vw,48px);text-align:center}
.nb--nm-vergelijk-table .vg-table__head h2{font-family:var(--nvg-font-display);font-weight:700;font-size:clamp(28px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.1;color:var(--nvg-fg);margin-bottom:14px;text-wrap:balance}
.nb--nm-vergelijk-table .vg-table__head h2 .quiet{color:color-mix(in oklch,var(--nvg-fg) 45%,transparent)}
.nb--nm-vergelijk-table .vg-table__head p,.nb--nm-vergelijk-table .vg-table__head .vg-rt{font-size:clamp(15px,1.5vw,17px);line-height:1.6;color:var(--nvg-muted);text-wrap:pretty}
.nb--nm-vergelijk-table .vg-tablewrap{overflow-x:auto}
.nb--nm-vergelijk-table .vg-table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;border:1px solid var(--nvg-border);border-radius:var(--nvg-radius-lg);overflow:hidden;background:var(--nvg-card)}
.nb--nm-vergelijk-table .vg-table th,.nb--nm-vergelijk-table .vg-table td{padding:15px 18px;text-align:center;font-size:14px;border-bottom:1px solid var(--nvg-border)}
.nb--nm-vergelijk-table .vg-table tr:last-child td{border-bottom:none}
.nb--nm-vergelijk-table .vg-table th{font-family:var(--nvg-font-display);font-size:14.5px;font-weight:600;color:var(--nvg-fg);background:var(--nvg-head-bg);padding:18px}
.nb--nm-vergelijk-table .vg-table td:first-child,.nb--nm-vergelijk-table .vg-table th:first-child{text-align:left;position:sticky;left:0;background:var(--nvg-card);z-index:1;min-width:200px;font-weight:500;color:var(--nvg-fg)}
.nb--nm-vergelijk-table .vg-table th:first-child{background:var(--nvg-head-bg)}
.nb--nm-vergelijk-table .vg-table td{color:var(--nvg-muted)}
.nb--nm-vergelijk-table .vg-table .nm-col{background:color-mix(in oklch,var(--nvg-primary) 7%,var(--nvg-card));border-left:1px solid color-mix(in oklch,var(--nvg-primary) 30%,var(--nvg-border));border-right:1px solid color-mix(in oklch,var(--nvg-primary) 30%,var(--nvg-border));color:var(--nvg-fg)}
.nb--nm-vergelijk-table .vg-table th.nm-col{background:color-mix(in oklch,var(--nvg-primary) 14%,var(--nvg-head-bg));color:var(--nvg-fg)}
.nb--nm-vergelijk-table .vg-yes{display:inline-flex;color:var(--nvg-yes)}
.nb--nm-vergelijk-table .vg-no{display:inline-flex;color:color-mix(in oklch,var(--nvg-fg) 28%,transparent)}
.nb--nm-vergelijk-table .vg-half{display:inline-flex;color:var(--nvg-muted)}

/* ===== vg-calc (interactief) ===== */
.nb--nm-vergelijk-calc{border-top:1px solid var(--nvg-border);padding:clamp(72px,9vw,110px) 0}
.nb--nm-vergelijk-calc .vg-calc__head{text-align:center;max-width:560px;margin:0 auto clamp(36px,5vw,56px)}
.nb--nm-vergelijk-calc .vg-calc__head h2{font-family:var(--nvg-font-display);font-weight:700;font-size:clamp(26px,3.4vw,42px);letter-spacing:-0.03em;color:var(--nvg-fg);text-wrap:balance}
.nb--nm-vergelijk-calc .vg-calc__head h2 .quiet{color:color-mix(in oklch,var(--nvg-fg) 45%,transparent)}
.nb--nm-vergelijk-calc .vg-calc__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(24px,3vw,40px);align-items:start;max-width:1000px;margin:0 auto}
@media(max-width:880px){.nb--nm-vergelijk-calc .vg-calc__grid{grid-template-columns:1fr}}
.nb--nm-vergelijk-calc .vg-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.nb--nm-vergelijk-calc .vg-tools{grid-template-columns:1fr}}
.nb--nm-vergelijk-calc .vg-tool{position:relative;display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--nvg-border);border-radius:var(--nvg-radius);background:var(--nvg-card);padding:16px 18px;cursor:pointer;transition:border-color .2s,transform .15s;font-family:inherit}
.nb--nm-vergelijk-calc .vg-tool:hover{transform:translateY(-1px)}
.nb--nm-vergelijk-calc .vg-tool.is-on{border-color:var(--nvg-primary);box-shadow:0 0 0 1px var(--nvg-primary)}
.nb--nm-vergelijk-calc .vg-tool__check{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:1px solid var(--nvg-border);color:transparent;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}
.nb--nm-vergelijk-calc .vg-tool.is-on .vg-tool__check{background:var(--nvg-primary);border-color:var(--nvg-primary);color:var(--nvg-primary-fg)}
.nb--nm-vergelijk-calc .vg-tool__name{font-size:14.5px;font-weight:600;color:var(--nvg-fg);padding-right:28px}
.nb--nm-vergelijk-calc .vg-tool__what{font-size:12px;color:var(--nvg-muted)}
.nb--nm-vergelijk-calc .vg-tool__price{font-size:14px;font-weight:600;color:var(--nvg-fg);margin-top:8px}
.nb--nm-vergelijk-calc .vg-tool__price small{font-size:11px;font-weight:400;color:var(--nvg-muted)}
.nb--nm-vergelijk-calc .vg-result{position:sticky;top:90px;border:1px solid var(--nvg-border);border-radius:var(--nvg-radius-lg);background:var(--nvg-card);padding:24px}
.nb--nm-vergelijk-calc .vg-result__head{font-family:var(--nvg-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--nvg-muted);margin-bottom:20px}
.nb--nm-vergelijk-calc .vg-result__bars{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.nb--nm-vergelijk-calc .vg-bar__label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--nvg-muted);margin-bottom:7px}
.nb--nm-vergelijk-calc .vg-bar__label b{color:var(--nvg-fg);font-size:15px;font-variant-numeric:tabular-nums}
.nb--nm-vergelijk-calc .vg-bar__track{height:8px;border-radius:4px;background:color-mix(in oklch,var(--nvg-fg) 7%,transparent);overflow:hidden}
.nb--nm-vergelijk-calc .vg-bar__track i{display:block;height:100%;border-radius:4px;transition:width .5s cubic-bezier(.16,1,.3,1)}
.nb--nm-vergelijk-calc .vg-bar__track i.old{background:color-mix(in oklch,var(--nvg-fg) 30%,transparent)}
.nb--nm-vergelijk-calc .vg-bar__track i.nm{background:var(--nvg-primary)}
.nb--nm-vergelijk-calc .vg-result__sep{height:1px;background:var(--nvg-border);margin:18px 0}
.nb--nm-vergelijk-calc .vg-result__big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.nb--nm-vergelijk-calc .vg-result__big span{font-size:13.5px;color:var(--nvg-muted);flex-basis:100%}
.nb--nm-vergelijk-calc .vg-result__big b{font-family:var(--nvg-font-display);font-size:clamp(30px,3vw,38px);font-weight:700;letter-spacing:-0.03em;color:var(--nvg-yes);font-variant-numeric:tabular-nums}
.nb--nm-vergelijk-calc .vg-result__big small{font-size:13px;color:var(--nvg-muted)}
.nb--nm-vergelijk-calc .vg-result__month{font-size:13px;color:var(--nvg-muted);margin-top:6px}
.nb--nm-vergelijk-calc .vg-time{display:flex;align-items:flex-start;gap:10px;margin-top:14px;border:1px solid var(--nvg-border);border-radius:var(--nvg-radius);background:color-mix(in oklch,var(--nvg-fg) 3%,transparent);padding:12px 14px;font-size:13px;color:var(--nvg-muted);line-height:1.5}
.nb--nm-vergelijk-calc .vg-time b{color:var(--nvg-fg);font-variant-numeric:tabular-nums}
.nb--nm-vergelijk-calc .vg-time__value{display:inline-block;margin-top:4px;font-size:12px;color:var(--nvg-muted)}
.nb--nm-vergelijk-calc .vg-time__value b{color:var(--nvg-yes)}
.nb--nm-vergelijk-calc .vg-time__icon{color:var(--nvg-primary);flex-shrink:0;margin-top:1px}
.nb--nm-vergelijk-calc .vg-result__cta{width:100%;margin-top:18px}
.nb--nm-vergelijk-calc .vg-result__note{font-size:11.5px;color:var(--nvg-muted);margin-top:12px;text-align:center}

/* ===== vg-verdict ===== */
.nb--nm-vergelijk-verdict{border-top:1px solid var(--nvg-border);background:var(--nvg-head-bg);padding:clamp(72px,9vw,110px) 20px;text-align:center}
.nb--nm-vergelijk-verdict .vg-verdict__box{max-width:720px;margin:0 auto}
.nb--nm-vergelijk-verdict h2{font-family:var(--nvg-font-display);font-weight:700;font-size:clamp(26px,3.4vw,42px);letter-spacing:-0.03em;line-height:1.1;color:var(--nvg-fg);margin-bottom:16px;text-wrap:balance}
.nb--nm-vergelijk-verdict h2 .quiet{color:color-mix(in oklch,var(--nvg-fg) 45%,transparent)}
.nb--nm-vergelijk-verdict p,.nb--nm-vergelijk-verdict .vg-rt{font-size:clamp(15px,1.6vw,17px);line-height:1.65;color:var(--nvg-muted);text-wrap:pretty}
.nb--nm-vergelijk-verdict .vg-rt b,.nb--nm-vergelijk-verdict .vg-rt strong,.nb--nm-vergelijk-verdict p b,.nb--nm-vergelijk-verdict p strong{color:var(--nvg-fg);font-weight:600}
.nb--nm-vergelijk-verdict .vg-verdict__cta{margin-top:28px}
.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 + resets + UI (alle nm-launch-* blokken) ===== */
section[data-neura-block^="nm-launch-"]{
  --nml-bg:var(--background,oklch(0.9876 0.0085 67.7269));
  --nml-fg:var(--foreground,oklch(0.2795 0.0368 260.0310));
  --nml-muted:var(--muted-foreground,oklch(0.5510 0.0234 264.3637));
  --nml-card:var(--card,oklch(0.9699 0.0013 106.4238));
  --nml-border:var(--border,oklch(0.8687 0.0043 56.3660));
  --nml-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. */
  --nml-primary-text:color-mix(in srgb,var(--nml-primary) 65%,#fff);
  --nml-primary-fg:var(--primary-foreground,oklch(1 0 0));
  --nml-secondary:var(--secondary,oklch(0.8687 0.0043 56.3660));
  --nml-secondary-fg:var(--secondary-foreground,oklch(0.4461 0.0263 256.8018));
  --nml-radius:var(--radius,1.25rem);
  --nml-radius-sm:var(--radius-sm,0.5rem);
  --nml-radius-md:var(--radius-md,0.75rem);
  --nml-radius-lg:var(--radius-lg,1.25rem);
  --nml-radius-xl:var(--radius-xl,1.5rem);
  --nml-font-display:var(--font-display,var(--font-sans,inherit));
  --nml-font-mono:var(--font-mono,ui-monospace,monospace);
  --nml-tracking-widest:var(--tracking-widest,0.1em);
  --nml-nums-bg:oklch(0.1250 0.0020 67);
  color:var(--nml-fg);
  font-family:var(--font-sans,inherit);
}
section[data-neura-block^="nm-launch-"]>.nb-container{max-width:none;padding:0}
section[data-neura-block^="nm-launch-"] :where(*,*::before,*::after){box-sizing:border-box}
section[data-neura-block^="nm-launch-"] :where(p,h1,h2,h3,ul,ol){margin:0}
section[data-neura-block^="nm-launch-"] :where(ul,ol){list-style:none;padding:0}
section[data-neura-block^="nm-launch-"] :where(img){display:block;max-width:100%}
section[data-neura-block^="nm-launch-"] :where(a){color:inherit;text-decoration:none}
section[data-neura-block^="nm-launch-"] svg{display:block}
section[data-neura-block^="nm-launch-"] .nml-container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,32px);position:relative;z-index:2}
section[data-neura-block^="nm-launch-"] h1{font-family:var(--nml-font-display);font-size:clamp(40px,6.4vw,74px);font-weight:800;line-height:1.03;letter-spacing:-0.038em;text-wrap:balance;color:var(--nml-fg)}
section[data-neura-block^="nm-launch-"] h2{font-family:var(--nml-font-display);font-size:clamp(28px,3.8vw,46px);font-weight:700;line-height:1.08;letter-spacing:-0.025em;text-wrap:balance;color:var(--nml-fg)}
section[data-neura-block^="nm-launch-"] h3{font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-0.015em;color:var(--nml-fg)}
section[data-neura-block^="nm-launch-"] .accent{color:var(--nml-primary-text)}
section[data-neura-block^="nm-launch-"] h1 .accent{background:linear-gradient(180deg,var(--nml-fg) 0%,color-mix(in srgb,var(--nml-fg) 55%,transparent) 70%,color-mix(in srgb,var(--nml-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{section[data-neura-block^="nm-launch-"] h1 .accent{background:none;color:inherit}}

/* ===== buttons ===== */
section[data-neura-block^="nm-launch-"] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--nml-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-launch-"] .btn-lg{height:54px;padding:0 28px;font-size:15px}
section[data-neura-block^="nm-launch-"] .btn-primary{background:var(--nml-primary);color:var(--nml-primary-fg)}
section[data-neura-block^="nm-launch-"] .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px color-mix(in oklch,var(--nml-primary) 60%,transparent)}
section[data-neura-block^="nm-launch-"] .btn-ghost{background:transparent;color:var(--nml-fg);border:1px solid var(--nml-border)}
section[data-neura-block^="nm-launch-"] .btn-ghost:hover{transform:translateY(-1px);border-color:color-mix(in oklch,var(--nml-fg) 20%,transparent);background:color-mix(in oklch,var(--nml-fg) 5%,transparent)}

/* ===== lp-hero ===== */
.nb--nm-launch-hero{position:relative;overflow:hidden;padding:clamp(88px,10vw,120px) 0 clamp(72px,10vw,120px);text-align:center}
.nb--nm-launch-hero .lp-hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.nb--nm-launch-hero .lp-hero__bg::before{content:"";position:absolute;top:-15%;left:50%;transform:translateX(-50%);width:92%;max-width:1040px;height:760px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--nml-primary) 12%,transparent) 0%,transparent 62%)}
.nb--nm-launch-hero .lp-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,var(--nml-bg) 100%)}
.nb--nm-launch-hero .lp-hero__inner{position:relative;z-index:2;max-width:880px;margin:0 auto}
.nb--nm-launch-hero .lp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:color-mix(in oklch,var(--nml-primary) 12%,transparent);border:1px solid color-mix(in oklch,var(--nml-primary) 30%,transparent);font-family:var(--nml-font-mono);font-size:11px;font-weight:600;color:var(--nml-primary);letter-spacing:var(--nml-tracking-widest);text-transform:uppercase;margin-bottom:28px}
.nb--nm-launch-hero .lp-hero__badge .dot{width:6px;height:6px;border-radius:999px;background:var(--nml-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--nml-primary) 25%,transparent);animation:nml-pulse 2.4s ease-in-out infinite}
@keyframes nml-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in oklch,var(--nml-primary) 25%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--nml-primary) 10%,transparent)}}
.nb--nm-launch-hero h1{margin:0 0 22px}
.nb--nm-launch-hero .lp-hero__sub{font-size:clamp(17px,1.5vw,21px);color:var(--nml-muted);max-width:620px;margin:0 auto 36px;line-height:1.55;text-wrap:pretty}
.nb--nm-launch-hero .lp-hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.nb--nm-launch-hero .lp-hero__badge .dot{animation:none}}

/* ===== lp-perks ===== */
.nb--nm-launch-perks{padding:clamp(64px,9vw,112px) 0}
.nb--nm-launch-perks .lp-perks__head{max-width:640px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.nb--nm-launch-perks .lp-perks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px)}
.nb--nm-launch-perks .lp-perk{border:1px solid var(--nml-border);border-radius:var(--nml-radius-lg);background:var(--nml-card);padding:clamp(22px,2.4vw,30px)}
.nb--nm-launch-perks .lp-perk__icon{width:46px;height:46px;border-radius:var(--nml-radius-md);border:1px solid color-mix(in oklch,var(--nml-primary) 30%,var(--nml-border));background:color-mix(in oklch,var(--nml-primary) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--nml-primary);margin-bottom:18px}
.nb--nm-launch-perks .lp-perk h3{margin-bottom:8px}
.nb--nm-launch-perks .lp-perk p{font-size:14.5px;line-height:1.6;color:var(--nml-muted);text-wrap:pretty}
@media(max-width:880px){.nb--nm-launch-perks .lp-perks__grid{grid-template-columns:1fr}}

/* ===== lp-nums (donkere big-number-statband) ===== */
.nb--nm-launch-nums{background:var(--nml-nums-bg);padding:clamp(56px,7vw,96px) 0}
.nb--nm-launch-nums .lp-nums__row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,56px)}
.nb--nm-launch-nums .lp-num{text-align:center}
.nb--nm-launch-nums .lp-num__val{font-family:var(--nml-font-display);font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1;letter-spacing:-0.03em;color:oklch(0.98 0.005 260);font-variant-numeric:tabular-nums}
.nb--nm-launch-nums .lp-num__label{margin-top:12px;font-family:var(--nml-font-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:oklch(0.72 0.02 260)}
@media(max-width:880px){.nb--nm-launch-nums .lp-nums__row{grid-template-columns:repeat(2,1fr);gap:40px 24px}}

/* ===== lp-road (roadmap/stappen-tijdlijn) ===== */
.nb--nm-launch-road{padding:clamp(64px,9vw,112px) 0}
.nb--nm-launch-road .lp-road__head{max-width:640px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.nb--nm-launch-road .lp-road__list{max-width:760px;margin:0 auto;display:flex;flex-direction:column}
.nb--nm-launch-road .lp-step{display:flex;gap:clamp(18px,2.4vw,28px);position:relative;padding-bottom:clamp(28px,3.4vw,40px)}
.nb--nm-launch-road .lp-step:not(:last-child)::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:linear-gradient(180deg,color-mix(in oklch,var(--nml-primary) 40%,transparent),var(--nml-border))}
.nb--nm-launch-road .lp-step__marker{position:relative;z-index:1;flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in oklch,var(--nml-primary) 32%,var(--nml-border));background:color-mix(in oklch,var(--nml-primary) 10%,var(--nml-bg));display:flex;align-items:center;justify-content:center}
.nb--nm-launch-road .lp-step__marker span{font-family:var(--nml-font-mono);font-size:15px;font-weight:700;color:var(--nml-primary-text);font-variant-numeric:tabular-nums}
/* De marker toont het volgnummer, niet `step`: een periode-label van vrije lengte
   ("Eind september") past nooit in een cirkel van 48px en liep er links en rechts
   uit, dwars over de verbindingslijn. `step` staat nu als eyebrow in de body —
   ook toegankelijker, want de marker is aria-hidden. */
.nb--nm-launch-road .lp-step__when{display:block;font-family:var(--nml-font-mono);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--nml-primary-text);margin-bottom:6px}
.nb--nm-launch-road .lp-step__body{padding-top:6px}
.nb--nm-launch-road .lp-step__body h3{margin-bottom:6px}
.nb--nm-launch-road .lp-step__body p{font-size:14.5px;line-height:1.6;color:var(--nml-muted);text-wrap:pretty}
@media(max-width:560px){.nb--nm-launch-road .lp-step:not(:last-child)::before{left:19px}.nb--nm-launch-road .lp-step__marker{width:40px;height:40px}}

/* ===== lp-shots (screenshot-rij) ===== */
.nb--nm-launch-shots{padding:0 0 clamp(72px,10vw,128px)}
.nb--nm-launch-shots .lp-shots__row{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.6vw,32px)}
.nb--nm-launch-shots .lp-shot{border:1px solid var(--nml-border);border-radius:var(--nml-radius-lg);background:var(--nml-card);overflow:hidden}
.nb--nm-launch-shots .lp-shot__frame{position:relative;aspect-ratio:16/10;background:color-mix(in oklch,var(--nml-fg) 4%,transparent)}
.nb--nm-launch-shots .lp-shot__frame img{width:100%;height:100%;object-fit:cover}
.nb--nm-launch-shots .lp-shot__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--nml-fg) 4%,transparent) 0 12px,transparent 12px 24px)}
.nb--nm-launch-shots .lp-shot__ph span{font-family:var(--nml-font-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--nml-muted)}
.nb--nm-launch-shots .lp-shot__body{padding:18px 20px}
.nb--nm-launch-shots .lp-shot__label{font-size:15px;font-weight:600;color:var(--nml-fg)}
.nb--nm-launch-shots .lp-shot__cap{margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--nml-muted);text-wrap:pretty}
@media(max-width:720px){.nb--nm-launch-shots .lp-shots__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}