.wb-pijlknop {
    position: relative;
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--wb-border);
    border-radius: 999px;
    background: var(--wb-surface-3, var(--wb-surface-2, var(--wb-surface-1, transparent)));
    color: var(--wb-text-muted);
    overflow: hidden;
    transition: transform .24s ease, background-color .24s ease, border-color .24s ease, color .24s ease;
  }
  .wb-pijlknop-pijl {
    position: absolute;
    display: inline-flex;
    transition: transform .42s cubic-bezier(.22,1,.36,1), opacity .3s ease;
  }
  .wb-pijlknop-pijl svg { width: 17px; height: 17px; }
  .wb-pijlknop-pijl--nieuw { transform: translate(-12px,12px); opacity: 0; }
  .wb-pijlknop-host:hover .wb-pijlknop,
  .wb-pijlknop-host:focus-visible .wb-pijlknop {
    transform: translate(2px,-2px);
    background: var(--wb-text);
    border-color: var(--wb-text);
    color: var(--wb-canvas);
  }
  .wb-pijlknop-host:hover .wb-pijlknop-pijl--huidig,
  .wb-pijlknop-host:focus-visible .wb-pijlknop-pijl--huidig { transform: translate(12px,-12px); opacity: 0; }
  .wb-pijlknop-host:hover .wb-pijlknop-pijl--nieuw,
  .wb-pijlknop-host:focus-visible .wb-pijlknop-pijl--nieuw { transform: translate(0,0); opacity: 1; }
  .wb-pijlknop--klein { width: 34px; height: 34px; }
  .wb-pijlknop--klein .wb-pijlknop-pijl svg { width: 15px; height: 15px; }
  .wb-pijlknop--terug .wb-pijlknop-pijl { transform: rotate(180deg); }
  .wb-pijlknop--terug .wb-pijlknop-pijl--nieuw { transform: rotate(180deg) translate(-12px,12px); opacity: 0; }
  .wb-pijlknop-host:hover .wb-pijlknop--terug,
  .wb-pijlknop-host:focus-visible .wb-pijlknop--terug { transform: translate(-2px,2px); }
  .wb-pijlknop-host:hover .wb-pijlknop--terug .wb-pijlknop-pijl--huidig,
  .wb-pijlknop-host:focus-visible .wb-pijlknop--terug .wb-pijlknop-pijl--huidig { transform: rotate(180deg) translate(12px,-12px); opacity: 0; }
  .wb-pijlknop-host:hover .wb-pijlknop--terug .wb-pijlknop-pijl--nieuw,
  .wb-pijlknop-host:focus-visible .wb-pijlknop--terug .wb-pijlknop-pijl--nieuw { transform: rotate(180deg) translate(0,0); opacity: 1; }
  @media (max-width: 480px) {
    .wb-pijlknop { width: 36px; height: 36px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .wb-pijlknop, .wb-pijlknop-pijl { transition: none; }
    .wb-pijlknop-host:hover .wb-pijlknop,
    .wb-pijlknop-host:focus-visible .wb-pijlknop { transform: none; }
    .wb-pijlknop-host:hover .wb-pijlknop--terug .wb-pijlknop-pijl--huidig,
    .wb-pijlknop-host:focus-visible .wb-pijlknop--terug .wb-pijlknop-pijl--huidig { transform: rotate(180deg); opacity: 1; }
    .wb-pijlknop-host:hover .wb-pijlknop-pijl--huidig,
    .wb-pijlknop-host:focus-visible .wb-pijlknop-pijl--huidig { transform: none; opacity: 1; }
    .wb-pijlknop-host:hover .wb-pijlknop-pijl--nieuw,
    .wb-pijlknop-host:focus-visible .wb-pijlknop-pijl--nieuw { opacity: 0; }
  }
.wb-as-engines { margin-top: 34px; }
  .wb-as-engines-label { margin: 0; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1 "Inter Tight", sans-serif; }
  .wb-as-engines-rij { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 14px; }
  .wb-as-engine { display: inline-flex; align-items: center; gap: 8px; color: var(--wb-text-nav, #adb0b7);
    font: 600 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  .wb-as-engine img, .wb-as-engine svg { flex-shrink: 0; }
  #wb-as-hero .wb-sc-hero-kaartkolom { max-width: 400px; }
  .wb-as-score { padding: 26px 28px; }
  @media (min-width: 1025px) {
    #wb-as-hero .wb-sc-hero-raster { grid-template-columns: minmax(0,1fr) minmax(0,400px); }
  }
  .wb-as-score-kop { display: flex; align-items: center; gap: 16px; }
  .wb-as-ring { width: 76px; height: 76px; border-radius: 999px; flex-shrink: 0;
    border: 4px solid var(--wb-positief, #07a721); display: inline-flex; align-items: center; justify-content: center; }
  .wb-as-ring b { color: var(--wb-text, #fff); font: 700 var(--wb-fs-kaartkop)/1 "Inter Tight", sans-serif; }
  .wb-as-score-titel { display: block; color: var(--wb-text, #fff); font: 600 var(--wb-fs-body)/1.3 "Inter Tight", sans-serif; }
  .wb-as-score-sub { display: block; margin-top: 3px; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }
  .wb-as-sigs { margin-top: 18px; border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 16px; }
  .wb-as-sig { display: flex; align-items: center; gap: 12px; margin-top: 11px; }
  .wb-as-sig:first-child { margin-top: 0; }
  .wb-as-sigdot { width: 24px; height: 24px; border-radius: 999px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center; background: var(--wb-surface-4, #1c1e20); }
  .wb-as-sigdot.wb-as-hit { background: var(--wb-positief, #07a721); }
  .wb-as-sigtekst { color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; }
  .wb-as-sigtekst-uit { color: var(--wb-text-muted, #777d87); }
  .wb-as-waarom-raster { display: grid; grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr); gap: 56px; align-items: center; }
  .wb-as-waarom-raster .wb-as-waarom-kaartkolom { max-width: 520px; width: 100%; }
  @media (max-width: 1024px) {
    .wb-as-waarom-raster { grid-template-columns: minmax(0,1fr); gap: 44px; }
    .wb-as-waarom-kaartkolom { order: 2; }
    .wb-as-waarom-tekstkolom { order: 1; }
  }
  .wb-as-ai-label { display: flex; align-items: center; gap: 8px; color: var(--wb-text-muted, #777d87);
    font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
  .wb-as-ai-vraag { margin: 16px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-as-ai-rij { display: flex; align-items: center; gap: 11px; margin-top: 10px; min-width: 0;
    border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-2, #131315);
    border-radius: 12px; padding: 12px 14px; color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; }
  .wb-as-ai-rij i { width: 8px; height: 8px; border-radius: 999px; background: var(--wb-border-strong, #5f636c); flex-shrink: 0; }
  .wb-as-ai-merk { border-color: var(--wb-positief, #07a721); color: var(--wb-text, #fff); font-weight: 600; }
  .wb-as-ai-merk i { background: var(--wb-positief, #07a721); }
  .wb-as-ai-merk .wb-sc-badge { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; }
  .wb-as-check-raster { display: grid; grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr); gap: 40px; margin-top: 36px; align-items: stretch; }
  @media (max-width: 1024px) {
    .wb-as-check-raster { grid-template-columns: minmax(0,1fr); }
    .wb-as-check-raster > div:last-child { order: -1; }
  }
  .wb-sc-staptekst b { color: var(--wb-text, #fff); font-weight: 600; }
  .wb-as-stappen { position: relative; margin-top: 16px; }
  .wb-as-stappen::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 38px;
    bottom: 38px;
    width: 1px;
    background: linear-gradient(180deg, color-mix(in srgb, #B6ED6A 42%, var(--wb-border)) 0%, color-mix(in srgb, #35D7B0 24%, var(--wb-border)) 52%, var(--wb-border) 100%);
  }
  .wb-as-stappen .wb-sc-stap { position: relative; display: block; min-height: 82px; margin: 0; padding: 18px 0 18px 58px; }
  .wb-as-stappen .wb-sc-stapnr { position: absolute; z-index: 1; left: 0; top: 18px; }
  .wb-as-rapport-kaart {
    position: relative;
    overflow: hidden;
    margin-top: 32px;
    background:
      radial-gradient(320px 180px at 0% 0%, color-mix(in srgb, #35D7B0 4%, transparent), transparent 72%),
      linear-gradient(145deg, color-mix(in srgb, #fff 2%, var(--wb-surface-1)), var(--wb-surface-1) 58%);
  }
  .wb-as-rapport-kaart .wb-sc-check { align-items: center; gap: 12px; margin-top: 11px; }
  .wb-as-check-icoon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border: 1px solid color-mix(in srgb, var(--wb-positief, #07a721) 25%, var(--wb-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--wb-positief, #07a721) 7%, transparent);
  }
  .wb-as-check-icoon svg { margin: 0; width: 14px; height: 14px; }
  .wb-as-rapport-link { display: flex; align-items: center; gap: 8px; margin-top: 18px;
    color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; text-decoration: none;
    border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 16px; width: 100%; }
  .wb-as-rapport-link:hover { color: var(--wb-text, #fff); }
  .wb-as-form-kaart {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .wb-as-form-kaart::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(360px 220px at 100% 0%, color-mix(in srgb, #7654D8 5%, transparent), transparent 72%),
      radial-gradient(280px 180px at 0% 16%, color-mix(in srgb, #35D7B0 3%, transparent), transparent 76%);
  }
  .wb-as-form-kop { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--wb-border); }
  .wb-as-form-kop .wb-context-icon { width: 40px; height: 40px; flex: 0 0 40px; }
  .wb-as-form-kop b { display: block; color: var(--wb-text); font: 650 var(--wb-fs-body)/1.3 "Inter Tight", sans-serif; }
  .wb-as-form-kop span { display: block; margin-top: 4px; color: var(--wb-text-muted); font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
  .wb-as-form-label { display: block; margin: 16px 0 0; color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  .wb-as-form-veld { margin-top: 8px; border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-canvas, #000);
    border-radius: 10px; padding: 13px 14px; color: var(--wb-text-faint, #6b707a);
    font: 500 var(--wb-fs-tekst)/1 "Roboto Mono", "Inter Tight", monospace; transition: border-color .22s ease, background-color .22s ease; }
  .wb-as-form-veld--actief { border-color: color-mix(in srgb, var(--wb-positief, #07a721) 38%, var(--wb-border)); background: color-mix(in srgb, var(--wb-positief, #07a721) 2%, var(--wb-canvas)); }
  .wb-as-form-kaart:hover .wb-as-form-veld--actief { border-color: color-mix(in srgb, var(--wb-positief, #07a721) 56%, var(--wb-border)); }
  .wb-as-form-rij { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 14px; }
  @media (max-width: 560px) { .wb-as-form-rij { grid-template-columns: minmax(0,1fr); } }
  .wb-as-form-optie { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px;
    color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-as-form-knop { display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; width: 100%;
    background: var(--wb-text, #fff); color: var(--wb-canvas, #000); font: 600 var(--wb-fs-body)/1 "Inter Tight", sans-serif;
    padding: 11px 12px 11px 22px; border-radius: 12px; }
  .wb-as-form-privacy { margin: 14px 0 0; color: var(--wb-text-faint, #6b707a); font: 500 var(--wb-fs-label)/1.5 "Inter Tight", sans-serif; }
  .wb-as-form-privacy a { color: var(--wb-text-muted, #777d87); text-decoration: underline; }
  .wb-as-form-privacy a:hover { color: var(--wb-text, #fff); }
  .wb-as-login { margin: 14px 0 0; text-align: center; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; }
  .wb-as-login a { color: var(--wb-text-nav, #adb0b7); text-decoration: underline; }
  .wb-as-login a:hover { color: var(--wb-text, #fff); }
  .wb-as-teaser { position: relative; overflow: hidden; margin-top: 20px; display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px;
    background: radial-gradient(220px 120px at 0% 50%, color-mix(in srgb, #7654D8 3%, transparent), transparent 78%), var(--wb-surface-1); }
  .wb-as-teaser[hidden] { display: none; }
  .wb-as-teaser { color: inherit; text-decoration: none; }
  .wb-as-teaser:focus-visible { outline: 2px solid var(--wb-text, #fff); outline-offset: 3px; }
  .wb-as-teaser .wb-as-teaser-ic { flex-shrink: 0; margin-top: 2px; }
  .wb-as-teaser h3 { margin: 0; color: var(--wb-text, #fff); font: 600 var(--wb-fs-subkop)/1.4 "Inter Tight", sans-serif; }
  .wb-as-teaser p { margin: 5px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.55 "Inter Tight", sans-serif; }
  .wb-as-teaser .wb-as-wisselpijl { flex-shrink: 0; margin-left: auto; align-self: center; }
  .wb-as-wisselpijl {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin-left: auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, currentColor 18%, var(--wb-border));
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 7%, transparent);
  }
  .wb-as-wisselpijl-icoon { position: absolute; display: inline-flex; transition: transform .42s cubic-bezier(.22,1,.36,1), opacity .30s ease; }
  .wb-as-wisselpijl-icoon svg { width: 15px; height: 15px; }
  .wb-as-wisselpijl--nieuw { transform: translate(-11px,11px); opacity: 0; }
  .wb-as-form-knop:hover .wb-as-wisselpijl--huidig,
  .wb-as-rapport-link:hover .wb-as-wisselpijl--huidig,
  .wb-as-teaser:hover .wb-as-wisselpijl--huidig { transform: translate(11px,-11px); opacity: 0; }
  .wb-as-form-knop:hover .wb-as-wisselpijl--nieuw,
  .wb-as-rapport-link:hover .wb-as-wisselpijl--nieuw,
  .wb-as-teaser:hover .wb-as-wisselpijl--nieuw { transform: translate(0,0); opacity: 1; }
  .wb-as-scans-intro {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(360px,440px);
    gap: 64px;
    align-items: center;
  }
  .wb-as-scans-intro .wb-sc-intro { max-width: 680px; }
  .wb-as-iconen-banner {
    position: relative;
    min-width: 0;
    height: 158px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--wb-border);
    border-radius: 16px;
    background:
      radial-gradient(circle at 50% 125%, color-mix(in srgb, #7654d8 7%, transparent) 0, transparent 48%),
      linear-gradient(135deg, var(--wb-surface-2), var(--wb-surface-1));
  }
  .wb-as-iconen-banner::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 52%;
    width: 270px;
    height: 270px;
    border: 1px solid color-mix(in srgb, var(--wb-text) 9%, transparent);
    border-radius: 50%;
    box-shadow:
      0 0 0 36px color-mix(in srgb, var(--wb-text) 5%, transparent),
      0 0 0 72px color-mix(in srgb, var(--wb-text) 3%, transparent);
    transform: translate(-50%,-50%);
  }
  .wb-as-iconen-venster {
    position: absolute;
    left: 22px;
    right: 22px;
    top: 50%;
    height: 72px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--wb-text) 12%, var(--wb-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--wb-surface-4) 88%, transparent);
    transform: translateY(-50%);
  }
  .wb-as-iconen-lus {
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  }
  .wb-as-iconen-spoor { display: flex; width: max-content; gap: 12px; animation: wb-as-iconen-loop 30s linear infinite; animation-play-state: paused; }
  .wb-as-iconen-set { display: flex; align-items: center; gap: 12px; }
  .wb-as-loop-icoon { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; }
  .wb-as-loop-icoon svg { width: 40px; height: 40px; }
  .wb-as-loop-actief .wb-as-iconen-spoor { animation-play-state: running; }
  .wb-as-iconen-banner:hover .wb-as-iconen-spoor { animation-play-state: paused; }
  @keyframes wb-as-iconen-loop { to { transform: translateX(calc(-50% - 6px)); } }
  .wb-as-scans-raster { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin-top: 36px; }
  @media (max-width: 1024px) {
    .wb-as-scans-intro { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .wb-as-iconen-banner { height: 140px; }
    .wb-as-scans-raster { grid-template-columns: minmax(0,1fr); }
  }
  .wb-as-scan-kaart {
    position: relative;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-right: 72px;
    overflow: hidden;
    isolation: isolate;
  }
  .wb-as-scan-kaart::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(160px 112px at 42px 40px, color-mix(in srgb, var(--wb-as-kaart-accent) 7%, transparent), transparent 76%),
      linear-gradient(145deg, color-mix(in srgb, #fff 3%, transparent), transparent 48%, color-mix(in srgb, #7654d8 1%, transparent));
    opacity: .42;
    transition: opacity .28s ease;
  }
  .wb-as-scan-kaart:hover::before,
  .wb-as-scan-kaart:focus-visible::before { opacity: .72; }
  .wb-as-scan-kaart .wb-kaart-ic { position: relative; z-index: 1; width: 40px; height: 40px; flex-shrink: 0; }
  .wb-as-scan-tekst { position: relative; z-index: 1; min-width: 0; flex: 1; }
  .wb-as-scan-actie {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
  }
  @media (max-width: 480px) {
    .wb-as-iconen-banner { height: 124px; }
    .wb-as-iconen-venster { left: 14px; right: 14px; height: 64px; }
    .wb-as-scan-kaart { padding-right: 64px; }
    .wb-as-scan-actie { top: 16px; right: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .wb-as-iconen-spoor { animation: none; transform: translateX(-38px); }
    .wb-as-wisselpijl-icoon { transition: none; }
    .wb-as-form-knop:hover .wb-as-wisselpijl--huidig,
    .wb-as-rapport-link:hover .wb-as-wisselpijl--huidig,
    .wb-as-teaser:hover .wb-as-wisselpijl--huidig { transform: none; opacity: 1; }
    .wb-as-form-knop:hover .wb-as-wisselpijl--nieuw,
    .wb-as-rapport-link:hover .wb-as-wisselpijl--nieuw,
    .wb-as-teaser:hover .wb-as-wisselpijl--nieuw { opacity: 0; }
  }
  .wb-as-methode { margin: 28px 0 0; color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-as-methode a { color: var(--wb-text-nav, #adb0b7); text-decoration: underline; }
  .wb-as-methode a:hover { color: var(--wb-text, #fff); }