section[data-framer-name="FAQ"] [data-framer-name="Tag"],
  section[data-framer-name="Aan de slag"] [data-framer-name="Tag"] { display: none !important; }
  main[data-framer-name="Main Body"] { gap: 110px !important; }
html { min-height: 100%; background: #000; }
  html[data-wb-view="light"] { background: #fff; }
  body { min-height: 100vh; }
  #main, #main > [data-framer-root] { min-height: 0 !important; }
  #main main[data-framer-name="Main Body"] { padding-bottom: 48px !important; }
  #LeftTop,#RightTop,#PriceCard1,#PriceCard2,#PriceCard3,#Testimonial { display: none !important; }
  @media (max-width: 809px) {
    #main main[data-framer-name="Main Body"] { padding-bottom: 32px !important; }
  }
  #wb-faq-wrap { width: 100%; max-width: 1200px; margin-inline: auto; }
  #wb-faq { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px;
    width: 100%; max-width: 1200px; margin-inline: auto; text-align: left;
    font-family: "Inter Tight", sans-serif; align-items: start; }
  @media (max-width: 809px) {
    #wb-faq { grid-template-columns: minmax(0,1fr); gap: 14px; }
  }
  .wb-faq-kaart { background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31); border-radius: 14px; padding: 16px 30px; }
  .wb-faq-kaart summary { display: flex; align-items: center; justify-content: space-between; gap: 24px;
    cursor: pointer; list-style: none; min-height: 40px; }
  .wb-faq-kaart summary::-webkit-details-marker { display: none; }
  .wb-faq-vraag { color: var(--wb-text, #fff); font: 500 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  @media (max-width: 809px) { .wb-faq-kaart { padding: 14px 18px; } .wb-faq-vraag { font-size:var(--wb-fs-subkop); } }
  .wb-faq-plus { position: relative; width: 18px; height: 18px; flex-shrink: 0; }
  .wb-faq-plus::before, .wb-faq-plus::after { content: ""; position: absolute; background: var(--wb-text-nav, #adb0b7);
    transition: transform .18s, opacity .18s; }
  .wb-faq-plus::before { left: 0; right: 0; top: 8px; height: 2px; }
  .wb-faq-plus::after { top: 0; bottom: 0; left: 8px; width: 2px; }
  .wb-faq-kaart[open] .wb-faq-plus::after { transform: rotate(90deg); opacity: 0; }
  .wb-faq-antwoord { margin: 4px 0 10px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-body)/1.6 "Inter Tight", sans-serif; }
  .wb-faq-contact { margin: 22px 0 0; text-align: left; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-faq-contact a { color: var(--wb-text-nav, #adb0b7); text-decoration: underline; }
  .wb-faq-contact a:hover { color: var(--wb-text, #fff); }
.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-kp-sectie { width: 100%; min-width: 0; background: var(--wb-canvas, #000); padding: 110px 24px 0;
    font-family: "Inter Tight", sans-serif; }
  .wb-kp-sectie:first-of-type { padding-top: 190px; }
  .wb-kp-sectie:last-of-type { padding-bottom: 40px; }
  .wb-kp-inner { width: 100%; max-width: 1200px; margin: 0 auto; }
  .wb-kp-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-kp-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; }
  @media (min-width: 810px) {
    .wb-kp-kernkop > .wb-kp-kop,
    .wb-kp-kernkop > .wb-kp-intro { margin-left: auto; margin-right: auto; text-align: center; }
  }
  .wb-kp-hero-raster { display: grid; gap: 56px; align-items: center; }
  .wb-kp-hero-links { grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr); }
  .wb-kp-hero-rechts { grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr); }
  .wb-kp-hero-links .wb-kp-hero-kaartkolom { order: 1; justify-self: start; }
  .wb-kp-hero-links .wb-kp-hero-tekstkolom { order: 2; }
  .wb-kp-hero-rechts .wb-kp-hero-kaartkolom { order: 2; justify-self: end; }
  .wb-kp-hero-rechts .wb-kp-hero-tekstkolom { order: 1; }
  .wb-kp-hero-kaartkolom { max-width: 520px; width: 100%; }
  .wb-kp-hero-kaartkolom > .wb-kp-hk { position: relative; overflow: hidden; }
  .wb-kp-hero-kaartkolom > .wb-kp-hk::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px;
    background: linear-gradient(90deg,var(--wb-kp-accent-1,#35D7B0) 0 68%,var(--wb-kp-accent-2,#B6ED6A) 68% 100%); }
  @media (max-width: 1024px) {
    .wb-kp-hero-raster { grid-template-columns: minmax(0,1fr); gap: 44px; }
    .wb-kp-hero-kaartkolom { order: 2 !important; justify-self: start !important; }
    .wb-kp-hero-tekstkolom { order: 1 !important; }
  }
  .wb-kp-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-kp-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-kp-hero-logo { display: inline-block; height: 22px; width: auto; vertical-align: -5px; margin-right: 10px; }
  .wb-kp-hero-context-icon { display: inline-flex; width: 34px; height: 34px; margin-right: 11px;
    vertical-align: -11px; flex: 0 0 34px; }
  .wb-kp-hero-context-icon > svg { display: block; width: 34px; height: 34px; }
  .wb-kp-hero-knoppen { margin-top: 30px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
  .wb-kp-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-kp-primair:hover { opacity: .88; }
  .wb-kp-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-kp-secundair:hover { background: var(--wb-surface-hover, #26282b); color: var(--wb-text, #fff); }
  .wb-kp-hk { background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 22px 24px; }
  .wb-kp-hk-kop { display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
    padding-bottom: 13px; border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-kp-hk-titel { display: inline-flex; align-items: center; gap: 9px; color: var(--wb-text, #fff);
    font: 600 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; }
  .wb-kp-hk-label { color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; white-space: nowrap; }
  .wb-kp-hk-label b { color: var(--wb-text, #fff); font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  .wb-kp-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-kp-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-kp-klaar-raster { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; margin-top: 36px; }
  .wb-kp-klaar-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width: 1200px) { .wb-kp-klaar-raster { grid-template-columns: repeat(2, minmax(0,1fr)); } }
  @media (max-width: 560px) { .wb-kp-klaar-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-kp-klaar-haarlijn { margin-top: 30px; }
  .wb-kp-klaar-haarlijn .wb-kp-blok { display: grid; grid-template-columns: auto minmax(0,0.85fr) minmax(0,1.15fr);
    gap: 18px; align-items: baseline; border-top: 1px solid var(--wb-border, #2a2d31); padding: 22px 0; min-width: 0; }
  @media (max-width: 809px) { .wb-kp-klaar-haarlijn .wb-kp-blok { grid-template-columns: auto minmax(0,1fr); }
    .wb-kp-klaar-haarlijn .wb-kp-blok p { grid-column: 2; } }
  .wb-kp-klaar-haarlijn .wb-kp-blok-ic { align-self: start; margin: 0; }
  .wb-kp-klaar-haarlijn .wb-kp-blok h3 { font-size:var(--wb-fs-subkop); }
  .wb-kp-klaar-haarlijn .wb-kp-blok p { font-size:var(--wb-fs-tekst); }
  .wb-kp-klaar-datastroom {
    --wb-kp-rail-x: 52px;
    position: relative;
    overflow: hidden;
    margin-top: 36px;
    padding: 0 28px;
    background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 16px;
  }
  .wb-kp-klaar-datastroom::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 48px;
    bottom: 48px;
    left: var(--wb-kp-rail-x);
    width: 1px;
    background: var(--wb-border, #2a2d31);
  }
  .wb-kp-klaar-datastroom .wb-kp-blok {
    position: relative;
    z-index: 1;
    grid-template-columns: 48px minmax(220px, .72fr) minmax(0, 1.28fr);
    column-gap: 28px;
    align-items: center;
    padding: 24px 0;
    border-top: 1px solid var(--wb-border, #2a2d31);
  }
  .wb-kp-klaar-datastroom .wb-kp-blok:first-child { border-top: 0; }
  .wb-kp-klaar-datastroom .wb-kp-blok-ic {
    position: relative;
    z-index: 1;
    align-self: center;
  }
  .wb-kp-klaar-datastroom .wb-kp-blok h3 { font-size:var(--wb-fs-subkop); }
  .wb-kp-klaar-datastroom .wb-kp-blok p { margin-top: 0; max-width: 660px; }
  @media (max-width: 900px) {
    .wb-kp-klaar-datastroom .wb-kp-blok { grid-template-columns: 48px minmax(0, 1fr); gap: 5px 20px; }
    .wb-kp-klaar-datastroom .wb-kp-blok p { grid-column: 2; }
  }
  @media (max-width: 560px) {
    .wb-kp-klaar-datastroom { --wb-kp-rail-x: 40px; padding: 0 16px; }
    .wb-kp-klaar-datastroom .wb-kp-blok { gap: 6px 16px; padding: 20px 0; }
  }
  .wb-kp-klaar-raster .wb-kp-blok { display: flex; flex-direction: column; gap: 6px;
    background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 20px; padding: 26px; min-width: 0;
    transition: transform .18s ease, border-color .18s ease, background .18s ease; }
  .wb-kp-blok .wb-kp-blok-ic { display: block; width: 48px; height: 48px; margin: 0 0 18px; flex-shrink: 0; }
  .wb-kp-blok-ic > svg { display: block; width: 48px; height: 48px; }
  .wb-kp-blok h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.35 "Inter Tight", sans-serif; }
  .wb-kp-blok p { margin: 9px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.58 "Inter Tight", sans-serif; }
  .wb-kp-klaar-randiconen { margin-top: 46px; row-gap: 38px; }
  .wb-kp-klaar-randiconen .wb-kp-blok { position: relative; padding: 40px 28px 28px; border-radius: 16px; }
  .wb-kp-klaar-randiconen .wb-kp-blok-ic {
    position: absolute;
    top: -24px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 48px;
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .wb-kp-klaar-randiconen .wb-kp-blok-ic::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 4px;
    background: linear-gradient(180deg, var(--wb-canvas, #000) 0 50%, var(--wb-surface-1, #0c0c0d) 50% 100%);
    transform: translate(-50%,-50%);
  }
  .wb-kp-klaar-randiconen .wb-kp-blok-ic > svg { position: relative; z-index: 1; width: 64px; height: 64px; }
  .wb-kp-klaar-randiconen .wb-kp-signaal > rect { display: none; }
  @media (hover: hover) {
    .wb-kp-klaar-raster .wb-kp-blok:hover { transform: translateY(-4px);
      border-color: color-mix(in srgb, var(--wb-text, #fff) 24%, var(--wb-border, #2a2d31));
      background: var(--wb-surface-2, #131315); }
    .wb-kp-klaar-randiconen .wb-kp-blok:hover .wb-kp-blok-ic::before {
      background: linear-gradient(180deg, var(--wb-canvas, #000) 0 50%, var(--wb-surface-2, #131315) 50% 100%);
    }
  }
  .wb-kp-stappen { margin-top: 30px; }
  .wb-kp-stap { display: grid; grid-template-columns: auto minmax(0,0.85fr) minmax(0,1.15fr); gap: 22px;
    align-items: start; border-top: 1px solid var(--wb-border, #2a2d31); padding: 26px 0; }
  @media (max-width: 809px) { .wb-kp-stap { grid-template-columns: auto minmax(0,1fr); }
    .wb-kp-stap p { grid-column: 2; } }
  .wb-kp-stap-zonder { grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr); }
  @media (max-width: 809px) { .wb-kp-stap-zonder { grid-template-columns: minmax(0,1fr); }
    .wb-kp-stap-zonder p { grid-column: 1; } }
  .wb-kp-stapnr { width: 38px; height: 38px; border-radius: 11px; display: inline-flex; align-items: center;
    justify-content: center; box-sizing: border-box; border: 1px solid #1D2034; background: #0B0C1A; color: #B6ED6A;
    font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; align-self: start; }
  .wb-kp-stap h3 { margin: 0; padding-top: 6px; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-stap p { margin: 0; padding-top: 5px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-kp-stappen-verbonden .wb-kp-stap { position: relative; }
  .wb-kp-stappen-verbonden .wb-kp-stapnr { position: relative; z-index: 1; border-radius: 50%; }
  .wb-kp-stappen-verbonden .wb-kp-stap:first-child::after,
  .wb-kp-stappen-verbonden .wb-kp-stap:nth-child(2)::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 18.5px;
    width: 1px;
    background: #c2df32;
  }
  .wb-kp-stappen-verbonden .wb-kp-stap:first-child::after { top: 45px; bottom: -1px; }
  .wb-kp-stappen-verbonden .wb-kp-stap:nth-child(2)::before { top: 0; height: 45px; }
  .wb-kp-stappen-verbonden .wb-kp-stap-resultaat {
    margin-top: 24px;
    padding: 22px 24px;
    align-items: center;
    background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 16px;
  }
  .wb-kp-stappen-verbonden .wb-kp-stap-resultaat::before,
  .wb-kp-stappen-verbonden .wb-kp-stap-resultaat::after { content: none; }
  .wb-kp-stap-resultaat-ic { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; }
  .wb-kp-stap-resultaat-ic > svg { display: block; width: 38px; height: 38px; }
  .wb-kp-stap-resultaat h3 { padding-top: 0; }
  .wb-kp-stap-resultaat p { padding-top: 0; }
  @media (max-width: 809px) {
    .wb-kp-stappen-verbonden .wb-kp-stap-resultaat { grid-template-columns: 38px minmax(0, 1fr); padding: 20px; }
    .wb-kp-stappen-verbonden .wb-kp-stap-resultaat p { grid-column: 2; }
  }
  .wb-kp-vg { margin-top: 30px; }
  .wb-kp-vg-rij { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(0,1.1fr) minmax(0,1.1fr);
    gap: 18px 32px; border-top: 1px solid var(--wb-border, #2a2d31); padding: 20px 0; }
  .wb-kp-vg-koppen { border-top: 0; padding-bottom: 4px; }
  .wb-kp-vg-kolomkop { color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; }
  .wb-kp-vg-rij h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.45 "Inter Tight", sans-serif; }
  .wb-kp-vg-rij p { margin: 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-kp-vg-kader {
    overflow: hidden;
    background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31);
    border-radius: 16px;
  }
  .wb-kp-vg-kader .wb-kp-vg-rij {
    grid-template-columns: minmax(190px, .76fr) minmax(0, 1.12fr) minmax(0, 1.12fr);
    gap: 0;
    padding: 0;
  }
  .wb-kp-vg-kader .wb-kp-vg-rij > * { padding: 22px 24px; }
  .wb-kp-vg-kader .wb-kp-vg-koppen { border-top: 0; }
  .wb-kp-vg-kader .wb-kp-vg-koppen > * { padding-top: 16px; padding-bottom: 16px; }
  .wb-kp-vg-kader .wb-kp-vg-rij > :nth-child(3) {
    background: transparent;
    border-left: 1px solid #c2df32;
    border-right: 1px solid #c2df32;
  }
  .wb-kp-vg-kader .wb-kp-vg-rij p {
    color: var(--wb-text-nav, #adb0b7);
    font-size:var(--wb-fs-tekst);
    line-height: 1.65;
  }
  .wb-kp-vg-kader .wb-kp-vg-koppen > :nth-child(3) {
    border-top: 1px solid #c2df32;
    border-radius: 14px 14px 0 0;
  }
  .wb-kp-vg-kader .wb-kp-vg-rij:last-child > :nth-child(3) {
    border-bottom: 1px solid #c2df32;
    border-radius: 0 0 14px 14px;
  }
  .wb-kp-vg-merk { display: inline-flex; align-items: center; gap: 10px; }
  .wb-kp-vg-merk > svg { display: block; width: 32px; height: 32px; flex: 0 0 32px; }
  .wb-kp-vg-merk-flowcore > svg { width: 32px; height: 32px; }
  @media (max-width: 1024px) {
    .wb-kp-vg-rij { grid-template-columns: minmax(0,1fr); gap: 10px; }
    .wb-kp-vg-koppen { display: none; }
    .wb-kp-vg-rij p::before { content: attr(data-kolom) ": "; color: var(--wb-text, #fff); font-weight: 600; }
    .wb-kp-vg-kader .wb-kp-vg-rij { grid-template-columns: minmax(0, 1fr); }
    .wb-kp-vg-kader .wb-kp-vg-rij > * { padding: 18px 20px; }
    .wb-kp-vg-kader .wb-kp-vg-rij h3 { padding-bottom: 4px; }
    .wb-kp-vg-kader .wb-kp-vg-rij p { padding-top: 12px; padding-bottom: 16px; }
    .wb-kp-vg-kader .wb-kp-vg-rij > :nth-child(3) {
      margin: 0 16px 18px;
      padding: 16px 18px;
      border: 1px solid #c2df32;
      border-radius: 12px;
    }
    .wb-kp-vg-kader .wb-kp-vg-rij:last-child > :nth-child(3) { border-bottom: 1px solid #c2df32; border-radius: 12px; }
    .wb-kp-vg-kader .wb-kp-vg-rij p::before { display: block; margin-bottom: 6px; }
  }
  .wb-kp-twee-raster { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 48px; margin-top: 24px; }
  @media (max-width: 1024px) { .wb-kp-twee-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-kp-twee { display: flex; gap: 14px; align-items: flex-start; border-top: 1px solid var(--wb-border, #2a2d31);
    padding: 22px 0; min-width: 0; }
  .wb-kp-twee svg, .wb-kp-twee .wb-kp-streep { flex-shrink: 0; margin-top: 4px; }
  .wb-kp-streep { width: 16px; height: 2px; border-radius: 1px; background: var(--wb-border-strong, #5f636c); margin-top: 10px; }
  .wb-kp-twee h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-twee p { margin: 6px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-kp-route { display: grid; grid-template-columns: 180px minmax(0,1fr) 180px; gap: 20px; align-items: center; margin-top: 36px; }
  .wb-kp-route-node { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 11px; min-height: 122px; padding: 18px; box-sizing: border-box;
    background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px;
    color: var(--wb-text, #fff); text-align: center; font: 650 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; }
  .wb-kp-route-node-bron { border-color: color-mix(in srgb, var(--wb-kp-route-accent, #5B8DFF) 46%, var(--wb-border, #2a2d31)); }
  .wb-kp-route-node-flowcore { border-color: color-mix(in srgb, #c2df32 46%, var(--wb-border, #2a2d31)); }
  .wb-kp-route-node-ic, .wb-kp-route-node-ic > svg { display: block; width: 48px; height: 48px; }
  .wb-kp-route-node-flowcore .wb-kp-route-node-ic > svg { width: 48px; height: 48px; }
  .wb-kp-route-pad { position: relative; z-index: 1; padding: 24px 0; }
  .wb-kp-route-lijn { position: absolute; z-index: 0; left: -40px; right: -40px; top: 50%; height: 1px;
    background: var(--wb-border-strong, #5f636c); overflow: hidden; }
  .wb-kp-route-dot { position: absolute; top: -3.5px; left: 0; width: 8px; height: 8px; border-radius: 50%;
    background: #c2df32; animation: wb-kp-route-x 7s cubic-bezier(.16,1,.3,1) infinite; }
  @keyframes wb-kp-route-x { 0%,12% { left: 0; transform: translateX(-8px); opacity: 0; }
    18% { left: 6%; opacity: 1; } 76% { left: 88%; opacity: 1; }
    88%,100% { left: 100%; transform: translateX(0); opacity: 0; } }
  .wb-kp-route-data { position: relative; z-index: 1; padding: 22px 24px; background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px; }
  .wb-kp-route-data h3 { margin: 0; color: var(--wb-text, #fff); font: 650 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-route-data p { margin: 8px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-kp-route-signalen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
  .wb-kp-route-signaal { display: inline-flex; padding: 7px 10px; background: var(--wb-surface-2, #131315);
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 999px; color: var(--wb-text-nav, #adb0b7);
    font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; }
  .wb-kp-route-voet { display: block; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--wb-border, #2a2d31);
    color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-label)/1.55 "Inter Tight", sans-serif; }
  .wb-kp-route-grenzen { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 48px; margin-top: 26px; }
  .wb-kp-route-grens { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 13px; padding: 22px 0;
    border-top: 1px solid var(--wb-border, #2a2d31); }
  .wb-kp-route-grens-icoon { width: 16px; height: 16px; margin-top: 4px; color: var(--wb-text-muted, #777d87); }
  .wb-kp-route-grens-icoon > svg { display: block; width: 16px; height: 16px; }
  .wb-kp-route-grens h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-route-grens p { margin: 6px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  @media (max-width: 900px) {
    .wb-kp-route { grid-template-columns: minmax(0,1fr); gap: 0; }
    .wb-kp-route-node { min-height: 104px; }
    .wb-kp-route-pad { padding: 34px 0; }
    .wb-kp-route-lijn { left: 50%; right: auto; top: -12px; bottom: -12px; width: 1px; height: auto; }
    .wb-kp-route-dot { top: 0; left: -3.5px; animation-name: wb-kp-route-y; }
    .wb-kp-route-grenzen { grid-template-columns: minmax(0,1fr); gap: 0; }
  }
  @keyframes wb-kp-route-y { 0%,12% { top: 0; transform: translateY(-8px); opacity: 0; }
    18% { top: 6%; opacity: 1; } 76% { top: 88%; opacity: 1; }
    88%,100% { top: 100%; transform: translateY(0); opacity: 0; } }
  @media (prefers-reduced-motion: reduce) { .wb-kp-route-dot { animation: none; display: none; } }
  .wb-kp-doel-raster { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 48px; margin-top: 30px; }
  @media (max-width: 1024px) { .wb-kp-doel-raster { grid-template-columns: minmax(0,1fr); } }
  .wb-kp-doel { border-top: 1px solid var(--wb-border, #2a2d31); padding: 22px 0; min-width: 0; }
  .wb-kp-doel h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-doel p { margin: 8px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-kp-samen { margin: 26px 0 0; max-width: 860px; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.65 "Inter Tight", sans-serif; }
  .wb-kp-samen-blok { margin-top: 26px; padding: 22px 24px; background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px; }
  .wb-kp-samen-blok h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-kp-samen-blok .wb-kp-samen { margin-top: 8px; max-width: 920px; }
  .wb-kp-zusters { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 22px; }
  .wb-kp-zusters .wb-kp-secundair { display: grid; grid-template-columns: 40px minmax(0,1fr) 16px; gap: 12px;
    width: 100%; min-height: 62px; padding: 10px 14px 10px 10px; box-sizing: border-box;
    border-radius: 14px; background: var(--wb-surface-1, #0c0c0d); text-align: left;
    transition: transform .18s ease, border-color .18s ease, background .18s ease; }
  .wb-kp-zusters .wb-kp-secundair img { width: 40px !important; height: 40px !important; box-sizing: border-box;
    object-fit: contain; border: 1px solid #1D2034; border-radius: 11px; background: #0B0C1A; padding: 8px; }
  .wb-kp-zuster-huidig { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 12px;
    min-height: 62px; padding: 10px; box-sizing: border-box; color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; }
  .wb-kp-zuster-huidig img { width: 40px; height: 40px; box-sizing: border-box; object-fit: contain;
    border: 1px solid #1D2034; border-radius: 11px; background: #0B0C1A; padding: 8px; }
  .wb-kp-zuster-label { min-width: 0; line-height: 1.35; }
  .wb-kp-zusters .wb-kp-secundair > svg { justify-self: end; }
  @media (hover: hover) {
    .wb-kp-zusters .wb-kp-secundair:hover { transform: translateY(-2px);
      border-color: color-mix(in srgb, var(--wb-text, #fff) 24%, var(--wb-border, #2a2d31));
      background: var(--wb-surface-2, #131315); }
  }
  @media (max-width: 809px) { .wb-kp-zusters { grid-template-columns: minmax(0,1fr); } }
  .wb-kp-doel-compact .wb-kp-doel-raster { gap: 0; overflow: hidden; background: var(--wb-surface-1, #0c0c0d);
    border: 1px solid var(--wb-border, #2a2d31); border-radius: 16px; }
  .wb-kp-doel-compact .wb-kp-doel { padding: 26px 28px; border-top: 0; }
  .wb-kp-doel-compact .wb-kp-doel + .wb-kp-doel { border-left: 1px solid var(--wb-border, #2a2d31); }
  .wb-kp-doel-compact .wb-kp-samen-blok { display: grid; grid-template-columns: minmax(160px,.34fr) minmax(0,1.66fr);
    gap: 28px; margin-top: 28px; padding: 24px 0 0; background: transparent; border: 0;
    border-top: 1px solid var(--wb-border, #2a2d31); border-radius: 0; }
  .wb-kp-doel-compact .wb-kp-samen-blok .wb-kp-samen { margin: 0; max-width: 920px; }
  .wb-kp-doel-compact .wb-kp-zusters { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; overflow: hidden;
    margin-top: 22px; background: var(--wb-surface-1, #0c0c0d); border: 1px solid var(--wb-border, #2a2d31); border-radius: 14px; }
  .wb-kp-doel-compact .wb-kp-zusters > * { border-left: 1px solid var(--wb-border, #2a2d31); }
  .wb-kp-doel-compact .wb-kp-zusters > :first-child { border-left: 0; }
  .wb-kp-doel-compact .wb-kp-zusters .wb-kp-secundair { min-height: 66px; border: 0; border-radius: 0; background: transparent; }
  .wb-kp-doel-compact .wb-kp-zuster-huidig { background: var(--wb-surface-2, #131315); }
  @media (max-width: 1024px) {
    .wb-kp-doel-compact .wb-kp-doel + .wb-kp-doel { border-left: 0; border-top: 1px solid var(--wb-border, #2a2d31); }
    .wb-kp-doel-compact .wb-kp-samen-blok { grid-template-columns: minmax(0,1fr); gap: 8px; }
    .wb-kp-doel-compact .wb-kp-zusters { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wb-kp-doel-compact .wb-kp-zusters > :nth-child(3) { border-left: 0; }
    .wb-kp-doel-compact .wb-kp-zusters > :nth-child(n+3) { border-top: 1px solid var(--wb-border, #2a2d31); }
  }
  @media (max-width: 560px) {
    .wb-kp-doel-compact .wb-kp-doel { padding: 22px 20px; }
    .wb-kp-doel-compact .wb-kp-zusters { grid-template-columns: minmax(0,1fr); }
    .wb-kp-doel-compact .wb-kp-zusters > * { border-left: 0; border-top: 1px solid var(--wb-border, #2a2d31); }
    .wb-kp-doel-compact .wb-kp-zusters > :first-child { border-top: 0; }
  }
.wb-anim { transition: opacity .5s, transform .5s; }
  .wb-anim.wb-uit { opacity: 0; transform: translateY(4px); }
  .wb-anim-pop { transition: opacity .4s, transform .4s cubic-bezier(.22,1,.36,1); }
  .wb-anim-pop.wb-uit { opacity: 0; transform: scale(.8); }
  .wb-anim-balk { transition: width .8s cubic-bezier(.22,1,.36,1); }
  @media (prefers-reduced-motion: reduce) {
    .wb-anim, .wb-anim-pop, .wb-anim-balk { transition: none !important; }
  }