/* ============================================================================
   LIGHTR — ontwerpsysteem homepage V3 · variant 1.1 en momentpagina's
   GEGENEREERD door _lagen/bouw_css.py. Niet met de hand wijzigen.
   Bekijk alle blokken in styleguide.html.
   ============================================================================ */

/* ==== LAAG 1 · basis (home-v3.css) ==== */

/* ============================================================================
   HOME V3 — concept, niet publiceren
   Kleuren van lightr.nl (navy #081245, mint #00E6BF, teal #00AC97, licht #F2F7F6,
   koraal #EB7E6F, lichtblauw #DCE5F8). Warm-tech: tastbaar product + strak platform.
   Ieder blok is een eigen paneel, zodat je de opbouw van de pagina in één keer ziet.
   ============================================================================ */
:root{
  --pagina:#E9F0EE;
  --wit:#FFFFFF;
  --navy:#081245;
  --navy-2:#0F1D5E;
  --mint:#00E6BF;
  --mint-2:#0DFFD7;
  --teal:#00AC97;
  --mint-tekst:#00806A;
  --mint-vlak:#DDF8F2;
  --licht:#F2F7F6;
  --papier:#F7F3EC;
  --blauw:#DCE5F8;
  --koraal:#EB7E6F;
  --ink:#101828;
  --tx:#475467;
  --tx-2:#667085;
  --lijn:#E3E9EC;
  --r:24px;
  --r-p:34px;
  --sch:0 1px 2px rgba(8,18,69,.06),0 18px 40px -18px rgba(8,18,69,.22);
  --sch-hi:0 2px 4px rgba(8,18,69,.06),0 30px 60px -22px rgba(8,18,69,.35);
  --breed:1360px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--pagina);color:var(--ink);
  font-family:'Outfit',system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,figure,dl,dd{margin:0;padding:0}
ul{list-style:none}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}

/* ---------- basis ---------------------------------------------------------- */
.v3-in{width:min(100% - 28px,var(--breed));margin-inline:auto}
.v3-p{
  width:min(100% - 28px,var(--breed));margin:0 auto 14px;border-radius:var(--r-p);
  background:var(--wit);padding:96px 72px;position:relative;overflow:hidden;
}
.v3-p--navy{background:var(--navy);color:#fff;--tx:rgba(255,255,255,.7);--tx-2:rgba(255,255,255,.5);--lijn:rgba(255,255,255,.12)}
.v3-p--papier{background:var(--papier)}
.v3-p--licht{background:var(--licht)}
.v3-p--mint{background:linear-gradient(135deg,#E3FBF6 0%,#C9F5EC 100%)}

.v3-hoofdstuk{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--mint-tekst);margin-bottom:20px}
.v3-hoofdstuk b{
  display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;
  background:var(--mint);color:var(--navy);font-weight:600;font-size:12.5px;
}
.v3-p--navy .v3-hoofdstuk{color:var(--mint)}

.v3-h1{font-size:clamp(2.5rem,4.4vw,3.9rem);line-height:1.02;letter-spacing:-.035em;font-weight:600;color:var(--navy)}
.v3-h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;letter-spacing:-.03em;font-weight:600;color:var(--navy);max-width:18ch}
.v3-p--navy .v3-h2,.v3-p--navy .v3-h1{color:#fff}
.v3-h3{font-size:20px;line-height:1.25;letter-spacing:-.015em;font-weight:600;color:var(--navy)}
.v3-p--navy .v3-h3{color:#fff}
.v3-lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:var(--tx);max-width:52ch;margin-top:20px}
.v3-t{color:var(--tx);font-size:15.5px;line-height:1.6}
.v3-k{color:var(--tx-2);font-size:13.5px;line-height:1.5}
.v3-mint{color:var(--teal)}
.v3-p--navy .v3-mint{color:var(--mint)}

/* penstreep onder een woord */
.v3-streep{position:relative;white-space:nowrap;display:inline-block}
.v3-streep svg{position:absolute;left:-2%;bottom:-.14em;width:104%;height:.36em;overflow:visible}
.v3-streep path{fill:none;stroke:var(--mint);stroke-width:7;stroke-linecap:round}
.v3-kop{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:48px}

/* knoppen */
/* knoppen en tekstlinks: zie .v11-btn en .v11-link (één definitie, laag 3) */
.v3-acties{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

.v3-pil{
  display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;
  background:var(--wit);border:1px solid var(--lijn);font-size:14px;font-weight:400;color:var(--navy);
}
.v3-pil i{color:var(--teal);font-size:13px}
.v3-p--navy .v3-pil{background:rgba(255,255,255,.06);color:#fff}
.v3-p--navy .v3-pil i{color:var(--mint)}


/* ---------- navigatie ------------------------------------------------------ */
.v3-nav{position:sticky;top:10px;z-index:50;margin:10px auto 14px;width:min(100% - 28px,var(--breed))}
.v3-nav__balk{
  display:flex;align-items:center;gap:22px;height:70px;padding:0 14px 0 28px;border-radius:22px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 2px rgba(8,18,69,.05),0 10px 30px -18px rgba(8,18,69,.35);
}
.v3-logo{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--navy);line-height:1}
.v3-logo span{color:var(--mint)}
.v3-nav__links{display:flex;align-items:center;gap:2px;margin-left:18px}
.v3-nav__links > a,.v3-nav__trigger{
  display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:12px;
  font:500 15px/1 'Outfit',sans-serif;color:var(--navy);background:none;border:0;cursor:pointer;
}
.v3-nav__links > a:hover,.v3-nav__trigger:hover,.v3-nav__trigger[aria-expanded="true"]{background:var(--licht)}
.v3-nav__trigger i{font-size:10px;transition:transform .2s}
.v3-nav__trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.v3-nav__rechts{margin-left:auto;display:flex;align-items:center;gap:8px}
.v3-nav__rechts .v11-btn{height:44px}
.v3-nav__login{font-weight:500;font-size:15px;color:var(--navy);padding:0 14px}
.v3-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--lijn);background:#fff;color:var(--navy);font-size:17px;cursor:pointer}

.v3-mega{
  position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;
  background:#fff;border-radius:26px;box-shadow:var(--sch-hi);padding:28px;
}
.v3-mega.is-open{display:block;animation:v3in .18s ease}
@keyframes v3in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.v3-mega__grid{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:10px 28px}
.v3-mega__grid--twee{grid-template-columns:1.2fr 1fr 320px}
.v3-mega h5{margin:6px 0 10px 12px;font-size:12.5px;font-weight:500;color:var(--tx-2);letter-spacing:.02em}
.v3-mega__item{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:9px 12px;border-radius:14px}
.v3-mega__item:hover{background:var(--licht)}
.v3-mega__item > i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--mint-vlak);color:var(--mint-tekst);font-size:15px}
.v3-mega__item b{display:block;font-weight:500;font-size:15px;color:var(--navy);line-height:1.25}
.v3-mega__item small{display:block;color:var(--tx-2);font-size:13px;line-height:1.35}
.v3-mega__item em{font-style:normal;font-size:11px;font-weight:600;background:var(--blauw);color:var(--navy);padding:1px 7px;border-radius:999px;margin-left:6px}
.v3-mega__promo{
  grid-row:span 3;border-radius:20px;background:var(--navy);color:#fff;padding:18px;display:flex;flex-direction:column;gap:6px;overflow:hidden;
}
.v3-mega__promo .v3-mega__beeld{height:150px;border-radius:14px;overflow:hidden;margin-bottom:8px}
.v3-mega__promo img{width:100%;height:100%;object-fit:cover}
.v3-mega__promo b{font-weight:600;font-size:18px;letter-spacing:-.01em;line-height:1.25}
.v3-mega__promo span{color:rgba(255,255,255,.7);font-size:14px}
.v3-mega__promo em{font-style:normal;color:var(--mint);font-weight:500;font-size:14.5px;margin-top:auto;padding-top:10px}
.v3-mega__voet{
  grid-column:1 / -1;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--licht);
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;font-size:14.5px;
}
.v3-mega__voet b{font-weight:500;color:var(--navy)}
.v3-mega__voet a{margin-left:auto}

.v3-sheet{display:none}


/* ---------- 1 · hero ------------------------------------------------------- */
.v3-hero{padding:84px 72px 40px}
.v3-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}
.v3-hero__badge{
  display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;
  background:var(--licht);font-size:14px;font-weight:500;color:var(--navy);margin-bottom:26px;
}
.v3-hero__badge span{background:var(--navy);color:var(--mint);border-radius:999px;padding:3px 10px;font-size:12.5px}
.v3-hero__pillen{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}

.v3-stapel{position:relative;height:560px}
.v3-stapel__kaart{position:absolute;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--sch-hi);border:6px solid #fff}
.v3-stapel__kaart img{width:100%;height:100%;object-fit:cover}
.v3-stapel .k1{width:62%;height:260px;left:2%;top:40px;transform:rotate(-7deg)}
.v3-stapel .k2{width:60%;height:250px;right:0;top:0;transform:rotate(5deg)}
.v3-stapel .k3{width:66%;height:290px;left:14%;top:210px;transform:rotate(-1.5deg);z-index:2}
.v3-stapel .k4{width:44%;height:190px;right:2%;bottom:18px;transform:rotate(7deg);z-index:1}
.v3-zweef{
  position:absolute;z-index:4;background:#fff;border-radius:18px;box-shadow:var(--sch-hi);padding:14px 16px;
  font-size:13.5px;line-height:1.35;color:var(--navy);animation:v3zweef 6s ease-in-out infinite;
}
.v3-zweef b{font-weight:600}
.v3-zweef small{display:block;color:var(--tx-2);font-size:12px}
.v3-zweef--app{left:-26px;bottom:34px;width:270px;animation-delay:-2s}
.v3-zweef--scan{right:-8px;top:190px;display:flex;gap:10px;align-items:center}
.v3-zweef--pen{left:24%;top:-6px;display:flex;gap:10px;align-items:center;animation-delay:-4s}
.v3-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--mint-vlak);color:var(--mint-tekst);flex:none}
.v3-ico--navy{background:var(--navy);color:var(--mint)}
.v3-app__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.v3-app__top span{font-size:11.5px;font-weight:500;background:var(--mint-vlak);color:var(--mint-tekst);padding:2px 9px;border-radius:999px}
.v3-app__rij{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--lijn);font-size:13px}
.v3-app__rij span{color:var(--tx-2)}
.v3-app__balk{height:6px;border-radius:6px;background:var(--licht);margin-top:10px;overflow:hidden}
.v3-app__balk i{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--mint),var(--teal));border-radius:6px;animation:v3vul 4s ease-in-out infinite alternate}
@keyframes v3vul{from{width:38%}to{width:86%}}
@keyframes v3zweef{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.v3-bewijs{
  margin-top:56px;padding-top:30px;border-top:1px solid var(--lijn);
  display:grid;grid-template-columns:auto auto 1fr;gap:36px;align-items:center;
}
.v3-bewijs__cijfer{display:flex;align-items:center;gap:14px}
.v3-bewijs__cijfer b{font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--navy);line-height:1}
.v3-bewijs__cijfer span{font-size:13.5px;color:var(--tx-2);line-height:1.35}
.v3-sterren{color:#F5B301;letter-spacing:2px;font-size:14px}
.v3-logos{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v3-logos__rij{display:flex;align-items:center;gap:48px;width:max-content;animation:v3loop 36s linear infinite}
.v3-logos img{height:30px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.62;mix-blend-mode:multiply}
@keyframes v3loop{to{transform:translateX(-50%)}}


/* ---------- 2 · echte pen -------------------------------------------------- */
.v3-pen{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.v3-pen__beeld{position:relative;height:620px;border-radius:26px;overflow:hidden}
.v3-pen__beeld img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.08)}
.v3-pen__beeld::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,18,69,.55),transparent 45%)}
.v3-pen__label{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;color:var(--navy);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:500;box-shadow:var(--sch-hi)}
.v3-pen__label i{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(0,230,191,.25)}
.v3-pen__label.l1{left:26px;top:28px}
.v3-pen__label.l2{right:26px;top:44%}
.v3-pen__label.l3{left:26px;bottom:28px;background:var(--mint)}
.v3-pen__label.l3 i{background:var(--navy);box-shadow:0 0 0 5px rgba(8,18,69,.2)}
.v3-nee{display:flex;flex-direction:column;gap:6px;margin-top:40px}
.v3-nee div{display:flex;align-items:center;gap:16px;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.v3-nee s{color:rgba(255,255,255,.34);text-decoration-thickness:3px;text-decoration-color:var(--koraal)}
.v3-nee i{font-size:.6em;width:1.5em;text-align:center}
.v3-nee .fa-xmark{color:var(--koraal)}
.v3-nee .fa-check{color:var(--mint)}
.v3-quote{
  margin-top:40px;padding:24px 26px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  font-size:16px;line-height:1.55;color:rgba(255,255,255,.86);position:relative;
}
.v3-quote::before{content:"\201C";position:absolute;top:-22px;left:20px;font-size:74px;line-height:1;color:var(--mint);font-weight:600}
.v3-quote small{display:block;margin-top:12px;color:var(--mint);font-size:13.5px;font-weight:500}


/* ---------- 3 · bento ------------------------------------------------------ */
.v3-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:14px}
.v3-tegel{
  position:relative;border-radius:var(--r);background:var(--licht);padding:26px;display:flex;flex-direction:column;gap:8px;
  overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;
}
.v3-tegel:hover{transform:translateY(-4px);box-shadow:var(--sch-hi)}
.v3-tegel .v3-t{font-size:14.5px}
.v3-tegel__pijl{position:absolute;right:20px;top:20px;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--navy);font-size:13px;transition:background .2s}
.v3-tegel:hover .v3-tegel__pijl{background:var(--mint)}
.v3-tegel--2{grid-column:span 2}
.v3-tegel--hoog{grid-row:span 2}
.v3-tegel--navy{background:var(--navy);color:#fff;--tx:rgba(255,255,255,.7)}
.v3-tegel--navy .v3-h3{color:#fff}
.v3-tegel--mint{background:var(--mint)}
.v3-tegel--mint .v3-t{color:rgba(8,18,69,.75)}
.v3-tegel--blauw{background:var(--blauw)}
.v3-tegel__ding{margin-top:auto;padding-top:18px}

.v3-varianten{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.v3-var{background:#fff;border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;box-shadow:var(--sch)}
.v3-var:nth-child(2){margin-left:26px}
.v3-var:nth-child(3){margin-left:52px}
.v3-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:var(--navy);background:var(--blauw)}
.v3-var:nth-child(2) .v3-avatar{background:var(--mint-vlak)}
.v3-var:nth-child(3) .v3-avatar{background:#FBE3DF}
.v3-var b{font-weight:500;font-size:14px;display:block}
.v3-var span{font-size:13.5px;color:var(--tx);line-height:1.4}
.v3-var mark{background:var(--mint-vlak);color:var(--mint-tekst);border-radius:5px;padding:0 4px;font-weight:500}

.v3-code{
  background:#0B1437;color:#C9D6FF;border-radius:14px;padding:14px 16px;font:12.5px/1.6 ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  white-space:pre;overflow:hidden;
}
.v3-code .s{color:var(--mint)}
.v3-code .k{color:#FFB38A}
.v3-code .c{color:#6B7AB5}

.v3-qrlijst{display:flex;flex-direction:column;gap:6px}
.v3-qrlijst div{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:9px 12px;font-size:13.5px}
.v3-qrlijst em{font-style:normal;font-size:12px;font-weight:500;color:var(--mint-tekst);background:var(--mint-vlak);padding:2px 9px;border-radius:999px}
.v3-qrlijst em.nog{color:var(--tx-2);background:var(--licht)}

.v3-csv{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;font-size:12.5px}
.v3-csv th{background:var(--navy);color:#fff;font-weight:500;text-align:left;padding:7px 10px}
.v3-csv td{padding:7px 10px;border-top:1px solid var(--lijn);color:var(--tx)}

.v3-plan{display:flex;flex-wrap:wrap;gap:8px}
.v3-plan span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#fff;font-size:13.5px;font-weight:500;color:var(--navy)}
.v3-plan i{color:var(--teal)}

.v3-scherm{border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--sch);margin-top:18px}
.v3-scherm__top{display:flex;gap:6px;padding:10px 12px;background:#F4F6F8;border-bottom:1px solid var(--lijn)}
.v3-scherm__top i{width:9px;height:9px;border-radius:50%;background:#D0D5DD}
.v3-scherm img{width:100%;height:230px;object-fit:cover;object-position:62% 45%}
.v3-scherm--laag img{height:160px;object-position:50% 40%}


/* ---------- 4 · momenten --------------------------------------------------- */
.v3-mom{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v3-mom__tegel{
  position:relative;height:440px;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;
}
.v3-mom__tegel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.v3-mom__tegel:hover img{transform:scale(1.06)}
.v3-mom__tegel::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,18,69,0) 35%,rgba(8,18,69,.92) 100%)}
.v3-mom__tegel > *:not(img){position:relative;z-index:2}
.v3-mom__tag{position:absolute !important;top:18px;left:18px;background:#fff;color:var(--navy);font-size:13px;font-weight:600;border-radius:999px;padding:5px 12px}
.v3-mom__tegel h3{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.v3-mom__tegel p{font-size:14.5px;color:rgba(255,255,255,.8);margin-top:8px}
.v3-mom__tegel .v11-link{color:var(--mint);margin-top:14px}
.v3-mom__meer{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v3-mom__meer > span{font-size:14.5px;color:var(--tx-2);margin-right:6px}
.v3-mom__meer a.v3-pil:hover{border-color:var(--navy)}


/* ---------- 5 · flow ------------------------------------------------------- */
.v3-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative}
.v3-flow::before{
  content:"";position:absolute;left:4%;right:4%;top:44px;height:2px;
  background:repeating-linear-gradient(90deg,var(--teal) 0 8px,transparent 8px 16px);opacity:.45;
}
.v3-flow__stip{position:absolute;top:38px;left:4%;width:14px;height:14px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(0,230,191,.25);animation:v3reis 7s linear infinite}
@keyframes v3reis{from{left:4%}to{left:95%}}
.v3-stap{position:relative;display:flex;flex-direction:column;gap:12px}
.v3-stap__ico{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:#fff;box-shadow:var(--sch);font-size:28px;color:var(--navy);position:relative;z-index:1}
.v3-stap:nth-child(4) .v3-stap__ico{background:var(--navy);color:var(--mint)}
.v3-stap:last-child .v3-stap__ico{background:var(--mint)}
.v3-stap small{font-size:12.5px;font-weight:600;color:var(--mint-tekst)}
.v3-stap h3{font-size:18px}
.v3-stap__ding{background:#fff;border-radius:14px;padding:12px;font-size:13px;line-height:1.45;color:var(--tx);box-shadow:var(--sch);min-height:92px}
.v3-stap__ding b{color:var(--navy);font-weight:500}
.v3-mini{display:flex;flex-wrap:wrap;gap:5px}
.v3-mini span{font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:999px;background:var(--licht);color:var(--navy)}
.v3-pers div{display:flex;justify-content:space-between;padding:3px 0}
.v3-pers div + div{border-top:1px dashed var(--lijn)}
.v3-pers em{font-style:normal;font-weight:600;color:var(--mint-tekst)}


/* ---------- 6 · platform --------------------------------------------------- */
.v3-plat{position:relative;margin-top:24px;height:640px}
.v3-plat__scherm{
  position:absolute;left:50%;top:40px;transform:translateX(-50%);width:66%;border-radius:18px;overflow:hidden;
  background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.14);
}
.v3-plat__scherm .v3-scherm__top{background:#EEF1F6}
.v3-plat__scherm img{width:100%;height:480px;object-fit:cover;object-position:78% 40%}
.v3-ui{
  position:absolute;z-index:3;width:250px;background:#fff;color:var(--navy);border-radius:18px;padding:16px;box-shadow:var(--sch-hi);
  animation:v3zweef 7s ease-in-out infinite;
}
.v3-ui h4{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;margin-bottom:10px}
.v3-ui h4 .v3-ico{width:30px;height:30px;border-radius:9px;font-size:13px}
.v3-ui .u1{}
.v3-ui--1{left:0;top:10px}
.v3-ui--2{left:2%;bottom:40px;animation-delay:-2s}
.v3-ui--3{right:0;top:0;animation-delay:-3.5s}
.v3-ui--4{right:1%;top:250px;animation-delay:-1s}
.v3-ui--5{right:12%;bottom:0;animation-delay:-5s}
.v3-map{display:grid;grid-template-columns:1fr 18px 1fr;gap:6px;align-items:center;font-size:12.5px}
.v3-map span{background:var(--licht);border-radius:8px;padding:5px 8px}
.v3-map span:nth-child(3n){background:var(--mint-vlak);color:var(--mint-tekst);font-weight:500}
.v3-map i{color:var(--tx-2);font-size:10px;text-align:center}
.v3-balkjes{display:flex;align-items:flex-end;gap:6px;height:70px}
.v3-balkjes i{flex:1;background:var(--mint);border-radius:5px 5px 2px 2px}
.v3-status{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:5px 0;border-top:1px solid var(--lijn)}
.v3-status:first-of-type{border-top:0}
.v3-status em{font-style:normal;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 8px;background:var(--mint-vlak);color:var(--mint-tekst)}
.v3-status em.g{background:var(--blauw);color:var(--navy)}
.v3-plat__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}


/* ---------- 7 · koppelingen ----------------------------------------------- */
.v3-niveau{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v3-niv{border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:12px;background:var(--licht);position:relative}
.v3-niv__stap{font-size:13px;font-weight:600;color:var(--mint-tekst)}
.v3-niv:nth-child(2){background:var(--blauw)}
.v3-niv:nth-child(3){background:var(--navy);color:#fff;--tx:rgba(255,255,255,.7)}
.v3-niv:nth-child(3) .v3-h3{color:#fff}
.v3-niv:nth-child(3) .v3-niv__stap{color:var(--mint)}
.v3-niv__logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px}
.v3-niv__logos span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;background:#fff;font-size:14px;font-weight:500;color:var(--navy)}
.v3-niv:nth-child(3) .v3-niv__logos span{background:rgba(255,255,255,.08);color:#fff}
.v3-niv__logos i{font-size:15px}
.v3-niv__pijl{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--navy);font-size:12px;box-shadow:0 0 0 5px #fff}
.v3-niv:last-child .v3-niv__pijl{display:none}


/* ---------- 8 · meten ------------------------------------------------------ */
.v3-meet{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.v3-keten{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:6px;align-items:stretch;margin-top:8px}
.v3-schakel{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--sch);display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center}
.v3-schakel .v3-ico{width:52px;height:52px;border-radius:16px;font-size:21px}
.v3-schakel b{font-weight:600;color:var(--navy);font-size:15px}
.v3-schakel span{font-size:12.5px;color:var(--tx-2);line-height:1.35}
.v3-keten > i{align-self:center;justify-self:center;color:var(--teal)}
.v3-601{
  margin-top:14px;border-radius:24px;background:var(--navy);color:#fff;padding:26px 28px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
}
.v3-601 b{font-size:clamp(3.2rem,6vw,5rem);line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--mint)}
.v3-601 b small{font-size:.32em;letter-spacing:0;color:#fff;font-weight:500;margin-left:6px}
.v3-601 p{font-size:16px;line-height:1.45}
.v3-601 span{display:block;color:rgba(255,255,255,.55);font-size:13px;margin-top:6px}
.v3-meet__foto{position:relative;height:520px;border-radius:26px;overflow:hidden}
.v3-meet__foto img{width:100%;height:100%;object-fit:cover}
.v3-meet__foto .v3-zweef{left:22px;bottom:22px;animation:none}


/* ---------- 9 · producten -------------------------------------------------- */
.v3-formaten{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:40px 30px 26px;border-radius:var(--r);
  background:var(--papier);background-image:radial-gradient(rgba(8,18,69,.05) 1px,transparent 1px);background-size:14px 14px;
}
.v3-fmt{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.v3-fmt__vel{
  background:#fff;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.05),0 14px 26px -12px rgba(8,18,69,.35);
  position:relative;display:grid;place-items:center;color:var(--tx-2);font-size:12px;
}
.v3-fmt__vel::after{content:"";position:absolute;left:14%;right:14%;top:30%;height:40%;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(8,18,69,.1) 9px 10px)}
.v3-fmt__vel--gevouwen{background:linear-gradient(90deg,#fff 49.5%,#EEF0F3 50%,#fff 50.5%)}
.v3-fmt__vel--env{background:#FBF8F2}
.v3-fmt__vel--env::after{top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom right,transparent 49.5%,rgba(8,18,69,.1) 50%,transparent 51%),linear-gradient(to bottom left,transparent 49.5%,rgba(8,18,69,.1) 50%,transparent 51%)}
.v3-fmt b{font-weight:600;color:var(--navy);font-size:15px;line-height:1.2}
.v3-fmt small{display:block;color:var(--tx-2);font-size:12.5px;font-weight:300}
.v3-prijs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.v3-prijs div{border-radius:20px;background:var(--licht);padding:20px 22px}
.v3-prijs b{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--navy);line-height:1.1}
.v3-prijs span{font-size:13.5px;color:var(--tx)}
.v3-prijs div:first-child{background:var(--navy);color:#fff}
.v3-prijs div:first-child b{color:var(--mint)}
.v3-prijs div:first-child span{color:rgba(255,255,255,.7)}


/* ---------- 10 · resultaten ----------------------------------------------- */
.v3-res{display:grid;grid-template-columns:320px 1fr;gap:18px}
.v3-score{border-radius:var(--r);background:var(--navy);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
.v3-score b{font-size:96px;line-height:.85;font-weight:600;letter-spacing:-.05em}
.v3-score .v3-sterren{font-size:22px;margin-top:14px}
.v3-score span{color:rgba(255,255,255,.65);font-size:14px;display:flex;align-items:center;gap:8px}
.v3-quotes{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:18px}
.v3-q{background:#fff;border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sch)}
.v3-q--groot{grid-row:span 2;justify-content:space-between}
.v3-q--groot p{font-size:22px;line-height:1.45;color:var(--navy);font-weight:400}
.v3-q p{font-size:16px;line-height:1.5;color:var(--navy)}
.v3-q footer{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx-2)}
.v3-q footer .v3-avatar{width:34px;height:34px;font-size:13px}


/* ---------- 11 · vertrouwen ----------------------------------------------- */
.v3-trust{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.v3-trust__lijst{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.v3-trust__item{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:var(--licht)}
.v3-trust__item b{display:block;font-weight:600;color:var(--navy);font-size:15px}
.v3-trust__item span{font-size:13.5px;color:var(--tx)}
.v3-faq{display:flex;flex-direction:column;gap:10px}
.v3-faq details{border-radius:18px;background:var(--licht);padding:0 22px;transition:background .2s}
.v3-faq details[open]{background:var(--mint-vlak)}
.v3-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:500;font-size:16.5px;color:var(--navy)}
.v3-faq summary::-webkit-details-marker{display:none}
.v3-faq summary i{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;flex:none;transition:transform .2s}
.v3-faq details[open] summary i{transform:rotate(45deg)}
.v3-faq p{padding:0 0 20px;color:var(--tx);font-size:15px}


/* ---------- 12 · starten --------------------------------------------------- */
.v3-start{text-align:center}
.v3-start .v3-h2{margin-inline:auto;max-width:16ch;font-size:clamp(2.4rem,5vw,4.4rem)}
.v3-start .v3-lead{margin-inline:auto}
.v3-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;text-align:left}
.v3-route{border-radius:var(--r);padding:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:12px}
.v3-route .v3-ico{width:48px;height:48px;border-radius:15px;font-size:19px;background:rgba(0,230,191,.14);color:var(--mint)}
.v3-route .v11-btn{margin-top:auto;align-self:flex-start}
.v3-route--hoofd{background:var(--mint);border-color:var(--mint);color:var(--navy);--tx:rgba(8,18,69,.75)}
.v3-route--hoofd .v3-h3{color:var(--navy)}
.v3-route--hoofd .v3-ico{background:var(--navy);color:var(--mint)}
.v3-start__deco{position:absolute;right:-80px;top:-80px;width:420px;height:420px;border-radius:50%;border:2px solid rgba(0,230,191,.2);pointer-events:none}
.v3-start__deco::after{content:"";position:absolute;inset:60px;border-radius:50%;border:2px solid rgba(0,230,191,.12)}


/* ---------- footer --------------------------------------------------------- */
.v3-footer{width:min(100% - 28px,var(--breed));margin:0 auto 14px;border-radius:var(--r-p);background:#fff;padding:64px 72px 30px}
.v3-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
.v3-footer h4{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:14px}
.v3-footer li{margin-bottom:9px}
.v3-footer li a{font-size:14.5px;color:var(--tx)}
.v3-footer li a:hover{color:var(--navy)}
.v3-footer__merk p{color:var(--tx);font-size:14.5px;margin:14px 0 18px;max-width:30ch}
.v3-footer__contact{display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--navy);font-weight:500}
.v3-footer__contact i{color:var(--teal);width:20px}
.v3-footer__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;border-top:1px solid var(--lijn);font-size:13px;color:var(--tx-2)}


/* editor-schermafdruk: inzoomen op het canvas, de mediabibliotheek blijft buiten beeld */
.v3-crop{overflow:hidden}
.v3-crop img{transform:scale(1.55);transform-origin:88% 48%}
.v3-plat__scherm.v3-crop img{transform:scale(1.3);transform-origin:96% 45%}
.v3-h2--breed{max-width:24ch}

/* formaten met echte kaarten */
.v3-fmt__vel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
.v3-fmt__vel:has(img)::after{display:none}
.v3-fmt:nth-child(odd) .v3-fmt__vel{transform:rotate(-2deg)}
.v3-fmt:nth-child(even) .v3-fmt__vel{transform:rotate(1.5deg)}
.v3-fmt__vel--gevouwen:has(img)::before{content:"";position:absolute;z-index:1;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.6))}

/* ---------- responsive ----------------------------------------------------- */
@media (max-width:1180px){
  .v3-p{padding:72px 40px}
  .v3-hero{padding:64px 40px 36px}
  .v3-bento{grid-template-columns:repeat(2,1fr)}
  .v3-mom{grid-template-columns:repeat(2,1fr)}
  .v3-flow{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .v3-flow::before,.v3-flow__stip{display:none}
  .v3-mega__grid{grid-template-columns:1fr 1fr 1fr}
  .v3-mega__promo{display:none}
  .v3-ui{width:220px}
  .v3-footer{padding:56px 40px 28px}
  .v3-footer__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .v3-nav__links,.v3-nav__login,.v3-nav__rechts .v11-btn{display:none}
  .v3-burger{display:grid;place-items:center}
  .v3-nav__balk{height:62px;padding:0 10px 0 20px}
  .v3-mega{display:none !important}
  .v3-sheet{
    position:fixed;inset:0;z-index:60;background:#fff;padding:18px 20px 30px;overflow:auto;
  }
  .v3-sheet.is-open{display:block}
  .v3-sheet__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
  .v3-sheet details{border-bottom:1px solid var(--lijn)}
  .v3-sheet summary{list-style:none;padding:18px 0;font-weight:600;font-size:20px;color:var(--navy);display:flex;justify-content:space-between}
  .v3-sheet summary::-webkit-details-marker{display:none}
  .v3-sheet__sub{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}
  .v3-sheet__sub a{padding:8px 0;font-size:16px;color:var(--tx)}
  .v3-sheet > a.v3-sheet__hoofd{display:block;padding:18px 0;border-bottom:1px solid var(--lijn);font-weight:600;font-size:20px;color:var(--navy)}
  .v3-sheet__acties{display:grid;gap:10px;margin-top:26px}
  .v3-sheet__acties .v11-btn{justify-content:center}

  .v3-hero__grid,.v3-pen,.v3-meet,.v3-trust,.v3-res{grid-template-columns:1fr}
  .v3-kop{grid-template-columns:1fr}
  .v3-stapel{height:460px}
  .v3-pen__beeld{height:420px}
  .v3-niveau{grid-template-columns:1fr}
  .v3-niv__pijl{right:50%;top:auto;bottom:-20px;transform:translateX(50%) rotate(90deg)}
  .v3-plat{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .v3-plat__scherm{position:relative;left:auto;top:auto;transform:none;width:auto;grid-column:1 / -1}
  .v3-plat__scherm img{height:300px}
  .v3-ui{position:relative;inset:auto;width:auto;animation:none}
  .v3-formaten{flex-wrap:wrap;justify-content:center}
  .v3-prijs{grid-template-columns:1fr 1fr}
  .v3-bewijs{grid-template-columns:1fr 1fr}
  .v3-logos{grid-column:1 / -1}
  .v3-quotes{grid-template-columns:1fr}
  .v3-q--groot{grid-row:auto}
  .v3-routes{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v3-p{padding:56px 22px;border-radius:26px;margin-bottom:10px}
  .v3-hero{padding:44px 22px 30px}
  .v3-bento,.v3-mom{grid-template-columns:1fr}
  .v3-tegel--2{grid-column:auto}
  .v3-tegel--hoog{grid-row:auto}
  .v3-mom__tegel{height:340px}
  .v3-flow{grid-template-columns:1fr 1fr}
  .v3-stapel{height:380px}
  .v3-stapel .k1,.v3-stapel .k2{height:190px}
  .v3-stapel .k3{height:210px;top:160px}
  .v3-stapel .k4{height:140px}
  .v3-zweef--app{left:0;width:230px;bottom:0}
  .v3-zweef--scan{right:0;top:120px}
  .v3-plat{grid-template-columns:1fr}
  .v3-keten{grid-template-columns:1fr;gap:8px}
  .v3-keten > i{transform:rotate(90deg)}
  .v3-601{grid-template-columns:1fr;gap:10px}
  .v3-meet__foto{height:320px}
  .v3-trust__lijst{grid-template-columns:1fr}
  .v3-prijs{grid-template-columns:1fr}
  .v3-bewijs{grid-template-columns:1fr}
  .v3-footer{padding:44px 22px 24px}
  .v3-footer__grid{grid-template-columns:1fr 1fr}
  .v3-footer__merk{grid-column:1 / -1}
  .v3-var:nth-child(2),.v3-var:nth-child(3){margin-left:0}
  .v3-formaten{display:grid;grid-template-columns:1fr 1fr;gap:26px 12px;padding:28px 14px 22px;align-items:end;justify-items:center}
  .v3-fmt__vel{zoom:.72}
  .v3-score{min-height:0;gap:26px}
  .v3-score b{font-size:72px}
  .v3-plat__cta .v11-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}


/* ==== LAAG 2 · variant 1 (variant1.css) ==== */

/* HOME V3 · VARIANT 1 — secties van rand tot rand. Concept, niet publiceren.
   Een .v3-vol-sectie heeft geen afgeronde container meer: de achtergrond loopt over
   de volle breedte, de inhoud blijft op dezelfde breedte als in de containers (1216 px). */
.v3-p.v3-vol{
  width:100%;
  margin:0;
  border-radius:0;
  padding-left:max(72px,calc((100% - 1216px) / 2));
  padding-right:max(72px,calc((100% - 1216px) / 2));
}
/* een container direct na een volle sectie krijgt lucht erboven */
.v3-vol + .v3-p:not(.v3-vol){margin-top:14px}
.v3-p:not(.v3-vol) + .v3-vol{margin-top:0}
@media (max-width:1180px){
  .v3-p.v3-vol{padding-left:40px;padding-right:40px}
}
@media (max-width:640px){
  .v3-p.v3-vol{padding-left:22px;padding-right:22px;margin:0}
}

/* ---------- aanscherping 2026-09-28 --------------------------------------- */
/* één paginakleur: blok 4, de rand om blok 5 en blok 7 hebben dezelfde tint */
:root{--pagina:#F2F7F6}
.v3-p--licht{background:var(--pagina)}
#meten.v3-p--mint{background:var(--pagina)}

/* koppen iets kleiner */
.v3-h1{font-size:clamp(2.3rem,3.9vw,3.4rem);line-height:1.08}
.v3-h2{font-size:clamp(1.8rem,3.1vw,2.8rem);line-height:1.1}
.v3-start .v3-h2{font-size:clamp(2.1rem,4vw,3.6rem)}

/* hero: volledig wit, van rand tot rand, doorlopend achter de zwevende balk */
.v3-hero{
  width:100%;margin:-94px 0 0 !important;border-radius:0;background:#fff;
  padding-top:170px;
  padding-left:max(72px,calc((100% - 1216px) / 2));
  padding-right:max(72px,calc((100% - 1216px) / 2));
}
.v3-nav__balk{box-shadow:0 1px 2px rgba(8,18,69,.06),0 12px 30px -16px rgba(8,18,69,.3)}

/* een fractie meer ruimte tussen de blokken */
.v3-p{padding-top:112px;padding-bottom:112px}
.v3-p:not(.v3-vol){margin-top:20px;margin-bottom:20px}

/* footer: volle breedte met afgeronde bovenhoeken, als één doorlopende container */
.v3-footer{
  width:100%;margin:20px 0 0;border-radius:var(--r-p) var(--r-p) 0 0;
  padding-left:max(72px,calc((100% - 1216px) / 2));
  padding-right:max(72px,calc((100% - 1216px) / 2));
}
@media (max-width:1180px){
  .v3-hero,.v3-footer{padding-left:40px;padding-right:40px}
}
@media (max-width:960px){
  .v3-hero{margin-top:-82px;padding-top:130px}
}
@media (max-width:640px){
  .v3-hero,.v3-footer{padding-left:22px;padding-right:22px}
  .v3-p{padding-top:64px;padding-bottom:64px}
  .v3-hero{padding-top:110px}
}


/* ==== LAAG 3 · variant 1.1 (variant1-1.css) ==== */

/* ============================================================================
   HOME V3 · VARIANT 1.1 — concept, niet publiceren
   Bouwt op home-v3.css (kleuren, nav, footer). Aanscherping op hiërarchie:
   · één contentrail van 1216 px voor de hele pagina
   · per sectie één dominant element, één primaire knop, één accent
   · rustigere typografie: H1 ~60px, H2 ~44px, ondersteunende koppen ~28px
   · secties van rand tot rand; alleen cards en beelden zijn rond
   ============================================================================ */
:root{--pagina:#F2F7F6}
body{background:var(--pagina)}

/* ---------- grid en ritme -------------------------------------------------- */
.v11-rail{width:min(100% - 64px,1216px);margin-inline:auto}
.v11-s{padding:128px 0;background:#fff}
.v11-s--compact{padding:96px 0}
.v11-s--papier{background:var(--papier)}
.v11-s--licht{background:var(--pagina)}
.v11-s--navy{background:var(--navy);color:#fff;--tx:rgba(255,255,255,.7);--tx-2:rgba(255,255,255,.5);--lijn:rgba(255,255,255,.12)}

.v11-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px}
.v11-kop--midden{justify-content:center;text-align:center}
.v11-kop--midden .v11-lbl{justify-content:center}
.v11-kop--midden .v11-h2{margin-inline:auto}
.v11-kop .v11-h2{max-width:28ch}

/* ---------- typografie ----------------------------------------------------- */
.v11-lbl{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--mint-tekst)}
.v11-lbl::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.v11-s--navy .v11-lbl{color:var(--mint)}
.v11-h1{font-size:clamp(2.4rem,4.3vw,3.75rem);line-height:1.08;letter-spacing:-.03em;font-weight:600;color:var(--navy);margin:0}
.v11-h2{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.1;letter-spacing:-.025em;font-weight:600;color:var(--navy);margin:0;max-width:22ch}
.v11-h2--groot{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.06}
.v11-h3{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.18;letter-spacing:-.02em;font-weight:600;color:var(--navy);margin:0}
.v11-s--navy .v11-h1,.v11-s--navy .v11-h2,.v11-s--navy .v11-h3{color:#fff}
.v11-intro{margin:22px 0 0;font-size:18px;line-height:1.6;color:var(--tx);max-width:46ch}
.v11-tekst{margin:16px 0 22px;font-size:16px;line-height:1.6;color:var(--tx);max-width:44ch}
.v11-accent{color:var(--teal)}
.v11-s--navy .v11-accent{color:var(--mint)}
.v11 .v3-streep svg{bottom:-.3em;height:.26em}
.v11 .v3-streep path{stroke-width:6}
.v11-sterren{color:#F5B301;font-size:12px;letter-spacing:1px}

/* ---------- knoppen: primair, lijn, tekstlink ------------------------------ */
.v11-acties{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:38px}
.v11-acties--midden{justify-content:center;margin-top:48px}
.v11-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;
  font:500 15px/1 "Outfit",system-ui,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;
  background:transparent;color:var(--navy);border:1.5px solid transparent;-webkit-appearance:none;appearance:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.v11-btn i{font-size:.8em;transition:transform .2s}
.v11-btn:hover i{transform:translateX(3px)}
.v11-btn--primair{background:var(--mint);color:var(--navy)}
.v11-btn--primair:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(0,230,191,.7)}
.v11-btn--lijn{border-color:rgba(8,18,69,.16);color:var(--navy)}
.v11-btn--lijn:hover{border-color:var(--navy)}
.v11-btn--navy{background:var(--navy);color:#fff}
.v11-btn--navy:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(8,18,69,.6)}
.v11-btn--klein{height:40px;padding:0 18px;font-size:14px}
.v3-p--navy .v11-btn--lijn,.v11-s--navy .v11-btn--lijn{border-color:rgba(255,255,255,.28);color:#fff}
.v3-p--navy .v11-btn--lijn:hover,.v11-s--navy .v11-btn--lijn:hover{border-color:#fff}
.v3-p--navy .v11-link,.v11-s--navy .v11-link{color:var(--mint)}
.v11-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--mint-tekst);white-space:nowrap}
.v11-link i{font-size:.75em;transition:transform .2s}
.v11-link:hover i{transform:translateX(3px)}
.v11-link--licht{color:var(--mint)}

/* ---------- 1 · hero ------------------------------------------------------- */
.v11-hero{margin-top:-94px;padding:190px 0 72px}
.v11-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.v11-kenmerken{display:flex;flex-wrap:wrap;gap:10px 22px;margin:40px 0 0;padding:0;list-style:none;font-size:14px;color:var(--tx-2)}
.v11-kenmerken i{color:var(--teal);margin-right:6px;font-size:12px}
.v11-hero__beeld{position:relative;height:520px}
.v11-hero__hoofd{position:absolute;right:0;top:40px;width:80%;height:440px;margin:0;border-radius:26px;overflow:hidden;box-shadow:var(--sch-hi)}
.v11-hero__hoofd img{width:100%;height:100%;object-fit:cover}
.v11-hero__achter{position:absolute;left:0;top:0;width:50%;height:250px;margin:0;border-radius:14px;overflow:hidden;border:6px solid #fff;box-shadow:var(--sch);transform:rotate(-6deg)}
.v11-hero__achter img{width:100%;height:100%;object-fit:cover}
.v11-hero__status{position:absolute;left:6%;bottom:6px;z-index:2;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--sch-hi);font-size:13.5px;line-height:1.3;color:var(--navy)}
.v11-hero__status b{display:block;font-weight:600}
.v11-hero__status small{color:var(--tx-2);font-size:12px}
.v11-bewijs{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;margin-top:80px;padding-top:28px;border-top:1px solid var(--lijn);font-size:14px;color:var(--tx-2)}
.v11-bewijs b{font-size:19px;font-weight:600;color:var(--navy);margin-right:4px}
.v11-logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-left:auto}
.v11-logos img{height:24px;width:auto;max-width:100px;object-fit:contain;filter:grayscale(1);opacity:.45;mix-blend-mode:multiply}

/* ---------- 2 · momenten --------------------------------------------------- */
.v11-mom{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v11-mom__k{position:relative;height:460px;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;color:#fff}
.v11-mom__k img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.v11-mom__k:hover img{transform:scale(1.05)}
.v11-mom__k::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,18,69,0) 40%,rgba(8,18,69,.88) 100%)}
.v11-mom__k div{position:relative;z-index:2;padding:26px}
.v11-mom__k small{font-size:13px;font-weight:500;color:rgba(255,255,255,.75)}
.v11-mom__k h3{margin:6px 0 0;font-size:22px;line-height:1.2;letter-spacing:-.015em;font-weight:600}
.v11-ook{margin:28px 0 0;font-size:15px;color:var(--tx-2);line-height:1.9}
.v11-ook a{color:var(--navy);border-bottom:1px solid rgba(8,18,69,.2)}
.v11-ook a:hover{border-color:var(--navy)}

/* ---------- 3 · echte pen -------------------------------------------------- */
.v11-pen{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.v11-pen__foto{height:600px;border-radius:26px;overflow:hidden}
.v11-pen__foto img{width:100%;height:100%;object-fit:cover;object-position:60% 58%;transform:scale(1.08)}
.v11-nee{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.v11-nee li{display:flex;align-items:center;gap:16px;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.v11-nee s{color:rgba(255,255,255,.34);text-decoration-thickness:2px;text-decoration-color:var(--koraal)}
.v11-nee i{width:22px;font-size:.62em;text-align:center;color:var(--koraal)}
.v11-nee .ja{color:#fff}
.v11-nee .ja i{color:var(--mint)}
.v11-voetnoot{margin:44px 0 0;padding-left:16px;border-left:2px solid rgba(255,255,255,.16);font-size:14px;line-height:1.6;color:rgba(255,255,255,.5);max-width:48ch}

/* ---------- 4 · resultaat -------------------------------------------------- */
.v11-res{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:0 56px}
.v11-res__hoofd{grid-row:span 2;display:grid;grid-template-columns:.9fr 1.1fr;border-radius:26px;overflow:hidden;background:var(--papier)}
.v11-res__foto{min-height:380px}
.v11-res__foto img{width:100%;height:100%;object-fit:cover}
.v11-res__cijfer{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.v11-res__cijfer small{font-size:13px;font-weight:500;color:var(--mint-tekst)}
.v11-res__cijfer b{margin:14px 0 10px;font-size:clamp(4rem,7vw,6.2rem);line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--navy)}
.v11-res__cijfer p{margin:0;font-size:18px;line-height:1.45;color:var(--navy)}
.v11-res__cijfer span{margin-top:14px;font-size:13px;color:var(--tx-2)}
.v11-res__klein{padding:28px 0;border-top:1px solid var(--lijn);display:flex;flex-direction:column;gap:6px;justify-content:center}
.v11-res__klein + .v11-res__klein{border-bottom:1px solid var(--lijn)}
.v11-res__klein b{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--navy)}
.v11-res__klein p{margin:0;font-size:15px;line-height:1.5;color:var(--tx)}
.v11-res__klein span{font-size:12.5px;color:var(--tx-2)}

/* ---------- 5 · flow ------------------------------------------------------- */
.v11-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;position:relative}
.v11-flow::before{content:"";position:absolute;left:8%;right:8%;top:36px;height:2px;background:repeating-linear-gradient(90deg,var(--teal) 0 8px,transparent 8px 16px);opacity:.4}
.v11-flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.v11-flow__ico{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:24px;box-shadow:var(--sch);margin-bottom:14px}
.v11-flow__ico--navy{background:var(--navy);color:var(--mint)}
.v11-flow__ico--mint{background:var(--mint)}
.v11-flow b{font-size:16px;font-weight:600;color:var(--navy)}
.v11-flow li > span:last-child{font-size:14px;line-height:1.45;color:var(--tx);max-width:17ch}

/* ---------- 6 · platform --------------------------------------------------- */
.v11-plat{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}
.v11-plat__tabs{display:flex;flex-direction:column;gap:8px}
.v11-plat__tabs button{
  display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border-radius:16px;text-align:left;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#fff;font:inherit;
  transition:background .2s,border-color .2s;
}
.v11-plat__tabs button:hover{background:rgba(255,255,255,.07)}
.v11-plat__tabs button > i{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);font-size:15px;transition:background .2s,color .2s}
.v11-plat__tabs b{display:block;font-size:15px;font-weight:500}
.v11-plat__tabs small{display:block;font-size:12.5px;color:rgba(255,255,255,.5)}
.v11-plat__tabs button[aria-selected="true"]{background:rgba(0,230,191,.1);border-color:rgba(0,230,191,.55)}
.v11-plat__tabs button[aria-selected="true"] > i{background:var(--mint);color:var(--navy)}
.v11-plat__scherm{background:#fff;border-radius:22px;overflow:hidden;color:var(--ink);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.v11-plat__scherm .v3-scherm__top{display:flex;align-items:center;gap:6px;background:#EEF1F6}
.v11-plat__scherm .v3-scherm__top span{margin-left:12px;font-size:12px;color:#98A2B3;background:#fff;border-radius:6px;padding:2px 10px}
.v11-paneel{height:480px;animation:v11in .25s ease}
@keyframes v11in{from{opacity:0}to{opacity:1}}
.v11-shot{height:100%;overflow:hidden}
.v11-shot img{width:100%;height:100%;object-fit:cover}
.v11-shot.v3-crop img{transform:scale(1.28);transform-origin:96% 45%}
.v11-shot--los{display:grid;place-items:center;background:#F4F6F8;padding:30px}
.v11-shot--los img{height:auto;object-fit:contain;border-radius:12px;box-shadow:var(--sch)}
.v11-app{height:100%;padding:32px 36px;background:#F7F9FB;display:flex;flex-direction:column;gap:14px;font-size:14.5px}
.v11-app__kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid #E4E7EC}
.v11-app__kop b{font-size:18px;font-weight:600;color:var(--navy)}
.v11-app__kop span{font-size:13px;color:#98A2B3}
.v11-app mark{background:var(--mint-vlak);color:var(--mint-tekst);border-radius:6px;padding:1px 6px;font-weight:500}
.v11-app__pers{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}
.v11-app__veld{background:#fff;border:1px solid #E4E7EC;border-radius:14px;padding:20px;font-size:16px;line-height:1.7;color:var(--navy)}
.v11-app__voorbeeld{background:#fff;border-radius:14px;padding:20px;border:1px solid #E4E7EC}
.v11-app__voorbeeld small{font-size:12.5px;color:#98A2B3}
.v11-app__voorbeeld p{margin:12px 0 0;padding-top:12px;border-top:1px dashed #E4E7EC;font-size:14px;line-height:1.55;color:#475467}
.v11-app__voorbeeld b{color:var(--navy);font-weight:600}
.v11-app__tabel{width:100%;border-collapse:separate;border-spacing:0 8px}
.v11-app__tabel th{text-align:left;font-size:12.5px;font-weight:500;color:#98A2B3;padding:0 14px}
.v11-app__tabel td{background:#fff;padding:14px;color:var(--navy);border-top:1px solid #E4E7EC;border-bottom:1px solid #E4E7EC}
.v11-app__tabel td:first-child{border-left:1px solid #E4E7EC;border-radius:12px 0 0 12px}
.v11-app__tabel td:last-child{border-right:1px solid #E4E7EC;border-radius:0 12px 12px 0}
.v11-app__tabel td:nth-child(2){color:#98A2B3;width:40px}
.v11-app__rij{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #E4E7EC;border-radius:14px;padding:16px 18px}
.v11-app__rij b{display:block;font-weight:600;color:var(--navy)}
.v11-app__rij small{font-size:13px;color:#98A2B3}
.v11-app__rij em{font-style:normal;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 12px}
.v11-app__rij em.auto{background:var(--blauw);color:var(--navy)}
.v11-app__rij em.gepland{background:#EDE8FF;color:#5A43C9}
.v11-app__rij em.direct{background:#FFF1DB;color:#8A5300}
.v11-app--code{background:#0B1437;padding:32px 36px}
.v11-app--code pre{margin:0;font:14px/1.75 ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;color:#C9D6FF;white-space:pre-wrap}
.v11-app--code .s{color:var(--mint)}
.v11-app--code .k{color:#FFB38A}
.v11-app--code .c{color:#6B7AB5}
.v11-plat__uitleg{margin:0;padding:16px 22px;border-top:1px solid #E4E7EC;font-size:14.5px;color:#475467;background:#fff}

/* ---------- 7 · automatiseren ---------------------------------------------- */
.v11-auto{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.v11-trap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.v11-trap li{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:18px;background:var(--pagina)}
.v11-trap li:not(:last-child)::after{content:"\2192";position:absolute;right:-22px;top:50%;transform:translateY(-50%);color:var(--teal);font-size:18px}
.v11-trap li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:14px}
.v11-trap li:last-child span{background:var(--mint)}
.v11-trap b{font-size:16px;font-weight:600;color:var(--navy)}
.v11-trap small{font-size:13.5px;line-height:1.45;color:var(--tx)}

/* ---------- 8 · meten ------------------------------------------------------ */
.v11-meet{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.v11-waarom{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.v11-waarom li{font-size:16px;color:var(--navy)}
.v11-waarom i{color:var(--teal);margin-right:10px}
.v11-meet__beeld{height:460px;border-radius:26px;overflow:hidden}
.v11-meet__beeld img{width:100%;height:100%;object-fit:cover}
.v11-keten{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:28px}
.v11-keten li{position:relative;padding:16px 10px;border-radius:14px;background:#fff;text-align:center;font-size:14px;font-weight:500;color:var(--navy)}
.v11-keten li:not(:last-child)::after{content:"\2192";position:absolute;right:-21px;top:50%;transform:translateY(-50%);color:var(--teal)}
.v11-keten li.eind{background:var(--mint)}

/* ---------- 9 · producten -------------------------------------------------- */
.v11-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.v11-prod__foto{aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--papier)}
.v11-prod__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.v11-prod__k:hover img{transform:scale(1.04)}
.v11-prod h3{margin:20px 0 4px;font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--navy)}
.v11-prod p{margin:0;font-size:15px;color:var(--tx)}
.v11-prijs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--lijn);font-size:14.5px;color:var(--tx-2)}
.v11-prijs .v11-link{margin-left:auto}

/* ---------- 10 · reviews en vertrouwen ------------------------------------ */
.v11-trust{display:grid;grid-template-columns:1.2fr 1fr;gap:88px;align-items:center}
.v11-trust blockquote{margin:0;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.4;letter-spacing:-.01em;font-weight:400;color:var(--navy)}
.v11-trust__wie{margin:18px 0 0;font-size:14px;color:var(--tx-2)}
.v11-trust__cijfers{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(8,18,69,.1)}
.v11-trust__cijfers b{font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--navy)}
.v11-trust__cijfers small{display:block;font-size:13px;color:var(--tx-2)}
.v11-trust__avg{background:#fff;border-radius:24px;padding:40px}
.v11-trust__avg ul{list-style:none;margin:24px 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}
.v11-trust__avg li{font-size:15px;color:var(--navy)}
.v11-trust__avg li i{width:22px;color:var(--teal);margin-right:8px}

/* ---------- 11 · slot ------------------------------------------------------ */
.v11-slot__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.v11-slot__foto{height:420px;border-radius:26px;overflow:hidden;transform:rotate(2deg);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.v11-slot__foto img{width:100%;height:100%;object-fit:cover}

/* ---------- footer: volle breedte, afgeronde bovenhoeken ------------------ */
.v3-footer{width:100%;margin:0;border-radius:var(--r-p) var(--r-p) 0 0;padding-left:max(32px,calc((100% - 1216px) / 2));padding-right:max(32px,calc((100% - 1216px) / 2))}
.v11-slot + .v3-footer,main.v11 + .wp-block-template-part > .v3-footer{margin-top:-34px;position:relative}

/* ---------- responsive ----------------------------------------------------- */
@media (max-width:1100px){
  .v11-mom{grid-template-columns:repeat(2,1fr)}
  .v11-flow{grid-template-columns:repeat(3,1fr);row-gap:40px}
  .v11-flow::before{display:none}
  .v11-plat{grid-template-columns:1fr}
  .v11-plat__tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .v11-plat__tabs::-webkit-scrollbar{display:none}
  .v11-plat__tabs button{flex:0 0 auto;width:auto}
  .v11-keten{grid-template-columns:repeat(3,1fr);row-gap:16px}
  .v11-keten li:nth-child(3)::after{display:none}
  .v11-prod{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .v11-s{padding:88px 0}
  .v11-hero{margin-top:-82px;padding:140px 0 56px}
  .v11-hero__grid,.v11-pen,.v11-meet,.v11-auto,.v11-trust,.v11-slot__grid,.v11-res{grid-template-columns:1fr;gap:48px}
  .v11-res{gap:0}
  .v11-res__hoofd{grid-row:auto;margin-bottom:12px}
  .v11-kop{flex-direction:column;align-items:flex-start;margin-bottom:40px}
  .v11-kop--midden{align-items:center}
  .v11-pen__foto{height:400px}
  .v11-logos{margin-left:0}
  .v11-paneel{height:380px}
  .v11-app__pers{grid-template-columns:1fr}
  .v11-app__voorbeeld{display:none}
}
@media (max-width:560px){
  .v11-rail{width:min(100% - 40px,1216px)}
  .v11-s{padding:72px 0}
  .v11-hero__beeld{height:380px}
  .v11-hero__hoofd{height:320px;top:30px}
  .v11-hero__achter{height:180px}
  .v11-mom{grid-template-columns:1fr}
  .v11-mom__k{height:360px}
  .v11-flow{grid-template-columns:1fr 1fr}
  .v11-res__hoofd{grid-template-columns:1fr}
  .v11-res__foto{min-height:220px}
  .v11-res__cijfer{padding:30px 26px}
  .v11-trap{grid-template-columns:1fr;gap:12px}
  .v11-trap li:not(:last-child)::after{display:none}
  .v11-keten{grid-template-columns:1fr 1fr;gap:12px}
  .v11-keten li::after{display:none}
  .v11-meet__beeld{height:300px}
  .v11-prod{gap:14px}
  .v11-prod h3{font-size:17px}
  .v11-prod p{font-size:13.5px}
  .v11-prijs .v11-link{margin-left:0}
  .v11-paneel{height:320px}
  .v11-app{padding:20px}
  .v11-trust__avg{padding:28px}
  .v11-slot__foto{height:280px;transform:none}
  .v3-footer{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion:reduce){
  .v11-paneel{animation:none}
}


/* ==== LAAG 4 · variant 1.1 tweede ronde (variant1-1b.css) ==== */

/* ============================================================================
   HOME V3 · VARIANT 1.1 — TWEEDE RONDE 2026-09-28 · concept, niet publiceren
   Laadt na variant1.css en variant1-1.css.
   hero en blokken uit variant 1 · koppen een stuk kleiner · hoofdstuklabels
   met icoon · vernieuwd functieblok · campagnes en bureaus · productslider ·
   resultaten en vertrouwen samen · uitgebreide FAQ
   ============================================================================ */

/* koppen: hero ~50px, secties ~37px */
.v3-h1{font-size:clamp(2.2rem,3.5vw,3.1rem);line-height:1.1}
.v3-h2,.v11-h2{font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1.14;max-width:24ch}
.v11-kop .v11-h2,.v3-kop .v3-h2{max-width:32ch}
.v11-h3{font-size:clamp(1.3rem,1.8vw,1.55rem)}
.v11-s{padding:112px 0}

/* hoofdstuklabel met icoon in plaats van nummer */
.v3-hoofdstuk b i{font-size:12px;line-height:1}
.v11-s--navy .v3-hoofdstuk{color:var(--mint)}
.v11-kop--midden .v3-hoofdstuk{justify-content:center}

/* hero: kenmerken over de volle breedte, boven de lijn, zonder pil */
.v12-kenmerken{
  list-style:none;margin:56px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;
  font-size:14.5px;font-weight:500;color:var(--navy);
}
.v12-kenmerken i{color:var(--teal);margin-right:8px;font-size:13px}
.v3-hero .v3-bewijs{margin-top:24px}

/* ---------- meer dan handgeschreven --------------------------------------- */
.v12-functies{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v12-f{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--lijn);transition:transform .25s ease,box-shadow .25s ease}
.v12-f:hover{transform:translateY(-4px);box-shadow:var(--sch-hi)}
.v12-f__beeld{height:220px;display:grid;place-items:center;padding:22px;background:var(--pagina);overflow:hidden}
.v12-f__beeld--navy{background:var(--navy)}
.v12-f__beeld--code{background:#0B1437;place-items:center start;padding:24px 26px}
.v12-f__beeld--foto{padding:0}
.v12-f__beeld--foto img{width:100%;height:100%;object-fit:cover}
.v12-f__tekst{padding:22px 24px 26px}
.v12-f__tekst h3{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--navy)}
.v12-f__tekst p{margin:0;font-size:14.5px;line-height:1.55;color:var(--tx)}
.v12-tekstjes{display:flex;flex-direction:column;gap:8px;width:100%}
.v12-tekstjes p{margin:0;background:#fff;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.4;color:var(--tx);box-shadow:var(--sch)}
.v12-tekstjes p:nth-child(2){margin-left:16px}
.v12-tekstjes p:nth-child(3){margin-left:32px}
.v12-tekstjes b{display:block;font-size:12px;color:var(--navy);font-weight:600}
.v12-tekstjes mark{background:var(--mint-vlak);color:var(--mint-tekst);border-radius:4px;padding:0 3px}
.v12-qr{display:flex;align-items:center;gap:22px;width:100%}
.v12-qr > i{font-size:64px;color:var(--mint)}
.v12-qr div{flex:1;display:flex;flex-direction:column;gap:8px}
.v12-qr span{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;color:var(--navy)}
.v12-qr em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--mint-tekst);background:var(--mint-vlak);padding:2px 8px;border-radius:999px}
.v12-qr em.nog{color:var(--tx-2);background:var(--pagina)}
.v12-f__beeld .v3-csv{box-shadow:var(--sch)}
.v12-f__beeld--code pre{margin:0;font:13px/1.7 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#C9D6FF}
.v12-f__beeld--code .s{color:var(--mint)}
.v12-f__beeld--code .k{color:#FFB38A}
.v12-f__beeld--code .c{color:#6B7AB5}
.v12-plan{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.v12-plan span{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:500;color:var(--navy);box-shadow:var(--sch)}
.v12-plan span:nth-child(2){margin-left:24px}
.v12-plan span:nth-child(3){margin-left:48px}
.v12-plan i{color:var(--teal)}

/* ---------- campagnes en bureaus ------------------------------------------ */
.v12-camp{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.v12-bureau{margin-top:40px;border-radius:22px;background:var(--navy);color:#fff;padding:30px 32px}
.v12-bureau__lbl{font-size:13px;font-weight:500;color:var(--mint)}
.v12-bureau__lbl i{margin-right:6px}
.v12-bureau h3{margin:10px 0 18px;font-size:21px;line-height:1.25;letter-spacing:-.015em;font-weight:600}
.v12-bureau ul{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:rgba(255,255,255,.78)}
.v12-bureau ul i{color:var(--mint);margin-right:10px}
.v12-bord{background:#fff;border-radius:22px;box-shadow:var(--sch-hi);overflow:hidden}
.v12-bord__top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--lijn);background:#FAFBFC}
.v12-bord__klant{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--navy);border:1px solid var(--lijn);border-radius:10px;padding:7px 12px;background:#fff}
.v12-bord__klant i:last-child{font-size:10px;color:var(--tx-2)}
.v12-bord__chips{display:flex;gap:6px}
.v12-bord__chips span{font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--lijn);color:var(--tx)}
.v12-bord__chips span.aan{background:var(--navy);border-color:var(--navy);color:#fff}
.v12-bord__rij{display:grid;grid-template-columns:1fr auto 70px;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--lijn)}
.v12-bord__naam b{display:block;font-size:15px;font-weight:600;color:var(--navy)}
.v12-bord__naam small{font-size:12.5px;color:var(--tx-2)}
.v12-bord__rij em{font-style:normal;font-size:12px;font-weight:600;border-radius:999px;padding:4px 11px}
.v12-bord__rij em.auto{background:var(--blauw);color:var(--navy)}
.v12-bord__rij em.gepland{background:#EDE8FF;color:#5A43C9}
.v12-bord__rij em.direct{background:#FFF1DB;color:#8A5300}
.v12-bord__actief{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mint-tekst)}
.v12-bord__actief::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--mint-vlak)}
.v12-bord__voet{display:flex;justify-content:space-between;padding:14px 20px;font-size:13px;color:var(--tx-2)}
.v12-bord__voet span:first-child{color:var(--mint-tekst);font-weight:500}

/* ---------- productslider: kaarten op tafel -------------------------------- */
.v12-pijlen{display:flex;gap:8px}
.v12-pijlen button{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(8,18,69,.16);background:#fff;color:var(--navy);cursor:pointer;font-size:14px;transition:background .2s,color .2s}
.v12-pijlen button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.v12-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 2.6);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.v12-slider::-webkit-scrollbar{display:none}
.v12-slide{scroll-snap-align:start}
.v12-tafel{
  position:relative;height:360px;border-radius:22px;overflow:hidden;display:grid;place-items:center;
  background:
    repeating-linear-gradient(94deg,rgba(120,84,48,.05) 0 2px,transparent 2px 9px),
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.55),transparent 60%),
    linear-gradient(160deg,#EEE3D2 0%,#E1D0B8 100%);
}
.v12-kaart{
  display:block;object-fit:cover;border-radius:5px;transform:rotate(-5deg);
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 22px 32px -12px rgba(70,45,20,.5);transition:transform .5s ease;
}
.v12-slide:nth-child(even) .v12-kaart{transform:rotate(4deg)}
.v12-slide:hover .v12-kaart{transform:rotate(0) scale(1.04)}
.v12-kaart--liggend{width:62%;aspect-ratio:148/105}
.v12-kaart--groot{width:76%;aspect-ratio:210/148}
.v12-kaart--gevouwen{width:66%;aspect-ratio:148/105}
.v12-kaart--vierkant{width:52%;aspect-ratio:1}
.v12-kaart--staand{width:42%;aspect-ratio:210/297}
.v12-slide h3{margin:20px 0 4px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--navy)}
.v12-slide p{margin:0;font-size:14.5px;color:var(--tx)}
#producten .v3-prijs{margin-top:36px}

/* ---------- resultaten en vertrouwen -------------------------------------- */
.v12-res{display:grid;grid-template-columns:1.05fr .8fr 1.35fr;gap:16px;align-items:stretch}
.v12-res__case{border-radius:var(--r);background:#fff;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--sch)}
.v12-res__lbl{align-self:flex-start;margin-bottom:auto;font-size:12.5px;font-weight:600;background:var(--mint-vlak);color:var(--mint-tekst);padding:4px 11px;border-radius:999px}
.v12-res__case b{margin-top:40px;font-size:clamp(3.4rem,5.5vw,4.8rem);line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--navy)}
.v12-res__case p{margin:12px 0 0;font-size:16px;line-height:1.45;color:var(--navy)}
#resultaten .v3-score{min-height:0}
#resultaten .v3-score b{font-size:80px}
.v12-res__quote{justify-content:space-between}
.v12-res__quote p{font-size:18px;line-height:1.5}
.v12-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.v12-trust .v3-trust__item{background:#fff}
.v12-trust__link{margin:26px 0 0}

/* ---------- FAQ ------------------------------------------------------------ */
.v12-faq{display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:start}
.v12-faq__kop{position:sticky;top:110px}
.v12-faq__cats{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.v12-faq__cats button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--lijn);background:#fff;font:500 13.5px/1 "Outfit",sans-serif;color:var(--navy);cursor:pointer}
.v12-faq__cats button:hover{border-color:var(--navy)}
.v12-faq__cats button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.v12-faq__contact{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:18px;background:var(--pagina);font-size:14.5px;color:var(--navy)}
.v12-faq__contact b{font-weight:600}
.v12-faq__contact i{color:var(--teal);width:20px}
.v12-faq__lijst{display:flex;flex-direction:column;gap:10px}
.v12-faq__lijst details{border-radius:18px;background:var(--pagina);padding:0 22px;transition:background .2s}
.v12-faq__lijst details[open]{background:var(--mint-vlak)}
.v12-faq__lijst summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;font-weight:500;font-size:16px;color:var(--navy)}
.v12-faq__lijst summary::-webkit-details-marker{display:none}
.v12-faq__lijst summary i{width:30px;height:30px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11px;transition:transform .2s}
.v12-faq__lijst details[open] summary i{transform:rotate(45deg)}
.v12-faq__lijst p{margin:0;padding:0 0 20px;font-size:15px;line-height:1.6;color:var(--tx);max-width:64ch}

/* ---------- responsive ----------------------------------------------------- */
@media (max-width:1100px){
  .v12-functies{grid-template-columns:repeat(2,1fr)}
  .v12-slider{grid-auto-columns:calc((100% - 20px) / 1.6)}
  .v12-res{grid-template-columns:1fr 1fr}
  .v12-res__quote{grid-column:1 / -1}
  .v12-trust{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .v12-camp,.v12-faq{grid-template-columns:1fr;gap:44px}
  .v12-faq__kop{position:static}
  .v12-kenmerken{justify-content:flex-start;margin-top:40px}
}
@media (max-width:560px){
  .v12-functies{grid-template-columns:1fr}
  .v12-slider{grid-auto-columns:84%}
  .v12-tafel{height:280px}
  .v12-res,.v12-trust{grid-template-columns:1fr}
  .v12-bord__rij{grid-template-columns:1fr auto;row-gap:6px}
  .v12-bord__actief,.v12-bord__chips{display:none}
  .v12-bureau{padding:26px 22px}
}

/* ---------- derde ronde ---------------------------------------------------- */
/* afsluitend blok in een container (uit variant 1); de footer schuift er niet meer onder */
main.v11 + .wp-block-template-part > .v3-footer{margin-top:20px}
.v3-start .v3-hoofdstuk{justify-content:center}

/* megamenu: lichte sluier over de pagina */
body::after{
  content:"";position:fixed;inset:0;z-index:40;pointer-events:none;
  background:rgba(8,18,69,.28);opacity:0;transition:opacity .2s ease;
}
body.mega-open::after{opacity:1}


/* ==== LAAG 5 · bibliotheek (bibliotheek.css) ==== */

/* Extra blokken voor andere pagina's. Prefix lb-. Gebruiken dezelfde tokens,
   dezelfde contentrail (.v11-rail) en dezelfde sectievlakken (.v11-s, --papier,
   --licht, --navy) als de homepage. Voorbeelden in styleguide.html. */

/* ---------- formuliervelden ------------------------------------------------ */
.lb-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.lb-veld{display:flex;flex-direction:column;gap:7px}
.lb-veld--vol{grid-column:1 / -1}
.lb-veld label,.lb-veld legend{font-size:14px;font-weight:500;color:var(--navy);padding:0}
.lb-veld label small{font-weight:300;color:var(--tx-2);margin-left:4px}
fieldset.lb-veld{border:0;margin:0;padding:0;min-width:0}
.lb-veld input,.lb-veld select,.lb-veld textarea{
  width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid #D6DEE2;background:#fff;
  font:400 15.5px/1.4 "Outfit",sans-serif;color:var(--ink);transition:border-color .2s,box-shadow .2s;
}
.lb-veld textarea{height:140px;padding:14px 16px;resize:vertical}
.lb-veld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 17px) 23px;background-size:5px 5px;background-repeat:no-repeat;padding-right:44px}
.lb-veld input::placeholder,.lb-veld textarea::placeholder{color:#98A2B3}
.lb-veld input:focus,.lb-veld select:focus,.lb-veld textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,230,191,.18)}
.lb-veld input:user-invalid,.lb-veld textarea:user-invalid{border-color:var(--koraal)}
.lb-keuze{display:flex;flex-wrap:wrap;gap:8px}
.lb-keuze label{position:relative;cursor:pointer}
.lb-keuze input{position:absolute;opacity:0;pointer-events:none}
.lb-keuze span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:12px;border:1px solid #D6DEE2;background:#fff;font-size:14.5px;font-weight:500;color:var(--navy);transition:all .15s}
.lb-keuze input:checked + span{border-color:var(--navy);background:var(--navy);color:#fff}
.lb-keuze input:focus-visible + span{box-shadow:0 0 0 4px rgba(0,230,191,.25)}
.lb-check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--tx);cursor:pointer}
.lb-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--teal);flex:none}
.lb-check a{color:var(--mint-tekst);text-decoration:underline}
.lb-form__voet{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:6px}
.lb-form__voet small{font-size:13px;color:var(--tx-2)}
.lb-form__ok{display:none;grid-column:1 / -1;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;background:var(--mint-vlak);color:var(--navy);font-size:15px}
.lb-form__ok > i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mint);flex:none}
.lb-form.is-verzonden > :not(.lb-form__ok){display:none}
.lb-form.is-verzonden .lb-form__ok{display:flex}

/* ---------- contact: gegevens links, formulier rechts ---------------------- */
.lb-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.lb-contact__kaart{background:#fff;border-radius:26px;padding:40px;box-shadow:var(--sch)}
.lb-contact__lijst{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.lb-contact__lijst li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}
.lb-contact__lijst .v3-ico{width:48px;height:48px;border-radius:14px;font-size:17px}
.lb-contact__lijst b{display:block;font-weight:600;color:var(--navy);font-size:16px}
.lb-contact__lijst span{font-size:14px;color:var(--tx-2)}

/* ---------- proefkaart: foto + compact formulier --------------------------- */
.lb-proef{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--sch-hi)}
.lb-proef__foto{position:relative;min-height:540px}
.lb-proef__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lb-proef__foto .v3-zweef{left:24px;bottom:24px;animation:none}
.lb-proef__form{padding:48px}
.lb-proef__form .lb-form{margin-top:28px}

/* ---------- paginahero voor subpagina's ------------------------------------ */
.lb-kruimel{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;font-size:13.5px;color:var(--tx-2)}
.lb-kruimel li + li::before{content:"/";margin-right:8px;color:#C0C8CF}
.lb-kruimel a{color:var(--tx-2)}
.lb-kruimel a:hover{color:var(--navy)}
.lb-paginahero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.lb-paginahero__beeld{height:460px;border-radius:26px;overflow:hidden;box-shadow:var(--sch-hi)}
.lb-paginahero__beeld img{width:100%;height:100%;object-fit:cover}
.lb-paginahero--smal{display:block;text-align:center;max-width:760px;margin-inline:auto}
.lb-paginahero--smal .v3-hoofdstuk,.lb-paginahero--smal .lb-kruimel,.lb-paginahero--smal .v11-acties{justify-content:center}
.lb-paginahero--smal .v11-intro,.lb-paginahero--smal .v3-h1{margin-inline:auto}

/* ---------- split: tekst en beeld, beeld links of rechts ------------------- */
.lb-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.lb-split--omgekeerd .lb-split__beeld{order:-1}
.lb-split__beeld{position:relative;height:500px;border-radius:26px;overflow:hidden}
.lb-split__beeld img{width:100%;height:100%;object-fit:cover}
.lb-split__beeld .v3-pen__label{left:22px;bottom:22px}
.lb-vinkjes{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.lb-vinkjes li{display:flex;gap:12px;font-size:16px;line-height:1.5;color:var(--navy)}
.lb-vinkjes i{color:var(--teal);margin-top:4px}
.v11-s--navy .lb-vinkjes li{color:#fff}
.v11-s--navy .lb-vinkjes i{color:var(--mint)}

/* ---------- cijferband ----------------------------------------------------- */
.lb-cijfers{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.lb-cijfers > div{padding:8px 32px;border-left:1px solid var(--lijn)}
.lb-cijfers > div:first-child{padding-left:0;border-left:0}
.lb-cijfers b{display:block;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;font-weight:600;letter-spacing:-.04em;color:var(--navy)}
.lb-cijfers span{display:block;margin-top:12px;font-size:15px;line-height:1.45;color:var(--tx)}
.v11-s--navy .lb-cijfers b{color:var(--mint)}

/* ---------- grote quote ---------------------------------------------------- */
.lb-quote{max-width:900px;margin-inline:auto;text-align:center}
.lb-quote > i{font-size:34px;color:var(--teal)}
.lb-quote blockquote{margin:22px 0 0;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.35;letter-spacing:-.015em;font-weight:400;color:var(--navy)}
.lb-quote footer{margin-top:26px;display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--tx-2)}
.lb-quote footer b{color:var(--navy);font-weight:600}
.v11-s--navy .lb-quote blockquote,.v11-s--navy .lb-quote footer b{color:#fff}
.v11-s--navy .lb-quote > i{color:var(--mint)}

/* ---------- vergelijking --------------------------------------------------- */
.lb-vergelijk{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.lb-vergelijk th,.lb-vergelijk td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--lijn)}
.lb-vergelijk thead th{font-size:14px;font-weight:600;color:var(--tx-2);border-bottom:0}
.lb-vergelijk thead th.lb-wij{background:var(--navy);color:#fff;border-radius:18px 18px 0 0}
.lb-vergelijk td.lb-wij{background:var(--mint-vlak);font-weight:500;color:var(--navy)}
.lb-vergelijk tbody tr:last-child td.lb-wij{border-radius:0 0 18px 18px}
.lb-vergelijk tbody th{font-weight:500;color:var(--navy)}
.lb-vergelijk td{color:var(--tx)}
.lb-vergelijk .fa-check{color:var(--teal);margin-right:8px}
.lb-vergelijk .fa-xmark{color:var(--koraal);margin-right:8px}

/* ---------- prijzen: staffel + rekenhulp ----------------------------------- */
.lb-prijs{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.lb-staffel{background:#fff;border-radius:26px;padding:12px 12px 20px;box-shadow:var(--sch)}
.lb-staffel table{width:100%;border-collapse:collapse;font-size:15.5px}
.lb-staffel th{text-align:left;font-size:13px;font-weight:500;color:var(--tx-2);padding:14px 18px}
.lb-staffel td{padding:14px 18px;border-top:1px solid var(--lijn);color:var(--navy)}
.lb-staffel td:last-child,.lb-staffel th:last-child{text-align:right}
.lb-staffel td b{font-weight:600}
.lb-staffel tr.is-actief td{background:var(--mint-vlak);border-top-color:transparent}
.lb-staffel tr.is-actief td:first-child{border-radius:12px 0 0 12px}
.lb-staffel tr.is-actief td:last-child{border-radius:0 12px 12px 0}
.lb-staffel p{margin:14px 18px 0;font-size:13px;color:var(--tx-2)}
.lb-reken{background:var(--navy);color:#fff;border-radius:26px;padding:36px;display:flex;flex-direction:column}
.lb-reken label{font-size:14px;font-weight:500;color:rgba(255,255,255,.75)}
.lb-reken__invoer{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:15px;color:rgba(255,255,255,.7)}
.lb-reken__invoer input[type=number]{width:150px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:600 22px "Outfit",sans-serif;padding:0 16px}
.lb-reken__invoer input[type=number]:focus{outline:none;border-color:var(--mint)}
.lb-reken input[type=range]{width:100%;margin-top:20px;accent-color:var(--mint)}
.lb-reken__uit{margin-top:auto;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lb-reken__uit div{border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.lb-reken__uit small{display:block;font-size:13px;color:rgba(255,255,255,.55)}
.lb-reken__uit b{display:block;margin-top:6px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--mint)}
.lb-reken__noot{margin:18px 0 22px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.55)}
.lb-inbegrepen{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font-size:14.5px;color:var(--navy)}
.lb-inbegrepen i{margin-right:8px}
.lb-inbegrepen .fa-check{color:var(--teal)}
.lb-inbegrepen .fa-minus{color:var(--tx-2)}

/* ---------- specificatietabel ---------------------------------------------- */
.lb-tabel{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--sch);font-size:15px}
.lb-tabel th{background:var(--navy);color:#fff;font-weight:500;font-size:14px;text-align:left;padding:16px 22px}
.lb-tabel td{padding:16px 22px;border-top:1px solid var(--lijn);color:var(--tx)}
.lb-tabel td:first-child{font-weight:500;color:var(--navy)}
.lb-tabel tbody tr:hover td{background:var(--pagina)}

/* ---------- integraties ---------------------------------------------------- */
.lb-integraties{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.lb-int{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 12px;border-radius:20px;background:#fff;border:1px solid var(--lijn);text-align:center;transition:transform .2s,box-shadow .2s}
.lb-int:hover{transform:translateY(-3px);box-shadow:var(--sch-hi)}
.lb-int i{font-size:30px;color:var(--navy)}
.lb-int b{font-size:15px;font-weight:600;color:var(--navy)}
.lb-int small{font-size:12.5px;color:var(--tx-2)}

/* ---------- kennis / blog -------------------------------------------------- */
.lb-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lb-post{display:flex;flex-direction:column}
.lb-post__beeld{aspect-ratio:16/10;border-radius:20px;overflow:hidden}
.lb-post__beeld img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.lb-post:hover img{transform:scale(1.05)}
.lb-post small{margin-top:18px;font-size:13px;font-weight:500;color:var(--mint-tekst)}
.lb-post h3{margin:6px 0 8px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--navy)}
.lb-post p{margin:0;font-size:14.5px;line-height:1.55;color:var(--tx)}

/* ---------- CTA-balk ------------------------------------------------------- */
.lb-ctabalk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;border-radius:26px;background:var(--mint)}
.lb-ctabalk h3{margin:0;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:600;letter-spacing:-.02em;color:var(--navy)}
.lb-ctabalk p{margin:6px 0 0;font-size:15px;color:rgba(8,18,69,.75)}
.lb-ctabalk .v11-btn--primair{background:var(--navy);color:#fff}
.lb-ctabalk--navy{background:var(--navy)}
.lb-ctabalk--navy h3{color:#fff}
.lb-ctabalk--navy p{color:rgba(255,255,255,.7)}
.lb-ctabalk--navy .v11-btn--primair{background:var(--mint);color:var(--navy)}

/* ---------- melding -------------------------------------------------------- */
.lb-melding{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:16px;background:var(--blauw);font-size:15px;line-height:1.5;color:var(--navy)}
.lb-melding > i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff}
.lb-melding b{font-weight:600}
.lb-melding--ok{background:var(--mint-vlak)}
.lb-melding--let{background:#FFF1DB}

/* ---------- stappen (genummerd, compact) ----------------------------------- */
.lb-stappen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:stap}
.lb-stappen li{counter-increment:stap;padding:30px;border-radius:22px;background:#fff;box-shadow:var(--sch)}
.lb-stappen li::before{content:counter(stap);display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--mint);font-weight:600;color:var(--navy);margin-bottom:22px}
.lb-stappen b{display:block;font-size:18px;font-weight:600;color:var(--navy)}
.lb-stappen span{display:block;margin-top:6px;font-size:15px;line-height:1.55;color:var(--tx)}

/* ---------- responsive bibliotheek ----------------------------------------- */
@media (max-width:1100px){
  .lb-integraties{grid-template-columns:repeat(3,1fr)}
  .lb-cijfers{grid-template-columns:1fr 1fr;row-gap:32px}
  .lb-cijfers > div:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:860px){
  .lb-contact,.lb-proef,.lb-paginahero,.lb-split,.lb-prijs{grid-template-columns:1fr;gap:40px}
  .lb-split--omgekeerd .lb-split__beeld{order:0}
  .lb-proef{gap:0}
  .lb-proef__foto{min-height:280px}
  .lb-proef__form{padding:32px 26px}
  .lb-split__beeld,.lb-paginahero__beeld{height:340px}
  .lb-blog,.lb-stappen{grid-template-columns:1fr}
  .lb-vergelijk{font-size:14px}
  .lb-vergelijk th,.lb-vergelijk td{padding:14px 12px}
}
@media (max-width:560px){
  .lb-form{grid-template-columns:1fr}
  .lb-contact__kaart{padding:28px 22px}
  .lb-integraties{grid-template-columns:1fr 1fr}
  .lb-cijfers{grid-template-columns:1fr}
  .lb-cijfers > div{padding:0;border-left:0}
  .lb-ctabalk{padding:28px 24px}
  .lb-reken{padding:28px 22px}
  .lb-reken__uit{grid-template-columns:1fr}
}


/* ==== LAAG 6 · bibliotheek ronde 2 (bibliotheek-2.css) ==== */

/* ---------- aanpassingen styleguide-ronde 2 -------------------------------- */

/* proefkaart: de kaart helemaal in beeld, licht gedraaid op papier */
.lb-proef__foto{background:var(--papier)}
.lb-proef__foto img{inset:36px 40px 70px;width:calc(100% - 80px);height:calc(100% - 106px);object-fit:contain;transform:rotate(-3deg)}

/* meetbaar: iconen in de keten felgroen (de spanregel van .v3-schakel won eerst) */
.v3-schakel .v3-ico--navy{color:var(--mint)}

/* sectie als inzet: navy (of ander vlak) in een afgeronde container, zoals het slotblok */
.v11-s--inzet{width:min(100% - 28px,1360px);margin:14px auto;border-radius:var(--r-p)}

/* grote quote in handschrift */
.lb-quote--hand blockquote{font-family:"Caveat",cursive;font-weight:500;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.15;letter-spacing:0}

/* rekenhulp met opties */
.lb-reken__opties{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.lb-reken__opties > div > span{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.6);margin-bottom:8px}
.lb-reken .lb-keuze span{height:38px;padding:0 14px;font-size:13.5px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.lb-reken .lb-keuze input:checked + span{background:var(--mint);border-color:var(--mint);color:var(--navy)}
.lb-reken .lb-keuze input:disabled + span{opacity:.35;cursor:not-allowed}
.lb-reken__uit{padding-top:26px}
.lb-staffel caption{caption-side:top;text-align:left;padding:14px 18px 0;font-size:14px;font-weight:600;color:var(--navy)}

/* offerte: jaarvolume */
.lb-jaar{grid-column:1 / -1;display:none;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--mint-vlak);font-size:15px;color:var(--navy)}
.lb-jaar.is-zichtbaar{display:flex}
.lb-jaar b{font-size:22px;font-weight:600;letter-spacing:-.02em}
.lb-jaar i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--teal);flex:none}

/* ---------- componenten voor momentpagina's -------------------------------- */

/* sectie die achter de zwevende navigatie begint (eerste sectie van een subpagina) */
.v11-s--top{margin-top:-94px;padding-top:180px}

/* bewijsregel onder een paginahero */
.lb-bewijsregel{list-style:none;margin:64px 0 0;padding:26px 0 0;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;gap:12px 36px;font-size:14.5px;font-weight:500;color:var(--navy)}
.lb-bewijsregel i{color:var(--teal);margin-right:8px}

/* herkenning: nu tegenover straks */
.lb-herken{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.lb-herken__kaart{background:#fff;border-radius:26px;padding:34px;box-shadow:var(--sch)}
.lb-herken__kaart ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lb-herken__kaart li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--lijn);font-size:15.5px;line-height:1.5;color:var(--tx)}
.lb-herken__kaart li:first-child{border-top:0;padding-top:0}
.lb-herken__kaart li i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#FDECEA;color:var(--koraal);font-size:13px}
.lb-herken__kaart li.ja{color:var(--navy);font-weight:500}
.lb-herken__kaart li.ja i{background:var(--mint);color:var(--navy)}
.lb-herken__kaart small{display:block;font-size:12.5px;font-weight:600;color:var(--tx-2);margin-bottom:14px}

/* wat je verstuurt: voorbeelden van dit moment */
.lb-voorbeelden{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lb-voorbeelden--2{grid-template-columns:repeat(2,1fr)}
.lb-vb{display:flex;flex-direction:column}
.lb-vb .v12-tafel{height:320px}
.lb-vb__lbl{margin-top:18px;font-size:13px;font-weight:600;color:var(--mint-tekst)}
.lb-vb h3{margin:6px 0 6px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--navy)}
.lb-vb p{margin:0;font-size:15px;line-height:1.55;color:var(--tx)}
.lb-leeg{display:grid;place-items:center;height:320px;border-radius:22px;border:2px dashed #CBD5DA;background:repeating-linear-gradient(135deg,#F7F9FA 0 12px,#fff 12px 24px);text-align:center;font-size:14px;color:var(--tx-2);padding:20px}
.lb-leeg i{display:block;font-size:26px;margin-bottom:10px;color:#A9B6BD}

/* flow met een variabel aantal stappen */
.v11-flow--auto{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}

/* wat je schrijft: voorbeeldteksten als kaartjes */
.lb-teksten{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lb-tekst{position:relative;padding:30px 30px 26px;border-radius:6px;background:#FFFEFB;box-shadow:0 1px 1px rgba(0,0,0,.05),0 18px 30px -16px rgba(70,45,20,.35)}
.lb-tekst:nth-child(odd){transform:rotate(-.8deg)}
.lb-tekst:nth-child(even){transform:rotate(.7deg)}
.lb-tekst small{display:block;font-size:12.5px;font-weight:600;color:var(--mint-tekst);margin-bottom:12px}
.lb-tekst p{margin:0;font-family:"Caveat",cursive;font-size:24px;line-height:1.3;color:#1B2A6B}
.lb-tekst mark{background:none;color:#1B2A6B;border-bottom:2px solid rgba(0,230,191,.7)}
.lb-meedenken{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:20px 24px;border-radius:18px;background:#fff}
.lb-meedenken b{font-weight:600;color:var(--navy)}
.lb-meedenken span{flex:1;min-width:220px;font-size:15px;color:var(--tx)}

/* relevante functies: compacte rij */
.lb-functies{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.lb-functie{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--lijn)}
.lb-functie .v3-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:16px;margin:0 0 16px}
.lb-functie b{display:block;font-size:16px;font-weight:600;color:var(--navy)}
.lb-functie > span:not(.v3-ico){display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--tx)}

/* kosten en meten */
.lb-kosten{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}
.lb-kosten__prod{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lb-kosten__prod .v12-tafel{height:230px}
.lb-kosten__prod h3{margin:14px 0 2px;font-size:17px;font-weight:600;color:var(--navy)}
.lb-kosten__prod p{margin:0;font-size:14px;color:var(--tx)}
.lb-kosten__kaart{border-radius:26px;background:var(--navy);color:#fff;padding:32px;display:flex;flex-direction:column;gap:18px}
.lb-kosten__kaart small{font-size:13px;color:rgba(255,255,255,.6)}
.lb-kosten__kaart b.prijs{display:block;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--mint)}
.lb-kosten__kaart ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:rgba(255,255,255,.75)}
.lb-kosten__kaart ul i{width:18px;color:var(--mint);margin-right:6px}
.lb-kosten__meet{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.5;color:rgba(255,255,255,.75)}
.lb-kosten__meet b{color:#fff;font-weight:600}

/* bewijs: voorbeeldcampagne, expliciet gelabeld */
.lb-bewijs{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.lb-vbcamp{background:#fff;border-radius:26px;padding:34px;box-shadow:var(--sch)}
.lb-vbcamp__lbl{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:#FFF1DB;color:#8A5300;padding:5px 12px;border-radius:999px}
.lb-vbcamp h3{margin:16px 0 20px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--navy)}
.lb-recept{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;border-top:1px solid var(--lijn)}
.lb-recept div{padding:14px 18px 14px 0;border-bottom:1px solid var(--lijn)}
.lb-recept dt{font-size:12.5px;font-weight:600;color:var(--tx-2)}
.lb-recept dd{margin:4px 0 0;font-size:15px;line-height:1.45;color:var(--navy)}
.lb-bewijs .v3-q{justify-content:space-between}

/* starten: slotblok met één actie */
.v3-start .lb-drempels{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:15px;color:rgba(255,255,255,.8)}
.v3-start .lb-drempels i{color:var(--mint);margin-right:8px}
.v3-start .v11-acties{justify-content:center}

/* momentenoverzicht */
.lb-overzicht{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

@media (max-width:1100px){
  .lb-voorbeelden,.lb-functies{grid-template-columns:repeat(2,1fr)}
  .v11-flow--auto{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
  .lb-overzicht{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .lb-herken,.lb-kosten,.lb-bewijs{grid-template-columns:1fr;gap:32px}
  .lb-teksten{grid-template-columns:1fr}
  .v11-s--top{margin-top:-82px;padding-top:130px}
}
@media (max-width:560px){
  .lb-voorbeelden,.lb-voorbeelden--2,.lb-functies,.lb-kosten__prod,.lb-overzicht{grid-template-columns:1fr}
  .v11-flow--auto{grid-template-columns:1fr 1fr}
  .lb-recept{grid-template-columns:1fr}
  .lb-proef__foto img{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
  .v11-s--inzet{border-radius:26px}
}


/* ---- landing.css ---- */

/* ---------- persoonlijke landingspagina: extra blok voor outbound ---------- */
.lb-landing{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.lb-landing .lb-vinkjes li{color:#fff}
.lb-landing .lb-vinkjes i{color:var(--mint)}
.lb-mock{position:relative}
.lb-mock__venster{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.lb-mock__balk{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#EEF1F6}
.lb-mock__balk i{width:9px;height:9px;border-radius:50%;background:#D0D5DD}
.lb-mock__balk span{margin-left:12px;font-size:12px;color:#98A2B3;background:#fff;border-radius:6px;padding:2px 10px}
.lb-mock__inhoud{padding:26px 28px 28px;color:var(--ink)}
.lb-mock__kop{font-size:13px;font-weight:600;color:var(--mint-tekst)}
.lb-mock__titel{margin:6px 0 16px;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--navy)}
.lb-mock__video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--navy)}
.lb-mock__video img{width:100%;height:100%;object-fit:cover;opacity:.55}
.lb-mock__video b{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-size:20px}
.lb-mock__video small{position:absolute;left:14px;bottom:12px;font-size:12.5px;font-weight:500;color:#fff;background:rgba(8,18,69,.6);padding:3px 10px;border-radius:999px}
.lb-mock__rij{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
.lb-mock__rij span{font-size:14px;color:var(--tx)}
.lb-mock__knop{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:var(--mint);color:var(--navy);font-size:14px;font-weight:500}
.lb-mock__melding{position:absolute;left:-28px;bottom:-26px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:var(--sch-hi);font-size:13.5px;line-height:1.3;color:var(--navy)}
.lb-mock__melding b{display:block;font-weight:600}
.lb-mock__melding small{color:var(--tx-2);font-size:12px}
@media (max-width:860px){
  .lb-landing{grid-template-columns:1fr;gap:48px}
  .lb-mock__melding{left:12px;bottom:-22px}
}


/* ---- ontzorgd.css ---- */

/* ---------- volledig ontzorgde leadgeneratie ------------------------------ */
.lb-stappen-kort{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:s}
.lb-stappen-kort li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.45;color:rgba(255,255,255,.72)}
.lb-stappen-kort li:first-child{border-top:0}
.lb-stappen-kort li::before{content:counter(s);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(0,230,191,.14);color:var(--mint);font-size:12.5px;font-weight:600}
.lb-stappen-kort b{color:#fff;font-weight:600}
.lb-voorbeeldregel{margin:26px 0 0;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)}
.lb-voorbeeldregel b{color:var(--mint);font-weight:600}

/* ---------- starten met twee routes -------------------------------------- */
.lb-twee{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:44px;text-align:left}
.lb-route{border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.lb-route--hoofd{background:#fff;border-color:#fff;color:var(--navy);--tx:#475467;--tx-2:#667085}
.lb-route__lbl{font-size:13px;font-weight:600;color:var(--mint)}
.lb-route--hoofd .lb-route__lbl{color:var(--mint-tekst)}
.lb-route h3{margin:0;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:#fff}
.lb-route--hoofd h3{color:var(--navy)}
.lb-route p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}
.lb-route--hoofd p{color:var(--tx)}
.lb-route__acties{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:auto;padding-top:10px}
.lb-persoon{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.lb-persoon b{display:block;font-size:15.5px;font-weight:600;color:var(--navy)}
.lb-persoon small{font-size:13px;color:var(--tx-2)}
.lb-avatar{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--mint-vlak);color:var(--mint-tekst);font-weight:600;font-size:18px}
.lb-avatar img{width:100%;height:100%;object-fit:cover}
.lb-route .v11-link{color:var(--mint-tekst)}
.lb-route:not(.lb-route--hoofd) .v11-link{color:var(--mint)}

/* ---------- afspraakvenster: plannen of terugbellen ----------------------- */
.lb-afspraak{width:min(100vw - 24px,720px);max-height:calc(100vh - 32px);padding:0;border:0;border-radius:28px;background:#F8FAFC;color:var(--ink);box-shadow:0 40px 100px -30px rgba(8,18,69,.6);overflow:auto}
.lb-afspraak::backdrop{background:rgba(8,18,69,.55);backdrop-filter:blur(3px)}
.lb-afspraak__in{padding:34px 34px 30px}
.lb-afspraak__kop{display:flex;align-items:center;gap:18px;padding-right:56px}
.lb-afspraak__kop .lb-avatar{width:72px;height:72px;font-size:22px}
.lb-afspraak__kop h2{margin:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--navy)}
.lb-afspraak__kop p{margin:4px 0 0;font-size:16px;color:var(--tx)}
.lb-afspraak__sluit{position:absolute;top:22px;right:22px;width:46px;height:46px;border-radius:50%;border:1px solid var(--lijn);background:#fff;color:var(--navy);font-size:16px;cursor:pointer}
.lb-afspraak__sluit:hover{border-color:var(--navy)}
.lb-afspraak__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:26px 0 22px;padding:5px;border-radius:999px;background:#EEF1F5}
.lb-afspraak__tabs button{height:46px;border:0;border-radius:999px;background:transparent;font:500 15px "Outfit",sans-serif;color:var(--tx);cursor:pointer}
.lb-afspraak__tabs button[aria-selected="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(8,18,69,.1)}
.lb-afspraak__paneel{background:#fff;border-radius:20px;padding:24px}
.lb-afspraak__agenda{min-height:420px;display:grid;place-items:center;text-align:center;border:2px dashed #CBD5DA;border-radius:16px;background:repeating-linear-gradient(135deg,#F7F9FA 0 12px,#fff 12px 24px);color:var(--tx-2);font-size:14.5px;padding:24px}
.lb-afspraak__agenda i{display:block;font-size:30px;margin-bottom:12px;color:#A9B6BD}
.lb-afspraak__agenda iframe{width:100%;height:620px;border:0;border-radius:12px;background:#fff}
.lb-afspraak__paneel .lb-form{gap:14px}
.lb-afspraak--inline{position:static;display:block;margin:0 auto;box-shadow:var(--sch-hi)}
@media (max-width:860px){
  .lb-twee{grid-template-columns:1fr}
}
@media (max-width:560px){
  .lb-afspraak__in{padding:24px 18px}
  .lb-afspraak__kop .lb-avatar{width:56px;height:56px}
  .lb-afspraak__kop h2{font-size:21px}
  .lb-afspraak__tabs button{font-size:13.5px;height:42px}
  .lb-afspraak__paneel{padding:16px}
}


/* ---- rekensom.css ---- */

/* ---------- rekensom: wat kost een review (of een ander resultaat) je? ----- */
.lb-rekensom{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lb-rekensom__invoer{margin-top:30px;padding:24px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.lb-rekensom__invoer label{display:block;font-size:14px;font-weight:500;color:rgba(255,255,255,.75)}
.lb-rekensom__invoer .lb-reken__invoer{margin-top:12px}
.lb-rekensom__invoer input[type=range]{width:100%;margin-top:18px;accent-color:var(--mint)}
.lb-rekensom__jaar{margin:14px 0 0;font-size:15px;color:rgba(255,255,255,.8)}
.lb-rekensom__jaar b{color:#fff;font-weight:600}
.lb-rekensom__uit{background:#fff;color:var(--navy);border-radius:26px;padding:32px;--tx:#475467;--tx-2:#667085}
.lb-rekensom__uit > small{font-size:13px;color:var(--tx-2)}
.lb-rekensom__prijs{display:block;margin-top:4px;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--navy)}
.lb-rekensom__prijs + small{display:block;margin-top:8px;font-size:13px;color:var(--tx-2)}
.lb-scenario{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--lijn)}
.lb-scenario li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--lijn)}
.lb-scenario span{font-size:14.5px;color:var(--tx)}
.lb-scenario b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--mint-tekst);text-align:right}
.lb-scenario small{grid-column:1 / -1;font-size:12.5px;color:var(--tx-2)}
.lb-rekensom__noot{margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--tx-2)}
@media (max-width:860px){
  .lb-rekensom{grid-template-columns:1fr;gap:40px}
}


/* ---- reviewpagina.css ---- */

/* ==== componenten van de reviewpagina (ook bruikbaar op andere momenten) ==== */

/* kenmerken onder een paginahero, zonder pilvorm (zelfde als homepage) */
.lb-kenmerken{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14.5px;font-weight:500;color:var(--navy)}
.lb-kenmerken i{color:var(--teal);margin-right:8px;font-size:13px}

/* herkenning met een volle inbox als beeld */
.lb-inbox{background:#fff;border-radius:22px;box-shadow:var(--sch-hi);overflow:hidden;transform:rotate(1.2deg)}
.lb-inbox__top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--lijn);background:#FAFBFC;font-size:14px;font-weight:600;color:var(--navy)}
.lb-inbox__top span{font-size:12px;font-weight:600;background:var(--koraal);color:#fff;border-radius:999px;padding:2px 9px}
.lb-inbox__rij{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--lijn);font-size:13.5px;color:var(--tx)}
.lb-inbox__rij:last-child{border-bottom:0}
.lb-inbox__rij > i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pagina);color:var(--tx-2);font-size:13px}
.lb-inbox__rij b{display:block;font-weight:600;color:var(--navy);font-size:14px}
.lb-inbox__rij small{font-size:12px;color:var(--tx-2);white-space:nowrap}
.lb-inbox__rij--weg{opacity:.45}
.lb-inbox__rij--weg b{text-decoration:line-through;text-decoration-color:var(--koraal)}
.lb-inbox__noot{margin:18px 0 0;text-align:center;font-size:13.5px;color:var(--tx-2)}

/* vijf waarden van fysieke post */
.lb-waarden{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:56px}
.lb-waarden > div{padding:24px 22px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.lb-waarden .v3-ico{width:44px;height:44px;border-radius:13px;font-size:17px;margin-bottom:18px;background:rgba(0,230,191,.14);color:var(--mint)}
.lb-waarden b{display:block;font-size:17px;font-weight:600;color:#fff}
.lb-waarden span:not(.v3-ico){display:block;margin-top:6px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.68)}
.lb-verschil{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.lb-verschil__foto{height:480px;border-radius:26px;overflow:hidden}
.lb-verschil__foto img{width:100%;height:100%;object-fit:cover}

/* uitgelichte case, geanonimiseerd; [invullen] zolang cijfers ontbreken */
.lb-case{display:grid;grid-template-columns:1.3fr .7fr;gap:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--sch-hi)}
.lb-case__tekst{padding:44px 48px}
.lb-case__lbl{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:var(--mint-vlak);color:var(--mint-tekst);padding:5px 12px;border-radius:999px}
.lb-case__zin{margin:22px 0 0;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.3;letter-spacing:-.02em;font-weight:500;color:var(--navy)}
.lb-case__zin b{font-weight:700;color:var(--teal)}
.lb-case__pillen{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lb-case__pillen span{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--pagina);font-size:13.5px;font-weight:500;color:var(--navy)}
.lb-case__foto{position:relative;min-height:320px}
.lb-case__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lb-invullen{border-bottom:2px dashed #E3A33B;color:#8A5300 !important;background:#FFF6E6;border-radius:4px;padding:0 4px}

/* grote voorbeelden, nauwelijks tekst */
.lb-voorbeelden--groot .v12-tafel{height:420px}
.lb-voorbeelden--groot .lb-vb h3{font-size:21px;margin-top:10px}
.lb-voorbeelden--4{grid-template-columns:repeat(4,1fr)}
.lb-voorbeelden--4 .v12-tafel{height:300px}

/* ontvangerservaring: de reis van brievenbus naar review */
.lb-reis{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:34px}
.lb-reis li{position:relative;padding:26px 22px;border-radius:22px;background:#fff;box-shadow:var(--sch)}
.lb-reis li:not(:last-child)::after{content:"\f054";font:900 13px "Font Awesome 6 Free";position:absolute;right:-24px;top:50%;transform:translateY(-50%);color:var(--teal)}
.lb-reis__nr{display:block;font-size:44px;line-height:1;font-weight:600;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--teal);margin-bottom:18px}
.lb-reis li:last-child{background:var(--mint)}
.lb-reis li:last-child .lb-reis__nr{color:var(--navy);-webkit-text-stroke:0}
.lb-reis b{display:block;font-size:17px;font-weight:600;color:var(--navy)}
.lb-reis span:not(.lb-reis__nr){display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--tx)}

/* kleine regel met techniek onder routes */
.lb-techregel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;color:var(--tx-2)}
.lb-techregel span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--lijn);background:#fff;color:var(--navy);font-weight:500}

/* prijsregel: klein, onder producten */
.lb-prijsregel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:36px 0 0;padding-top:22px;border-top:1px solid var(--lijn);font-size:15px;color:var(--tx)}
.lb-prijsregel b{color:var(--navy);font-weight:600}

/* waardecalculator: jouw aannames, geen verwachting */
.lb-waarde{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lb-waarde__invoer{display:flex;flex-direction:column;gap:18px;margin-top:30px}
.lb-waarde__veld{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.lb-waarde__veld label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;color:rgba(255,255,255,.78)}
.lb-waarde__veld output{font-weight:600;color:var(--mint)}
.lb-waarde__veld input[type=range]{width:100%;margin-top:12px;accent-color:var(--mint)}
.lb-waarde__uit{background:#fff;color:var(--navy);border-radius:26px;padding:32px;--tx:#475467;--tx-2:#667085}
.lb-waarde__som{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--lijn)}
.lb-waarde__som li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid var(--lijn);font-size:15px;color:var(--tx)}
.lb-waarde__som li:first-child{border-top:0}
.lb-waarde__som b{font-size:18px;font-weight:600;color:var(--navy)}
.lb-waarde__som li.is-totaal b{font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:-.03em;color:var(--mint-tekst)}
.lb-waarde__noot{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--tx-2)}

/* voorbeeldcampagne met veel regels */
.lb-recept--lang{grid-template-columns:repeat(3,1fr)}

@media (max-width:1100px){
  .lb-waarden{grid-template-columns:repeat(3,1fr)}
  .lb-reis{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
  .lb-reis li::after{display:none}
  .lb-voorbeelden--4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .lb-verschil,.lb-waarde,.lb-case{grid-template-columns:1fr;gap:40px}
  .lb-case{gap:0}
  .lb-case__tekst{padding:32px 26px}
  .lb-verschil__foto{height:320px}
  .lb-recept--lang{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .lb-waarden,.lb-reis,.lb-voorbeelden--4,.lb-recept--lang{grid-template-columns:1fr}
  .lb-voorbeelden--groot .v12-tafel{height:300px}
  .lb-inbox{transform:none}
  .lb-inbox__rij small{display:none}
}


/* ---- animatie.css ---- */


/* ==== animaties op de momentpagina's ============================================ */
/* in beeld schuiven bij scrollen: alleen als JS draait (html.lb-anim), anders altijd zichtbaar */
html.lb-anim .lb-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
html.lb-anim .lb-rv.is-in{opacity:1;transform:none}
/* penstreep tekent zichzelf */
html.lb-anim .v3-streep path{stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset 1.1s ease .35s}
html.lb-anim .is-in .v3-streep path,html.lb-anim .v3-streep.is-in path{stroke-dashoffset:0}
/* groene bollen bewegen langzaam */
.lb-bol{animation:lb-drift 14s ease-in-out infinite alternate}
.lb-bol--rechts{animation-duration:17s}
@keyframes lb-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,-40px) scale(1.12)}}
/* kaarten op tafel ademen licht, en draaien recht bij hover */
.lb-vb .v12-kaart,.lb-vb .lb-mockkaart{transition:transform .5s ease}
.lb-vb:hover .v12-kaart,.lb-vb:hover .lb-mockkaart{transform:rotate(0) scale(1.04)}
.lb-tekst{transition:transform .35s ease,box-shadow .35s ease}
.lb-tekst:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 1px rgba(0,0,0,.05),0 26px 40px -16px rgba(70,45,20,.4)}
/* de laatste stap in een baan pulseert zacht */
.lb-baan .v11-flow li:last-child .v11-flow__ico{animation:lb-puls 2.6s ease-in-out infinite}
@keyframes lb-puls{0%,100%{box-shadow:0 0 0 0 rgba(0,230,191,.45)}50%{box-shadow:0 0 0 12px rgba(0,230,191,0)}}
@media (prefers-reduced-motion:reduce){
  html.lb-anim .lb-rv{opacity:1;transform:none;transition:none}
  html.lb-anim .v3-streep path{stroke-dashoffset:0;transition:none}
  .lb-bol,.lb-baan .v11-flow li:last-child .v11-flow__ico{animation:none}
}


/* ==== LAAG 7 · aanvullingen (extra.css) ==== */

/* ==== LAAG 7 · AANVULLINGEN (sessie 28/29-09-2026), in volgorde van ontstaan ==== */

.lb-prijs{align-items:start}

/* de mock-up is wit, ook binnen een navy sectie */
.lb-mock__venster,.lb-mock__melding{--tx:#475467;--tx-2:#667085}

/* zodra de agenda geladen is, verdwijnt de placeholder */
.lb-afspraak__agenda:has(iframe){display:block;min-height:0;padding:0;border:0;background:none}

/* icoon in een momenttegel, zelfde vorm en kleur als in het megamenu */
.v11-mom__ico{position:absolute;top:18px;left:18px;z-index:2;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--mint-vlak);color:var(--mint-tekst);font-size:17px;box-shadow:0 6px 16px -6px rgba(8,18,69,.35);transition:background .2s,color .2s}
.v11-mom__k:hover .v11-mom__ico{background:var(--mint);color:var(--navy)}

/* promovak in het megamenu met een icoon in plaats van een beeld */
.v3-mega__ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-size:22px;margin-bottom:14px}
.v3-mega__promo:has(.v3-mega__ico){justify-content:flex-start;padding:24px}

/* promovak "gratis account": het tegoed groot, voordelen als vinkjes, een echte knop */
.v3-mega__promo--account{gap:0;padding:24px}
.v3-mega__kicker{font-size:13px;font-weight:600;color:var(--mint) !important}
.v3-mega__promo .v3-mega__bedrag{margin-top:0;font-size:56px !important;line-height:1;font-weight:600;letter-spacing:-.04em;color:#fff !important}
.v3-mega__onder{font-size:17px !important;font-weight:500;color:#fff !important;margin-top:4px}
.v3-mega__checks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;color:rgba(255,255,255,.85)}
.v3-mega__checks i{color:var(--mint);margin-right:8px;font-size:12px}
.v3-mega__knop{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px;border-radius:999px;background:var(--mint);color:var(--navy) !important;font-size:15px !important;font-weight:500;transition:transform .2s,box-shadow .2s}
.v3-mega__promo--account:hover .v3-mega__knop{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(0,230,191,.7)}
.v3-mega__checks li{display:grid;grid-template-columns:20px 1fr;align-items:baseline;line-height:1.4}
.v3-mega__checks li i{margin-right:0}
.v3-mega__promo .v3-mega__kop{font-size:24px !important;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff !important}

/* ---------- hero-beeld: losse kaart zonder kader, of kaart op een plattegrond ---------- */
.lb-paginahero__beeld--kaart{background:none;box-shadow:none;border-radius:0;overflow:visible;display:grid;place-items:center}
.lb-paginahero__beeld--kaart > img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(8,18,69,.22)) drop-shadow(0 4px 8px rgba(8,18,69,.08))}
.lb-plattegrond{position:relative;height:500px}
.lb-plattegrond__kaart{position:absolute;inset:0 0 40px 40px;border-radius:28px;overflow:hidden;box-shadow:var(--sch)}
.lb-plattegrond__kaart svg{display:block;width:100%;height:100%}
.lb-plattegrond > img{position:absolute;left:0;bottom:0;width:66%;height:auto;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 26px 32px rgba(8,18,69,.3)) drop-shadow(0 4px 8px rgba(8,18,69,.1))}
.lb-plattegrond__lbl{position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--navy);box-shadow:var(--sch)}
.lb-plattegrond__lbl i{color:var(--teal)}
@media (max-width:860px){
  .lb-plattegrond{height:380px}
  .lb-plattegrond__kaart{inset:0 0 30px 20px}
}

/* ---------- vergelijking: geprinte flyer tegenover geschreven kaart ---------- */
.lb-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.lb-vs__kol{border-radius:22px;padding:28px 30px}
.lb-vs__kol h3{margin:0 0 18px;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}
.lb-vs__kol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lb-vs__kol li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:baseline;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.45}
.lb-vs__kol li:first-child{border-top:0}
.lb-vs__kol--flyer{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6)}
.lb-vs__kol--flyer h3{color:rgba(255,255,255,.75)}
.lb-vs__kol--flyer li i{color:var(--koraal)}
.lb-vs__kol--kaart{background:#fff;color:var(--navy)}
.lb-vs__kol--kaart li{border-top-color:var(--lijn)}
.lb-vs__kol--kaart li i{color:var(--teal)}
.lb-vs__kol h3 .v3-ico{width:38px;height:38px;border-radius:11px}
.lb-vs__kol--flyer h3 .v3-ico{background:rgba(235,126,111,.18);color:var(--koraal)}

/* ---------- tijdlijn: van ingeplande klus tot jij in de straat ---------- */
.lb-tijdlijn{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:14px;position:relative}
.lb-tijdlijn::before{content:"";position:absolute;left:20px;right:20px;top:15px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lijn),var(--teal) 70%,var(--mint))}
.lb-tijdlijn li{position:relative;padding-top:46px}
.lb-tijdlijn li::before{content:"";position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.lb-tijdlijn li.is-mint::before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 6px var(--mint-vlak)}
.lb-tijdlijn li.is-navy::before{background:var(--navy);border-color:var(--navy)}
.lb-tijdlijn small{display:inline-block;font-size:12.5px;font-weight:600;color:var(--mint-tekst);background:var(--mint-vlak);border-radius:999px;padding:3px 10px}
.lb-tijdlijn b{display:block;margin-top:10px;font-size:17px;font-weight:600;color:var(--navy)}
.lb-tijdlijn span{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--tx)}
.lb-voordelen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.lb-voordeel{padding:26px;border-radius:22px;background:var(--navy);color:#fff}
.lb-voordeel .v3-ico{width:46px;height:46px;border-radius:14px;font-size:18px;background:var(--mint);color:var(--navy);margin-bottom:18px}
.lb-voordeel b{display:block;font-size:18px;font-weight:600}
.lb-voordeel span:not(.v3-ico){display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.72)}
@media (max-width:960px){
  .lb-tijdlijn{grid-auto-flow:row;grid-template-columns:1fr}
  .lb-tijdlijn::before{left:10px;right:auto;top:10px;bottom:10px;width:3px;height:auto;background:linear-gradient(180deg,var(--lijn),var(--teal) 70%,var(--mint))}
  .lb-tijdlijn li{padding:0 0 0 40px}
  .lb-tijdlijn li::before{top:2px}
  .lb-vs,.lb-voordelen{grid-template-columns:1fr}
}

/* ---------- nagebouwde kaart en envelop (.lb-mockkaart), past altijd in een .v12-tafel ---------- */
.lb-mockkaart{position:relative;width:74%;aspect-ratio:148/105;background:#FFFEFB;border-radius:4px;transform:rotate(-4deg);
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 22px 32px -12px rgba(70,45,20,.45);display:grid;grid-template-columns:1.25fr 1fr;padding:7% 6% 6%;gap:6%;
  font-family:"Caveat",cursive;color:#1B2A6B;font-size:clamp(12px,1.25vw,17px);line-height:1.2}
.v12-slide:nth-child(even) .lb-mockkaart,.lb-vb:nth-child(even) .lb-mockkaart{transform:rotate(3deg)}
.lb-mockkaart__tekst{border-right:1.5px solid rgba(27,42,107,.35);padding-right:8%}
.lb-mockkaart__tekst p{margin:0 0 .5em}
.lb-mockkaart__adres{display:flex;flex-direction:column;justify-content:flex-start;padding-top:22%}
.lb-mockkaart__adres span{display:block;border-bottom:1px solid rgba(27,42,107,.18);padding:2px 0}
.lb-mockkaart__qr{position:absolute;right:7%;bottom:9%;width:16%;height:auto;display:block}
.lb-mockkaart__zegel{position:absolute;right:6%;top:7%;width:12%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(16,24,40,.55)}
.lb-mockkaart__pill{position:absolute;left:6%;bottom:8%;font-family:"Outfit",sans-serif;font-size:10px;font-weight:600;background:var(--mint-vlak);color:var(--mint-tekst);border-radius:999px;padding:2px 8px}
.lb-mockkaart--envelop{grid-template-columns:1fr;place-items:center;background:#FBF7EF;aspect-ratio:162/114;padding:10%}
.lb-mockkaart--envelop::before{content:"";position:absolute;inset:0;border-radius:4px;background:
  linear-gradient(to bottom right,transparent 49.6%,rgba(120,90,50,.14) 50%,transparent 50.4%) top left/50% 55% no-repeat,
  linear-gradient(to bottom left,transparent 49.6%,rgba(120,90,50,.14) 50%,transparent 50.4%) top right/50% 55% no-repeat}
.lb-mockkaart--envelop .lb-mockkaart__adres{position:relative;padding:14% 0 0 22%;font-size:1.15em;width:100%}
.lb-mockkaart--envelop .lb-mockkaart__adres span{border:0}

/* ==== momentpagina's in de stijl van de homepage ==================================== */
/* zones zoals Moneybird: de pagina is wit, ieder gekleurd blok ligt er als afgerond vlak op. */
body:has(main.v11--zones){background:#fff}
.v11--zones{background:#fff}
.v11--zones > section{position:relative}
.v11--zones > section.v11-s--papier,
.v11--zones > section.v11-s--licht,
.v11--zones > section.v11-s--navy:not(.v11-s--inzet){border-radius:var(--r-p);width:min(100% - 28px,1360px);margin:14px auto}
@media (max-width:640px){
  .v11--zones > section.v11-s--papier,.v11--zones > section.v11-s--licht,.v11--zones > section.v11-s--navy:not(.v11-s--inzet){border-radius:26px;width:calc(100% - 16px);margin:8px auto}
}
/* zwevende kaartjes op het hero-beeld */
.lb-heldwrap{position:relative}
.lb-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--sch-hi);font-size:13.5px;line-height:1.3;color:var(--navy);animation:v3zweef 6s ease-in-out infinite}
.lb-pin b{display:block;font-weight:600}
.lb-pin small{display:block;color:var(--tx-2);font-size:12px}
.lb-pin--1{left:-30px;bottom:40px}
.lb-pin--2{right:-22px;top:36px;animation-delay:-3s}
.lb-verschil__foto{position:relative}
@media (max-width:860px){.lb-pin--1{left:10px;bottom:14px}.lb-pin--2{right:10px;top:14px}}
@media (prefers-reduced-motion:reduce){.lb-pin{animation:none}}

/* koppen boven een raster gecentreerd; splits (tekst naast beeld) blijven links */
.v11--zones .v11-kop{flex-direction:column;align-items:center;text-align:center;gap:14px}
.v11--zones .v11-kop > div{display:flex;flex-direction:column;align-items:center}
.v11--zones .v11-kop .v11-h2,.v11--zones .v11-kop .v11-intro{margin-inline:auto}

/* voorbeeldteksten: het briefje is beige papier, de sectie zelf wit */
.lb-tekst{background:var(--papier)}
.lb-meedenken{background:var(--pagina)}

/* twee witte secties na elkaar: geen dubbele witruimte */
.v11--zones > section.v11-s.lb-kaal + section.v11-s.lb-kaal{padding-top:24px}

/* ==== reviewpagina v2: sfeerelementen ======================================== */
.lb-bol{position:absolute;z-index:0;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(0,230,191,.16),rgba(0,230,191,0) 68%);pointer-events:none}
.lb-bol--links{left:-220px;top:18%}
.lb-bol--rechts{right:-220px;top:6%}
section:has(> .lb-bol){overflow:hidden}
section:has(> .lb-bol) > .v11-rail{position:relative;z-index:1}
.lb-tag{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--navy);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;box-shadow:var(--sch)}
.lb-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.lb-stem{margin:48px auto 0;max-width:640px;background:#fff;border-radius:22px;padding:26px 30px;box-shadow:var(--sch-hi);transform:rotate(-1deg);text-align:center}
.lb-stem__sterren{color:#F5B301;letter-spacing:3px;font-size:16px}
.lb-stem blockquote{margin:10px 0 0;font-size:19px;line-height:1.45;color:var(--navy)}
.lb-stem figcaption{margin-top:14px;display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--tx-2)}
.lb-stem .v3-avatar{width:30px;height:30px;font-size:12px}
.lb-banen{display:flex;flex-direction:column;gap:18px}
.lb-baan{background:#fff;border-radius:24px;padding:26px 28px 30px;box-shadow:var(--sch)}
.lb-baan__wie{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;background:var(--mint-vlak);color:var(--mint-tekst);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.lb-baan__wie--navy{background:var(--navy);color:var(--mint)}
.lb-banen__noot{margin:22px 0 0;text-align:center;font-size:14.5px;color:var(--tx)}
.lb-banen__noot i{color:var(--teal);margin-right:6px}
.lb-teksten--pin{position:relative}
.lb-pin--tekst{left:auto;right:-18px;top:-26px;bottom:auto}
.lb-techregel--plus{margin-top:10px}
.lb-techregel--plus span{background:var(--mint-vlak);border-color:transparent;color:var(--mint-tekst)}
.lb-techregel--plus span i{margin-right:6px;font-size:11px}
@media (max-width:860px){
  .lb-bol{width:320px;height:320px}
  .lb-pin--tekst{right:8px;top:-30px}
  .lb-stem{transform:none}
}

/* ---------- tijdlijn van levering tot review, met de overdracht Lightr -> klant ---------- */
.lb-reis2{background:#fff;border-radius:28px;padding:30px 32px 38px;box-shadow:var(--sch-hi);border:1px solid var(--lijn)}
.lb-reis2__instel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-bottom:26px;margin-bottom:30px;border-bottom:1px dashed var(--lijn)}
.lb-reis2__instel b{display:inline-flex;align-items:center;gap:8px;margin-right:6px;font-size:14px;font-weight:600;color:var(--navy)}
.lb-reis2__instel b i{color:var(--teal)}
.lb-reis2__instel span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--pagina);font-size:13.5px;font-weight:500;color:var(--navy)}
.lb-reis2__instel span i{color:var(--teal);font-size:12px}
.lb-reis2__haken{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.lb-reis2__haak{position:relative;display:block;text-align:center;font-size:13px;font-weight:600;padding-bottom:14px}
.lb-reis2__haak::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:10px;border:2px solid;border-bottom:0;border-radius:10px 10px 0 0}
.lb-reis2__haak--lightr{color:var(--navy)}
.lb-reis2__haak--klant{color:var(--mint-tekst)}
.lb-reis2__lijn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.lb-reis2__lijn::before{content:"";position:absolute;left:8%;right:8%;top:30px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 45%,var(--mint) 55%,var(--mint) 100%)}
.lb-reis2__stap{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.lb-reis2__ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:22px;margin-bottom:12px;position:relative;z-index:1}
.lb-reis2__stap--lightr .lb-reis2__ico{background:var(--navy);color:var(--mint)}
.lb-reis2__stap--klant .lb-reis2__ico{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--mint),var(--sch)}
.lb-reis2__stap:last-child .lb-reis2__ico{background:var(--mint);color:var(--navy);box-shadow:none;animation:lb-puls 2.6s ease-in-out infinite}
.lb-reis2__stap small{font-size:12px;font-weight:600;color:var(--mint-tekst);background:var(--mint-vlak);border-radius:999px;padding:2px 9px}
.lb-reis2__stap--lightr small{color:var(--navy);background:var(--pagina)}
.lb-reis2__stap b{margin-top:6px;font-size:15.5px;font-weight:600;color:var(--navy)}
.lb-reis2__stap span:not(.lb-reis2__ico){font-size:13.5px;line-height:1.45;color:var(--tx);max-width:17ch}
@media (max-width:960px){
  .lb-reis2{padding:24px 20px 28px}
  .lb-reis2__haken{display:none}
  .lb-reis2__lijn{grid-template-columns:1fr;gap:0}
  .lb-reis2__lijn::before{left:31px;right:auto;top:10px;bottom:10px;width:4px;height:auto;background:linear-gradient(180deg,var(--navy) 45%,var(--mint) 55%)}
  .lb-reis2__stap{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:4px 14px;padding:10px 0}
  .lb-reis2__ico{margin:0}
  .lb-reis2__stap b{margin:0}
  .lb-reis2__stap span:not(.lb-reis2__ico){flex-basis:100%;padding-left:78px;max-width:none}
  .lb-reis2__stap small{order:3}
}
@media (prefers-reduced-motion:reduce){.lb-reis2__stap:last-child .lb-reis2__ico{animation:none}}

/* link bij een gecentreerde kop: rechts, op de hoogte van het label */
.v11--zones .v11-kop{position:relative}
.v11--zones .v11-kop > .v11-link{position:absolute;right:0;top:2px}
@media (max-width:860px){.v11--zones .v11-kop > .v11-link{position:static}}

/* gecentreerde koppen: evenwichtige regels, geen los woord */
.v11--zones .v11-kop .v11-h2{max-width:30ch;text-wrap:balance}

.lb-techregel__link{margin-left:auto}

/* footer als afsluiter: navy, met omgekeerde ronding */
.v3-footer{background:var(--navy);color:#fff}
.v3-footer .v3-logo{color:#fff}
.v3-footer h4{color:#fff}
.v3-footer li a{color:rgba(255,255,255,.66)}
.v3-footer li a:hover{color:var(--mint)}
.v3-footer__merk p{color:rgba(255,255,255,.66)}
.v3-footer__contact{color:#fff}
.v3-footer__contact i{color:var(--mint)}
.v3-footer__bar{border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.v3-footer__bar a{color:rgba(255,255,255,.66)}
.v3-footer__bar a:hover{color:var(--mint)}
.v3-footer{border-radius:0 !important;position:relative;margin-top:34px !important}
.v3-footer::after{content:"";position:absolute;left:0;right:0;top:-34px;height:34px;background:var(--navy);z-index:0}
.v3-footer::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px;background:#fff;border-radius:0 0 var(--r-p) var(--r-p);z-index:1}

/* lichtblauw vlak (niet meer gebruikt op momentpagina's) */
.v11-s--blauw{background:var(--blauw)}
.v11--zones > section.v11-s--blauw{border-radius:var(--r-p);width:min(100% - 28px,1360px);margin:14px auto}

/* verschilblok op papier: witte tegels liggen op het beige vlak */
.v11-s--papier .lb-waarden > div{background:#fff;border-color:transparent;box-shadow:var(--sch)}
.v11-s--papier .lb-waarden b{color:var(--navy)}
.v11-s--papier .lb-waarden span:not(.v3-ico){color:var(--tx)}
.v11-s--papier .lb-waarden .v3-ico{background:var(--navy);color:var(--mint)}
.v11-s--papier .lb-vs__kol--flyer{background:rgba(255,255,255,.5);border-color:rgba(8,18,69,.08);color:var(--tx)}
.v11-s--papier .lb-vs__kol--flyer h3{color:var(--navy)}
.v11-s--papier .lb-vs__kol--flyer li{border-top-color:rgba(8,18,69,.08)}

/* hero navy: hier begint de pagina; de witte pagina schuift er met ronde hoeken overheen */
.v11--zones > section.v11-s--top{background:var(--navy);color:#fff;border-radius:0;padding-bottom:114px;
  --tx:rgba(255,255,255,.72);--tx-2:rgba(255,255,255,.55);--lijn:rgba(255,255,255,.14)}
.v11--zones > section.v11-s--top .v3-h1{color:#fff}
.v11--zones > section.v11-s--top .v11-intro{color:rgba(255,255,255,.75)}
.v11--zones > section.v11-s--top .v3-hoofdstuk{color:var(--mint)}
.v11--zones > section.v11-s--top .lb-kruimel,.v11--zones > section.v11-s--top .lb-kruimel a{color:rgba(255,255,255,.55)}
.v11--zones > section.v11-s--top .lb-kruimel a:hover{color:#fff}
.v11--zones > section.v11-s--top .v11-link{color:var(--mint)}
.v11--zones > section.v11-s--top .lb-bewijsregel{color:#fff;border-top-color:rgba(255,255,255,.14)}
.v11--zones > section.v11-s--top .lb-bewijsregel i{color:var(--mint)}
.v11--zones > section.v11-s--top .lb-paginahero__beeld{box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.v11--zones > section.v11-s--top .v3-streep path{stroke:var(--mint)}
@media (max-width:640px){.v11--zones > section.v11-s--top{padding-bottom:86px}}
.v11--zones > section.v11-s--top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--r-p);background:#fff;border-radius:var(--r-p) var(--r-p) 0 0}

/* zwevende kaartjes houden hun eigen kleuren, ook in de navy hero */
.lb-pin{--tx:#475467;--tx-2:#667085}
.lb-pin small{color:#667085}
.lb-plattegrond > .lb-mockkaart{position:absolute;left:0;bottom:0;width:62%;transform:rotate(-4deg);z-index:2}

/* bewijsblok: score links, echte klantstemmen rechts */
.lb-bewijs2{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.lb-bewijs2__cijfer{display:flex;align-items:center;gap:18px;margin-top:30px}
.lb-bewijs2__cijfer b{font-size:clamp(4rem,7vw,5.6rem);line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--navy)}
.lb-bewijs2__cijfer small{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--tx);max-width:22ch}
.lb-bewijs2__stemmen{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lb-stem2{margin:0;background:#fff;border-radius:22px;padding:24px 26px;box-shadow:var(--sch)}
.lb-stem2:first-child{grid-column:1 / -1;transform:rotate(-.6deg)}
.lb-stem2 blockquote{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--navy)}
.lb-stem2:first-child blockquote{font-size:19px}
.lb-stem2 figcaption{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--tx-2)}
.lb-stem2 .v3-avatar{width:30px;height:30px;font-size:12px}
@media (max-width:860px){.lb-bewijs2{grid-template-columns:1fr;gap:32px}.lb-bewijs2__stemmen{grid-template-columns:1fr}.lb-stem2:first-child{transform:none}}

/* momentpagina's: geen hoofdstuklabels boven de koppen */
.v11--zones .v3-hoofdstuk{display:none}

/* regelmatig-kaart: geen lichtblauw meer */
.v3-niv:nth-child(2){background:#fff;border:1px solid var(--lijn)}


/* ==== LAAG 8 · aanvullingen (extra-2.css) ==== */


/* ---------- scenario compact ---------- */
.v11-s--inzet#waarde{padding:64px 0}
.lb-mini{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.lb-mini .v11-h3{color:#fff}
.lb-mini__sub{margin:6px 0 22px;font-size:14.5px;color:rgba(255,255,255,.6)}
.lb-mini__veld{display:block;margin-top:16px}
.lb-mini__veld > span{display:flex;justify-content:space-between;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.8)}
.lb-mini__veld output{color:var(--mint);font-weight:600}
.lb-mini__veld input[type=range]{width:100%;height:4px;margin-top:10px;accent-color:var(--mint)}
.lb-mini__veld small{display:block;margin-top:4px;font-size:11.5px;color:rgba(255,255,255,.45)}
.lb-mini__uit{background:#fff;border-radius:22px;padding:24px 26px;color:var(--navy)}
.lb-mini__rij{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lb-mini__rij > div{flex:1;text-align:center;padding:12px 6px;border-radius:14px;background:var(--pagina)}
.lb-mini__rij > div.is-eind{background:var(--mint)}
.lb-mini__rij b{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.lb-mini__rij span{font-size:12.5px;color:#475467}
.lb-mini__rij > div.is-eind span{color:var(--navy);font-weight:500}
.lb-mini__rij > i{color:#98A2B3;font-size:11px}
.lb-mini__kosten{margin:12px 0 0;font-size:13px;color:#667085;text-align:center}
.lb-mini__kosten b{color:var(--navy);font-weight:600}
.lb-mini__bijkop{margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--lijn);font-size:13.5px;font-weight:600}
.lb-mini__bij{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:13.5px;color:#475467}
.lb-mini__bij li{display:flex;align-items:baseline;gap:8px}
.lb-mini__bij i{color:var(--teal);font-size:11px}
.lb-mini__noot{margin:14px 0 0;font-size:11.5px;color:#98A2B3}
@media (max-width:860px){.lb-mini{grid-template-columns:1fr;gap:28px}.lb-mini__bij{grid-template-columns:1fr}}

/* tijdlijn eenvoudiger: geen haken, dagen als rustige tekst */
.lb-reis2__haken{display:none}
.lb-reis2__stap small,.lb-reis2__stap--lightr small{background:none;padding:0;color:var(--tx-2);font-weight:500}

.lb-mini__bij li{flex-wrap:nowrap}
.lb-mini__bij [data-o-tekst]{margin-right:0}

/* scenario: kop gecentreerd, indicatie onder de cijfers, waarde met iconen */
.lb-mini__kop{color:#fff;text-align:center;margin:0 auto 40px;max-width:30ch;text-wrap:balance}
.lb-mini__indicatie{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--navy)}
.lb-mini__indicatie i{color:var(--teal)}
.lb-mini__kosten{margin-top:6px}
.lb-mini__plus{list-style:none;margin:36px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lb-mini__plus li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.7)}
.lb-mini__plus .v3-ico{width:40px;height:40px;border-radius:12px;background:rgba(0,230,191,.14);color:var(--mint);flex:none}
.lb-mini__plus b{display:block;color:#fff;font-weight:600}
@media (max-width:960px){.lb-mini__plus{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.lb-mini__plus{grid-template-columns:1fr}}

/* inbox: neutraal antraciet in plaats van navy, zonder onderschrift */
.lb-inbox{--ink-inbox:#1F2937}
.lb-inbox__top{color:var(--ink-inbox)}
.lb-inbox__rij b{color:var(--ink-inbox)}
.lb-inbox__rij{color:#6B7280}
.lb-inbox__rij small{color:#9CA3AF}
.lb-inbox__rij > i{background:#F3F4F6;color:#6B7280}
.lb-inbox__noot{display:none}

/* kleurpalet ingedikt: tekstlinks navy (op donker wit), geen mint-groen meer als linkkleur;
   een link naast een primaire knop is een secundaire knop (.v11-btn--lijn) */
.v11-link,.v11-link--licht{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(8,18,69,.25);text-underline-offset:4px}
.v11-link:hover{text-decoration-color:currentColor}
.v11-s--navy .v11-link,.v3-p--navy .v11-link,.v11-s--top .v11-link,.v11-link--licht{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.v3-mega .v11-link{color:var(--navy)}

/* tijdlijn: terugkoppeling als onderste balk in de container (spiegel van "Jij stelt één keer in") */
.lb-reis2__terug{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 0;padding-top:24px;border-top:1px dashed var(--lijn);font-size:14.5px;font-weight:500;color:var(--navy);text-align:center}
.lb-reis2__terug i{color:var(--teal)}

/* aanzetten: meer lucht tussen de drie routes en de regel "Inclusief" */
.lb-techregel--plus{margin-top:32px}

/* rekenblok: meer lucht onder de titel, tussen de schuifjes en boven de info-regel */
.lb-mini__kop{margin-bottom:56px}
.lb-mini__veld{margin-top:26px}
.lb-mini__veld:first-child{margin-top:0}
.lb-mini__indicatie{margin-top:24px}
.lb-mini__kosten{margin-top:8px}
.lb-mini__plus{margin-top:48px;padding-top:36px;row-gap:24px}

/* tijdlijn: alleen de actie als titel, rustig in tekstkleur; geen subzin meer */
.lb-reis2__stap b{font-size:14.5px;font-weight:500;color:var(--tx)}

/* ==== homepage in zones (29-09-2026): wit als basis, navy voor nadruk, papier één keer ==== */
.v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{border-radius:var(--r-p);width:min(100% - 28px,1360px);margin:14px auto}
@media (max-width:640px){.v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{border-radius:26px;width:calc(100% - 16px);margin:8px auto}}
/* koppen boven een raster ook in v3-blokken gecentreerd */
.v11--zones > section > .v3-kop{flex-direction:column;align-items:center;text-align:center}
.v11--zones > section > .v3-kop > div{display:flex;flex-direction:column;align-items:center}
.v11--zones > section > .v3-kop .v3-h2{margin-inline:auto;text-wrap:balance}
/* tijdlijn op de homepage: alleen actietitels, rustig; iconen met een lijn op wit */
.v11-flow b{font-size:14.5px;font-weight:500;color:var(--tx)}
.v11-flow__ico:not(.v11-flow__ico--navy):not(.v11-flow__ico--mint){box-shadow:inset 0 0 0 1.5px var(--lijn)}
/* statuslabels: geen paars en oranje meer, alleen neutraal en navy */
.v11-app__rij em.auto,.v12-bord__rij em.auto{background:var(--navy);color:#fff}
.v11-app__rij em.gepland,.v12-bord__rij em.gepland{background:#F3F4F6;color:var(--navy)}
.v11-app__rij em.direct,.v12-bord__rij em.direct{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--lijn)}
/* resultaten: labeltje en icoonvlakjes neutraal, mint alleen in het icoon */
.v12-res__lbl{background:#F3F4F6;color:var(--navy)}
.v3-trust__item .v3-ico{background:#F3F4F6;color:var(--teal)}
.v11--zones > section > .v3-kop{display:flex;position:relative}
.v11--zones > section > .v3-kop > :not(div:first-child){position:absolute;right:0;top:0}
.v11--zones > section > .v3-kop > div:first-child{width:100%}
.v11--zones > section > .v3-kop .v12-pijlen{display:flex;flex-direction:row;gap:8px}
@media (max-width:860px){.v11--zones > section > .v3-kop > :not(div:first-child){position:static}}
/* twee witte blokken na elkaar (ook v3-blokken): geen dubbele witruimte */
.v11--zones > :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal) + :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal){padding-top:24px}

/* pen-blok in een zone: vaste binnenruimte, zodat de inhoud de hele container vult */
.v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{padding-left:72px !important;padding-right:72px !important}
@media (max-width:860px){.v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{padding-left:22px !important;padding-right:22px !important}}
/* momenttegels op de homepage: minder hoog */
.v11-mom__k{height:380px}
@media (max-width:640px){.v11-mom__k{height:320px}}

/* hero-stapel: losse kaarten zonder wit kader, in hun eigen verhouding (niet bijgesneden) */
.v3-stapel__kaart{border:0;border-radius:4px;background:none;height:auto !important;box-shadow:0 18px 40px -18px rgba(8,18,69,.35)}
.v3-stapel__kaart img{display:block;height:auto;object-fit:contain}
.lb-reis2__actie{margin-top:32px}

/* ==== homepage-hero donker (proef 29-09-2026): witte kaarten komen los van een navy vlak ==== */
.v3-hero--donker{position:relative;background:var(--navy);color:#fff;padding-bottom:120px;
  --tx:rgba(255,255,255,.72);--tx-2:rgba(255,255,255,.55);--lijn:rgba(255,255,255,.14)}
.v3-hero--donker::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--r-p);background:#fff;border-radius:var(--r-p) var(--r-p) 0 0}
.v3-hero--donker .v3-h1{color:#fff}
.v3-hero--donker .v3-lead{color:rgba(255,255,255,.75)}
.v3-hero--donker .v3-hero__badge{background:rgba(255,255,255,.08);color:#fff}
.v3-hero--donker .v3-hero__badge > span{background:var(--mint);color:var(--navy)}
.v3-hero--donker .v11-btn--lijn{border-color:rgba(255,255,255,.28);color:#fff}
.v3-hero--donker .v11-btn--lijn:hover{border-color:#fff}
.v3-hero--donker .v12-kenmerken li{color:#fff}
.v3-hero--donker .v12-kenmerken i{color:var(--mint)}
.v3-hero--donker .v12-kenmerken,.v3-hero--donker .v3-bewijs{border-color:rgba(255,255,255,.14)}
.v3-hero--donker .v3-bewijs__cijfer b{color:#fff}
.v3-hero--donker .v3-bewijs__cijfer span{color:rgba(255,255,255,.6)}
.v3-hero--donker .v3-logos img{filter:grayscale(1) invert(1) brightness(1.1);opacity:.75}
.v3-hero--donker .v3-logos{mix-blend-mode:screen}
/* zwevende kaartjes zijn wit: eigen tekstkleuren, niet die van de donkere hero */
.v3-hero--donker .v3-zweef,.v3-hero--donker .v3-app{--tx:#475467;--tx-2:#667085;--lijn:#E4E7EC;color:var(--navy)}
.v3-hero--donker .v3-logos{--fade:var(--navy)}
.v3-hero--donker .v3-stapel__kaart{box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
@media (max-width:640px){.v3-hero--donker{padding-bottom:86px}}

/* pen-blok op papier: donkere tekst, citaat als wit briefje */
.v3-p--papier .v3-nee div{color:var(--navy)}
.v3-p--papier .v3-nee s{color:rgba(8,18,69,.35)}
.v3-p--papier .v3-nee .fa-check{color:var(--teal)}
.v3-p--papier .v3-quote{background:#fff;border-color:transparent;color:var(--navy);box-shadow:var(--sch)}
.v3-p--papier .v3-quote small{color:var(--mint-tekst)}
.v3-p--papier .v3-streep path{stroke:var(--mint)}
/* hero: voorste kaart hoger, zodat hij helemaal leesbaar is */
@media (min-width:1101px){.v3-hero--donker .v3-stapel .k3{top:80px}.v3-hero--donker .v3-stapel .k4{bottom:78px}.v3-hero--donker .v3-zweef--scan{top:320px;right:-38px}}
/* hero: achterste kaarten zakken weg in het navy, de voorste kaart is de held */
.v3-hero--donker .v3-stapel__kaart{position:absolute}
.v3-hero--donker .v3-stapel__kaart:not(.k3)::after{content:"";position:absolute;inset:0;background:rgba(8,18,69,.5);border-radius:inherit;pointer-events:none}

/* hero zonder meldingen: vier kaarten als waaier, hoe verder naar achteren hoe donkerder */
.v3-hero--donker .v3-stapel__kaart.k2::after{background:rgba(8,18,69,.68)}
.v3-hero--donker .v3-stapel__kaart.k1::after{background:rgba(8,18,69,.52)}
.v3-hero--donker .v3-stapel__kaart.k4::after{background:rgba(8,18,69,.32)}
@media (min-width:1101px){
  .v3-hero--donker .v3-stapel .k2{width:54%;left:auto;right:2%;top:0;bottom:auto;transform:rotate(9deg);z-index:0}
  .v3-hero--donker .v3-stapel .k1{width:56%;left:0;right:auto;top:70px;bottom:auto;transform:rotate(-10deg);z-index:1}
  .v3-hero--donker .v3-stapel .k4{width:52%;left:auto;right:0;top:auto;bottom:40px;transform:rotate(6deg);z-index:2}
  .v3-hero--donker .v3-stapel .k3{width:70%;left:13%;right:auto;top:130px;bottom:auto;transform:rotate(-2deg);z-index:3}
}
@media (min-width:1101px){.v3-hero--donker .v3-stapel{top:40px}}
.v3-mom__alle{margin-left:auto}
/* knop onderaan in de tijdlijn-container, als afsluitende regel */
.lb-reis2 > .lb-reis2__actie{margin-top:30px;padding-top:26px;border-top:1px dashed var(--lijn)}
/* resultaten: Google-reviews wisselen automatisch; alle teksten in één cel, dus de kaart houdt één vaste hoogte */
.v12-res__quote[data-roteer]{display:grid;grid-template-rows:1fr auto;gap:18px}
.v12-res__quote[data-roteer] > .v12-res__slide{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:space-between;gap:14px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.v12-res__quote[data-roteer] > .v12-res__slide.is-aan{opacity:1;visibility:visible;transition:opacity .6s ease}
.v12-res__slide p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.v12-res__stippen{grid-row:2;display:flex;gap:6px}
.v12-res__stippen i{width:6px;height:6px;border-radius:50%;background:var(--lijn);transition:background .3s,width .3s}
.v12-res__stippen i.is-aan{width:18px;border-radius:3px;background:var(--navy)}
@media (prefers-reduced-motion:reduce){.v12-res__quote[data-roteer] > .v12-res__slide{transition:none}}
/* onderste regel van de flow: uitleg links, knop rechts */
.lb-reis2__actie--split{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap}
.lb-reis2__actie--split p{margin:0;display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--navy)}
.lb-reis2__actie--split p i{color:var(--teal)}

/* ==== schuifregelaars: één stijl voor de hele site, met body ====
   dikke afgeronde baan, gevuld deel in mint (via --vul uit lightr.js), witte knop met rand */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:12px 0 0;background:transparent;cursor:pointer;
  --baan:#E4E7EC;--vulkleur:var(--teal);--vul:50%}
.v11-s--navy input[type=range],.v3-p--navy input[type=range]{--baan:rgba(255,255,255,.14);--vulkleur:var(--mint)}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--vulkleur) var(--vul),var(--baan) var(--vul))}
input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:var(--baan)}
input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--vulkleur)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;background:#fff;border:4px solid var(--vulkleur);box-shadow:0 4px 12px -2px rgba(8,18,69,.45);transition:transform .15s}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--vulkleur);box-shadow:0 4px 12px -2px rgba(8,18,69,.45)}
input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(0,230,191,.3)}
input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px rgba(0,230,191,.3)}
.lb-mini__veld input[type=range]{height:28px;margin-top:12px}
/* labels boven de schuif: iets groter, waarde als pil */
.lb-mini__veld > span{font-size:15px;font-weight:500;align-items:center}
.lb-mini__veld output{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(0,230,191,.14);font-size:14px}

/* ==== routes (v3-niveau), overal: groen → wit → navy ==== */
.v3-niv:nth-child(1){background:var(--mint-vlak);border:1px solid transparent}
.v3-niv:nth-child(2){background:#fff;border:1px solid var(--lijn)}
.v3-niv:nth-child(1) .v3-niv__logos span{background:#fff}
.v3-niv:nth-child(2) .v3-niv__logos span{background:#F3F4F6}
/* schuifregelaars, bijgesteld: lichtgrijze baan, subtiel stipje binnen de baan, grotere labels en cijfers */
input[type=range]{height:24px;--baan:#E4E7EC}
.v11-s--navy input[type=range],.v3-p--navy input[type=range],#waarde input[type=range]{--baan:rgba(255,255,255,.85);--vulkleur:var(--mint)}
input[type=range]::-webkit-slider-runnable-track{height:12px}
input[type=range]::-moz-range-track,input[type=range]::-moz-range-progress{height:12px}
input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:0;border:0;background:#fff;box-shadow:0 0 0 2px rgba(8,18,69,.18)}
input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;background:#fff;box-shadow:0 0 0 2px rgba(8,18,69,.18)}
input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:none;box-shadow:0 0 0 3px rgba(8,18,69,.3)}
.lb-mini__veld{margin-top:30px}
.lb-mini__veld > span{font-size:17px;font-weight:600;color:#fff}
.lb-mini__veld output{height:32px;padding:0 14px;font-size:16px;font-weight:700;background:var(--mint);color:var(--navy)}
.lb-mini__veld input[type=range]{margin-top:6px}
/* uitkomst: cijfers steviger */
.lb-mini__rij b{font-size:32px;font-weight:700;letter-spacing:-.035em}
.lb-mini__rij > div{padding:16px 6px}
/* waarde bij de schuif: groen getal, geen pil */
.lb-mini__veld output{height:auto;padding:0;background:none;color:var(--mint);font-size:18px;font-weight:700}
/* titeltje boven de bijvangst: de scheidingslijn schuift mee naar boven */
.lb-mini__pluskop{margin:48px 0 0;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}
.lb-mini__plus--kop{margin-top:18px;padding-top:0;border-top:0}
.lb-mini__pluskop{color:#fff}
.lb-mini__plus li{align-items:flex-start}
/* bijvangst: titeltje in gewone letters */
.lb-mini__pluskop{font-size:20px;font-weight:600;letter-spacing:-.01em;text-transform:none}
.lb-mini__pluskop{text-align:center}
.lb-mini__pluskop{padding-top:22px}
.lb-mini__plus.lb-mini__plus--kop{margin-top:34px}

/* vervangers van inline styling (30-09-2026): iedere afwijking is een benoemde variant */
.lb-reken__noot--los{margin:14px 0 0}
.prijs--tekst{font-size:clamp(1.8rem,3vw,2.3rem)}
.v11-acties--ruim{margin-top:20px}
.v12-faq__contact--los{margin-top:28px}
.v11-mom--los{margin-top:64px}
.v3-keten--los{margin-top:30px}
.v11-intro__nadruk{color:var(--navy);font-weight:600}

/* ==== aanscherping 30-09-2026: desktop ==== */
/* platform: kop op één regel, minder lucht boven de kop */
#platform{padding-top:72px}
#platform .v11-kop .v11-h2{max-width:none;text-wrap:wrap}
.v11-plat__naam{display:none}
.v12-kenmerken__kopie{display:none}

/* ==== aanscherping 30-09-2026: mobiel ==== */
@media (max-width:640px){
  /* hero: cijfers kleiner en naast elkaar */
  .v3-hero .v3-bewijs{grid-template-columns:1fr 1fr;gap:18px 14px}
  .v3-hero .v3-logos{grid-column:1 / -1}
  .v3-bewijs__cijfer{gap:8px}
  .v3-bewijs__cijfer b{font-size:30px}
  .v3-bewijs__cijfer span{font-size:12px}

  /* hero: kenmerken als doorlopende rij, zoals de logo's */
  .v12-kenmerken{display:flex;flex-wrap:nowrap;gap:28px;width:max-content;animation:v3loop 26s linear infinite;margin-top:32px}
  .v12-kenmerken li{white-space:nowrap}
  .v12-kenmerken__kopie{display:list-item}
  .v3-hero{overflow:hidden}

  /* momenten: minder lucht boven, 'ook voor' als veegrij, knop eronder */
  #momenten{padding-top:48px}
  .v3-mom__meer{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:2px 20px 4px;position:relative}
  .v3-mom__meer::-webkit-scrollbar{display:none}
  .v3-mom__meer > *{flex:none}
  .v3-mom__alle{position:sticky;right:0;margin-left:8px;background:#fff;box-shadow:-16px 0 16px #fff}

  /* pen-blok: vult de breedte */
  .v3-pen{gap:28px}
  .v3-pen__beeld{height:360px}
  .v3-pen__label{font-size:12.5px;padding:8px 11px}
  .v3-pen__label.l2{right:14px}

  /* prijsregels: 2×2, compacter */
  #producten .v3-prijs,.v3-prijs{grid-template-columns:1fr 1fr;gap:10px}
  .v3-prijs div{padding:14px 16px;border-radius:16px}
  .v3-prijs b{font-size:22px}
  .v3-prijs span{font-size:12px}

  /* flow-container: instellingen als veegrij, stappen met label boven de actie */
  .lb-reis2__instel{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
  .lb-reis2__instel::-webkit-scrollbar{display:none}
  .lb-reis2__instel > *{flex:none}
  .lb-reis2__stap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}
  .lb-reis2__stap > .lb-reis2__ico{grid-row:1 / 3}
  .lb-reis2__stap small{order:0;grid-column:2;align-self:end}
  .lb-reis2__stap b{grid-column:2;align-self:start}
  .lb-reis2__actie--split{flex-direction:column;text-align:center}
  .lb-reis2__actie--split p{justify-content:center}

  /* platform: minder lucht, iconen als tabs, gekozen naam, dan het scherm */
  #platform{padding-top:44px}
  .v11-plat__tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;overflow:visible}
  .v11-plat__tabs button{justify-content:center;padding:0;border:0;background:none}
  .v11-plat__tabs button > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .v11-plat__tabs button > i{width:100%;height:48px;font-size:17px}

  /* resultaten: 7,9% en 4,7 naast elkaar */
  .v12-res{grid-template-columns:1fr 1fr;gap:10px}
  .v12-res__quote{grid-column:1 / -1}
  .v12-res__case,.v12-res .v3-score{padding:18px}
  .v12-res__case b{margin-top:18px;font-size:40px}
  .v12-res__case p{font-size:13px}
  .v12-res .v3-score b{font-size:40px}
  .v12-res .v3-score span{font-size:12px}
}
@media (max-width:640px){
  /* 'ook voor': net raster van twee kolommen, knop over de volle breedte eronder */
  .v3-mom__meer{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin-inline:0;padding:0}
  .v3-mom__meer > span{grid-column:1 / -1;margin:0 0 2px}
  .v3-mom__meer .v3-pil{justify-content:flex-start}
  .v3-mom__alle{grid-column:1 / -1;position:static;margin:8px 0 0;justify-content:center;box-shadow:none}
  .v12-res__lbl{font-size:12px;padding:3px 9px}
}
/* mobiel: gekleurde containers over de volle breedte (afgeronde hoeken blijven), meer ruimte voor de inhoud */
@media (max-width:640px){
  .v11--zones > section:is(.v11-s--papier,.v11-s--licht,.v11-s--navy,.v11-s--blauw):not(.v11-s--inzet),
  .v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol,
  .v11--zones > section.v11-s--inzet,
  .v11--zones > section.v3-start{width:100%;margin:8px 0;border-radius:24px}
}
/* mobiel: minder lucht tussen en boven de blokken, zodat de pagina doorloopt */
@media (max-width:640px){
  .v11-s{padding-top:44px;padding-bottom:44px}
  .v3-p{padding-top:40px;padding-bottom:40px}
  .v11--zones > section:first-child + section,#momenten{padding-top:0}
  .v11--zones > :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal) + :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal){padding-top:8px}
  .v11-kop,.v3-kop{margin-bottom:28px}
}
@media (max-width:640px){.v3-p.v3-hero{padding-top:104px;padding-bottom:86px}}
/* producten: pijlen op mobiel onder de slider, kleiner en subtieler */
.v12-pijlen--onder{display:none !important}
@media (max-width:640px){
  #producten .v3-kop .v12-pijlen{display:none !important}
  .v12-pijlen--onder{display:flex !important;justify-content:center;gap:10px;margin-top:14px}
  .v12-pijlen--onder button{width:36px;height:36px;font-size:12px;border-color:rgba(8,18,69,.1);color:rgba(8,18,69,.6)}

  /* platform: kop breder, naam als label op het scherm, minder lucht */
  #platform .v11-rail{width:calc(100% - 28px)}
  #platform .v11-kop{margin-bottom:30px}
  #platform{padding-bottom:36px}
  .v11-plat{gap:14px}
  #platform .v11-acties{margin-top:22px}

  /* resultaten: cijfers kleiner, 7,9% in balans met 4,7 */
  .v12-res__case,.v12-res .v3-score{justify-content:space-between;gap:10px}
  .v12-res__case b,.v12-res .v3-score b{font-size:34px;margin-top:0}
  .v12-res__lbl{margin-bottom:0}
  .v12-res .v3-score .v3-sterren{font-size:14px;margin-top:6px}
}
/* mobiel: logobalk staat stil, midden van de rij in beeld */
@media (max-width:640px){.v3-logos__rij{animation:none;transform:translateX(-60px)}}

/* mobiel platform: de browserbalk toont naam en beschrijving van het gekozen onderdeel */
@media (max-width:640px){
  .v11-plat__scherm .v3-scherm__top{padding:12px 14px;gap:0}
  .v11-plat__scherm .v3-scherm__top > i,.v11-plat__scherm .v3-scherm__top > span{display:none}
  .v11-plat__naam{display:block;margin:0;line-height:1.35}
  .v11-plat__naam b{display:block;font-size:14px;font-weight:600;color:var(--navy)}
  .v11-plat__naam small{display:block;font-size:12.5px;color:#475467}
  .v11-plat__uitleg{display:none}
}
/* mobiel tijdlijn: kleinere blokjes, dikkere lijn, grotere tekst */
@media (max-width:640px){
  .lb-reis2__ico{width:46px;height:46px;border-radius:14px;font-size:17px}
  .lb-reis2__lijn::before{left:21px;width:6px;border-radius:6px}
  .lb-reis2__stap{padding:8px 0;column-gap:16px}
  .lb-reis2__stap small{font-size:13px}
  .lb-reis2__stap b{font-size:16.5px;font-weight:500}
}
@media (max-width:640px){#platform .v11-kop{margin-bottom:40px}}
/* mobiel menu: zelfde categorieën en iconen als het megamenu */
.v3-sheet__kop{margin:14px 0 4px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#98A2B3}
.v3-sheet__kop:first-child{margin-top:4px}
.v3-sheet__sub a{display:flex;align-items:center;gap:12px}
.v3-sheet__sub a > i{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--mint-vlak);color:var(--mint-tekst);font-size:13px}
@media (max-width:640px){.lb-reis2__stap{padding:13px 0}}
@media (max-width:640px){.lb-reis2__lijn::before{top:34px;bottom:34px}}
/* mobiel: iets meer lucht tussen de blokken (bijgesteld) */
@media (max-width:640px){
  .v11-s{padding-top:56px;padding-bottom:56px}
  .v3-p{padding-top:48px;padding-bottom:48px}
  .v11--zones > :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal) + :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal){padding-top:24px}
  .v11--zones > section:is(.v11-s--papier,.v11-s--navy,.v3-p--navy,.v3-p--papier){margin:14px 0}
}
/* mobiel: één vast ritme in stappen van 8 px (30-09-2026) */
@media (max-width:640px){
  .v11-s,.v3-p{padding-top:56px;padding-bottom:56px}
  .v11--zones > section:is(.v11-s--papier,.v11-s--licht,.v11-s--navy,.v11-s--blauw,.v3-p--navy,.v3-p--papier,.v3-start){padding-top:48px;padding-bottom:48px;margin:16px 0}
  .v11--zones > :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal) + :is(section.v11-s.lb-kaal,section.v3-p.v3-vol.lb-kaal){padding-top:24px}
  .v11-kop,.v3-kop{margin-bottom:32px}
  #platform .v11-kop{margin-bottom:40px}
  #momenten{padding-top:0}
  .v3-p.v3-hero{padding-top:104px;padding-bottom:86px}
}

/* ==== momentpagina's mobiel, volgens de homepage-principes (30-09-2026) ==== */
@media (max-width:640px){
  /* hero: ruimte onder de menubalk, minder gat tussen knop en beeld */
  .v11--zones > section.v11-s--top{padding-top:104px}
  .lb-paginahero{gap:28px}
  .lb-paginahero__beeld{height:300px}
  /* kenmerken onder de hero: één veegrij */
  .lb-bewijsregel{margin-top:32px;padding-top:20px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:24px;margin-inline:-20px;padding-inline:20px;white-space:nowrap}
  .lb-bewijsregel::-webkit-scrollbar{display:none}
  /* voordelen: 2×2, laatste breed; icoon links van de titel */
  .lb-waarden{grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}
  .lb-waarden > div{padding:16px}
  .lb-waarden > div:nth-child(5):last-child{grid-column:1 / -1}
  .lb-waarden .v3-ico{width:36px;height:36px;font-size:14px;margin-bottom:10px}
  .lb-waarden b{font-size:15px}
  .lb-waarden span:not(.v3-ico){font-size:13px;line-height:1.4}
  /* 'inclusief': chips als veegrij, knop eronder */
  .lb-techregel--plus{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:0 20px 4px}
  .lb-techregel--plus::-webkit-scrollbar{display:none}
  .lb-techregel--plus > *{flex:none}
  .lb-techregel--plus .lb-techregel__link{position:sticky;right:0}
}
@media (max-width:640px){
  /* oud stappenblok (v11-flow--auto): compacte rijen, icoon links */
  .v11-flow--auto{display:flex;flex-direction:column;gap:6px}
  .v11-flow--auto li{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:16px;text-align:left;align-items:center;padding:6px 0}
  .v11-flow--auto .v11-flow__ico{grid-row:1 / 3;width:46px;height:46px;border-radius:14px;font-size:17px;margin:0}
  .v11-flow--auto b{font-size:16px;align-self:end;margin:0}
  .v11-flow--auto li > span:last-child{font-size:13.5px;max-width:none;align-self:start}
  .v11-flow--auto::before,.v11-flow--auto li::before,.v11-flow--auto li::after{display:none}
  /* voordelen (bv. buurt): smalle rijen, icoon links */
  .lb-voordelen{gap:10px}
  .lb-voordeel{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:16px 18px;align-items:start}
  .lb-voordeel .v3-ico{grid-row:1 / 3;width:44px;height:44px;margin:0;font-size:16px}
  .lb-voordeel b,.lb-voordeel h3{font-size:16px;margin:0 0 2px}
  .lb-voordeel p,.lb-voordeel span:not(.v3-ico){font-size:13.5px;margin:0}
}

/* ==== cases (30-09-2026) ==== */
.lb-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lb-casekaart{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:var(--r);background:#fff;border:1px solid var(--lijn);box-shadow:var(--sch)}
.lb-casekaart__top{display:flex;align-items:center;gap:12px}
.lb-casekaart__top b{display:block;font-size:15px;font-weight:600;color:var(--navy)}
.lb-casekaart__top small{display:block;font-size:13px;color:var(--tx-2)}
.lb-casekaart__ico{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:var(--mint);font-size:16px}
.lb-casekaart__cijfer{margin:6px 0 0;display:flex;align-items:baseline;gap:10px}
.lb-casekaart__cijfer b{font-size:clamp(2.6rem,4vw,3.4rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--navy)}
.lb-casekaart__cijfer span{font-size:14px;color:var(--tx)}
.lb-casekaart__zin{margin:0;font-size:15px;font-weight:400;line-height:1.5;color:var(--tx)}
.lb-casekaart__pillen{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.lb-casekaart__pillen span{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#F3F4F6;font-size:12.5px;font-weight:500;color:var(--navy)}
.lb-cases__actie{margin-top:32px}
.lb-cases__noot{display:flex;gap:10px;align-items:flex-start;margin:28px auto 0;max-width:62ch;font-size:14px;color:var(--tx-2);text-align:left}
.lb-cases__noot i{color:var(--teal);margin-top:3px}
.v12-res.v12-res--twee{grid-template-columns:.8fr 1.6fr}
@media (max-width:960px){.lb-cases{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .lb-cases{grid-template-columns:1fr;gap:10px}
  .lb-casekaart{padding:20px;gap:10px}
  .lb-casekaart__cijfer b{font-size:40px}
  .v12-res.v12-res--twee{grid-template-columns:1fr}
}
.lb-casekaart__cijfer .lb-invullen{font:inherit;letter-spacing:inherit}

/* ==== drie leadgeneratieroutes (30-09-2026) ==== */
.lb-leadroutes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lb-leadroute{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--lijn);color:var(--navy);transition:border-color .2s,transform .2s}
.lb-leadroute:hover{border-color:var(--navy);transform:translateY(-2px)}
.lb-leadroute__ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--mint-vlak);color:var(--mint-tekst);font-size:16px;margin-bottom:6px}
.lb-leadroute b{font-size:17px;font-weight:600}
.lb-leadroute > span:not(.lb-leadroute__ico){font-size:14.5px;line-height:1.5;color:var(--tx)}
.lb-leadroute__pijl{position:absolute;top:24px;right:24px;color:var(--tx-2)}
.lb-leadroute small{align-self:flex-start;margin-top:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--navy);color:#fff}
.lb-leadroute.is-hier{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.lb-leadroute.is-hier .lb-leadroute__ico{background:var(--navy);color:var(--mint)}
@media (max-width:860px){.lb-leadroutes{grid-template-columns:1fr;gap:10px}.lb-leadroute{padding:18px;display:grid;grid-template-columns:42px 1fr;column-gap:14px;row-gap:2px}.lb-leadroute__ico{grid-row:1 / 4;margin:0}.lb-leadroute__pijl{top:18px;right:18px}}

/* ==== casedetail (30-09-2026) ==== */
.lb-casekaart__lees{margin-top:4px;align-self:flex-start}
.lb-casehero{max-width:860px}
.lb-casehero .lb-casekaart__top{margin:18px 0 20px}
.lb-casehero .lb-casekaart__top b{color:#fff}
.lb-casehero .lb-casekaart__top small{color:rgba(255,255,255,.6)}
.lb-casehero .lb-casekaart__ico{background:var(--mint);color:var(--navy)}
.lb-casecijfers{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}
.lb-casecijfers > div{padding:20px 22px;border-left:1px solid rgba(255,255,255,.14)}
.lb-casecijfers > div:first-child{border-left:0}
.lb-casecijfers b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--mint);line-height:1.1}
.lb-casecijfers span{display:block;margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.7)}
.lb-casecijfers .lb-invullen{font:inherit}
.lb-caseverhaal{max-width:720px;display:flex;flex-direction:column;gap:48px}
.lb-caseverhaal__lbl{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-tekst)}
.lb-caseverhaal__lbl::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--mint)}
.lb-caseverhaal h2{margin:10px 0 14px;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--navy)}
.lb-caseverhaal p{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:var(--tx)}
.lb-casevolgende{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:0 auto;padding:22px 0;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);color:var(--navy)}
.lb-casevolgende span{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-2)}
.lb-casevolgende b{font-size:18px;font-weight:600}
@media (max-width:640px){
  .lb-casecijfers{grid-template-columns:1fr 1fr}
  .lb-casecijfers > div:nth-child(3){border-left:0}
  .lb-casecijfers > div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
  .lb-casecijfers b{font-size:24px}
  .lb-caseverhaal{gap:36px}
  .lb-caseverhaal p{font-size:15.5px}
}
.lb-casecijfers b{display:block}.lb-casecijfers b .lb-invullen{display:inline}
/* secundaire knop in de navy hero van momentpagina's: wit omlijnd */
.v11--zones > section.v11-s--top .v11-btn--lijn{border-color:rgba(255,255,255,.3);color:#fff}
.v11--zones > section.v11-s--top .v11-btn--lijn:hover{border-color:#fff}
@media (max-width:640px){.lb-mockkaart__pill{font-size:12px}}
/* foto als voorbeeldbeeld in een productkaart */
.v12-tafel--foto{padding:0;overflow:hidden}
.v12-tafel--foto img{width:100%;height:100%;object-fit:cover;display:block}
/* casespagina: hero en blokken over de volle railbreedte */
.lb-casehero,.lb-caseverhaal{max-width:none}
.lb-caseverhaal{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.lb-caseverhaal__blok{padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--lijn)}
.lb-caseverhaal h2{font-size:clamp(1.3rem,1.9vw,1.6rem)}
.lb-caseverhaal p{font-size:15.5px}
.lb-casevolgende{max-width:none}
#cases .lb-paginahero--smal,.v11-s--top .lb-paginahero--smal{max-width:none;text-align:left}
.v11-s--top .lb-paginahero--smal .lb-kruimel{justify-content:flex-start}
.v11-s--top .lb-paginahero--smal .v11-intro{margin-inline:0}
@media (max-width:960px){.lb-caseverhaal{grid-template-columns:1fr;gap:14px}}
/* vervangers van inline styling in de bibliotheekfragmenten */
.v11-intro--klein{font-size:16px}
.lb-melding--los{margin-top:32px}
.lb-stapel{display:flex;flex-direction:column;gap:16px}
.lb-stapel--smal{display:grid;gap:12px;max-width:760px}
a[data-start]{align-self:flex-start}
/* tegelraster op wit (overige pagina's): 3 of 4 kolommen, witte tegels met rand */
.lb-waarden--los{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}
.lb-waarden--los > div{background:#fff;border:1px solid var(--lijn);box-shadow:var(--sch);display:flex;flex-direction:column;gap:8px}
.lb-waarden--los .v3-ico{background:var(--navy);color:var(--mint)}
.lb-waarden--los b{color:var(--navy);font-size:16px}
.lb-waarden--los span:not(.v3-ico){color:var(--tx);font-size:14px;line-height:1.5}
@media (max-width:640px){.lb-waarden--los{grid-template-columns:1fr 1fr}}
.lb-integraties--vier{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.lb-integraties--vier{grid-template-columns:1fr 1fr}}
.lb-afspraak--inline .lb-afspraak__sluit{display:none}
@media (max-width:640px){.v11-plat__tabs{grid-template-columns:repeat(7,1fr);gap:6px}.v11-plat__tabs button > i{height:44px;font-size:16px}}
/* startstappen: genummerde route van account tot verzending */
.lb-startstappen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.lb-startstappen li{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--lijn)}
.lb-startstap__nr{position:absolute;top:22px;right:24px;font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--lijn)}
.lb-startstap__ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-size:17px;margin-bottom:6px}
.lb-startstappen b{font-size:17px;font-weight:600;color:var(--navy)}
.lb-startstappen li > span:last-child{font-size:14.5px;line-height:1.5;color:var(--tx)}
.lb-startstappen li:not(:last-child)::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px;border-radius:50%;background:var(--navy);color:var(--mint);font-size:10px;display:grid;place-items:center}
@media (max-width:960px){.lb-startstappen{grid-template-columns:1fr 1fr}.lb-startstappen li::after{display:none}}
@media (max-width:640px){.lb-startstappen{grid-template-columns:1fr;gap:10px}.lb-startstappen li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px}.lb-startstap__ico{grid-row:1 / 3;margin:0}.lb-startstap__nr{top:14px;right:18px;font-size:22px}}
.lb-waarden--los:has(> div:nth-child(6)){grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.lb-waarden--los:has(> div:nth-child(6)){grid-template-columns:1fr 1fr}}
/* video met poster en afspeelknop (echte video volgt; in WordPress een core/video) */
.lb-video{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/5;background:var(--navy)}
.lb-video img,.lb-video video{width:100%;height:100%;object-fit:cover;display:block}
.lb-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:0;background:var(--mint);color:var(--navy);font-size:26px;cursor:pointer;box-shadow:0 0 0 12px rgba(0,230,191,.25);transition:transform .2s}
.lb-video__play:hover{transform:translate(-50%,-50%) scale(1.06)}
.lb-video__lbl{position:absolute;left:20px;bottom:20px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--navy);font-size:13.5px;font-weight:600}
.lb-kenmerkenlijst{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.lb-kenmerkenlijst li{display:flex;gap:14px;align-items:flex-start}
.lb-kenmerkenlijst i{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--navy);color:var(--mint);font-size:14px}
.lb-kenmerkenlijst b{display:block;font-size:16px;font-weight:600;color:var(--navy)}
.lb-kenmerkenlijst span{font-size:14.5px;color:var(--tx);line-height:1.45}
@media (max-width:640px){.lb-video{aspect-ratio:1/1}.lb-video__play{width:68px;height:68px;font-size:22px}}
.lb-video{aspect-ratio:1/1}
.lb-kenmerkenlijst--compact{margin:24px 0 28px;gap:12px}
/* startstappen: pijl precies tussen twee kaarten, groter, met witte ring (zoals v3-niv__pijl) */
.lb-startstappen li:not(:last-child)::after{right:-24px;width:34px;height:34px;font-size:12px;box-shadow:0 0 0 4px #fff}
/* 601: het record is de boodschap */
.v3-601{flex-wrap:wrap;row-gap:4px}
.v3-601__lbl{flex-basis:100%;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.v3-601 p{font-size:17px;font-weight:500;color:#fff}
.v3-601{display:flex !important;flex-direction:column;align-items:flex-start;gap:10px}
.v3-601 .v3-601__lbl{display:inline-flex;margin:0;color:var(--navy);background:var(--mint);padding:5px 12px;border-radius:999px;font-size:12.5px}
.v3-601 b{font-size:clamp(3.8rem,7vw,5.6rem)}
.v3-601 p{margin:0}
.v3-601 p{font-size:15.5px;font-weight:400;color:rgba(255,255,255,.8);max-width:36ch}
.v3-601__uitdaging{font-style:normal;font-size:18px;font-weight:600;color:var(--mint)}
/* klantrecord als kaart op de foto: links de uitleg, rechts beeld met record */
.v3-meet__foto{position:relative}
.v3-601--zweef{position:absolute;left:24px;bottom:24px;max-width:320px;padding:22px 24px;border-radius:20px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55)}
.v3-601--zweef b{font-size:clamp(3rem,5vw,4.2rem)}
.v3-601--zweef p{font-size:14px}
.v3-601--zweef .v3-601__uitdaging{font-size:16px}
@media (max-width:640px){.v3-601--zweef{position:static;max-width:none;margin-top:-40px;margin-inline:12px}}
.v3-601--zweef{max-width:270px;padding:18px 20px;gap:6px}
.v3-601--zweef b{font-size:3.2rem}
.v3-601--zweef p{font-size:13.5px}
.v3-601--zweef .v3-601__uitdaging{font-size:15px}
.v3-601--zweef .v3-601__lbl{font-size:11.5px;padding:4px 10px}
.lb-video .v3-pen__label{z-index:2}.lb-video.is-speelt .lb-video__play{display:none}
/* kenmerkenlijst: één maat groter, meer lucht */
.lb-kenmerkenlijst{gap:18px}
.lb-kenmerkenlijst i{width:44px;height:44px;border-radius:13px;font-size:16px}
.lb-kenmerkenlijst b{font-size:17px;margin-bottom:2px}
.lb-kenmerkenlijst span{font-size:15px}
.lb-kenmerkenlijst--compact{margin:28px 0 0;gap:18px}
/* tegels als rij: icoon links, compact (bv. 'Goed om te weten') */
.lb-waarden--rij > div{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:4px;align-items:start;padding:20px 22px}
.lb-waarden--rij > div .v3-ico{grid-row:1 / 3;width:44px;height:44px;margin:0}
.lb-waarden--rij > div b{margin:0;align-self:end}
@media (max-width:640px){.lb-waarden--rij,.lb-waarden--los.lb-waarden--rij:has(> div:nth-child(6)){grid-template-columns:1fr}}
/* afsluitende CTA: evenveel ruimte onder als erboven, voor de footer */
.v11--zones > section.v3-start{margin-bottom:132px}
.v11--zones > section.v3-start + section{margin-top:-56px}
@media (max-width:640px){.v11--zones > section.v3-start{margin-bottom:72px}}
/* rasters: alle tegels even hoog, titel altijd bovenaan (geen verspringende koppen) */
.lb-waarden--los{grid-auto-rows:1fr}
.lb-waarden--rij > div{grid-template-rows:auto 1fr;align-items:start}
.lb-waarden--rij > div b{align-self:start}
.lb-waarden--rij > div .v3-ico{align-self:center}.lb-waarden--rij > div{align-content:center}
/* smalle hero links uitgelijnd: knoppen ook links */
.v11-s--top .lb-paginahero--smal .v11-acties{justify-content:flex-start}
/* geen lichtblauw: melding neutraal */
.lb-melding{background:#F3F4F6;color:var(--navy)}
/* rekenhulp op tarieven: wit vlak i.p.v. mintgrijs */
#rekenhulp.v11-s--licht{background:#fff}
/* staffel en rekenhulp even hoog */
.lb-prijs{align-items:stretch}
.lb-staffel{display:flex;flex-direction:column}
.lb-staffel table{flex:0 0 auto}
.lb-staffel > p{margin-top:auto}
/* hero centreren (paginahero--midden) */
.v11-s--top .lb-paginahero--smal.lb-paginahero--midden{text-align:center}
.v11-s--top .lb-paginahero--midden .lb-kruimel,.v11-s--top .lb-paginahero--midden .v11-acties{justify-content:center}
.v11-s--top .lb-paginahero--midden .v11-intro{margin-inline:auto;max-width:60ch}
/* tarieven: usp's naast de rekenhulp */
.lb-prijsusp{padding:32px;border-radius:var(--r);background:#fff;border:1px solid var(--lijn);box-shadow:var(--sch)}
.lb-prijsusp h3{margin:0 0 6px;font-size:20px;font-weight:600;color:var(--navy)}
.lb-prijsusp .lb-kenmerkenlijst{margin-top:20px}
/* split met tabel links */
.lb-split--tabel{align-items:center}
.lb-split--tabel .v11-intro + .v11-intro{margin-top:14px}
.lb-prijsusp{display:flex;flex-direction:column;justify-content:center}.lb-prijsusp .lb-kenmerkenlijst{gap:26px}
.lb-prijsusp{justify-content:center}.lb-prijsusp .lb-kenmerkenlijst{gap:24px;margin-top:24px}
/* keten: iedere stap volgt uit de vorige */
.lb-kenmerkenlijst--keten{margin-top:28px;position:relative}
.lb-kenmerkenlijst--keten li{position:relative}
.lb-kenmerkenlijst--keten li:not(:last-child)::after{content:"";position:absolute;left:21px;top:48px;bottom:-16px;width:2px;background:var(--lijn)}
.lb-vergelijk--kort{box-shadow:var(--sch);border-radius:var(--r);overflow:hidden;background:#fff}
.lb-prijsusp{justify-content:flex-start}
.lb-prijsusp__voet{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:18px 20px;border-radius:16px;background:var(--mint-vlak);color:var(--navy);font-size:14.5px}
.lb-prijsusp__voet b{font-size:24px;font-weight:700;letter-spacing:-.02em}
.lb-prijsusp .lb-kenmerkenlijst{margin-bottom:28px}

/* formulier: labels iets groter, keuzeknoppen subtieler (30-09-2026) */
.lb-veld label,.lb-veld legend{font-size:15px;font-weight:600}
.lb-veld .lb-keuze label{font-size:inherit;font-weight:inherit}
.lb-form .lb-keuze span{height:36px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:400;color:var(--tx-2)}
.lb-form .lb-keuze input:checked + span{background:#F3F4F6;border-color:var(--navy);color:var(--navy);font-weight:600;box-shadow:inset 0 0 0 1px var(--navy)}

/* rekenhulp: offerte boven het maximum, twee knoppen naast elkaar */
.lb-reken__offerte{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:16px 18px;border-radius:14px;background:rgba(0,230,191,.12);color:#fff;font-size:15px;line-height:1.5}
.lb-reken__offerte[hidden],.lb-reken__uit[hidden]{display:none}
.lb-reken__offerte i{color:var(--mint);margin-top:4px}
.lb-reken__acties{margin-top:0;flex-wrap:wrap}
.lb-reken .v11-btn--lijn{color:#fff;border-color:rgba(255,255,255,.35)}
.lb-reken .v11-btn--lijn:hover{border-color:#fff}

/* sfeerfoto naast een split */
.lb-sfeer{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3.4}
.lb-sfeer img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 60%}
@media (max-width:760px){.lb-sfeer{aspect-ratio:4/3}}
.lb-reken__opties > div[hidden]{display:none}

/* rekenhulp: breder, vaste kaartconfiguraties in twee dropdowns */
@media (min-width:1101px){.lb-prijs{grid-template-columns:.95fr 1.05fr}}
.lb-reken__opties--kies{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.lb-reken__opties--kies label{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.6);margin-bottom:8px}
.lb-reken select{width:100%;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.06);color:#fff;font:500 15px "Outfit",sans-serif;padding:0 44px 0 16px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--mint) 50%),linear-gradient(135deg,var(--mint) 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 17px) 23px;background-size:5px 5px;background-repeat:no-repeat}
.lb-reken select:focus{outline:none;border-color:var(--mint)}
.lb-reken select option{color:var(--navy);background:#fff}
@media (max-width:760px){.lb-reken__opties--kies{grid-template-columns:1fr}}
.lb-reken .lb-reken__uit{margin-top:auto;padding:24px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.lb-reken .lb-reken__uit div{border-top:0;padding-top:0}
.lb-reken__keuze{grid-column:1 / -1;margin:0 0 4px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;color:rgba(255,255,255,.75)}
.lb-reken__opties--kies{margin-bottom:32px}
@media (max-width:760px){.lb-reken .lb-reken__uit{grid-template-columns:1fr 1fr;padding:18px}.lb-reken .lb-reken__uit b{font-size:1.6rem}}


/* prijzen: sfeerfoto met donkere overlay over de volle breedte, geschreven kaart met speelse labels,
   witte rekenhulp rechts. De foto loopt door tot in de ronde hoek onder de hero (30-09-2026). */
.lb-prijsbeeld{position:relative;overflow:hidden;isolation:isolate;padding:112px 0 120px;color:#fff}
.v11--zones > section.v11-s--top + .lb-prijsbeeld{margin-top:calc(-1 * var(--r-p));border-radius:var(--r-p) var(--r-p) 0 0;z-index:1}
.lb-prijsbeeld__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;z-index:-2;transform:scale(1.15);transform-origin:75% 25%}
.lb-prijsbeeld::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,17,12,.78) 0%,rgba(22,17,12,.6) 35%,rgba(22,17,12,.22) 62%,rgba(22,17,12,.05) 100%),linear-gradient(0deg,rgba(22,17,12,.25),rgba(22,17,12,0) 40%)}
.lb-prijs--beeld{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:stretch}
.lb-prijsbeeld__tekst .v11-h2{color:#fff;max-width:560px}
.lb-prijsbeeld__tekst{display:flex;flex-direction:column}
.lb-prijsbeeld__podium{position:relative;flex:1;min-height:620px;display:flex;align-items:center;justify-content:center}
.lb-reken__kop{margin:0 0 24px;font-size:clamp(1.35rem,1.9vw,1.6rem);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:var(--navy);text-wrap:balance}
.lb-prijsbeeld__podium .lb-mockkaart{width:70%;max-width:none;transform:rotate(-4deg);box-shadow:0 40px 80px -20px rgba(0,0,0,.55)}
.lb-prijslabels{list-style:none;margin:0;padding:0}
.lb-prijslabels li{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28);font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap}
.lb-prijslabels li i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:var(--mint);font-size:13px}
.lb-prijslabels li:nth-child(1){top:3%;left:0;transform:rotate(-3deg)}
.lb-prijslabels li:nth-child(2){top:6%;right:2%;transform:rotate(2.5deg)}
.lb-prijslabels li:nth-child(3){top:14%;left:30%;transform:rotate(1.5deg)}
.lb-prijslabels li:nth-child(4){bottom:14%;left:-2%;transform:rotate(-2deg)}
.lb-prijslabels li:nth-child(5){bottom:12%;right:0;transform:rotate(2.5deg)}
.lb-prijslabels li:nth-child(6){bottom:2%;left:6%;transform:rotate(1.5deg)}
.lb-prijslabels li:nth-child(7){bottom:3%;right:4%;transform:rotate(-2deg)}
.lb-prijslabels__prijs{background:var(--mint) !important}
.lb-prijslabels__prijs i{background:#fff !important;color:var(--navy) !important}

/* witte rekenhulp */
.lb-prijs--beeld .lb-reken{background:#fff;color:var(--navy);box-shadow:0 40px 90px -20px rgba(0,0,0,.5)}
.lb-prijs--beeld .lb-reken label,.lb-prijs--beeld .lb-reken__opties--kies label{color:var(--navy);font-weight:600}
.lb-prijs--beeld .lb-reken__invoer{color:var(--tx-2)}
.lb-prijs--beeld .lb-reken__invoer input[type=number]{background:#fff;border-color:#D6DEE2;color:var(--navy)}
.lb-prijs--beeld .lb-reken input[type=range]{--baan:#E5E7EB}
.lb-prijs--beeld .lb-reken select{background-color:#fff;border-color:#D6DEE2;color:var(--navy);
  background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%)}
.lb-prijs--beeld .lb-reken .lb-reken__uit{background:var(--navy);border:0}
.lb-prijs--beeld .lb-reken__keuze{color:rgba(255,255,255,.75)}
.lb-prijs--beeld .lb-reken__noot{color:var(--tx-2)}
.lb-prijs--beeld .lb-reken__offerte{background:#F3F4F6;color:var(--navy)}
.lb-prijs--beeld .lb-reken__offerte i{color:var(--navy)}
.lb-prijs--beeld .lb-reken .v11-btn--lijn{color:var(--navy);border-color:#D6DEE2}
.lb-prijs--beeld .lb-reken .v11-btn--lijn:hover{border-color:var(--navy)}

@media (max-width:1100px){
  .lb-prijs--beeld{grid-template-columns:minmax(0,1fr);gap:32px}
  .lb-prijsbeeld__tekst,.lb-prijs--beeld .lb-reken{min-width:0}
}
@media (max-width:760px){
  .lb-prijsbeeld{padding:64px 0 56px}
  .v11--zones > section.v11-s--top + section.lb-prijsbeeld,.lb-prijsbeeld{padding-top:64px}
  .lb-prijsbeeld::before{background:rgba(22,17,12,.62)}
  .lb-prijsbeeld__podium{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;margin-top:24px}
  .lb-prijsbeeld__podium .lb-mockkaart{width:88%;margin:8px auto 28px}
  .lb-prijslabels{display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none;min-width:0;align-self:stretch}
  .lb-prijslabels li{position:static;transform:none !important;flex:0 0 auto;font-size:13px;box-shadow:none}
}

/* rekenhulp als hero van /tarieven/ (30-09-2026) */
.v11--zones > section.lb-prijsbeeld--hero{background:none;padding-bottom:132px}
.lb-prijsbeeld--hero .v3-h1{color:#fff;margin-top:14px}
.lb-prijsbeeld--hero .v11-intro{color:rgba(255,255,255,.82);max-width:52ch;margin-top:14px}
.lb-prijsbeeld--hero .lb-prijsbeeld__podium{min-height:440px;margin-top:8px}
.lb-prijsbeeld--hero .lb-prijsbeeld__podium .lb-mockkaart{width:52%}
.lb-prijsbeeld--hero .lb-prijsbeeld__podium{min-height:470px}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(1){top:2%;left:0;bottom:auto;right:auto;transform:rotate(-3deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(2){top:4%;right:2%;bottom:auto;left:auto;transform:rotate(2.5deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(3){top:47%;right:-2%;bottom:auto;left:auto;transform:rotate(-3deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(4){bottom:13%;left:-1%;top:auto;right:auto;transform:rotate(-2deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(5){bottom:11%;right:2%;top:auto;left:auto;transform:rotate(2.5deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(6){bottom:0;left:6%;top:auto;right:auto;transform:rotate(1.5deg)}
.lb-prijsbeeld--hero .lb-prijslabels li:nth-child(7){bottom:1%;right:6%;top:auto;left:auto;transform:rotate(-2deg)}
/* witte rekenhulp in de navy-hero: eigen tekstkleuren terug */
.lb-prijs--beeld .lb-reken{--tx:#475467;--tx-2:#667085;--lijn:#E5E7EB}
.v11--zones > section.v11-s--top .lb-reken .v11-btn--lijn{color:var(--navy);border-color:#D6DEE2}
.v11--zones > section.v11-s--top .lb-reken .v11-btn--lijn:hover{border-color:var(--navy)}
.lb-prijsbeeld--hero .lb-reken{align-self:start;margin-top:var(--h1-start,64px)}
@media (max-width:760px){
  .v11--zones > section.lb-prijsbeeld--hero{padding-bottom:88px}
  .lb-prijsbeeld__podium,.lb-prijsbeeld--hero .lb-prijsbeeld__podium{display:block;min-height:0;flex:none;margin-top:20px}
  .lb-prijsbeeld__podium .lb-mockkaart,.lb-prijsbeeld--hero .lb-prijsbeeld__podium .lb-mockkaart{width:82%;margin:12px auto 28px}
}

/* labels onder elkaar onder de titel, geen kaartbeeld meer (30-09-2026) */
.lb-prijsbeeld__podium,.lb-prijsbeeld--hero .lb-prijsbeeld__podium{display:block;flex:none;min-height:0;margin-top:32px}
.lb-prijs--beeld .lb-prijslabels{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;overflow:visible}
.lb-prijs--beeld .lb-prijslabels li{position:static;transform:none !important;font-size:15px;padding:10px 18px 10px 10px}
.lb-prijsbeeld--hero .lb-prijsbeeld__tekst{justify-content:flex-start}
@media (max-width:760px){
  .lb-prijs--beeld .lb-prijslabels{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
  .lb-prijs--beeld .lb-prijslabels li{width:100%;box-sizing:border-box;line-height:1.25}
  .lb-prijs--beeld .lb-prijslabels li i{flex:none}
  .lb-prijs--beeld .lb-prijslabels__prijs{grid-column:1 / -1}
  .lb-prijs--beeld .lb-prijslabels li{font-size:13px;white-space:normal;padding:8px 10px 8px 8px}
}

/* labels in de hero: glas i.p.v. wit (30-09-2026) */
.lb-prijs--beeld .lb-prijslabels li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lb-prijs--beeld .lb-prijslabels li i{background:rgba(0,230,191,.16);color:var(--mint)}

/* hero-labels 2x2 even breed; labels in de calculator in verhouding tot de velden (30-09-2026) */
.lb-prijs--beeld .lb-prijslabels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px}
.lb-prijs--beeld .lb-prijslabels li{width:100%;box-sizing:border-box;white-space:normal;line-height:1.25}
.lb-prijs--beeld .lb-prijslabels li i{flex:none}
.lb-prijs--beeld .lb-reken > label,.lb-prijs--beeld .lb-reken__opties--kies label{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:10px}
.lb-prijs--beeld .lb-reken__invoer{font-size:16px}
.lb-prijs--beeld .lb-reken select{font-size:16px}
@media (max-width:760px){
  .lb-prijs--beeld .lb-prijslabels{gap:8px}
  .lb-prijs--beeld .lb-reken > label,.lb-prijs--beeld .lb-reken__opties--kies label{font-size:15px}
}
@media (max-width:1100px){.lb-prijsbeeld--hero .lb-reken{margin-top:0}}

/* hero-labels onder elkaar, rustiger letter; vraag bovenin de calculator als titel (30-09-2026) */
.lb-prijs--beeld .lb-prijslabels{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:none}
.lb-prijs--beeld .lb-prijslabels li{width:auto;font-size:16px;font-weight:400;letter-spacing:.005em;padding:11px 20px 11px 11px;gap:14px;background:rgba(20,16,12,.28);border-color:rgba(255,255,255,.28)}
.lb-prijs--beeld .lb-prijslabels li i{width:34px;height:34px;border-radius:10px;font-size:14px}
.lb-prijsbeeld__podium,.lb-prijsbeeld--hero .lb-prijsbeeld__podium{margin-top:36px}
.lb-prijs--beeld .lb-reken > label[for="lb-aantal"]{font-size:21px;line-height:1.25;letter-spacing:-.01em;margin-bottom:4px}
@media (max-width:760px){
  .lb-prijs--beeld .lb-prijslabels{display:grid;grid-template-columns:1fr;gap:10px}
  .lb-prijs--beeld .lb-prijslabels li{font-size:15px}
  .lb-prijs--beeld .lb-reken > label[for="lb-aantal"]{font-size:19px}
}
.lb-prijsbeeld--hero .v3-h1{text-wrap:balance}

/* offerteformulier met dropdowns (30-09-2026) */
.lb-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lb-form__titel{grid-column:1 / -1;margin:0 0 2px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--navy)}
.lb-form__kop{grid-column:1 / -1;display:flex;align-items:center;gap:14px;margin:10px 0 0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-2)}
.lb-form__kop::after{content:"";flex:1;height:1px;background:#E5E7EB}
.lb-form__voet--vol{flex-direction:column;align-items:stretch;text-align:center}
.lb-form__voet--vol .v11-btn{justify-content:center;width:100%}
.lb-vinkjes--rond i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:0;background:var(--mint-vlak);color:var(--mint-tekst);font-size:12px}
.lb-vinkjes--rond li{align-items:center;font-weight:500}
.lb-contact .lb-vinkjes--rond + .lb-melding{margin-top:28px}

/* offerte in twee stappen (30-09-2026) */
.lb-stap{display:contents}
.lb-stap[hidden]{display:none}
.lb-form__stap{grid-column:1 / -1;margin:0 0 -8px;font-size:13px;color:var(--tx-2)}
.lb-form__stap b{color:var(--teal);font-weight:600}
.lb-form__samenvatting{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 16px;border-radius:14px;background:#F3F4F6;font-size:14px;line-height:1.45;color:var(--navy)}
.lb-form__terug{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;font:600 14px "Outfit",sans-serif;color:var(--navy);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lb-form__terug i{font-size:12px}
.lb-offerteblok .lb-melding{background:#fff}

/* melding: icoon verticaal in het midden (30-09-2026) */
.lb-melding{align-items:center}
.lb-melding > i{background:#fff}
.lb-offerteblok .lb-melding > i{background:#F3F4F6}

/* mobiel nalopen hoe-werkt-het (30-09-2026) */
@media (max-width:960px){.lb-startstappen li:not(:last-child)::after{display:none}}
@media (max-width:640px){
  .lb-startstappen{gap:22px}
  .lb-startstappen li:not(:last-child)::after{display:grid;content:"\f063";right:auto;top:auto;left:50%;bottom:-27px;transform:translateX(-50%);width:32px;height:32px;font-size:12px}
  .v3-meet__foto{overflow:visible}
  .v3-meet__foto img{border-radius:20px}
  .v3-601--zweef{position:relative;left:auto;bottom:auto;max-width:none;margin:-44px 14px 0;z-index:1}
  .lb-waarden--rij > div{padding:16px 18px;column-gap:14px}
  .lb-waarden--rij > div .v3-ico{width:40px;height:40px}
}
@media (max-width:640px){
  .v3-meet__foto{height:auto}
  .v3-meet__foto img{height:260px;display:block}
  .lb-waarden--rij > div{grid-template-rows:auto auto;align-content:start;align-items:start}
  .lb-waarden--rij > div .v3-ico{grid-row:1 / 3;align-self:start;margin-top:2px}
  .lb-waarden--rij > div b{align-self:start}
  .lb-waarden--los{grid-auto-rows:auto}
}
@media (max-width:640px){.lb-waarden--rij > div b{margin:0 0 2px}.lb-waarden--rij > div > span:not(.v3-ico){margin:0}}

/* rekenhulp: slider en aantal op één rij, 'kaarten' onder het veld (30-09-2026) */
.lb-reken__rij{display:flex;align-items:center;gap:20px;margin-top:14px}
.lb-reken__rij input[type=range]{flex:1;margin:0;min-width:0}
.lb-reken__rij .lb-reken__invoer{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}
.lb-reken__rij .lb-reken__invoer input[type=number]{width:112px;height:50px;font-size:18px;text-align:center;padding:0 10px}
.lb-reken__rij .lb-reken__invoer span{font-size:13px;line-height:1;color:var(--tx-2)}

/* rekenhulp: stuksprijs centraal, totaal kleiner (30-09-2026) */
.lb-prijs--beeld .lb-reken .lb-reken__uit{grid-template-columns:1.4fr 1fr;align-items:end}
.lb-prijs--beeld .lb-reken__uit b[data-per-kaart]{font-size:clamp(2.6rem,4vw,3.4rem)}
.lb-prijs--beeld .lb-reken__uit b[data-totaal]{font-size:1.35rem;color:#fff;letter-spacing:-.01em}
@media (max-width:760px){.lb-prijs--beeld .lb-reken__uit b[data-per-kaart]{font-size:2.3rem}.lb-prijs--beeld .lb-reken__uit b[data-totaal]{font-size:1.15rem}}

/* menubalk even breed als de inhoud (v11-rail) (30-09-2026) */
@media (min-width:961px){.v3-nav{width:min(100% - 64px,1216px)}}

/* menubalk 16px van boven, blijft vast staan (30-09-2026) */
.v3-nav{top:16px;margin-top:16px}
/* hero schuift mee onder de menubalk (16px marge i.p.v. 10px) */
.v11-s--top{margin-top:-100px}
@media (max-width:760px){.v11-s--top{margin-top:-92px}}
.v3-hero{margin-top:-100px !important}
@media (max-width:960px){.v3-hero{margin-top:-92px !important}}

/* flow op mobiel: keuzechips als veegrij boven de kaart (30-09-2026) */
@media (max-width:640px){
  .lb-reis2{display:grid;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate;background:none;border:0;box-shadow:none;padding:0}
  .lb-reis2::before{content:"";grid-row:2 / 4;grid-column:1;z-index:-1;background:#fff;border:1px solid var(--lijn);border-radius:24px;box-shadow:var(--sch-hi)}
  .lb-reis2__instel{grid-row:1;grid-column:1;border-bottom:0;padding-bottom:4px;margin-bottom:16px}
  .lb-reis2__instel span{background:#fff;border:1px solid var(--lijn)}
  .lb-reis2__lijn{grid-row:2;grid-column:1;padding:26px 20px 0}
  .lb-reis2 > .lb-reis2__actie{grid-row:3;grid-column:1;margin:26px 20px 0;padding-bottom:24px}
}

/* afsluitende CTA op mobiel sluit aan op de footer (30-09-2026) */
@media (max-width:640px){
  .v11--zones > section.v3-start:last-child{margin:8px 0 0;border-radius:24px 24px 0 0;padding-top:56px;padding-bottom:64px}
  main.v11--zones:has(> section.v3-start:last-child) + .v3-footer{margin-top:0 !important;border-radius:0 !important}
  main.v11--zones:has(> section.v3-start:last-child) + .v3-footer::before{content:"";display:block;height:1px;margin:0 0 40px;background:rgba(255,255,255,.12)}
}
@media (max-width:640px){.lb-reis2__lijn::before{left:41px;top:60px;bottom:34px}}
@media (max-width:960px){.lb-split--tabel > table{order:2}}

/* mobiel menu: subitems inspringen, categorieën subtieler (30-09-2026) */
@media (max-width:960px){
  .v3-sheet__sub{margin-left:6px;padding:2px 0 16px 16px;border-left:1px solid var(--lijn)}
  .v3-sheet__kop{margin:12px 0 2px;font-size:11px;font-weight:500;letter-spacing:.08em;color:#AEB5C0}
  .v3-sheet__kop:first-child{margin-top:2px}
  .v3-sheet__sub a{padding:7px 0;font-size:15.5px}
  .v3-sheet__sub a > i{width:28px;height:28px;border-radius:9px;font-size:12px}
  .v3-sheet summary:focus{outline:none}
  .v3-sheet summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:8px}
}
/* mobiel: afsluitende CTA vloeit als footer; witte pagina eindigt met ronde hoeken óp het navy (30-09-2026) */
@media (max-width:640px){
  .v11--zones > section.v3-start:last-child{border-radius:0;margin-top:0;position:relative;padding-top:80px}
  .v11--zones > section.v3-start:last-child::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:#fff;border-radius:0 0 24px 24px;z-index:1}
}
/* formulieren op mobiel: korte velden twee aan twee (30-09-2026) */
@media (max-width:640px){
  .lb-form{grid-template-columns:1fr 1fr;gap:12px 10px}
  .lb-form > .lb-veld--vol,.lb-form > .lb-check,.lb-form > .lb-form__voet,.lb-form > .lb-form__ok,.lb-form > .lb-jaar{grid-column:1 / -1}
  .lb-form .lb-veld input,.lb-form .lb-veld select{min-width:0}
}

/* handschriftenraster (30-09-2026) */
.lb-handschriften{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lb-handschrift{margin:0;display:flex;flex-direction:column;border-radius:var(--r);background:#fff;border:1px solid var(--lijn);box-shadow:var(--sch);overflow:hidden}
.lb-handschrift img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#FBFAF7;padding:14px}
.lb-handschrift figcaption{padding:12px 16px;border-top:1px solid var(--lijn);font-size:15px;font-weight:600;color:var(--navy)}
.lb-handschriften__eigen{display:flex;align-items:center;gap:14px;margin:24px 0 0;padding:16px 20px;border-radius:16px;background:#F3F4F6;font-size:15px;color:var(--navy)}
.lb-handschriften__eigen i{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--navy);color:var(--mint)}
.lb-handschriften__eigen b{font-weight:600}
@media (max-width:960px){.lb-handschriften{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lb-handschrift img{padding:8px}.lb-handschrift figcaption{padding:10px 12px;font-size:14px}}
.lb-handschrift{position:relative}
.lb-handschrift > div,.lb-handschrift img{overflow:hidden}
.lb-handschrift img{padding:0;aspect-ratio:16/10;object-fit:cover;transform:scale(1.9);transform-origin:24% 42%}
.lb-handschrift figcaption{position:relative;z-index:1;background:#fff}
@media (max-width:960px){.lb-handschrift img{padding:0}}

/* productslider: één bedieningsrij onder de slider (stippen + pijlen), op alle schermen (30-09-2026) */
#producten .v3-kop .v12-pijlen{display:none !important}
.v12-pijlen--onder{display:flex !important;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.v12-pijlen--onder .v12-stippen{display:flex;align-items:center;gap:8px;margin-right:auto}
.v12-stippen button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(8,18,69,.18);cursor:pointer;transition:width .25s,background .25s}
.v12-stippen button.is-actief{width:24px;background:var(--navy)}
.v12-pijlen--onder > button{width:42px;height:42px;font-size:13px;border-color:rgba(8,18,69,.14);color:var(--navy)}
.v12-pijlen--onder > button:disabled{opacity:.35;cursor:default}
.v12-pijlen--onder > button:disabled:hover{background:#fff;color:var(--navy);border-color:rgba(8,18,69,.14)}
@media (max-width:640px){.v12-pijlen--onder{margin-top:16px}.v12-pijlen--onder > button{width:36px;height:36px;font-size:12px}}
/* voorbeeldbeeld letters niet afsnijden */
#letters .lb-split__beeld img{object-fit:contain;background:#EEEAE2}

/* handschriftenslider: zelfde tafel als de formaten (30-09-2026) */
.lb-hsslide{margin:0}
.lb-hsslide figcaption h3{margin:18px 0 4px;font-size:18px;font-weight:600;color:var(--navy)}
.lb-hsslide figcaption p{margin:0;font-size:14.5px;color:var(--tx)}
#handschriften .v12-slider{grid-auto-columns:calc((100% - 40px) / 3)}
@media (max-width:960px){#handschriften .v12-slider{grid-auto-columns:calc((100% - 20px) / 1.6)}}
@media (max-width:640px){#handschriften .v12-slider{grid-auto-columns:86%}}
#handschriften .lb-handschriften__eigen{margin-top:28px}
#handschriften .v12-tafel{overflow:hidden}
#handschriften .v12-kaart--liggend{width:74%;max-width:none;object-fit:contain}

/* samplepakket: kop gecentreerd, formulier links, foto rechts met schuin label (30-09-2026) */
.lb-sample__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:stretch}
.lb-sample .lb-form{grid-template-columns:repeat(6,minmax(0,1fr))}
.lb-sample .lb-form > .lb-veld{grid-column:span 3}
.lb-sample .lb-form > .lb-veld--vol,.lb-sample .lb-form > .lb-check,.lb-sample .lb-form > .lb-form__voet,.lb-sample .lb-form > .lb-form__ok{grid-column:1 / -1}
.lb-sample .lb-form > .lb-veld--breed{grid-column:span 4}
.lb-sample .lb-form > .lb-veld--smal{grid-column:span 2}
.lb-sample__foto{position:relative;margin:0;border-radius:24px;box-shadow:var(--sch-hi);min-height:420px}
.lb-sample__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}
.lb-sample__label{position:absolute;top:-14px;right:-10px;transform:rotate(-5deg);padding:12px 22px;border-radius:12px;background:var(--mint);color:var(--navy);font:600 22px/1 "Caveat","Segoe Print","Bradley Hand",cursive;box-shadow:0 14px 30px -10px rgba(8,19,69,.45)}
@media (max-width:960px){.lb-sample__grid{grid-template-columns:1fr;gap:28px}.lb-sample__foto{min-height:280px;order:-1}.lb-sample__label{right:10px;font-size:19px}}
/* handschriften: eigen ondergrond (donkere leisteen), anders dan de houten tafel bij de formaten */
#handschriften .v12-tafel{background:
  radial-gradient(circle at 25% 15%,rgba(255,255,255,.10),transparent 55%),
  repeating-radial-gradient(circle at 70% 80%,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),
  linear-gradient(160deg,#3A3D45 0%,#23252B 100%)}
#handschriften .v12-kaart{box-shadow:0 1px 1px rgba(0,0,0,.2),0 26px 40px -14px rgba(0,0,0,.7)}

/* sfeerblok 'Geen twee kaarten gelijk' (30-09-2026) */
.lb-lupe{position:relative;overflow:hidden;isolation:isolate}
.lb-lupe::before{content:"";position:absolute;right:-8%;top:50%;width:62%;aspect-ratio:1;transform:translateY(-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,230,191,.28) 0%,rgba(0,230,191,.08) 40%,transparent 70%)}
.lb-lupe__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;width:min(100% - 64px,1216px);margin-inline:auto}
.lb-lupe .v3-h2{color:#fff}
.lb-lupe .v3-lead{color:rgba(255,255,255,.75)}
.lb-lupe__punten{list-style:none;counter-reset:p;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.lb-lupe__punten li{counter-increment:p;position:relative;padding-left:56px;display:flex;flex-direction:column;gap:3px}
.lb-lupe__punten li::before{content:counter(p);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-weight:700;font-size:16px}
.lb-lupe__punten b{font-size:17px;font-weight:600;color:#fff}
.lb-lupe__punten span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.68)}
.lb-lupe__beeld{position:relative;margin:0}
.lb-lupe__beeld img{display:block;width:112%;max-width:none;margin-left:-2%;transform:rotate(-2deg);filter:drop-shadow(0 40px 60px rgba(0,0,0,.45))}
.lb-lupe__pin{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;color:var(--navy);font-size:13.5px;font-weight:600;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);white-space:nowrap}
.lb-lupe__pin b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:12px}
.lb-lupe__pin.p1{top:52%;right:-2%}
.lb-lupe__pin.p2{top:24%;right:4%}
.lb-lupe__pin.p3{bottom:10%;left:4%}
@media (max-width:960px){
  .lb-lupe__grid{grid-template-columns:1fr;gap:36px;width:calc(100% - 40px)}
  .lb-lupe__beeld img{width:100%;margin:0}
  .lb-lupe::before{right:-30%;top:auto;bottom:-10%;width:120%;transform:none}
  .lb-lupe__pin{font-size:12.5px}
}
/* afsluitende CTA met contactpersoon (30-09-2026) */
.lb-start__persoon{display:inline-flex;align-items:center;gap:14px;margin-top:36px;padding:10px 22px 10px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:left;position:relative;z-index:1}
.lb-start__persoon .lb-avatar{width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;border:2px solid var(--mint)}
.lb-start__persoon .lb-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.lb-start__persoon b{display:block;font-size:15px;font-weight:600;color:#fff}
.lb-start__persoon span > span,.lb-start__persoon > span:last-child{font-size:14px;color:rgba(255,255,255,.72)}
.lb-start__persoon a{color:var(--mint);font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:640px){.lb-start__persoon{border-radius:20px;padding:12px 16px 12px 12px}}

/* mensen subtiel: gezichten in labels, teamportretten (30-09-2026) */
.lb-pin__gezicht{position:relative;width:40px;height:40px;flex:none}
.lb-pin__gezicht img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.lb-pin__gezicht i{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-size:10px;box-shadow:0 0 0 2px #fff}
.lb-team{display:inline-flex;flex:none}
.lb-team img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(8,18,69,.12)}
.lb-team img + img{margin-left:-12px}
.v12-faq__contact .lb-team{margin-bottom:10px}
.lb-team__zin{display:block;margin:-2px 0 6px;font-size:13.5px;color:var(--tx-2)}
.lb-team__regel{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:14.5px;color:var(--navy)}
.lb-ontvanger{position:absolute;z-index:6;left:-6%;bottom:14%;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;box-shadow:0 18px 40px -14px rgba(8,18,69,.45);font-size:13px;line-height:1.25;color:var(--navy);animation:v3zweef 6s ease-in-out infinite}
.lb-ontvanger img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.lb-ontvanger b{display:block;font-weight:600}
.lb-ontvanger small{display:block;color:#667085;font-size:12px}
@media (prefers-reduced-motion:reduce){.lb-ontvanger{animation:none}}
@media (max-width:640px){.lb-ontvanger{left:2%;bottom:6%;font-size:12px}.lb-ontvanger img{width:32px;height:32px}}

/* gekleurde blokken even breed als de inhoud en de menubalk (1216px); slot-CTA iets smaller (30-09-2026) */
@media (min-width:961px){
  .v11--zones > section:is(.v11-s--papier,.v11-s--licht,.v11-s--navy,.v11-s--blauw):not(.v11-s--inzet):not(.v11-s--top),
  .v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{width:min(100% - 64px,1216px)}
  .v11--zones > section:is(.v11-s--papier,.v11-s--licht,.v11-s--navy,.v11-s--blauw):not(.v11-s--inzet):not(.v11-s--top) > .v11-rail{width:calc(100% - 112px)}
  .v11--zones > section:is(.v3-p--navy,.v3-p--papier).v3-vol{padding-left:56px !important;padding-right:56px !important}
  .v11--zones > section.v3-start{width:min(100% - 64px,1080px);margin-left:auto;margin-right:auto}
  .lb-lupe__grid{width:100%}
}
.lb-team--een img{width:64px;height:64px;border-width:3px}

/* flow: 'Jij kiest' onder de lijn (30-09-2026) */
@media (min-width:641px){
  .lb-reis2{display:flex;flex-direction:column}
  .lb-reis2__lijn{order:1}
  .lb-reis2__instel{order:2;margin:30px 0 0;padding:26px 0 0;border-bottom:0;border-top:1px dashed var(--lijn)}
  .lb-reis2 > .lb-reis2__actie{order:3}
}
@media (max-width:640px){
  .lb-reis2::before{grid-row:1 / 3}
  .lb-reis2__lijn{grid-row:1}
  .lb-reis2 > .lb-reis2__actie{grid-row:2}
  .lb-reis2__instel{grid-row:3;margin:16px 0 0;padding:0 0 4px}
}

/* inzetblokken ook even breed als de inhoud (30-09-2026) */
@media (min-width:961px){.v11--zones > section.v11-s--inzet{width:min(100% - 64px,1216px)}.v11--zones > section.v11-s--inzet > .v11-rail{width:calc(100% - 112px)}}
.lb-avatar--klein{width:40px;height:40px;font-size:15px;background:var(--navy);color:var(--mint)}
.lb-meedenken .lb-avatar--klein{flex:none;min-width:0}
.lb-meedenken .lb-avatar--klein{color:var(--mint) !important;font-weight:600}
@media (min-width:961px){#hero.v3-hero + #momenten{padding-top:50px}}

/* momentenoverzicht in groepen (01-10-2026) */
.lb-momgroep{margin-top:72px}
.lb-momgroep + .lb-momgroep{margin-top:64px;padding-top:56px;border-top:1px solid rgba(255,255,255,.12)}
.lb-momgroep__kop{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.lb-momgroep__kop .v11-h2{margin:0;font-size:clamp(1.5rem,2.4vw,2rem)}
.lb-momgroep__kop p{margin:6px 0 0;font-size:15.5px;color:var(--tx)}
.lb-momgroep__ico{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--navy);font-size:17px}
.lb-momgroep .v11-mom--los{margin-top:0}
@media (max-width:640px){.lb-momgroep{margin-top:48px}.lb-momgroep + .lb-momgroep{margin-top:40px;padding-top:40px}}

/* momenttegels: bij hover donkere overlay met 'Lees meer' over de afbeelding (01-10-2026) */
.v11-mom__k::after{content:"Lees meer  \2192";position:absolute;left:50%;top:42%;z-index:3;transform:translate(-50%,-50%) scale(.92);
  padding:12px 22px;border-radius:999px;background:var(--mint);color:var(--navy);font:600 15px/1 "Outfit",sans-serif;white-space:pre;
  opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.v11-mom__k::before{transition:background .3s}
@media (hover:hover){
  .v11-mom__k:hover::before{background:linear-gradient(180deg,rgba(8,18,69,.55) 0%,rgba(8,18,69,.92) 100%)}
  .v11-mom__k:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.v11-mom__k:focus-visible::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (prefers-reduced-motion:reduce){.v11-mom__k::after,.v11-mom__k::before{transition:none}}

/* sfeerblok echtheid: close-up in een eigen kader op een bureau-ondergrond (01-10-2026) */
.lb-lupe__beeld{position:relative;margin:0;aspect-ratio:5/4;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);
  background:
    repeating-linear-gradient(92deg,rgba(90,58,30,.06) 0 2px,transparent 2px 11px),
    radial-gradient(circle at 25% 15%,rgba(255,255,255,.35),transparent 55%),
    linear-gradient(160deg,#C9A47A 0%,#9C7449 100%)}
.lb-lupe__beeld img{position:absolute;right:-3%;bottom:-4%;width:96%;max-width:none;margin:0;transform:rotate(-3deg);transform-origin:bottom right;filter:drop-shadow(0 26px 30px rgba(40,22,8,.45))}
.lb-lupe__pin{z-index:2}
.lb-lupe__pin.p1{top:54%;right:5%}
.lb-lupe__pin.p2{top:12%;right:6%}
.lb-lupe__pin.p3{bottom:8%;left:5%}
@media (max-width:960px){.lb-lupe__beeld img{width:100%;margin:0}}
/* echtheidsblok op wit: geen navy vlak meer */
.lb-lupe::before{display:none}
.lb-lupe .v3-h2{color:var(--navy)}
.lb-lupe .v3-lead{color:var(--tx)}
.lb-lupe__punten b{color:var(--navy)}
.lb-lupe__punten span{color:var(--tx)}
.lb-lupe__punten li::before{background:var(--navy);color:var(--mint)}
/* 'Lees meer' als subtiele secundaire knop: wit omrand, transparant */
.v11-mom__k::after{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.75);padding:11px 20px;font-weight:500;font-size:14.5px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
/* samplepakket compacter, zonder achtergrond (01-10-2026) */
.lb-sample .v11-kop{margin-bottom:36px}
.lb-sample__grid{gap:32px;align-items:center}
.lb-sample .lb-contact__kaart{padding:28px}
.lb-sample .lb-form{gap:10px}
.lb-sample .lb-veld input{height:46px}
.lb-sample__foto{min-height:0;aspect-ratio:4/3}
@media (max-width:960px){.lb-sample__foto{aspect-ratio:4/3}}
.lb-momgroep:first-child{margin-top:0}