.wb-hero-ambient-host { position: relative; overflow: hidden; isolation: isolate; }
  .wb-hero-ambient-host > :not(.wb-hero-ambient) { position: relative; z-index: 1; }
  .wb-hero-ambient { position: absolute; top: 0; left: 50%; width: 677px; height: 494px;
    transform: translateX(-50%); pointer-events: none; z-index: 0; overflow: hidden; }
  .wb-hero-ambient > * { position: absolute; display: block; }
  .wb-hero-ambient-beam { top: -392px; left: 311px; width: 340px; height: 800px;
    transform: rotate(41deg); opacity: .82;
    background: radial-gradient(closest-side,
      rgba(150,150,156,.448) 2.5%, rgba(150,150,156,.404) 12.5%,
      rgba(150,150,156,.321) 22.5%, rgba(150,150,156,.232) 32.5%,
      rgba(150,150,156,.153) 42.5%, rgba(150,150,156,.097) 52.5%,
      rgba(150,150,156,.058) 62.5%, rgba(150,150,156,.022) 77.5%,
      rgba(150,150,156,0) 100%); }
  .wb-hero-ambient-dots { inset: 0; opacity: .68;
    background-image: radial-gradient(circle, rgba(255,255,255,.055) 1.4px, rgba(255,255,255,0) 1.6px);
    background-size: 28px 28px; background-position: 5px 2px;
    -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,.25), #000 85%);
    mask-image: linear-gradient(135deg, rgba(0,0,0,.25), #000 85%); }
  .wb-hero-ambient-spark { top: -84px; left: 249px; width: 350px; height: 432px;
    transform: rotate(36deg); opacity: .9; }
  .wb-hero-ambient-spark i { position: absolute; display: block; border-radius: 50%;
    background: #fff; opacity: .12;
    animation: wb-hero-val linear infinite, wb-hero-puls ease-in-out infinite alternate; }
  @keyframes wb-hero-val { from { transform: translateY(0); } to { transform: translateY(432px); } }
  @keyframes wb-hero-puls { from { opacity: .12; } to { opacity: .82; } }
  html[data-wb-view="light"] .wb-hero-ambient-beam { opacity: .13;
    background: radial-gradient(closest-side,
      rgba(105,105,99,.448) 2.5%, rgba(105,105,99,.404) 12.5%,
      rgba(105,105,99,.321) 22.5%, rgba(105,105,99,.232) 32.5%,
      rgba(105,105,99,.153) 42.5%, rgba(105,105,99,.097) 52.5%,
      rgba(105,105,99,.058) 62.5%, rgba(105,105,99,.022) 77.5%,
      rgba(105,105,99,0) 100%); }
  html[data-wb-view="light"] .wb-hero-ambient-dots { opacity: .36;
    background-image: radial-gradient(circle, rgba(0,0,0,.055) 1.4px, rgba(0,0,0,0) 1.6px); }
  html[data-wb-view="light"] .wb-hero-ambient-spark { opacity: .86; }
  html[data-wb-view="light"] .wb-hero-ambient-spark i { background: #000; }
  @media (max-width: 809px) {
    .wb-hero-ambient { left: 50%; transform: translateX(-50%) scale(.82); transform-origin: top center; }
  }
  @media (prefers-reduced-motion: reduce) {
    .wb-hero-ambient-spark i { animation: none; opacity: .5; }
  }
h1 { overflow-wrap: break-word; }
.wb-sc-sectie { width: 100%; min-width: 0; background: var(--wb-canvas, #000); padding: 110px 24px 0;
    font-family: "Inter Tight", sans-serif; }
  .wb-sc-sectie:first-of-type { padding-top: 190px; }
  .wb-sc-sectie:last-of-type { padding-bottom: 40px; }
  .wb-sc-inner { width: 100%; max-width: 1200px; margin: 0 auto; }
  .wb-sc-kop { margin: 0; color: var(--wb-text, #fff); font-size:var(--wb-fs-sectie); font-weight: 700;
    line-height: 1.15; letter-spacing: -0.01em; text-shadow: 0 0 28px rgba(255,255,255,.3); }
  .wb-sc-intro { margin: 16px 0 0; max-width: 760px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-body)/1.6 "Inter Tight", sans-serif; }
  .wb-sc-kaart { background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 28px; min-width: 0; }
  .wb-sc-subkop { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-sc-hero-raster { display: grid; gap: 56px; align-items: center; }
  .wb-sc-hero-rechts { grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); }
  .wb-sc-hero-links { grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr); }
  .wb-sc-hero-links .wb-sc-hero-kaartkolom { order: 1; justify-self: start; }
  .wb-sc-hero-links .wb-sc-hero-tekstkolom { order: 2; }
  .wb-sc-hero-rechts .wb-sc-hero-kaartkolom { order: 2; justify-self: end; }
  .wb-sc-hero-rechts .wb-sc-hero-tekstkolom { order: 1; }
  .wb-sc-hero-kaartkolom { max-width: 520px; width: 100%; }
  @media (max-width: 1024px) {
    .wb-sc-hero-raster { grid-template-columns: minmax(0,1fr); gap: 44px; }
    .wb-sc-hero-kaartkolom { order: 2 !important; justify-self: start !important; }
    .wb-sc-hero-tekstkolom { order: 1 !important; }
  }
  .wb-sc-hero-tekstkolom h1 { margin: 0; color: var(--wb-text, #fff); font-size:var(--wb-fs-hero);
    font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; text-shadow: 0 0 32px rgba(255,255,255,.35); }
  .wb-sc-hero-intro { margin: 22px 0 0; max-width: 620px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-body)/1.65 "Inter Tight", sans-serif; }
  .wb-sc-hero-logo { display: inline-block; height: 22px; width: auto; vertical-align: -5px; margin-right: 10px; }
  .wb-sc-hero-kaartkolom > .wb-sc-hk { position: relative; overflow: hidden; }
  .wb-sc-hero-kaartkolom > .wb-sc-hk::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px;
    background: linear-gradient(90deg, var(--wb-sc-accent-1, #35D7B0) 0 68%, var(--wb-sc-accent-2, #B6ED6A) 68%); }
  .wb-sc-hero-knoppen { margin-top: 30px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
  .wb-sc-primair { display: inline-flex; align-items: center; justify-content: center;
    background: var(--wb-text, #fff); color: var(--wb-canvas, #000); font: 600 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif;
    padding: 15px 22px; border-radius: 12px; text-decoration: none; }
  .wb-sc-primair:hover { opacity: .88; }
  .wb-sc-secundair { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border: 1px solid var(--wb-border, #2a2d31); color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif;
    padding: 14px 20px; border-radius: 12px; text-decoration: none; transition: background .15s; }
  .wb-sc-secundair:hover { background: var(--wb-surface-hover, #26282b); color: var(--wb-text, #fff); }
  .wb-sc-hk { background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 22px 24px; }
  .wb-sc-hk-kop { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding-bottom: 13px; border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-sc-hk-dom { display: inline-flex; align-items: center; gap: 9px; color: var(--wb-text, #fff);
    font: 600 var(--wb-fs-tekst)/1 "Roboto Mono", "Inter Tight", monospace; }
  .wb-sc-hk-dom svg { width: 18px; height: 18px; }
  .wb-sc-hk-label { color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1 "Inter Tight", sans-serif; }
  .wb-sc-hk-voet { margin: 14px 0 0; border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 13px;
    color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-badge { border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-4, #1c1e20);
    color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; padding: 5px 9px;
    border-radius: 999px; white-space: nowrap; }
  .wb-sc-badge-groen { color: var(--wb-positief, #07a721); }
  .wb-sc-wat-raster { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); gap: 40px; margin-top: 36px; align-items: start; }
  @media (max-width: 1024px) { .wb-sc-wat-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-sc-stap { display: flex; align-items: flex-start; gap: 16px; border-top: 1px solid var(--wb-border, #2a2d31); margin-top: 16px; padding-top: 18px; }
  .wb-sc-stapnr { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
    box-sizing: border-box; border: 1px solid #1D2034; border-radius: 11px; background: #0B0C1A; color: #B6ED6A;
    font: 700 var(--wb-fs-label)/1 "Roboto Mono", "Inter Tight", monospace; flex-shrink: 0; }
  .wb-sc-staptekst { color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-sc-check { display: flex; gap: 11px; align-items: flex-start; margin-top: 13px;
    color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-check svg { flex-shrink: 0; margin-top: 3px; }
  .wb-sc-wat-keuzemodus .wb-sc-kop,
  .wb-sc-wat-keuzemodus .wb-sc-intro { max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; }
  .wb-sc-wat-keuze { display: grid; grid-template-columns: minmax(210px, 280px) minmax(0, 1fr);
    margin-top: 38px; min-height: 360px; overflow: hidden; border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 16px; background: var(--wb-surface-1, #0d0e10); }
  .wb-sc-wat-tabs { position: relative; isolation: isolate; display: flex; flex-direction: column;
    border-right: 1px solid var(--wb-border, #2a2d31);
    background: color-mix(in srgb, var(--wb-surface-2, #131315) 72%, transparent); }
  .wb-sc-wat-tab { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px;
    align-items: center; min-height: 88px; padding: 22px; border: 0; border-bottom: 1px solid var(--wb-border, #2a2d31);
    background: transparent; color: var(--wb-text-muted, #777d87); text-align: left;
    font: 600 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; cursor: pointer;
    transition: background .18s ease, color .18s ease; }
  .wb-sc-wat-tab:last-child { border-bottom: 0; }
  .wb-sc-wat-tab:hover { background: var(--wb-surface-2, #131315); color: var(--wb-text, #fff); }
  .wb-sc-wat-tab[aria-selected="true"] { background: var(--wb-surface-3, #17181b); color: var(--wb-text, #fff); }
  .wb-sc-wat-tab[aria-selected="true"]::after { content: ""; position: absolute; right: 18px; top: 50%;
    width: 7px; height: 7px; border-radius: 50%; background: var(--wb-sc-keuze-accent, #3A79E8); transform: translateY(-50%); }
  [data-wb-wat-autoplay].wb-sc-wat-geanimeerd .wb-sc-wat-tab[aria-selected="true"]::after { display: none; }
  .wb-sc-wat-tab:focus-visible { outline: 2px solid var(--wb-text, #fff); outline-offset: -4px; }
  .wb-sc-wat-tabnr { color: var(--wb-sc-keuze-accent, #3A79E8); font: 700 var(--wb-fs-label)/1 "Inter Tight", sans-serif;
    font-variant-numeric: tabular-nums; }
  .wb-sc-wat-panelen { min-width: 0; }
  .wb-sc-wat-paneel { padding: 36px 40px 40px; }
  .wb-sc-wat-paneel[hidden] { display: none; }
  .wb-sc-wat-paneel .wb-sc-subkop { margin: 0 0 16px; }
  .wb-sc-wat-paneel .wb-sc-stap { min-height: 72px; }
  .wb-sc-wat-keuzemodus .wb-sc-stapnr { color: var(--wb-sc-keuze-accent, #3A79E8); }
  .wb-sc-wat-checks { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 34px; }
  .wb-sc-wat-checks .wb-sc-check { border-top: 1px solid var(--wb-border, #2a2d31); padding: 17px 0; }
  .wb-sc-wat-checks .wb-sc-check:nth-child(-n+2) { border-top: 0; }
  .wb-sc-wat-voorbeeld { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 42px; }
  .wb-sc-wat-voorbeeld .wb-sc-kaartintro { margin: -2px 0 14px; }
  .wb-sc-wat-voorbeeld .wb-sc-disclaimer { margin-bottom: 0; }
  .wb-sc-wat-keuze-horizontaal .wb-sc-kop,
  .wb-sc-wat-keuze-horizontaal .wb-sc-intro { max-width: 820px; margin-left: 0; margin-right: 0; text-align: left; }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-keuze { grid-template-columns: minmax(0,1fr); }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
    position: relative; isolation: isolate; overflow: hidden; border-right: 0;
    border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-tab { min-height: 78px; border-bottom: 0;
    border-right: 1px solid var(--wb-border, #2a2d31); }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-tab:last-child { border-right: 0; }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-tab[aria-selected="true"]::after { right: auto; top: auto;
    bottom: -1px; left: 22px; width: 32px; height: 2px; border-radius: 2px 2px 0 0; transform: none; }
  .wb-sc-wat-keuze-horizontaal [data-wb-wat-autoplay].wb-sc-wat-geanimeerd .wb-sc-wat-tab[aria-selected="true"]::after { display: none; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-keuze { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-toolbar { display: flex; align-items: center; justify-content: space-between;
    gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--wb-border, #2a2d31);
    background: color-mix(in srgb, var(--wb-surface-2, #131315) 76%, transparent); }
  .wb-sc-wat-toolbar-zoek { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .wb-sc-wat-toolbar-zoek svg { width: 18px; height: 18px; flex-shrink: 0; stroke: var(--wb-sc-keuze-accent, #5B8DFF); }
  .wb-sc-wat-toolbar-label { color: var(--wb-text-muted, #818791); font: 600 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }
  .wb-sc-wat-toolbar-query { overflow: hidden; color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif;
    text-overflow: ellipsis; white-space: nowrap; }
  .wb-sc-wat-toolbar-meta { flex-shrink: 0; color: var(--wb-text-muted, #777d87);
    font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
    position: relative; isolation: isolate; overflow: hidden; border-right: 0;
    border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-sc-wat-keuze-serp .wb-sc-wat-tab { display: flex; min-height: 66px; padding: 18px 22px;
    border-right: 1px solid var(--wb-border, #2a2d31); border-bottom: 0; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-tab:last-child { border-right: 0; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-tabnr { display: none; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-tab[aria-selected="true"]::after { right: auto; top: auto;
    bottom: -1px; left: 22px; width: 34px; height: 2px; border-radius: 2px 2px 0 0; transform: none; }
  .wb-sc-wat-keuze-serp [data-wb-wat-autoplay].wb-sc-wat-geanimeerd .wb-sc-wat-tab[aria-selected="true"]::after { display: none; }
  .wb-sc-wat-rail { position: absolute; z-index: 2; bottom: -1px; left: 0; width: 33.333%; height: 3px;
    pointer-events: none; transform: translate3d(var(--wb-sc-wat-x, 0%), 0, 0);
    transition: transform .42s cubic-bezier(.16,1,.3,1); }
  .wb-sc-wat-rail::after { content: ""; position: absolute; bottom: 0; left: 22px; width: 34px; height: 3px;
    border-radius: 3px 3px 0 0; background: var(--wb-sc-keuze-accent, #5B8DFF); }
  .wb-sc-wat-keuze-horizontaal .wb-sc-wat-rail::after { width: 32px; }
  .wb-sc-wat-rail-verticaal { right: 18px; top: 40.5px; bottom: auto; left: auto; width: 7px; height: 7px;
    border-radius: 50%; background: var(--wb-sc-keuze-accent, #5B8DFF);
    transform: translate3d(0, calc(var(--wb-sc-wat-index, 0) * 88px), 0); }
  .wb-sc-wat-rail-verticaal::after { display: none; }
  .wb-sc-wat-keuze-serp .wb-sc-wat-paneel { padding-top: 32px; }
  [data-wb-wat-autoplay] .wb-sc-wat-paneel.wb-sc-wat-paneel-in {
    animation: wb-sc-wat-paneel-in .38s cubic-bezier(.16,1,.3,1) both; }
  @keyframes wb-sc-wat-paneel-in {
    from { opacity: .18; transform: translate3d(10px,0,0); clip-path: inset(0 0 0 12px); }
    to { opacity: 1; transform: translate3d(0,0,0); clip-path: inset(0); }
  }
  @media (max-width: 809px) {
    .wb-sc-wat-keuzemodus .wb-sc-kop, .wb-sc-wat-keuzemodus .wb-sc-intro { text-align: left; }
    .wb-sc-wat-keuze { grid-template-columns: minmax(0, 1fr); margin-top: 28px; min-height: 0; }
    .wb-sc-wat-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-right: 0;
      border-bottom: 1px solid var(--wb-border, #2a2d31); }
    .wb-sc-wat-tab { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px;
      min-height: 84px; padding: 13px 10px; border-bottom: 0; border-right: 1px solid var(--wb-border, #2a2d31);
      font-size: var(--wb-fs-label); }
    .wb-sc-wat-tab:last-child { border-right: 0; }
    .wb-sc-wat-tab[aria-selected="true"]::after { right: 12px; top: 12px; transform: none; }
    .wb-sc-wat-paneel { padding: 24px 20px 26px; }
    .wb-sc-wat-checks, .wb-sc-wat-voorbeeld { grid-template-columns: minmax(0,1fr); }
    .wb-sc-wat-checks .wb-sc-check:nth-child(2) { border-top: 1px solid var(--wb-border, #2a2d31); }
    .wb-sc-wat-voorbeeld { gap: 30px; }
    .wb-sc-wat-keuze-horizontaal .wb-sc-wat-tab[aria-selected="true"]::after { left: 10px; width: 26px; }
    .wb-sc-wat-keuze-serp .wb-sc-wat-toolbar { align-items: flex-start; padding: 13px 14px; }
    .wb-sc-wat-keuze-serp .wb-sc-wat-toolbar-label { display: none; }
    .wb-sc-wat-keuze-serp .wb-sc-wat-tab { min-height: 58px; padding: 12px 10px; font-size: var(--wb-fs-label); }
    .wb-sc-wat-keuze-serp .wb-sc-wat-tab[aria-selected="true"]::after { left: 10px; width: 26px; }
    .wb-sc-wat-rail::after { left: 10px; width: 26px; }
    .wb-sc-wat-rail-verticaal { right: auto; top: auto; bottom: -1px; left: 0; width: 33.333%; height: 3px;
      border-radius: 0; background: transparent;
      transform: translate3d(var(--wb-sc-wat-x, 0%), 0, 0); }
    .wb-sc-wat-rail-verticaal::after { display: block; }
  }
  @media (prefers-reduced-motion: reduce) {
    .wb-sc-wat-rail { transition: none; }
    [data-wb-wat-autoplay] .wb-sc-wat-paneel.wb-sc-wat-paneel-in { animation: none; }
  }
  .wb-sc-vb-raster { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; align-items: start; }
  @media (max-width: 1024px) { .wb-sc-vb-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-sc-bevinding { display: flex; gap: 11px; align-items: flex-start; border: 1px solid var(--wb-border, #2a2d31);
    background: var(--wb-surface-2, #131315); border-radius: 12px; padding: 14px 16px; margin-top: 12px;
    color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-tekst)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-bevinding svg { flex-shrink: 0; margin-top: 2px; }
  .wb-sc-streep { width: 16px; height: 2px; border-radius: 1px; background: var(--wb-border-strong, #5f636c); flex-shrink: 0; margin-top: 9px; }
  .wb-sc-disclaimer { margin: 14px 0 0; color: var(--wb-text-faint, #6b707a); font: 500 var(--wb-fs-label)/1.5 "Inter Tight", sans-serif; }
  .wb-sc-kaartintro { margin: 8px 0 4px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-rap-haarlijn { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 48px; margin-top: 24px; }
  @media (max-width: 1024px) { .wb-sc-rap-haarlijn { grid-template-columns: minmax(0,1fr); } }
  .wb-sc-rap-haarlijn .wb-sc-blok { display: flex; gap: 16px; border-top: 1px solid var(--wb-border, #2a2d31); padding: 22px 0; min-width: 0; }
  .wb-sc-rap-kaarten { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; margin-top: 36px; }
  @media (max-width: 1200px) { .wb-sc-rap-kaarten { grid-template-columns: repeat(2, minmax(0,1fr)); } }
  @media (max-width: 560px) { .wb-sc-rap-kaarten { grid-template-columns: minmax(0,1fr); } }
  .wb-sc-rap-kaarten .wb-sc-blok { flex-direction: column; display: flex; gap: 6px;
    background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 24px; min-width: 0; }
  .wb-sc-blok .wb-sc-blok-ic { --wb-signaal: #35D7B0; flex-shrink: 0; margin-top: 2px; display: inline-flex;
    align-items: center; justify-content: center; width: 48px; height: 48px; box-sizing: border-box;
    border: 1px solid #1D2034; border-radius: 11px; background: #0B0C1A; }
  .wb-sc-blok:nth-child(6n + 2) .wb-sc-blok-ic { --wb-signaal: #B6ED6A; }
  .wb-sc-blok:nth-child(6n + 3) .wb-sc-blok-ic { --wb-signaal: #5B8DFF; }
  .wb-sc-blok:nth-child(6n + 4) .wb-sc-blok-ic { --wb-signaal: #FFB547; }
  .wb-sc-blok:nth-child(6n + 5) .wb-sc-blok-ic { --wb-signaal: #A98AFF; }
  .wb-sc-blok:nth-child(6n + 6) .wb-sc-blok-ic { --wb-signaal: #F171A5; }
  .wb-sc-blok-ic > svg { width: 26px; height: 26px; stroke: var(--wb-signaal) !important; }
  .wb-sc-rap-kaarten .wb-sc-blok .wb-sc-blok-ic { margin: 0 0 12px; }
  .wb-sc-blok h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-sc-rap-kaarten .wb-sc-blok h3 { font-size:var(--wb-fs-subkop); }
  .wb-sc-blok p { margin: 6px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-sc-rap-kaarten .wb-sc-blok p { margin: 0; font-size:var(--wb-fs-tekst); }
  .wb-sc-slot { margin: 30px 0 0; max-width: 860px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.65 "Inter Tight", sans-serif; }
  .wb-sc-extra-breed { margin-top: 40px; }
  .wb-sc-extra-rij { border-top: 1px solid var(--wb-border, #2a2d31); margin-top: 14px; padding-top: 13px; }
  .wb-sc-extra-rij:first-of-type { border-top: 0; margin-top: 8px; padding-top: 6px; }
  .wb-sc-extra-regel { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
  .wb-sc-extra-naam { color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.4 "Roboto Mono", "Inter Tight", monospace; min-width: 0; }
  .wb-sc-extra-waarde { color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; white-space: nowrap; }
  .wb-sc-extra-waarde b { color: var(--wb-text, #fff); font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  .wb-sc-extra-balk { height: 6px; border-radius: 999px; background: var(--wb-surface-4, #1c1e20); margin-top: 10px; overflow: hidden; }
  .wb-sc-extra-balk span { display: block; height: 100%; border-radius: 999px; background: var(--wb-positief, #07a721);
    transition: width .8s cubic-bezier(.22,1,.36,1); }
  .wb-sc-extra-caption { margin: 18px 0 0; border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 14px;
    color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-extra-onder { margin: 22px auto 0; max-width: 720px; text-align: center;
    color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-sc-scans-raster { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin-top: 32px; }
  @media (max-width: 1024px) { .wb-sc-scans-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-sc-scan-kaart { display: block; background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 20px; min-width: 0; text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease; }
  .wb-sc-scan-kaart:hover { transform: translateY(-3px); background: var(--wb-surface-2, #131315);
    border-color: color-mix(in srgb, var(--wb-text, #fff) 24%, var(--wb-border, #2a2d31)); }
  .wb-sc-scan-kaart:focus-visible { outline: 2px solid var(--wb-text, #fff); outline-offset: 3px; }
  .wb-sc-scan-titel { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    color: var(--wb-text, #fff); font: 600 var(--wb-fs-body)/1.4 "Inter Tight", sans-serif; }
  .wb-sc-scan-context { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
  .wb-sc-scan-context .wb-context-icon { display: block; width: 40px; height: 40px; flex-shrink: 0; }
  .wb-sc-scan-titel svg { color: var(--wb-text-faint, #6b707a); flex-shrink: 0; }
  .wb-sc-scan-kaart p { margin: 7px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.55 "Inter Tight", sans-serif; }
  .wb-sc-leesook { margin: 22px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-sc-leesook a { color: var(--wb-text, #fff); text-underline-offset: 3px; }