:root {

  --teal-50:#f3fbfa; --teal-100:#e8f7f6; --teal-200:#c7e8e6; --teal-300:#97d6d3;
  --teal-400:#5cc2bd; --teal-500:#21ada8; --teal-600:#1ea29c; --teal-700-vlak:#1a928b;  --teal-700:#147570;
  --teal-800:#136b66; --teal-900:#0e4a47;

  --ink-50:#f4f5f4; --ink-100:#e6e8e7; --ink-200:#d9dbda; --ink-300:#b8bcbb;
  --ink-400:#868686; --ink-500:#6b7270; --ink-600:#44494a; --ink-700:#2a2f2e;
  --ink-800:#1a1f1e; --ink-900:#0d1110;

  --accent-100:#fef5d3; --accent-300:#fde292; --accent-400:#fbd96b; --accent-500:#f9d047;

  --critical-500:#d24a3b; --success-500:#267a51;  --warning-500:#d6873c;
  --critical-100:#fbe9e6; --success-100:#e3f3eb; --warning-100:#fbeedd;

  --paper:#ffffff; --bg:#f6f5f0; --bg-soft:#faf9f4;

  --font-sans:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --max:1240px;
  --gut:48px;

  --ease:cubic-bezier(0.2,0.6,0.2,1);
  --ease-emph:cubic-bezier(0.16,0.84,0.44,1);

  --shadow-sm:0 2px 6px rgba(14,26,24,0.06);
  --shadow-md:0 6px 16px -2px rgba(14,26,24,0.08);
  --shadow-lg:0 18px 40px -12px rgba(14,26,24,0.14);
  --shadow-xl:0 40px 80px -24px rgba(14,74,71,0.28);
}

*,*::before,*::after{box-sizing:border-box;}

html{scroll-behavior:auto;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font-sans);
  background:var(--bg);
  color:var(--ink-800);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--teal-700);text-decoration:none;}
a:hover{color:var(--teal-800);}
.mono{font-family:var(--font-mono);}
::selection{background:var(--teal-200);color:var(--ink-900);}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);}
.eyebrow{
  font-family:var(--font-mono);font-size:13px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--teal-700);font-weight:500;
  display:inline-flex;align-items:center;gap:8px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--teal-500);display:inline-block;}
.eyebrow.center::before{display:none;}
section{position:relative;}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-sans);font-weight:600;font-size:15px;
  padding:16px 24px;border-radius:999px;border:1px solid transparent;
  cursor:pointer;transition:all .24s var(--ease);white-space:nowrap;
  text-decoration:none;
}
.btn .arr{transition:transform .3s var(--ease);}
.btn:hover .arr{transform:translateX(4px);}
.btn-cta{background:var(--accent-500);color:var(--ink-900);box-shadow:0 6px 20px -6px rgba(249,208,71,0.7);}
.btn-cta:hover{background:var(--accent-400);color:var(--ink-900);transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(249,208,71,0.85);}
.btn-primary{background:var(--teal-700-vlak);color:#fff;}
.btn-primary:hover{background:var(--teal-800);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.btn-ghost{background:transparent;color:var(--ink-800);border-color:var(--ink-200);}
.btn-ghost:hover{border-color:var(--teal-500);color:var(--teal-800);background:var(--teal-50);}
.btn-white{background:#fff;color:var(--ink-900);}
.btn-white:hover{background:var(--ink-50);color:var(--ink-900);transform:translateY(-2px);}
.btn-lg{padding:16px 32px;font-size:16px;}

.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .3s var(--ease),box-shadow .3s var(--ease),padding .3s var(--ease);
  padding:16px 0;
}
.nav-inner{
  max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:flex;align-items:center;gap:32px;
}

.nav.scrolled{background:rgba(255,255,255,0.97);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--ink-100);padding:12px 0;}
.nav-logo{height:36px;transition:height .3s var(--ease);}
.nav.scrolled .nav-logo{height:31px;}
.nav-links{display:flex;gap:32px;margin-left:16px;}
.nav-links a{
  color:var(--ink-700);font-size:14.5px;font-weight:500;position:relative;padding:4px 0;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--teal-500);
  transition:width .28s var(--ease);
}
.nav-links a:hover{color:var(--ink-900);}
.nav-links a:hover::after{width:100%;}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:16px;}
.nav-cta .ghost-link{font-size:14.5px;font-weight:600;color:var(--ink-800);}
.nav-cta .ghost-link:hover{color:var(--teal-700);}
.nav-hero-invert .nav-links a{color:rgba(255,255,255,0.82);}
.nav-hero-invert .nav-links a:hover{color:#fff;}
.nav-hero-invert .nav-cta .ghost-link{color:#fff;}
.nav-hero-invert:not(.scrolled) .nav-logo{filter:brightness(0) invert(1);}

.nav-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:4px;padding:8px;margin-left:auto;}
.nav-burger span{width:24px;height:2px;background:var(--ink-800);display:block;transition:.3s;}

.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  background:
    radial-gradient(80% 70% at 88% 8%, rgba(33,173,168,0.16) 0%, transparent 55%),
    radial-gradient(70% 60% at 5% 95%, rgba(249,208,71,0.12) 0%, transparent 55%),
    linear-gradient(180deg,#ffffff 0%, var(--teal-50) 100%);
  color:var(--ink-800);overflow:hidden;
  padding:152px 0 88px;
}
.hero-bg{display:none;}
.hero-grid-lines{position:absolute;inset:0;z-index:1;opacity:0.6;
  background-image:linear-gradient(rgba(26,146,139,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,146,139,0.05) 1px,transparent 1px);
  background-size:66px 66px;mask-image:radial-gradient(90% 70% at 70% 30%,#000,transparent);
}
.hero-inner{position:relative;z-index:3;width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:1.02fr 0.98fr;gap:56px;align-items:center;}
.hero-eyebrow{color:var(--teal-700);margin-bottom:24px;}
.hero-eyebrow::before{background:var(--teal-500);}
.hero h1{
  font-size:clamp(42px,5.6vw,80px);line-height:0.99;letter-spacing:-0.035em;font-weight:700;margin:0 0 24px;
  text-wrap:balance;color:var(--ink-900);
}
.hero h1 em{font-style:italic;font-weight:400;color:var(--teal-700);}
.hero-sub{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink-600);max-width:46ch;margin:0 0 32px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.hero-trust{margin-top:48px;display:flex;align-items:center;gap:24px;color:var(--ink-500);font-size:13.5px;}
.hero-trust .divider{width:1px;height:34px;background:var(--ink-200);}
.hero-trust b{color:var(--teal-700);font-weight:700;font-size:24px;display:block;line-height:1;font-family:var(--font-sans);letter-spacing:-0.02em;}
.hero-trust span{display:block;margin-top:4px;}

.hero-visual{position:relative;height:100%;min-height:440px;}
.hero-card{
  position:absolute;background:#fff;color:var(--ink-800);border-radius:16px;
  box-shadow:var(--shadow-xl);overflow:hidden;
}
.hero-card-main{inset:0;top:20px;padding:0;}
.hero-card-main .hc-head{
  display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--ink-100);
}
.hc-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-200);}
.hc-dot.g{background:var(--teal-500);}
.hc-title{font-size:13px;font-weight:600;margin-left:8px;color:var(--ink-700);}
.hc-body{padding:24px;}
.hc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.hc-kpi{background:var(--bg);border-radius:10px;padding:16px 16px;}
.hc-kpi .lbl{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-400);}
.hc-kpi .val{font-size:26px;font-weight:700;letter-spacing:-0.02em;margin-top:4px;}
.hc-kpi .val small{font-size:13px;color:var(--success-500);font-weight:600;margin-left:4px;}
.hc-chart{height:96px;display:flex;align-items:flex-end;gap:8px;padding-top:8px;}
.hc-bar{flex:1;background:linear-gradient(180deg,var(--teal-400),var(--teal-600));border-radius:4px 4px 0 0;transition:height 1s var(--ease-emph);}

.hero-badge{
  position:absolute;background:var(--teal-700-vlak);color:#fff;border-radius:12px;padding:12px 16px;
  box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  z-index:2;
}
.hero-badge.b1{top:-6px;right:8px;background:#fff;color:var(--ink-800);}
.hero-badge.b2{bottom:8px;left:-26px;}
.hero-badge .ico{width:26px;height:26px;border-radius:8px;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;flex-shrink:0;}
.hero-badge.b2 .ico{background:rgba(255,255,255,0.2);color:#fff;}
.float{animation:floaty 6s ease-in-out infinite;}
.float.d1{animation-delay:-2s;}
.float.d2{animation-delay:-4s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,0.5);
  font-family:var(--font-mono);font-size:13px;letter-spacing:0.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;}
.hero-scroll .line{width:1px;height:40px;background:linear-gradient(rgba(255,255,255,0.5),transparent);animation:scrolldot 2s ease-in-out infinite;}
@keyframes scrolldot{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}50.1%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

.clients-sec{background:var(--paper);border-bottom:1px solid var(--ink-100);padding:calc(var(--sec-y) * .5) 0;}
.clients-bar{display:grid;grid-template-columns:0.9fr 1.55fr;gap:56px;align-items:center;}
.clients-lead .eyebrow{margin-bottom:16px;}
.clients-lead h3{font-size:clamp(24px,2.6vw,31px);font-weight:700;letter-spacing:-0.02em;line-height:1.18;margin:0 0 16px;}
.clients-lead h3 em{font-style:normal;color:var(--teal-600);}
.clients-lead p{font-size:15px;color:var(--ink-500);line-height:1.55;margin:0;max-width:36ch;}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px;align-items:center;}
.clients-grid div{display:grid;place-items:center;height:64px;}
.clients-grid img{max-height:31px;max-width:124px;width:auto;opacity:1;filter:none;transition:transform .3s;}
.clients-grid div:hover img{transform:scale(1.05);}
@media(max-width:860px){.clients-bar{grid-template-columns:1fr;gap:32px;}.clients-lead p{max-width:none;}}
@media(max-width:520px){.clients-grid{grid-template-columns:repeat(2,1fr);}}

.marquee-sec{background:var(--paper);border-bottom:1px solid var(--ink-100);padding:40px 0;}
.marquee-label{text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-400);margin-bottom:24px;}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marquee-track{display:flex;align-items:center;gap:64px;padding-right:64px;animation:scroll-x 38s linear infinite;flex-shrink:0;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track img{height:30px;width:auto;opacity:0.5;filter:grayscale(1);transition:opacity .3s,filter .3s;flex-shrink:0;}
.marquee-track img:hover{opacity:1;filter:grayscale(0);}
@keyframes scroll-x{to{transform:translateX(-50%);}}

.sec{padding:var(--sec-y) 0;}
.sec-head{max-width:760px;margin-bottom:64px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head .eyebrow{margin-bottom:24px;}
.sec-title{font-size:clamp(32px,4.2vw,56px);line-height:1.04;letter-spacing:-0.03em;font-weight:700;margin:0 0 24px;text-wrap:balance;}
.sec-title em{font-style:italic;font-weight:400;color:var(--teal-700);}
.sec-lede{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ink-600);margin:0;}

.enemy{background:var(--ink-900);color:#fff;overflow:hidden;}
.enemy .sec-title em{color:var(--accent-500);}
.enemy .sec-lede{color:rgba(255,255,255,0.86);}
.enemy .eyebrow{color:var(--critical-500);}
.enemy .eyebrow::before{background:var(--critical-500);}
.fragments{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;}
.frag{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:16px;
  padding:32px;position:relative;overflow:hidden;transition:transform .4s var(--ease),border-color .4s;
}
.frag:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.2);}
.frag .sys{font-family:var(--font-mono);font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal-400);margin-bottom:16px;}
.frag .metric{font-size:38px;font-weight:700;letter-spacing:-0.02em;line-height:1;}
.frag .metric-lbl{font-size:13px;color:rgba(255,255,255,0.55);margin-top:8px;}
.frag .warn{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);font-size:13.5px;color:rgba(255,255,255,0.6);display:flex;gap:8px;align-items:flex-start;}
.frag .warn .q{color:var(--critical-500);font-weight:700;flex-shrink:0;}
.enemy-punch{margin-top:56px;text-align:center;font-size:clamp(24px,3vw,40px);font-weight:600;letter-spacing:-0.02em;line-height:1.2;max-width:22ch;margin-left:auto;margin-right:auto;text-wrap:balance;}
.enemy-punch em{font-style:italic;font-weight:400;color:var(--accent-500);}

.fragments-wrap{position:relative;}
.frag-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.frag-top .sys{margin-bottom:0;}
.frag .sig{display:flex;align-items:flex-end;gap:4px;height:14px;}
.frag .sig i{width:3px;background:var(--teal-400);border-radius:2px;opacity:0.35;}
.frag .sig i:nth-child(1){height:5px;}
.frag .sig i:nth-child(2){height:9px;}
.frag .sig i:nth-child(3){height:14px;}
.frag:hover .sig i{animation:sigFlicker 1.2s steps(1) infinite;}
.frag:hover .sig i:nth-child(2){animation-delay:.2s;}
.frag:hover .sig i:nth-child(3){animation-delay:.4s;}
@keyframes sigFlicker{0%,100%{opacity:.35;}50%{opacity:.9;}}

.fragments:hover .frag{opacity:0.42;transition:opacity .3s var(--ease),transform .4s var(--ease),border-color .4s;}
.fragments:hover .frag:hover{opacity:1;transform:translateY(-6px);border-color:rgba(255,255,255,0.28);}

.severed{position:absolute;top:44%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;}
.severed.s1{left:33.33%;}
.severed.s2{left:66.66%;}
.sev-node{width:42px;height:42px;border-radius:50%;background:rgba(210,74,59,0.16);border:1px solid rgba(210,74,59,0.55);display:grid;place-items:center;color:#ef9d8d;position:relative;animation:sevPulse 2.2s ease-in-out infinite;}
.sev-node::before,.sev-node::after{content:"";position:absolute;top:50%;width:46px;height:0;border-top:2px dashed rgba(255,255,255,0.16);}
.sev-node::before{right:100%;margin-right:4px;}
.sev-node::after{left:100%;margin-left:4px;}
.sev-label{font-family:var(--font-mono);font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:#ef9d8d;opacity:0.85;}
@keyframes sevPulse{0%,100%{box-shadow:0 0 0 0 rgba(210,74,59,0.45);}70%{box-shadow:0 0 0 9px rgba(210,74,59,0);}}
@media(max-width:900px){.severed{display:none;}}

.shift-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:12px;
  border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);}
.shift-col{padding:48px 48px;}
.shift-from{background:var(--ink-100);color:var(--ink-700);}
.shift-to{background:var(--teal-700-vlak);color:#fff;}
.shift-tag{font-family:var(--font-mono);font-size:13px;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:24px;display:inline-block;padding:8px 16px;border-radius:999px;}
.shift-from .shift-tag{background:var(--ink-200);color:var(--ink-600);}
.shift-to .shift-tag{background:rgba(255,255,255,0.18);color:#fff;}
.shift-col h3{font-size:26px;line-height:1.2;letter-spacing:-0.02em;font-weight:600;margin:0 0 16px;}
.shift-list{list-style:none;padding:0;margin:0;}
.shift-list li{padding:12px 0;font-size:15px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid;}
.shift-from .shift-list li{border-color:rgba(0,0,0,0.07);}
.shift-to .shift-list li{border-color:rgba(255,255,255,0.14);}
.shift-list li:last-child{border-bottom:0;}
.shift-list .ic{flex-shrink:0;margin-top:4px;}
.shift-arrow{display:grid;place-items:center;background:var(--accent-500);width:84px;}
.shift-arrow svg{width:34px;height:34px;}

@media(prefers-reduced-motion:no-preference){
  .shift-from .shift-list li{opacity:0;transform:translateX(-14px);}
  .shift-to .shift-list li{opacity:0;transform:translateX(14px);}
  .shift-grid.in .shift-from .shift-list li{animation:shiftInL .55s var(--ease) forwards;}
  .shift-grid.in .shift-to .shift-list li{animation:shiftInR .55s var(--ease) forwards;}
  .shift-grid.in .shift-from .shift-list li:nth-child(1){animation-delay:.1s;}
  .shift-grid.in .shift-from .shift-list li:nth-child(2){animation-delay:.2s;}
  .shift-grid.in .shift-from .shift-list li:nth-child(3){animation-delay:.3s;}
  .shift-grid.in .shift-from .shift-list li:nth-child(4){animation-delay:.4s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(1){animation-delay:.5s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(2){animation-delay:.62s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(3){animation-delay:.74s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(4){animation-delay:.86s;}
  .shift-grid.in .shift-to .shift-list li .ic{animation:ckPop .4s var(--ease-emph) both;}
  .shift-grid.in .shift-to .shift-list li:nth-child(1) .ic{animation-delay:.62s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(2) .ic{animation-delay:.74s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(3) .ic{animation-delay:.86s;}
  .shift-grid.in .shift-to .shift-list li:nth-child(4) .ic{animation-delay:.98s;}
}
@media(min-width:821px) and (prefers-reduced-motion:no-preference){
  .shift-arrow svg{animation:arrNudge 1.8s ease-in-out infinite;}
}
@keyframes shiftInL{to{opacity:1;transform:none;}}
@keyframes shiftInR{to{opacity:1;transform:none;}}
@keyframes ckPop{0%{transform:scale(0.2);opacity:0;}60%{transform:scale(1.18);opacity:1;}100%{transform:scale(1);opacity:1;}}
@keyframes arrNudge{0%,100%{transform:translateX(0);}50%{transform:translateX(6px);}}

@media(max-width:820px){.shift-grid{grid-template-columns:1fr;}.shift-arrow{width:100%;height:64px;transform:none;}.shift-arrow svg{transform:rotate(90deg);}}

.cf-flow{display:grid;grid-template-columns:280px 1fr 440px;align-items:center;gap:0;margin-top:16px;}
.cf-frags{position:relative;height:420px;}
.cf-chip{position:absolute;background:#fff;border:1px solid var(--ink-100);border-radius:11px;padding:12px 16px;box-shadow:var(--shadow-lg);width:220px;}
.cf-chip .s{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-400);}
.cf-chip .v{font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-600);margin-top:4px;}
.cf-chip.c1{top:6px;left:0;--r:-3deg;transform:rotate(var(--r));}
.cf-chip.c2{top:104px;left:30px;--r:2deg;transform:rotate(var(--r));}
.cf-chip.c3{top:206px;left:6px;--r:-2deg;transform:rotate(var(--r));}
.cf-chip.c4{top:308px;left:36px;--r:3deg;transform:rotate(var(--r));}
.cf-lines{position:relative;height:420px;}
.cf-lines svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.cf-lines .fl{fill:none;stroke:var(--teal-400);stroke-width:2;stroke-dasharray:6 7;opacity:.7;}
.cf-merge{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:var(--teal-700-vlak);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg);z-index:3;}
.cf-dash{position:relative;}
.cf-dash .ui-dash{max-width:100%;}
.cf-tag{position:absolute;top:-30px;left:0;font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-700);}
@media(prefers-reduced-motion:no-preference){
  .cf-flow .cf-chip{opacity:0;}
  .cf-flow.in .cf-chip{animation:cfChipIn .6s var(--ease) both;}
  .cf-flow.in .cf-chip.c1{animation-delay:.1s;}
  .cf-flow.in .cf-chip.c2{animation-delay:.22s;}
  .cf-flow.in .cf-chip.c3{animation-delay:.34s;}
  .cf-flow.in .cf-chip.c4{animation-delay:.46s;}
  .cf-lines .fl{stroke-dashoffset:0;}
  .cf-flow.in .cf-lines .fl{animation:flowDash 1.4s linear infinite;animation-delay:.6s;}
  .cf-merge{opacity:0;transform:translateY(-50%) scale(.6);}
  .cf-flow.in .cf-merge{animation:cfMerge .5s var(--ease-emph) forwards;animation-delay:.75s;}
  .cf-dash .ui-dash{opacity:0;transform:translateX(20px);}
  .cf-flow.in .cf-dash .ui-dash{animation:cfDashIn .7s var(--ease-emph) forwards;animation-delay:.85s;}
}
@keyframes cfChipIn{0%{opacity:0;transform:translateX(-22px) rotate(var(--r,0));}100%{opacity:.94;transform:translateX(0) rotate(var(--r,0));}}
@keyframes flowDash{to{stroke-dashoffset:-26;}}
@keyframes cfMerge{to{opacity:1;transform:translateY(-50%) scale(1);}}
@keyframes cfDashIn{to{opacity:1;transform:none;}}
@media(max-width:900px){
  .cf-flow{grid-template-columns:1fr;gap:32px;}
  .cf-frags{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .cf-chip{position:static;transform:none!important;width:auto;}
  .cf-lines{display:none;}
}

.model{background:var(--bg-soft);}
.model-wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center;}
.model-levels{display:flex;flex-direction:column;gap:12px;}
.mlvl{
  display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:14px;cursor:pointer;
  background:var(--paper);border:1px solid var(--ink-100);transition:all .3s var(--ease);position:relative;
}
.mlvl:hover{transform:translateX(6px);}
.mlvl.on{background:var(--teal-700-vlak);border-color:var(--teal-700);color:#fff;box-shadow:var(--shadow-lg);transform:translateX(6px);}
.mlvl .num{font-family:var(--font-mono);font-size:13px;font-weight:500;width:30px;height:30px;border-radius:8px;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;flex-shrink:0;transition:all .3s;}
.mlvl.on .num{background:var(--accent-500);color:var(--ink-900);}
.mlvl .mlvl-name{font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.mlvl .mlvl-sub{font-size:13px;color:var(--ink-400);margin-top:4px;}
.mlvl.on .mlvl-sub{color:rgba(255,255,255,0.7);}
.model-viz{background:var(--ink-900);border-radius:20px;padding:48px;color:#fff;min-height:400px;position:relative;overflow:hidden;box-shadow:var(--shadow-xl);}
.model-viz .mv-num{font-family:var(--font-mono);font-size:13px;color:var(--teal-400);letter-spacing:0.14em;}
.model-viz .mv-name{font-size:32px;font-weight:700;letter-spacing:-0.02em;margin:8px 0 16px;}
.model-viz .mv-desc{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.75);margin-bottom:32px;}
.model-viz .mv-bar-track{height:8px;background:rgba(255,255,255,0.1);border-radius:99px;overflow:hidden;margin-bottom:16px;}
.model-viz .mv-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal-500),var(--accent-500));border-radius:99px;transition:width .6s var(--ease-emph);}
.model-viz .mv-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:13px;color:rgba(255,255,255,0.4);}
.model-viz .mv-deco{position:absolute;right:-40px;bottom:-40px;width:220px;opacity:0.14;}

.model-wrap.qz{grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;}
.qz-card{background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;min-height:440px;}
.qz-top{margin-bottom:24px;}
.qz-step{font-family:var(--font-mono);font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-700);}
.qz-prog{height:5px;background:var(--ink-100);border-radius:99px;overflow:hidden;margin-top:8px;}
.qz-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--teal-500),var(--teal-700-vlak));border-radius:99px;transition:width .4s var(--ease-emph);}
.qz-q{font-size:24px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;margin-bottom:24px;text-wrap:balance;}
.qz-opts{display:flex;flex-direction:column;gap:8px;}
.qz-opt{text-align:left;font:inherit;font-size:15px;font-weight:500;color:var(--ink-700);background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:12px;padding:16px 16px;cursor:pointer;transition:all .18s var(--ease);display:flex;align-items:center;gap:12px;}
.qz-opt:hover{border-color:var(--teal-500);background:#fff;transform:translateX(4px);box-shadow:var(--shadow-sm);}
.qz-opt .qz-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink-200);flex-shrink:0;transition:all .18s;}
.qz-opt:hover .qz-dot{border-color:var(--teal-600);background:var(--teal-100);box-shadow:inset 0 0 0 3px #fff;}
.qz-result{animation:qzIn .5s var(--ease-emph);}
.qz-rnum{font-family:var(--font-mono);font-size:13px;letter-spacing:0.14em;color:var(--teal-700);}
.qz-rname{font-size:30px;font-weight:700;letter-spacing:-0.02em;margin:8px 0 16px;}
.qz-rdesc{font-size:15.5px;line-height:1.6;color:var(--ink-600);margin-bottom:24px;}
.qz-restart{display:block;margin-top:16px;background:none;border:none;font:inherit;font-size:13px;color:var(--ink-400);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.qz-restart:hover{color:var(--teal-700);}
@keyframes qzIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.ladder{display:flex;flex-direction:column-reverse;justify-content:center;gap:12px;position:relative;padding:8px 0;}
.ladder-rung{display:flex;align-items:center;gap:16px;padding:16px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--ink-100);transition:all .45s var(--ease-emph);opacity:.5;}
.ladder-rung .lr-num{font-family:var(--font-mono);font-size:13px;width:30px;height:30px;border-radius:8px;background:var(--ink-50);color:var(--ink-400);display:grid;place-items:center;flex-shrink:0;transition:all .45s;}
.ladder-rung .lr-txt b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-0.01em;}
.ladder-rung .lr-txt span{font-size:13px;color:var(--ink-400);}
.ladder-rung.lit{opacity:1;border-color:var(--teal-200);background:var(--teal-50);}
.ladder-rung.lit .lr-num{background:var(--teal-100);color:var(--teal-700);}
.ladder-rung.on{opacity:1;background:var(--teal-700-vlak);border-color:var(--teal-700);box-shadow:var(--shadow-xl);transform:scale(1.04);}
.ladder-rung.on .lr-txt b{color:#fff;}
.ladder-rung.on .lr-txt span{color:rgba(255,255,255,0.72);}
.ladder-rung.on .lr-num{background:var(--accent-500);color:var(--ink-900);}
.ladder-rung[data-lv="1"]{margin-right:64px;}
.ladder-rung[data-lv="2"]{margin-right:48px;margin-left:16px;}
.ladder-rung[data-lv="3"]{margin-right:32px;margin-left:32px;}
.ladder-rung[data-lv="4"]{margin-right:16px;margin-left:48px;}
.ladder-rung[data-lv="5"]{margin-left:64px;}
@media(max-width:900px){.model-wrap.qz{grid-template-columns:1fr;gap:32px;}.ladder-rung{margin:0 !important;}}

.prod-card{
  display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--paper);border-radius:24px;overflow:hidden;
  box-shadow:var(--shadow-md);border:1px solid var(--ink-100);margin-bottom:32px;
}
.prod-card.rev{grid-template-columns:1fr 1fr;}
.prod-card .pc-media{background:var(--teal-100);display:grid;place-items:center;padding:48px;position:relative;overflow:hidden;min-height:380px;}
.prod-card .pc-media.ink{background:var(--ink-900);}
.prod-card .pc-media img{position:relative;z-index:1;transition:transform .6s var(--ease);}
.prod-card:hover .pc-media img{transform:scale(1.04);}
.prod-card .pc-body{padding:56px;display:flex;flex-direction:column;justify-content:center;}
.prod-card .pc-tag{font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:0.11em;text-transform:uppercase;color:var(--teal-700);margin-bottom:16px;}
.prod-card .pc-body h3{font-size:32px;line-height:1.1;letter-spacing:-0.02em;font-weight:700;margin:0 0 16px;}
.prod-card .pc-body p{font-size:16px;line-height:1.6;color:var(--ink-600);margin:0 0 32px;}
.prod-card .pc-feats{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:12px;}
.prod-card .pc-feats li{display:flex;gap:12px;align-items:center;font-size:14.5px;color:var(--ink-700);}
.prod-card .pc-feats .ck{width:22px;height:22px;border-radius:50%;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;flex-shrink:0;}
@media(max-width:820px){.prod-card,.prod-card.rev{grid-template-columns:1fr;}.prod-card .pc-media{min-height:280px;}}

.eco{background:var(--ink-900);color:#fff;overflow:hidden;}
.eco .sec-lede{color:rgba(255,255,255,0.7);}
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;}
.eco-card{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:18px;padding:32px;
  position:relative;overflow:hidden;transition:all .4s var(--ease);
}
.eco-card:hover{background:rgba(26,146,139,0.14);border-color:var(--teal-500);transform:translateY(-6px);}
.eco-card .eco-idx{font-family:var(--font-mono);font-size:13px;color:var(--teal-400);letter-spacing:0.1em;}
.eco-card .eco-ico{width:52px;height:52px;border-radius:14px;background:var(--teal-700-vlak);display:grid;place-items:center;margin:16px 0 16px;transition:transform .4s var(--ease-emph);}
.eco-card:hover .eco-ico{transform:scale(1.1) rotate(-6deg);}
.eco-card h4{font-size:20px;font-weight:600;letter-spacing:-0.01em;margin:0 0 8px;}
.eco-card .eco-type{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:16px;}
.eco-card p{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.68);margin:0 0 16px;}
.eco-card .eco-status{font-family:var(--font-mono);font-size:13px;letter-spacing:0.08em;padding:4px 12px;border-radius:99px;display:inline-block;}
.eco-status.now{background:rgba(47,147,98,0.2);color:#7fd6a6;}
.eco-status.soon{background:rgba(214,135,60,0.2);color:#eab278;}
.eco-status.mid{background:rgba(33,173,168,0.18);color:var(--teal-300);}

.dcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;}
.dcat-card{background:#fff;border:1px solid var(--ink-100);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);}
.dcat-card:hover{border-color:var(--teal-300);box-shadow:var(--shadow-lg);transform:translateY(-6px);}
.dcat-viz{height:100px;background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dcat-viz svg{width:100%;height:100%;max-height:70px;}
.dcat-card h4{font-size:19px;font-weight:600;letter-spacing:-0.01em;margin:0 0 8px;color:var(--ink-900);}
.dcat-card p{font-size:14px;line-height:1.6;color:var(--ink-600);margin:0 0 16px;}
.dcat-tags{display:flex;flex-wrap:wrap;gap:8px;}
.dcat-tags span{font-family:var(--font-mono);font-size:13px;letter-spacing:0.03em;color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-100);border-radius:99px;padding:4px 8px;}
@media(max-width:820px){.dcat-grid{grid-template-columns:1fr;}}

.koppel{background:var(--paper);}

.koppel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;}
.koppel-cell{flex:0 0 calc((100% - 64px) / 5);}
.koppel-cell{
  aspect-ratio:3/2;background:var(--bg);border:1px solid var(--ink-100);border-radius:14px;
  display:grid;place-items:center;padding:24px;transition:all .3s var(--ease);
}
.koppel-cell:hover{background:#fff;border-color:var(--teal-300);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.koppel-cell img{max-height:38px;max-width:100%;width:auto;opacity:0.72;filter:grayscale(0.4);transition:all .3s;}

.koppel-cell img[alt="OTYS"]{max-height:27px;}
.koppel-cell img[alt="Bullhorn"]{max-height:33px;}
.koppel-cell img[alt="Byner"]{max-height:33px;}
.koppel-cell img[alt="Carerix"]{max-height:34px;}
.koppel-cell img[alt="Tigris"]{max-height:34px;}
.koppel-cell img[alt="Google Analytics"]{max-height:48px;}
.koppel-cell:hover img{opacity:1;filter:grayscale(0);}
.koppel-note{text-align:center;margin-top:40px;font-size:15px;color:var(--ink-500);}
@media(max-width:1100px){.koppel-cell{flex-basis:calc((100% - 48px) / 4);}}
@media(max-width:820px){.koppel-cell{flex-basis:calc((100% - 32px) / 3);}.eco-grid,.fragments{grid-template-columns:1fr;}}
@media(max-width:600px){.koppel-cell{flex-basis:calc((100% - 16px) / 2);}}

.scan{background:var(--teal-700-vlak);color:#fff;overflow:hidden;position:relative;}
.scan-inner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center;}
.scan .eyebrow{color:var(--accent-500);}
.scan .eyebrow::before{background:var(--accent-500);}
.scan h2{font-size:clamp(30px,3.6vw,50px);line-height:1.06;letter-spacing:-0.03em;font-weight:700;margin:0 0 24px;text-wrap:balance;}
.scan h2 em{font-style:italic;font-weight:400;color:var(--accent-500);}
.scan p{font-size:18px;line-height:1.6;color:rgba(255,255,255,0.82);margin:0 0 32px;max-width:44ch;}
.scan-steps{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
.scan-step{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.12);padding:8px 16px;border-radius:99px;font-size:13.5px;font-weight:500;}
.scan-step .ck{width:20px;height:20px;border-radius:50%;background:var(--accent-500);color:var(--ink-900);display:grid;place-items:center;flex-shrink:0;}
.scan-visual{position:relative;display:grid;place-items:center;}
.scan-visual img{border-radius:16px;box-shadow:var(--shadow-xl);}
.scan-deco{position:absolute;width:200px;opacity:0.16;right:-30px;top:-30px;filter:brightness(0) invert(1);}

.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px;}
.founder{
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;overflow:hidden;
  transition:all .4s var(--ease);
}
.founder:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.founder-photo{aspect-ratio:1/1;overflow:hidden;background:var(--teal-100);position:relative;}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .6s var(--ease);filter:saturate(1.02);}
.founder-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%, rgba(14,74,71,0.30));pointer-events:none;}
.founder:hover .founder-photo img{transform:scale(1.05);}
.founder-body{padding:32px;}
.founder-body .f-name{font-size:22px;font-weight:700;letter-spacing:-0.02em;}
.founder-body .f-role{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-700);margin-top:4px;}
.founder-body p{font-size:14.5px;line-height:1.6;color:var(--ink-600);margin:16px 0 0;}
.founder-quote{margin-top:64px;text-align:center;max-width:820px;margin-left:auto;margin-right:auto;}
.founder-quote blockquote{font-size:clamp(22px,2.6vw,34px);line-height:1.3;letter-spacing:-0.02em;font-weight:500;margin:0;text-wrap:balance;}
.founder-quote blockquote em{font-style:italic;font-weight:400;color:var(--teal-700);}

.fnd-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
.fnd-stage{position:relative;height:560px;}
.fnd-main{position:absolute;left:0;top:0;width:64%;height:74%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);z-index:2;background:var(--teal-900);}
.fnd-sub{position:absolute;right:0;bottom:0;width:56%;height:66%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid var(--bg);z-index:3;background:var(--teal-900);}
.fnd-stage img{width:100%;height:100%;object-fit:cover;}
.fnd-badge{position:absolute;z-index:4;background:#fff;border-radius:14px;box-shadow:var(--shadow-md);padding:12px 16px;display:flex;align-items:center;gap:12px;}
.fnd-badge .dot{width:36px;height:36px;border-radius:9px;background:var(--teal-100);color:var(--teal-700);display:grid;place-items:center;font-weight:700;font-family:var(--font-sans);font-size:13px;letter-spacing:-0.02em;flex-shrink:0;}
.fnd-badge .bt{font-size:13px;color:var(--ink-400);font-family:var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;}
.fnd-badge .bv{font-size:14px;font-weight:700;color:var(--ink-900);}
.fnd-badge.bg1{top:54%;left:-26px;animation:floaty 6s ease-in-out infinite;}
.fnd-badge.bg2{top:4%;right:-14px;animation:floaty 6s ease-in-out infinite;animation-delay:-3s;}
.fnd-copy .eyebrow{margin-bottom:24px;}
.fnd-copy .sec-title{font-size:clamp(30px,3.4vw,46px);margin-bottom:0;}
.fnd-copy p{font-size:16.5px;line-height:1.65;color:var(--ink-600);margin:24px 0 0;max-width:46ch;}
.fnd-names{margin-top:32px;display:flex;flex-direction:column;gap:0;}
.fnd-nrow{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid var(--ink-100);}
.fnd-nrow:first-child{border-top:1px solid var(--ink-100);}
.fnd-nrow .nm{font-size:19px;font-weight:700;letter-spacing:-0.01em;}
.fnd-nrow .rl{font-family:var(--font-mono);font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:var(--teal-700);margin-left:auto;}
@media(max-width:900px){
  .fnd-grid{grid-template-columns:1fr;gap:40px;}
  .fnd-stage{height:420px;}
  .fnd-badge.bg1{left:0;}
  .fnd-badge.bg2{right:0;}
}

.rpb{background:var(--ink-900);color:#fff;overflow:hidden;}
.rpb-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.rpb-logo{height:66px;margin-bottom:32px;}
.rpb h3{font-size:clamp(28px,3.2vw,42px);line-height:1.1;letter-spacing:-0.02em;font-weight:700;margin:0 0 16px;text-wrap:balance;}
.rpb p{font-size:16.5px;line-height:1.65;color:rgba(255,255,255,0.72);margin:0 0 16px;max-width:48ch;}
.rpb-meta{display:flex;gap:32px;margin:32px 0 32px;}
.rpb-meta .rm{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,0.8);}
.rpb-meta .rm .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-400);}
.rpb-visual{border-radius:18px;overflow:hidden;box-shadow:var(--shadow-xl);position:relative;}
.rpb-visual img{width:100%;}
.rpb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,17,16,0.3);transition:background .3s;}
.rpb-play:hover{background:rgba(13,17,16,0.12);}
.rpb-play .pbtn{width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,0.95);display:grid;place-items:center;box-shadow:var(--shadow-lg);transition:transform .3s var(--ease-emph);}
.rpb-play:hover .pbtn{transform:scale(1.1);}
.rpb-play .pbtn svg{margin-left:4px;}

.proof{background:var(--bg);}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.proof-stat{text-align:center;padding:16px;}
.proof-stat .ps-num{font-size:clamp(44px,5vw,68px);font-weight:700;letter-spacing:-0.04em;line-height:1;color:var(--teal-700);font-family:var(--font-sans);}
.proof-stat .ps-num sub{font-size:0.4em;vertical-align:baseline;color:var(--teal-500);}
.proof-stat .ps-lbl{font-size:14.5px;color:var(--ink-600);margin-top:16px;max-width:22ch;margin-left:auto;margin-right:auto;line-height:1.4;}
@media(max-width:820px){.proof-grid{grid-template-columns:1fr 1fr;gap:32px 16px;}.founders-grid,.scan-inner,.rpb-inner,.model-wrap,.hero-inner{grid-template-columns:1fr;}}

.final{background:var(--ink-900);color:#fff;text-align:center;overflow:hidden;position:relative;}
.final-deco{position:absolute;width:420px;opacity:0.08;filter:brightness(0) invert(1);}
.final-deco.l{left:-120px;bottom:-120px;}
.final-deco.r{right:-120px;top:-120px;transform:rotate(180deg);}
.final h2{font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-0.035em;font-weight:700;margin:0 auto 24px;max-width:16ch;text-wrap:balance;position:relative;}
.final h2 em{font-style:italic;font-weight:400;color:var(--teal-400);}
.final p{font-size:19px;color:rgba(255,255,255,0.75);max-width:52ch;margin:0 auto 40px;position:relative;}
.final-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;}

.footer{background:var(--ink-900);color:rgba(255,255,255,0.7);padding:80px 0 40px;border-top:1px solid rgba(255,255,255,0.08);}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,0.08);}
.footer-logo{height:34px;margin-bottom:24px;}
.footer-top p{font-size:14px;line-height:1.7;max-width:34ch;margin:0;}
.footer h5{font-family:var(--font-sans);font-size:13px;letter-spacing:0.11em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin:0 0 16px;font-weight:600;}
.footer ul{list-style:none;padding:0;margin:0;}
.footer ul li{padding:4px 0;}
.footer ul a{color:rgba(255,255,255,0.72);font-size:14.5px;}
.footer ul a:hover{color:#fff;}
.footer-news input{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:10px;padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:14px;margin-bottom:12px;}
.footer-news input::placeholder{color:rgba(255,255,255,0.4);}
.footer-news input:focus{outline:none;border-color:var(--teal-500);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-family:var(--font-sans);font-size:13px;letter-spacing:0.04em;color:rgba(255,255,255,0.4);flex-wrap:wrap;gap:12px;}
@media(max-width:820px){.footer-top{grid-template-columns:1fr 1fr;}}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;}
.reveal.d2{transition-delay:.16s;}
.reveal.d3{transition-delay:.24s;}
.reveal.d4{transition-delay:.32s;}
.reveal.d5{transition-delay:.40s;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .float{animation:none;}
  *{scroll-behavior:auto;}
}

@media(max-width:1400px){
  .nav-cta .ghost-link{display:none;}
  .nav-links{gap:12px;}
  .nav-links a,.nav-links .mi > .top{font-size:13px;}
}
@media(max-width:1340px){
  .nav-lang{display:none;}
}
@media(max-width:1260px){
  .nav-links{gap:8px;margin-left:4px;}
  .nav-links a,.nav-links .mi > .top{font-size:13px;}
  .nav-cta .btn-cta{font-size:13px;padding:12px 16px;}
  .mega-inner{padding-left:32px;padding-right:32px;}
}

@media(max-width:1180px){
  .nav-links{display:none;}
  .nav-burger{display:flex;margin-left:16px;}
  .nav-cta .ghost-link{display:none;}

  .nav-links .mi{display:block;width:100%;}
  .nav-links .mi > .top{padding:8px 0;font-size:14px;}
  .nav-links .mi > .top::after{display:none;}
  .nav-links .sub,.nav-links .sub-breed{display:block;position:static;min-width:0;left:auto;margin:0 0 8px;
    padding:0 0 0 16px;border:0;border-left:2px solid var(--ink-100);border-radius:0;box-shadow:none;}
  .nav-links .kolommen{display:block;}
  .nav-links .sub a,.nav-links .sub span{padding:8px 0;}
  .nav-links .sub b{padding:8px 0 4px;}

  .nav-links{align-items:stretch;text-align:left;}
  .nav-links > a{display:block;width:100%;padding:8px 0;text-align:left;}
}
@media(max-width:900px){
  :root{--gut:24px;}
  .hero-visual{display:none;}
  .hero{min-height:auto;padding:120px 0 72px;}
  .sec{padding:var(--sec-y) 0;}
  .prod-card .pc-body{padding:32px;}
  .marquee-track{gap:48px;}
}
.nav-links a{white-space:nowrap;}

.hero-scroll{color:var(--ink-400);}
.hero-scroll .line{background:linear-gradient(var(--teal-500),transparent);}
.hero-visual{position:relative;height:100%;min-height:460px;display:flex;align-items:center;justify-content:center;}
.hero-badge{background:#fff;color:var(--ink-800);border:1px solid var(--ink-100);}
.hero-badge.b1{top:6px;right:-14px;}
.hero-badge.b2{bottom:22px;left:-30px;background:var(--teal-700-vlak);color:#fff;border-color:var(--teal-700);}
.hero-badge.b2 .ico{background:rgba(255,255,255,0.2);color:#fff;}

.hero-viz{position:relative;height:520px;width:100%;max-width:560px;margin:0 auto;}
.frag-chip{position:absolute;background:#fff;border:1px solid var(--ink-100);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-lg);width:170px;z-index:2;}
.frag-chip .fs{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-700);}
.frag-chip .fv{font-size:22px;font-weight:700;letter-spacing:-0.02em;margin-top:4px;color:var(--ink-900);}
.frag-chip .fl{font-size:13px;color:var(--ink-400);}
.frag-chip.f1{top:0;left:0;--rot:-6deg;--dx:-30px;--dy:-34px;transform:rotate(var(--rot));}
.frag-chip.f2{top:14px;right:0;--rot:5deg;--dx:30px;--dy:-34px;transform:rotate(var(--rot));}
.frag-chip.f3{top:118px;left:34px;--rot:4deg;--dx:-34px;--dy:22px;transform:rotate(var(--rot));}
.hero-conv{position:absolute;left:50%;top:172px;width:2px;height:44px;background:linear-gradient(var(--teal-400),transparent);z-index:1;transform:translateX(-50%);}
.hero-arrowdown{position:absolute;left:50%;top:206px;transform:translateX(-50%);color:var(--teal-600);z-index:3;}

.hero-fpr-badge{position:absolute;left:50%;top:auto;bottom:0;transform:translate(-50%,50%);z-index:6;background:var(--teal-700-vlak);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;white-space:nowrap;border:2px solid #fff;}
.hero-fpr-badge .ck{width:16px;height:16px;border-radius:50%;background:var(--accent-500);color:var(--ink-900);display:grid;place-items:center;font-size:13px;}
.hero-unified{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:430px;max-width:100%;z-index:4;}

@media(prefers-reduced-motion:no-preference){
  .hero.anim .frag-chip{animation:fragIn .7s var(--ease-emph) both;}
  .hero.anim .frag-chip.f1{animation-delay:.15s;}
  .hero.anim .frag-chip.f2{animation-delay:.28s;}
  .hero.anim .frag-chip.f3{animation-delay:.41s;}
  .hero.anim .hero-conv{animation:growY .5s var(--ease) both;animation-delay:.5s;transform-origin:top;}
  .hero.anim .hero-arrowdown{animation:fadeIn .5s var(--ease) both;animation-delay:.6s;}
  .hero.anim .hero-unified{animation:riseUp .8s var(--ease-emph) both;animation-delay:.68s;}
  .hero.anim .hero-fpr-badge{animation:popInBadge .55s var(--ease-emph) both;animation-delay:1.25s;}
}
@keyframes fragIn{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.9);}100%{opacity:1;transform:translate(0,0) rotate(var(--rot)) scale(1);}}
@keyframes riseUp{0%{opacity:0;transform:translateX(-50%) translateY(36px);}100%{opacity:1;transform:translateX(-50%) translateY(0);}}
@keyframes growY{0%{transform:translateX(-50%) scaleY(0);}100%{transform:translateX(-50%) scaleY(1);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes popInBadge{0%{opacity:0;transform:translate(-50%,50%) scale(.8);}60%{opacity:1;transform:translate(-50%,50%) scale(1.06);}100%{opacity:1;transform:translate(-50%,50%) scale(1);}}
@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.8);}60%{opacity:1;transform:translateX(-50%) scale(1.06);}100%{opacity:1;transform:translateX(-50%) scale(1);}}

.hero-unified .ui-brand .dots i.g{position:relative;animation:livePulse 1.9s ease-in-out infinite;}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(33,173,168,0.55);}70%{box-shadow:0 0 0 5px rgba(33,173,168,0);}}
.hero-fpr-badge .ck{animation:ckPulse 2.4s ease-in-out infinite;}
@keyframes ckPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,208,71,0.6);}70%{box-shadow:0 0 0 6px rgba(249,208,71,0);}}
@media(prefers-reduced-motion:no-preference){

  .frag-chip.floating{animation:chipFloat 6s ease-in-out infinite;}
  .frag-chip.f2.floating{animation-duration:6.8s;animation-delay:.3s;}
  .frag-chip.f3.floating{animation-duration:5.4s;animation-delay:.15s;}

  .hero.anim .hero-unified .ui-bar{transform-box:fill-box;transform-origin:bottom;animation:barGrow .55s var(--ease-emph) both;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(1){animation-delay:.95s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(2){animation-delay:1.03s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(3){animation-delay:1.11s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(4){animation-delay:1.19s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(5){animation-delay:1.27s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(6){animation-delay:1.35s;}
  .hero.anim .hero-unified .ui-bar:nth-of-type(7){animation-delay:1.43s;}
  .hero.anim .hero-unified polyline{stroke-dasharray:360;stroke-dashoffset:360;animation:drawLine 1.1s var(--ease) forwards;animation-delay:1.5s;}
  .hero.anim .hero-unified g circle{opacity:0;animation:dotIn .3s var(--ease) forwards;animation-delay:2.5s;}
}
@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(var(--rot));}50%{transform:translateY(-9px) rotate(var(--rot));}}
@keyframes barGrow{0%{transform:scaleY(0);}100%{transform:scaleY(1);}}
@keyframes drawLine{to{stroke-dashoffset:0;}}
@keyframes dotIn{to{opacity:1;}}

.ui-dash{
  width:100%;max-width:560px;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow-xl);border:1px solid var(--ink-100);
}
.ui-dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--ink-100);background:var(--bg-soft);}
.ui-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:-0.01em;color:var(--ink-800);}
.ui-brand .dots{display:flex;gap:4px;margin-right:4px;}
.ui-brand .dots i{width:9px;height:9px;border-radius:50%;background:var(--ink-200);display:block;}
.ui-brand .dots i.g{background:var(--teal-500);}
.ui-brand .crumb{color:var(--ink-400);font-weight:500;font-family:var(--font-mono);font-size:13px;}
.ui-tools{display:flex;align-items:center;gap:8px;}
.ui-pill{font-family:var(--font-mono);font-size:13px;color:var(--ink-500);background:#fff;border:1px solid var(--ink-100);border-radius:99px;padding:4px 12px;}
.ui-ava{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--teal-400),var(--teal-700-vlak));}
.ui-dash-grid{display:grid;grid-template-columns:132px 1fr;}
.ui-side{background:var(--bg-soft);border-right:1px solid var(--ink-100);padding:16px 12px;display:flex;flex-direction:column;gap:4px;}
.ui-nav{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-500);padding:8px 8px;border-radius:8px;font-weight:500;}
.ui-nav .ic{width:15px;height:15px;flex-shrink:0;opacity:.8;}
.ui-nav.on{background:var(--teal-700-vlak);color:#fff;}
.ui-nav.on .ic{opacity:1;}
.ui-content{padding:16px;}

.ui-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-bottom:16px;}
.ui-kpi{border:1px solid var(--ink-100);border-radius:11px;padding:12px;}
.ui-kpi .k-l{font-family:var(--font-mono);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-400);display:block;}
.ui-kpi .k-v{font-size:22px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);display:block;margin-top:4px;line-height:1;}
.ui-kpi .k-t{font-size:13px;font-weight:600;margin-top:4px;display:inline-block;}
.ui-kpi .k-t.up{color:var(--success-500);}
.ui-kpi .k-t.dn{color:var(--critical-500);}
.ui-panel{border:1px solid var(--ink-100);border-radius:13px;padding:16px 16px;}
.ui-panel-h{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:16px;}
.ui-panel-h .tag{font-family:var(--font-mono);font-size:13px;color:var(--success-500);background:var(--success-100);padding:4px 8px;border-radius:99px;}
.ui-plot{position:relative;height:120px;}
.ui-plot svg{width:100%;height:100%;display:block;overflow:visible;}
.ui-bar{fill:url(#barGrad);}
.ui-legend{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--ink-500);}
.ui-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;vertical-align:middle;}

.ui-scan{width:100%;max-width:500px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--ink-100);}
.ui-scan-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--ink-100);}
.ui-scan-top .st-t{font-weight:700;font-size:15px;letter-spacing:-0.01em;color:var(--ink-900);}
.ui-scan-top .st-s{font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-700);margin-top:4px;}
.ui-ring{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:conic-gradient(var(--teal-500) 0turn 0.62turn, var(--ink-100) 0.62turn 1turn);}
.ui-ring span{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--ink-900);}
.ui-scan-body{padding:16px 24px;}
.ui-score{margin-bottom:16px;}
.ui-score:last-child{margin-bottom:0;}
.ui-score-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.ui-score-h .lbl{font-size:13px;font-weight:600;color:var(--ink-800);}
.ui-score-h .verdict{font-family:var(--font-mono);font-size:13px;letter-spacing:0.04em;text-transform:uppercase;}
.verdict.good{color:var(--success-500);}
.verdict.mid{color:var(--warning-500);}
.verdict.low{color:var(--critical-500);}
.ui-track{height:7px;background:var(--ink-100);border-radius:99px;overflow:hidden;}
.ui-fill{height:100%;border-radius:99px;}
.ui-fill.good{background:var(--success-500);}
.ui-fill.mid{background:var(--warning-500);}
.ui-fill.low{background:var(--critical-500);}

.eco{background:linear-gradient(180deg,var(--bg-soft),var(--teal-50));color:var(--ink-800);}
.eco .sec-title em{color:var(--teal-700);}
.eco .sec-lede{color:var(--ink-600);}
.eco-card{background:#fff;border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);}
.eco-card:hover{background:#fff;border-color:var(--teal-300);box-shadow:var(--shadow-lg);transform:translateY(-6px);}
.eco-card .eco-idx{color:var(--teal-600);}
.eco-card h4{color:var(--ink-900);}
.eco-card .eco-type{color:var(--ink-400);}
.eco-card p{color:var(--ink-600);}
.eco-status.now{background:var(--success-100);color:var(--success-500);}
.eco-status.soon{background:var(--warning-100);color:var(--warning-500);}
.eco-status.mid{background:var(--teal-100);color:var(--teal-700);}

.enemy{background:radial-gradient(90% 80% at 80% 10%, #14615c 0%, transparent 60%), var(--teal-900);}
.rpb{background:radial-gradient(80% 80% at 15% 20%, #14615c 0%, transparent 60%), var(--teal-900);}
.final{background:radial-gradient(70% 90% at 50% 0%, #14615c 0%, transparent 60%), var(--teal-900);}
.footer{background:var(--teal-900);}
.model-viz{background:var(--teal-900);}

.testi{background:radial-gradient(75% 120% at 25% 0%, #14615c 0%, transparent 55%), var(--teal-900);color:#fff;overflow:hidden;position:relative;}
.testi .eyebrow.light{color:var(--accent-500);}
.testi .eyebrow.light::before{background:var(--accent-500);}
.testi .sec-head{margin-bottom:16px;}
.testi-deco{position:absolute;right:-60px;bottom:-70px;width:320px;opacity:0.07;filter:brightness(0) invert(1);pointer-events:none;}
.testi-card{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:0.82fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;}
.testi-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px rgba(0,0,0,0.35);}
.testi-media img{width:100%;height:100%;object-fit:cover;display:block;}
.testi-media-tag{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;background:rgba(9,16,15,0.72);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-mono);font-size:13px;letter-spacing:0.04em;padding:8px 12px;border-radius:999px;}
.testi-media-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-500);box-shadow:0 0 0 0 rgba(249,208,71,0.6);animation:testiPulse 2.4s infinite;}
@keyframes testiPulse{0%{box-shadow:0 0 0 0 rgba(249,208,71,0.55);}70%{box-shadow:0 0 0 9px rgba(249,208,71,0);}100%{box-shadow:0 0 0 0 rgba(249,208,71,0);}}
.testi-body{text-align:left;}
.testi-mark{font-family:var(--font-sans);font-weight:700;font-size:96px;line-height:0.5;color:var(--accent-500);height:46px;user-select:none;}
.testi-quote{font-family:var(--font-sans);font-weight:600;font-size:clamp(22px,2.5vw,32px);line-height:1.3;letter-spacing:-0.02em;margin:0 0 32px;color:#fff;text-wrap:balance;border:0;padding:0;}
.testi-quote em{color:var(--accent-500);font-style:normal;}
.testi-by{display:inline-flex;align-items:center;gap:16px;}
@media(max-width:820px){.testi-card{grid-template-columns:1fr;gap:32px;max-width:520px;}.testi-media{aspect-ratio:16/10;}}
.testi-ava{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--teal-400),var(--teal-700-vlak));display:grid;place-items:center;font-weight:700;font-size:17px;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,0.22);}
.testi-meta{text-align:left;}
.testi-meta b{display:block;font-size:16px;font-weight:600;letter-spacing:-0.01em;}
.testi-meta span{font-size:13.5px;color:rgba(255,255,255,0.62);}

.ai{background:radial-gradient(85% 90% at 78% 8%, #14615c 0%, transparent 55%), var(--teal-900);color:#fff;overflow:hidden;position:relative;}
.ai .eyebrow.light{color:var(--accent-500);}
.ai .eyebrow.light::before{background:var(--accent-500);}
.ai .sec-title em{color:var(--accent-500);}
.ai .sec-lede{color:rgba(255,255,255,0.72);}
.ai-deco{position:absolute;left:-70px;top:-60px;width:300px;opacity:0.06;filter:brightness(0) invert(1);pointer-events:none;}
.ai-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1;}
.ai-lane{border-radius:20px;padding:32px 32px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);}
.ai-lane.good{border-color:rgba(26,146,139,0.5);background:rgba(26,146,139,0.1);}
.ai-lane-head{margin-bottom:24px;}
.ai-lane-tag{font-family:var(--font-mono);font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:8px 16px;border-radius:999px;display:inline-block;}
.ai-lane-tag.bad{background:rgba(210,74,59,0.16);color:#ef9d8d;}
.ai-lane-tag.good{background:rgba(47,147,98,0.2);color:#7fd6a6;}
.ai-src{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;letter-spacing:0.06em;text-transform:uppercase;}
.ai-src.broken span:not(.ai-cut){background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px 12px;color:rgba(255,255,255,0.6);}
.ai-cut{color:var(--critical-500);font-weight:700;}
.ai-src.whole .ai-onebron{background:rgba(26,146,139,0.22);border:1px solid rgba(26,146,139,0.55);border-radius:8px;padding:8px 16px;color:#8fe0d6;}
.ai-flow{font-family:var(--font-mono);font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--critical-500);margin:16px 0 16px;position:relative;}
.ai-flow::before,.ai-flow::after{content:"";display:block;width:1px;height:14px;background:linear-gradient(rgba(255,255,255,0.25),transparent);margin:0 auto 8px;}
.ai-flow::after{background:linear-gradient(transparent,rgba(255,255,255,0.25));margin:8px auto 0;}
.ai-flow.good{color:#7fd6a6;}
.ai-chip{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:0.08em;margin-bottom:24px;}
.ai-chip.bad{background:rgba(210,74,59,0.18);color:#ef9d8d;border:1px solid rgba(210,74,59,0.4);}
.ai-chip.good{background:linear-gradient(135deg,var(--teal-500),var(--teal-700-vlak));color:#fff;box-shadow:0 8px 24px rgba(26,146,139,0.4);}
.ai-bubble{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:16px 16px;width:100%;margin-bottom:16px;text-align:left;}
.ai-q{font-size:13.5px;color:rgba(255,255,255,0.55);font-style:italic;margin-bottom:8px;}
.ai-a{font-size:16.5px;font-weight:600;letter-spacing:-0.01em;line-height:1.35;}
.ai-lane.bad .ai-a{color:#f0b4aa;}
.ai-lane.good .ai-a{color:#8fe0d6;}
.ai-verdict{margin-top:auto;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:-0.01em;}
.ai-verdict.bad{color:var(--critical-500);}
.ai-verdict.good{color:#7fd6a6;}
.ai-foot{max-width:820px;margin:48px auto 0;text-align:center;position:relative;z-index:1;}
.ai-foot p{font-size:clamp(17px,2vw,21px);line-height:1.55;color:rgba(255,255,255,0.8);margin:0;text-wrap:balance;}
.ai-foot strong{color:#fff;font-weight:700;}
@media(max-width:820px){.ai-split{grid-template-columns:1fr;}}

.reflect-humor{background:var(--accent-500);color:var(--ink-900);text-align:center;padding:var(--sec-y) 0;}
.rh-quote{font-family:var(--font-sans);font-weight:600;font-size:clamp(23px,3.3vw,40px);line-height:1.3;letter-spacing:-0.02em;margin:0 auto 16px;max-width:22ch;text-wrap:balance;}
.rh-quote span{color:rgba(13,17,16,0.5);}
.rh-punch{font-family:var(--font-sans);font-weight:700;font-size:clamp(28px,4vw,52px);letter-spacing:-0.03em;margin:0;}

.reflect-photo{position:relative;overflow:hidden;color:#fff;text-align:center;padding:calc(var(--sec-y) * 1.5) 0;}
.reflect-photo .rp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;}
.reflect-photo .rp-scrim{position:absolute;inset:0;background:linear-gradient(rgba(9,16,15,0.74),rgba(9,16,15,0.68));}
.reflect-photo .wrap{position:relative;z-index:1;}
.rp-inner{max-width:780px;margin:0 auto;}
.reflect-photo .eyebrow.light{color:var(--accent-500);justify-content:center;margin-bottom:16px;}
.reflect-photo .eyebrow.light::before{background:var(--accent-500);}
.rp-line{font-family:var(--font-sans);font-weight:600;font-size:clamp(26px,3.6vw,46px);line-height:1.24;letter-spacing:-0.02em;margin:0;text-wrap:balance;}

@media(max-width:900px){
  .ui-dash,.ui-scan{max-width:100%;}
  .hero-badge.b2{left:0;}
}

.reveal{opacity:1 !important;transform:none !important;transition:none !important;}

.footer{background:var(--teal-900);}

.rpb{background:var(--teal-50);color:var(--ink-800);}
.rpb h3{color:var(--ink-900);}
.rpb p{color:var(--ink-600);}
.rpb-meta .rm{color:var(--ink-600);}
.rpb-meta .rm .dot{background:var(--teal-500);}
.rpb .btn-white{background:var(--teal-600);color:#fff;}
.rpb .btn-white:hover{background:var(--teal-700-vlak);color:#fff;}

.testi{background:var(--bg-soft);color:var(--ink-800);}
.testi .eyebrow.light{color:var(--teal-600);}
.testi .eyebrow.light::before{background:var(--teal-600);}
.testi-quote{color:var(--ink-900);}
.testi-quote em{color:var(--teal-600);}
.testi-mark{color:var(--teal-300);}
.testi-meta b{color:var(--ink-900);}
.testi-meta span{color:var(--ink-500);}
.testi-deco{filter:none;opacity:0.06;}
.testi-media{box-shadow:var(--shadow-lg);}

.btn-primary{background:var(--teal-600);}
.btn-primary:hover{background:var(--teal-700-vlak);}
.sec-title em{color:var(--teal-600);}

.footer-top{grid-template-columns:1.5fr 1fr 1fr 0.9fr 1.2fr;gap:32px;}
.footer-top h5+ul+h5{margin-top:24px;}
.footer ul li{padding:4px 0;}
.footer ul .voet-later{color:rgba(255,255,255,0.38);font-size:14.5px;}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr 1fr;}}
@media(max-width:820px){.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr;}}

.footer-logo{height:44px;}

.founder-cite{display:block;margin-top:16px;font-style:normal;font-size:15px;color:var(--ink-500);}
.founder-cite::before{content:"";display:inline-block;width:24px;height:1px;background:var(--teal-500);vertical-align:middle;margin-right:12px;}

.haken{background:var(--paper);}

.haak-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);}
.haak-kaart{position:relative;display:flex;flex-direction:column;gap:16px;
  padding:32px 24px;color:var(--ink-800);background:transparent;border:0;border-radius:0;
  transition:background .3s var(--ease),color .3s var(--ease);}
.haak-kaart + .haak-kaart{box-shadow:inset 1px 0 0 var(--ink-100);}
.haak-kaart::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--teal-500);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);}
.haak-kaart:hover{background:var(--bg-soft);color:var(--ink-800);}
.haak-kaart:hover::after{transform:scaleX(1);}
.haak-vraag{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-0.01em;
  color:var(--ink-900);text-wrap:balance;flex:1;}
.haak-naar{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);
  font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal-600);line-height:1.4;}
.haak-naar .arr{margin-left:auto;flex:none;transition:transform .3s var(--ease);}
.haak-kaart:hover .haak-naar .arr{transform:translateX(4px);}
@media(max-width:1000px){
  .haak-grid{grid-template-columns:1fr 1fr;}
  .haak-kaart:nth-child(2n+1){box-shadow:none;}
  .haak-kaart:nth-child(n+3){box-shadow:inset 0 1px 0 var(--ink-100);}
  .haak-kaart:nth-child(4){box-shadow:inset 1px 0 0 var(--ink-100),inset 0 1px 0 var(--ink-100);}
}
@media(max-width:600px){
  .haak-grid{grid-template-columns:1fr;}
  .haak-kaart{padding:24px 0;}
  .haak-kaart,.haak-kaart:nth-child(n){box-shadow:none;}
  .haak-kaart + .haak-kaart{box-shadow:inset 0 1px 0 var(--ink-100);}
}

.rh-dialoog{max-width:640px;margin:0 auto 32px;display:flex;flex-direction:column;gap:16px;}
.rh-bubble{margin:0;padding:16px 24px;border-radius:20px;font-size:clamp(17px,2vw,22px);font-weight:600;line-height:1.4;position:relative;}
.rh-bubble.vraag{align-self:flex-start;background:rgba(13,17,16,0.08);color:var(--ink-900);border-bottom-left-radius:4px;}
.rh-bubble.antwoord{align-self:flex-end;background:#fff;color:var(--ink-900);border-bottom-right-radius:4px;box-shadow:var(--shadow-sm);}
.rh-cta{display:inline-flex;align-items:center;gap:8px;margin-top:32px;font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-900);border-bottom:1px solid rgba(13,17,16,0.3);padding-bottom:4px;}
.rh-cta:hover{color:var(--ink-900);border-color:var(--ink-900);}
.rh-cta .arr{transition:transform .3s var(--ease);}
.rh-cta:hover .arr{transform:translateX(4px);}

@media(max-width:600px){
  :root{--gut:20px;}

  .nav-cta .btn-cta{font-size:13px;padding:8px 16px;}
  .nav-cta .btn-cta .arr{display:none;}
  .nav-burger{margin-left:8px;padding:8px 0 8px 8px;}
  .hero h1{font-size:clamp(30px,8.4vw,44px);}
  .sec-title{font-size:clamp(26px,7.2vw,40px);}
  h1,h2,h3,p,.hero h1,.sec-title,.haak-vraag,.rh-punch,.demo-h1{overflow-wrap:break-word;}
  .hero-trust{flex-wrap:wrap;gap:16px 24px;}
  .hero-trust .divider{display:none;}
  .rh-bubble{font-size:17px;}
  .alt-demo,.alt-uitleg{padding-left:16px;padding-right:16px;}
}

.plan-kader{border:1px solid var(--ink-100);border-radius:16px;background:#fff;box-shadow:var(--shadow-md);overflow:hidden;}
.plan-frame{display:block;width:100%;height:760px;border:0;}
.plan-terugval{margin:16px 0 0;font-size:14px;color:var(--ink-500);}
@media(max-width:600px){.plan-frame{height:640px;}}

.fpr{background:var(--bg-soft);}
.fpr-kader{background:#fff;border:1px solid var(--ink-100);border-radius:16px;box-shadow:var(--shadow-md);padding:32px;overflow-x:auto;}
.fpr-svg{display:block;width:100%;min-width:640px;height:auto;font-family:var(--font-sans);}
.fpr-svg text{letter-spacing:-0.03em;}
.fpr-voet{margin:16px 0 0;font-size:13.5px;color:var(--ink-400);}
@media(max-width:600px){.fpr-kader{padding:16px;}}

.fpx{background:#fff;border:1px solid var(--ink-100);border-radius:16px;box-shadow:var(--shadow-md);padding:40px;}
.fpx-hoofd{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start;}
.fpx-spoor{position:relative;}
.fpx-laaglabel{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);margin-bottom:16px;}
.fpx-rij{display:grid;gap:12px;}
.fpx-rij.bron{grid-template-columns:repeat(4,1fr);}
.fpx-rij.uit{grid-template-columns:repeat(4,1fr);}
.fpx-rij.kern{grid-template-columns:repeat(3,1fr);}

.fpx-node{appearance:none;text-align:left;cursor:default;font-family:var(--font-sans);
  background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:12px;padding:16px;
  display:flex;flex-direction:column;gap:4px;transition:all .25s var(--ease);}
.fpx-node b{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);line-height:1.25;}
.fpx-node span{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);}
.fpx.bezig .fpx-node{opacity:.4;}
.fpx-node.aan,.fpx.bezig .fpx-node.aan{opacity:1;background:#fff;border-color:var(--teal-500);box-shadow:0 12px 28px -16px rgba(14,74,71,.5);transform:translateY(-2px);}
.fpx-node.aan span{color:var(--teal-600);}

.fpx-lijn{position:relative;text-align:center;margin:30px 0 42px;}
.fpx-lijn::before{
  content:"";position:absolute;left:50%;top:-26px;bottom:-28px;width:2px;margin-left:-1px;
  background-image:repeating-linear-gradient(to bottom,var(--teal-400) 0 6px,transparent 6px 13px);
  background-size:2px 13px;
}
.fpx-lijn span{position:relative;display:inline-block;background:#fff;padding:0 12px;font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--ink-500);}

.fpx-punt{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);color:var(--teal-500);display:block;}
@media(prefers-reduced-motion:no-preference){
  .fpx-lijn::before{animation:fpxStroom 1.4s linear infinite;}
}
@keyframes fpxStroom{to{background-position:0 13px;}}

.fpx-kern{border:1px solid var(--teal-200);background:var(--teal-50);border-radius:16px;padding:24px;}
.fpx-kernnaam{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--teal-900);margin-bottom:16px;}
.fpx-kern .fpx-node{background:#fff;}
.fpx-node.goud{border-color:var(--accent-300);background:var(--accent-100);}
.fpx-node.goud b{color:var(--ink-900);}
.fpx-kernvoet{margin:16px 0 0;font-size:13.5px;color:var(--ink-500);}

.fpx-paneel{position:sticky;top:96px;border-left:2px solid var(--teal-500);padding:4px 0 4px 16px;}
.fpx-paneel-eye{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-600);margin-bottom:8px;}
.fpx-paneel-titel{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);margin-bottom:8px;line-height:1.25;}
.fpx-paneel-tekst{margin:0;font-size:15px;line-height:1.65;color:var(--ink-600);}

@media(max-width:900px){
  .fpx{padding:24px;}
  .fpx-hoofd{grid-template-columns:1fr;gap:24px;}
  .fpx-paneel{position:static;}
  .fpx-rij.bron,.fpx-rij.uit{grid-template-columns:1fr 1fr;}
  .fpx-rij.kern{grid-template-columns:1fr;}
  .fpx-node{cursor:pointer;}
}

.nav-cta .ghost-link{font-size:13.2px;font-weight:500;color:var(--ink-500);letter-spacing:-.01em;}
.nav-cta .ghost-link:hover{color:var(--ink-800);}

.albeeld{background:var(--bg-soft);}
.alb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.alb-kaart{background:#fff;border:1px solid var(--ink-100);border-radius:16px;padding:var(--kaart-p);transition:all .3s var(--ease);}
.alb-kaart:hover{border-color:var(--teal-300);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.alb-kaart b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);margin-bottom:var(--kaart-kop);}
.alb-kaart p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-600);}
@media(max-width:900px){.alb-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.alb-grid{grid-template-columns:1fr;}}

.eyebrow{
  font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;
  text-transform:none;color:var(--ink-500);font-weight:600;
  display:inline-block;
}
.eyebrow::before{display:none;}
.eyebrow.light{color:var(--accent-500);}
.enemy .eyebrow,.ai .eyebrow{color:var(--accent-500);}
.testi .eyebrow.light{color:var(--teal-600);}
.hero-eyebrow{font-size:14px;color:var(--teal-700);}

body.kop-nummer main{counter-reset:hoofdstuk;}
body.kop-nummer .sec,body.kop-nummer .pg-hero,body.kop-nummer header.hero{counter-increment:hoofdstuk;}
body.kop-nummer .eyebrow{display:inline-flex;align-items:center;gap:12px;font-weight:600;color:var(--ink-800);}
body.kop-nummer .eyebrow::before{
  display:inline-grid;place-items:center;content:counter(hoofdstuk,decimal-leading-zero);
  width:30px;height:30px;border-radius:9px;background:var(--teal-600);color:#fff;
  font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0;
  box-shadow:0 6px 16px -8px rgba(14,74,71,.8);
}
body.kop-nummer .enemy .eyebrow,body.kop-nummer .ai .eyebrow,body.kop-nummer .final .eyebrow{color:#fff;}
body.kop-nummer .enemy .eyebrow::before,body.kop-nummer .ai .eyebrow::before{background:var(--accent-500);color:var(--ink-900);}
body.kop-nummer .reflect-humor .eyebrow::before{background:var(--ink-900);color:var(--accent-500);}

body.kop-pil .eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;
  background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-900);
  font-weight:600;font-size:13px;
}
body.kop-pil .eyebrow::before{
  display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-500);
  box-shadow:0 0 0 0 rgba(33,173,168,.6);animation:kopPuls 2.6s infinite;
}
@keyframes kopPuls{0%{box-shadow:0 0 0 0 rgba(33,173,168,.55);}70%{box-shadow:0 0 0 7px rgba(33,173,168,0);}100%{box-shadow:0 0 0 0 rgba(33,173,168,0);}}
body.kop-pil .enemy .eyebrow,body.kop-pil .ai .eyebrow,body.kop-pil .final .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}
body.kop-pil .enemy .eyebrow::before,body.kop-pil .ai .eyebrow::before{background:var(--accent-500);}

body.kop-marker .eyebrow{
  display:inline;color:var(--ink-900);font-weight:700;font-size:14px;
  padding:1px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  background-image:linear-gradient(transparent 52%, rgba(249,208,71,.65) 52%, rgba(249,208,71,.65) 92%, transparent 92%);
}
body.kop-marker .eyebrow::before{display:none;}
body.kop-marker .enemy .eyebrow,body.kop-marker .ai .eyebrow,body.kop-marker .final .eyebrow{color:#fff;background-image:linear-gradient(transparent 52%, rgba(249,208,71,.85) 52%, rgba(249,208,71,.85) 92%, transparent 92%);}
body.kop-marker .enemy .eyebrow,body.kop-marker .ai .eyebrow{color:var(--ink-900);}
body.kop-marker .reflect-humor .eyebrow{background-image:linear-gradient(transparent 52%, rgba(13,17,16,.14) 52%, rgba(13,17,16,.14) 92%, transparent 92%);}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;
  background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-900);
  font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;
}
.eyebrow::before{
  display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-500);flex:none;
}
.hero-eyebrow::before{box-shadow:0 0 0 0 rgba(33,173,168,.6);animation:kopPuls 2.6s infinite;}
.enemy .eyebrow,.ai .eyebrow,.final .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}
.enemy .eyebrow::before,.ai .eyebrow::before,.final .eyebrow::before{background:var(--accent-500);}
.reflect-humor .eyebrow{background:rgba(13,17,16,.08);border-color:rgba(13,17,16,.12);color:var(--ink-900);}
.reflect-humor .eyebrow::before{background:var(--ink-900);}
.testi .eyebrow.light,.eyebrow.light{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-900);}
.enemy .eyebrow.light,.ai .eyebrow.light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}

body.kop-kaal .eyebrow{display:inline-block;padding:0;border:0;background:none;color:var(--ink-500);font-size:13.5px;}
body.kop-kaal .eyebrow::before{display:none;}

.ruis{background:var(--paper);}
.ruis-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.ruis-lijst{display:flex;flex-direction:column;gap:24px;}
.ruis-punt{border-left:2px solid var(--teal-500);padding:4px 0 4px 24px;}
.ruis-punt b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);margin-bottom:8px;}
.ruis-punt p{margin:0;font-size:15px;line-height:1.65;color:var(--ink-600);}
@media(max-width:900px){.ruis-grid{grid-template-columns:1fr;gap:32px;}}

.enemy{background:var(--paper) !important;color:var(--ink-800);}
.enemy .sec-title,.enemy h2{color:var(--ink-900);}
.enemy .sec-title em{color:var(--critical-500);}
.enemy .sec-lede{color:var(--ink-600);}
.enemy .eyebrow{background:var(--critical-100);border-color:rgba(210,74,59,.25);color:#8c2f24;}
.enemy .eyebrow::before{background:var(--critical-500);}
.frag{background:var(--bg-soft);border:1px solid var(--ink-100);color:var(--ink-800);}
.frag:hover,.fragments:hover .frag:hover{border-color:var(--critical-500);background:#fff;}
.frag .sys{color:var(--teal-700);}
.frag .metric{color:var(--ink-900);}
.frag .metric-lbl{color:var(--ink-500);}
.frag .warn{border-top-color:var(--ink-100);color:var(--ink-600);}
.frag .sig i{background:var(--teal-500);}
.enemy-punch{color:var(--ink-900);}
.enemy-punch em{color:var(--critical-500);}
.enemy .geenkoppeling,.enemy .nolink{color:var(--critical-500);}

.ai{background:linear-gradient(160deg,var(--teal-600) 0%,var(--teal-700-vlak) 100%) !important;color:#fff;}
.ai .sec-title{color:#fff;}
.ai .sec-title em{color:var(--accent-500);}
.ai .sec-lede{color:rgba(255,255,255,0.82);}
.ai .eyebrow,.ai .eyebrow.light{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.28);color:#fff;}
.ai .eyebrow::before,.ai .eyebrow.light::before{background:var(--accent-500);}
.ai-deco{display:none;}
.ai-lane{box-shadow:var(--shadow-xl);}
.ai-foot p{color:rgba(255,255,255,0.82) !important;}
.ai-foot strong{color:#fff !important;}
.ai .btn-ghost{border-color:rgba(255,255,255,0.45);color:#fff;}
.ai .btn-ghost:hover{background:rgba(255,255,255,0.12);border-color:#fff;color:#fff;}
.ai-lane{background:#fff;border:1px solid var(--ink-100);}
.ai-lane.good{background:#fff;border-color:var(--teal-300);}
.ai-lane-tag.bad{background:var(--critical-100);color:var(--critical-500);}
.ai-lane-tag.good{background:var(--success-100);color:var(--success-500);}
.ai-src.broken span:not(.ai-cut){background:var(--ink-50);border:1px solid var(--ink-100);color:var(--ink-500);}
.ai-src.whole .ai-onebron{background:var(--teal-50);border:1px solid var(--teal-300);color:var(--teal-800);}
.ai-flow::before{background:linear-gradient(var(--ink-200),transparent);}
.ai-flow::after{background:linear-gradient(transparent,var(--ink-200));}
.ai-flow.good{color:var(--success-500);}
.ai-chip.bad{background:var(--critical-100);color:var(--critical-500);border-color:rgba(210,74,59,.3);}
.ai-bubble{background:var(--bg-soft);border:1px solid var(--ink-100);}
.ai-q{color:var(--ink-500);}
.ai-lane.bad .ai-a{color:var(--critical-500);}
.ai-lane.good .ai-a{color:var(--teal-700);}
.ai-verdict.good{color:var(--success-500);}

.model-viz{background:#fff !important;color:var(--ink-800);border:1px solid var(--ink-100);box-shadow:var(--shadow-lg);}
.model-viz .mv-num{color:var(--teal-600);}
.model-viz .mv-name{color:var(--ink-900);}
.model-viz .mv-desc{color:var(--ink-600);}
.model-viz .mv-bar-track{background:var(--ink-100);}
.model-viz .mv-scale{color:var(--ink-400);}
.model-viz .mv-deco{opacity:.06;}

.final{background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-700-vlak) 100%) !important;color:#fff;}
.final h2 em{color:var(--accent-500);}
.final p{color:rgba(255,255,255,.88);}
.final-deco{opacity:.10;}

.footer{background:var(--teal-900);}

.sev-node{background:#fff;border-color:var(--critical-500);color:var(--critical-500);box-shadow:var(--shadow-sm);}
.sev-node::before,.sev-node::after{border-top:2px dashed rgba(210,74,59,.45);}
.sev-label{color:var(--critical-500);opacity:1;}

.ico{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;
  border-radius:12px;background:var(--teal-50);border:1px solid var(--teal-100);
  color:var(--teal-600);transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);}
.ico svg{display:block;width:20px;height:20px;}

.haak-kaart .ico{margin-bottom:-8px;}
.haak-kaart:hover .ico{background:var(--teal-500);border-color:var(--teal-500);color:#fff;}

.alb-kaart .ico{margin-bottom:16px;}
.alb-kaart:hover .ico{background:var(--teal-500);border-color:var(--teal-500);color:#fff;}

.ruis-punt{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start;}
.ruis-punt .ico{grid-row:1 / span 2;width:36px;height:36px;border-radius:10px;}
.ruis-punt .ico svg{width:18px;height:18px;}
@media(max-width:600px){
  .ruis-punt{grid-template-columns:1fr;row-gap:12px;}
  .ruis-punt .ico{grid-row:auto;}
}

.footer{padding:0 0 32px;border-top:0;position:relative;}
.footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--teal-500),var(--accent-500));
}

.voet-merk{
  display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:start;
  padding:64px 0 48px;border-bottom:1px solid rgba(255,255,255,0.1);
}
.footer .footer-logo{height:30px;margin:0 0 24px;}
.voet-pitch{margin:0 0 32px;max-width:44ch;font-size:16px;line-height:1.65;color:rgba(255,255,255,0.72);}
.voet-pitch strong{color:#fff;font-weight:600;}
.voet-cijfers{display:flex;align-items:center;gap:40px;}
.voet-cijfers b{display:block;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:var(--accent-500);line-height:1;}
.voet-cijfers span{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,0.55);}

.voet-contact{display:flex;flex-direction:column;gap:12px;}
.voet-regel{
  display:flex;align-items:center;gap:16px;padding:16px 16px;border-radius:14px;
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  color:#fff;transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
}
a.voet-regel:hover{background:rgba(255,255,255,0.1);border-color:var(--teal-400);transform:translateX(3px);color:#fff;}
.voet-regel.stil{background:transparent;border-color:rgba(255,255,255,0.08);}
.vr-ico{
  flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,0.08);color:var(--teal-300);
}
.vr-ico svg{width:19px;height:19px;display:block;}
.voet-regel b{display:block;font-size:15.5px;font-weight:600;color:#fff;letter-spacing:-0.01em;}
.voet-regel i{display:block;margin-top:2px;font-style:normal;font-size:13px;color:rgba(255,255,255,0.5);}
.voet-knop{margin-top:8px;justify-content:center;}

.footer-top{
  display:grid;grid-template-columns:repeat(5,1fr);gap:32px;
  padding:48px 0 48px;border-bottom:1px solid rgba(255,255,255,0.1);
}
.footer h5{
  font-family:var(--font-sans);font-size:13px;letter-spacing:0.11em;text-transform:uppercase;
  color:var(--teal-300);margin:0 0 16px;font-weight:600;
}
.footer ul li{padding:4px 0;line-height:1.4;}
.footer ul a{font-size:14px;color:rgba(255,255,255,0.78);}
.footer ul a:hover{color:#fff;}
.footer ul .voet-later{font-size:14px;color:rgba(255,255,255,0.38);}

.voet-nieuws{
  display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;
  padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.1);
}
.voet-nieuws h5{margin-bottom:8px;}
.vn-tekst p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,0.6);max-width:52ch;}
.vn-veld{display:flex;gap:8px;}
.vn-veld input{
  flex:1;min-width:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);
  border-radius:12px;padding:16px 16px;color:#fff;font-family:var(--font-sans);font-size:14.5px;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.vn-veld input::placeholder{color:rgba(255,255,255,0.4);}
.vn-veld input:focus{outline:none;border-color:var(--teal-400);background:rgba(255,255,255,0.09);}
.vn-veld .btn{flex:none;}
.vn-veld{position:relative;}
.vn-status{margin:8px 0 0;font-size:14px;line-height:1.4;color:rgba(255,255,255,0.75);min-height:0;}
.vn-status:empty{display:none;}
.vn-status.goed{color:var(--teal-400);}
.vn-status.fout{color:#ffb4a8;}

.footer-bottom{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:32px;
  font-family:var(--font-sans);font-size:13px;letter-spacing:0.04em;color:rgba(255,255,255,0.42);
}
.footer-bottom .vb-mark{color:var(--teal-300);}
.footer-bottom .vb-links{margin-left:auto;}
.footer-bottom a{color:rgba(255,255,255,0.6);}
.footer-bottom a:hover{color:#fff;}

.footer-bottom .voet-later{color:rgba(255,255,255,0.3);font-size:inherit;font-family:inherit;letter-spacing:inherit;}
.footer-bottom .voet-later::before{display:none;}

@media(max-width:1000px){
  .voet-merk{grid-template-columns:1fr;gap:40px;padding:56px 0 40px;}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:32px;}
  .voet-nieuws{grid-template-columns:1fr;gap:16px;}
}
@media(max-width:600px){
  .footer-top{grid-template-columns:1fr 1fr;gap:24px;}
  .voet-cijfers{gap:24px;}
  .voet-cijfers b{font-size:22px;}
  .vn-veld{flex-direction:column;}
  .vn-veld .btn{justify-content:center;}
  .footer-bottom{font-size:13px;gap:12px;}
  .footer-bottom .vb-links{margin-left:0;}
}

.scan .eyebrow,.scan .eyebrow.light,
.reflect-photo .eyebrow,.reflect-photo .eyebrow.light,
.final .eyebrow,.final .eyebrow.light,
.ai .eyebrow,.ai .eyebrow.light,
.testi.op-kleur .eyebrow,.testi.op-kleur .eyebrow.light{
  background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.32);
  color:#fff;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.scan .eyebrow::before,.scan .eyebrow.light::before,
.reflect-photo .eyebrow::before,.reflect-photo .eyebrow.light::before,
.final .eyebrow::before,.final .eyebrow.light::before,
.ai .eyebrow::before,.ai .eyebrow.light::before{
  background:var(--accent-500);
}

:root{
  --sp-1:4px;
  --sp-2:8px;
  --sp-4:16px;
  --sp-6:24px;
  --sp-8:40px;
  --sp-12:64px;
  --sp-16:80px;
  --sp-24:96px;

  --kaart-p:40px;
  --kaart-kop:14px;
  --sec-y:128px;
}
@media(max-width:900px){:root{--sec-y:104px;}}
@media(max-width:600px){:root{--sec-y:96px;--kaart-p:28px;--kaart-kop:12px;}}

.eyebrow{margin-bottom:var(--sp-6);}
.sec-head .eyebrow,.hero-eyebrow,.clients-lead .eyebrow,
.scan .eyebrow,.ruis .eyebrow,.reflect-photo .eyebrow,
.fnd-copy .eyebrow,.pg-formsec .eyebrow{margin-bottom:var(--sp-6);}

.mega .eyebrow{margin-bottom:0;}

.sec-title{margin-bottom:var(--sp-6);}
.sec-head .sec-title + .sec-lede{margin-top:0;}

.sec-head{margin-bottom:var(--sp-12);}
.sec-head.center{margin-bottom:var(--sp-12);}

.hero-sub{margin-bottom:var(--sp-8);}
.scan-copy .lede,.sec-lede + .btn-rij{margin-bottom:var(--sp-8);}

@media(max-width:600px){

  :root{--sp-6:16px;--sp-8:32px;--sp-12:40px;--sp-16:56px;--sp-24:64px;}
}

.rpb-logo{height:74px;margin-bottom:28px;}

.pagina > section{border-top:1px solid var(--ink-100);}
.pagina > section:first-child{border-top:0;}

.pagina > section.ai,.pagina > section.final,.pagina > section.scan,
.pagina > section.reflect-photo,.pagina > section.reflect-humor{border-top:0;}
.pagina > section.ai + section,.pagina > section.final + section,
.pagina > section.scan + section,.pagina > section.reflect-photo + section,
.pagina > section.reflect-humor + section{border-top:0;}

.koppel-cell{background:transparent;border-color:transparent;}
.koppel-cell img{opacity:1;filter:none;}
.koppel-cell:hover{background:#fff;border-color:var(--ink-100);}

.footer-bottom,.footer-bottom *{font-size:13px;font-family:var(--font-mono);letter-spacing:0.07em;}

.nav{padding:20px 0;}
.nav.scrolled{padding:14px 0;}
@media(max-width:1400px){.nav-links{gap:14px;}}
@media(max-width:1260px){.nav-links{gap:10px;}}

.pg-sys{padding:20px 24px;}
.pg-sys .logo{margin-bottom:0;height:34px;}
.pg-sys .logo img{max-height:34px;}

.sec.ai{
  position:relative;overflow:hidden;padding:var(--sec-y) 0;color:#fff;
  background:
    linear-gradient(100deg, rgba(0,0,0,0.05), rgba(0,0,0,0.30)),
    linear-gradient(120deg, #6C4BE8 0%, #B93FBF 52%, #F0913C 100%) !important;
  border-top:0;
}
.ai-binnen{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:0 var(--gut);}

.ai-ster{
  position:absolute;display:block;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.2 10.8 12 12-6.8 1.2-11.4 5.8-12 12-.6-6.2-5.2-10.8-12-12C6.8 10.8 11.4 6.2 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.2 10.8 12 12-6.8 1.2-11.4 5.8-12 12-.6-6.2-5.2-10.8-12-12C6.8 10.8 11.4 6.2 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ai-sterren{position:absolute;inset:0;z-index:1;pointer-events:none;}
.ai-ster.s1{width:76px;height:76px;left:3%;top:14%;opacity:.17;animation:aiTwinkel 6s ease-in-out infinite;}
.ai-ster.s2{width:30px;height:30px;left:9%;top:26%;opacity:.17;animation:aiTwinkel 6s ease-in-out infinite;}
.ai-ster.s3{width:54px;height:54px;right:5%;top:12%;opacity:.30;animation:aiTwinkel 8s ease-in-out infinite .9s;}
.ai-ster.s4{width:26px;height:26px;right:11%;top:24%;opacity:.30;animation:aiTwinkel 8s ease-in-out infinite .9s;}
.ai-ster.s5{width:44px;height:44px;left:6%;bottom:12%;opacity:.17;animation:aiTwinkel 6s ease-in-out infinite;}
.ai-ster.s6{width:28px;height:28px;right:7%;bottom:18%;opacity:.30;animation:aiTwinkel 8s ease-in-out infinite .9s;}
@keyframes aiTwinkel{0%,100%{transform:scale(1);}50%{transform:scale(1.14);}}

.ai-kop{max-width:760px;}
.sec.ai .ai-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-sans);font-size:0.7rem;font-weight:600;
  text-transform:uppercase;letter-spacing:0.14em;color:#fff;
  background:none;border:0;padding:0;margin-bottom:20px;
}
.sec.ai .ai-eyebrow::before{
  content:"";width:15px;height:15px;flex:none;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.2 10.8 12 12-6.8 1.2-11.4 5.8-12 12-.6-6.2-5.2-10.8-12-12C6.8 10.8 11.4 6.2 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.2 10.8 12 12-6.8 1.2-11.4 5.8-12 12-.6-6.2-5.2-10.8-12-12C6.8 10.8 11.4 6.2 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.sec.ai h2{
  font-family:var(--font-sans);font-weight:700;color:#fff;
  font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-0.02em;margin:0 0 24px;text-wrap:balance;
}

.ai-markeer{
  color:#fff;padding:0 2px;
  background-image:linear-gradient(transparent 54%, rgba(255,255,255,0.32) 54%);
}
.ai-lede{margin:0;font-size:17px;line-height:1.65;color:rgba(255,255,255,0.88);max-width:62ch;}

.ai-prompt{
  display:flex;align-items:center;gap:12px;margin:48px 0 40px;
  background:#fff;border-radius:14px;padding:16px 16px 16px 18px;
  box-shadow:0 18px 40px -22px rgba(0,0,0,0.55);
}
.ai-prompt-icoon{color:#8a8f97;flex:none;}
.ai-prompt-tekst{color:#333;font-size:16px;font-weight:500;}
.ai-caret{display:inline-block;width:2px;height:19px;background:#B93FBF;animation:aiCaret 1.1s step-end infinite;}
@keyframes aiCaret{0%,49%{opacity:1;}50%,100%{opacity:0;}}
.ai-prompt-knop{
  margin-left:auto;flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(120deg,#6C4BE8,#B93FBF);color:#fff;
}

.ai-twee{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.ai-paneel{border-radius:16px;padding:24px;}
.ai-paneel.nu{
  background:rgba(0,0,0,0.22);border:1px solid rgba(255,255,255,0.26);
  backdrop-filter:blur(3px);color:rgba(255,255,255,0.94);
}
.ai-paneel.straks{background:#fff;color:var(--ink-800);border:1px solid rgba(255,255,255,0.6);}
.ai-paneel-kop{display:flex;align-items:center;gap:10px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;margin-bottom:18px;}
.ai-paneel.nu .ai-paneel-kop{color:rgba(255,255,255,0.88);}
.ai-paneel.straks .ai-paneel-kop{color:var(--ink-500);}
.ai-bronnen{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;letter-spacing:0.04em;margin-bottom:16px;}
.ai-paneel.nu .ai-bronnen{color:rgba(255,255,255,0.7);}
.ai-bronnen i{font-style:normal;opacity:0.55;}
.ai-bronnen.een span{color:var(--teal-700);font-weight:600;}
.ai-antwoord{margin:0 0 12px;font-size:18px;line-height:1.45;font-weight:600;}
.ai-paneel.straks .ai-antwoord{color:var(--ink-900);}
.ai-oordeel{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,0.8);}
.ai-bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.ai-bullets li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.55;color:var(--ink-600);}
.ai-bullets li::before{
  content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:3px;
  background:linear-gradient(120deg,#6C4BE8,#B93FBF 52%,#F0913C);
}
.ai-voet{margin:28px 0 0;font-size:15.5px;line-height:1.7;color:rgba(255,255,255,0.88);max-width:70ch;}

@media(max-width:820px){
  .ai-twee{grid-template-columns:1fr;}
  .ai-prompt-tekst{font-size:15px;}
  .ai-ster.s1,.ai-ster.s5{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .ai-ster,.ai-caret{animation:none;}
}

.eyebrow::before{
  width:13px;height:12px;border-radius:0;
  -webkit-mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;
  mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;
}

.hero-eyebrow::before{animation:none;box-shadow:none;}

@media(min-width:1440px){
  .nav-inner{max-width:var(--max);}
}

.alb-usps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;}
.alb-kaart.usp{
  background:#fff;border:1px solid var(--teal-200);border-radius:18px;padding:var(--kaart-p);
  box-shadow:0 18px 40px -30px rgba(14,74,71,0.5);
}
.alb-kaart.usp b{display:block;font-size:18px;line-height:1.3;margin:20px 0 var(--kaart-kop);color:var(--ink-900);}
.alb-kaart.usp p{margin:0;font-size:15px;line-height:1.65;color:var(--ink-600);}
.alb-kaart.usp .ico{background:var(--teal-500);color:#fff;}
.alb-rest{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.alb-kaart.rest{background:transparent;border:1px solid var(--ink-100);border-radius:14px;padding:20px;}
.alb-kaart.rest b{display:block;font-size:15px;margin:12px 0 6px;color:var(--ink-800);}
.alb-kaart.rest p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-500);}
.alb-kaart.rest .ico{width:32px;height:32px;border-radius:9px;}
.alb-kaart.rest .ico svg{width:17px;height:17px;}
@media(max-width:900px){.alb-usps,.alb-rest{grid-template-columns:1fr;}}

.nav-top{
  max-height:44px;opacity:1;overflow:hidden;
  transition:max-height .3s var(--ease),opacity .25s var(--ease);
}
.nav.scrolled .nav-top{max-height:0;opacity:0;}
.nav-top-inner{
  max-width:var(--max);margin:0 auto;padding:0 var(--gut) 8px;
  display:flex;align-items:center;justify-content:flex-end;gap:20px;
  font-size:13px;letter-spacing:-.005em;
}
.nav-top-inner .nt-link{color:var(--ink-500);font-weight:500;text-decoration:none;}
.nav-top-inner a.nt-link:hover{color:var(--teal-700);}
.nav-top-inner .nt-link.volgt{color:var(--ink-400);cursor:default;}
.nt-sep{width:1px;height:12px;background:var(--ink-200);display:inline-block;}
.nt-lang{display:inline-flex;align-items:center;gap:5px;color:var(--ink-400);font-size:13px;}
.nt-lang b{color:var(--ink-700);font-weight:600;}
.nt-lang i{font-style:normal;color:var(--ink-300);}
.nav-hero-invert:not(.scrolled) .nav-top-inner .nt-link{color:rgba(255,255,255,0.78);}
.nav-hero-invert:not(.scrolled) .nav-top-inner a.nt-link:hover{color:#fff;}
.nav-hero-invert:not(.scrolled) .nav-top-inner .nt-link.volgt{color:rgba(255,255,255,0.5);}
.nav-hero-invert:not(.scrolled) .nt-lang b{color:#fff;}
.nav-hero-invert:not(.scrolled) .nt-lang,
.nav-hero-invert:not(.scrolled) .nt-lang i{color:rgba(255,255,255,0.55);}
.nav-hero-invert:not(.scrolled) .nt-sep{background:rgba(255,255,255,0.25);}

.nav-links{gap:26px;}
.nav-links a,.nav-links .mi > .top{
  font-size:15px;font-weight:600;color:var(--ink-800);letter-spacing:-.012em;
}
.nav-links a:hover,.nav-links .mi > .top:hover{color:var(--teal-700);}
.nav-hero-invert:not(.scrolled) .nav-links a,
.nav-hero-invert:not(.scrolled) .nav-links .mi > .top{color:rgba(255,255,255,0.92);}
.nav-hero-invert:not(.scrolled) .nav-links a:hover,
.nav-hero-invert:not(.scrolled) .nav-links .mi > .top:hover{color:#fff;}
@media(max-width:1400px){.nav-links{gap:20px;}.nav-links a,.nav-links .mi > .top{font-size:14.4px;}}
@media(max-width:1260px){.nav-links{gap:16px;}.nav-links a,.nav-links .mi > .top{font-size:13.8px;}}

.btn-cta.btn-klein{
  padding:10px 18px;font-size:13.6px;font-weight:600;border-radius:999px;
  box-shadow:0 4px 14px -6px rgba(249,208,71,0.7);
}
.btn-cta.btn-klein:hover{box-shadow:0 8px 20px -8px rgba(249,208,71,0.85);}
@media(max-width:1100px){.btn-cta.btn-klein{padding:9px 15px;font-size:13px;}}

.mega-item.volgt{opacity:.55;cursor:default;}
.mega-item.volgt:hover{background:transparent;}
.mega-voet{display:none;}

@media(max-width:900px){
  .nav-top-inner{justify-content:center;gap:14px;padding-bottom:6px;font-size:13px;}
  .nav-top-inner .nt-link.volgt{display:none;}
}

.eyebrow{
  font-family:var(--font-sans);font-weight:600;font-size:13.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);
  display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{
  content:"";display:inline-block;width:20px;height:2px;
  background:var(--teal-500);flex:0 0 auto;
}
.eyebrow.center{justify-content:center;}
.eyebrow.center::before{display:inline-block;}
.eyebrow.light{color:var(--accent-500);}
.eyebrow.light::before{background:var(--accent-500);}
.enemy .eyebrow,.ai .eyebrow{color:var(--accent-500);}
.enemy .eyebrow::before,.ai .eyebrow::before{background:var(--accent-500);}
.scan .eyebrow{color:var(--accent-500);}
.scan .eyebrow::before{background:var(--accent-500);}
.testi .eyebrow.light{color:var(--teal-600);}
.testi .eyebrow.light::before{background:var(--teal-600);}
.hero-eyebrow{font-size:13.5px;color:var(--teal-700);}
.hero-eyebrow::before{background:var(--teal-600);}
.nav-hero-invert .hero-eyebrow{color:inherit;}

.eyebrow,.eyebrow.light,
.enemy .eyebrow,.enemy .eyebrow.light,
.ai .eyebrow,.ai .eyebrow.light,
.final .eyebrow,.final .eyebrow.light,
.scan .eyebrow,.scan .eyebrow.light,
.reflect-photo .eyebrow,.reflect-photo .eyebrow.light,
.reflect-humor .eyebrow,.reflect-humor .eyebrow.light,
.testi .eyebrow,.testi .eyebrow.light,
.testi.op-kleur .eyebrow,.testi.op-kleur .eyebrow.light{
  background:none;background-image:none;border:0;border-radius:0;padding:0;
}

.enemy .eyebrow,.ai .eyebrow,.final .eyebrow{color:var(--accent-500);}
.enemy .eyebrow::before,.ai .eyebrow::before,.final .eyebrow::before{background:var(--accent-500);}
.reflect-humor .eyebrow{color:var(--ink-900);}
.reflect-humor .eyebrow::before{background:var(--ink-900);}

.eyebrow::before{
  width:13px;height:12px;border-radius:0;box-shadow:none;animation:none;
  -webkit-mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;
  mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;
}
.hero-eyebrow::before{box-shadow:none;animation:none;}

.enemy .eyebrow,.enemy .eyebrow.light{color:var(--critical-500);}
.enemy .eyebrow::before,.enemy .eyebrow.light::before{background:var(--critical-500);}

.pagina{overflow-x:clip;}

.pb{
  background:var(--bg-soft);
  border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);
  padding:var(--sec-y) 0;
}
.pb-inner{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:56px;align-items:start;}
.pb-kop .eyebrow{margin-bottom:16px;}
.pb-titel{
  font-size:clamp(26px,2.5vw,34px);line-height:1.14;letter-spacing:-0.025em;
  font-weight:700;margin:0 0 16px;color:var(--ink-900);text-wrap:balance;
}
.pb-lede{margin:0 0 24px;font-size:15.5px;line-height:1.6;color:var(--ink-600);max-width:42ch;}
.pb-naar{
  display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;
  color:var(--teal-700);text-decoration:none;
}
.pb-naar:hover{color:var(--teal-800);}
.pb-naar .arr{transition:transform .2s var(--ease);}
.pb-naar:hover .arr{transform:translateX(3px);}

.pb-usp{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--ink-100);border:1px solid var(--ink-100);
  border-radius:14px;overflow:hidden;
}
.pb-u{background:var(--paper);padding:22px 22px 24px;}
.pb-u b{display:block;font-size:15px;font-weight:700;letter-spacing:-0.01em;color:var(--ink-900);margin-bottom:6px;}
.pb-u span{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-500);}

@media(max-width:1080px){
  .pb-inner{grid-template-columns:1fr;gap:32px;}
  .pb-lede{max-width:64ch;}
}
@media(max-width:820px){
  .pb-usp{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .pb{padding:48px 0;}
  .pb-usp{grid-template-columns:1fr;}
}

.clients-carrousel{display:grid;gap:22px;min-width:0;}
.cc-rij{
  display:flex;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.cc-spoor{
  display:flex;align-items:center;gap:16px;padding-right:16px;
  flex:0 0 auto;animation:ccLoop 44s linear infinite;
}

.clients-carrousel .cc-rij:nth-of-type(2) .cc-spoor{animation-duration:38.5s;}

@keyframes ccLoop{from{transform:translateX(0);}to{transform:translateX(-100%);}}
.clients-carrousel:hover .cc-spoor,
.clients-carrousel:focus-within .cc-spoor{animation-play-state:paused;}

.cc-cel{
  flex:0 0 auto;width:148px;height:46px;
  display:grid;place-items:center;
}
.cc-spoor img{max-height:28px;max-width:132px;width:auto;height:auto;display:block;object-fit:contain;}
@media(max-width:860px){
  .clients-carrousel{gap:18px;}
  .cc-spoor{gap:10px;padding-right:10px;}
  .cc-cel{width:124px;height:40px;}
  .cc-spoor img{max-height:24px;max-width:112px;}
}
@media(prefers-reduced-motion:reduce){
  .cc-spoor{animation:none;}
  .cc-rij{overflow-x:auto;}
}

.bc-beeld{background:var(--bg-soft);padding:20px;}
.bc-frame{
  background:#fff;border:1px solid var(--ink-100);border-radius:12px;overflow:hidden;
  box-shadow:0 18px 32px -24px rgba(14,74,71,.35), 0 2px 4px -2px rgba(14,74,71,.12);
}
.bc-chrome{
  display:flex;align-items:center;gap:8px;padding:9px 12px;
  border-bottom:1px solid var(--ink-100);background:linear-gradient(180deg,#fff,var(--bg-soft));
  font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
}
.bc-dots{display:inline-flex;gap:4px;}
.bc-dots i{width:6px;height:6px;border-radius:50%;background:var(--ink-200);display:block;}
.bc-dots i.g{background:var(--teal-500);}
.bc-merk{font-weight:600;color:var(--ink-800);letter-spacing:.04em;}
.bc-crumb{color:var(--ink-400);}
.bc-live{margin-left:auto;color:var(--teal-700);}
.bc-doek{
  padding:14px 12px;
  background:radial-gradient(120% 90% at 85% 0%, rgba(33,173,168,.08), transparent 60%);
}

.bc-svg rect,.bc-svg circle,.bc-svg text,.bc-svg path{transform-box:fill-box;}
.bc-svg rect{transform-origin:left center;transform:scaleX(.02);transition:transform .7s var(--ease-emph);}
.bc-svg circle{transform-origin:center;transform:scale(0);transition:transform .5s var(--ease-emph);}
.bc-svg text{opacity:0;transition:opacity .5s var(--ease) .35s;}
.bc-svg path{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.1s var(--ease-emph) .15s;}
.bc-kaart.in .bc-svg rect{transform:scaleX(1);}
.bc-kaart.in .bc-svg circle{transform:scale(1);}
.bc-kaart.in .bc-svg text{opacity:1;}
.bc-kaart.in .bc-svg path{stroke-dashoffset:0;}
.bc-kaart.in .bc-svg rect:nth-of-type(2){transition-delay:.08s;}
.bc-kaart.in .bc-svg rect:nth-of-type(3){transition-delay:.16s;}
.bc-kaart.in .bc-svg rect:nth-of-type(4){transition-delay:.24s;}
.bc-kaart.in .bc-svg rect:nth-of-type(5){transition-delay:.32s;}
.bc-kaart.in .bc-svg rect:nth-of-type(6){transition-delay:.4s;}
@media(prefers-reduced-motion:reduce){
  .bc-svg rect,.bc-svg circle{transform:none;transition:none;}
  .bc-svg text{opacity:1;transition:none;}
  .bc-svg path{stroke-dashoffset:0;transition:none;}
}

.wegwijzer{
  border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);
  padding:28px 0 30px;margin:0 0 8px;
}
.ww-kop{
  display:block;margin-bottom:18px;
  font-family:var(--font-sans);font-weight:600;font-size:13.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-500);
}
.ww-rij{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink-100);}
.ww-item{
  background:var(--paper);padding:0 20px;text-decoration:none;
  display:flex;flex-direction:column;gap:10px;justify-content:space-between;
  transition:background .2s var(--ease);
}
.ww-item:first-child{padding-left:0;}
.ww-item:last-child{padding-right:0;}
.ww-item:hover{background:var(--bg-soft);}
.ww-q{font-size:15px;line-height:1.45;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);}
.ww-naar{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:600;color:var(--teal-700);
}
.ww-item:hover .ww-naar .arr{transform:translateX(3px);}
.ww-naar .arr{transition:transform .2s var(--ease);}
@media(max-width:980px){
  .ww-rij{grid-template-columns:repeat(2,1fr);}
  .ww-item{padding:16px 20px;}
  .ww-item:first-child,.ww-item:last-child{padding-left:20px;padding-right:20px;}
}
@media(max-width:560px){
  .ww-rij{grid-template-columns:1fr;}
  .ww-item{padding:16px 0;}
  .ww-item:first-child,.ww-item:last-child{padding:16px 0;}
}

.pf-hero{padding:148px 0 72px;background:linear-gradient(180deg,var(--bg-soft),var(--paper) 60%);}
.pf-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center;}
.pf-copy h1{
  font-size:clamp(32px,3.6vw,50px);line-height:1.06;letter-spacing:-0.035em;font-weight:700;
  margin:16px 0 20px;color:var(--ink-900);text-wrap:balance;
}
.pf-copy h1 em{font-style:italic;font-weight:400;color:var(--teal-700);}
.pf-copy .lede{font-size:16.5px;line-height:1.62;color:var(--ink-600);margin:0 0 28px;max-width:52ch;}
.pf-acties{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;}
.pf-naar{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--teal-700);text-decoration:none;}
.pf-naar .arr{transition:transform .2s var(--ease);}
.pf-naar:hover .arr{transform:translateX(3px);}
.pf-cijfers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-100);border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);}
.pf-cijfers div{background:var(--paper);padding:16px 18px 18px;}
.pf-cijfers b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--teal-700);line-height:1.1;}
.pf-cijfers span{display:block;margin-top:4px;font-size:13px;color:var(--ink-500);line-height:1.4;}

.pf-venster{
  background:#fff;border:1px solid var(--ink-100);border-radius:16px;overflow:hidden;
  box-shadow:0 32px 60px -34px rgba(14,74,71,.45), 0 3px 8px -4px rgba(14,74,71,.16);
}
.pf-chrome{
  display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fff,var(--bg-soft));
  font-family:var(--font-mono);font-size:13px;letter-spacing:.09em;text-transform:uppercase;
}
.pf-dots{display:inline-flex;gap:4px;}
.pf-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-200);display:block;}
.pf-dots i.g{background:var(--teal-500);}
.pf-merk{font-weight:600;color:var(--ink-800);}
.pf-crumb{color:var(--ink-400);}
.pf-status{margin-left:auto;color:var(--teal-700);}
.pf-doek{
  position:relative;display:grid;grid-template-columns:120px 1fr;gap:0;padding:22px 20px;
  background:radial-gradient(120% 100% at 100% 0%, rgba(33,173,168,.09), transparent 62%);
}
.pf-bronnen{display:grid;gap:12px;align-content:center;}
.pf-bron{
  display:block;padding:9px 11px;border:1px solid var(--ink-100);border-radius:10px;background:#fff;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease),opacity .3s var(--ease),transform .3s var(--ease);
}
.pf-bron b{display:block;font-size:13px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em;}
.pf-bron i{display:block;font-style:normal;font-size:13px;color:var(--ink-400);margin-top:2px;}
.pf-lijnen{position:absolute;left:120px;top:22px;bottom:22px;width:78px;height:auto;pointer-events:none;}
.pf-lijnen path{fill:none;stroke:var(--teal-300);stroke-width:1.6;stroke-dasharray:6 6;}
.pf-kern{display:grid;align-items:center;padding-left:78px;}
.pf-kaart{
  border:1px solid var(--teal-200);border-radius:14px;padding:16px 16px 14px;
  background:linear-gradient(180deg,#fff,var(--teal-50));
  transition:opacity .35s var(--ease),transform .35s var(--ease);
}
.pf-kaart-kop{font-size:14px;font-weight:700;color:var(--ink-900);}
.pf-kaart-tijd{float:right;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);padding-top:3px;}
.pf-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 12px;}
.pf-kpi span{display:block;background:#fff;border:1px solid var(--ink-100);border-radius:9px;padding:8px 9px;}
.pf-kpi b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);line-height:1.1;}
.pf-kpi i{display:block;font-style:normal;font-size:13px;color:var(--ink-400);margin-top:3px;line-height:1.25;white-space:nowrap;}
.pf-uit{display:flex;gap:6px;flex-wrap:wrap;}
.pf-chip{
  font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;
  background:#fff;border:1px solid var(--ink-100);color:var(--ink-500);transition:all .3s var(--ease);
}
.pf-chip.on{background:var(--teal-700-vlak);border-color:var(--teal-700);color:#fff;}

#pfMachine[data-stap="1"] .pf-bron{border-color:var(--teal-400);box-shadow:0 8px 18px -12px rgba(26,146,139,.6);}
#pfMachine[data-stap="1"] .pf-lijnen path{stroke:var(--ink-200);}
#pfMachine[data-stap="1"] .pf-kaart{opacity:.32;transform:scale(.985);}
#pfMachine[data-stap="2"] .pf-bron{opacity:.55;}
#pfMachine[data-stap="2"] .pf-lijnen path{stroke:var(--teal-500);animation:pfStroom 1.1s linear infinite;}
#pfMachine[data-stap="2"] .pf-kaart{opacity:.7;}
#pfMachine[data-stap="3"] .pf-bron{opacity:.4;}
#pfMachine[data-stap="3"] .pf-lijnen path{stroke:var(--teal-400);}
#pfMachine[data-stap="3"] .pf-kaart{opacity:1;transform:scale(1);}
@keyframes pfStroom{to{stroke-dashoffset:-24;}}

.pf-stappen{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-100);border:1px solid var(--ink-100);border-radius:12px;overflow:hidden;margin-top:18px;}
.pf-stap{
  background:var(--paper);border:0;text-align:left;padding:13px 14px 14px;cursor:pointer;
  font-family:var(--font-sans);transition:background .2s var(--ease);
}
.pf-stap b{display:block;font-size:13.5px;font-weight:700;color:var(--ink-500);letter-spacing:-.01em;transition:color .2s var(--ease);}
.pf-stap span{display:block;font-size:13px;line-height:1.4;color:var(--ink-400);margin-top:3px;}
.pf-stap:hover{background:var(--bg-soft);}
.pf-stap.actief{background:#fff;box-shadow:inset 0 2px 0 var(--teal-600);}
.pf-stap.actief b{color:var(--ink-900);}

@media(max-width:1080px){
  .pf-hero{padding:132px 0 56px;}
  .pf-hero-grid{grid-template-columns:1fr;gap:40px;}
  .pf-copy .lede{max-width:64ch;}
}
@media(max-width:640px){
  .pf-doek{grid-template-columns:1fr;gap:16px;}
  .pf-lijnen{display:none;}
  .pf-kern{padding-left:0;}
  .pf-bronnen{grid-template-columns:repeat(2,1fr);}
  .pf-stappen{grid-template-columns:1fr;}
  .pf-cijfers{grid-template-columns:1fr;}
  .pf-kpi{grid-template-columns:repeat(3,1fr);gap:6px;}
}
@media(prefers-reduced-motion:reduce){
  #pfMachine[data-stap="2"] .pf-lijnen path{animation:none;}
}

.pf-verschil{padding:24px 0 0;background:var(--paper);}

.pf-reden{padding:var(--sec-y) 0;background:var(--bg-soft);}

.vt-rail{position:relative;height:280vh;}
.vt-stage{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;align-items:center;
  padding:calc(var(--kop-hoogte,76px) + 12px) 0 24px;
}
.vt-in{width:100%;}

.vt-kop{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;
  margin-bottom:34px;
}
.vt-tekst{max-width:760px;}
.vt-titel{
  margin:14px 0 0;font-size:clamp(28px,3.6vw,50px);line-height:1.05;letter-spacing:-.032em;
  font-weight:700;color:var(--ink-900);text-wrap:balance;
}
.vt-titel em{font-style:italic;font-weight:400;color:var(--teal-700);}
.vt-lede{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--ink-600);max-width:56ch;}
.vt-fase{
  justify-self:end;font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--teal-700);padding:5px 11px;border:1px solid var(--teal-200);border-radius:999px;
  background:var(--teal-50);white-space:nowrap;
}

.vt-veld{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink-100);
  border:1px solid var(--ink-100);border-radius:14px;overflow:hidden;position:relative;}

.vt-veld::after{
  content:"";position:absolute;inset:0;background:var(--paper);
  opacity:var(--vo,0);pointer-events:none;z-index:0;
}
.vt-sys{
  background:var(--paper);padding:22px 22px 24px;
  position:relative;z-index:1;
  opacity:var(--o,.22);transform:translate3d(var(--cx,0px),var(--ty,10px),0);
  transition:background .4s var(--ease);
}
.vt-sys[data-op="1"]{background:#fff;}
.vt-naam{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-400);}
.vt-getal{
  display:block;margin-top:12px;font-size:clamp(32px,4.1vw,56px);font-weight:700;
  letter-spacing:-.035em;line-height:1;color:var(--ink-900);
  font-variant-numeric:tabular-nums;
}
.vt-sys[data-een="1"] .vt-getal{color:var(--teal-700);}
.vt-wat{display:block;margin-top:6px;font-size:13px;color:var(--ink-400);}

.vt-draden{display:block;width:100%;height:58px;overflow:visible;}
.vt-draden path{fill:none;stroke:var(--teal-300);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:var(--o,0);}

.vt-as{position:relative;height:96px;margin-top:2px;}
.vt-baan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink-100);border-radius:2px;}
.vt-vul{position:absolute;left:0;top:0;height:2px;width:0;background:var(--teal-500);border-radius:2px;display:block;}
.vt-mark{
  position:absolute;top:-6px;left:var(--x,50%);transform:translateX(-50%);
  opacity:var(--o,0);
}
.vt-mark::before{
  content:"";display:block;width:14px;height:14px;border-radius:50%;
  background:#fff;border:3px solid var(--teal-600);margin:0 auto;
  box-shadow:0 4px 12px -4px rgba(26,146,139,.7);
}
.vt-mark b{
  display:block;margin-top:9px;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500);white-space:nowrap;
  opacity:var(--lo,1);
}
.vt-spreiding{
  position:absolute;top:48px;left:var(--l,20%);width:var(--w,60%);
  border-top:1px dashed var(--ink-300);opacity:var(--o,0);
}
.vt-spreiding::before,.vt-spreiding::after{
  content:"";position:absolute;top:-5px;width:1px;height:10px;background:var(--ink-300);
}
.vt-spreiding::before{left:0;} .vt-spreiding::after{right:0;}
.vt-spreiding em{
  position:absolute;left:50%;top:9px;transform:translateX(-50%);
  font-style:normal;font-size:13px;font-weight:600;color:var(--ink-600);white-space:nowrap;
}
.vt-slot{
  position:absolute;top:46px;left:50%;transform:translateX(-50%) translateY(var(--sy,6px));
  opacity:var(--o,0);font-size:14.5px;font-weight:600;color:var(--teal-800);white-space:nowrap;
  background:var(--teal-50);border:1px solid var(--teal-200);border-radius:999px;padding:7px 15px;
}

.vt-balk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:26px;}
.vt-balk i{display:block;height:3px;border-radius:2px;background:var(--ink-100);position:relative;overflow:hidden;}
.vt-balk i::after{
  content:"";position:absolute;inset:0;transform-origin:left center;
  transform:scaleX(var(--v,0));background:var(--teal-500);
}
.vt-voorbeeld{
  display:block;margin-top:14px;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);
}

.vt-rail.vt-stil{height:auto;}
.vt-rail.vt-stil .vt-stage{position:static;height:auto;padding:0;}
.vt-rail.vt-stil .vt-balk{display:none;}

.pr-in{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:72px;align-items:start;}
.pr-kop{position:sticky;top:clamp(104px,13vh,148px);}
.pr-kop .sec-title{font-size:clamp(28px,3.1vw,42px);margin:14px 0 0;}
.pr-kop .sec-lede{margin-top:16px;font-size:16px;line-height:1.55;max-width:38ch;}

.pr-gids{list-style:none;margin:34px 0 0;padding:0;}
.pr-gids li{
  position:relative;display:flex;align-items:center;gap:13px;padding:10px 0;
  font-family:var(--font-mono);font-size:14px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-500);transition:color .3s var(--ease);
}
.pr-gids li i{
  display:block;width:22px;height:2px;background:var(--ink-200);border-radius:2px;
  transition:width .35s var(--ease),background .3s var(--ease);
}
.pr-gids li.nu i{width:42px;}
.pr-gids li.nu{color:var(--ink-800);}
.pr-gids li.nu i{background:var(--teal-600);}

.pr-rij{
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:30px;
  padding:30px 0 32px;border-top:1px solid var(--ink-100);
  opacity:var(--o,0);transform:translate3d(0,var(--ty,26px),0);
  transition:opacity .7s var(--ease),transform .8s var(--ease);
}
.pr-rij.aan{--o:1;--ty:0px;}

.pr-af{
  grid-row:1/4;display:block;width:132px;text-align:left;
  border-left:2px solid var(--kleur,var(--ink-200));padding-left:16px;
}
.pr-af[data-richting="op"]{--kleur:var(--warning-500);}
.pr-af[data-richting="neer"]{--kleur:var(--critical-500);}
.pr-top{display:flex;align-items:center;gap:8px;}
.pr-pijl{width:17px;height:17px;flex:0 0 auto;fill:var(--kleur);}
.pr-af b{
  font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;
  color:var(--kleur);font-variant-numeric:tabular-nums;
}
.pr-af i{display:block;margin-top:7px;font-style:normal;font-size:13px;color:var(--ink-500);line-height:1.3;}
.pr-meter{display:block;height:5px;margin-top:12px;background:var(--ink-100);border-radius:3px;overflow:hidden;}
.pr-meter em{
  display:block;height:100%;width:0;border-radius:3px;background:var(--kleur);
  transition:width .9s var(--ease) .18s;
}
.pr-rij.aan .pr-af .pr-meter em{width:calc(var(--v,0) * 100%);}
.pr-rij h3{
  grid-column:2;margin:0;font-family:var(--font-mono);font-size:14px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--ink-600);font-weight:600;
}
.pr-reden{grid-column:2;margin:10px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink-800);max-width:54ch;}
.pr-regel{
  grid-column:2;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--ink-100);
  font-size:14.5px;line-height:1.55;color:var(--ink-600);max-width:54ch;
}
.pr-regel span{display:block;font-size:13px;font-weight:700;color:var(--teal-700);margin-bottom:4px;}

.pr-slot{
  margin-top:8px;border-top:1px solid var(--ink-100);padding:30px 0 0;
  opacity:var(--o,0);transform:translate3d(0,var(--ty,26px),0);
  transition:opacity .7s var(--ease),transform .8s var(--ease);
}
.pr-slot.aan{--o:1;--ty:0px;}
.pr-slot-label{
  display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:14px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--teal-700);
}
.pr-vink{
  width:20px;height:20px;flex:0 0 auto;fill:none;stroke:var(--teal-600);stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.pr-slot-getal{
  display:block;margin-top:8px;font-size:clamp(44px,5vw,64px);font-weight:700;
  letter-spacing:-.04em;line-height:1;color:var(--ink-900);font-variant-numeric:tabular-nums;
}
.pr-slot p{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--ink-600);max-width:44ch;}
.pr-voorbeeld{
  display:block;margin-top:16px;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);
}

@media(max-width:980px){
  .pr-in{grid-template-columns:1fr;gap:38px;}
  .pr-kop{position:static;}
  .pr-kop .sec-lede{max-width:56ch;}
  .pr-gids{display:none;}
}
@media(max-width:820px){
  .vt-rail{height:240vh;}
  .vt-veld{grid-template-columns:repeat(2,1fr);}
  .vt-kop{margin-bottom:24px;grid-template-columns:1fr;align-items:start;gap:14px;}
  .vt-fase{justify-self:start;}
  .vt-as{height:86px;}
  .vt-draden{height:44px;}
}
@media(max-width:640px){
  .pf-verschil{padding:64px 0 72px;}
  .vt-vraag{font-size:19px;}
  .vt-sys{padding:13px 13px 15px;}
  .vt-getal{font-size:28px;}

  .vt-mark b{display:none;}
  .vt-as{height:64px;}
  .vt-spreiding{top:30px;} .vt-slot{top:28px;}
  .vt-spreiding em,.vt-slot{font-size:13px;}
  .vt-slot{padding:6px 12px;}
  .pf-reden{padding:var(--sec-y) 0;}
  .pr-rij{grid-template-columns:1fr;padding:24px 0 26px;}
  .pr-af{grid-row:auto;width:auto;display:flex;align-items:center;gap:11px;flex-wrap:wrap;
    border-left:0;padding-left:0;margin-bottom:12px;}
  .pr-af b{font-size:30px;}
  .pr-af i{margin-top:0;}
  .pr-meter{width:100%;margin-top:4px;}
  .pr-rij h3,.pr-reden,.pr-regel{grid-column:1;}
  .pr-reden{font-size:15.5px;}
}

.pf-ochtend{padding:0;background:var(--paper);}
.og-rail{position:relative;height:340vh;}
.og-stage{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;align-items:center;padding:calc(var(--kop-hoogte,76px) + 12px) 0 22px;
  background:linear-gradient(180deg,var(--bg-soft),var(--paper) 55%);
}
.og-in{width:100%;}
.og-kop{margin-bottom:24px;}
.og-titel{
  margin:12px 0 0;font-size:clamp(24px,2.8vw,38px);line-height:1.08;letter-spacing:-.03em;
  font-weight:700;color:var(--ink-900);max-width:22ch;
}
.og-titel em{font-style:italic;font-weight:400;color:var(--teal-700);}

.og-doek{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:40px;align-items:stretch;}

.og-scherm{
  background:#fff;border:1px solid var(--ink-100);border-radius:16px;overflow:hidden;
  box-shadow:0 34px 64px -36px rgba(14,74,71,.45), 0 3px 8px -4px rgba(14,74,71,.14);
  display:flex;flex-direction:column;
}
.og-chrome{
  display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fff,var(--bg-soft));
  font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;
}
.og-dots{display:inline-flex;gap:5px;}
.og-dots i{width:9px;height:9px;border-radius:50%;background:var(--ink-200);display:block;}
.og-dots i.g{background:var(--teal-500);}
.og-merk{font-weight:600;color:var(--ink-800);}
.og-crumb{color:var(--ink-400);}
.og-tijd{margin-left:auto;color:var(--teal-700);}
.og-body{padding:18px;display:grid;gap:14px;align-content:start;}

.og-zone{
  position:relative;border-radius:14px;
  opacity:.34;filter:saturate(.25);
  transition:opacity .5s var(--ease),filter .5s var(--ease),transform .5s var(--ease);
}
.og-zone.aan{opacity:1;filter:none;transform:translateY(-1px);}
.og-zone.aan::after{
  content:"";position:absolute;inset:-9px;border-radius:16px;
  border:2px solid var(--teal-400);box-shadow:0 0 0 6px rgba(33,173,168,.09);
  pointer-events:none;
}
.og-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.og-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.og-kpi{border:1px solid var(--ink-100);border-radius:12px;padding:13px 14px;background:#fff;}
.og-l{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
.og-kpi b{display:block;margin-top:7px;font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink-900);font-variant-numeric:tabular-nums;}
.og-d{display:block;margin-top:7px;font-size:13px;line-height:1.3;}
.og-d.op{color:var(--success-500);}
.og-d.neer{color:var(--warning-500);}

.og-paneel{border:1px solid var(--ink-100);border-radius:12px;padding:14px 15px 15px;background:#fff;height:100%;}
.og-paneel-kop{font-size:14px;font-weight:700;color:var(--ink-800);letter-spacing:-.01em;margin-bottom:12px;}

.og-trechter{display:grid;gap:9px;}
.og-tr{display:grid;grid-template-columns:96px 1fr 46px;align-items:center;gap:10px;}
.og-tr-l{font-size:13px;color:var(--ink-600);}
.og-tr-b{display:block;height:11px;background:var(--ink-100);border-radius:6px;overflow:hidden;}
.og-tr-b em{display:block;height:100%;width:0;border-radius:6px;background:var(--teal-300);transition:width .8s var(--ease);}
.og-tr.klaar .og-tr-b em{background:var(--teal-600);}
.og-tr-n{font-size:14px;font-weight:700;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums;}
.og-zone.aan .og-tr-b em{width:calc(var(--v) * 100%);}

.og-lijst{display:grid;gap:10px;}
.og-r{display:grid;grid-template-columns:62px 1fr 46px;align-items:center;gap:10px;}
.og-r-n{font-size:13px;color:var(--ink-600);}
.og-r-b{display:block;height:11px;background:var(--ink-100);border-radius:6px;overflow:hidden;}
.og-r-b em{display:block;height:100%;width:0;border-radius:6px;background:var(--accent-500);transition:width .8s var(--ease);}
.og-r-w{font-size:14px;font-weight:700;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums;}
.og-zone.aan .og-r-b em{width:calc(var(--v) * 100%);}

.og-bron{display:flex;flex-wrap:wrap;gap:8px 18px;}
.og-seg{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-600);}
.og-seg i{display:block;width:13px;height:13px;border-radius:4px;background:var(--teal-500);}
.og-seg.s2 i{background:var(--teal-300);}
.og-seg.s3 i{background:var(--accent-500);}
.og-seg.s4 i{background:var(--ink-300);}
.og-seg.s5 i{background:var(--ink-200);}
.og-seg b{font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;}

.og-uitleg{display:flex;flex-direction:column;justify-content:center;}
.og-teller{
  display:block;font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;color:var(--ink-400);
}
.og-teller b{color:var(--teal-700);font-weight:700;}
.og-vraag{
  margin:12px 0 0;font-size:clamp(21px,2.1vw,28px);line-height:1.15;letter-spacing:-.025em;
  font-weight:700;color:var(--ink-900);
}
.og-antwoord{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--ink-600);max-width:40ch;}
.og-vraag,.og-antwoord{transition:opacity .25s var(--ease),transform .25s var(--ease);}
.og-doek.wissel .og-vraag,.og-doek.wissel .og-antwoord{opacity:0;transform:translateY(5px);}

.og-gids{list-style:none;margin:26px 0 0;padding:0;}
.og-gids li{
  display:flex;align-items:center;gap:13px;padding:9px 0;
  font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-300);transition:color .3s var(--ease);
}
.og-gids li i{display:block;width:22px;height:2px;background:var(--ink-200);border-radius:2px;transition:width .35s var(--ease),background .3s var(--ease);}
.og-gids li.nu{color:var(--ink-800);}
.og-gids li.nu i{width:42px;background:var(--teal-600);}

.og-balk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:26px;}
.og-balk i{display:block;height:3px;border-radius:2px;background:var(--ink-100);position:relative;overflow:hidden;}
.og-balk i::after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--v,0));background:var(--teal-500);}
.og-voorbeeld{
  display:block;margin-top:14px;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);
}

.og-rail.og-stil{height:auto;}
.og-rail.og-stil .og-stage{position:static;height:auto;padding:88px 0 96px;}
.og-rail.og-stil .og-zone{opacity:1;filter:none;}
.og-rail.og-stil .og-zone::after{display:none;}
.og-rail.og-stil .og-balk{display:none;}

@media(max-height:840px){
  .og-kop{margin-bottom:16px;}
  .og-body{padding:14px;gap:11px;}
  .og-kpi b{font-size:24px;}
  .og-gids li{padding:6px 0;}
  .og-gids{margin-top:18px;}
}
@media(max-width:1080px){
  .og-doek{grid-template-columns:1fr;gap:26px;}
  .og-uitleg{order:-1;}
  .og-antwoord{max-width:62ch;}
  .og-gids{display:none;}
}
@media(max-width:820px){
  .og-rail{height:300vh;}
  .og-kpis{grid-template-columns:repeat(2,1fr);}
  .og-duo{grid-template-columns:1fr;}

  .og-zone{display:none;}
  .og-zone.aan{display:block;transform:none;}
  .og-zone.aan::after{display:none;}
  .og-kop{margin-bottom:16px;}
  .og-titel{margin-top:10px;}
  .og-doek{gap:20px;}
  .og-body{padding:14px;}
  .og-teller{font-size:13px;}
  .og-vraag{font-size:21px;}
  .og-antwoord{font-size:15px;margin-top:10px;}
  .og-balk{margin-top:18px;}
}
@media(max-width:640px){
  .og-titel{font-size:23px;}

  .og-crumb{display:none;}
  .og-chrome{padding:12px 14px;}
  .og-tr{grid-template-columns:96px 1fr 44px;}
  .og-r{grid-template-columns:56px 1fr 42px;}
  .og-kpi b{font-size:23px;}
}

.pf-weken{padding:0;background:var(--ink-900);color:#fff;}
.tw-rail{position:relative;height:300vh;}
.tw-stage{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;gap:34px;
  padding:calc(var(--kop-hoogte,76px) + 12px) 0 26px;
  background:
    radial-gradient(70% 60% at 82% 8%, rgba(33,173,168,.20) 0%, transparent 58%),
    radial-gradient(60% 55% at 4% 92%, rgba(249,208,71,.10) 0%, transparent 58%),
    var(--ink-900);
}
.tw-kop{width:100%;}
.pf-weken .eyebrow{color:rgba(255,255,255,.72);}
.pf-weken .eyebrow::before{background:var(--teal-400);}
.tw-titel{
  margin:14px 0 0;font-size:clamp(27px,3.3vw,46px);line-height:1.06;letter-spacing:-.032em;
  font-weight:700;color:#fff;max-width:20ch;
}
.tw-titel em{font-style:italic;font-weight:400;color:var(--teal-300);}
.tw-lede{margin:14px 0 0;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.7);max-width:52ch;}

.tw-viewport{
  width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.tw-track{display:flex;gap:18px;align-items:stretch;will-change:transform;}
.tw-kaart{
  flex:0 0 366px;display:flex;flex-direction:column;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);
  border-radius:16px;padding:24px 24px 22px;
  transition:background .4s var(--ease),border-color .4s var(--ease),opacity .4s var(--ease);
  opacity:.5;
}
.tw-kaart.actief{opacity:1;background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.26);}
.tw-kaart.nadruk.actief{border-color:var(--accent-500);}
.tw-kaart.slot.actief{border-color:var(--teal-400);}

.tw-top{display:flex;align-items:center;gap:12px;}
.tw-ico{
  flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(92,194,189,.12);border:1px solid rgba(92,194,189,.28);
  transition:background .4s var(--ease),border-color .4s var(--ease);
}
.tw-ico svg{width:23px;height:23px;fill:none;stroke:var(--teal-300);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}
.tw-kaart.nadruk .tw-ico{background:rgba(251,217,107,.12);border-color:rgba(251,217,107,.3);}
.tw-kaart.nadruk .tw-ico svg{stroke:var(--accent-400);}
.tw-kaart.actief .tw-ico{background:rgba(92,194,189,.2);border-color:rgba(92,194,189,.46);}
.tw-kaart.nadruk.actief .tw-ico{background:rgba(251,217,107,.2);border-color:rgba(251,217,107,.5);}
.tw-dag{
  display:inline-block;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--teal-300);
  border:1px solid rgba(92,194,189,.4);border-radius:999px;padding:5px 12px;
}
.tw-kaart.nadruk .tw-dag{color:var(--accent-400);border-color:rgba(251,217,107,.45);}
.tw-kaart h3{
  margin:18px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.022em;font-weight:700;color:#fff;
}
.tw-kaart p{margin:11px 0 0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.72);}
.tw-wie{
  margin-top:auto;padding-top:18px;display:grid;gap:9px;
}
.tw-wie span{
  display:grid;grid-template-columns:54px 1fr;align-items:baseline;gap:10px;
  font-size:14px;line-height:1.35;color:rgba(255,255,255,.68);
  padding-top:11px;border-top:1px solid rgba(255,255,255,.12);
}
.tw-wie b{
  font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;
  font-weight:600;
}
.tw-jij b{color:var(--accent-400);}
.tw-wij b{color:var(--teal-300);}

.tw-voet{width:100%;}
.tw-balk{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.tw-balk i{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.16);position:relative;overflow:hidden;}
.tw-balk i::after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--v,0));background:var(--teal-400);}
.tw-hint{
  display:block;margin-top:14px;font-family:var(--font-mono);font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45);
}

.tw-rail.tw-stil{height:auto;}
.tw-rail.tw-stil .tw-stage{position:static;height:auto;padding:88px 0 96px;}
.tw-rail.tw-stil .tw-viewport{overflow:visible;-webkit-mask-image:none;mask-image:none;}
.tw-rail.tw-stil .tw-track{display:grid;grid-template-columns:repeat(2,1fr);transform:none!important;
  max-width:var(--max);margin:0 auto;padding:0 var(--gut);}
.tw-rail.tw-stil .tw-kaart{flex:none;opacity:1;background:rgba(255,255,255,.075);}
.tw-rail.tw-stil .tw-balk,.tw-rail.tw-stil .tw-hint{display:none;}

@media(max-height:840px){
  .tw-stage{gap:24px;}
  .tw-kaart{padding:20px 20px 18px;}
  .tw-kaart h3{margin-top:13px;font-size:19px;}
  .tw-kaart p{margin-top:9px;}
  .tw-wie{padding-top:14px;}
}
@media(max-height:800px){

  .tw-stage{gap:18px;padding-top:calc(var(--kop-hoogte,76px) + 6px);}
  .tw-lede{margin-top:10px;}
  .tw-titel{margin-top:10px;}
}
@media(max-width:820px){
  .tw-rail{height:280vh;}
  .tw-kaart{flex:0 0 300px;}
  .tw-track{gap:14px;}
  .tw-viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);}
  .tw-rail.tw-stil .tw-track{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .tw-titel{font-size:25px;}
  .tw-lede{font-size:15.5px;}
  .tw-kaart{flex:0 0 268px;padding:18px;}
  .tw-ico{width:38px;height:38px;border-radius:11px;}
  .tw-ico svg{width:21px;height:21px;}
  .tw-kaart h3{font-size:18px;}
  .tw-kaart p{font-size:15px;}
  .tw-wie span{grid-template-columns:48px 1fr;gap:8px;}
}

@media(max-height:820px){
  .vt-stage{padding-top:calc(var(--kop-hoogte,76px) + 6px);padding-bottom:16px;}
  .vt-kop{margin-bottom:22px;}
  .vt-titel{margin-top:10px;font-size:clamp(26px,3vw,38px);}
  .vt-lede{margin-top:10px;font-size:15.5px;}
  .vt-sys{padding:16px 18px 18px;}
  .vt-getal{margin-top:9px;font-size:clamp(30px,3.4vw,44px);}
  .vt-draden{height:44px;}
  .vt-as{height:80px;}
  .vt-balk{margin-top:18px;}

  .og-stage{padding-top:calc(var(--kop-hoogte,76px) + 6px);padding-bottom:16px;}
  .og-kop{margin-bottom:14px;}
  .og-titel{margin-top:8px;font-size:clamp(22px,2.4vw,32px);}
  .og-body{padding:13px;gap:10px;}
  .og-kpi{padding:11px 12px;}
  .og-kpi b{font-size:22px;margin-top:5px;}
  .og-d{margin-top:5px;}
  .og-paneel{padding:12px 13px 13px;}
  .og-paneel-kop{margin-bottom:9px;}
  .og-trechter{gap:7px;}
  .og-lijst{gap:8px;}
  .og-gids{margin-top:14px;}
  .og-gids li{padding:5px 0;}
  .og-balk{margin-top:16px;}
  .og-voorbeeld{margin-top:10px;}
}
@media(max-height:720px){
  .vt-lede{display:none;}
  .og-titel{font-size:22px;}
  .og-gids{display:none;}
  .og-kpi b{font-size:20px;}
  .og-tr,.og-r{--h:9px;}
  .og-tr-b,.og-r-b{height:9px;}
  .og-trechter{gap:6px;}
  .og-lijst{gap:6px;}
  .og-bron{gap:6px 14px;}
  .og-voorbeeld{margin-top:8px;}
  .og-balk{margin-top:12px;}
  .og-stage{padding-bottom:10px;}
  .og-body{gap:8px;padding:11px;}
  .og-duo{gap:10px;}
  .og-kop{margin-bottom:10px;}
}

.pf-voorwie{padding:var(--sec-y) 0;background:var(--paper);}
.vw-kop{max-width:760px;}
.vw-kop .sec-title{font-size:clamp(28px,3.3vw,46px);margin:14px 0 0;}
.vw-kop .sec-lede{margin-top:18px;}

.vw-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px;}
.vw-kaart{
  display:flex;flex-direction:column;
  background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:16px;
  padding:28px 30px 26px;
  opacity:var(--o,0);transform:translate3d(0,var(--ty,22px),0);
  transition:opacity .65s var(--ease),transform .75s var(--ease),border-color .3s var(--ease);
}
.vw-kaart.aan{--o:1;--ty:0px;}

.vw-kaart.aan:hover{--ty:-4px;border-color:var(--teal-300);box-shadow:0 22px 44px -26px rgba(14,74,71,.36);}
.vw-ico{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:var(--teal-50);border:1px solid var(--teal-200);
  transition:background .3s var(--ease),border-color .3s var(--ease),transform .35s var(--ease);
}
.vw-ico svg{width:25px;height:25px;fill:none;stroke:var(--teal-700);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}
.vw-kaart:hover .vw-ico{background:var(--teal-100);border-color:var(--teal-400);transform:scale(1.05);}
.vw-kaart h3{
  margin:20px 0 0;font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:700;color:var(--ink-900);
}
.vw-regel{margin:8px 0 0;font-size:16px;line-height:1.45;color:var(--teal-700);font-weight:600;}
.vw-tekst{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--ink-600);}
.vw-chips{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:8px;}
.vw-chips span{
  font-size:13px;font-weight:600;color:var(--ink-600);background:#fff;
  border:1px solid var(--ink-100);border-radius:999px;padding:7px 13px;
  transition:color .28s var(--ease),background .28s var(--ease),
             border-color .28s var(--ease),transform .28s var(--ease);
}

.vw-kaart:hover .vw-chips span{
  color:var(--teal-800);background:var(--teal-50);border-color:var(--teal-300);transform:translateY(-2px);
}
.vw-kaart:hover .vw-chips span:nth-child(1){transition-delay:0s;}
.vw-kaart:hover .vw-chips span:nth-child(2){transition-delay:.06s;}
.vw-kaart:hover .vw-chips span:nth-child(3){transition-delay:.12s;}

.vw-chips span:hover{
  color:var(--teal-900);background:var(--teal-100);border-color:var(--teal-500);transform:translateY(-3px);
}

@media(max-width:900px){
  .pf-voorwie{padding:var(--sec-y) 0;}
  .vw-grid{grid-template-columns:1fr;gap:16px;margin-top:38px;}
  .vw-kaart{padding:22px 22px 20px;}
  .vw-kaart h3{margin-top:16px;font-size:20px;}
}
@media(prefers-reduced-motion:reduce){
  .vw-kaart{--o:1!important;--ty:0px!important;}
  .vw-kaart.aan:hover{--ty:0px!important;}
  .vw-kaart:hover .vw-chips span,.vw-chips span:hover,.vw-kaart:hover .vw-ico{transform:none;}
}

@media(hover:none){
  .vw-kaart.aan:hover{--ty:0px;box-shadow:none;border-color:var(--ink-100);}
  .vw-kaart:hover .vw-chips span,.vw-chips span:hover{
    color:var(--ink-600);background:#fff;border-color:var(--ink-100);transform:none;
  }
  .vw-kaart:hover .vw-ico{background:var(--teal-50);border-color:var(--teal-200);transform:none;}
}

@media(max-width:1080px){
  .pf-hero-grid > *{min-width:0;}
  .pf-machine,.pf-venster,.pf-doek,.pf-kern,.pf-bronnen,.pf-stappen{min-width:0;}
}

.pf-hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;
  overflow:hidden;background:var(--ink-900);padding:0;
}
.pf-foto{
  position:absolute;inset:-7% 0 -9% 0;
  background:url(fotos/belvloer.jpg) 62% 44%/cover no-repeat;
  transform:translate3d(0,var(--py,0px),0);
  will-change:transform;
}
.pf-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(94deg, rgba(13,17,16,.98) 0%, rgba(13,17,16,.96) 28%, rgba(13,17,16,.82) 45%, rgba(13,17,16,.3) 68%, rgba(13,17,16,.14) 100%),
    linear-gradient(180deg, rgba(13,17,16,.72) 0%, rgba(13,17,16,0) 18%, rgba(13,17,16,0) 58%, rgba(13,17,16,.9) 100%);
}
.pf-hero-in{
  position:relative;z-index:2;width:100%;flex:1;display:flex;align-items:center;
  padding-top:calc(var(--kop-hoogte,76px) + 62px);padding-bottom:70px;
}
.pf-copy{max-width:650px;}
.pf-hero .eyebrow{color:var(--teal-300);}
.pf-hero .eyebrow::before{background:var(--teal-400);}
.pf-copy h1{color:#fff;}
.pf-copy h1 em{color:var(--teal-300);}
.pf-copy .lede{color:rgba(255,255,255,.76);font-size:17px;max-width:47ch;margin-bottom:0;}
.pf-acties{margin-bottom:0;margin-top:30px;}
.pf-naar{color:var(--teal-300);font-size:16px;}
.pf-naar:hover{color:#fff;}

.pf-strook{
  position:relative;z-index:3;width:100%;
  border-top:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(13,17,16,.45), rgba(13,17,16,.82));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.pf-strook-rij{
  display:grid;grid-template-columns:repeat(3,1fr) auto;gap:34px;align-items:center;
  padding-top:22px;padding-bottom:22px;
}
.pf-strook-rij b{display:block;font-size:26px;font-weight:700;letter-spacing:-.025em;color:#fff;line-height:1.1;}
.pf-strook-rij span{display:block;margin-top:5px;font-size:14px;color:rgba(255,255,255,.66);}
.pf-stip{
  justify-self:end;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-300);
}
.pf-stip i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal-400);box-shadow:0 0 0 5px rgba(92,194,189,.2);}

.nav.op-donker,.nav.op-donker.scrolled{
  background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}

.nav.op-donker.scrolled{
  background:rgba(13,17,16,.92);box-shadow:0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
}
.nav.op-donker .nav-logo{filter:brightness(0) invert(1);}
.nav.op-donker .nav-links a,
.nav.op-donker .nav-links .mi > .top{color:rgba(255,255,255,.92);}

@media (hover:hover) and (min-width:1181px){
.nav.op-donker .nav-links a:hover,
.nav.op-donker .nav-links .mi:hover > .top{color:#fff;}
}
.nav.op-donker .nav-links .mi > .top::before{background:rgba(255,255,255,.4);}
.nav.op-donker .mi-chev{color:rgba(255,255,255,.7);}
.nav.op-donker .nav-cta .ghost-link{color:rgba(255,255,255,.9);}
.nav.op-donker .nav-top-inner .nt-link{color:rgba(255,255,255,.78);}
.nav.op-donker .nav-top-inner a.nt-link:hover{color:#fff;}
.nav.op-donker .nav-top-inner .nt-link.volgt{color:rgba(255,255,255,.45);}
.nav.op-donker .nt-sep{background:rgba(255,255,255,.3);}
.nav.op-donker .nt-lang{color:rgba(255,255,255,.5);}
.nav.op-donker .nt-lang b{color:#fff;}
.nav.op-donker .nt-lang i{color:rgba(255,255,255,.35);}
.nav.op-donker .nav-burger span{background:#fff;}

.pf-machineblok{padding:92px 0 100px;background:var(--bg-soft);}
.pf-mb-kop{max-width:720px;margin-bottom:44px;}
.pf-mb-kop .sec-title{font-size:clamp(28px,3.3vw,44px);margin:14px 0 0;}
.pf-mb-kop .sec-lede{margin-top:16px;}
.pf-machineblok .pf-machine{max-width:960px;margin:0 auto;}

.pf-machineblok .pf-doek{grid-template-columns:154px 1fr;padding:26px 24px;}
.pf-machineblok .pf-lijnen{left:154px;width:98px;top:26px;bottom:26px;}
.pf-machineblok .pf-kern{padding-left:98px;}
.pf-machineblok .pf-bron{padding:11px 13px;}
.pf-machineblok .pf-bron b{font-size:14px;}
.pf-machineblok .pf-bron i{font-size:13px;}

@media(max-width:1080px){
  .pf-hero-in{padding-top:calc(var(--kop-hoogte,76px) + 44px);padding-bottom:56px;}
  .pf-strook-rij{grid-template-columns:repeat(3,1fr);gap:22px;}
  .pf-stip{display:none;}
  .pf-machineblok{padding:72px 0 80px;}
}
@media(max-width:640px){
  .pf-hero{min-height:auto;}
  .pf-hero-in{padding-top:calc(var(--kop-hoogte,76px) + 56px);padding-bottom:48px;}
  .pf-strook-rij{grid-template-columns:1fr;gap:18px;}
  .pf-foto{background-position:70% 44%;}

  .pf-scrim{background:linear-gradient(180deg, rgba(13,17,16,.92) 0%, rgba(13,17,16,.86) 34%, rgba(13,17,16,.62) 62%, rgba(13,17,16,.9) 100%);}
}

.pf-machineblok{padding:0;background:var(--bg-soft);}
.mb-rail{position:relative;height:300vh;}
.mb-stage{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;align-items:center;
  padding:calc(var(--kop-hoogte,76px) + 12px) 0 22px;
  background:linear-gradient(180deg,var(--paper),var(--bg-soft) 58%);
}
.mb-in{width:100%;}
.pf-mb-kop{max-width:720px;margin-bottom:30px;}
.pf-mb-kop .sec-title{font-size:clamp(24px,2.8vw,38px);margin:12px 0 0;}
.pf-mb-kop .sec-lede{margin-top:14px;}
.mb-hint{
  display:block;margin-top:18px;text-align:center;
  font-family:var(--font-mono);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);
}

.pf-stap{position:relative;overflow:hidden;}
.pf-stap::after{
  content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;
  background:var(--teal-500);transform:scaleX(var(--v,0));transform-origin:left;
}
.pf-stap.actief::after{background:var(--teal-600);}

#pfMachine .pf-bron{transition:border-color .45s var(--ease),box-shadow .45s var(--ease),opacity .45s var(--ease),transform .45s var(--ease);}
#pfMachine[data-stap="1"] .pf-bron[data-bron="1"]{transition-delay:0s;}
#pfMachine[data-stap="1"] .pf-bron[data-bron="2"]{transition-delay:.1s;}
#pfMachine[data-stap="1"] .pf-bron[data-bron="3"]{transition-delay:.2s;}
#pfMachine[data-stap="1"] .pf-bron[data-bron="4"]{transition-delay:.3s;}
#pfMachine[data-stap="1"] .pf-bron{transform:translate3d(0,0,0) scale(1.015);}
#pfMachine[data-stap="2"] .pf-bron{transform:none;}
#pfMachine[data-stap="3"] .pf-bron{transform:scale(.99);}
#pfMachine .pf-kaart{transition:opacity .5s var(--ease),transform .5s var(--ease);}
#pfMachine .pf-uit .pf-chip{transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),opacity .4s var(--ease),transform .4s var(--ease);}
#pfMachine[data-stap="3"] .pf-uit .pf-chip:nth-child(1){transition-delay:.05s;}
#pfMachine[data-stap="3"] .pf-uit .pf-chip:nth-child(2){transition-delay:.18s;}
#pfMachine[data-stap="3"] .pf-uit .pf-chip:nth-child(3){transition-delay:.31s;}

.mb-rail.mb-stil{height:auto;}
.mb-rail.mb-stil .mb-stage{position:static;height:auto;padding:88px 0 96px;}
.mb-rail.mb-stil .mb-hint{display:none;}

@media(max-height:860px){
  .mb-stage{padding-top:calc(var(--kop-hoogte,76px) + 6px);padding-bottom:14px;}
  .pf-mb-kop{margin-bottom:22px;}
  .pf-mb-kop .sec-lede{margin-top:10px;}
  .mb-hint{margin-top:12px;}
}
@media(max-height:760px){
  .pf-mb-kop .sec-title{font-size:26px;}
  .pf-mb-kop .sec-lede{display:none;}
  .pf-machineblok .pf-doek{padding:18px 20px;}
  .pf-machineblok .pf-lijnen{top:18px;bottom:18px;}
  .mb-hint{display:none;}
}
@media(max-width:1080px){
  .mb-rail{height:280vh;}
}
@media(max-width:640px){
  .mb-rail{height:auto;}
  .mb-rail .mb-stage{position:static;height:auto;padding:72px 0 80px;}
  .mb-hint{display:none;}
}

@media(max-width:640px){
  .pf-machineblok .pf-machine{max-width:none;}
  .pf-machineblok .pf-doek{grid-template-columns:1fr;gap:16px;padding:18px;}
  .pf-machineblok .pf-lijnen{display:none;}
  .pf-machineblok .pf-kern{padding-left:0;}
  .pf-machineblok .pf-stappen{grid-template-columns:1fr;}
}
@media(max-width:640px){

  .pf-machineblok .pf-kaart-tijd{float:none;display:block;padding-top:6px;}
  .pf-machineblok .pf-kpi{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;}
}

@media(max-width:640px){
  .mb-rail{height:260vh;}
  .mb-rail .mb-stage{
    position:sticky;top:0;height:100svh;
    padding:calc(var(--kop-hoogte,76px) + 8px) 0 14px;
  }
  .pf-mb-kop{margin-bottom:18px;}
  .pf-mb-kop .sec-title{font-size:24px;}
  .pf-mb-kop .sec-lede{display:none;}
  .pf-machineblok .pf-crumb{display:none;}
  .pf-machineblok .pf-doek{padding:16px;gap:14px;}
  .pf-machineblok .pf-stappen{grid-template-columns:repeat(3,1fr);margin-top:14px;}
  .pf-machineblok .pf-stap{padding:13px 10px 15px;}
  .pf-machineblok .pf-stap b{font-size:14px;}
  .pf-machineblok .pf-stap span{display:none;}
  .mb-hint{display:block;margin-top:14px;font-size:13px;letter-spacing:.08em;}

  .mb-rail.mb-stil{height:auto;}
  .mb-rail.mb-stil .mb-stage{position:static;height:auto;padding:72px 0 80px;}
  .mb-rail.mb-stil .mb-hint{display:none;}
}

@media(max-width:640px){

  .pf-machineblok .pf-kpi i{white-space:normal;}

  .vt-draden{height:92px;}
}

@media(max-width:820px){
  .og-zone{display:block;}
  .og-zone:not(.aan){
    display:flex;align-items:center;gap:8px;
    padding:12px 0;border-top:1px solid var(--ink-100);
  }
  .og-zone:not(.aan) > *{display:none;}
  .og-zone:not(.aan)::before{
    content:attr(data-naam);
    font-family:var(--font-mono);font-size:13px;letter-spacing:.09em;
    text-transform:uppercase;color:var(--ink-300);
  }
  .og-zone[data-zone="0"]:not(.aan){border-top:0;}
  .og-zone.aan{display:block;padding-top:12px;}
  .og-zone.aan[data-zone="0"]{padding-top:0;}
  .og-duo{gap:0;}
}
@media(max-width:820px){

  .og-stage{padding-top:calc(var(--kop-hoogte,76px) + 4px);padding-bottom:12px;}
  .og-kop{margin-bottom:12px;}
  .og-titel{font-size:21px;}
  .og-doek{gap:16px;}
  .og-antwoord{font-size:14.5px;line-height:1.5;margin-top:8px;}
  .og-zone:not(.aan){padding:9px 0;}
  .og-kpis{gap:8px;}
  .og-kpi{padding:10px 12px;}
  .og-kpi b{font-size:21px;}
  .og-body{padding:12px;}
}
@media(max-width:640px){
  .og-titel{font-size:21px;}
  .og-kpi b{font-size:21px;}
}
@media(max-width:820px){

  .pf-ochtend .og-kop .eyebrow{display:none;}
  .og-titel{margin-top:0;}
  .og-zone:not(.aan){padding:8px 0;}
}
@media(max-width:640px){

  .vt-draden{height:74px;}
  .vt-stage{padding-bottom:14px;}
  .vt-kop{margin-bottom:16px;}
  .vt-sys{padding:12px 13px;}
  .vt-sys b,.vt-getal{font-size:27px;}
}
@media(max-width:640px){

  .vt-draden{height:68px;}
}

.rb-regel{display:block;}

.rb-regel-mask{overflow-clip-margin:0.24em;}

.ai-ruis{max-width:1040px;margin:56px auto 0;padding-top:40px;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;}
.ai-ruis .ai-ruis-lede{margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.6;}
.ai-ruis .ai-ruis-lede strong{color:#fff;}
.ai-ruis .ruis-punt{border-left-color:var(--accent-500);}
.ai-ruis .ruis-punt b{color:#fff;}
.ai-ruis .ruis-punt p{color:rgba(255,255,255,.72);}
.ai-ruis .ruis-punt .ico{background:rgba(255,255,255,.1);color:var(--accent-500);}
@media(max-width:900px){.ai-ruis{grid-template-columns:1fr;gap:24px;}}
.clients-sec .proof-grid{margin-top:40px;padding-top:32px;border-top:1px solid var(--ink-100);}
.proof-grid.proof-grid-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:820px){.proof-grid.proof-grid-3{grid-template-columns:1fr;gap:24px;}}
#eco.eco{padding-top:0;background:var(--paper);}
.pr-lede-groot{font-size:clamp(20px,1.8vw,24px);line-height:1.45;color:var(--ink-800);font-weight:500;}

.pagina[data-pagina="pricing"]:not(.pc-js) .reveal { opacity:1; transform:none; }

.pagina[data-pagina="pricing"] .eyebrow { font-size:14px; }

.pagina[data-pagina="pricing"] .pc-kop { padding:var(--sec-y) 0; }
.pagina[data-pagina="pricing"] .pc-kophead { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; }
.pagina[data-pagina="pricing"] .pc-kopcopy { max-width:720px; min-width:0; }

.pagina[data-pagina="pricing"] .pc-kop h1 { font-size:clamp(36px,4.2vw,60px); max-width:18ch; margin:0 0 24px; text-wrap:balance; }
.pagina[data-pagina="pricing"] .pc-kop p.lede { margin:0; max-width:48ch; }

.pagina[data-pagina="pricing"] .pc-acties { display:flex; align-items:center; flex-wrap:wrap; gap:16px 32px; margin-top:32px; }
.pagina[data-pagina="pricing"] .pc-tekstlink { display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:600; color:var(--teal-700); text-decoration:none; }
.pagina[data-pagina="pricing"] .pc-tekstlink:hover { color:var(--teal-800); text-decoration:underline; text-underline-offset:4px; }
.pagina[data-pagina="pricing"] .pc-tekstlink .arr { display:inline-block; transition:transform .24s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-tekstlink:hover .arr { transform:translateY(4px); }

.pagina[data-pagina="pricing"] .pc-keuze { display:none; flex-direction:column; align-items:flex-end; gap:8px; flex:0 0 auto; }
.pagina[data-pagina="pricing"].pc-js .pc-keuze { display:flex; }
.pagina[data-pagina="pricing"] .pc-keuze-label { font-size:14px; font-weight:600; color:var(--ink-500); }

.pagina[data-pagina="pricing"] .pc-toggle { position:relative; display:inline-flex; padding:4px; gap:4px; background:var(--paper); border:1px solid var(--ink-200); border-radius:999px; box-shadow:var(--shadow-sm); }
.pagina[data-pagina="pricing"] .pc-toggle button { position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; font-family:var(--font-sans); font-size:16px; font-weight:600; color:var(--ink-700); background:transparent; border:0; border-radius:999px; padding:12px 24px; cursor:pointer; transition:color .24s var(--ease-standard); white-space:nowrap; }
.pagina[data-pagina="pricing"] .pc-toggle button:hover { color:var(--teal-800); }
.pagina[data-pagina="pricing"] .pc-toggle button[aria-selected="true"] { color:#fff; }
.pagina[data-pagina="pricing"] .pc-toggle button:focus-visible { outline:none; box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--teal-800); }

.pagina[data-pagina="pricing"] .pc-schuif { position:absolute; z-index:0; top:4px; bottom:4px; left:0; width:var(--w,0px); transform:translateX(var(--x,0px)); background:linear-gradient(135deg,var(--teal-600),var(--teal-700-vlak)); border-radius:999px; box-shadow:0 8px 20px -8px rgba(26,146,139,.6); transition:transform .36s var(--ease-emph), width .36s var(--ease-emph); }
.pagina[data-pagina="pricing"] .pc-toggle:not(.pc-gemeten) .pc-schuif { display:none; }
.pagina[data-pagina="pricing"] .pc-toggle:not(.pc-gemeten) button[aria-selected="true"] { background:var(--teal-700-vlak); }

.pagina[data-pagina="pricing"] .pc-panelen { margin-top:40px; }
.pagina[data-pagina="pricing"] .pc-paneel[hidden] { display:none; }
.pagina[data-pagina="pricing"] .pc-paneel:focus-visible { outline:none; box-shadow:0 0 0 3px var(--teal-200); border-radius:16px; }
.pagina[data-pagina="pricing"] .pc-paneel + .pc-paneel { margin-top:48px; }
.pagina[data-pagina="pricing"].pc-js .pc-paneel + .pc-paneel { margin-top:0; }
.pagina[data-pagina="pricing"] .pc-paneel-titel { font-size:20px; font-weight:700; margin:0 0 16px; color:var(--ink-800); }
.pagina[data-pagina="pricing"].pc-js .pc-paneel-titel { display:none; }

.pagina[data-pagina="pricing"] .pc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }

.pagina[data-pagina="pricing"] .pc-pakket { display:flex; flex-direction:column; min-width:0; background:var(--paper); border:1px solid var(--ink-100); border-radius:16px; padding:24px 32px; box-shadow:var(--shadow-xs); transition:transform .3s var(--ease-standard), box-shadow .3s var(--ease-standard), border-color .3s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-grid .pc-pakket:nth-child(2) { --kd:.12s; }
.pagina[data-pagina="pricing"] .pc-grid .pc-pakket:nth-child(3) { --kd:.24s; }
.pagina[data-pagina="pricing"] .pc-pakket-top { display:flex; align-items:center; gap:16px; min-height:48px; }
.pagina[data-pagina="pricing"] .pc-pakket h3 { font-size:20px; line-height:1.25; font-weight:700; letter-spacing:-.01em; margin:0; color:var(--ink-800); }

.pagina[data-pagina="pricing"] .pc-maat { flex:0 0 auto; width:48px; height:48px; border-radius:12px; background:var(--teal-50); border:1px solid var(--teal-200); display:flex; align-items:flex-end; justify-content:center; gap:4px; padding-bottom:12px; transition:background .3s, border-color .3s; }
.pagina[data-pagina="pricing"] .pc-maat i { display:block; width:6px; border-radius:2px; background:var(--ink-200); transform-origin:bottom; transition:transform .5s var(--ease-emph), background .3s; transition-delay:var(--kd,0s); }
.pagina[data-pagina="pricing"] .pc-maat i:nth-child(1) { height:8px; }
.pagina[data-pagina="pricing"] .pc-maat i:nth-child(2) { height:16px; transition-delay:calc(var(--kd,0s) + .08s); }
.pagina[data-pagina="pricing"] .pc-maat i:nth-child(3) { height:24px; transition-delay:calc(var(--kd,0s) + .16s); }
.pagina[data-pagina="pricing"] [data-maat="1"] .pc-maat i:nth-child(-n+1),
.pagina[data-pagina="pricing"] [data-maat="2"] .pc-maat i:nth-child(-n+2),
.pagina[data-pagina="pricing"] [data-maat="3"] .pc-maat i { background:var(--teal-600); }
.pagina[data-pagina="pricing"].pc-js .pc-pakket:not(.pc-in) .pc-maat i { transform:scaleY(.25); }

.pagina[data-pagina="pricing"] .pc-wie { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; margin:16px 0 0; padding:4px 12px 4px 8px; border-radius:999px; background:var(--teal-50); color:var(--teal-800); font-size:15px; font-weight:600; line-height:1.5; }
.pagina[data-pagina="pricing"] .pc-wie svg { color:var(--teal-700); flex:0 0 auto; }

.pagina[data-pagina="pricing"] .pc-bedrag { display:flex; flex-direction:column; gap:4px; margin-top:16px; padding-top:16px; border-top:1px solid var(--ink-100); }
.pagina[data-pagina="pricing"] .pc-gem { font-size:14px; font-weight:600; color:var(--ink-500); }
.pagina[data-pagina="pricing"] .pc-getal { font-size:clamp(30px,2.5vw,36px); line-height:1.1; font-weight:700; letter-spacing:-.025em; color:var(--ink-800); font-variant-numeric:tabular-nums; white-space:nowrap; }
.pagina[data-pagina="pricing"] .pc-getal span { font-size:.5em; font-weight:500; letter-spacing:0; color:var(--ink-500); margin:0 4px; vertical-align:.18em; }
.pagina[data-pagina="pricing"] .pc-per { font-size:16px; color:var(--ink-500); }

.pagina[data-pagina="pricing"] .pc-knop { margin-top:24px; width:100%; justify-content:center; }
.pagina[data-pagina="pricing"] .pc-knop:hover { background:var(--teal-700-vlak); border-color:var(--teal-700); color:#fff; }

@media (hover:hover) {
  .pagina[data-pagina="pricing"] .pc-pakket:hover { transform:translateY(-4px); border-color:var(--teal-300); box-shadow:0 24px 48px -24px rgba(14,74,71,.32); }
  .pagina[data-pagina="pricing"] .pc-pakket:hover .pc-maat { background:var(--teal-100); border-color:var(--teal-400); }
}

@keyframes pcIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@keyframes pcMaat { from { transform:scaleY(.25); } to { transform:none; } }
.pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-pakket { animation:pcIn .48s var(--ease-emph) backwards; }
.pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-pakket:nth-child(2) { animation-delay:.06s; }
.pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-pakket:nth-child(3) { animation-delay:.12s; }
.pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-maat i { animation:pcMaat .6s var(--ease-emph) both; animation-delay:.2s; }

.pagina[data-pagina="pricing"] .pc-strip { margin-top:32px; display:flex; align-items:center; gap:32px; padding:24px 32px; background:var(--teal-50); border:1px solid var(--teal-200); border-radius:16px; }
.pagina[data-pagina="pricing"] .pc-strip-label { flex:0 0 auto; font-size:16px; font-weight:700; color:var(--teal-800); }
.pagina[data-pagina="pricing"] .pc-strip-lijst { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:16px 40px; flex:1 1 auto; justify-content:space-between; }
.pagina[data-pagina="pricing"] .pc-strip-lijst li { display:flex; align-items:flex-start; gap:12px; font-size:16px; font-weight:600; line-height:1.5; color:var(--ink-800); min-width:0; }
.pagina[data-pagina="pricing"] .pc-strip-lijst li > span:last-child { display:flex; flex-direction:column; gap:4px; }
.pagina[data-pagina="pricing"] .pc-vink { flex:0 0 auto; width:24px; height:24px; border-radius:50%; background:var(--teal-600); color:#fff; display:flex; align-items:center; justify-content:center; }
.pagina[data-pagina="pricing"] .pc-vink svg { width:16px; height:16px; }
.pagina[data-pagina="pricing"] .pc-strip-link { font-size:14px; font-weight:600; color:var(--teal-700); text-decoration:none; }
.pagina[data-pagina="pricing"] .pc-strip-link:hover { color:var(--teal-800); text-decoration:underline; text-underline-offset:3px; }
.pagina[data-pagina="pricing"] .pc-strip-link .arr { display:inline-block; transition:transform .24s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-strip-link:hover .arr { transform:translateX(4px); }

.pagina[data-pagina="pricing"] .sec-title em,.pagina[data-pagina="pricing"] .pc-kop h1 em,.pagina[data-pagina="pricing"] .pc-slot h2 em { padding-right:.08em; }

.pagina[data-pagina="pricing"] .pc-opbouw { padding:0; background:var(--bg-soft); }
.pagina[data-pagina="pricing"] .pc-rail { position:relative; }
.pagina[data-pagina="pricing"] .pc-stage { padding:120px 0; }
.pagina[data-pagina="pricing"] .pc-sc-in { width:100%; }
.pagina[data-pagina="pricing"] .pc-sc-kop { max-width:960px; margin-bottom:32px; }
.pagina[data-pagina="pricing"] .pc-sc-kop .sec-title { margin:0; }

.pagina[data-pagina="pricing"] .pc-tarief { background:var(--paper); border:1px solid var(--teal-500); border-radius:24px; padding:24px 32px 32px; box-shadow:0 0 0 1px var(--teal-500), var(--shadow-lg); transition:border-color .4s var(--ease-standard), box-shadow .4s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-tarief-kop { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:32px; margin-bottom:16px; }
.pagina[data-pagina="pricing"] .pc-tarief-naam { font-size:20px; line-height:1.3; font-weight:700; color:var(--ink-800); }
.pagina[data-pagina="pricing"] .pc-balk-label { display:inline-flex; align-items:center; gap:4px; font-size:14px; font-weight:700; color:var(--teal-800); background:var(--teal-50); border:1px solid var(--teal-200); border-radius:999px; padding:4px 12px 4px 8px; transition:opacity .36s var(--ease-standard), transform .36s var(--ease-emph); }
.pagina[data-pagina="pricing"] .pc-balk-label svg { color:var(--teal-600); }

.pagina[data-pagina="pricing"] .pc-zones { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pagina[data-pagina="pricing"] .pc-zone { --l:1; min-width:0; transition:opacity .4s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-zone[data-f="1"] { --kl:var(--teal-300); }
.pagina[data-pagina="pricing"] .pc-zone[data-f="2"] { --kl:var(--teal-500); }
.pagina[data-pagina="pricing"] .pc-zone[data-f="3"] { --kl:var(--teal-800); }
.pagina[data-pagina="pricing"] .pc-zone-allin { display:none; }
.pagina[data-pagina="pricing"] .pc-ind { height:144px; border-radius:16px; background:var(--bg-soft); border:1px solid var(--ink-100); display:flex; align-items:center; justify-content:center; padding:16px; transition:border-color .4s var(--ease-standard), box-shadow .4s var(--ease-standard), background .4s var(--ease-standard); }

.pagina[data-pagina="pricing"] .pc-ind-grootte { align-items:flex-end; gap:16px; padding-bottom:24px; }
.pagina[data-pagina="pricing"] .pc-ind-grootte span { display:flex; flex-direction:column; align-items:center; gap:4px; }
.pagina[data-pagina="pricing"] .pc-ind-grootte span::before { content:""; display:block; width:24px; height:var(--dh,8px); background:radial-gradient(circle,var(--teal-400) 2px,transparent 2.5px) 0 0/8px 8px; opacity:var(--g,1); }
.pagina[data-pagina="pricing"] .pc-ind-grootte i { display:block; width:24px; border-radius:4px 4px 2px 2px; background:var(--teal-300); transform-origin:bottom; transform:scaleY(calc(.2 + .8 * var(--g,1))); }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(1) { --g:clamp(0, calc(var(--l) * 3), 1); }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(2) { --g:clamp(0, calc(var(--l) * 3 - 1), 1); --dh:16px; }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(3) { --g:clamp(0, calc(var(--l) * 3 - 2), 1); --dh:24px; }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(1) i { height:24px; }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(2) i { height:48px; background:var(--teal-400); }
.pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(3) i { height:72px; background:var(--teal-600); }

.pagina[data-pagina="pricing"] .pc-ind-dash { gap:8px; flex-wrap:wrap; }
.pagina[data-pagina="pricing"] .pc-ind-dash span { width:56px; height:48px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--paper); border:1px solid var(--teal-200); opacity:calc(.2 + .8 * var(--g,1)); transform:translateY(calc(8px - 8px * var(--g,1))); }
.pagina[data-pagina="pricing"] .pc-ind-dash span:nth-child(1) { --g:clamp(0, calc(var(--l) * 4), 1); }
.pagina[data-pagina="pricing"] .pc-ind-dash span:nth-child(2) { --g:clamp(0, calc(var(--l) * 4 - 1), 1); }
.pagina[data-pagina="pricing"] .pc-ind-dash span:nth-child(3) { --g:clamp(0, calc(var(--l) * 4 - 2), 1); }
.pagina[data-pagina="pricing"] .pc-ind-dash span:nth-child(4) { --g:clamp(0, calc(var(--l) * 4 - 3), 1); }
.pagina[data-pagina="pricing"] .pc-ind-dash svg { width:32px; height:20px; fill:none; stroke:var(--teal-600); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pagina[data-pagina="pricing"] .pc-ind-dash .plus { background:transparent; border:1.5px dashed var(--teal-500); font-size:16px; font-weight:700; color:var(--teal-700); opacity:var(--g,1); transform:translateX(calc(-12px + 12px * var(--g,1))); }

.pagina[data-pagina="pricing"] .pc-ind-extra { flex-direction:column; align-items:stretch; justify-content:center; gap:8px; }
.pagina[data-pagina="pricing"] .pc-ind-extra span { display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--paper); border:1px solid var(--ink-100); border-radius:8px; padding:8px 12px; }
.pagina[data-pagina="pricing"] .pc-ind-extra b { font-size:14px; font-weight:600; line-height:1.3; color:var(--ink-700); min-width:0; }
.pagina[data-pagina="pricing"] .pc-ind-extra i { position:relative; flex:0 0 auto; width:32px; height:20px; border-radius:999px; background:var(--ink-200); }
.pagina[data-pagina="pricing"] .pc-ind-extra i::before { content:""; position:absolute; inset:0; border-radius:999px; background:var(--teal-600); opacity:0; }
.pagina[data-pagina="pricing"] .pc-ind-extra i::after { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.16); }
.pagina[data-pagina="pricing"] .pc-ind-extra .aan { --g:clamp(0, calc((var(--l) - .3) * 3), 1); }
.pagina[data-pagina="pricing"] .pc-ind-extra .aan i::before { opacity:var(--g,1); }
.pagina[data-pagina="pricing"] .pc-ind-extra .aan i::after { transform:translateX(calc(12px * var(--g,1))); }

.pagina[data-pagina="pricing"] .pc-ind-allin { background:var(--teal-50); border-color:var(--teal-200); }
.pagina[data-pagina="pricing"] .pc-allin-vink { width:64px; height:64px; border-radius:50%; background:var(--teal-600); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 24px -12px rgba(26,146,139,.8); }

.pagina[data-pagina="pricing"] .pc-balk { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; height:16px; margin-top:16px; }
.pagina[data-pagina="pricing"] .pc-balk i { position:relative; overflow:hidden; border-radius:4px; background:var(--ink-100); }
.pagina[data-pagina="pricing"] .pc-balk i::after { content:""; position:absolute; inset:0; border-radius:4px; background:var(--kc); transform:scaleX(var(--v,1)); transform-origin:left; }
.pagina[data-pagina="pricing"] .pc-balk i[data-f="1"] { --kc:var(--teal-300); }
.pagina[data-pagina="pricing"] .pc-balk i[data-f="2"] { --kc:var(--teal-500); }
.pagina[data-pagina="pricing"] .pc-balk i[data-f="3"] { --kc:var(--teal-800); }

.pagina[data-pagina="pricing"] .pc-sc-zin { display:none; }

.pagina[data-pagina="pricing"] .pc-stappen { list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--ink-100); border:1px solid var(--ink-100); border-radius:16px; overflow:hidden; }
.pagina[data-pagina="pricing"] .pc-stappen li { display:flex; min-width:0; }
.pagina[data-pagina="pricing"] .pc-stap { position:relative; overflow:hidden; flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0; padding:16px 24px 20px; text-align:left; font-family:var(--font-sans); color:inherit; background:var(--paper); border:0; border-radius:0; cursor:default; transition:background .3s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-stap b { display:flex; align-items:center; gap:8px; font-size:16px; line-height:1.3; font-weight:700; color:var(--ink-800); transition:color .3s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-stap-zin { font-size:16px; line-height:1.5; color:var(--ink-600); transition:color .3s var(--ease-standard); }
.pagina[data-pagina="pricing"] .pc-stip { flex:0 0 auto; width:12px; height:12px; border-radius:4px; background:var(--kl); }
.pagina[data-pagina="pricing"] .pc-stap[data-f="1"] { --kl:var(--teal-300); }
.pagina[data-pagina="pricing"] .pc-stap[data-f="2"] { --kl:var(--teal-500); }
.pagina[data-pagina="pricing"] .pc-stap[data-f="3"] { --kl:var(--teal-800); }
.pagina[data-pagina="pricing"] .pc-stap[data-f="4"] { --kl:var(--teal-600); }
.pagina[data-pagina="pricing"] .pc-stap[data-f="4"] .pc-stip { border-radius:50%; box-shadow:0 0 0 3px var(--teal-100); }

.pagina[data-pagina="pricing"] .pc-stap::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:var(--kl); transform:scaleX(var(--v,0)); transform-origin:left; display:none; }
.pagina[data-pagina="pricing"] .pc-stap:focus-visible { outline:none; box-shadow:inset 0 0 0 2px var(--teal-700); }

.pagina[data-pagina="pricing"] .pc-rail.pc-beweeg { height:340vh; }
.pagina[data-pagina="pricing"] .pc-rail.pc-beweeg .pc-stage { position:sticky; top:0; height:100svh; overflow:hidden; display:grid; align-content:center; padding:calc(var(--kop-hoogte,76px) + 16px) 0 24px; }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-tarief { border-color:var(--ink-100); box-shadow:var(--shadow-md); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-tarief[data-stap="3"] { border-color:var(--teal-500); box-shadow:0 0 0 1px var(--teal-500), var(--shadow-lg); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-tarief:not([data-stap="3"]) .pc-balk-label { opacity:0; transform:scale(.9); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-zone:not(.aan):not(.klaar):not(.pc-zone-allin) { opacity:.4; }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-zone.aan .pc-ind { background:var(--paper); border-color:var(--kl); box-shadow:0 0 0 1px var(--kl), var(--shadow-sm); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap { cursor:pointer; }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap::after { display:block; }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap:not(.actief) { background:var(--bg-soft); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap:not(.actief) b,
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap:not(.actief) .pc-stap-zin { color:var(--ink-500); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap.actief { background:var(--paper); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap.actief b { color:var(--ink-900); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-stap.actief .pc-stap-zin { color:var(--ink-700); }
@media (hover:hover) {
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stap:not(.actief):hover { background:var(--paper); }
}

@media (max-height:820px) {
  .pagina[data-pagina="pricing"] .pc-rail.pc-beweeg .pc-stage { padding-top:calc(var(--kop-hoogte,76px) + 8px); padding-bottom:16px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-sc-kop { margin-bottom:24px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-ind { height:112px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-ind-grootte span:nth-child(3) i { height:56px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-ind-grootte span:nth-child(2) i { height:40px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-ind-grootte { padding-bottom:16px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-tarief { padding:16px 24px 24px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stappen { margin-top:16px; }
}

.pagina[data-pagina="pricing"] .pc-klant { background:var(--paper); }
.pagina[data-pagina="pricing"] .pc-klant-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:64px; align-items:start; }
.pagina[data-pagina="pricing"] .pc-klant-beeld { margin:0; min-width:0; }
.pagina[data-pagina="pricing"] .pc-klant-beeld img { display:block; width:100%; max-width:464px; height:auto; border-radius:24px; box-shadow:var(--shadow-lg); }
.pagina[data-pagina="pricing"] .pc-klant-vlak { min-width:0; }
.pagina[data-pagina="pricing"] .pc-klant-vlak .sec-title { margin:0 0 32px; max-width:18ch; }
.pagina[data-pagina="pricing"] .pc-klant-quote { margin:0; padding:32px; background:var(--teal-50); border:1px solid var(--teal-200); border-radius:16px; }
.pagina[data-pagina="pricing"] .pc-klant-quote p { margin:0; font-size:24px; line-height:1.4; font-weight:600; letter-spacing:-.01em; color:var(--ink-900); text-wrap:pretty; }
.pagina[data-pagina="pricing"] .pc-klant-quote footer { display:flex; flex-direction:column; gap:4px; margin-top:16px; font-size:14px; line-height:1.45; color:var(--ink-500); }
.pagina[data-pagina="pricing"] .pc-klant-quote footer b { font-size:16px; font-weight:700; color:var(--ink-800); }
.pagina[data-pagina="pricing"] .pc-klant-knop { margin-top:32px; }

.pagina[data-pagina="pricing"] .pc-slot h2 { font-size:clamp(32px,4.2vw,56px); max-width:20ch; margin:0 auto 24px; }

@media (max-width:1080px) {
  .pagina[data-pagina="pricing"] .pc-strip { flex-direction:column; align-items:flex-start; gap:16px; }
  .pagina[data-pagina="pricing"] .pc-strip-lijst { justify-content:flex-start; }
  .pagina[data-pagina="pricing"] .pc-rail.pc-beweeg { height:320vh; }
  .pagina[data-pagina="pricing"] .pc-klant-grid { gap:48px; }
  .pagina[data-pagina="pricing"] .pc-ind-dash { gap:4px; }
  .pagina[data-pagina="pricing"] .pc-ind-dash span { width:44px; }
}

@media (max-width:900px) {
  .pagina[data-pagina="pricing"] .pc-kophead { flex-direction:column; align-items:flex-start; gap:32px; }
  .pagina[data-pagina="pricing"] .pc-keuze { align-items:flex-start; }
  .pagina[data-pagina="pricing"] .pc-grid { grid-template-columns:minmax(0,1fr); gap:16px; }

  .pagina[data-pagina="pricing"] .pc-pakket { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"top bedrag" "wie knop"; column-gap:32px; row-gap:16px; align-items:center; padding:24px; }
  .pagina[data-pagina="pricing"] .pc-pakket-top { grid-area:top; }
  .pagina[data-pagina="pricing"] .pc-wie { grid-area:wie; margin-top:0; justify-self:start; }
  .pagina[data-pagina="pricing"] .pc-bedrag { grid-area:bedrag; margin:0; padding:0 0 0 24px; border-top:0; border-left:1px solid var(--ink-100); min-width:0; }
  .pagina[data-pagina="pricing"] .pc-knop { grid-area:knop; margin:0; width:100%; }
  .pagina[data-pagina="pricing"] .pc-getal { font-size:32px; }

  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stap-zin { display:none; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stap { padding:16px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-sc-zin { display:flex; flex-direction:column; gap:8px; margin:24px 0 0; min-height:104px; }
  .pagina[data-pagina="pricing"] .pc-sc-zin b { display:block; font-size:18px; line-height:1.3; font-weight:700; color:var(--ink-900); }
  .pagina[data-pagina="pricing"] .pc-sc-zin span { display:block; font-size:16px; line-height:1.5; color:var(--ink-700); }

  .pagina[data-pagina="pricing"] .pc-rail:not(.pc-beweeg) .pc-stappen { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .pagina[data-pagina="pricing"] .pc-zones { grid-template-columns:minmax(0,1fr); gap:8px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-zone:not(.aan) { display:none; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-tarief[data-stap="3"] .pc-zone-allin { display:block; }
  .pagina[data-pagina="pricing"] .pc-ind-extra span { width:100%; max-width:360px; margin:0 auto; }

  .pagina[data-pagina="pricing"] .pc-klant-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .pagina[data-pagina="pricing"] .pc-klant-beeld img { max-width:400px; margin:0; }
}

@media (max-width:640px) {
  .pagina[data-pagina="pricing"] .pc-rail.pc-beweeg { height:300vh; }
  .pagina[data-pagina="pricing"] .pc-rail.pc-beweeg .pc-stage { padding:calc(var(--kop-hoogte,76px) + 8px) 0 16px; }
  .pagina[data-pagina="pricing"] .pc-stage { padding:80px 0; }
  .pagina[data-pagina="pricing"] .pc-sc-kop { margin-bottom:24px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-sc-kop { margin-bottom:16px; }
  .pagina[data-pagina="pricing"] .pc-tarief { padding:16px 16px 24px; border-radius:16px; }
  .pagina[data-pagina="pricing"] .pc-tarief-kop { margin-bottom:12px; }
  .pagina[data-pagina="pricing"] .pc-tarief-naam { font-size:18px; }
  .pagina[data-pagina="pricing"] .pc-ind { height:104px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-ind { height:120px; }
  .pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(3) i { height:56px; }
  .pagina[data-pagina="pricing"] .pc-ind-grootte span:nth-child(2) i { height:40px; }
  .pagina[data-pagina="pricing"] .pc-ind-grootte { padding-bottom:16px; }
  .pagina[data-pagina="pricing"] .pc-ind-dash span { width:48px; height:40px; }
  .pagina[data-pagina="pricing"] .pc-balk { gap:8px; height:12px; margin-top:16px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-sc-zin { margin-top:16px; min-height:120px; }
  .pagina[data-pagina="pricing"] .pc-stappen { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:16px; }
  .pagina[data-pagina="pricing"] .pc-rail:not(.pc-beweeg) .pc-stappen { grid-template-columns:minmax(0,1fr); }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stap { padding:12px 16px 16px; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-stap b { font-size:14px; }
  .pagina[data-pagina="pricing"] .pc-klant-quote { padding:24px; }
  .pagina[data-pagina="pricing"] .pc-klant-quote p { font-size:20px; }
  .pagina[data-pagina="pricing"] .pc-klant-beeld img { max-width:320px; border-radius:16px; }

  .pagina[data-pagina="pricing"] .pc-klant-knop { display:flex; width:100%; justify-content:center; text-align:center; white-space:normal; }
}

@media (max-width:600px) {
  .pagina[data-pagina="pricing"] .pc-kop { padding:var(--sec-y) 0; }
  .pagina[data-pagina="pricing"] .pc-kop h1 { font-size:clamp(32px,9vw,40px); }
  .pagina[data-pagina="pricing"] .pc-kop h1 { margin-bottom:16px; }

  .pagina[data-pagina="pricing"] .pc-acties { margin-top:24px; gap:8px 24px; }
  .pagina[data-pagina="pricing"] .pc-acties .btn-lg { padding:12px 24px; }
  .pagina[data-pagina="pricing"] .pc-kophead { gap:24px; }

  .pagina[data-pagina="pricing"] .pc-slot h2 { font-size:clamp(26px,7.2vw,40px); }
  .pagina[data-pagina="pricing"] .pc-keuze { width:100%; }
  .pagina[data-pagina="pricing"] .pc-toggle { width:100%; }
  .pagina[data-pagina="pricing"] .pc-toggle button { flex:1 1 0; justify-content:center; padding:12px 12px; font-size:15px; }
  .pagina[data-pagina="pricing"] .pc-panelen { margin-top:24px; }
  .pagina[data-pagina="pricing"] .pc-pakket { grid-template-columns:minmax(0,1fr); grid-template-areas:"top" "wie" "bedrag" "knop"; padding:24px; row-gap:12px; }
  .pagina[data-pagina="pricing"] .pc-bedrag { margin-top:4px; padding:12px 0 0; border-left:0; border-top:1px solid var(--ink-100); flex-direction:row; flex-wrap:wrap; align-items:baseline; column-gap:8px; }
  .pagina[data-pagina="pricing"] .pc-gem { flex-basis:100%; }
  .pagina[data-pagina="pricing"] .pc-knop { margin-top:16px; width:100%; }
  .pagina[data-pagina="pricing"] .pc-strip { padding:24px; }
  .pagina[data-pagina="pricing"] .pc-strip-lijst { flex-direction:column; gap:16px; }
}

@media (max-width:400px) {

  .pagina[data-pagina="pricing"] .pc-toggle button svg { display:none; }
  .pagina[data-pagina="pricing"] .pc-toggle button { padding:12px 8px; }
}

@media (prefers-reduced-motion:reduce) {
  .pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-pakket,
  .pagina[data-pagina="pricing"] .pc-paneel.pc-wissel .pc-maat i { animation:none; }
  .pagina[data-pagina="pricing"] .pc-maat i,
  .pagina[data-pagina="pricing"] .pc-schuif { transition:none !important; transform:none; }
  .pagina[data-pagina="pricing"].pc-js .pc-pakket:not(.pc-in) .pc-maat i { transform:none; }
  .pagina[data-pagina="pricing"] .pc-schuif { transform:translateX(var(--x,0px)); }
}

.pagina[data-pagina="pricing"] #pc-werkgevers,
.pagina[data-pagina="pricing"] #pc-bureaus { scroll-margin-top:96px; }

.pagina[data-pagina="pricing"] .pc-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label beeld" "lijst beeld";column-gap:32px;row-gap:12px;align-items:center;}
.pagina[data-pagina="pricing"] .pc-strip-label{grid-area:label;}
.pagina[data-pagina="pricing"] .pc-strip-lijst{grid-area:lijst;gap:16px 32px;justify-content:flex-start;column-gap:48px;}
.pagina[data-pagina="pricing"] .pc-steunbeeld{grid-area:beeld;align-self:end;display:block;width:156px;max-width:100%;height:auto;margin:-8px 0 -24px;}
@media (max-width:1080px){
  .pagina[data-pagina="pricing"] .pc-strip{display:grid;align-items:center;gap:12px 32px;}
  .pagina[data-pagina="pricing"] .pc-steunbeeld{width:136px;}
}
@media (max-width:600px){
  .pagina[data-pagina="pricing"] .pc-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "lijst" "beeld";row-gap:16px;}
  .pagina[data-pagina="pricing"] .pc-steunbeeld{justify-self:end;width:120px;margin:-8px 0 -24px;}
}

.pagina[data-pagina="pricing"] .pc-hint { display:none; }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-hint { display:flex; align-items:center; gap:12px; margin:16px 0 0; font-size:16px; font-weight:600; color:var(--teal-800); }
.pagina[data-pagina="pricing"] .pc-hint-nr { font-weight:600; color:var(--ink-600); padding:4px 10px; border-radius:999px; background:var(--teal-50); border:1px solid var(--teal-100); font-size:14px; }
.pagina[data-pagina="pricing"] .pc-hint-muis { position:relative; flex:none; width:20px; height:30px; border:2px solid var(--teal-700); border-radius:10px; }
.pagina[data-pagina="pricing"] .pc-hint-muis i { position:absolute; left:50%; top:5px; width:4px; height:7px; margin-left:-2px; border-radius:2px; background:var(--teal-700-vlak); animation:pcMuis 1.6s var(--ease-standard,ease) infinite; }
@keyframes pcMuis { 0%{transform:translateY(0);opacity:1;} 70%{transform:translateY(9px);opacity:0;} 100%{transform:translateY(0);opacity:0;} }
.pagina[data-pagina="pricing"] .pc-hint.klaar .pc-hint-muis i { animation:none; opacity:.4; }
@media (prefers-reduced-motion: reduce){ .pagina[data-pagina="pricing"] .pc-hint-muis i { animation:none; } }
.pagina[data-pagina="pricing"] .pc-rail.pc-beweeg .pc-stage { align-content:start; padding-top:calc(var(--kop-hoogte,76px) + 40px); }
.pagina[data-pagina="pricing"] .pc-beweeg .pc-zone:not(.aan):not(.klaar):not(.pc-zone-allin) { opacity:1; }
.pagina[data-pagina="pricing"] .pc-ind-dash span { opacity:calc(.6 + .4 * var(--g,1)); }
.pagina[data-pagina="pricing"] .pc-ind-dash .plus { opacity:calc(.5 + .5 * var(--g,1)); }
@media(max-width:900px){
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-sc-zin { min-height:0 !important; }
  .pagina[data-pagina="pricing"] .pc-beweeg .pc-hint { margin-top:12px; font-size:15px; flex-wrap:wrap; }
  .pagina[data-pagina="pricing"] .pc-rail.pc-beweeg .pc-stage { padding-top:calc(var(--kop-hoogte,76px) + 16px); }
}

.pagina[data-pagina="pricing"] .pc-ind-extra span { cursor:default; background:transparent; border-color:transparent; padding:6px 4px; justify-content:flex-start; }
.pagina[data-pagina="pricing"] .pc-ind-extra i { order:-1; width:20px; height:20px; border-radius:50%; background:transparent; border:2px solid var(--ink-300); }
.pagina[data-pagina="pricing"] .pc-ind-extra i::before { inset:-2px; border-radius:50%; }
.pagina[data-pagina="pricing"] .pc-ind-extra i::after { top:4px; left:6px; width:5px; height:9px; border-radius:0; background:transparent; box-shadow:none; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); opacity:var(--g,0); }
.pagina[data-pagina="pricing"] .pc-ind-extra .aan i::after { transform:rotate(45deg); }
.pagina[data-pagina="pricing"] .pc-ind-extra span:not(.aan) i::after { opacity:0; }

.pagina[data-pagina="privacy"]{
  --pv-nav:72px;
  --pv-lucht:24px;
}

.pagina[data-pagina="privacy"] .pv-kop{padding-bottom:64px;}
.pagina[data-pagina="privacy"] .pv-kop h1{margin-bottom:16px;}
.pagina[data-pagina="privacy"] .pv-kop p.lede{margin:0;}

.pagina[data-pagina="privacy"] .eyebrow{font-size:14px;}

.pagina[data-pagina="privacy"] .pv-romp{background:var(--paper);padding:64px 0 96px;}
.pagina[data-pagina="privacy"] .pv-raster{
  display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start;width:100%;
}
.pagina[data-pagina="privacy"] .pv-zij{
  position:sticky;top:calc(var(--pv-nav) + var(--pv-lucht));
  max-height:calc(100svh - var(--pv-nav) - 48px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;padding-right:8px;
}
.pagina[data-pagina="privacy"] .pv-tekst{min-width:0;}

.pagina[data-pagina="privacy"] .pv-toc-knop{display:none;}
.pagina[data-pagina="privacy"] .pv-toc-groep + .pv-toc-groep{margin-top:32px;}
.pagina[data-pagina="privacy"] .pv-toc-titel{margin-bottom:12px;text-decoration:none;transition:color .2s;}
.pagina[data-pagina="privacy"] .pv-toc-titel:hover,
.pagina[data-pagina="privacy"] .pv-toc-groep.actief-groep .pv-toc-titel{color:var(--teal-700);}
.pagina[data-pagina="privacy"] .pv-toc-lijst{list-style:none;margin:0;padding:0;border-left:1px solid var(--ink-100);}
.pagina[data-pagina="privacy"] .pv-toc-lijst a{
  display:block;margin-left:-1px;padding:4px 0 4px 16px;border-left:2px solid transparent;
  font-size:14px;line-height:1.45;color:var(--ink-500);text-decoration:none;
  transition:color .2s,border-color .2s;
}
.pagina[data-pagina="privacy"] .pv-toc-sub a{padding-left:32px;}
.pagina[data-pagina="privacy"] .pv-toc-lijst a:hover{color:var(--teal-700);}
.pagina[data-pagina="privacy"] .pv-toc-lijst a.actief{color:var(--ink-800);font-weight:600;border-left-color:var(--teal-500);}

.pagina[data-pagina="privacy"] .pv-toc-groep.dicht .pv-toc-lijst{display:none;}

.pagina[data-pagina="privacy"] .pv-deel + .pv-deel{margin-top:96px;padding-top:64px;border-top:1px solid var(--ink-100);}
.pagina[data-pagina="privacy"] .pv-h2,
.pagina[data-pagina="privacy"] .pv-h3,
.pagina[data-pagina="privacy"] .pv-h4,
.pagina[data-pagina="privacy"] .pv-toc{scroll-margin-top:calc(var(--pv-nav) + var(--pv-lucht));outline:none;}

.pagina[data-pagina="privacy"] .pv-h2{color:var(--ink-800);margin:0 0 32px;}
.pagina[data-pagina="privacy"] .pv-h3{
  font-size:22px;line-height:1.3;letter-spacing:-0.01em;font-weight:700;color:var(--ink-800);
  margin:48px 0 16px;max-width:57ch;
}
.pagina[data-pagina="privacy"] .pv-h2 + .pv-h3{margin-top:0;}
.pagina[data-pagina="privacy"] .pv-h4{font-size:18px;line-height:1.35;font-weight:700;color:var(--ink-800);margin:40px 0 16px;}
.pagina[data-pagina="privacy"] .pv-h3 + .pv-h4{margin-top:24px;}
.pagina[data-pagina="privacy"] .pv-tekst p,
.pagina[data-pagina="privacy"] .pv-lijst{
  font-size:16px;line-height:1.75;color:var(--ink-700);max-width:57ch;margin:0 0 16px;
}
.pagina[data-pagina="privacy"] .pv-tekst strong{font-weight:600;color:var(--ink-800);}
.pagina[data-pagina="privacy"] .pv-tekst a{
  color:var(--teal-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
.pagina[data-pagina="privacy"] .pv-tekst a:hover{color:var(--teal-800);}
.pagina[data-pagina="privacy"] .pv-lijst{padding-left:24px;}
.pagina[data-pagina="privacy"] .pv-lijst li{margin:0 0 8px;padding-left:4px;}
.pagina[data-pagina="privacy"] .pv-lijst li::marker{color:var(--teal-500);}

.pagina[data-pagina="privacy"] .pv-links{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:57ch;}
.pagina[data-pagina="privacy"] .pv-links a{
  display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--ink-100);border-radius:999px;
  font-size:15px;line-height:1.35;font-weight:500;color:var(--teal-700);text-decoration:none;background:var(--paper);
  transition:border-color .2s,background .2s;
}
.pagina[data-pagina="privacy"] .pv-links a:hover{border-color:var(--teal-300);background:var(--teal-50);}

.pagina[data-pagina="privacy"] .pv-tekst a[target="_blank"]::after{
  content:"";display:inline-block;width:10px;height:10px;margin-left:4px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2h6.5v6.5M10 2 2 10' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2h6.5v6.5M10 2 2 10' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pagina[data-pagina="privacy"] .pv-links a::after{margin-left:0;}
.pagina[data-pagina="privacy"] .pv-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.pagina[data-pagina="privacy"] .pv-tabel-huls{
  margin:0 0 16px;border:1px solid var(--ink-100);border-radius:12px;overflow:clip;background:var(--paper);
}

.pagina[data-pagina="privacy"] .pv-tabel{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6;color:var(--ink-700);}
.pagina[data-pagina="privacy"] .pv-tabel thead th{
  position:sticky;top:var(--pv-nav);z-index:1;
  background:var(--bg-soft);text-align:left;font-size:14px;font-weight:600;color:var(--ink-600);
  padding:12px 16px;border-bottom:1px solid var(--ink-200);
}
.pagina[data-pagina="privacy"] .pv-tabel thead th:nth-child(1){width:26%;}
.pagina[data-pagina="privacy"] .pv-tabel thead th:nth-child(3){width:17%;}
.pagina[data-pagina="privacy"] .pv-tabel thead th:nth-child(4){width:16%;}
.pagina[data-pagina="privacy"] .pv-tabel tbody th,
.pagina[data-pagina="privacy"] .pv-tabel tbody td{padding:12px 16px;vertical-align:top;text-align:left;border-top:1px solid var(--ink-100);}
.pagina[data-pagina="privacy"] .pv-tabel tbody tr:first-child > *{border-top:0;}
.pagina[data-pagina="privacy"] .pv-tabel tbody th{font-weight:600;color:var(--ink-800);overflow-wrap:break-word;}
.pagina[data-pagina="privacy"] .pv-tabel tbody tr:nth-child(even){background:var(--bg-soft);}
.pagina[data-pagina="privacy"] .pv-tabel a{white-space:nowrap;}

.pagina[data-pagina="privacy"] .pv-naar-inhoud{display:none;}

@media(max-width:999px){
  .pagina[data-pagina="privacy"]{--pv-nav:69px;}
  .pagina[data-pagina="privacy"] .pv-raster{grid-template-columns:minmax(0,1fr);gap:48px;}
  .pagina[data-pagina="privacy"] .pv-zij{position:static;max-height:none;overflow:visible;padding-right:0;}
  .pagina[data-pagina="privacy"] .pv-toc{border:1px solid var(--ink-100);border-radius:12px;background:var(--bg-soft);}
  .pagina[data-pagina="privacy"] .pv-toc-knop{
    display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;list-style:none;
    font-size:16px;font-weight:600;color:var(--ink-800);
  }
  .pagina[data-pagina="privacy"] .pv-toc-knop::-webkit-details-marker{display:none;}
  .pagina[data-pagina="privacy"] .pv-teken{
    margin-left:auto;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--ink-200);position:relative;
    transition:transform .24s var(--ease),background .24s,border-color .24s;
  }
  .pagina[data-pagina="privacy"] .pv-teken::before,
  .pagina[data-pagina="privacy"] .pv-teken::after{
    content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--teal-700-vlak);border-radius:1px;
  }
  .pagina[data-pagina="privacy"] .pv-teken::after{transform:rotate(90deg);}
  .pagina[data-pagina="privacy"] .pv-toc[open] .pv-teken{transform:rotate(45deg);background:var(--teal-700-vlak);border-color:var(--teal-700);}
  .pagina[data-pagina="privacy"] .pv-toc[open] .pv-teken::before,
  .pagina[data-pagina="privacy"] .pv-toc[open] .pv-teken::after{background:#fff;}
  .pagina[data-pagina="privacy"] .pv-toc-nav{padding:8px 16px 24px;border-top:1px solid var(--ink-100);}
  .pagina[data-pagina="privacy"] .pv-toc-groep{padding-top:16px;}
  .pagina[data-pagina="privacy"] .pv-toc-groep + .pv-toc-groep{margin-top:16px;}

  .pagina[data-pagina="privacy"] .pv-toc-lijst a{padding:12px 0 12px 16px;}
  .pagina[data-pagina="privacy"] .pv-toc-sub a{padding-left:32px;}

  .pagina[data-pagina="privacy"] .pv-tekst{padding-bottom:80px;}
  .pagina[data-pagina="privacy"] .pv-naar-inhoud:not([hidden]){
    display:inline-flex;align-items:center;gap:8px;position:fixed;right:16px;bottom:16px;z-index:40;
    padding:12px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--ink-200);
    box-shadow:var(--shadow-md);font-size:14px;font-weight:600;color:var(--teal-700);text-decoration:none;
  }
}
@media(max-width:699px){
  .pagina[data-pagina="privacy"] .pv-kop{padding-bottom:48px;}
  .pagina[data-pagina="privacy"] .pv-romp{padding:48px 0 80px;}
  .pagina[data-pagina="privacy"] .pv-deel + .pv-deel{margin-top:64px;padding-top:48px;}
  .pagina[data-pagina="privacy"] .pv-h3{font-size:20px;margin-top:40px;}

  .pagina[data-pagina="privacy"] .pv-tabel-huls{border:0;border-radius:0;overflow:visible;background:none;}

  .pagina[data-pagina="privacy"] .pv-tabel thead{display:none;}
  .pagina[data-pagina="privacy"] .pv-tabel,
  .pagina[data-pagina="privacy"] .pv-tabel tbody{display:block;}
  .pagina[data-pagina="privacy"] .pv-tabel tbody tr{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;
    padding:16px;margin:0 0 12px;border:1px solid var(--ink-100);border-radius:12px;background:var(--paper);
  }
  .pagina[data-pagina="privacy"] .pv-tabel tbody tr:nth-child(even){background:var(--paper);}
  .pagina[data-pagina="privacy"] .pv-tabel tbody th,
  .pagina[data-pagina="privacy"] .pv-tabel tbody td{display:block;padding:0;border:0;}
  .pagina[data-pagina="privacy"] .pv-tabel tbody th,
  .pagina[data-pagina="privacy"] .pv-tabel tbody td:nth-child(2){grid-column:1 / -1;}
  .pagina[data-pagina="privacy"] .pv-tabel tbody th,
  .pagina[data-pagina="privacy"] .pv-tabel tbody td{font-size:16px;}
  .pagina[data-pagina="privacy"] .pv-tabel tbody td::before{
    content:attr(data-kop);display:block;margin-bottom:4px;font-size:14px;font-weight:600;color:var(--ink-500);
  }
  .pagina[data-pagina="privacy"] .pv-tabel a{white-space:normal;}
}

@media print{
  .pagina[data-pagina="privacy"] .pv-zij,
  .pagina[data-pagina="privacy"] .pv-naar-inhoud{display:none !important;}
  .pagina[data-pagina="privacy"] .pv-raster{display:block;}
  .pagina[data-pagina="privacy"] .pv-tabel thead th{position:static;}
}

.pagina[data-pagina^="klantcase"]{--kc-nav:72px;}

.pagina[data-pagina^="klantcase"] .eyebrow{font-size:14px;}

.pagina[data-pagina^="klantcase"] .kc-kop{--kc-navh:112px;position:relative;padding:0;min-height:100svh;display:flex;flex-direction:column;}
.pagina[data-pagina^="klantcase"] .kc-kopbeeld{margin:0;overflow:hidden;background:var(--ink-100);}
.pagina[data-pagina^="klantcase"] .kc-kopbeeld img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--kc-pos,50% 30%);}
.pagina[data-pagina^="klantcase"] .kc-kop-wrap{position:relative;z-index:1;flex:1;width:100%;display:flex;flex-direction:column;padding-top:calc(var(--kc-navh) + 32px);padding-bottom:24px;}
.pagina[data-pagina^="klantcase"] .kc-kop-tekst{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;}
.pagina[data-pagina^="klantcase"] .kc-kop h1{max-width:none;}
.pagina[data-pagina^="klantcase"] .kc-kop .lede{margin-bottom:32px;}
.pagina[data-pagina^="klantcase"] .kc-kop .pg-actions{align-items:center;gap:16px 32px;}
@media (min-width:1101px){
  .pagina[data-pagina^="klantcase"] .kc-kopbeeld{position:absolute;top:var(--kc-navh);left:50%;right:0;bottom:0;border-radius:24px 0 0 0;}
  .pagina[data-pagina^="klantcase"] .kc-kop-beeld .kc-kop-tekst{width:calc(50% - 48px);}
}

@media (min-width:1101px) and (max-height:820px){
  .pagina[data-pagina^="klantcase"] .kc-kop-beeld .kc-kop-tekst{min-height:calc(100svh - var(--kc-navh) - 32px);}
}
@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-kop{min-height:0;}
  .pagina[data-pagina^="klantcase"] .kc-kopbeeld{position:relative;margin-top:var(--kc-navh);height:clamp(280px,50vw,480px);}
  .pagina[data-pagina^="klantcase"] .kc-kopbeeld img{object-position:var(--kc-pos-smal,50% 30%);}
  .pagina[data-pagina^="klantcase"] .kc-kop-beeld .kc-kop-wrap{padding-top:40px;padding-bottom:48px;}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-kop-beeld .kc-kop-wrap{padding-top:32px;}
}

@media (min-width:768px) and (max-width:1100px){

  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld{position:absolute;z-index:2;top:calc(var(--kc-navh) + 40px);right:var(--gut);margin:0;width:calc((100% - 2 * var(--gut) - 32px) * .42);height:auto;aspect-ratio:4/5;border-radius:24px;box-shadow:var(--shadow-xl);}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld img{object-position:50% 50%;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kop-wrap{padding-top:calc(var(--kc-navh) + 40px);padding-bottom:48px;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kop-tekst{width:calc((100% - 32px) * .58);min-height:calc((100vw - 2 * var(--gut) - 32px) * .42 * 1.25);}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-strook{margin-top:48px;}
}
@media (max-width:767px){
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld{height:75vw;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld img{object-position:50% 45%;}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld{height:51.3vw;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kopbeeld img{object-position:50% 63%;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .kc-kop-wrap{padding-top:24px;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand h1{margin-bottom:16px;}
  .pagina[data-pagina^="klantcase"] .kc-kop-staand .lede{margin-bottom:24px;}
}

.pagina[data-pagina^="klantcase"] .kc-tekstlink{display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:16px;font-weight:700;color:var(--teal-700);text-decoration:none;border-bottom:2px solid var(--teal-200);transition:color .2s var(--ease),border-color .2s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-tekstlink .arr{display:inline-block;transition:transform .2s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-tekstlink:hover{color:var(--teal-800);border-color:var(--teal-600);}
.pagina[data-pagina^="klantcase"] .kc-tekstlink:hover .arr{transform:translateX(4px);}
.pagina[data-pagina^="klantcase"] .kc-tekstlink:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px;}
.pagina[data-pagina^="klantcase"] .kc-kaart{
  background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;
  padding:32px;box-shadow:var(--shadow-xl);min-width:0;
}
.pagina[data-pagina^="klantcase"] .kc-kaart-kop{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--ink-100);
}
.pagina[data-pagina^="klantcase"] .kc-klantnaam{font-size:32px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);line-height:1.1;}
.pagina[data-pagina^="klantcase"] .kc-klantlogo{height:40px;width:auto;display:block;}
.pagina[data-pagina^="klantcase"] .kc-feiten{margin:0;display:grid;gap:24px;}
.pagina[data-pagina^="klantcase"] .kc-feit{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;}
.pagina[data-pagina^="klantcase"] .kc-feit-ic{width:40px;height:40px;border-radius:12px;background:var(--teal-50);color:var(--teal-700);display:grid;place-items:center;}
.pagina[data-pagina^="klantcase"] .kc-feit dt{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin:0 0 4px;}
.pagina[data-pagina^="klantcase"] .kc-feit dd{margin:0;font-size:16px;line-height:1.5;color:var(--ink-800);display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pagina[data-pagina^="klantcase"] .kc-feit-wie{flex-wrap:nowrap !important;}
.pagina[data-pagina^="klantcase"] .kc-feit-wie span:last-child{min-width:0;}
.pagina[data-pagina^="klantcase"] .kc-feit-logo{height:24px;width:auto;display:block;}
.pagina[data-pagina^="klantcase"] .kc-kaart-voet{
  margin-top:24px;padding-top:24px;border-top:1px solid var(--ink-100);
  display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;
  font-size:14px;color:var(--ink-500);
}
.pagina[data-pagina^="klantcase"] .kc-bronlink{display:inline-flex;align-items:center;gap:8px;color:var(--teal-700);font-weight:600;font-size:14px;text-decoration:none;}
.pagina[data-pagina^="klantcase"] .kc-bronlink:hover{color:var(--teal-800);text-decoration:underline;}

.pagina[data-pagina^="klantcase"] .kc-ava{flex:none;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;
  background:linear-gradient(135deg,var(--teal-400),var(--teal-700-vlak));color:#fff;font-weight:700;letter-spacing:.02em;}
.pagina[data-pagina^="klantcase"] .kc-ava-s{width:40px;height:40px;font-size:15px;}
.pagina[data-pagina^="klantcase"] .kc-ava-xs{width:32px;height:32px;font-size:14px;}
.pagina[data-pagina^="klantcase"] .kc-ava-l{width:64px;height:64px;font-size:20px;}

.pagina[data-pagina^="klantcase"] .kc-strook{
  margin-top:32px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 48px;align-items:center;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg);
}
.pagina[data-pagina^="klantcase"] .kc-strook .kc-feiten{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;}
.pagina[data-pagina^="klantcase"] .kc-strook .kc-kaart-voet{grid-column:1/-1;margin-top:0;}
.pagina[data-pagina^="klantcase"] .kc-strook-logo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

.pagina[data-pagina^="klantcase"] .kc-klantlogo{display:block;width:auto;height:auto;border-radius:4px;}
@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-strook{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:900px){
  .pagina[data-pagina^="klantcase"] .kc-strook .kc-feiten{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-strook{padding:24px;}
}

.pagina[data-pagina^="klantcase"] .kc-video{background:var(--paper);}
.pagina[data-pagina^="klantcase"] .kc-video-fig{margin:0 auto;max-width:960px;}
.pagina[data-pagina^="klantcase"] .kc-video-vak{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--ink-100);box-shadow:var(--shadow-xl);}
.pagina[data-pagina^="klantcase"] .kc-video-knop{appearance:none;border:0;padding:0;margin:0;background:none;display:block;width:100%;height:100%;cursor:pointer;position:relative;}
.pagina[data-pagina^="klantcase"] .kc-video-knop img{display:block;width:100%;height:100%;object-fit:cover;}
.pagina[data-pagina^="klantcase"] .kc-play{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;
  background:var(--accent-500);color:var(--ink-900);display:grid;place-items:center;box-shadow:0 12px 32px -8px rgba(13,17,16,.45);
  transition:transform .3s var(--ease),background .3s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-play svg{margin-left:4px;}
.pagina[data-pagina^="klantcase"] .kc-video-knop:hover .kc-play{transform:scale(1.08);background:var(--accent-400);}
.pagina[data-pagina^="klantcase"] .kc-video-knop:focus-visible{outline:none;}
.pagina[data-pagina^="klantcase"] .kc-video-knop:focus-visible .kc-play{box-shadow:0 0 0 4px var(--paper),0 0 0 8px var(--teal-600);}
.pagina[data-pagina^="klantcase"] .kc-video-vak iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.pagina[data-pagina^="klantcase"] .kc-video-fig figcaption{margin-top:16px;display:flex;flex-direction:column;gap:4px;}
.pagina[data-pagina^="klantcase"] .kc-video-fig figcaption b{font-size:17px;font-weight:700;color:var(--ink-900);line-height:1.4;}
.pagina[data-pagina^="klantcase"] .kc-video-fig figcaption span{font-size:15px;color:var(--ink-500);line-height:1.5;}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-video-vak{border-radius:16px;}
  .pagina[data-pagina^="klantcase"] .kc-play{width:64px;height:64px;margin:-32px 0 0 -32px;}
}

.pagina[data-pagina^="klantcase"] .kc-verhaal{padding-bottom:64px;}
.pagina[data-pagina^="klantcase"] .kc-misging{max-width:880px;margin-bottom:48px;}
.pagina[data-pagina^="klantcase"] .kc-aanloop{font-size:18px;line-height:1.6;color:var(--ink-600);margin:0 0 16px;}
.pagina[data-pagina^="klantcase"] .kc-wie{font-size:16px;font-weight:600;color:var(--ink-500);margin:0;}

.pagina[data-pagina^="klantcase"] .kc-scene{
  position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px;
}
.pagina[data-pagina^="klantcase"] .kc-toneel{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;}
.pagina[data-pagina^="klantcase"] .kc-toneel-in{width:100%;padding-top:var(--kc-nav);display:flex;flex-direction:column;gap:24px;}

.pagina[data-pagina^="klantcase"] .kc-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pagina[data-pagina^="klantcase"] .kc-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="klantcase"] .kc-segs{display:flex;gap:8px;}
.pagina[data-pagina^="klantcase"] .kc-seg{appearance:none;border:0;background:none;padding:12px 0;width:48px;cursor:pointer;}
.pagina[data-pagina^="klantcase"] .kc-seg i{display:block;height:4px;border-radius:2px;background:var(--ink-200);transition:background .4s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-seg.aan i{background:var(--teal-500);}
.pagina[data-pagina^="klantcase"] .kc-seg[aria-current="step"] i{background:var(--teal-700-vlak);}
.pagina[data-pagina^="klantcase"] .kc-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}

.pagina[data-pagina^="klantcase"] .kc-beeld{
  position:relative;display:grid;grid-template-columns:minmax(112px,148px) 64px minmax(0,1fr);
  column-gap:40px;align-items:center;padding:40px 32px;
  background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:24px;
}
.pagina[data-pagina^="klantcase"] .kc-lijnen{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;}
.pagina[data-pagina^="klantcase"] .kc-lijn{fill:none;stroke:var(--ink-300);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease),stroke .4s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-beeld:not([data-stand="0"]) .kc-lijn-a{stroke-dashoffset:0;}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-lijn,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-lijn{stroke-dashoffset:0;stroke:var(--teal-500);}

.pagina[data-pagina^="klantcase"] .kc-node{position:relative;z-index:1;}
.pagina[data-pagina^="klantcase"] .kc-node-sys{
  background:var(--paper);border:1px solid var(--ink-100);border-radius:16px;padding:16px;
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:var(--shadow-sm);
}
.pagina[data-pagina^="klantcase"] .kc-node-sys img{height:28px;width:auto;max-width:100%;display:block;}
.pagina[data-pagina^="klantcase"] .kc-node-noot{font-size:14px;line-height:1.35;color:var(--ink-500);}

.pagina[data-pagina^="klantcase"] .kc-partner{position:relative;z-index:1;justify-self:center;
  opacity:0;transform:scale(.85);transition:opacity .5s var(--ease),transform .5s var(--ease-emph);}
.pagina[data-pagina^="klantcase"] .kc-beeld:not([data-stand="0"]) .kc-partner{opacity:1;transform:none;}
.pagina[data-pagina^="klantcase"] .kc-node-partner{
  width:64px;height:64px;border-radius:50%;background:var(--paper);border:2px solid var(--teal-500);
  display:grid;place-items:center;box-shadow:var(--shadow-md);
}
.pagina[data-pagina^="klantcase"] .kc-merk{width:28px;height:26px;background:var(--teal-600);
  -webkit-mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;}
.pagina[data-pagina^="klantcase"] .kc-partner-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap;text-align:center;}
.pagina[data-pagina^="klantcase"] .kc-node-naam{font-size:15px;font-weight:700;color:var(--ink-900);line-height:1.3;}

.pagina[data-pagina^="klantcase"] .kc-stroom{fill:none;stroke:var(--teal-700);stroke-width:4;stroke-linecap:round;stroke-dasharray:0 22;opacity:0;transition:opacity .4s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-stroom,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-stroom{opacity:1;animation:kcStroom 1.4s linear infinite;}
@keyframes kcStroom{to{stroke-dashoffset:-22;}}
@media (prefers-reduced-motion:reduce){.pagina[data-pagina^="klantcase"] .kc-stroom{animation:none !important;}}

.pagina[data-pagina^="klantcase"] .kc-venster{
  position:relative;z-index:1;background:var(--paper);border:1px solid var(--ink-100);border-radius:16px;
  box-shadow:var(--shadow-lg);overflow:hidden;min-width:0;
  opacity:.62;filter:grayscale(1);transition:opacity .6s var(--ease),filter .6s var(--ease),box-shadow .6s var(--ease);
}
.pagina[data-pagina^="klantcase"] .kc-beeld:not([data-stand="0"]) .kc-venster{opacity:.85;filter:grayscale(.6);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-venster,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-venster{opacity:1;filter:none;}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-venster{box-shadow:0 0 0 4px var(--teal-100),var(--shadow-lg);}
.pagina[data-pagina^="klantcase"] .kc-v-top{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--ink-50);border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="klantcase"] .kc-v-top i{width:8px;height:8px;border-radius:50%;background:var(--ink-200);flex:none;}
.pagina[data-pagina^="klantcase"] .kc-v-titel{margin-left:8px;font-size:14px;font-weight:600;color:var(--ink-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.pagina[data-pagina^="klantcase"] .kc-v-status{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;min-height:56px;}
.pagina[data-pagina^="klantcase"] .kc-v-stip{width:8px;height:8px;border-radius:50%;background:var(--warning-500);flex:none;transition:background .4s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="1"] .kc-v-stip{background:var(--ink-300);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-v-stip,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-v-stip{background:var(--success-500);box-shadow:0 0 0 4px var(--success-100);}
.pagina[data-pagina^="klantcase"] .kc-v-status-w{display:grid;min-width:0;}
.pagina[data-pagina^="klantcase"] .kc-v-status-t{grid-area:1/1;font-size:16px;font-weight:600;color:var(--ink-800);line-height:1.35;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-v-status-t.aan{opacity:1;transform:none;}
.pagina[data-pagina^="klantcase"] .kc-v-tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 16px;}
.pagina[data-pagina^="klantcase"] .kc-tegel{position:relative;height:112px;border-radius:12px;border:1px dashed var(--ink-200);background:var(--ink-50);transition:border-color .5s var(--ease),background .5s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-tegel-leeg{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--ink-300);transition:opacity .4s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-tegel-vol{position:absolute;inset:16px 12px 12px;opacity:0;transform-origin:50% 100%;transform:scaleY(.2);
  transition:opacity .5s var(--ease),transform .7s var(--ease-emph);transition-delay:calc(var(--i) * .08s);}
.pagina[data-pagina^="klantcase"] .kc-tegel-vol svg{width:100%;height:100%;display:block;}
.pagina[data-pagina^="klantcase"] .kc-tegel-vol rect{fill:var(--ink-200);transition:fill .5s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-lijnvorm{fill:none;stroke:var(--ink-300);stroke-width:2.5;vector-effect:non-scaling-stroke;}
.pagina[data-pagina^="klantcase"] .kc-vlakvorm{fill:var(--ink-100);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="1"] .kc-tegel{border-color:var(--teal-300);background:var(--paper);}
.pagina[data-pagina^="klantcase"] .kc-beeld:not([data-stand="0"]) .kc-tegel-leeg{opacity:0;}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="1"] .kc-tegel-vol{opacity:.5;transform:scaleY(.35);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-tegel,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-tegel{border:1px solid var(--ink-100);background:var(--paper);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-tegel-vol,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-tegel-vol{opacity:1;transform:none;}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-tegel-vol rect,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-tegel-vol rect{fill:var(--teal-400);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-lijnvorm,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-lijnvorm{stroke:var(--teal-600);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="2"] .kc-vlakvorm,
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-vlakvorm{fill:var(--teal-100);}
.pagina[data-pagina^="klantcase"] .kc-v-acties{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 16px 16px;}

.pagina[data-pagina^="klantcase"] .kc-actie{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;
  border:1px solid var(--ink-200);background:var(--paper);color:var(--ink-400);font-size:14px;font-weight:600;line-height:1.2;
  transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease);transition-delay:calc(var(--i) * .15s);
}
.pagina[data-pagina^="klantcase"] .kc-actie .kc-ic{flex:none;opacity:0;width:0;margin-right:-8px;transition:opacity .3s var(--ease),width .3s var(--ease),margin .3s var(--ease);transition-delay:inherit;}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-actie{background:var(--teal-50);border-color:var(--teal-300);color:var(--teal-800);}
.pagina[data-pagina^="klantcase"] .kc-beeld[data-stand="3"] .kc-actie .kc-ic{opacity:1;width:16px;margin-right:0;}

.pagina[data-pagina^="klantcase"] .kc-stappen{min-width:0;}

.pagina[data-pagina^="klantcase"] .kc-stap{min-height:100svh;}
.pagina[data-pagina^="klantcase"] .kc-stapkaart{position:sticky;top:max(calc(var(--kc-nav) + 24px), calc(50svh - 200px));}
.pagina[data-pagina^="klantcase"] .kc-stapkaart{
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);
  opacity:.45;transition:opacity .4s var(--ease),border-color .4s var(--ease);
}
.pagina[data-pagina^="klantcase"] .kc-stap.kc-nu .kc-stapkaart{opacity:1;border-color:var(--teal-200);}
.pagina[data-pagina^="klantcase"] .kc-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="klantcase"] .kc-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em;}
.pagina[data-pagina^="klantcase"] .kc-stap-tekst{font-size:18px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;}
.pagina[data-pagina^="klantcase"] .kc-stap-quote{margin:16px 0 0;padding-left:16px;border-left:3px solid var(--accent-500);}
.pagina[data-pagina^="klantcase"] .kc-stap-quote p{font-size:19px;line-height:1.5;font-weight:600;color:var(--ink-900);margin:0;}
.pagina[data-pagina^="klantcase"] .kc-stap-quote footer{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink-500);}

.pagina[data-pagina^="klantcase"] .kc-opbrengst{background:var(--bg-soft);}
.pagina[data-pagina^="klantcase"] .kc-opb-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start;}
.pagina[data-pagina^="klantcase"] .kc-opb-kop{position:sticky;top:120px;}
.pagina[data-pagina^="klantcase"] .kc-opb-kop .sec-head{margin-bottom:0;}
.pagina[data-pagina^="klantcase"] .kc-cijfer{margin-top:48px;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);}
.pagina[data-pagina^="klantcase"] .kc-cijfer-getal{display:flex;align-items:baseline;gap:8px;color:var(--teal-700);font-weight:700;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;}
.pagina[data-pagina^="klantcase"] .kc-cijfer-getal span{font-size:72px;line-height:1;}
.pagina[data-pagina^="klantcase"] .kc-cijfer-getal small{font-size:32px;}
.pagina[data-pagina^="klantcase"] .kc-cijfer-betekenis{font-size:18px;line-height:1.5;color:var(--ink-800);margin:16px 0 0;}
.pagina[data-pagina^="klantcase"] .kc-cijfer-bron{font-size:14px;line-height:1.5;color:var(--ink-500);margin:12px 0 0;}

.pagina[data-pagina^="klantcase"] .kc-rijen{display:flex;flex-direction:column;gap:24px;}
.pagina[data-pagina^="klantcase"] .kc-rij{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);
  transition:opacity .6s var(--ease),transform .6s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  transition-delay:calc(var(--i) * .08s),calc(var(--i) * .08s),0s,0s;
}
.pagina[data-pagina^="klantcase"].kc-beweeg .kc-rij:not(.kc-in){opacity:0;transform:translateY(24px);}
@media (hover:hover){
  .pagina[data-pagina^="klantcase"] .kc-rij:hover{border-color:var(--teal-200);box-shadow:var(--shadow-md);}
}
.pagina[data-pagina^="klantcase"] .kc-rij-ic{width:48px;height:48px;border-radius:12px;background:var(--teal-50);color:var(--teal-700);display:grid;place-items:center;}
.pagina[data-pagina^="klantcase"] .kc-rij-label{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);margin:0 0 12px;line-height:1.3;}
.pagina[data-pagina^="klantcase"] .kc-rij-context{font-size:16px;line-height:1.6;color:var(--ink-600);margin:0 0 12px;}
.pagina[data-pagina^="klantcase"] .kc-rij-quote{margin:0;}
.pagina[data-pagina^="klantcase"] .kc-rij-quote p{font-size:18px;line-height:1.55;font-weight:500;color:var(--ink-900);margin:0;}
.pagina[data-pagina^="klantcase"] .kc-rij-wie{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;font-weight:600;color:var(--ink-500);}

.pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-opb-grid{grid-template-columns:minmax(0,1fr);gap:48px;}
.pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-opb-kop{position:static;}
.pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-opb-kop .sec-head{max-width:880px;}
.pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-rijen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-rij{grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;}

.pagina[data-pagina^="klantcase"] .kc-uitkomst{margin:24px 0 0;max-width:760px;}
.pagina[data-pagina^="klantcase"] .kc-uitkomst blockquote{margin:0;}
.pagina[data-pagina^="klantcase"] .kc-uitkomst p{margin:0;font-size:20px;line-height:1.6;font-weight:500;color:var(--ink-800);text-wrap:pretty;}
.pagina[data-pagina^="klantcase"] .kc-uitkomst p::before{content:"\201C";color:var(--teal-500);}
.pagina[data-pagina^="klantcase"] .kc-uitkomst p::after{content:"\201D";color:var(--teal-500);}
.pagina[data-pagina^="klantcase"] .kc-uitkomst figcaption{margin-top:8px;font-size:15px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina^="klantcase"] .kc-uitkomst figcaption a{color:var(--teal-700);font-weight:600;}
@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-rijen{grid-template-columns:minmax(0,1fr);}
  .pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-rij{grid-template-columns:48px minmax(0,1fr);gap:24px;}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-zonder-cijfer .kc-rij{grid-template-columns:minmax(0,1fr);gap:16px;}
  .pagina[data-pagina^="klantcase"] .kc-uitkomst p{font-size:18px;}
}

.pagina[data-pagina^="klantcase"] .kc-quote-in{max-width:960px;margin:0 auto;}
.pagina[data-pagina^="klantcase"] .kc-quote-tekst{margin:0;position:relative;}
.pagina[data-pagina^="klantcase"] .kc-quote-tekst::before{content:"\201C";display:block;font-size:120px;font-weight:700;line-height:1;height:64px;color:var(--teal-300);margin:0 0 8px -4px;}
.pagina[data-pagina^="klantcase"] .kc-quote-tekst p{font-size:clamp(26px,3vw,40px);line-height:1.3;font-weight:600;letter-spacing:-0.02em;color:var(--ink-900);margin:0;text-wrap:pretty;}
.pagina[data-pagina^="klantcase"] .kc-quote-tekst p::after{content:"\201D";color:var(--teal-500);}
.pagina[data-pagina^="klantcase"] .kc-quote-wie{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:32px 0 0;}
.pagina[data-pagina^="klantcase"] .kc-quote-naam{min-width:0;flex:0 1 auto;}
.pagina[data-pagina^="klantcase"] .kc-quote-naam{display:flex;flex-direction:column;font-size:15px;color:var(--ink-500);line-height:1.4;}
.pagina[data-pagina^="klantcase"] .kc-quote-wie b{font-size:17px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina^="klantcase"] .kc-quote-extra{margin-top:48px;padding:24px 32px;background:var(--teal-50);border-left:4px solid var(--teal-500);border-radius:0 16px 16px 0;}
.pagina[data-pagina^="klantcase"] .kc-quote-extra p{margin:0;font-size:18px;line-height:1.6;color:var(--ink-700);}
.pagina[data-pagina^="klantcase"] .kc-quote-extra strong{color:var(--ink-900);font-weight:600;}
.pagina[data-pagina^="klantcase"] .kc-quote-bron{margin:32px 0 0;font-size:14px;line-height:1.6;color:var(--ink-500);}
.pagina[data-pagina^="klantcase"] .kc-quote-bron .kc-bronlink{margin-left:4px;}

.pagina[data-pagina^="klantcase"] .kc-door h2{margin-bottom:24px;font-size:clamp(32px,4.2vw,56px);}
@media (max-width:600px){.pagina[data-pagina^="klantcase"] .kc-door h2{font-size:clamp(26px,7.2vw,40px);}}

@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-scene{display:block;}
  .pagina[data-pagina^="klantcase"] .kc-toneel{align-items:flex-start;z-index:1;}
  .pagina[data-pagina^="klantcase"] .kc-toneel-in{max-width:640px;margin:0 auto;gap:16px;padding-top:calc(var(--kc-nav) + 8px);}
  .pagina[data-pagina^="klantcase"] .kc-beeld{
    grid-template-columns:auto minmax(0,1fr);grid-template-areas:"sys par" "ven ven";
    column-gap:40px;row-gap:40px;padding:24px;
  }
  .pagina[data-pagina^="klantcase"] .kc-node-sys{grid-area:sys;padding:12px 16px;max-width:144px;}
  .pagina[data-pagina^="klantcase"] .kc-partner{grid-area:par;justify-self:start;}
  .pagina[data-pagina^="klantcase"] .kc-venster{grid-area:ven;}

  .pagina[data-pagina^="klantcase"] .kc-partner-label{top:50%;left:calc(100% + 12px);transform:translateY(-50%);align-items:flex-start;text-align:left;white-space:normal;width:max-content;max-width:120px;}
  .pagina[data-pagina^="klantcase"] .kc-stappen{position:relative;z-index:2;margin-top:-38svh;pointer-events:none;}

  .pagina[data-pagina^="klantcase"] .kc-stap{min-height:0;display:block;padding:0;}
  .pagina[data-pagina^="klantcase"] .kc-stap::after{content:"";display:block;height:60svh;}
  .pagina[data-pagina^="klantcase"] .kc-stap:last-child::after{height:48svh;}

  .pagina[data-pagina^="klantcase"] .kc-stapkaart.kc-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s;}

  .pagina[data-pagina^="klantcase"] .kc-stapkaart{position:sticky;top:calc(100svh - 360px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl);}
  .pagina[data-pagina^="klantcase"] .kc-tegel{height:80px;}
  .pagina[data-pagina^="klantcase"] .kc-opb-grid{grid-template-columns:1fr;gap:48px;}
  .pagina[data-pagina^="klantcase"] .kc-opb-kop{position:static;}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-kaart{padding:24px;}
  .pagina[data-pagina^="klantcase"] .kc-klantnaam{font-size:28px;}
  .pagina[data-pagina^="klantcase"] .kc-beeld{padding:16px;column-gap:24px;row-gap:24px;border-radius:20px;}
  .pagina[data-pagina^="klantcase"] .kc-node-sys{max-width:120px;padding:12px;}
  .pagina[data-pagina^="klantcase"] .kc-node-partner{width:56px;height:56px;}
  .pagina[data-pagina^="klantcase"] .kc-merk{width:24px;height:22px;}
  .pagina[data-pagina^="klantcase"] .kc-partner-label{max-width:96px;}
}
@media (max-width:400px){
  .pagina[data-pagina^="klantcase"] .kc-beeld{column-gap:16px;}
  .pagina[data-pagina^="klantcase"] .kc-v-top{padding:8px 12px;}
  .pagina[data-pagina^="klantcase"] .kc-v-status{padding:12px 12px 8px;min-height:48px;}
  .pagina[data-pagina^="klantcase"] .kc-v-tegels{gap:8px;padding:0 12px 12px;}
  .pagina[data-pagina^="klantcase"] .kc-tegel-vol{inset:12px 8px 8px;}
  .pagina[data-pagina^="klantcase"] .kc-v-acties{padding:0 12px 12px;gap:8px;}
  .pagina[data-pagina^="klantcase"] .kc-actie{padding:4px 12px;}

  .pagina[data-pagina^="klantcase"] .kc-gids-hs{display:none;}
  .pagina[data-pagina^="klantcase"] .kc-segs{flex:1;}
  .pagina[data-pagina^="klantcase"] .kc-seg{flex:1;width:auto;}
  .pagina[data-pagina^="klantcase"] .kc-v-acties{gap:4px;}
  .pagina[data-pagina^="klantcase"] .kc-tegel{height:48px;}
  .pagina[data-pagina^="klantcase"] .kc-beeld{row-gap:16px;}
  .pagina[data-pagina^="klantcase"] .kc-toneel-in{gap:8px;}
  .pagina[data-pagina^="klantcase"] .kc-seg{padding:8px 0;}
  .pagina[data-pagina^="klantcase"] .kc-stap-tekst,.pagina[data-pagina^="klantcase"] .kc-stap-quote{margin-top:12px;}
  .pagina[data-pagina^="klantcase"] .kc-stap-tekst{font-size:17px;}
  .pagina[data-pagina^="klantcase"] .kc-stap-quote p{font-size:18px;}
  .pagina[data-pagina^="klantcase"] .kc-rij{grid-template-columns:1fr;gap:16px;padding:24px;}
  .pagina[data-pagina^="klantcase"] .kc-quote-extra{padding:24px;}
}

.pagina[data-pagina^="klantcase"].kc-stil .kc-toneel{position:static;height:auto;overflow:visible;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-toneel-in{padding-top:0;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-gids{display:none;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-stappen{margin-top:0;display:flex;flex-direction:column;gap:16px;justify-content:center;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-stap{min-height:0;padding:0;display:block;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-stap::after{display:none;}
.pagina[data-pagina^="klantcase"].kc-stil .kc-stapkaart{opacity:1;box-shadow:var(--shadow-sm);position:relative;top:auto;}
.pagina[data-pagina^="klantcase"].kc-stil *{transition:none !important;}
@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"].kc-stil .kc-stappen{margin-top:24px;}
}

.pagina[data-pagina^="klantcase"] .kc-video .sec-head{max-width:960px;margin-left:auto;margin-right:auto;}
.pagina[data-pagina^="klantcase"] img.kc-ava{background:var(--ink-50);}

.pagina[data-pagina^="klantcase"] .kc-kaartjes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.pagina[data-pagina^="klantcase"] .kc-kaartje{
  display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:24px;align-items:start;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;padding:32px;box-shadow:var(--shadow-md);
  color:inherit;text-decoration:none;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
@media (hover:hover){
  .pagina[data-pagina^="klantcase"] .kc-kaartje:hover{transform:translateY(-4px);border-color:var(--teal-300);box-shadow:var(--shadow-lg);}
  .pagina[data-pagina^="klantcase"] .kc-kaartje:hover .kc-kj-naar .arr{transform:translateX(4px);}
}
.pagina[data-pagina^="klantcase"] .kc-kaartje:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px;}
.pagina[data-pagina^="klantcase"] .kc-kj-foto{margin:0;min-width:0;}
.pagina[data-pagina^="klantcase"] .kc-kj-foto img{display:block;width:100%;height:auto;}
.pagina[data-pagina^="klantcase"] .kc-kj-in{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.pagina[data-pagina^="klantcase"] .kc-kj-logo{display:block;width:auto;height:auto;border-radius:4px;}
.pagina[data-pagina^="klantcase"] .kc-kj-klant{font-size:18px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina^="klantcase"] .kc-kj-titel{margin:4px 0 0;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-0.015em;color:var(--ink-900);text-wrap:balance;}
.pagina[data-pagina^="klantcase"] .kc-kj-quote{margin:0;padding-left:16px;border-left:3px solid var(--accent-500);font-size:17px;line-height:1.5;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina^="klantcase"] .kc-kj-wie{margin:0;font-size:15px;line-height:1.45;color:var(--ink-500);}
.pagina[data-pagina^="klantcase"] .kc-kj-wie b{display:block;font-size:16px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina^="klantcase"] .kc-kj-chips{display:flex;flex-wrap:wrap;gap:8px;}
.pagina[data-pagina^="klantcase"] .kc-kj-chips span{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-800);font-size:14px;font-weight:600;line-height:1.4;}
.pagina[data-pagina^="klantcase"] .kc-kj-naar{margin-top:4px;font-size:16px;font-weight:700;color:var(--teal-700);}
.pagina[data-pagina^="klantcase"] .kc-kj-naar .arr{display:inline-block;transition:transform .3s var(--ease);}

.pagina[data-pagina^="klantcase"] .kc-ov-kop h1{max-width:30ch;margin-bottom:48px;text-wrap:balance;}

.pagina[data-pagina^="klantcase"] .kc-kaartje-groot{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;}
.pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-foto{width:100%;max-width:none;flex:none;aspect-ratio:5/4;overflow:hidden;min-height:0;background:var(--ink-100);}
.pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transition:transform .6s var(--ease);}
.pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-in{padding:32px;flex:1;}
.pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-naar{margin-top:auto;padding-top:8px;}
.pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-chips span{transition:transform .3s var(--ease),border-color .3s var(--ease);}
@media (hover:hover){
  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot:hover .kc-kj-foto img{transform:scale(1.03);}

  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot:hover .kc-kj-chips span{transform:translateY(-2px);border-color:var(--teal-300);}
  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot:hover .kc-kj-chips span:nth-child(2){transition-delay:.06s;}
  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot:hover .kc-kj-chips span:nth-child(3){transition-delay:.12s;}
}

.pagina[data-pagina="klantcases"].kc-ov-beweeg .kc-kaartje-groot{transition:opacity .6s var(--ease) calc(var(--i,0) * .06s),transform .6s var(--ease) calc(var(--i,0) * .06s),border-color .3s var(--ease),box-shadow .3s var(--ease);}
.pagina[data-pagina="klantcases"].kc-ov-beweeg .kc-kaartje-groot:not(.kc-in){opacity:0;transform:translateY(24px);}

.pagina[data-pagina^="klantcase"] .kc-meer{background:var(--bg-soft);}
.pagina[data-pagina^="klantcase"] .kc-meer-kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;max-width:none;}
.pagina[data-pagina^="klantcase"] .kc-meer-kop .eyebrow{flex-basis:100%;}
.pagina[data-pagina^="klantcase"] .kc-meer-kop .sec-title{margin:0;}
.pagina[data-pagina^="klantcase"] .kc-meer-alle{font-size:16px;font-weight:700;color:var(--teal-700);text-decoration:none;padding:8px 0;}
.pagina[data-pagina^="klantcase"] .kc-meer-alle:hover{text-decoration:underline;}
.pagina[data-pagina^="klantcase"] .kc-meer .kc-kaartjes{grid-template-columns:minmax(0,760px);}

@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-kaartjes{grid-template-columns:minmax(0,1fr);}
  .pagina[data-pagina^="klantcase"] .kc-meer .kc-kaartjes{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .pagina[data-pagina^="klantcase"] .kc-kaartje{grid-template-columns:minmax(0,1fr);padding:24px;gap:16px;}
  .pagina[data-pagina^="klantcase"] .kc-kaartje:not(.kc-kaartje-groot) .kc-kj-foto{max-width:160px;}
  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot{padding:0;gap:0;}
  .pagina[data-pagina^="klantcase"] .kc-kaartje-groot .kc-kj-in{padding:24px;}
  .pagina[data-pagina^="klantcase"] .kc-kj-titel{font-size:22px;}
}

@media (min-width:1101px){
  .pagina[data-pagina^="klantcase"] .kc-misging{margin-bottom:0;}
  .pagina[data-pagina^="klantcase"] .kc-toneel{top:var(--kc-nav);height:calc(100svh - var(--kc-nav));align-items:flex-start;}
  .pagina[data-pagina^="klantcase"] .kc-toneel-in{padding-top:16px;gap:16px;}
  .pagina[data-pagina^="klantcase"] .kc-stappen{padding-top:var(--kc-beeld-top,60px);}
  .pagina[data-pagina^="klantcase"] .kc-stapkaart{top:calc(var(--kc-nav) + var(--kc-beeld-top,60px));}
}

@media (max-width:1100px){
  .pagina[data-pagina^="klantcase"] .kc-misging{margin-bottom:0;}
  .pagina[data-pagina^="klantcase"] .kc-toneel{top:var(--kc-nav);height:calc(100svh - var(--kc-nav));}
  .pagina[data-pagina^="klantcase"] .kc-toneel-in{padding-top:8px;}
  .pagina[data-pagina^="klantcase"] .kc-stappen{margin-top:calc(var(--kc-nav) - 38svh);}
}

.pagina[data-pagina^="klantcase"].kc-stil .kc-misging{margin-bottom:48px;}

.pagina[data-pagina="klantcases"] .kc-ov-kop h1{margin-bottom:16px;}
.pagina[data-pagina="klantcases"] .kc-ov-kop p.kc-ov-lede{margin:0 0 48px;max-width:52ch;}

.pagina[data-pagina="over-recbi"]{--or-nav:72px}

.pagina[data-pagina="over-recbi"] .eyebrow{font-size:14px}

.pagina[data-pagina="over-recbi"].or-js .or-op{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
  transition-delay:calc(var(--i,0) * 80ms);
}
.pagina[data-pagina="over-recbi"].or-js .or-op.in{opacity:1;transform:none}

.pagina[data-pagina="over-recbi"] .or-tekstlink{
  display:inline-flex;align-items:center;gap:8px;padding:4px 0;
  font-size:16px;font-weight:600;color:var(--teal-700);border-bottom:1px solid var(--teal-200);
  transition:border-color .24s var(--ease),color .24s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-tekstlink:hover{color:var(--teal-800);border-color:var(--teal-600)}

.pagina[data-pagina="over-recbi"] .or-kop{
  min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--or-nav) + 32px) 0 64px;
  background:linear-gradient(180deg,var(--bg-soft),var(--paper));
}
.pagina[data-pagina="over-recbi"] .or-kop > .wrap{width:100%}
.pagina[data-pagina="over-recbi"] .or-kop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:64px;align-items:center}
.pagina[data-pagina="over-recbi"] .or-kop h1{font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.03em;font-weight:700;margin:24px 0;text-wrap:balance}
.pagina[data-pagina="over-recbi"] .or-kop h1 em{font-style:italic;font-weight:400;color:var(--teal-600)}
.pagina[data-pagina="over-recbi"] .or-lede{font-size:19px;line-height:1.65;color:var(--ink-600);max-width:44ch;margin:0 0 32px}
.pagina[data-pagina="over-recbi"] .or-acties{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}

.pagina[data-pagina="over-recbi"] .or-duo-kop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.pagina[data-pagina="over-recbi"] .or-portret-kop{margin:0;min-width:0}
.pagina[data-pagina="over-recbi"] .or-foto{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--teal-50);box-shadow:var(--shadow-xl)}
.pagina[data-pagina="over-recbi"] .or-foto img{display:block;width:100%;height:100%;object-fit:cover}
.pagina[data-pagina="over-recbi"] .or-portret-kop figcaption{margin-top:16px}
.pagina[data-pagina="over-recbi"] .or-portret-kop b{display:block;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink-800)}
.pagina[data-pagina="over-recbi"] .or-portret-kop small{display:block;margin-top:4px;font-size:14px;line-height:1.3;color:var(--ink-500)}

@media(max-width:900px){
  .pagina[data-pagina="over-recbi"] .or-kop{min-height:0;display:block;padding:calc(var(--or-nav) + 40px) 0 64px}
  .pagina[data-pagina="over-recbi"] .or-kop-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .pagina[data-pagina="over-recbi"] .or-kop-tekst{display:contents}
  .pagina[data-pagina="over-recbi"] .or-kop .eyebrow{order:0;margin-bottom:16px}
  .pagina[data-pagina="over-recbi"] .or-duo-kop{order:1;margin-bottom:24px}

  .pagina[data-pagina="over-recbi"] .or-kop .or-foto{aspect-ratio:1/1}
  .pagina[data-pagina="over-recbi"] .or-kop .or-foto img{object-position:50% 0}
  .pagina[data-pagina="over-recbi"] .or-kop h1{order:2;margin:0 0 16px}
  .pagina[data-pagina="over-recbi"] .or-lede{order:3}
  .pagina[data-pagina="over-recbi"] .or-acties{order:4}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-kop{padding:calc(var(--or-nav) + 40px) 0 48px}
  .pagina[data-pagina="over-recbi"] .or-duo-kop{gap:16px}
  .pagina[data-pagina="over-recbi"] .or-kop .or-foto{aspect-ratio:4/5}
  .pagina[data-pagina="over-recbi"] .or-portret-kop figcaption{margin-top:8px}
  .pagina[data-pagina="over-recbi"] .or-portret-kop b{font-size:15px}
  .pagina[data-pagina="over-recbi"] .or-lede{font-size:17px;margin-bottom:24px}
}

.pagina[data-pagina="over-recbi"] .or-stem{padding:96px 0 64px;background:var(--paper)}
.pagina[data-pagina="over-recbi"] .or-stem-kop{margin-bottom:32px}
.pagina[data-pagina="over-recbi"] .or-stem-kop .sec-title{margin:24px 0 0}

.pagina[data-pagina="over-recbi"] .or-scene{
  position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:64px;
}
.pagina[data-pagina="over-recbi"] .or-toneel{position:sticky;top:var(--or-nav);height:calc(100svh - var(--or-nav));overflow:hidden;display:flex;align-items:flex-start}
.pagina[data-pagina="over-recbi"] .or-toneel-in{width:100%;padding-top:16px;display:flex;flex-direction:column;gap:16px}

.pagina[data-pagina="over-recbi"] .or-gids{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pagina[data-pagina="over-recbi"] .or-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700)}
.pagina[data-pagina="over-recbi"] .or-segs{display:flex;gap:8px}
.pagina[data-pagina="over-recbi"] .or-seg{appearance:none;border:0;background:none;padding:12px 0;width:48px;cursor:pointer}
.pagina[data-pagina="over-recbi"] .or-seg i{display:block;height:4px;border-radius:2px;background:var(--ink-200);transition:background .4s var(--ease)}
.pagina[data-pagina="over-recbi"] .or-seg.aan i{background:var(--teal-500)}
.pagina[data-pagina="over-recbi"] .or-seg[aria-current="step"] i{background:var(--teal-700-vlak)}
.pagina[data-pagina="over-recbi"] .or-seg:hover i{background:var(--teal-300)}
.pagina[data-pagina="over-recbi"] .or-seg.aan:hover i{background:var(--teal-600)}
.pagina[data-pagina="over-recbi"] .or-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px}

.pagina[data-pagina="over-recbi"] .or-beeld{
  padding:24px 32px 32px;background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:24px;
  display:flex;flex-direction:column;gap:24px;
}
.pagina[data-pagina="over-recbi"] .or-spots{display:flex;gap:24px}
.pagina[data-pagina="over-recbi"] .or-spot{
  margin:0;flex:0 0 clamp(152px,calc((100svh - 480px) * .5),168px);min-width:0;
  opacity:.34;filter:grayscale(1);transition:opacity .5s var(--ease),filter .5s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-spot-foto{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--teal-50);transition:box-shadow .5s var(--ease)}
.pagina[data-pagina="over-recbi"] .or-spot-foto img{display:block;width:100%;height:100%;object-fit:cover}
.pagina[data-pagina="over-recbi"] .or-spot figcaption{margin-top:12px}
.pagina[data-pagina="over-recbi"] .or-spot b{display:block;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3;color:var(--ink-800)}
.pagina[data-pagina="over-recbi"] .or-spot small{display:block;margin-top:4px;font-size:14px;line-height:1.3;color:var(--ink-500)}
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="0"] .or-spot[data-wie="0"],
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="1"] .or-spot[data-wie="1"],
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="2"] .or-spot{opacity:1;filter:none}
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="0"] .or-spot[data-wie="0"] .or-spot-foto,
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="1"] .or-spot[data-wie="1"] .or-spot-foto,
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="2"] .or-spot .or-spot-foto{box-shadow:0 0 0 3px var(--teal-500),var(--shadow-lg)}

.pagina[data-pagina="over-recbi"] .or-citaten{display:grid}
.pagina[data-pagina="over-recbi"] .or-citaat{
  grid-area:1 / 1;margin:0;opacity:0;transform:translateY(8px);
  transition:opacity .45s var(--ease),transform .45s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="0"] .or-citaat[data-s="0"],
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="1"] .or-citaat[data-s="1"],
.pagina[data-pagina="over-recbi"] .or-beeld[data-stand="2"] .or-citaat[data-s="2"]{opacity:1;transform:none}
.pagina[data-pagina="over-recbi"] .or-citaat p{margin:0;max-width:26ch;font-size:clamp(24px,2.5vw,36px);line-height:1.3;letter-spacing:-.01em;font-weight:600;color:var(--ink-900);text-wrap:balance}
.pagina[data-pagina="over-recbi"] .or-credo-aan{display:block;margin-bottom:8px;font-size:16px;line-height:1.4;color:var(--ink-500)}

.pagina[data-pagina="over-recbi"] .or-cite{display:none;margin-top:12px;font-size:16px;font-weight:600;line-height:1.4;color:var(--ink-500)}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-cite{display:block}

.pagina[data-pagina="over-recbi"] .or-stappen{min-width:0;padding-top:var(--or-beeld-top,60px)}
.pagina[data-pagina="over-recbi"] .or-stap{min-height:100svh}
.pagina[data-pagina="over-recbi"] .or-stap:last-child{min-height:calc(100svh - 160px)}
.pagina[data-pagina="over-recbi"] .or-stapkaart{
  position:sticky;top:calc(var(--or-nav) + var(--or-beeld-top,60px));
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);
  opacity:.45;transition:opacity .4s var(--ease),border-color .4s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-stap.or-nu .or-stapkaart{opacity:1;border-color:var(--teal-200)}
.pagina[data-pagina="over-recbi"] .or-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700)}
.pagina[data-pagina="over-recbi"] .or-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em}
.pagina[data-pagina="over-recbi"] .or-stapkaart p{margin:16px 0 0;font-size:20px;line-height:1.55;color:var(--ink-700)}

@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"] .or-scene{display:block}
  .pagina[data-pagina="over-recbi"] .or-toneel{z-index:1}
  .pagina[data-pagina="over-recbi"] .or-toneel-in{max-width:640px;margin:0 auto;gap:8px;padding-top:8px}
  .pagina[data-pagina="over-recbi"] .or-beeld{padding:16px 24px 24px;gap:16px}
  .pagina[data-pagina="over-recbi"] .or-spot{flex-basis:clamp(96px,calc((100svh - 560px) * .5),140px)}
  .pagina[data-pagina="over-recbi"] .or-stapkaart p{font-size:18px}
  .pagina[data-pagina="over-recbi"] .or-citaat p{font-size:24px;max-width:none}
  .pagina[data-pagina="over-recbi"] .or-stappen{position:relative;z-index:2;padding-top:0;margin-top:calc(var(--or-nav) - 38svh);pointer-events:none}

  .pagina[data-pagina="over-recbi"] .or-stap,
  .pagina[data-pagina="over-recbi"] .or-stap:last-child{min-height:0;display:block;padding:0}
  .pagina[data-pagina="over-recbi"] .or-stap::after{content:"";display:block;height:60svh}
  .pagina[data-pagina="over-recbi"] .or-stap:last-child::after{height:48svh}
  .pagina[data-pagina="over-recbi"] .or-stapkaart{top:calc(100svh - 240px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl)}
  .pagina[data-pagina="over-recbi"] .or-stapkaart.or-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-stem{padding:64px 0 48px}
  .pagina[data-pagina="over-recbi"] .or-stem-kop{margin-bottom:24px}
  .pagina[data-pagina="over-recbi"] .or-stem-kop .sec-title{margin-top:16px}
  .pagina[data-pagina="over-recbi"] .or-gids-hs{display:none}
  .pagina[data-pagina="over-recbi"] .or-segs{flex:1}
  .pagina[data-pagina="over-recbi"] .or-seg{flex:1;width:auto;padding:8px 0}
  .pagina[data-pagina="over-recbi"] .or-beeld{padding:12px 16px 24px;border-radius:20px}
  .pagina[data-pagina="over-recbi"] .or-spots{gap:16px}
  .pagina[data-pagina="over-recbi"] .or-spot figcaption{margin-top:8px}
  .pagina[data-pagina="over-recbi"] .or-spot b{font-size:14px;white-space:nowrap}
  .pagina[data-pagina="over-recbi"] .or-citaat p{font-size:20px}
  .pagina[data-pagina="over-recbi"] .or-stapkaart p{font-size:17px;margin-top:12px}
}

.pagina[data-pagina="over-recbi"]:not(.or-js) .or-toneel{position:static;height:auto;overflow:visible}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-gids{display:none}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-spot{opacity:1;filter:none}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-citaten{gap:32px}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-citaat{grid-area:auto;opacity:1;transform:none}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-stappen{margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:16px;justify-content:center}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-stap{min-height:0;padding:0;display:block}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-stap::after{display:none}
.pagina[data-pagina="over-recbi"]:not(.or-js) .or-stapkaart{opacity:1;box-shadow:var(--shadow-sm);position:relative;top:auto}
.pagina[data-pagina="over-recbi"]:not(.or-js) *{transition:none !important}
@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"]:not(.or-js) .or-stappen{margin-top:24px}
}

.pagina[data-pagina="over-recbi"] .or-slot h2{max-width:22ch;font-size:clamp(32px,4vw,56px)}
.pagina[data-pagina="over-recbi"] .or-slot .final-actions{margin-top:32px}
.pagina[data-pagina="over-recbi"] .or-slot-demo{margin:24px auto 0 !important;font-size:16px}
.pagina[data-pagina="over-recbi"] .or-slot-demo a{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px}
.pagina[data-pagina="over-recbi"] .or-slot-demo a:hover{border-color:#fff}
.pagina[data-pagina="over-recbi"] .or-slot .btn-white{background:#fff;color:var(--teal-800);border-color:#fff}
.pagina[data-pagina="over-recbi"] .or-slot .btn-white:hover{background:var(--teal-50);transform:translateY(-2px)}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-slot h2{font-size:28px}
}

.pagina[data-pagina="platform"] .ps-slot{text-align:left;padding:var(--sec-y) 0;}

.pagina[data-pagina="platform"] .ps-in{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  grid-template-areas:"kop route" "actie route";column-gap:64px;row-gap:0;
}
.pagina[data-pagina="platform"] .ps-kop{grid-area:kop;align-self:end;}
.pagina[data-pagina="platform"] .ps-route{grid-area:route;align-self:center;}
.pagina[data-pagina="platform"] .ps-actie{grid-area:actie;align-self:start;}

.pagina[data-pagina="platform"] .ps-slot h2{
  font-size:clamp(32px,4.2vw,56px);max-width:15ch;margin:0 0 24px;text-align:left;
}
.pagina[data-pagina="platform"] .ps-slot h2 em{padding-right:.08em;}
.pagina[data-pagina="platform"] .ps-slot .ps-lede{
  font-size:18px;line-height:1.6;max-width:44ch;margin:0;color:rgba(255,255,255,.92);
}
.pagina[data-pagina="platform"] .ps-belofte{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:12px;}
.pagina[data-pagina="platform"] .ps-belofte li{
  display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;font-weight:600;color:#fff;
}
.pagina[data-pagina="platform"] .ps-vink{
  flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-500);
  display:grid;place-items:center;
}
.pagina[data-pagina="platform"] .ps-vink svg{width:14px;height:14px;fill:none;stroke:var(--ink-900);stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina="platform"] .ps-acties{justify-content:flex-start;align-items:center;gap:16px 24px;margin-top:40px;}
.pagina[data-pagina="platform"] .ps-noot{font-size:15px;line-height:1.5;color:rgba(255,255,255,.92);max-width:28ch;}

.pagina[data-pagina="platform"] .ps-route{
  background:rgba(19,107,102,.34);border:1px solid rgba(255,255,255,.22);border-radius:24px;
  padding:32px;box-shadow:0 30px 60px -40px rgba(14,74,71,.6);
}
.pagina[data-pagina="platform"] .ps-route-kop{display:block;font-size:14px;font-weight:600;color:#fff;letter-spacing:0;}
.pagina[data-pagina="platform"] .ps-stops{list-style:none;margin:16px 0 0;padding:0;}
.pagina[data-pagina="platform"] .ps-stop{
  position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:start;
  padding-bottom:12px;
}

.pagina[data-pagina="platform"] .ps-stop::before{
  content:"";position:absolute;left:19.5px;top:40px;bottom:0;width:1px;
  background:rgba(255,255,255,.5);transform-origin:top center;
}
.pagina[data-pagina="platform"] .ps-stop.ps-jij{padding-bottom:0;}
.pagina[data-pagina="platform"] .ps-stop.ps-jij::before{display:none;}
.pagina[data-pagina="platform"] .ps-ico{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);
}
.pagina[data-pagina="platform"] .ps-ico svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina="platform"] .ps-jij .ps-ico{background:#fff;border-color:#fff;}
.pagina[data-pagina="platform"] .ps-jij .ps-ico svg{stroke:var(--teal-700);}
.pagina[data-pagina="platform"] .ps-stop-tekst{display:flex;flex-wrap:wrap;align-items:baseline;align-content:center;gap:0 12px;min-width:0;min-height:40px;}
.pagina[data-pagina="platform"] .ps-stop-tekst b{font-size:17px;line-height:1.3;font-weight:700;color:#fff;}
.pagina[data-pagina="platform"] .ps-stop-tekst span{font-size:15px;line-height:1.4;color:rgba(255,255,255,.92);}
.pagina[data-pagina="platform"] .ps-jij .ps-stop-tekst b{font-size:19px;}

.pagina[data-pagina="platform"] .ps-rapport{
  margin-top:24px;background:#fff;border-radius:16px;overflow:hidden;color:var(--ink-800);
  box-shadow:0 34px 64px -36px rgba(14,74,71,.55), 0 3px 8px -4px rgba(14,74,71,.18);
}
.pagina[data-pagina="platform"] .ps-chrome{
  display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fff,var(--bg-soft));font-size:14px;
}
.pagina[data-pagina="platform"] .ps-dots{display:inline-flex;gap:4px;flex:none;}
.pagina[data-pagina="platform"] .ps-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-200);display:block;}
.pagina[data-pagina="platform"] .ps-dots i.g{background:var(--teal-500);}
.pagina[data-pagina="platform"] .ps-merk{font-weight:700;color:var(--ink-800);}
.pagina[data-pagina="platform"] .ps-crumb{margin-left:auto;color:var(--teal-700);font-weight:600;}
.pagina[data-pagina="platform"] .ps-rapport-in{padding:16px 24px 24px;}
.pagina[data-pagina="platform"] .ps-rapport-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;}
.pagina[data-pagina="platform"] .ps-rapport-kop{font-size:16px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina="platform"] .ps-scores{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;}
.pagina[data-pagina="platform"] .ps-score{
  display:grid;grid-template-columns:184px minmax(0,1fr) 48px;align-items:center;gap:12px;
  font-size:15px;line-height:1.3;
}
.pagina[data-pagina="platform"] .ps-cat{color:var(--ink-700);}
.pagina[data-pagina="platform"] .ps-baan{display:block;height:8px;border-radius:4px;background:var(--ink-100);overflow:hidden;}
.pagina[data-pagina="platform"] .ps-baan em{
  display:block;height:100%;border-radius:4px;background:var(--teal-600);
  transform-origin:left center;transform:scaleX(var(--v,0));
}
.pagina[data-pagina="platform"] .ps-score[data-band="laag"] .ps-baan em{background:var(--warning-500);}
.pagina[data-pagina="platform"] .ps-score[data-band="mid"] .ps-baan em{background:var(--teal-400);}
.pagina[data-pagina="platform"] .ps-score b{text-align:right;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;}
.pagina[data-pagina="platform"] .ps-voorbeeld{font-size:14px;color:var(--ink-500);}

.pagina[data-pagina="platform"] .ps-beweeg .ps-stop{
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
  transition-delay:calc(var(--i) * .14s);
}
.pagina[data-pagina="platform"] .ps-beweeg .ps-stop::before{
  transform:scaleY(0);transition:transform .32s var(--ease);
  transition-delay:calc(var(--i) * .14s + .22s);
}
.pagina[data-pagina="platform"] .ps-beweeg .ps-rapport{
  opacity:0;transform:translateY(16px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:.62s;
}
.pagina[data-pagina="platform"] .ps-beweeg .ps-baan em{
  transform:scaleX(0);transition:transform .8s var(--ease-emph);
  transition-delay:calc(.86s + var(--i) * .08s);
}
.pagina[data-pagina="platform"] .ps-beweeg .ps-route.aan .ps-stop{opacity:1;transform:none;}
.pagina[data-pagina="platform"] .ps-beweeg .ps-route.aan .ps-stop::before{transform:scaleY(1);}
.pagina[data-pagina="platform"] .ps-beweeg .ps-route.aan .ps-rapport{opacity:1;transform:none;}
.pagina[data-pagina="platform"] .ps-beweeg .ps-route.aan .ps-baan em{transform:scaleX(var(--v,0));}

@media (max-width:1100px){
  .pagina[data-pagina="platform"] .ps-in{gap:48px;}
  .pagina[data-pagina="platform"] .ps-route{padding:24px;}
}
@media (max-width:900px){
  .pagina[data-pagina="platform"] .ps-slot{padding:var(--sec-y) 0;}
  .pagina[data-pagina="platform"] .ps-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "route" "actie";row-gap:48px;}
  .pagina[data-pagina="platform"] .ps-belofte{margin-top:0;}
  .pagina[data-pagina="platform"] .ps-slot h2{max-width:18ch;}
  .pagina[data-pagina="platform"] .ps-slot .ps-lede{max-width:52ch;}
}
@media (max-width:600px){
  .pagina[data-pagina="platform"] .ps-slot{padding:var(--sec-y) 0;}
  .pagina[data-pagina="platform"] .ps-slot h2{font-size:clamp(26px,7.2vw,40px);margin:0 0 16px;}
  .pagina[data-pagina="platform"] .ps-slot .ps-lede{font-size:16px;}
  .pagina[data-pagina="platform"] .ps-acties{margin-top:32px;}
  .pagina[data-pagina="platform"] .ps-acties .btn{width:100%;justify-content:center;}
  .pagina[data-pagina="platform"] .ps-noot{max-width:none;}
  .pagina[data-pagina="platform"] .ps-route{padding:24px 16px;border-radius:16px;}
  .pagina[data-pagina="platform"] .ps-stop-tekst{flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:normal;gap:0;}
  .pagina[data-pagina="platform"] .ps-in{row-gap:40px;}
  .pagina[data-pagina="platform"] .ps-rapport-in{padding:16px;}
  .pagina[data-pagina="platform"] .ps-score{grid-template-columns:minmax(0,1fr) 48px;row-gap:8px;}
  .pagina[data-pagina="platform"] .ps-score .ps-baan{grid-column:1 / -1;grid-row:2;}
  .pagina[data-pagina="platform"] .ps-chrome{padding:12px;}
  .pagina[data-pagina="platform"] .ps-crumb{display:none;}
}
@media (max-width:380px){
  .pagina[data-pagina="platform"] .ps-route{padding:16px 12px;}
}
@media (prefers-reduced-motion:reduce){
  .pagina[data-pagina="platform"] .ps-slot *{transition:none !important;}
}

.pagina[data-pagina="data-scan"]{--ds-nav:72px;}

.pagina[data-pagina="data-scan"] .eyebrow{font-size:14px;}

.pagina[data-pagina="data-scan"] h2.sec-title{max-width:20ch;}
.pagina[data-pagina="data-scan"] h2.sec-title em{font-style:italic;color:var(--teal-700);}

.pagina[data-pagina="data-scan"].ds-beweeg .ds-op,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-pijler,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-intro,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-kopblok,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-r-venster{
  transition:opacity .7s var(--ease-standard,ease),transform .7s var(--ease-standard,ease);
}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-op:not(.ds-in){opacity:0;transform:translateY(24px);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-op{transition-delay:calc(var(--i,0) * .08s);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-pijler:not(.ds-in){opacity:0;transform:translateY(16px);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-pijler{transition-delay:calc(var(--j,0) * .06s);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-intro:not(.ds-in),
.pagina[data-pagina="data-scan"].ds-beweeg .ds-kopblok:not(.ds-in){opacity:0;transform:translateY(24px);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-r-venster:not(.ds-in){opacity:0;transform:translateY(32px);}

.pagina[data-pagina="data-scan"] .ds-kop{padding:0;overflow:hidden;}
.pagina[data-pagina="data-scan"] .ds-kop-grid{
  --ds-rand:calc(max(0px, (100vw - var(--max)) / 2) + var(--gut));
  display:grid;grid-template-columns:minmax(0,1fr) calc(50vw - var(--ds-rand));
  grid-template-areas:"titel titel" "tekst beeld";grid-template-rows:auto 1fr;
  column-gap:48px;min-height:min(100svh,1040px);padding-top:144px;
}
.pagina[data-pagina="data-scan"] .ds-kop-titel{grid-area:titel;min-width:0;padding-bottom:40px;}
.pagina[data-pagina="data-scan"] .ds-kop h1{font-size:clamp(38px,4.6vw,60px);max-width:16em;margin:0;text-wrap:balance;}
.pagina[data-pagina="data-scan"] .ds-kop-tekst{grid-area:tekst;min-width:0;align-self:start;padding-bottom:64px;}
.pagina[data-pagina="data-scan"] .ds-kop p.lede{margin:0;max-width:44ch;}
.pagina[data-pagina="data-scan"] .ds-kop-beeld{
  grid-area:beeld;position:relative;margin:0 calc(-1 * var(--ds-rand)) 0 0;min-height:320px;
  background:radial-gradient(60% 55% at 52% 48%,rgba(249,208,71,.16),transparent 70%),linear-gradient(160deg,var(--teal-100),var(--teal-50) 65%);border-radius:32px 0 0 0;
}
.pagina[data-pagina="data-scan"] .ds-kop-beeld img{position:absolute;left:32px;top:32px;width:calc(100% - 64px);height:calc(100% - 64px);object-fit:contain;object-position:center;display:block;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-kop-beeld{transition:opacity .9s var(--ease-standard,ease) .2s;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-kop-beeld:not(.ds-in){opacity:0;}

.pagina[data-pagina="data-scan"] .ds-acties{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;margin-top:32px;}
.pagina[data-pagina="data-scan"] .ds-tekstlink{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--teal-700);text-decoration:none;padding:8px 0;}
.pagina[data-pagina="data-scan"] .ds-tekstlink:hover{color:var(--teal-800);text-decoration:underline;text-underline-offset:4px;}
.pagina[data-pagina="data-scan"] .ds-tekstlink .arr{transition:transform .3s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-tekstlink:hover .arr{transform:translateY(3px);}
.pagina[data-pagina="data-scan"] .ds-tekstlink:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px;border-radius:4px;}

.pagina[data-pagina="data-scan"] .ds-belofte{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pagina[data-pagina="data-scan"] .ds-belofte li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:var(--ink-700);font-weight:500;}
.pagina[data-pagina="data-scan"] .ds-vink{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-700);display:inline-flex;align-items:center;justify-content:center;}
.pagina[data-pagina="data-scan"] .ds-vink svg{width:14px;height:14px;}

@media (max-height:800px) and (min-width:1001px){
  .pagina[data-pagina="data-scan"] .ds-kop-grid{padding-top:128px;}
  .pagina[data-pagina="data-scan"] .ds-kop-titel{padding-bottom:32px;}
  .pagina[data-pagina="data-scan"] .ds-acties{margin-top:24px;}
  .pagina[data-pagina="data-scan"] .ds-belofte{margin-top:24px;gap:8px;}
}
@media (max-width:1000px){
  .pagina[data-pagina="data-scan"] .ds-kop-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"titel" "beeld" "tekst";grid-template-rows:none;min-height:0;padding-top:136px;}
  .pagina[data-pagina="data-scan"] .ds-kop-titel{padding-bottom:32px;}
  .pagina[data-pagina="data-scan"] .ds-kop-beeld{margin:0 calc(-1 * var(--gut));border-radius:0;min-height:0;height:clamp(208px,44vw,400px);}
  .pagina[data-pagina="data-scan"] .ds-kop-beeld img{left:16px;top:16px;width:calc(100% - 32px);height:calc(100% - 32px);}
  .pagina[data-pagina="data-scan"] .ds-kop-tekst{padding:32px 0 64px;}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-kop-grid{padding-top:112px;}
  .pagina[data-pagina="data-scan"] .ds-kop h1{font-size:clamp(30px,8.6vw,40px);}
  .pagina[data-pagina="data-scan"] .ds-kop-titel{padding-bottom:24px;}
  .pagina[data-pagina="data-scan"] .ds-kop-beeld{height:208px;}
  .pagina[data-pagina="data-scan"] .ds-kop-beeld img{left:8px;top:8px;width:calc(100% - 16px);height:calc(100% - 16px);}
  .pagina[data-pagina="data-scan"] .ds-kop-tekst{padding:24px 0 56px;}
  .pagina[data-pagina="data-scan"] .ds-kop p.lede{font-size:17px;}
  .pagina[data-pagina="data-scan"] .ds-acties{margin-top:24px;gap:8px 24px;}
  .pagina[data-pagina="data-scan"] .ds-belofte{margin-top:24px;}
}

.pagina[data-pagina="data-scan"] .ds-pijlers{background:var(--paper);border-top:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-pijlers .ds-pijlers-kop{margin-bottom:48px;}
.pagina[data-pagina="data-scan"] .ds-pijlerrij{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;}
.pagina[data-pagina="data-scan"] .ds-pijler{
  min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
  padding:24px 12px;background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:20px;
}
.pagina[data-pagina="data-scan"] .ds-pijler-beeld{flex:0 0 auto;width:112px;height:104px;display:flex;align-items:center;justify-content:center;}
.pagina[data-pagina="data-scan"] .ds-pijler-beeld img{width:calc(var(--w) * 1.76px);height:calc(var(--h) * 1.76px);display:block;}
.pagina[data-pagina="data-scan"] .ds-pijler b{font-size:16px;line-height:1.3;font-weight:700;color:var(--ink-900);hyphens:manual;-webkit-hyphens:manual;}
.pagina[data-pagina="data-scan"] .ds-pijlers-door{margin-top:32px;}
.pagina[data-pagina="data-scan"] .ds-pijlers-door:hover .arr{transform:translateX(3px);}
@media (max-width:1200px){
  .pagina[data-pagina="data-scan"] .ds-pijlerrij{display:flex;flex-wrap:wrap;justify-content:center;}
  .pagina[data-pagina="data-scan"] .ds-pijler{flex:0 0 calc((100% - 48px) / 4);}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-pijlers .ds-pijlers-kop{margin-bottom:32px;}
  .pagina[data-pagina="data-scan"] .ds-pijlerrij{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-pijler{gap:8px;padding:16px 12px;border-radius:16px;}
  .pagina[data-pagina="data-scan"] .ds-pijler:last-child{grid-column:1 / -1;}
  .pagina[data-pagina="data-scan"] .ds-pijler-beeld{width:72px;height:68px;}
  .pagina[data-pagina="data-scan"] .ds-pijler-beeld img{width:calc(var(--w) * 1.14px);height:calc(var(--h) * 1.14px);}
  .pagina[data-pagina="data-scan"] .ds-pijler b{font-size:15px;}
  .pagina[data-pagina="data-scan"] .ds-pijlers-door{margin-top:24px;}
}

.pagina[data-pagina="data-scan"] .ds-invullen{padding:120px 0 64px;background:var(--bg-soft);border-top:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-intro p{margin:0;font-size:18px;line-height:1.6;color:var(--ink-600);max-width:56ch;}

.pagina[data-pagina="data-scan"] .ds-scene{
  position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px;
}
.pagina[data-pagina="data-scan"] .ds-toneel{position:sticky;top:var(--ds-nav);height:calc(100svh - var(--ds-nav));overflow:hidden;display:flex;align-items:flex-start;}
.pagina[data-pagina="data-scan"] .ds-toneel-in{width:100%;padding-top:16px;display:flex;flex-direction:column;gap:16px;}

.pagina[data-pagina="data-scan"] .ds-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pagina[data-pagina="data-scan"] .ds-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina="data-scan"] .ds-segs{display:flex;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-seg{appearance:none;border:0;background:none;padding:12px 0;width:48px;cursor:pointer;}
.pagina[data-pagina="data-scan"] .ds-seg i{display:block;height:4px;border-radius:2px;background:var(--ink-200);transition:background .4s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-seg.aan i{background:var(--teal-500);}
.pagina[data-pagina="data-scan"] .ds-seg[aria-current="step"] i{background:var(--teal-700-vlak);}
.pagina[data-pagina="data-scan"] .ds-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}

.pagina[data-pagina="data-scan"] .ds-venster{
  position:relative;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.pagina[data-pagina="data-scan"] .ds-v-chrome{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-soft);border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-v-dots{display:inline-flex;gap:8px;flex:0 0 auto;}
.pagina[data-pagina="data-scan"] .ds-v-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-200);}
.pagina[data-pagina="data-scan"] .ds-v-titel{font-size:14px;font-weight:600;color:var(--ink-700);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pagina[data-pagina="data-scan"] .ds-v-klok{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-size:14px;font-weight:600;color:var(--teal-800);background:var(--teal-50);border:1px solid var(--teal-200);border-radius:999px;padding:4px 12px;}
.pagina[data-pagina="data-scan"] .ds-v-klok svg{width:16px;height:16px;}

.pagina[data-pagina="data-scan"] .ds-v-voortgang{display:flex;flex-direction:column;gap:8px;padding:24px 32px 0;}
.pagina[data-pagina="data-scan"] .ds-v-onderdeel{display:grid;}
.pagina[data-pagina="data-scan"] .ds-v-od{grid-area:1/1;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-700);opacity:0;transform:translateY(4px);transition:opacity .35s var(--ease-standard,ease),transform .35s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="0"] .ds-v-od[data-od="0"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="1"] .ds-v-od[data-od="1"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="2"] .ds-v-od[data-od="2"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-v-od[data-od="3"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-od[data-od="4"]{opacity:1;transform:none;}
.pagina[data-pagina="data-scan"] .ds-v-balk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.pagina[data-pagina="data-scan"] .ds-v-balk i{display:block;height:8px;border-radius:4px;background:var(--ink-100);position:relative;overflow:hidden;}
.pagina[data-pagina="data-scan"] .ds-v-balk i::after{content:"";position:absolute;inset:0;background:var(--teal-500);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="2"] .ds-v-balk i[data-n="1"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-v-balk i[data-n="1"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-v-balk i[data-n="2"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-balk i[data-n="1"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-balk i[data-n="2"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-balk i[data-n="3"]::after{transform:scaleX(1);}

.pagina[data-pagina="data-scan"] .ds-venster[data-stand="2"] .ds-v-balk i[data-n="1"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-v-balk i[data-n="2"]::after,
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-balk i[data-n="3"]::after{background:var(--teal-700-vlak);}

.pagina[data-pagina="data-scan"] .ds-v-vragen{display:grid;padding:24px 32px 32px;}
.pagina[data-pagina="data-scan"] .ds-vraag{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .4s var(--ease-standard,ease),transform .4s var(--ease-standard,ease),visibility 0s linear .4s;}
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="0"] .ds-vraag[data-v="0"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="1"] .ds-vraag[data-v="1"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="2"] .ds-vraag[data-v="2"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-vraag[data-v="3"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-vraag[data-v="4"]{opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,0s;}
.pagina[data-pagina="data-scan"] .ds-vraag-t{margin:0;font-size:20px;line-height:1.45;font-weight:600;color:var(--ink-900);max-width:40ch;}

.pagina[data-pagina="data-scan"] .ds-velden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;}
.pagina[data-pagina="data-scan"] .ds-veld{display:flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--ink-200);border-radius:12px;background:var(--paper);}
.pagina[data-pagina="data-scan"] .ds-veld small{font-size:15px;color:var(--ink-400);}
.pagina[data-pagina="data-scan"] .ds-veld-breed{grid-column:1/-1;}
.pagina[data-pagina="data-scan"] .ds-nepknop{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 32px;border-radius:999px;background:var(--teal-600);color:#fff;font-size:16px;font-weight:600;cursor:default;user-select:none;}

.pagina[data-pagina="data-scan"] .ds-keuzes{display:flex;flex-wrap:wrap;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-keuzes-chips span{font-size:15px;font-weight:600;color:var(--ink-700);border:1px solid var(--ink-200);border-radius:999px;padding:8px 16px;background:var(--paper);}
.pagina[data-pagina="data-scan"] .ds-v-noot{font-size:14px;font-weight:600;color:var(--ink-500);background:var(--ink-50);border-radius:999px;padding:4px 12px;}
.pagina[data-pagina="data-scan"] .ds-keuzes-jn span{min-width:128px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;color:var(--ink-800);border:1px solid var(--ink-200);border-radius:12px;background:var(--paper);}
.pagina[data-pagina="data-scan"] .ds-keuzes-rij{flex-direction:column;width:100%;}
.pagina[data-pagina="data-scan"] .ds-keuzes-rij span{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;color:var(--ink-800);border:1px solid var(--ink-200);border-radius:12px;padding:12px 16px;background:var(--paper);}
.pagina[data-pagina="data-scan"] .ds-keuzes-rij span::before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-300);}
.pagina[data-pagina="data-scan"] .ds-schuif{width:100%;max-width:440px;display:flex;flex-direction:column;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-schuif-rij{position:relative;display:flex;justify-content:space-between;}
.pagina[data-pagina="data-scan"] .ds-schuif-rij::before{content:"";position:absolute;left:24px;right:24px;top:50%;height:2px;margin-top:-1px;background:var(--ink-200);}
.pagina[data-pagina="data-scan"] .ds-schuif-rij i{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--ink-200);background:var(--paper);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;font-weight:600;color:var(--ink-700);}
.pagina[data-pagina="data-scan"] .ds-schuif-eind{display:flex;justify-content:space-between;}
.pagina[data-pagina="data-scan"] .ds-schuif-eind small{font-size:14px;color:var(--ink-500);}

.pagina[data-pagina="data-scan"].ds-beweeg .ds-vraag .ds-keuzes span,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-vraag .ds-schuif-rij i,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-vraag .ds-veld{opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-standard,ease),transform .35s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-venster[data-stand="0"] [data-v="0"] .ds-veld,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-venster[data-stand="1"] [data-v="1"] .ds-keuzes span,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-venster[data-stand="2"] [data-v="2"] .ds-schuif-rij i,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-venster[data-stand="3"] [data-v="3"] .ds-keuzes span,
.pagina[data-pagina="data-scan"].ds-beweeg .ds-venster[data-stand="4"] [data-v="4"] .ds-keuzes span{opacity:1;transform:none;}
.pagina[data-pagina="data-scan"] .ds-vraag :nth-child(2){transition-delay:.2s;}
.pagina[data-pagina="data-scan"] .ds-vraag :nth-child(3){transition-delay:.26s;}
.pagina[data-pagina="data-scan"] .ds-vraag :nth-child(4){transition-delay:.32s;}
.pagina[data-pagina="data-scan"] .ds-vraag :nth-child(5){transition-delay:.38s;}
.pagina[data-pagina="data-scan"] .ds-vraag :nth-child(n+6){transition-delay:.44s;}
.pagina[data-pagina="data-scan"] .ds-vraag .ds-keuzes :first-child,
.pagina[data-pagina="data-scan"] .ds-vraag .ds-schuif-rij :first-child,
.pagina[data-pagina="data-scan"] .ds-vraag .ds-velden :first-child{transition-delay:.14s;}

.pagina[data-pagina="data-scan"] .ds-v-label{display:block;padding:12px 32px;border-top:1px solid var(--ink-100);font-size:14px;font-weight:600;color:var(--ink-500);background:var(--bg-soft);}

.pagina[data-pagina="data-scan"] .ds-stappen{min-width:0;}
.pagina[data-pagina="data-scan"] .ds-stap{min-height:80svh;}
.pagina[data-pagina="data-scan"] .ds-stap:last-child{min-height:calc(100svh - var(--ds-nav));}
.pagina[data-pagina="data-scan"] .ds-stapkaart{
  position:sticky;top:calc(var(--ds-nav) + var(--ds-beeld-top,60px));
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);
  opacity:.45;transition:opacity .4s var(--ease-standard,ease),border-color .4s var(--ease-standard,ease);
}
.pagina[data-pagina="data-scan"] .ds-stap.ds-nu .ds-stapkaart{opacity:1;border-color:var(--teal-200);}
.pagina[data-pagina="data-scan"] .ds-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina="data-scan"] .ds-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em;}
.pagina[data-pagina="data-scan"] .ds-stapkaart p{font-size:18px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;}
@media (min-width:1101px){
  .pagina[data-pagina="data-scan"] .ds-intro{margin-bottom:0;}
  .pagina[data-pagina="data-scan"] .ds-stappen{padding-top:var(--ds-beeld-top,60px);}
}

@media (max-width:1100px){
  .pagina[data-pagina="data-scan"] .ds-invullen{padding:80px 0 48px;}
  .pagina[data-pagina="data-scan"] .ds-scene{display:block;}
  .pagina[data-pagina="data-scan"] .ds-toneel{z-index:1;}
  .pagina[data-pagina="data-scan"] .ds-toneel-in{max-width:640px;margin:0 auto;padding-top:8px;}
  .pagina[data-pagina="data-scan"] .ds-stappen{position:relative;z-index:2;margin-top:calc(var(--ds-nav) - 38svh);pointer-events:none;}

  .pagina[data-pagina="data-scan"] .ds-stap,
  .pagina[data-pagina="data-scan"] .ds-stap:last-child{min-height:0;display:block;padding:0;}
  .pagina[data-pagina="data-scan"] .ds-stap::after{content:"";display:block;height:60svh;}
  .pagina[data-pagina="data-scan"] .ds-stap:last-child::after{height:48svh;}
  .pagina[data-pagina="data-scan"] .ds-stapkaart{position:sticky;top:calc(100svh - 240px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl);}
  .pagina[data-pagina="data-scan"] .ds-stapkaart.ds-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease-standard,ease),visibility 0s linear .25s;}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-invullen{padding:64px 0 32px;}
  .pagina[data-pagina="data-scan"] .ds-intro p{font-size:17px;}
  .pagina[data-pagina="data-scan"] .ds-toneel-in{gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-gids-hs{display:none;}
  .pagina[data-pagina="data-scan"] .ds-segs{flex:1;}
  .pagina[data-pagina="data-scan"] .ds-seg{flex:1;width:auto;padding:8px 0;}
  .pagina[data-pagina="data-scan"] .ds-venster{border-radius:16px;}
  .pagina[data-pagina="data-scan"] .ds-v-chrome{padding:8px 16px;gap:12px;}
  .pagina[data-pagina="data-scan"] .ds-v-titel{display:none;}
  .pagina[data-pagina="data-scan"] .ds-v-dots{flex:1 1 auto;}
  .pagina[data-pagina="data-scan"] .ds-v-voortgang{padding:16px 16px 0;}
  .pagina[data-pagina="data-scan"] .ds-v-vragen{padding:16px;}
  .pagina[data-pagina="data-scan"] .ds-vraag{gap:16px;}
  .pagina[data-pagina="data-scan"] .ds-vraag-t{font-size:17px;}
  .pagina[data-pagina="data-scan"] .ds-velden{grid-template-columns:1fr;gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-veld{min-height:40px;}
  .pagina[data-pagina="data-scan"] .ds-veld-breed{grid-column:auto;}
  .pagina[data-pagina="data-scan"] .ds-nepknop{min-height:40px;padding:0 24px;}
  .pagina[data-pagina="data-scan"] .ds-keuzes{gap:4px;}
  .pagina[data-pagina="data-scan"] .ds-keuzes-chips span{font-size:14px;padding:4px 12px;}
  .pagina[data-pagina="data-scan"] .ds-keuzes-jn span{min-width:104px;min-height:48px;}
  .pagina[data-pagina="data-scan"] .ds-keuzes-rij{gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-keuzes-rij span{padding:8px 12px;font-size:15px;}
  .pagina[data-pagina="data-scan"] .ds-schuif-rij i{width:40px;height:40px;}
  .pagina[data-pagina="data-scan"] .ds-schuif-rij::before{left:20px;right:20px;}
  .pagina[data-pagina="data-scan"] .ds-v-label{padding:8px 16px;}
  .pagina[data-pagina="data-scan"] .ds-stapkaart p{font-size:17px;margin-top:12px;}
}

.pagina[data-pagina="data-scan"].ds-stil .ds-toneel{position:static;height:auto;overflow:visible;}
.pagina[data-pagina="data-scan"].ds-stil .ds-toneel-in{padding-top:0;}
.pagina[data-pagina="data-scan"].ds-stil .ds-gids{display:none;}
.pagina[data-pagina="data-scan"].ds-stil .ds-v-voortgang{display:none;}
.pagina[data-pagina="data-scan"].ds-stil .ds-v-vragen{display:flex;flex-direction:column;gap:0;padding:0 32px;}
.pagina[data-pagina="data-scan"].ds-stil .ds-vraag{opacity:1;visibility:visible;transform:none;padding:24px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"].ds-stil .ds-vraag:last-child{border-bottom:0;}
.pagina[data-pagina="data-scan"].ds-stil .ds-stappen{margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:16px;}
.pagina[data-pagina="data-scan"].ds-stil .ds-stap{min-height:0;padding:0;display:block;}
.pagina[data-pagina="data-scan"].ds-stil .ds-stap::after{display:none;}
.pagina[data-pagina="data-scan"].ds-stil .ds-stapkaart{opacity:1;box-shadow:var(--shadow-sm);position:relative;top:auto;}
.pagina[data-pagina="data-scan"].ds-stil .ds-intro{margin-bottom:48px;}
.pagina[data-pagina="data-scan"].ds-stil *{transition:none !important;animation:none !important;}
@media (max-width:1100px){
  .pagina[data-pagina="data-scan"].ds-stil .ds-stappen{margin-top:24px;}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"].ds-stil .ds-v-vragen{padding:0 16px;}
}

.pagina[data-pagina="data-scan"] .ds-rapport{background:var(--paper);border-top:1px solid var(--ink-100);padding:var(--sec-y) 0 64px;}
.pagina[data-pagina="data-scan"] .ds-kopblok{max-width:760px;margin-bottom:48px;}
.pagina[data-pagina="data-scan"] .ds-kopblok p{margin:0;font-size:18px;line-height:1.6;color:var(--ink-600);max-width:56ch;}
.pagina[data-pagina="data-scan"] .ds-rs-intro{margin-bottom:32px;}

.pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-rail{position:relative;height:320vh;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-toneel{position:sticky;top:var(--ds-nav);height:calc(100svh - var(--ds-nav));overflow:hidden;padding-top:16px;}

.pagina[data-pagina="data-scan"] .ds-rs-doek{display:grid;grid-template-columns:minmax(0,352px) minmax(0,1fr);gap:48px;align-items:start;}
.pagina[data-pagina="data-scan"] .ds-rs-uitleg{order:-1;}

.pagina[data-pagina="data-scan"] .ds-r-venster{min-width:0;background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;}
.pagina[data-pagina="data-scan"] .ds-r-label{flex:0 0 auto;font-size:14px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina="data-scan"] .ds-r-body{display:flex;flex-direction:column;gap:12px;padding:24px;}
.pagina[data-pagina="data-scan"] .ds-r-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;}

.pagina[data-pagina="data-scan"] .ds-zone{
  position:relative;min-width:0;background:var(--paper);border:1px solid var(--ink-100);border-radius:16px;padding:24px;
  transition:opacity .5s var(--ease-standard,ease),filter .5s var(--ease-standard,ease),border-color .5s var(--ease-standard,ease),box-shadow .5s var(--ease-standard,ease);
}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-zone:not(.aan){opacity:.34;filter:saturate(.25);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-zone.aan{border-color:var(--teal-300);box-shadow:0 0 0 4px var(--teal-100),var(--shadow-md);}
.pagina[data-pagina="data-scan"] .ds-z-titel{display:block;font-size:16px;line-height:1.35;font-weight:700;color:var(--ink-900);}

.pagina[data-pagina="data-scan"] .ds-z-inbox{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina="data-scan"] .ds-z-mail{flex:0 0 auto;width:32px;height:32px;border-radius:8px;background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-700);display:inline-flex;align-items:center;justify-content:center;}
.pagina[data-pagina="data-scan"] .ds-z-mail svg{width:18px;height:18px;}

.pagina[data-pagina="data-scan"] .ds-radar{position:relative;width:100%;height:232px;--S:152px;margin-top:8px;}

@media (min-width:1200px){
  .pagina[data-pagina="data-scan"] .ds-z-score{display:flex;flex-direction:column;}
  .pagina[data-pagina="data-scan"] .ds-z-score .ds-radar{flex:1 1 auto;height:auto;min-height:232px;--S:196px;}
}
.pagina[data-pagina="data-scan"] .ds-radar-vorm{position:absolute;left:50%;top:50%;width:var(--S);height:var(--S);margin:calc(var(--S) / -2) 0 0 calc(var(--S) / -2);overflow:visible;}
.pagina[data-pagina="data-scan"] .ds-radar-net polygon{fill:none;stroke:var(--ink-100);stroke-width:1;}
.pagina[data-pagina="data-scan"] .ds-radar-net line{stroke:var(--ink-100);stroke-width:1;}
.pagina[data-pagina="data-scan"] .ds-radar-vlak{fill:rgba(249,208,71,.32);stroke:var(--accent-500);stroke-width:2;stroke-linejoin:round;transform-origin:50% 50%;transform-box:view-box;transition:transform 1s var(--ease-standard,ease) .3s;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-r-venster:not(.ds-in) .ds-radar-vlak{transform:scale(0);}

.pagina[data-pagina="data-scan"] .ds-radar-lab{position:absolute;font-size:13px;font-weight:600;line-height:1.25;color:var(--ink-700);white-space:normal;hyphens:manual;-webkit-hyphens:manual;}

.pagina[data-pagina="data-scan"] .ds-z-kop{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;}
.pagina[data-pagina="data-scan"] .ds-z-sort{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--teal-800);background:var(--teal-50);border:1px solid var(--teal-200);border-radius:999px;padding:4px 12px;}
.pagina[data-pagina="data-scan"] .ds-z-sort svg{width:16px;height:16px;}
.pagina[data-pagina="data-scan"] .ds-kansen{display:flex;flex-direction:column;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-kans{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam pct" "baan baan";align-items:center;gap:4px 12px;}
.pagina[data-pagina="data-scan"] .ds-kans b{grid-area:naam;font-size:14px;line-height:1.3;font-weight:600;color:var(--ink-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pagina[data-pagina="data-scan"] .ds-kans small{grid-area:pct;font-size:14px;line-height:1.3;font-weight:700;color:var(--ink-800);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pagina[data-pagina="data-scan"] .ds-kans-baan{grid-area:baan;position:relative;display:block;height:8px;border-radius:4px;background:var(--ink-100);overflow:hidden;}

.pagina[data-pagina="data-scan"] .ds-kans-baan i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--s,0) * 1%);border-radius:4px;background:linear-gradient(90deg,var(--teal-400),var(--teal-600));transform-origin:left;transition:transform .9s var(--ease-standard,ease);transition-delay:calc(.3s + var(--k,0) * .08s);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-r-venster:not(.ds-in) .ds-kans-baan i{transform:scaleX(0);}

.pagina[data-pagina="data-scan"] .ds-z-workshop{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 24px;}
.pagina[data-pagina="data-scan"] .ds-z-tegel{flex:0 0 auto;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--teal-500),var(--teal-700-vlak));color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.pagina[data-pagina="data-scan"] .ds-z-tegel svg{width:24px;height:24px;}
.pagina[data-pagina="data-scan"] .ds-z-ws{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-m-chips{display:flex;flex-wrap:wrap;gap:8px;}
.pagina[data-pagina="data-scan"] .ds-m-chips span{white-space:nowrap;font-size:14px;font-weight:600;line-height:1.3;color:var(--teal-800);background:var(--teal-50);border:1px solid var(--teal-200);border-radius:999px;padding:4px 12px;}
.pagina[data-pagina="data-scan"] .ds-z-workshop .ds-nepknop{min-height:40px;padding:0 24px;font-size:15px;}

.pagina[data-pagina="data-scan"] .ds-rs-uitleg{min-width:0;padding-top:24px;}
.pagina[data-pagina="data-scan"] .ds-rs-stappen{list-style:none;margin:0;padding:0;display:grid;}
.pagina[data-pagina="data-scan"] .ds-rs-stap h3{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina="data-scan"] .ds-rs-stap p{margin:16px 0 0;font-size:18px;line-height:1.6;color:var(--ink-600);max-width:36ch;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-stap{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease-standard,ease),transform .3s var(--ease-standard,ease),visibility 0s linear .3s;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-stap.nu{opacity:1;visibility:visible;transform:none;transition-delay:.1s,.1s,0s;}

.pagina[data-pagina="data-scan"] .ds-rs-gids{display:flex;flex-direction:column;margin-top:32px;border-top:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-rs-g{appearance:none;background:none;border:0;border-bottom:1px solid var(--ink-100);padding:12px 0;display:flex;align-items:center;gap:16px;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink-400);text-align:left;cursor:pointer;transition:color .3s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-rs-g i{flex:0 0 auto;display:block;width:24px;height:2px;border-radius:2px;background:var(--ink-200);transition:width .35s var(--ease-standard,ease),background .3s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-rs-g.nu{color:var(--ink-900);}
.pagina[data-pagina="data-scan"] .ds-rs-g.nu i{width:40px;background:var(--teal-600);}
.pagina[data-pagina="data-scan"] .ds-rs-g:hover{color:var(--ink-800);}
.pagina[data-pagina="data-scan"] .ds-rs-g:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}

@media (max-height:820px) and (min-width:1200px){
  .pagina[data-pagina="data-scan"] .ds-r-body{padding:16px;}
  .pagina[data-pagina="data-scan"] .ds-zone{padding:16px;}
  .pagina[data-pagina="data-scan"] .ds-z-inbox{padding:8px 16px;}
  .pagina[data-pagina="data-scan"] .ds-z-workshop{padding:12px 16px;}
  .pagina[data-pagina="data-scan"] .ds-radar,
  .pagina[data-pagina="data-scan"] .ds-z-score .ds-radar{min-height:208px;--S:184px;}
  .pagina[data-pagina="data-scan"] .ds-kansen{gap:4px;}
  .pagina[data-pagina="data-scan"] .ds-z-kop{margin-bottom:12px;}
  .pagina[data-pagina="data-scan"] .ds-rs-toneel{padding-top:8px;}
}

@media (max-width:1199px){
  .pagina[data-pagina="data-scan"] .ds-rs-doek{grid-template-columns:minmax(0,1fr);gap:16px;max-width:760px;}

  .pagina[data-pagina="data-scan"] .ds-r-duo{order:1;}
  .pagina[data-pagina="data-scan"] .ds-z-inbox{order:2;}
  .pagina[data-pagina="data-scan"] .ds-z-workshop{order:3;}
  .pagina[data-pagina="data-scan"] .ds-rs-uitleg{order:-1;padding-top:0;}
  .pagina[data-pagina="data-scan"] .ds-rs-stap h3{font-size:22px;}
  .pagina[data-pagina="data-scan"] .ds-rs-stap p{margin-top:8px;font-size:17px;line-height:1.5;max-width:56ch;}
  .pagina[data-pagina="data-scan"] .ds-rs-gids{flex-direction:row;gap:8px;margin-top:8px;border-top:0;}
  .pagina[data-pagina="data-scan"] .ds-rs-g{flex:1 1 0;padding:8px 0;border:0;}
  .pagina[data-pagina="data-scan"] .ds-rs-g i,
  .pagina[data-pagina="data-scan"] .ds-rs-g.nu i{flex:1 1 auto;width:auto;height:4px;}
  .pagina[data-pagina="data-scan"] .ds-rs-g.voorbij i{background:var(--teal-500);}
  .pagina[data-pagina="data-scan"] .ds-rs-g span{display:none;}
  .pagina[data-pagina="data-scan"] .ds-r-duo{grid-template-columns:minmax(0,1fr);gap:12px;}
  .pagina[data-pagina="data-scan"] .ds-r-body{padding:16px;}
  .pagina[data-pagina="data-scan"] .ds-zone{padding:16px;}
  .pagina[data-pagina="data-scan"] .ds-radar{height:256px;--S:192px;}

  .pagina[data-pagina="data-scan"].ds-beweeg .ds-zone:not(.aan){display:flex;align-items:center;padding:8px 16px;opacity:1;filter:none;background:transparent;border-style:dashed;border-color:var(--ink-200);}
  .pagina[data-pagina="data-scan"].ds-beweeg .ds-zone:not(.aan) > *{display:none;}
  .pagina[data-pagina="data-scan"].ds-beweeg .ds-zone:not(.aan)::before{content:attr(data-naam);font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);}
  .pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-rail{height:300vh;}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-rapport{padding:var(--sec-y) 0 32px;}
  .pagina[data-pagina="data-scan"] .ds-kopblok{margin-bottom:32px;}
  .pagina[data-pagina="data-scan"] .ds-kopblok p{font-size:17px;}
  .pagina[data-pagina="data-scan"] .ds-rs-intro{margin-bottom:24px;}
  .pagina[data-pagina="data-scan"].ds-beweeg .ds-rs-toneel{padding-top:8px;}
  .pagina[data-pagina="data-scan"] .ds-rs-stap h3{font-size:20px;}
  .pagina[data-pagina="data-scan"] .ds-r-venster{border-radius:20px;}
  .pagina[data-pagina="data-scan"] .ds-r-venster .ds-v-chrome{padding:8px 16px;}
  .pagina[data-pagina="data-scan"] .ds-r-venster .ds-v-titel{display:block;}
  .pagina[data-pagina="data-scan"] .ds-r-venster .ds-lang{display:none;}
  .pagina[data-pagina="data-scan"] .ds-r-body{padding:12px;gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-r-duo{gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-zone{padding:12px 16px;}
  .pagina[data-pagina="data-scan"] .ds-radar{height:240px;--S:184px;}
  .pagina[data-pagina="data-scan"] .ds-kansen{gap:4px;}
  .pagina[data-pagina="data-scan"] .ds-z-kop{flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
  .pagina[data-pagina="data-scan"] .ds-z-workshop{padding:12px 16px;gap:12px;}
  .pagina[data-pagina="data-scan"] .ds-z-workshop .ds-nepknop{flex:1 1 100%;}
  .pagina[data-pagina="data-scan"].ds-beweeg .ds-zone:not(.aan){padding:8px 12px;}
}
@media (max-width:400px){
  .pagina[data-pagina="data-scan"] .ds-radar{height:232px;--S:176px;}
  .pagina[data-pagina="data-scan"] .ds-r-venster .ds-v-dots{display:none;}
}

.pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rs-stappen{display:flex;flex-direction:column;gap:24px;}
.pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rs-stap h3{font-size:20px;}
.pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rs-stap p{margin-top:8px;font-size:16px;}
.pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rs-gids{display:none;}
.pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rapport{padding-bottom:120px;}
@media (max-width:600px){ .pagina[data-pagina="data-scan"]:not(.ds-beweeg) .ds-rapport{padding-bottom:64px;} }

.pagina[data-pagina="data-scan"] .ds-door h2{margin-bottom:24px;font-size:clamp(32px,3.9vw,56px);max-width:20ch;}
@media (max-width:600px){.pagina[data-pagina="data-scan"] .ds-door h2{font-size:clamp(26px,7.2vw,40px);}}
@media (max-width:400px){
  .pagina[data-pagina="data-scan"] .ds-r-venster .ds-v-dots{display:none;}
}

.pagina[data-pagina="data-scan"] .ds-herken{background:var(--paper);border-top:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-herken-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;}
.pagina[data-pagina="data-scan"] .ds-herken-beeld{margin:0;min-width:0;}
.pagina[data-pagina="data-scan"] .ds-herken-beeld img{display:block;width:100%;max-width:440px;height:auto;border-radius:24px;box-shadow:var(--shadow-lg);}
.pagina[data-pagina="data-scan"] .ds-herken-tekst{margin-bottom:0;}
.pagina[data-pagina="data-scan"] .ds-herken-tekst p + p{margin-top:16px;}
.pagina[data-pagina="data-scan"] .ds-herken-tekst h2.sec-title{max-width:22ch;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-herken-beeld:not(.ds-in){opacity:0;transform:translateY(24px);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-herken-beeld{transition:opacity .7s var(--ease-standard,ease),transform .7s var(--ease-standard,ease);}

.pagina[data-pagina="data-scan"] .ds-v-voortgang{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:auto auto;column-gap:24px;row-gap:8px;align-items:center;}
.pagina[data-pagina="data-scan"] .ds-v-onderdeel{grid-column:1;grid-row:1;}
.pagina[data-pagina="data-scan"] .ds-v-balk{grid-column:1;grid-row:2;}
.pagina[data-pagina="data-scan"] .ds-v-beelden{grid-column:2;grid-row:1 / span 2;display:grid;width:72px;height:72px;}
.pagina[data-pagina="data-scan"] .ds-v-beelden img{grid-area:1/1;place-self:center;width:calc(var(--w) * 1.2px);height:calc(var(--h) * 1.2px);opacity:0;transform:scale(.85);transition:opacity .4s var(--ease-standard,ease),transform .4s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="2"] .ds-v-beelden img[data-od="2"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="3"] .ds-v-beelden img[data-od="3"],
.pagina[data-pagina="data-scan"] .ds-venster[data-stand="4"] .ds-v-beelden img[data-od="4"]{opacity:1;transform:none;}
.pagina[data-pagina="data-scan"].ds-stil .ds-v-beelden{display:none;}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-v-voortgang{grid-template-columns:minmax(0,1fr) 48px;column-gap:16px;}
  .pagina[data-pagina="data-scan"] .ds-v-beelden{width:48px;height:48px;}
  .pagina[data-pagina="data-scan"] .ds-v-beelden img{width:calc(var(--w) * .8px);height:calc(var(--h) * .8px);}
}

.pagina[data-pagina="data-scan"] .ds-wie{background:var(--paper);border-top:1px solid var(--ink-100);}
.pagina[data-pagina="data-scan"] .ds-wie-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:64px;align-items:center;}
.pagina[data-pagina="data-scan"] .ds-wie-foto{margin:0;min-width:0;}
.pagina[data-pagina="data-scan"] .ds-wie-foto img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:var(--shadow-lg);}
.pagina[data-pagina="data-scan"] .ds-wie-tekst{min-width:0;}
.pagina[data-pagina="data-scan"] .ds-wie-quote{margin:0;padding-left:24px;border-left:4px solid var(--accent-500);}
.pagina[data-pagina="data-scan"] .ds-wie-quote p{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.3;font-weight:600;letter-spacing:-.015em;color:var(--ink-900);max-width:26ch;}
.pagina[data-pagina="data-scan"] .ds-wie-quote footer{margin-top:24px;display:flex;flex-direction:column;gap:4px;}
.pagina[data-pagina="data-scan"] .ds-wie-quote footer b{font-size:16px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina="data-scan"] .ds-wie-quote footer span{font-size:15px;color:var(--ink-500);}
.pagina[data-pagina="data-scan"] .ds-wie-lede{margin:32px 0 16px;font-size:18px;line-height:1.6;color:var(--ink-600);max-width:52ch;}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-wie-foto:not(.ds-in),.pagina[data-pagina="data-scan"].ds-beweeg .ds-wie-tekst:not(.ds-in){opacity:0;transform:translateY(24px);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-wie-foto,.pagina[data-pagina="data-scan"].ds-beweeg .ds-wie-tekst{transition:opacity .7s var(--ease-standard,ease),transform .7s var(--ease-standard,ease);}
.pagina[data-pagina="data-scan"].ds-beweeg .ds-wie-tekst{transition-delay:.12s;}

@media (max-width:1000px){
  .pagina[data-pagina="data-scan"] .ds-herken-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
  .pagina[data-pagina="data-scan"] .ds-herken-beeld{order:2;}
  .pagina[data-pagina="data-scan"] .ds-herken-beeld img{max-width:min(360px,60%);}
  .pagina[data-pagina="data-scan"] .ds-wie-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
  .pagina[data-pagina="data-scan"] .ds-wie-foto{max-width:320px;}
}
@media (max-width:600px){
  .pagina[data-pagina="data-scan"] .ds-herken-beeld img{max-width:60%;}
  .pagina[data-pagina="data-scan"] .ds-wie-foto{max-width:240px;}
  .pagina[data-pagina="data-scan"] .ds-wie-quote{padding-left:16px;}
  .pagina[data-pagina="data-scan"] .ds-wie-lede{font-size:17px;margin-top:24px;}
}
@media (max-width:600px){ .pagina[data-pagina="data-scan"] .ds-r-venster .ds-lang{display:none;} }

.pagina[data-pagina^="wat-is-fpr"]{--wf-nav:72px;--wf-kop-top:113px;}
@media (max-width:1000px){.pagina[data-pagina^="wat-is-fpr"]{--wf-kop-top:108px;}}
.pagina[data-pagina^="wat-is-fpr"] .eyebrow{font-size:14px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-tekstlink{
  display:inline-flex;align-items:center;gap:8px;padding:16px 0;
  font-size:16px;font-weight:700;color:var(--teal-700);text-decoration:none;
}
.pagina[data-pagina^="wat-is-fpr"] .wf-tekstlink:hover{color:var(--teal-800);text-decoration:underline;}
.pagina[data-pagina^="wat-is-fpr"] .wf-tekstlink .arr{transition:transform .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-tekstlink:hover .arr{transform:translateY(2px);}

.pagina[data-pagina^="wat-is-fpr"] .wf-kop{
  position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--wf-kop-top,112px) + 40px) 0 64px;
}
.pagina[data-pagina^="wat-is-fpr"] .wf-kop > .wrap{width:100%;}

.pagina[data-pagina^="wat-is-fpr"] .wf-kop-tekst{max-width:calc(50% - 32px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-kop h1{margin-bottom:24px;text-wrap:balance;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kop .lede{max-width:40ch;margin-bottom:32px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kop .pg-actions{align-items:center;gap:8px 32px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto{
  position:absolute;top:var(--wf-kop-top,112px);right:0;bottom:0;width:50%;margin:0;overflow:hidden;
  border-radius:24px 0 0 0;background:var(--teal-50);
}

.pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto img{
  position:absolute;left:50%;top:10%;height:80%;width:auto;max-width:86%;object-fit:contain;
  transform:translate3d(-50%,var(--wf-py,0px),0);will-change:transform;display:block;
  filter:drop-shadow(0 24px 40px rgba(14,74,71,.16));
}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-op{opacity:0;transform:translateY(24px);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg.wf-kop-in .wf-op{opacity:1;transform:none;transition:opacity .8s var(--ease) calc(var(--i)*.09s),transform .8s var(--ease) calc(var(--i)*.09s);}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-kop-foto.wf-op{transform:none;}

@media (max-width:1000px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-kop{display:block;min-height:0;padding:calc(var(--wf-kop-top,76px) + 24px) 0 64px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-tekst{max-width:none;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop h1{margin-bottom:24px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto{
    position:relative;top:auto;right:auto;bottom:auto;width:auto;
    margin:0 calc(-1 * var(--gut)) 24px;height:360px;border-radius:0;
  }
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto img{top:6%;height:88%;transform:translate3d(-50%,0,0);filter:drop-shadow(0 16px 24px rgba(14,74,71,.14));}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop .lede{margin-bottom:24px;}
}
@media (max-width:1000px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto{background:#f7f9ec;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto img{top:0;height:100%;max-width:100%;filter:none;}
}
@media (max-width:600px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-tekst{display:flex;flex-direction:column;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop-foto{height:264px;order:3;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop .pg-actions{order:4;flex-direction:column;align-items:flex-start;gap:0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop .lede{order:5;margin:16px 0 0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop .wf-tekstlink{padding:8px 0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kop .lede{font-size:18px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-signaal{padding-bottom:64px;background:var(--paper);}
.pagina[data-pagina^="wat-is-fpr"] .wf-intro{max-width:880px;margin-bottom:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-intro .sec-title{max-width:20ch;}

.pagina[data-pagina^="wat-is-fpr"] .wf-scene{
  position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;
}
.pagina[data-pagina^="wat-is-fpr"] .wf-toneel{position:sticky;top:var(--wf-nav);height:calc(100svh - var(--wf-nav));overflow:hidden;display:flex;align-items:flex-start;}
.pagina[data-pagina^="wat-is-fpr"] .wf-toneel-in{width:100%;padding-top:16px;display:flex;flex-direction:column;gap:16px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-segs{display:flex;gap:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-seg{appearance:none;border:0;background:none;padding:12px 0;width:40px;cursor:pointer;}
.pagina[data-pagina^="wat-is-fpr"] .wf-seg i{display:block;height:4px;border-radius:2px;background:var(--ink-200);transition:background .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-seg.aan i{background:var(--teal-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-seg[aria-current="step"] i{background:var(--teal-700-vlak);}
.pagina[data-pagina^="wat-is-fpr"] .wf-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-beeld{
  --naam:168px;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;box-shadow:var(--shadow-xl);
  padding:24px 24px 16px;
}
.pagina[data-pagina^="wat-is-fpr"] .wf-b-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-b-titel{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink-800);}
.pagina[data-pagina^="wat-is-fpr"] .wf-b-stip{width:8px;height:8px;border-radius:50%;background:var(--warning-500);box-shadow:0 0 0 4px var(--warning-100);transition:background .4s var(--ease),box-shadow .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-b-stip{background:var(--teal-500);box-shadow:0 0 0 4px var(--teal-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-b-tag{font-size:14px;font-weight:600;color:var(--ink-500);background:var(--ink-50);border-radius:999px;padding:4px 12px;white-space:nowrap;}

.pagina[data-pagina^="wat-is-fpr"] .wf-banen{position:relative;display:flex;flex-direction:column;gap:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan{display:grid;grid-template-columns:var(--naam) minmax(0,1fr);align-items:center;transition:opacity .4s var(--ease),filter .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam{display:flex;flex-direction:column;gap:4px;padding:0 16px 0 0;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam b{font-size:15px;font-weight:700;color:var(--ink-900);line-height:1.2;}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam i{font-style:normal;font-size:14px;color:var(--ink-500);line-height:1.3;}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan-vlak{position:relative;height:72px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--ink-100);overflow:hidden;transition:border-color .4s var(--ease),background .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-baan-vlak > svg,
.pagina[data-pagina^="wat-is-fpr"] .wf-maanden,
.pagina[data-pagina^="wat-is-fpr"] .wf-facturen{position:absolute;inset:8px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-baan{opacity:.42;filter:grayscale(.7);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="0"] [data-baan="ats"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] [data-baan="rap"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] [data-baan="bo"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] [data-baan="klant"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-baan{opacity:1;filter:none;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] [data-baan="ats"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] [data-baan="ats"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] [data-baan="rap"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] [data-baan="ats"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] [data-baan="rap"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] [data-baan="bo"]{opacity:.72;filter:grayscale(.3);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="0"] [data-baan="ats"] .wf-baan-vlak,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] [data-baan="rap"] .wf-baan-vlak,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] [data-baan="bo"] .wf-baan-vlak,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] [data-baan="klant"] .wf-baan-vlak{background:var(--paper);border-color:var(--warning-500);}

.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-baan-vlak{background:var(--paper);border-color:var(--teal-300);}

.pagina[data-pagina^="wat-is-fpr"] .wf-ats{width:calc(100% - 16px);height:calc(100% - 16px);overflow:visible;clip-path:inset(0 0 0 0);transition:clip-path 1.2s var(--ease);}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-scene[data-s="-1"] .wf-ats{clip-path:inset(0 100% 0 0);}
.pagina[data-pagina^="wat-is-fpr"] .wf-ats-grond{fill:none;stroke:var(--ink-200);stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ats-lijn{fill:none;stroke:var(--warning-500);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-ats-lijn{stroke:var(--teal-600);}

.pagina[data-pagina^="wat-is-fpr"] .wf-maanden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-maand{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 12px;background:var(--paper);border:1px solid var(--ink-100);border-radius:8px;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-maand i{display:block;height:4px;border-radius:2px;background:var(--ink-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-maand i:nth-child(2){width:80%;}
.pagina[data-pagina^="wat-is-fpr"] .wf-maand i:nth-child(3){width:90%;}
.pagina[data-pagina^="wat-is-fpr"] .wf-maand i:nth-child(4){width:64%;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld:not([data-stand="0"]) .wf-maand[data-m="1"] .wf-regel{background:var(--warning-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-maand[data-m="1"] .wf-regel{background:var(--teal-500);}

.pagina[data-pagina^="wat-is-fpr"] .wf-facturen{display:flex;align-items:flex-end;gap:4px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-facturen i{flex:1;height:calc(var(--h) * 100%);background:var(--ink-200);border-radius:3px 3px 0 0;transition:background .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-facturen i,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-facturen i,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-facturen i{background:var(--teal-300);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-facturen .wf-daal,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-facturen .wf-daal,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-facturen .wf-daal{background:var(--warning-500);}

.pagina[data-pagina^="wat-is-fpr"] .wf-klant{
  position:absolute;top:50%;left:calc(12% + 16px);transform:translate(0,-50%);
  display:grid;padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--ink-200);
  font-size:14px;font-weight:600;color:var(--ink-700);white-space:nowrap;
  transition:left .6s var(--ease),transform .6s var(--ease),background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-klant-t{grid-area:1/1;opacity:0;transition:opacity .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="0"] .wf-klant-t[data-voor="0"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] .wf-klant-t[data-voor="0"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-klant-t[data-voor="0"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-klant-t[data-voor="3"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-klant-t[data-voor="4"]{opacity:1;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-klant{left:calc(100% - 12px);transform:translate(-100%,-50%);background:var(--warning-100);border-color:var(--warning-500);color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-klant{background:var(--success-100);border-color:var(--success-500);color:var(--ink-900);}

.pagina[data-pagina^="wat-is-fpr"] .wf-laag{position:absolute;top:0;bottom:0;left:var(--naam);right:0;pointer-events:none;z-index:2;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mark{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;opacity:0;transition:opacity .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mark-sig{left:12%;background:repeating-linear-gradient(180deg,var(--warning-500) 0 6px,transparent 6px 10px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mark-rap{left:33.3%;background:var(--ink-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mark-bo{left:66.7%;background:var(--ink-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mark-nu{left:12%;width:4px;margin-left:-2px;background:var(--teal-600);box-shadow:0 0 0 4px rgba(33,173,168,.18);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld:not([data-stand="4"]) .wf-mark-sig{opacity:1;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] .wf-mark-rap,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-mark-rap,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-mark-rap,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-mark-bo,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-mark-bo{opacity:.55;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] .wf-mark-rap,
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-mark-bo{opacity:1;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-mark-nu{opacity:1;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kloof{position:absolute;top:-4px;bottom:-4px;left:12%;width:0;background:rgba(214,135,60,.12);border-radius:4px;transition:width .6s var(--ease),background .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] .wf-kloof{width:21.3%;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-kloof{width:54.7%;}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-kloof{width:76%;background:rgba(214,135,60,.2);}

.pagina[data-pagina^="wat-is-fpr"] .wf-as{display:grid;grid-template-columns:var(--naam) minmax(0,1fr);align-items:start;margin-top:12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-naam{font-size:14px;font-weight:600;color:var(--ink-500);padding-top:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-naam::after{content:" \2192";}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-vlak{position:relative;height:40px;border-top:2px solid var(--ink-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t{
  position:absolute;top:8px;font-size:14px;font-weight:700;white-space:nowrap;
  padding:4px 12px;border-radius:999px;opacity:0;transition:opacity .3s var(--ease);
  background:var(--warning-100);color:var(--ink-900);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t[data-voor="0"]{left:calc(12% - 12px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t[data-voor="1"]{left:33.3%;transform:translateX(-50%);background:var(--ink-50);}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t[data-voor="2"]{left:66.7%;transform:translateX(-50%);background:var(--ink-50);}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t[data-voor="3"]{left:50%;transform:translateX(-50%);}
.pagina[data-pagina^="wat-is-fpr"] .wf-as-t[data-voor="4"]{left:calc(12% - 12px);background:var(--teal-50);color:var(--teal-800);}
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="0"] .wf-as-t[data-voor="0"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="1"] .wf-as-t[data-voor="1"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="2"] .wf-as-t[data-voor="2"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="3"] .wf-as-t[data-voor="3"],
.pagina[data-pagina^="wat-is-fpr"] .wf-beeld[data-stand="4"] .wf-as-t[data-voor="4"]{opacity:1;}

.pagina[data-pagina^="wat-is-fpr"] .wf-stappen{min-width:0;padding-top:var(--wf-beeld-top,60px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stap{min-height:100svh;}
.pagina[data-pagina^="wat-is-fpr"] .wf-stapkaart{
  position:sticky;top:calc(var(--wf-nav) + var(--wf-beeld-top,60px));
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);
  opacity:.45;transition:opacity .4s var(--ease),border-color .4s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-stap.wf-nu .wf-stapkaart{opacity:1;border-color:var(--teal-200);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em;}
.pagina[data-pagina^="wat-is-fpr"] .wf-stap-tekst{font-size:18px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;}

@media (max-width:1100px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-scene{display:block;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-toneel{z-index:1;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-toneel-in{max-width:640px;margin:0 auto;gap:8px;padding-top:8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stappen{position:relative;z-index:2;padding-top:0;margin-top:calc(var(--wf-nav) - 38svh);pointer-events:none;}

  .pagina[data-pagina^="wat-is-fpr"] .wf-stap{min-height:0;display:block;padding:0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stap::after{content:"";display:block;height:60svh;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stap:last-child::after{height:48svh;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stapkaart{position:sticky;top:calc(100svh - 280px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl);}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stapkaart.wf-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stap-tekst{font-size:17px;margin-top:12px;}
}

@media (max-width:600px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-beeld{--naam:0px;padding:16px 16px 8px;border-radius:20px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-b-kop{padding-bottom:12px;margin-bottom:12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-b-titel{font-size:14px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-b-tag{padding:4px 8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan{grid-template-columns:minmax(0,1fr);position:relative;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam{position:absolute;left:8px;top:4px;z-index:3;flex-direction:row;align-items:baseline;gap:8px;padding:0 4px;background:var(--paper);border-radius:4px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam b{font-size:14px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan-vlak{height:68px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan-vlak > svg,
  .pagina[data-pagina^="wat-is-fpr"] .wf-maanden,
  .pagina[data-pagina^="wat-is-fpr"] .wf-facturen{top:28px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-ats{height:calc(100% - 36px);}
  .pagina[data-pagina^="wat-is-fpr"] .wf-maand{padding:4px 8px;gap:4px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-maand i{height:3px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-klant{top:calc(50% + 12px);padding:4px 12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-as{margin-top:8px;grid-template-columns:minmax(0,1fr);}
  .pagina[data-pagina^="wat-is-fpr"] .wf-as-naam{display:none;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-as-vlak{height:36px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-as-t{top:6px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-gids-hs{display:none;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-segs{flex:1;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-seg{flex:1;width:auto;padding:8px 0;}
}
@media (max-width:400px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-baan-naam i{display:none;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-herken{background:var(--bg-soft);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-kop{max-width:880px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-zij{position:sticky;top:calc(var(--wf-nav) + 32px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller{max-width:440px;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-top{display:flex;align-items:baseline;gap:12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-top b{font-size:40px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);font-variant-numeric:tabular-nums;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-top span{font-size:16px;color:var(--ink-600);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-meter{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:4px;margin:16px 0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-meter i{display:block;height:8px;border-radius:4px;background:var(--ink-100);transition:background .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-meter i.aan{background:var(--warning-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-cats{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-teller:not(.wf-geteld) .wf-teller-cats{display:none;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-cats li{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;border:1px solid var(--ink-200);background:var(--paper);font-size:14px;font-weight:600;color:var(--ink-600);transition:all .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-cats li b{font-weight:700;color:var(--ink-400);font-variant-numeric:tabular-nums;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-cats li.aan{border-color:var(--warning-500);background:var(--warning-100);color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-cats li.aan b{color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-tekst{font-size:16px;line-height:1.55;color:var(--ink-700);margin:0 0 8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-naar{display:inline-flex;gap:8px;align-items:center;font-size:16px;font-weight:700;color:var(--teal-700);text-decoration:none;padding:8px 0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-teller-naar:hover{text-decoration:underline;color:var(--teal-800);}

.pagina[data-pagina^="wat-is-fpr"] .wf-hk-rijen{display:flex;flex-direction:column;gap:24px;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-rij{
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);
  transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-rij.aan{border-color:var(--warning-500);box-shadow:0 0 0 4px var(--warning-100),var(--shadow-sm);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-tag{grid-column:1;font-size:14px;font-weight:600;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-vraag{grid-column:1;font-size:22px;line-height:1.35;font-weight:700;letter-spacing:-.01em;color:var(--ink-900);margin:8px 0 12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-vraag::before{content:"\201C";}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-vraag::after{content:"\201D";}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-wat{grid-column:1;font-size:16px;line-height:1.6;color:var(--ink-700);margin:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-bron{grid-column:1;font-size:14px;line-height:1.45;color:var(--ink-500);margin:12px 0 0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop{
  grid-column:2;grid-row:1 / span 4;align-self:start;
  appearance:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--ink-700);white-space:nowrap;
  background:var(--paper);border:1px solid var(--ink-200);border-radius:999px;padding:8px 16px 8px 8px;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop:hover{border-color:var(--warning-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-vink{width:24px;height:24px;border-radius:50%;border:1px solid var(--ink-300);display:grid;place-items:center;color:transparent;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop[aria-pressed="true"]{background:var(--warning-100);border-color:var(--warning-500);color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop[aria-pressed="true"] .wf-hk-vink{background:var(--warning-500);border-color:var(--warning-500);color:#fff;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap{margin:32px 0 0;padding:32px;background:var(--paper);border-left:4px solid var(--accent-500);border-radius:0 20px 20px 0;box-shadow:var(--shadow-sm);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap blockquote{margin:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap p{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap p::before{content:"\201C";}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap p::after{content:"\201D";}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap figcaption{margin-top:16px;font-size:15px;font-weight:600;color:var(--ink-500);}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-in-rij:not(.wf-in){opacity:0;transform:translateY(24px);}

@media (max-width:1000px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-grid{grid-template-columns:minmax(0,1fr);gap:32px;}

  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-zij{position:static;order:2;}
}
@media (max-width:600px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-rij{grid-template-columns:minmax(0,1fr);padding:24px 16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-knop{grid-column:1;grid-row:auto;justify-self:start;margin-top:16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-vraag{font-size:18px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap{padding:24px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-klap p{font-size:22px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-wel{background:var(--paper);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:32px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wel-kop .eyebrow{margin-bottom:24px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wel-kop .sec-title{margin-bottom:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-def{font-size:20px;line-height:1.6;color:var(--ink-800);margin:0;padding-left:24px;box-shadow:inset 3px 0 0 var(--teal-500);}

.pagina[data-pagina^="wat-is-fpr"] .wf-mx{background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop,
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:start;position:relative;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop{align-items:center;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop{background:var(--teal-50);border-bottom:1px solid var(--teal-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop span{padding:16px 24px;font-size:14px;font-weight:700;color:var(--teal-800);line-height:1.3;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop .wf-mx-kb{text-align:center;padding:16px 12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij{border-top:1px solid var(--ink-100);outline:none;transition:opacity .6s var(--ease),transform .6s var(--ease),background .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop + .wf-mx-rij{border-top:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-vraag{padding:24px;font-size:17px;line-height:1.45;font-weight:600;color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;text-align:center;position:relative;z-index:1;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-stip{display:block;width:20px;height:20px;border-radius:50%;border:2px dashed var(--ink-200);background:var(--paper);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel.aan .wf-mx-stip{border:0;background:var(--teal-500);box-shadow:0 0 0 4px var(--teal-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel em{font-style:normal;font-size:14px;line-height:1.35;color:var(--ink-400);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel.aan em{color:var(--ink-700);font-weight:600;}

.pagina[data-pagina^="wat-is-fpr"] .wf-mx-draden{position:absolute;inset:0;pointer-events:none;z-index:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-draad{position:absolute;height:2px;margin-top:-1px;background:var(--teal-300);border-radius:1px;transform-origin:left center;transition:transform .8s var(--ease) .15s,background .3s var(--ease),height .3s var(--ease);}
@media (hover:hover){
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij:hover{background:var(--teal-50);}
}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij:focus-visible{background:var(--teal-50);box-shadow:inset 0 0 0 2px var(--teal-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij:focus-visible .wf-mx-draad{background:var(--teal-600);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-voet{display:flex;gap:12px;align-items:flex-start;max-width:760px;margin:0;font-size:16px;line-height:1.6;color:var(--ink-600);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-voet b{color:var(--ink-800);font-weight:600;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-voet-ic{flex:none;width:12px;height:12px;margin-top:8px;background:var(--teal-500);-webkit-mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;mask:url(recbi-merk-vierkant.svg) center/contain no-repeat;}

.pagina[data-pagina^="wat-is-fpr"] .wf-wel{padding-bottom:64px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rail{position:relative;height:400vh;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-toneel{position:sticky;top:var(--wf-nav);height:calc(100svh - var(--wf-nav));overflow:hidden;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-in{width:100%;padding-top:16px;display:flex;flex-direction:column;gap:16px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-teller{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-segs{display:flex;gap:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg{appearance:none;border:0;background:none;padding:12px 0;width:40px;cursor:pointer;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg i{display:block;height:4px;border-radius:2px;background:var(--ink-200);transition:background .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg.aan i{background:var(--teal-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg[aria-current="step"] i{background:var(--teal-700-vlak);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rail .wf-mx-rij{cursor:pointer;transition:opacity .5s var(--ease),filter .5s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel em{transition:opacity .4s var(--ease);}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij:not(.aan){opacity:.34;filter:saturate(.25);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij.aan{background:var(--teal-50);box-shadow:inset 3px 0 0 var(--teal-500);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij:not(.aan) .wf-mx-cel em{opacity:0;}

.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail.wf-mx-eind .wf-mx-rij{opacity:1;filter:none;}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-draad{transform:scaleX(0);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij.wf-getekend .wf-mx-draad{transform:scaleX(1);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-voet{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail.wf-mx-eind .wf-mx-voet{opacity:1;transform:none;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-rail.wf-mx-eind .wf-mx-voet{font-size:18px;color:var(--ink-800);}

.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-mx-rail{height:auto;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-mx-toneel{position:static;height:auto;overflow:visible;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-mx-gids{display:none;}
.pagina[data-pagina^="wat-is-fpr"] .wf-mx-teller{white-space:nowrap;}
@media (max-width:1100px) and (min-width:761px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop,
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij{grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-vraag{padding:16px 24px;font-size:16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel{padding:16px 12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop span{padding:12px 16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop .wf-mx-kb{padding:12px 8px;}
}
@media (max-height:800px) and (min-width:761px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-in{padding-top:8px;gap:12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-vraag{padding:16px 24px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel{padding:16px 12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop span{padding:12px 24px;}
}
@media (max-width:760px){

  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij:not(.aan) .wf-mx-cel{display:none;}
  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij:not(.aan) .wf-mx-vraag{padding:12px;font-weight:600;}
  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij:not(.aan){opacity:.5;}
  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij.aan .wf-mx-vraag{padding:16px 12px 4px;}
  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail .wf-mx-rij.aan .wf-mx-cel{padding:8px 8px 16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-in{gap:12px;padding-top:8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rail.wf-mx-eind .wf-mx-voet{font-size:16px;}
  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail.wf-mx-eind .wf-mx-rij:not(.aan){opacity:1;}

  .pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-mx-rail:not(.wf-mx-eind) .wf-mx-voet{display:none;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-seg{width:32px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-segs{gap:8px;}
}

@media (max-width:1000px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-wel-grid{grid-template-columns:minmax(0,1fr);align-items:start;}
}
@media (max-width:760px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-kop{display:none;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink-100);padding:0 8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij:first-of-type{border-top:0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-vraag{grid-column:1/-1;padding:24px 12px 4px;font-size:16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel{padding:12px 8px 24px;gap:4px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel::before{content:attr(data-kol);font-size:14px;font-weight:700;color:var(--teal-800);line-height:1.25;height:36px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:4px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel:not(.aan)::before{color:var(--ink-400);}
  .pagina[data-pagina^="wat-is-fpr"] .wf-def{font-size:18px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-waarom{background:var(--bg-soft);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-kop{position:sticky;top:calc(var(--wf-nav) + 32px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-kop .eyebrow{margin-bottom:24px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids li{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--ink-200);border-radius:999px;background:var(--paper);font-size:14px;font-weight:600;color:var(--ink-500);font-variant-numeric:tabular-nums;transition:all .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids li i{width:8px;height:8px;border-radius:50%;background:var(--ink-200);transition:background .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids li.voorbij i{background:var(--teal-300);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids li.aan{color:var(--teal-800);border-color:var(--teal-300);background:var(--teal-50);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids li.aan i{background:var(--teal-500);box-shadow:0 0 0 4px var(--teal-100);}

.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen{position:relative;padding-left:40px;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::before,
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::after{content:"";position:absolute;left:11px;top:32px;width:2px;border-radius:1px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::before{bottom:32px;background:var(--ink-100);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::after{height:var(--wf-lijn,0px);background:var(--teal-400);transition:height .3s linear;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij{position:relative;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:24px;margin:0 0 24px;box-shadow:var(--shadow-sm);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij.wf-hier{border-color:var(--teal-200);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-punt{position:absolute;left:-37px;top:28px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--ink-200);z-index:1;transition:border-color .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij.wf-in .wf-wr-punt{border-color:var(--teal-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-meta time{font-size:14px;font-weight:700;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-soort{font-size:14px;font-weight:600;color:var(--ink-600);background:var(--ink-50);border-radius:999px;padding:4px 12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij h3{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.01em;color:var(--ink-900);margin:12px 0 8px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij > p:not(.wf-wr-meta){font-size:16px;line-height:1.6;color:var(--ink-700);margin:0;}

.pagina[data-pagina^="wat-is-fpr"] .wf-ijs{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-laag{margin:0;font-size:16px;line-height:1.45;color:var(--ink-800);}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-top{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--teal-300);border-bottom:0;border-radius:12px 12px 0 0;background:var(--paper);font-weight:700;color:var(--ink-900);margin-left:24px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-ic{width:12px;height:12px;border-radius:3px;background:var(--teal-600);flex:none;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-lijn{align-self:stretch;margin:0;padding:8px 16px;border-top:2px dashed var(--teal-500);font-size:14px;font-weight:600;color:var(--teal-800);background:var(--teal-100);border-radius:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-onder{align-self:stretch;list-style:none;margin:0;padding:0;border-radius:0 0 12px 12px;overflow:hidden;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-onder li{padding:12px 16px;border-top:1px solid var(--teal-200);}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-onder li:nth-child(1){background:var(--teal-100);border-top:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-onder li:nth-child(2){background:var(--teal-200);border-top-color:var(--teal-300);}
.pagina[data-pagina^="wat-is-fpr"] .wf-ijs-onder li:nth-child(3){background:var(--teal-300);border-top-color:var(--teal-400);color:var(--ink-900);}

.pagina[data-pagina^="wat-is-fpr"] .wf-kg{margin-top:24px;display:flex;flex-direction:column;gap:12px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-rij{display:grid;grid-template-columns:112px minmax(0,1fr) 64px;gap:12px;align-items:center;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-naam{font-size:14px;font-weight:600;color:var(--ink-600);}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-baan{height:12px;border-radius:6px;background:var(--ink-100);overflow:hidden;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-baan i{display:block;height:100%;width:calc(var(--w,0) * 1%);background:var(--teal-300);border-radius:6px;transition:width .9s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"].wf-beweeg .wf-wr-rij:not(.wf-in) .wf-kg-baan i{width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-top .wf-kg-baan i{background:var(--teal-600);}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-w{font-size:16px;font-weight:700;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums;}
.pagina[data-pagina^="wat-is-fpr"] .wf-kg-bron{font-size:16px;line-height:1.5;color:var(--ink-500);margin:4px 0 0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-slot{padding:8px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}

.pagina[data-pagina^="wat-is-fpr"] .wf-stem{
  display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:center;align-self:stretch;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:16px 24px 16px 16px;
  box-shadow:var(--shadow-md);text-decoration:none;color:inherit;
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem:hover{transform:translateY(-4px);border-color:var(--teal-200);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-portret{display:block;width:100%;height:auto;}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem-tekst{display:flex;flex-direction:column;gap:8px;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem q{quotes:"\201C" "\201D";font-size:20px;line-height:1.4;font-weight:700;letter-spacing:-.01em;color:var(--ink-900);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem-wie{font-size:14px;line-height:1.45;color:var(--ink-500);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem-wie b{display:block;font-size:15px;color:var(--ink-800);font-weight:700;}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem-naar{font-size:16px;font-weight:700;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem-naar .arr{display:inline-block;transition:transform .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-stem:hover .wf-stem-naar .arr{transform:translateX(4px);}
@media (max-width:600px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-stem{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:12px 16px 12px 12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stem q{font-size:17px;}
}
@media (max-width:400px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-stem{grid-template-columns:80px minmax(0,1fr);gap:12px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-stem-naar{font-size:15px;}
}
.pagina[data-pagina^="wat-is-fpr"] .wf-wr-slot .wf-tekstlink:hover .arr{transform:translateX(4px);}

@media (max-width:1000px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-kop{position:static;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-gids{display:none;}
}
@media (max-width:600px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen{padding-left:32px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::before,.pagina[data-pagina^="wat-is-fpr"] .wf-wr-rijen::after{left:7px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-punt{left:-33px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-wr-rij{padding:16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-ijs-lijst{grid-template-columns:minmax(0,1fr);}
  .pagina[data-pagina^="wat-is-fpr"] .wf-kg-rij{grid-template-columns:96px minmax(0,1fr) 56px;gap:8px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-model{padding:var(--sec-y) 0;background:var(--paper);}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart{
  display:grid;grid-template-columns:minmax(0,1fr) 488px;gap:24px;align-items:center;
  background:linear-gradient(135deg,var(--teal-50),var(--paper) 70%);border:1px solid var(--teal-200);border-radius:24px;padding:40px;
  text-decoration:none;color:inherit;box-shadow:var(--shadow-md);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart:hover{transform:translateY(-4px);border-color:var(--teal-400);box-shadow:var(--shadow-lg);}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-tekst{display:block;min-width:0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-tekst .eyebrow{display:inline-flex;}

.pagina[data-pagina^="wat-is-fpr"] .wf-model-titel{display:block;color:var(--ink-900);margin:16px 0;}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-zin{display:block;font-size:18px;line-height:1.6;color:var(--ink-600);max-width:52ch;}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-naar{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:16px;font-weight:700;color:var(--teal-700);}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-naar .arr{transition:transform .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart:hover .wf-model-naar .arr{transform:translateX(4px);}
.pagina[data-pagina^="wat-is-fpr"] .wf-pijlers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:320px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-pijlers li{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;border-radius:12px;background:var(--paper);border:1px solid var(--teal-100);font-size:15px;font-weight:600;color:var(--ink-800);transition:border-color .3s var(--ease),transform .3s var(--ease);}
.pagina[data-pagina^="wat-is-fpr"] .wf-pijlers li:last-child{grid-column:1/-1;}
.pagina[data-pagina^="wat-is-fpr"] .wf-pijler-ic{flex:none;width:28px;height:28px;border-radius:8px;background:var(--teal-50);color:var(--teal-700);display:grid;place-items:center;}
@media (hover:hover){
  .pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart:hover .wf-pijlers li{border-color:var(--teal-300);}
}
@media (max-width:1260px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart{grid-template-columns:minmax(0,1fr);gap:32px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-pijlers{min-width:0;}
}
@media (max-width:760px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-model{padding:var(--sec-y) 0;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-model-kaart{padding:32px 24px;}
}
@media (max-width:760px){

  .pagina[data-pagina^="wat-is-fpr"] .wf-pijlers{display:flex;flex-wrap:wrap;gap:8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-pijlers li{padding:4px 12px 4px 4px;gap:8px;font-size:14px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-pijler-ic{width:28px;height:28px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-door h2{margin-bottom:24px;font-size:clamp(32px,4.2vw,56px);max-width:18ch;}
.pagina[data-pagina^="wat-is-fpr"] .wf-door p{margin-bottom:24px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-belofte{list-style:none;margin:0 auto 40px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;}
.pagina[data-pagina^="wat-is-fpr"] .wf-belofte li{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;}
.pagina[data-pagina^="wat-is-fpr"] .wf-belofte li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--accent-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1110' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat;}
@media (max-width:600px){.pagina[data-pagina^="wat-is-fpr"] .wf-door h2{font-size:clamp(26px,7.2vw,40px);}}

.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-toneel{position:static;height:auto;overflow:visible;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-toneel-in{padding-top:48px;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-gids{display:none;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-stappen{margin-top:0;padding-top:48px;display:flex;flex-direction:column;gap:16px;justify-content:center;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-stap{min-height:0;padding:0;display:block;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-stap::after{display:none;}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-stapkaart{position:static;opacity:1;box-shadow:var(--shadow-sm);}
.pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-ats{clip-path:none;}
@media (max-width:1100px){
  .pagina[data-pagina^="wat-is-fpr"].wf-stil .wf-stappen{padding-top:24px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-los{position:static !important;}

@media (max-width:400px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-rij{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr);padding:0 8px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-mx-cel{padding:12px 4px 24px;}
}

.pagina[data-pagina^="wat-is-fpr"] .wf-hk-kopregel{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:var(--sp-12);}
.pagina[data-pagina^="wat-is-fpr"] .wf-hk-kopregel .wf-hk-kop{margin-bottom:0;min-width:0;flex:1 1 auto;}
.pagina[data-pagina^="wat-is-fpr"] .wf-steunbeeld{flex:0 0 auto;display:block;width:240px;max-width:100%;height:auto;margin:0 16px 8px 0;}
@media (max-width:1100px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-steunbeeld{width:200px;}
}
@media (max-width:900px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-hk-kopregel{flex-direction:column;align-items:stretch;gap:16px;}
  .pagina[data-pagina^="wat-is-fpr"] .wf-steunbeeld{align-self:flex-end;width:180px;margin:0;}
}
@media (max-width:600px){
  .pagina[data-pagina^="wat-is-fpr"] .wf-steunbeeld{width:156px;}
}

.pagina[data-pagina="demo"]:not(.dm-js) .reveal { opacity:1; transform:none; }

.pagina[data-pagina="demo"] .eyebrow { font-size:14px; }

.pagina[data-pagina="demo"] section[id] { scroll-margin-top:72px; }

.pagina[data-pagina="demo"] .dm-kop { padding:0 0 80px; }
.pagina[data-pagina="demo"] .dm-kop-held { position:relative; display:flex; align-items:center; min-height:clamp(560px, calc(100svh - 240px), 680px); padding-top:112px; }
.pagina[data-pagina="demo"] .dm-kop-beeld { position:absolute; top:112px; right:0; bottom:0; width:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--teal-50); }
.pagina[data-pagina="demo"] .dm-kop-beeld img { display:block; width:80%; height:80%; object-fit:contain; }
.pagina[data-pagina="demo"] .dm-kop-in { width:100%; }
.pagina[data-pagina="demo"] .dm-kopcopy { min-width:0; width:calc(50% - 56px); padding:48px 0; }
.pagina[data-pagina="demo"] .dm-kop h1 { font-size:clamp(36px,4.2vw,60px); margin:24px 0; }
.pagina[data-pagina="demo"] .dm-kop h1 em { padding-right:.06em; }
.pagina[data-pagina="demo"] .dm-kop p.lede { max-width:44ch; margin:0; }
.pagina[data-pagina="demo"] .dm-acties { display:flex; align-items:center; flex-wrap:wrap; gap:16px 32px; margin-top:32px; }
.pagina[data-pagina="demo"] .dm-tekstlink { display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:600; color:var(--teal-700); text-decoration:none; padding:8px 0; }
.pagina[data-pagina="demo"] .dm-tekstlink:hover { color:var(--teal-800); text-decoration:underline; text-underline-offset:4px; }
.pagina[data-pagina="demo"] .dm-tekstlink .arr { transition:transform .24s var(--ease-standard); }
.pagina[data-pagina="demo"] .dm-tekstlink:hover .arr { transform:translateY(3px); }

.pagina[data-pagina="demo"] .dm-strook { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--ink-100); }
.pagina[data-pagina="demo"] .dm-strook a { display:grid; grid-template-columns:40px minmax(0,1fr) 24px; align-items:center; gap:16px; padding:32px 24px; color:inherit; text-decoration:none; transition:background .24s var(--ease-standard); }
.pagina[data-pagina="demo"] .dm-strook a:first-child { padding-left:0; }
.pagina[data-pagina="demo"] .dm-strook a + a { border-left:1px solid var(--ink-100); }
.pagina[data-pagina="demo"] .dm-ag-ic { width:40px; height:40px; border-radius:12px; background:var(--teal-50); border:1px solid var(--teal-200); color:var(--teal-700); display:flex; align-items:center; justify-content:center; transition:background .24s, color .24s, border-color .24s; }
.pagina[data-pagina="demo"] .dm-ag-tekst { display:flex; flex-direction:column; gap:4px; min-width:0; }
.pagina[data-pagina="demo"] .dm-ag-tekst b { font-size:16px; line-height:1.3; font-weight:700; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-ag-tekst i { font-style:normal; font-size:14px; line-height:1.45; color:var(--ink-600); }
.pagina[data-pagina="demo"] .dm-ag-pijl { font-size:18px; color:var(--teal-600); opacity:.4; transition:transform .24s var(--ease-standard), opacity .24s; }
.pagina[data-pagina="demo"] .dm-strook a:hover .dm-ag-ic,
.pagina[data-pagina="demo"] .dm-strook a:focus-visible .dm-ag-ic { background:var(--teal-600); border-color:var(--teal-600); color:#fff; }
.pagina[data-pagina="demo"] .dm-strook a:hover .dm-ag-pijl,
.pagina[data-pagina="demo"] .dm-strook a:focus-visible .dm-ag-pijl { opacity:1; transform:translateX(4px); }
.pagina[data-pagina="demo"] .dm-strook a:focus-visible { outline:2px solid var(--teal-700); outline-offset:-2px; }

.pagina[data-pagina="demo"] .dm-klanten { margin-top:48px; }
.pagina[data-pagina="demo"] .dm-klanten-kop { margin:0 0 24px; font-size:14px; font-weight:600; line-height:1.4; color:var(--ink-500); text-align:center; }
.pagina[data-pagina="demo"] .dm-logos { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }
.pagina[data-pagina="demo"] .dm-logos li { width:144px; height:56px; display:flex; align-items:center; justify-content:center; }

.pagina[data-pagina="demo"] .dm-logos img { height:var(--h,28px); max-width:128px; width:auto; display:block; object-fit:contain; }

.pagina[data-pagina="demo"] .dm-zien { background:var(--bg-soft); }
.pagina[data-pagina="demo"] .dm-zien-kop { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:48px; }
.pagina[data-pagina="demo"] .dm-zien-kop .sec-head { margin-bottom:0; min-width:0; }
.pagina[data-pagina="demo"] .sec-title em { padding-right:.06em; }

.pagina[data-pagina="demo"] .dm-rol { display:none; flex-direction:column; gap:12px; flex:0 1 440px; min-width:0; }
.pagina[data-pagina="demo"].dm-js .dm-rol { display:flex; }
.pagina[data-pagina="demo"] .dm-rol-label { font-size:14px; font-weight:600; line-height:1.4; color:var(--ink-600); }
.pagina[data-pagina="demo"] .dm-rol-knoppen { display:flex; flex-wrap:wrap; gap:8px; }
.pagina[data-pagina="demo"] .dm-rol-knoppen button { font-family:var(--font-sans); font-size:14px; font-weight:600; line-height:1.3; color:var(--ink-700); background:var(--paper); border:1px solid var(--ink-200); border-radius:999px; padding:8px 16px; cursor:pointer; transition:background .24s, color .24s, border-color .24s, box-shadow .24s; }
.pagina[data-pagina="demo"] .dm-rol-knoppen button:hover { border-color:var(--teal-500); color:var(--teal-800); background:var(--teal-50); }
.pagina[data-pagina="demo"] .dm-rol-knoppen button[aria-pressed="true"] { background:var(--teal-700-vlak); border-color:var(--teal-700); color:#fff; box-shadow:0 8px 20px -8px rgba(26,146,139,.6); }
.pagina[data-pagina="demo"] .dm-rol-knoppen button:focus-visible { outline:none; box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--teal-800); }
.pagina[data-pagina="demo"] .dm-rol-uitkomst { margin:0; font-size:14px; line-height:1.4; color:var(--ink-500); min-height:20px; }
.pagina[data-pagina="demo"] .dm-rol-uitkomst b { color:var(--teal-800); font-weight:700; }

.pagina[data-pagina="demo"] .dm-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.pagina[data-pagina="demo"] .dm-kaart { position:relative; display:flex; flex-direction:column; min-width:0; background:var(--paper); border:1px solid var(--ink-100); border-radius:16px; padding:24px; box-shadow:var(--shadow-xs); transition:transform .3s var(--ease-standard), box-shadow .3s var(--ease-standard), border-color .3s, opacity .36s var(--ease-standard), filter .36s; }
.pagina[data-pagina="demo"] .dm-kaart-tekst { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
.pagina[data-pagina="demo"] .dm-kaart h3 { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:18px; line-height:1.3; font-weight:700; letter-spacing:-.01em; margin:24px 0 8px; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-kaart p { font-size:16px; line-height:1.55; color:var(--ink-600); margin:0 0 16px; }
.pagina[data-pagina="demo"] .dm-premium { display:inline-block; padding:0 8px; border-radius:999px; background:var(--accent-100); border:1px solid var(--accent-400); font-size:14px; font-weight:700; line-height:20px; color:#6b5210; letter-spacing:0; }
.pagina[data-pagina="demo"] .dm-chips { list-style:none; margin:auto 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.pagina[data-pagina="demo"] .dm-chips li { text-wrap:balance; padding:4px 12px; border-radius:999px; background:var(--teal-50); border:1px solid var(--teal-200); color:var(--teal-800); font-size:14px; font-weight:600; line-height:1.35; transition:background .24s, border-color .24s; }

.pagina[data-pagina="demo"] .dm-kaart.dm-aan { border-color:var(--teal-500); box-shadow:0 0 0 1px var(--teal-500), var(--shadow-md); }
.pagina[data-pagina="demo"] .dm-kaart.dm-uit { opacity:.42; filter:saturate(.2); }
@media (hover:hover) {
  .pagina[data-pagina="demo"] .dm-kaart:hover { transform:translateY(-4px); border-color:var(--teal-300); box-shadow:0 24px 48px -24px rgba(14,74,71,.32); opacity:1; filter:none; }
  .pagina[data-pagina="demo"] .dm-kaart:hover .dm-chips li { background:var(--teal-100); border-color:var(--teal-300); }
}

.pagina[data-pagina="demo"] .dm-viz { position:relative; height:112px; border-radius:12px; background:var(--bg-soft); border:1px solid var(--ink-100); overflow:hidden; }
.pagina[data-pagina="demo"] .dm-viz i, .pagina[data-pagina="demo"] .dm-viz b, .pagina[data-pagina="demo"] .dm-viz span { display:block; }
.pagina[data-pagina="demo"].dm-js .dm-kaart .dm-viz * { transition:transform .7s var(--ease-emphasized), opacity .5s, stroke-dashoffset .9s var(--ease-emphasized); }

.pagina[data-pagina="demo"] .dm-viz-funnel { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.pagina[data-pagina="demo"] .dm-viz-funnel i { height:12px; border-radius:4px; background:var(--teal-400); transform-origin:center; }
.pagina[data-pagina="demo"] .dm-viz-funnel i:nth-child(1) { width:76%; background:var(--teal-300); }
.pagina[data-pagina="demo"] .dm-viz-funnel i:nth-child(2) { width:56%; transition-delay:.08s; }
.pagina[data-pagina="demo"] .dm-viz-funnel i:nth-child(3) { width:36%; background:var(--teal-600); transition-delay:.16s; }
.pagina[data-pagina="demo"] .dm-viz-funnel i:nth-child(4) { width:16%; background:var(--accent-500); transition-delay:.24s; }
.pagina[data-pagina="demo"] .dm-viz-funnel b { position:absolute; right:12%; top:16px; bottom:16px; width:0; border-left:2px dashed var(--teal-400); transition-delay:.4s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-funnel i { transform:scaleX(.2); }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-funnel b { opacity:0; }

.pagina[data-pagina="demo"] .dm-viz-tijd span { position:absolute; left:8%; right:8%; top:50%; height:2px; background:var(--ink-200); }
.pagina[data-pagina="demo"] .dm-viz-tijd i { position:absolute; top:50%; left:calc(8% + var(--x) * .84); width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:var(--teal-500); border:2px solid var(--paper); box-shadow:0 0 0 1px var(--teal-300); }
.pagina[data-pagina="demo"] .dm-viz-tijd i:nth-of-type(2) { transition-delay:.08s; }
.pagina[data-pagina="demo"] .dm-viz-tijd i:nth-of-type(3) { transition-delay:.16s; background:var(--teal-700-vlak); }
.pagina[data-pagina="demo"] .dm-viz-tijd i:nth-of-type(4) { transition-delay:.24s; }
.pagina[data-pagina="demo"] .dm-viz-tijd i:nth-of-type(5) { transition-delay:.32s; background:var(--accent-500); box-shadow:0 0 0 1px var(--accent-400); }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-tijd i { transform:scale(0); }

.pagina[data-pagina="demo"] .dm-viz-bron { display:flex; align-items:flex-end; justify-content:center; gap:12px; padding:16px 16px 12px; }
.pagina[data-pagina="demo"] .dm-viz-bron i { width:16px; height:var(--h); border-radius:4px 4px 2px 2px; background:var(--teal-400); transform-origin:bottom; }
.pagina[data-pagina="demo"] .dm-viz-bron i:nth-child(1) { background:var(--teal-600); }
.pagina[data-pagina="demo"] .dm-viz-bron i:nth-child(2) { transition-delay:.06s; }
.pagina[data-pagina="demo"] .dm-viz-bron i:nth-child(3) { transition-delay:.12s; background:var(--teal-500); }
.pagina[data-pagina="demo"] .dm-viz-bron i:nth-child(4) { transition-delay:.18s; background:var(--teal-300); }
.pagina[data-pagina="demo"] .dm-viz-bron i:nth-child(5) { transition-delay:.24s; background:var(--ink-200); }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-bron i { transform:scaleY(.12); }

.pagina[data-pagina="demo"] .dm-viz-vac { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:12px 16px; }
.pagina[data-pagina="demo"] .dm-viz-vac span { height:8px; border-radius:4px; background:var(--ink-100); overflow:hidden; }
.pagina[data-pagina="demo"] .dm-viz-vac i { height:100%; width:var(--w); border-radius:4px; background:var(--teal-500); transform-origin:left; }
.pagina[data-pagina="demo"] .dm-viz-vac span.lang i { background:var(--warning-500); }
.pagina[data-pagina="demo"] .dm-viz-vac span:nth-child(2) i { transition-delay:.06s; }
.pagina[data-pagina="demo"] .dm-viz-vac span:nth-child(3) i { transition-delay:.12s; }
.pagina[data-pagina="demo"] .dm-viz-vac span:nth-child(4) i { transition-delay:.18s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-vac i { transform:scaleX(.1); }

.pagina[data-pagina="demo"] .dm-viz-plaats { display:flex; align-items:stretch; justify-content:center; gap:12px; padding:12px 16px; }
.pagina[data-pagina="demo"] .dm-viz-plaats::after { content:""; position:absolute; left:12px; right:12px; top:56%; height:1px; background:var(--ink-300); }
.pagina[data-pagina="demo"] .dm-viz-plaats span { position:relative; width:16px; }
.pagina[data-pagina="demo"] .dm-viz-plaats i { position:absolute; left:0; right:0; border-radius:4px; }
.pagina[data-pagina="demo"] .dm-viz-plaats i.op { bottom:calc(44% + 4px); height:calc(var(--h) * .56); background:var(--teal-600); transform-origin:bottom; }
.pagina[data-pagina="demo"] .dm-viz-plaats i.af { top:calc(56% + 4px); height:calc(var(--h) * .5); background:var(--warning-500); opacity:.7; transform-origin:top; }
.pagina[data-pagina="demo"] .dm-viz-plaats span.straks i.op { background:transparent; border:2px dashed var(--teal-500); }
.pagina[data-pagina="demo"] .dm-viz-plaats span.straks i.af { background:transparent; border:2px dashed var(--warning-500); }
.pagina[data-pagina="demo"] .dm-viz-plaats span:nth-child(2) i { transition-delay:.06s; }
.pagina[data-pagina="demo"] .dm-viz-plaats span:nth-child(3) i { transition-delay:.12s; }
.pagina[data-pagina="demo"] .dm-viz-plaats span:nth-child(4) i { transition-delay:.18s; }
.pagina[data-pagina="demo"] .dm-viz-plaats span:nth-child(5) i { transition-delay:.24s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-plaats i { transform:scaleY(.1); }

.pagina[data-pagina="demo"] .dm-viz-lijn svg { position:absolute; inset:8px 12px; width:calc(100% - 24px); height:calc(100% - 16px); overflow:visible; }
.pagina[data-pagina="demo"] .dm-viz-lijn path { fill:none; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.pagina[data-pagina="demo"] .dm-viz-lijn .doel { stroke:var(--accent-500); stroke-width:2; stroke-dasharray:2 6; }
.pagina[data-pagina="demo"] .dm-viz-lijn .was { stroke:var(--teal-700); stroke-width:3; stroke-dasharray:200; stroke-dashoffset:0; }
.pagina[data-pagina="demo"] .dm-viz-lijn .straks { stroke:var(--teal-400); stroke-width:3; stroke-dasharray:6 6; transition-delay:.5s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-lijn .was { stroke-dashoffset:200; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-lijn .straks { opacity:0; }

.pagina[data-pagina="demo"] .dm-viz-check { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:8px 16px; }
.pagina[data-pagina="demo"] .dm-viz-check span { display:flex; align-items:center; gap:8px; }
.pagina[data-pagina="demo"] .dm-viz-check i { flex:0 0 auto; width:12px; height:12px; border-radius:50%; background:var(--success-500); }
.pagina[data-pagina="demo"] .dm-viz-check .nee i { background:var(--critical-500); }
.pagina[data-pagina="demo"] .dm-viz-check b { height:6px; flex:1 1 auto; border-radius:4px; background:var(--ink-100); }
.pagina[data-pagina="demo"] .dm-viz-check .nee b { background:var(--critical-100); }
.pagina[data-pagina="demo"] .dm-viz-check span:nth-child(2) i { transition-delay:.08s; }
.pagina[data-pagina="demo"] .dm-viz-check span:nth-child(3) i { transition-delay:.16s; }
.pagina[data-pagina="demo"] .dm-viz-check span:nth-child(4) i { transition-delay:.24s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-check i { transform:scale(0); }

.pagina[data-pagina="demo"] .dm-viz-kanaal { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:8px 16px; }
.pagina[data-pagina="demo"] .dm-viz-kanaal span { position:relative; height:12px; }
.pagina[data-pagina="demo"] .dm-viz-kanaal i { position:absolute; left:0; top:0; bottom:0; width:var(--w); border-radius:4px; background:var(--teal-200); transform-origin:left; }
.pagina[data-pagina="demo"] .dm-viz-kanaal b { position:absolute; left:0; top:2px; bottom:2px; width:var(--w); border-radius:4px; background:var(--teal-700-vlak); transform-origin:left; transition-delay:.3s; }
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-kanaal i,
.pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-kanaal b { transform:scaleX(.08); }

.pagina[data-pagina="demo"] .dm-drill { display:flex; align-items:center; gap:16px; margin:32px 0 0; padding:24px 32px; background:var(--teal-50); border:1px solid var(--teal-200); border-radius:16px; font-size:16px; font-weight:600; line-height:1.55; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-drill-ic { flex:0 0 auto; width:48px; height:48px; border-radius:12px; background:var(--teal-600); color:#fff; display:flex; align-items:center; justify-content:center; }

.pagina[data-pagina="demo"] .dm-plan .sec-head { margin-bottom:48px; }
.pagina[data-pagina="demo"] .dm-plan-grid { display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:48px; align-items:start; }
.pagina[data-pagina="demo"] .dm-feiten { display:flex; flex-direction:column; min-width:0; }
.pagina[data-pagina="demo"] .dm-feit { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:24px 0; border-top:1px solid var(--ink-100); }
.pagina[data-pagina="demo"] .dm-feit:first-child { padding-top:0; border-top:0; }
.pagina[data-pagina="demo"] .dm-feit-ic { width:48px; height:48px; border-radius:12px; background:var(--teal-50); border:1px solid var(--teal-200); color:var(--teal-700); display:flex; align-items:center; justify-content:center; }
.pagina[data-pagina="demo"] .dm-feit h3 { text-wrap:balance; font-size:18px; line-height:1.3; font-weight:700; margin:0 0 8px; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-feit p { font-size:16px; line-height:1.6; color:var(--ink-600); margin:0; }
.pagina[data-pagina="demo"] .dm-feit a { color:var(--teal-700); font-weight:600; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--teal-300); }
.pagina[data-pagina="demo"] .dm-feit a:hover { color:var(--teal-800); text-decoration-color:currentColor; }
.pagina[data-pagina="demo"] .dm-feit-bel .dm-feit-ic { background:var(--accent-100); border-color:var(--accent-400); color:#6b5210; }

.pagina[data-pagina="demo"] .dm-planner { min-width:0; background:var(--paper); border:1px solid var(--ink-100); border-radius:16px; box-shadow:var(--shadow-lg); overflow:hidden; }
.pagina[data-pagina="demo"] .dm-planner-kop { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding:16px 24px; border-bottom:1px solid var(--ink-100); background:var(--bg-soft); }
.pagina[data-pagina="demo"] .dm-planner-titel { display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:700; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-planner-titel svg { color:var(--teal-700); }
.pagina[data-pagina="demo"] .dm-nieuwtab { font-size:14px; font-weight:600; color:var(--teal-700); text-decoration:none; padding:4px 0; }
.pagina[data-pagina="demo"] .dm-nieuwtab:hover { color:var(--teal-800); text-decoration:underline; text-underline-offset:3px; }

.pagina[data-pagina="demo"] .dm-frame-vak { position:relative; }
.pagina[data-pagina="demo"] .dm-frame { display:block; width:100%; height:800px; border:0; }
.pagina[data-pagina="demo"] .dm-terugval { display:flex; flex-direction:column; align-items:center; text-align:center; padding:64px 32px; background:linear-gradient(180deg,var(--teal-50),var(--paper)); }
.pagina[data-pagina="demo"] .dm-terugval[hidden] { display:none; }
.pagina[data-pagina="demo"] .dm-frame-vak.dm-geen-planner .dm-frame { display:none; }
.pagina[data-pagina="demo"] .dm-terugval-ic { width:64px; height:64px; border-radius:16px; background:var(--paper); border:1px solid var(--teal-200); color:var(--teal-700); display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-sm); }
.pagina[data-pagina="demo"] .dm-terugval h3 { font-size:22px; line-height:1.3; font-weight:700; margin:24px 0 8px; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-terugval p { font-size:16px; line-height:1.6; color:var(--ink-600); margin:0 0 32px; max-width:40ch; }
.pagina[data-pagina="demo"] .dm-terugval .btn { white-space:normal; text-align:center; }
.pagina[data-pagina="demo"] .dm-planner-voet { padding:16px 24px; border-top:1px solid var(--ink-100); background:var(--bg-soft); }
.pagina[data-pagina="demo"] .dm-planner-voet .dm-feit { padding:0; border-top:0; align-items:center; }
.pagina[data-pagina="demo"] .dm-planner-voet .dm-feit h3 { margin:0 0 4px; font-size:16px; }

.pagina[data-pagina="demo"] .dm-mee { padding:0; background:var(--paper); }
.pagina[data-pagina="demo"] .dm-stage { padding:120px 0; }
.pagina[data-pagina="demo"] .dm-mee-kop { max-width:none; }
.pagina[data-pagina="demo"] .dm-mee-kop .sec-title { margin:24px 0 0; }
.pagina[data-pagina="demo"] .dm-mee-kop .sec-lede { margin:16px 0 0; }

.pagina[data-pagina="demo"] .dm-venster { margin-top:32px; background:var(--paper); border:1px solid var(--ink-100); border-radius:16px; box-shadow:var(--shadow-lg); overflow:hidden; }
.pagina[data-pagina="demo"] .dm-venster-kop { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; border-bottom:1px solid var(--ink-100); background:var(--bg-soft); }
.pagina[data-pagina="demo"] .dm-venster-titel { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--ink-700); }
.pagina[data-pagina="demo"] .dm-venster-titel svg { color:var(--teal-700); }
.pagina[data-pagina="demo"] .dm-venster-n { display:none; font-size:14px; font-weight:600; color:var(--ink-500); }
.pagina[data-pagina="demo"] .dm-venster-n b { color:var(--teal-800); }

.pagina[data-pagina="demo"] .dm-mee-rijen { list-style:none; margin:0; padding:0; }
.pagina[data-pagina="demo"] .dm-mee-rij { --t:1; display:grid; grid-template-columns:minmax(0,520px) minmax(0,1fr); gap:48px; align-items:center; padding:32px; }
.pagina[data-pagina="demo"] .dm-mee-rij + .dm-mee-rij { border-top:1px solid var(--ink-100); }
.pagina[data-pagina="demo"] .dm-mee-tekst { min-width:0; max-width:480px; }
.pagina[data-pagina="demo"] .dm-mee-tekst h3 { text-wrap:balance; font-size:24px; line-height:1.25; font-weight:700; letter-spacing:-.01em; margin:0 0 8px; color:var(--ink-800); }
.pagina[data-pagina="demo"] .dm-mee-tekst p { font-size:16px; line-height:1.6; color:var(--ink-600); margin:0; }
.pagina[data-pagina="demo"] .dm-mee-keuze b { color:var(--teal-800); }
.pagina[data-pagina="demo"] .dm-meer { display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-size:16px; font-weight:600; color:var(--teal-700); text-decoration:none; }
.pagina[data-pagina="demo"] .dm-meer:hover { color:var(--teal-800); text-decoration:underline; text-underline-offset:4px; }
.pagina[data-pagina="demo"] .dm-meer .arr { transition:transform .24s var(--ease-standard); }
.pagina[data-pagina="demo"] .dm-meer:hover .arr { transform:translateX(4px); }

.pagina[data-pagina="demo"] .dm-mee-ind { position:relative; height:232px; border-radius:12px; background:var(--bg-soft); border:1px solid var(--ink-100); overflow:hidden; }

.pagina[data-pagina="demo"] .dm-ind-thema { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:8px; padding:16px; }
.pagina[data-pagina="demo"] .dm-ind-thema em { font-style:normal; }
.pagina[data-pagina="demo"] .dm-ind-thema span { display:flex; align-items:center; gap:8px; min-width:0; padding:0 12px; border-radius:8px; background:var(--paper); border:1px solid var(--ink-100); font-size:14px; font-weight:600; line-height:1.2; color:var(--ink-400); white-space:nowrap; transition:background .3s, border-color .3s, color .3s; }
.pagina[data-pagina="demo"] .dm-ind-thema span::before { content:""; flex:0 0 auto; width:12px; height:12px; border-radius:4px; background:var(--ink-200); transition:background .3s, transform .3s var(--ease-emphasized); }
.pagina[data-pagina="demo"] .dm-ind-thema span.aan { background:var(--teal-50); border-color:var(--teal-300); color:var(--teal-900); }
.pagina[data-pagina="demo"] .dm-ind-thema span.aan::before { background:var(--teal-600); transform:scale(1.15); }

.pagina[data-pagina="demo"] .dm-ind-prijs { display:flex; flex-direction:column; justify-content:center; gap:16px; padding:24px; }
.pagina[data-pagina="demo"] .dm-pr-rij { display:grid; grid-template-columns:160px minmax(0,1fr); gap:16px; align-items:center; }
.pagina[data-pagina="demo"] .dm-pr-rij b { font-size:14px; font-weight:600; line-height:1.3; color:var(--ink-600); }
.pagina[data-pagina="demo"] .dm-pr-baan { position:relative; display:block; height:20px; }
.pagina[data-pagina="demo"] .dm-pr-baan i { position:absolute; top:0; bottom:0; left:calc(var(--x) * 100% * var(--t)); width:calc(var(--w) * 100%); border-radius:6px; }
.pagina[data-pagina="demo"] .dm-pr-baan i.d1 { background:var(--teal-300); }
.pagina[data-pagina="demo"] .dm-pr-baan i.d2 { background:var(--teal-500); }
.pagina[data-pagina="demo"] .dm-pr-baan i.d3 { background:var(--teal-700-vlak); }
.pagina[data-pagina="demo"] .dm-pr-tot { padding-top:16px; border-top:1px solid var(--ink-200); }
.pagina[data-pagina="demo"] .dm-pr-tot b { color:var(--teal-800); font-weight:700; }
.pagina[data-pagina="demo"] .dm-pr-tot .dm-pr-baan { height:28px; border-radius:8px; border:2px dashed var(--teal-200); }
.pagina[data-pagina="demo"] .dm-pr-tot .dm-pr-baan i { left:-2px; top:-2px; bottom:-2px; width:calc(100% + 4px); border-radius:8px; background:linear-gradient(90deg,var(--teal-300) 0 42%,var(--teal-500) 42% 75%,var(--teal-700-vlak) 75%); transform:scaleX(var(--t)); transform-origin:left; }

.pagina[data-pagina="demo"] .dm-ind-weken { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:16px 24px; }
.pagina[data-pagina="demo"] .dm-ind-weken > span { display:grid; grid-template-columns:64px repeat(5,minmax(0,1fr)); gap:8px; align-items:center; }
.pagina[data-pagina="demo"] .dm-ind-weken b { font-size:14px; font-weight:600; color:var(--ink-600); }
.pagina[data-pagina="demo"] .dm-wk-kop i { font-style:normal; font-size:14px; font-weight:600; color:var(--ink-500); text-align:center; }
.pagina[data-pagina="demo"] .dm-wk i { display:flex; align-items:center; justify-content:center; height:48px; border-radius:8px; background:var(--paper); border:1px solid var(--ink-100); font-style:normal; font-size:14px; font-weight:700; color:transparent; transition:background .3s, border-color .3s, color .3s; }
.pagina[data-pagina="demo"] .dm-wk i.aan { background:var(--teal-500); border-color:var(--teal-500); }
.pagina[data-pagina="demo"] .dm-wk + .dm-wk i.aan { background:var(--teal-600); border-color:var(--teal-600); }
.pagina[data-pagina="demo"] .dm-wk i.live { border:2px dashed var(--accent-400); color:#6b5210; }
.pagina[data-pagina="demo"] .dm-wk i.live.aan { background:var(--accent-500); border:2px solid var(--accent-500); color:var(--ink-900); box-shadow:0 0 0 3px var(--accent-100); }

.pagina[data-pagina="demo"] .dm-stappen { display:none; }

.pagina[data-pagina="demo"] .dm-rail.dm-scene { position:relative; height:300vh; }
.pagina[data-pagina="demo"] .dm-scene .dm-stage { position:sticky; top:0; height:100svh; overflow:hidden; padding:112px 0 24px; box-sizing:border-box; }
.pagina[data-pagina="demo"] .dm-scene .dm-venster-n { display:inline; }
.pagina[data-pagina="demo"] .dm-scene .dm-mee-rijen { display:grid; }
.pagina[data-pagina="demo"] .dm-scene .dm-mee-rij { grid-area:1 / 1; border-top:0; opacity:0; visibility:hidden; transform:translateY(16px); transition:opacity .4s var(--ease-standard), transform .5s var(--ease-emphasized), visibility 0s .4s; }
.pagina[data-pagina="demo"] .dm-scene .dm-mee-rij.nu { opacity:1; visibility:visible; transform:none; transition:opacity .4s var(--ease-standard) .08s, transform .5s var(--ease-emphasized) .08s, visibility 0s; }
.pagina[data-pagina="demo"] .dm-scene .dm-stappen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:24px; background:var(--ink-100); border:1px solid var(--ink-100); border-radius:12px; overflow:hidden; }
.pagina[data-pagina="demo"] .dm-stap { position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; padding:16px 24px; border:0; background:var(--bg-soft); font-family:var(--font-sans); text-align:left; cursor:pointer; transition:background .24s; }
.pagina[data-pagina="demo"] .dm-stap b { flex:0 0 auto; width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--paper); border:1px solid var(--ink-200); font-size:14px; font-weight:700; color:var(--ink-500); transition:background .24s, color .24s, border-color .24s; }
.pagina[data-pagina="demo"] .dm-stap span { font-size:16px; font-weight:600; line-height:1.3; color:var(--ink-500); transition:color .24s; }
.pagina[data-pagina="demo"] .dm-stap::after { content:""; position:absolute; left:0; bottom:0; height:4px; width:100%; background:var(--teal-500); transform:scaleX(var(--v,0)); transform-origin:left; }
.pagina[data-pagina="demo"] .dm-stap:hover { background:var(--paper); }
.pagina[data-pagina="demo"] .dm-stap.nu { background:var(--paper); }
.pagina[data-pagina="demo"] .dm-stap.nu b { background:var(--teal-600); border-color:var(--teal-600); color:#fff; }
.pagina[data-pagina="demo"] .dm-stap.nu span { color:var(--ink-900); }
.pagina[data-pagina="demo"] .dm-stap:focus-visible { outline:2px solid var(--teal-700); outline-offset:-2px; }

.pagina[data-pagina="demo"] .dm-slot h2 { font-size:clamp(32px,4.2vw,56px); max-width:20ch; margin:0 auto 24px; }
.pagina[data-pagina="demo"] .dm-slot h2 em { padding-right:.06em; }

@media (max-width:1180px) {
  .pagina[data-pagina="demo"] .dm-zien-kop { flex-direction:column; align-items:flex-start; gap:32px; }
  .pagina[data-pagina="demo"] .dm-rol { flex:0 0 auto; width:100%; }
}

@media (max-width:1000px) {
  .pagina[data-pagina="demo"] .dm-plan-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  .pagina[data-pagina="demo"] .dm-feiten { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
  .pagina[data-pagina="demo"] .dm-feit:first-child,
  .pagina[data-pagina="demo"] .dm-feit { padding:24px 0; border-top:1px solid var(--ink-100); }

  .pagina[data-pagina="demo"] .dm-feiten > .dm-feit:last-child:nth-child(odd) { grid-column:1 / -1; }
  .pagina[data-pagina="demo"] .dm-feiten > .dm-feit:last-child:nth-child(odd) p { max-width:560px; }
}

@media (max-width:900px) {
  .pagina[data-pagina="demo"] .dm-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .pagina[data-pagina="demo"] .dm-kaart { display:grid; grid-template-columns:160px minmax(0,1fr); column-gap:24px; align-items:start; }
  .pagina[data-pagina="demo"] .dm-kaart h3 { margin-top:0; }
  .pagina[data-pagina="demo"] .dm-viz { height:88px; }
  .pagina[data-pagina="demo"] .dm-logos li { width:128px; }
}

@media (max-width:600px) {
  .pagina[data-pagina="demo"] .dm-kop h1 { font-size:clamp(32px,9vw,40px); margin:16px 0 24px; }
  .pagina[data-pagina="demo"] .dm-acties { gap:8px 24px; }
  .pagina[data-pagina="demo"] .dm-klanten { margin-top:48px; }
  .pagina[data-pagina="demo"] .dm-logos { gap:8px; }
  .pagina[data-pagina="demo"] .dm-logos li { width:calc((100% - 16px) / 3); height:48px; }
  .pagina[data-pagina="demo"] .dm-logos img { height:calc(var(--h,28px) * .8); max-width:104px; }
  .pagina[data-pagina="demo"] .dm-kaart { display:flex; flex-direction:column; align-items:stretch; padding:16px; }
  .pagina[data-pagina="demo"] .dm-kaart h3 { margin-top:16px; }
  .pagina[data-pagina="demo"] .dm-viz { height:64px; }
  .pagina[data-pagina="demo"] .dm-viz-bron { padding:12px 16px 8px; }
  .pagina[data-pagina="demo"] .dm-viz-vac, .pagina[data-pagina="demo"] .dm-viz-check, .pagina[data-pagina="demo"] .dm-viz-kanaal { gap:4px; padding:8px 16px; }
  .pagina[data-pagina="demo"] .dm-viz-vac span { height:6px; }
  .pagina[data-pagina="demo"] .dm-viz-kanaal span { height:8px; }
  .pagina[data-pagina="demo"] .dm-viz-check b { height:4px; }
  .pagina[data-pagina="demo"] .dm-viz-check i { width:8px; height:8px; }
  .pagina[data-pagina="demo"] .dm-viz-funnel i { height:8px; }
  .pagina[data-pagina="demo"] .dm-kaart h3 { font-size:17px; }
  .pagina[data-pagina="demo"] .dm-kaart p { margin-bottom:12px; }
  .pagina[data-pagina="demo"] .dm-drill { align-items:flex-start; padding:16px; }
  .pagina[data-pagina="demo"] .dm-drill-ic { width:40px; height:40px; }
  .pagina[data-pagina="demo"] .dm-feiten { grid-template-columns:minmax(0,1fr); }
  .pagina[data-pagina="demo"] .dm-feit { grid-template-columns:40px minmax(0,1fr); padding:16px 0; }
  .pagina[data-pagina="demo"] .dm-feit:first-child { padding-top:0; border-top:0; }
  .pagina[data-pagina="demo"] .dm-feit-ic { width:40px; height:40px; }
  .pagina[data-pagina="demo"] .dm-planner-kop { padding:12px 16px; }
  .pagina[data-pagina="demo"] .dm-planner-voet { padding:16px; }
  .pagina[data-pagina="demo"] .dm-terugval { padding:48px 16px; }
  .pagina[data-pagina="demo"] .dm-slot h2 { font-size:clamp(26px,7.2vw,40px); }
}

@media (max-width:400px) {

  .pagina[data-pagina="demo"] .dm-plan > .wrap { padding-left:0; padding-right:0; }
  .pagina[data-pagina="demo"] .dm-plan .sec-head,
  .pagina[data-pagina="demo"] .dm-feiten { padding-left:var(--gut); padding-right:var(--gut); }
  .pagina[data-pagina="demo"] .dm-planner { border-radius:0; border-left:0; border-right:0; }
}

@media (max-height:820px) and (min-width:601px) {
  .pagina[data-pagina="demo"] .dm-scene .dm-stage { padding-top:96px; }
  .pagina[data-pagina="demo"] .dm-scene .dm-mee-kop .sec-lede { display:none; }
  .pagina[data-pagina="demo"] .dm-scene .dm-venster { margin-top:24px; }
}
@media (max-width:1100px) {
  .pagina[data-pagina="demo"] .dm-mee-rij { grid-template-columns:minmax(0,460px) minmax(0,1fr); gap:32px; }
}
@media (max-width:1000px) {

  .pagina[data-pagina="demo"] .dm-kop-held { display:block; min-height:0; padding-top:104px; }
  .pagina[data-pagina="demo"] .dm-kop-beeld { position:relative; top:auto; width:100%; height:clamp(200px, 40vw, 360px); }
  .pagina[data-pagina="demo"] .dm-kopcopy { width:auto; padding:40px 0 48px; }
  .pagina[data-pagina="demo"] .dm-br-breed { display:none; }
  .pagina[data-pagina="demo"] .dm-mee-rij { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px; }
  .pagina[data-pagina="demo"] .dm-mee-ind { height:200px; }
  .pagina[data-pagina="demo"] .dm-mee-tekst { max-width:none; }
  .pagina[data-pagina="demo"] .dm-scene .dm-stage { padding-top:96px; }
}
@media (max-width:900px) {
  .pagina[data-pagina="demo"] .dm-strook { grid-template-columns:minmax(0,1fr); }
  .pagina[data-pagina="demo"] .dm-strook a { padding:16px 0; }
  .pagina[data-pagina="demo"] .dm-strook a + a { border-left:0; border-top:1px solid var(--ink-100); }
}
@media (max-width:600px) {
  .pagina[data-pagina="demo"] .dm-kop-beeld { height:200px; }
  .pagina[data-pagina="demo"] .dm-kop-beeld img { height:84%; }
  .pagina[data-pagina="demo"] .dm-kopcopy { padding:24px 0 40px; }
  .pagina[data-pagina="demo"] .dm-kop h1 { margin:16px 0; }
  .pagina[data-pagina="demo"] .dm-stage { padding:80px 0; }

  .pagina[data-pagina="demo"] .dm-scene .dm-stage { padding:84px 0 16px; }
  .pagina[data-pagina="demo"] .dm-scene .dm-mee-kop .sec-lede,
  .pagina[data-pagina="demo"] .dm-scene .dm-venster-kop { display:none; }
  .pagina[data-pagina="demo"] .dm-mee-kop .sec-title { margin-top:16px; }
  .pagina[data-pagina="demo"] .dm-venster { margin-top:24px; }
  .pagina[data-pagina="demo"] .dm-mee-rij { gap:16px; padding:16px; }
  .pagina[data-pagina="demo"] .dm-mee-tekst h3 { font-size:20px; }
  .pagina[data-pagina="demo"] .dm-mee-ind { height:216px; }

  .pagina[data-pagina="demo"] .dm-ind-thema { grid-template-columns:minmax(0,1fr); grid-auto-rows:20px; gap:4px; align-content:center; padding:12px 16px; }
  .pagina[data-pagina="demo"] .dm-ind-thema span,
  .pagina[data-pagina="demo"] .dm-ind-thema span.aan { padding:0; border:0; border-radius:0; background:none; line-height:20px; }
  .pagina[data-pagina="demo"] .dm-ind-thema span.aan { color:var(--teal-900); }
  .pagina[data-pagina="demo"] .dm-ind-prijs { gap:12px; padding:16px; }
  .pagina[data-pagina="demo"] .dm-pr-rij { grid-template-columns:152px minmax(0,1fr); gap:12px; }
  .pagina[data-pagina="demo"] .dm-pr-tot { padding-top:12px; }
  .pagina[data-pagina="demo"] .dm-ind-weken { padding:16px; }

  .pagina[data-pagina="demo"] .dm-ind-weken { gap:4px; }
  .pagina[data-pagina="demo"] .dm-ind-weken > span { grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
  .pagina[data-pagina="demo"] .dm-ind-weken > span > b { grid-column:1 / -1; line-height:20px; }
  .pagina[data-pagina="demo"] .dm-wk-kop > b { display:none; }
  .pagina[data-pagina="demo"] .dm-wk i { height:36px; }
  .pagina[data-pagina="demo"] .dm-scene .dm-stappen { margin-top:16px; }
  .pagina[data-pagina="demo"] .dm-stap { flex-direction:column; gap:4px; padding:8px 4px 12px; text-align:center; }
  .pagina[data-pagina="demo"] .dm-stap b { width:28px; height:28px; }
  .pagina[data-pagina="demo"] .dm-stap span { font-size:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .pagina[data-pagina="demo"] .dm-kaart,
  .pagina[data-pagina="demo"] .dm-viz *,
  .pagina[data-pagina="demo"] .dm-mee-ind * { transition:none !important; }
  .pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz * { transform:none !important; opacity:1 !important; }
  .pagina[data-pagina="demo"].dm-js .dm-kaart:not(.dm-in) .dm-viz-lijn .was { stroke-dashoffset:0; }
}

.pagina[data-pagina="demo"]:not(.dm-js) .dm-ind-thema span { background:var(--teal-50); border-color:var(--teal-300); color:var(--teal-900); }
.pagina[data-pagina="demo"]:not(.dm-js) .dm-ind-thema span::before { background:var(--teal-600); }
.pagina[data-pagina="demo"]:not(.dm-js) .dm-wk i { background:var(--teal-500); border-color:var(--teal-500); }
.pagina[data-pagina="demo"]:not(.dm-js) .dm-wk i.live { background:var(--accent-500); border:2px solid var(--accent-500); color:var(--ink-900); }

.pagina[data-pagina="demo"] .dm-plan-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px;}
.pagina[data-pagina="demo"] .dm-plan-kop .sec-head{margin-bottom:0;min-width:0;flex:1 1 auto;}
.pagina[data-pagina="demo"] .dm-steunbeeld{flex:0 0 auto;display:block;width:236px;max-width:100%;height:auto;margin:-56px 16px 0 0;}
@media (max-width:900px){
  .pagina[data-pagina="demo"] .dm-steunbeeld{width:150px;margin:-24px 0 0 0;}
}
@media (max-width:600px){
  .pagina[data-pagina="demo"] .dm-plan-kop{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:32px;}
  .pagina[data-pagina="demo"] .dm-steunbeeld{align-self:flex-end;width:132px;margin:0;}
}
@media (max-width:400px){
  .pagina[data-pagina="demo"] .dm-steunbeeld{margin-right:var(--gut);}
}

.pagina[data-pagina^="voor-wie"]{--vx-amber:var(--warning-500);--vx-amber-bg:var(--warning-100);}

.pagina[data-pagina^="voor-wie"] .eyebrow{font-size:14px;}

.pagina[data-pagina^="voor-wie"] .vx-tekstlink{
  font-weight:600;font-size:16px;color:var(--teal-700);text-decoration:none;
  border-bottom:2px solid var(--teal-200);padding-bottom:2px;transition:border-color var(--dur-fast,160ms) ease,color var(--dur-fast,160ms) ease;
}
.pagina[data-pagina^="voor-wie"] .vx-tekstlink:hover{border-color:var(--teal-600);color:var(--teal-800);}

.pagina[data-pagina^="voor-wie"]{--vx-nav:72px;--vx-kop-top:113px;}
.pagina[data-pagina^="voor-wie"] h1,.pagina[data-pagina^="voor-wie"] h2,.pagina[data-pagina^="voor-wie"] h3{text-wrap:balance;}
.pagina[data-pagina^="voor-wie"] .vx-kop{
  position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--vx-kop-top) + 40px) 0 64px;
}
.pagina[data-pagina^="voor-wie"] .vx-kop > .wrap{width:100%;position:relative;z-index:1;}
.pagina[data-pagina^="voor-wie"] .vx-kop-tekst{max-width:calc(50% - 32px);}
.pagina[data-pagina^="voor-wie"] .vx-kop h1{margin-bottom:24px;}
.pagina[data-pagina^="voor-wie"] .vx-kop .vx-nw{white-space:nowrap;}
.pagina[data-pagina^="voor-wie"] .vx-kop .eyebrow{display:flex;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;}
.pagina[data-pagina^="voor-wie"] .vx-kop .lede{max-width:44ch;margin-bottom:0;text-wrap:pretty;}
.pagina[data-pagina^="voor-wie"] .vx-acties{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:32px;}
.pagina[data-pagina^="voor-wie"] .vx-terug{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;
  font-size:15px;font-weight:600;color:var(--ink-500);text-decoration:none;
}
.pagina[data-pagina^="voor-wie"] .vx-terug:hover{color:var(--teal-700);}
.pagina[data-pagina^="voor-wie"] .vx-kop-beeld{
  position:absolute;top:var(--vx-kop-top);right:0;bottom:0;width:50%;margin:0;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:var(--teal-50);
}
.pagina[data-pagina^="voor-wie"] .vx-kop-beeld img{
  display:block;transform:translate3d(0,var(--vx-py,0px),0);will-change:transform;
}
.pagina[data-pagina^="voor-wie"] .vx-kop-illu .vx-kop-beeld img{width:80%;height:80%;object-fit:contain;}
.pagina[data-pagina^="voor-wie"] .vx-kop-portret .vx-kop-beeld img{
  position:absolute;left:0;top:-4%;width:100%;height:108%;object-fit:cover;object-position:50% 18%;
}
@media (max-width:1000px){

  .pagina[data-pagina^="voor-wie"] .vx-kop{display:block;min-height:0;padding:var(--vx-kop-top) 0 64px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-tekst{max-width:none;padding-top:32px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-beeld{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:clamp(200px,40vw,340px);}
  .pagina[data-pagina^="voor-wie"] .vx-kop-beeld img{transform:none;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-illu .vx-kop-beeld img{width:84%;height:84%;}

  .pagina[data-pagina^="voor-wie"] .vx-kop-portret .vx-kop-beeld{height:clamp(240px,52vw,400px);}
  .pagina[data-pagina^="voor-wie"] .vx-kop-portret .vx-kop-beeld img{position:static;width:auto;height:100%;aspect-ratio:576/727;object-fit:cover;}
}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-kop{padding-bottom:48px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-tekst{padding-top:24px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-beeld{height:200px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop-portret .vx-kop-beeld{height:240px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop h1{font-size:clamp(32px,9vw,40px);margin-bottom:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop .lede{font-size:17px;}
  .pagina[data-pagina^="voor-wie"] .vx-terug{margin-bottom:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-kop .eyebrow{margin-bottom:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-acties{margin-top:24px;gap:16px 24px;}
}

.pagina[data-pagina^="voor-wie"] .vx-ingangen{background:var(--bg-soft);}
.pagina[data-pagina^="voor-wie"] .vx-drie{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px;align-items:start;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-type{grid-column:1 / -1;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-type .vx-kaarten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;}
.pagina[data-pagina^="voor-wie"] .vx-kaarten > div{display:flex;}
.pagina[data-pagina^="voor-wie"] .vx-kaarten > div > .vx-kaart{flex:1;}
.pagina[data-pagina^="voor-wie"] .vx-kolomkop{
  margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--ink-100);
  font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);
}
.pagina[data-pagina^="voor-wie"] .vx-kolom-type .vx-kolomkop{color:var(--teal-700);border-color:var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-kaarten{display:flex;flex-direction:column;gap:16px;}

.pagina[data-pagina^="voor-wie"] .vx-kaart{
  position:relative;display:grid;grid-template-columns:48px 1fr 32px;gap:16px;align-items:start;
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:24px;
  color:var(--ink-800);text-decoration:none;box-shadow:var(--shadow-sm);
  transition:transform .28s var(--ease-standard,ease),border-color .28s ease,box-shadow .28s ease;
}
.pagina[data-pagina^="voor-wie"] .vx-kaart:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-md);border-color:var(--teal-500);}
.pagina[data-pagina^="voor-wie"] .vx-ico{
  width:48px;height:48px;border-radius:12px;background:var(--teal-50);border:1px solid var(--teal-200);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.pagina[data-pagina^="voor-wie"] .vx-ico svg{width:24px;height:24px;fill:none;stroke:var(--teal-700);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina^="voor-wie"] .vx-ico.klein{width:40px;height:40px;border-radius:12px;background:var(--paper);border-color:var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-ico.klein svg{width:20px;height:20px;stroke:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-kaart-tekst{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-kaart-naam{font-size:21px;line-height:1.25;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;font-weight:700;letter-spacing:-.01em;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-kaart-regel{font-size:15px;font-weight:600;color:var(--teal-700);line-height:1.4;}
.pagina[data-pagina^="voor-wie"] .vx-kaart-zin{font-size:16px;line-height:1.55;color:var(--ink-600);margin-top:8px;max-width:44ch;}
.pagina[data-pagina^="voor-wie"] .vx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.pagina[data-pagina^="voor-wie"] .vx-chips span{
  font-size:14px;font-weight:600;line-height:1.3;color:var(--ink-700);
  background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:999px;padding:4px 12px;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.pagina[data-pagina^="voor-wie"] .vx-kaart-naar{
  width:32px;height:32px;border-radius:50%;background:var(--teal-50);display:flex;align-items:center;justify-content:center;
  transition:transform .28s var(--ease-standard,ease),background .28s ease;margin-top:8px;
}
.pagina[data-pagina^="voor-wie"] .vx-kaart-naar svg{width:16px;height:16px;fill:none;stroke:var(--teal-700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media (hover:hover){
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover{transform:translateY(-4px);border-color:var(--teal-300);box-shadow:var(--shadow-lg);}
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover .vx-kaart-naar{background:var(--teal-600);transform:translateX(4px);}
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover .vx-kaart-naar svg{stroke:#fff;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover .vx-chips span{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-800);}
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover .vx-chips span:nth-child(2){transition-delay:.06s;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart:hover .vx-chips span:nth-child(3){transition-delay:.12s;}
}

.pagina[data-pagina^="voor-wie"] .vx-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-item{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-item:first-child{padding-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-item > span{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-item b{font-size:17px;line-height:1.35;color:var(--ink-800);font-weight:700;}
.pagina[data-pagina^="voor-wie"] .vx-item > span > span{font-size:15px;line-height:1.5;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-use q{font-size:16px;line-height:1.55;color:var(--ink-600);quotes:"\201C" "\201D";margin-top:4px;}
.pagina[data-pagina^="voor-wie"] .vx-use small{font-size:14px;color:var(--ink-500);margin-top:4px;}
@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"] .vx-drie{gap:48px 40px;}
  .pagina[data-pagina^="voor-wie"] .vx-kolom-type .vx-kaarten{gap:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;height:100%;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart .vx-ico{width:40px;height:40px;}
  .pagina[data-pagina^="voor-wie"] .vx-kaarten > div{display:flex;}
  .pagina[data-pagina^="voor-wie"] .vx-kaarten > div > .vx-kaart{flex:1;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart-naar{display:none;}
}
@media (max-width:760px){
  .pagina[data-pagina^="voor-wie"] .vx-drie{grid-template-columns:1fr;gap:48px;}
  .pagina[data-pagina^="voor-wie"] .vx-kolom-type .vx-kaarten{grid-template-columns:1fr;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart{grid-template-columns:40px 1fr;padding:16px;gap:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart .vx-ico{width:40px;height:40px;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart-naar{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-kaart-naam{font-size:19px;}
}

.pagina[data-pagina^="voor-wie"] .vx-sit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;}
.pagina[data-pagina^="voor-wie"] .vx-sit-tekst .eyebrow{display:flex;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;}
.pagina[data-pagina^="voor-wie"] .vx-sit-tekst p{font-size:18px;line-height:1.65;color:var(--ink-700);margin:0 0 16px;max-width:60ch;}
.pagina[data-pagina^="voor-wie"] .vx-sit-tekst p.vx-bron-alinea{font-size:19px;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-sit-tekst p.vx-bijzin{color:var(--ink-500);font-size:17px;}
.pagina[data-pagina^="voor-wie"] .vx-onder{font-size:15px !important;color:var(--ink-500) !important;margin-top:-8px !important;}
.pagina[data-pagina^="voor-wie"] .vx-sit-kant{display:flex;flex-direction:column;gap:24px;}

.pagina[data-pagina="voor-wie-corporate"] .vx-sit-grid{align-items:center;}

.pagina[data-pagina^="voor-wie"] .vx-quote{margin:0;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);position:relative;}
.pagina[data-pagina^="voor-wie"] .vx-quote blockquote{margin:0 0 24px;padding-left:16px;border-left:3px solid var(--accent-500);font-size:20px;line-height:1.5;font-weight:600;color:var(--ink-900);letter-spacing:-.01em;}
.pagina[data-pagina^="voor-wie"] .vx-quote figcaption{display:flex;align-items:center;gap:16px;}
.pagina[data-pagina^="voor-wie"] .vx-quote figcaption > span{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-quote figcaption b{font-size:16px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-quote figcaption small{font-size:14px;line-height:1.4;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;display:block;background:var(--teal-50);}
.pagina[data-pagina^="voor-wie"] .vx-ini{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--teal-800);border:1px solid var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-q-noot{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--ink-100);font-size:16px;line-height:1.55;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-q-noot a{color:var(--teal-700);font-weight:600;}
.pagina[data-pagina^="voor-wie"] .vx-feit{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:16px;background:var(--teal-50);border:1px solid var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-feit > span{display:flex;flex-direction:column;gap:4px;}
.pagina[data-pagina^="voor-wie"] .vx-feit b{font-size:16px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-feit small{font-size:14px;line-height:1.45;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-kader{background:var(--teal-50);border:1px solid var(--teal-200);border-radius:20px;padding:32px;}
.pagina[data-pagina^="voor-wie"] .vx-kader h3{margin:0 0 8px;font-size:20px;line-height:1.3;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-kader p{margin:0 0 16px;font-size:16px;line-height:1.6;color:var(--ink-700);}
.pagina[data-pagina^="voor-wie"] p.vx-bron-zin{font-size:16px;line-height:1.6;color:var(--ink-600);margin:0;padding-left:16px;border-left:3px solid var(--teal-200);}

.pagina[data-pagina^="voor-wie"] .vx-landschap{background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:20px;padding:24px;}
.pagina[data-pagina^="voor-wie"] .vx-l-kop{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-l-kop > span:last-child{display:flex;flex-direction:column;gap:2px;}
.pagina[data-pagina^="voor-wie"] .vx-l-kop b{font-size:16px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-l-kop small{font-size:14px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-l-titel{margin:16px 0 12px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-l-bronnen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-right:8px;}
.pagina[data-pagina^="voor-wie"] .vx-l-bron{position:relative;display:flex;align-items:center;min-height:56px;padding:12px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--ink-200);font-size:15px;font-weight:600;line-height:1.35;color:var(--ink-800);overflow-wrap:anywhere;hyphens:auto;}
.pagina[data-pagina^="voor-wie"] .vx-l-stapel{box-shadow:4px 4px 0 -1px var(--paper),4px 4px 0 0 var(--ink-200),8px 8px 0 -1px var(--paper),8px 8px 0 0 var(--ink-200);}
.pagina[data-pagina^="voor-wie"] .vx-l-lijn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;height:32px;margin-right:8px;}
.pagina[data-pagina^="voor-wie"] .vx-l-lijn i{display:block;margin:0 auto;width:2px;height:100%;background:repeating-linear-gradient(180deg,var(--vx-amber) 0 4px,transparent 4px 8px);}
.pagina[data-pagina^="voor-wie"] .vx-l-doel{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--warning-100);border:1px solid #f1d4ad;font-size:15px;font-weight:600;line-height:1.35;color:#6f3f12;}
.pagina[data-pagina^="voor-wie"] .vx-l-doel svg{width:24px;height:24px;flex:none;fill:none;stroke:#a2601f;stroke-width:1.6;stroke-linejoin:round;}

.pagina[data-pagina^="voor-wie"] .vx-vergelijk{width:100%;table-layout:fixed;border-collapse:collapse;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;margin-top:24px;font-size:16px;background:var(--paper);border:1px solid var(--ink-100);border-radius:16px;overflow:hidden;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk th,.pagina[data-pagina^="voor-wie"] .vx-vergelijk td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ink-100);line-height:1.45;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk tbody tr:last-child > *{border-bottom:0;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk thead th{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);background:var(--bg-soft);}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk thead th:last-child{color:var(--teal-700);}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk tbody th{font-weight:600;color:var(--ink-600);width:28%;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk td{color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk td:last-child{color:var(--ink-900);font-weight:600;background:var(--teal-50);}

@media (max-width:1000px){
  .pagina[data-pagina^="voor-wie"] .vx-sit-grid{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-sit-tekst p{font-size:17px;}
  .pagina[data-pagina^="voor-wie"] .vx-sit-tekst p.vx-bron-alinea{font-size:17px;}
  .pagina[data-pagina^="voor-wie"] .vx-quote{padding:24px;}
  .pagina[data-pagina^="voor-wie"] .vx-quote blockquote{font-size:18px;padding-left:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-kader{padding:24px;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk{font-size:15px;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk th,.pagina[data-pagina^="voor-wie"] .vx-vergelijk td{padding:12px;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk tbody th{width:32%;}
}

.pagina[data-pagina^="voor-wie"] .vx-situatie,.pagina[data-pagina^="voor-wie"] .vx-beeld{background:var(--paper);}
.pagina[data-pagina^="voor-wie"] .vx-situatie{border-top:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-scene-sec{background:var(--teal-50);border-top:1px solid var(--teal-100);border-bottom:1px solid var(--teal-100);}
.pagina[data-pagina^="voor-wie"] .vx-systemen{background:var(--bg-soft);}

.pagina[data-pagina^="voor-wie"] .vx-paneel{background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;padding:32px;box-shadow:var(--shadow-xl);min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-paneel-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-paneel-kop b{font-size:18px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-paneel-kop span{font-size:14px;color:var(--ink-500);}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-paneel{padding:16px;border-radius:20px;}
}

.pagina[data-pagina^="voor-wie"] .vx-inds{display:grid;gap:12px;margin-top:24px;}
.pagina[data-pagina^="voor-wie"] .vx-ind{
  display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:12px;align-items:center;
  margin-top:24px;padding:16px;border-radius:16px;background:var(--vx-amber-bg);border:1px solid #f1d4ad;
}
.pagina[data-pagina^="voor-wie"] .vx-inds .vx-ind{margin-top:0;}
.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"]{background:var(--teal-50);border-color:var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-ind-teken{width:40px;height:40px;border-radius:50%;background:var(--vx-amber);display:flex;align-items:center;justify-content:center;grid-row:1 / 3;}
.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"] .vx-ind-teken{background:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-ind-teken svg{width:18px;height:18px;fill:#fff;stroke:#fff;stroke-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-ind-teken .vx-vink{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina^="voor-wie"] .vx-ind-tekst{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-ind-tekst b{font-size:17px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-ind-tekst span{font-size:15px;line-height:1.45;color:var(--ink-700);}
.pagina[data-pagina^="voor-wie"] .vx-meter{height:8px;border-radius:4px;background:rgba(214,135,60,.18);overflow:hidden;display:block;}
.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"] .vx-meter{background:rgba(26,146,139,.14);}
.pagina[data-pagina^="voor-wie"] .vx-meter em{display:block;height:100%;width:calc(var(--v) * 100%);background:var(--vx-amber);border-radius:4px;transform-origin:left;transition:transform .9s var(--ease-standard,ease) .5s;}
.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"] .vx-meter em{background:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-regel{margin:24px 0 0;padding:16px 24px;border-radius:16px;background:var(--bg-soft);font-size:16px;line-height:1.6;color:var(--ink-700);}
.pagina[data-pagina^="voor-wie"] .vx-regel > span{display:block;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-700);margin-bottom:4px;}
.pagina[data-pagina^="voor-wie"] .vx-regel q{quotes:none;}

.pagina[data-pagina^="voor-wie"] .vx-urenrij{display:grid;grid-template-columns:128px 1fr 72px;grid-template-areas:"bron bar getal" "bron wat getal";column-gap:16px;row-gap:8px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-ur-bron{grid-area:bron;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-ur-wat{grid-area:wat;font-size:15px;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-ur-getal{grid-area:getal;text-align:right;font-size:18px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;}
.pagina[data-pagina^="voor-wie"] .vx-ur-boek .vx-ur-getal{font-size:15px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-bar{grid-area:bar;display:flex;height:32px;border-radius:8px;background:var(--ink-50);overflow:hidden;}
.pagina[data-pagina^="voor-wie"] .vx-bar i{display:block;height:100%;width:calc(var(--w) * 100%);background:linear-gradient(90deg,var(--teal-500),var(--teal-600));transform-origin:left;transition:transform .8s var(--ease-standard,ease);}
.pagina[data-pagina^="voor-wie"] .vx-bar s{display:flex;align-items:center;justify-content:space-evenly;gap:4px;height:100%;width:calc(var(--w) * 100%);text-decoration:none;
  background:repeating-linear-gradient(135deg,var(--warning-100) 0 8px,#f7dfbf 8px 16px);border-left:2px solid var(--vx-amber);transition:opacity .5s ease .7s;overflow:hidden;}
.pagina[data-pagina^="voor-wie"] .vx-bar-leeg{background:repeating-linear-gradient(90deg,var(--ink-100) 0 6px,transparent 6px 12px);height:4px;align-self:center;}
.pagina[data-pagina^="voor-wie"] .vx-uren .vx-ind{margin-top:24px;}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-urenrij{grid-template-columns:1fr 64px;grid-template-areas:"bron getal" "bar bar" "wat wat";}
}

.pagina[data-pagina^="voor-wie"] .vx-g{display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-g-kop,.pagina[data-pagina^="voor-wie"] .vx-g-rij{display:grid;grid-template-columns:176px 1fr;column-gap:16px;align-items:center;}
.pagina[data-pagina^="voor-wie"] .vx-g-kop{grid-template-columns:176px repeat(4,1fr);padding-bottom:8px;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-g-kop span{font-size:14px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-g-rij{padding:12px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-g-naam{font-size:15px;font-weight:600;color:var(--ink-800);display:flex;flex-direction:column;gap:2px;line-height:1.3;}
.pagina[data-pagina^="voor-wie"] .vx-g-naam small{font-size:14px;font-weight:500;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-g-rij[data-status="af"] .vx-g-naam small{color:#a2601f;}
.pagina[data-pagina^="voor-wie"] .vx-g-rij[data-status="verlenging"] .vx-g-naam small{color:#a2601f;}
.pagina[data-pagina^="voor-wie"] .vx-g-baan{position:relative;height:32px;border-radius:8px;
  background:linear-gradient(90deg,transparent calc(25% - 1px),var(--ink-100) calc(25% - 1px) 25%,transparent 25% calc(50% - 1px),var(--ink-100) calc(50% - 1px) 50%,transparent 50% calc(75% - 1px),var(--ink-100) calc(75% - 1px) 75%,transparent 75%),var(--bg-soft);}
.pagina[data-pagina^="voor-wie"] .vx-g-baan i{position:absolute;top:4px;bottom:4px;left:calc(var(--s) * 25% + 2px);width:calc((var(--e) - var(--s)) * 25% - 4px);border-radius:6px;display:flex;align-items:center;justify-content:center;}
.pagina[data-pagina^="voor-wie"] .vx-g-op{background:linear-gradient(90deg,var(--teal-500),var(--teal-600));transform-origin:left;transition:transform .7s var(--ease-standard,ease) calc(var(--i,0) * .08s);}
.pagina[data-pagina^="voor-wie"] .vx-g-rij{--i:0;}
.pagina[data-pagina^="voor-wie"] .vx-g-verl{border:2px dashed var(--vx-amber);background:var(--warning-100);transition:opacity .5s ease .8s;}
.pagina[data-pagina^="voor-wie"] .vx-g-bank{background:repeating-linear-gradient(135deg,#fbe6c8 0 8px,#f4d2a4 8px 16px);border:1px solid #e9b877;transition:opacity .5s ease .9s;}
.pagina[data-pagina^="voor-wie"] .vx-g-baan i.vx-g-bank{top:0;bottom:0;}
.pagina[data-pagina^="voor-wie"] .vx-g-bank span{font-size:14px;line-height:1;font-weight:700;color:#7a430f;}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-g-kop{grid-template-columns:repeat(4,1fr);column-gap:0;}
  .pagina[data-pagina^="voor-wie"] .vx-g-kop > span:first-child{grid-column:1 / -1;margin-bottom:4px;}
  .pagina[data-pagina^="voor-wie"] .vx-g-kop span{font-size:14px;}
  .pagina[data-pagina^="voor-wie"] .vx-g-rij{grid-template-columns:1fr;row-gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-g-naam{flex-direction:row;gap:8px;align-items:baseline;flex-wrap:wrap;}
}

.pagina[data-pagina^="voor-wie"] .vx-j-banen{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.pagina[data-pagina^="voor-wie"] .vx-j-baan{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);padding:8px 12px;border-radius:8px;background:var(--bg-soft);border-top:3px solid var(--ink-200);}
.pagina[data-pagina^="voor-wie"] .vx-j-baan[data-journey="2"]{color:var(--teal-800);background:var(--teal-50);border-top-color:var(--teal-500);}
.pagina[data-pagina^="voor-wie"] .vx-j{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;}
.pagina[data-pagina^="voor-wie"] .vx-j::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:2px;background:var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-j-stap{position:relative;display:flex;flex-direction:column;gap:12px;transition:opacity .45s ease calc(var(--i) * .22s + .1s),transform .45s ease calc(var(--i) * .22s + .1s);}
.pagina[data-pagina^="voor-wie"] .vx-j-kanaal{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:var(--paper);border:2px solid var(--ink-200);color:var(--ink-600);position:relative;z-index:1;}
.pagina[data-pagina^="voor-wie"] .vx-j-stap[data-journey="2"] .vx-j-kanaal{border-color:var(--teal-500);color:var(--teal-800);}
.pagina[data-pagina^="voor-wie"] .vx-j-stap[data-uit="ja"] .vx-j-kanaal{background:var(--teal-600);border-color:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-j-ico{display:flex;}
.pagina[data-pagina^="voor-wie"] .vx-j-ico svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina^="voor-wie"] .vx-j-wat{display:flex;flex-direction:column;gap:4px;}
.pagina[data-pagina^="voor-wie"] .vx-j-wat b{font-size:15px;line-height:1.4;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-j-wat span{font-size:14px;line-height:1.45;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-j-stap[data-uit="ja"] .vx-j-wat span{color:var(--teal-700);font-weight:600;}
.pagina[data-pagina^="voor-wie"] .vx-journey .vx-ind[data-richting="op"] .vx-meter em{width:100%;}
@media (max-width:760px){
  .pagina[data-pagina^="voor-wie"] .vx-j-banen{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-j{grid-template-columns:1fr;gap:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-j::before{left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto;}
  .pagina[data-pagina^="voor-wie"] .vx-j-stap{flex-direction:row;align-items:flex-start;gap:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-j-kanaal{flex:none;}
  .pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(3){margin-top:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(1)::after,.pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(3)::after{
    position:absolute;right:0;top:0;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:6px;
  }
  .pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(1)::after{content:"Journey 1";color:var(--ink-500);background:var(--bg-soft);}
  .pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(3)::after{content:"Journey 2";color:var(--teal-800);background:var(--teal-50);}
  .pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(1) .vx-j-wat,.pagina[data-pagina^="voor-wie"] .vx-j-stap:nth-child(3) .vx-j-wat{padding-right:96px;}
}

.pagina[data-pagina^="voor-wie"] .vx-k-kop,.pagina[data-pagina^="voor-wie"] .vx-k li{display:grid;grid-template-columns:1fr 112px 112px;gap:16px;align-items:center;}
.pagina[data-pagina^="voor-wie"] .vx-k-kop{padding-bottom:8px;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-k-kop span{font-size:14px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-k-kop span:not(:first-child){text-align:center;}
.pagina[data-pagina^="voor-wie"] .vx-k-kop span:last-child{color:var(--teal-700);}
.pagina[data-pagina^="voor-wie"] .vx-k{list-style:none;margin:0;padding:0;}
.pagina[data-pagina^="voor-wie"] .vx-k li{padding:12px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-k-post{font-size:15px;line-height:1.45;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-k-cel{display:flex;justify-content:center;}
.pagina[data-pagina^="voor-wie"] .vx-k-cel svg{width:28px;height:28px;border-radius:50%;padding:6px;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s ease calc(var(--i) * .1s + .2s),transform .35s ease calc(var(--i) * .1s + .2s);}
.pagina[data-pagina^="voor-wie"] .vx-k li{--i:0;}
.pagina[data-pagina^="voor-wie"] .vx-k-cel[data-ja="1"] svg{background:var(--teal-600);stroke:#fff;}
.pagina[data-pagina^="voor-wie"] .vx-k-cel[data-ja="0"] svg{background:var(--warning-100);stroke:#a2601f;}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-k-kop,.pagina[data-pagina^="voor-wie"] .vx-k li{grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-k-kop span{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;}
  .pagina[data-pagina^="voor-wie"] .vx-k-kop span{font-size:14px;line-height:1.3;}
}

.pagina[data-pagina^="voor-wie"] .vx-beeld-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:start;}
.pagina[data-pagina^="voor-wie"] .vx-venster{background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-v-balk{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--ink-100);background:var(--bg-soft);flex-wrap:wrap;}
.pagina[data-pagina^="voor-wie"] .vx-v-balk > i{width:10px;height:10px;border-radius:50%;background:var(--ink-200);display:block;}
.pagina[data-pagina^="voor-wie"] .vx-v-titel{margin-left:8px;font-size:15px;font-weight:700;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-v-tabs{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;}
.pagina[data-pagina^="voor-wie"] .vx-v-tab{font-size:14px;font-weight:600;color:var(--ink-500);padding:4px 12px;border-radius:999px;}
.pagina[data-pagina^="voor-wie"] .vx-v-tab.aan{background:var(--teal-600);color:#fff;}
.pagina[data-pagina^="voor-wie"] .vx-v-body{padding:24px;}
.pagina[data-pagina^="voor-wie"] .vx-v-voet{padding:12px 16px;border-top:1px solid var(--ink-100);font-size:14px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-tegels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.pagina[data-pagina^="voor-wie"] .vx-tegels-drie{margin-top:12px;}
.pagina[data-pagina^="voor-wie"] .vx-tegel{border:1px solid var(--ink-100);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0;background:var(--paper);}
.pagina[data-pagina^="voor-wie"] .vx-tegel[data-toon="amber"]{background:var(--warning-100);border-color:#f1d4ad;}
.pagina[data-pagina^="voor-wie"] .vx-t-label{font-size:15px;font-weight:700;color:var(--ink-900);line-height:1.3;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
.pagina[data-pagina^="voor-wie"] .vx-t-sub{font-size:14px;line-height:1.4;color:var(--ink-500);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
.pagina[data-pagina^="voor-wie"] .vx-spark{width:100%;height:36px;margin-top:auto;padding-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-spark path{fill:none;stroke:var(--teal-600);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;}
.pagina[data-pagina^="voor-wie"] .vx-balkjes{display:flex;align-items:flex-end;gap:4px;height:36px;margin-top:auto;padding-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-balkjes i{flex:1;height:calc(var(--h) * 100%);border-radius:3px;background:var(--teal-400);}
.pagina[data-pagina^="voor-wie"] .vx-tegel[data-toon="amber"] .vx-balkjes i{background:var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-skel{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-skel i{height:8px;border-radius:4px;background:var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-skel i:last-child{width:60%;}
.pagina[data-pagina^="voor-wie"] .vx-beeld-links{display:flex;flex-direction:column;gap:24px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-beeld-kant{display:flex;flex-direction:column;gap:16px;}
.pagina[data-pagina^="voor-wie"] .vx-beeld-kant h3{margin:0;font-size:20px;line-height:1.3;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-beeld-kant h3 + p,.pagina[data-pagina^="voor-wie"] .vx-beeld-kant p + h3{margin-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-plekken{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-plekken li{padding:12px 0;border-bottom:1px solid var(--ink-100);display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:1.55;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-plekken li b{color:var(--ink-900);font-size:16px;}
.pagina[data-pagina^="voor-wie"] .vx-plekken-vink li{flex-direction:row;align-items:flex-start;gap:12px;}
.pagina[data-pagina^="voor-wie"] .vx-plekken-vink .vx-vink{width:24px;height:24px;flex:none;border-radius:50%;background:var(--teal-600);padding:5px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px;}
.pagina[data-pagina^="voor-wie"] .vx-chips-groot{margin-top:0;}

.pagina[data-pagina^="voor-wie"] .vx-kanalen{display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-kr{display:grid;grid-template-columns:96px repeat(3,1fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-kr-kop span{font-size:14px;font-weight:600;color:var(--ink-500);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;line-height:1.25;}
.pagina[data-pagina^="voor-wie"] .vx-kr-naam{font-size:15px;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-kr-cel{height:12px;border-radius:6px;background:var(--ink-50);overflow:hidden;display:block;}
.pagina[data-pagina^="voor-wie"] .vx-kr-cel i{display:block;height:100%;width:calc(var(--w) * 100%);background:var(--teal-400);border-radius:6px;}
.pagina[data-pagina^="voor-wie"] .vx-kr > .vx-kr-cel:nth-child(3) i{background:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-kr > .vx-kr-cel:nth-child(4) i{background:var(--accent-500);}

.pagina[data-pagina^="voor-wie"] .vx-afd{display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-a-rij{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-a-kop span{font-size:14px;font-weight:600;color:var(--ink-500);line-height:1.3;}
.pagina[data-pagina^="voor-wie"] .vx-a-kop span:not(:first-child){text-align:center;}
.pagina[data-pagina^="voor-wie"] .vx-a-naam{font-size:15px;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-a-cel{display:flex;justify-content:center;align-items:center;gap:4px;}
.pagina[data-pagina^="voor-wie"] .vx-a-cel i{width:10px;height:10px;border-radius:50%;background:var(--teal-300);display:block;}
.pagina[data-pagina^="voor-wie"] .vx-a-cel[data-richting="op"]{background:var(--warning-100);border-radius:999px;padding:4px 8px;}
.pagina[data-pagina^="voor-wie"] .vx-a-cel[data-richting="op"] svg{width:14px;height:14px;fill:var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-a-cel[data-richting="op"] span{font-size:14px;font-weight:700;color:#8a4f16;}

@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"] .vx-beeld-grid{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:760px){
  .pagina[data-pagina^="voor-wie"] .vx-tegels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .pagina[data-pagina^="voor-wie"] .vx-v-tabs{margin-left:0;width:100%;}
}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-v-body{padding:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-tegel{padding:12px;}
  .pagina[data-pagina^="voor-wie"] .vx-kr{grid-template-columns:72px repeat(3,1fr);gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-kr-kop span{font-size:14px;}
  .pagina[data-pagina^="voor-wie"] .vx-a-rij{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:8px;column-gap:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-a-kop{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-a-rij:nth-child(n+5){display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-a-naam{grid-column:1 / -1;}
  .pagina[data-pagina^="voor-wie"] .vx-a-cel{justify-content:space-between;padding:4px 8px;}
  .pagina[data-pagina^="voor-wie"] .vx-a-cel::before{content:attr(data-label);font-size:14px;color:var(--ink-600);margin-right:auto;padding-right:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-a-cel[data-richting="op"]{border-radius:8px;}
}

.pagina[data-pagina^="voor-wie"] .vx-groepen{display:flex;flex-direction:column;gap:16px;}
.pagina[data-pagina^="voor-wie"] .vx-groep{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;padding:24px 32px;background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;}
.pagina[data-pagina^="voor-wie"] .vx-groep-kop h3{margin:0 0 4px;font-size:20px;line-height:1.3;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-groep-kop p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;}
.pagina[data-pagina^="voor-wie"] .vx-logos li{display:flex;align-items:center;height:40px;}
.pagina[data-pagina^="voor-wie"] .vx-logos img{height:24px;width:auto;max-width:112px;object-fit:contain;display:block;}
.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="otys"]{height:28px;}
.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="googleanalytics"]{height:40px;}
.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="byner"],.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="bullhorn"]{height:30px;}
.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="pivoton"]{max-width:120px;height:26px;}
.pagina[data-pagina^="voor-wie"] .vx-logos img[data-logo="tigris"]{height:28px;}
.pagina[data-pagina^="voor-wie"] .vx-alle{margin:32px 0 0;}
@media (max-width:1000px){
  .pagina[data-pagina^="voor-wie"] .vx-groep{grid-template-columns:1fr;gap:16px;padding:24px;}
}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-logos{gap:16px 24px;}
}

.pagina[data-pagina^="voor-wie"] .vx-anders{padding:32px 0;border-top:1px solid var(--ink-100);background:var(--paper);}
.pagina[data-pagina^="voor-wie"] .vx-anders-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;}
.pagina[data-pagina^="voor-wie"] .vx-anders-label{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-anders ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.pagina[data-pagina^="voor-wie"] .vx-anders ul a{display:inline-block;font-size:15px;font-weight:600;color:var(--ink-800);text-decoration:none;padding:8px 16px;border:1px solid var(--ink-100);border-radius:999px;background:var(--bg-soft);transition:border-color .2s ease,background .2s ease,color .2s ease;}
.pagina[data-pagina^="voor-wie"] .vx-anders ul a:hover{border-color:var(--teal-300);background:var(--teal-50);color:var(--teal-800);}
.pagina[data-pagina^="voor-wie"] .vx-anders-alle{margin-left:auto;font-size:15px;font-weight:600;color:var(--teal-700);text-decoration:none;}
@media (max-width:760px){.pagina[data-pagina^="voor-wie"] .vx-anders-alle{margin-left:0;}}

.pagina[data-pagina^="voor-wie"] .vx-door h2{margin-bottom:24px;font-size:clamp(32px,4.2vw,56px);}
@media (max-width:600px){.pagina[data-pagina^="voor-wie"] .vx-door h2{font-size:clamp(26px,7.2vw,40px);}}

.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-bar i,
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-g-op,
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-meter em{transform:scaleX(0);}
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-bar s,
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-g-verl,
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-g-bank{opacity:0;}
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-j-stap{opacity:0;transform:translateY(12px);}
.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-k-cel svg{opacity:0;transform:scale(.6);}
@media (prefers-reduced-motion:reduce){
  .pagina[data-pagina^="voor-wie"] *{transition:none !important;}
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-bar i,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-g-op,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-meter em,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-k-cel svg,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-j-stap{transform:none !important;opacity:1 !important;}
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-bar s,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-g-verl,
  .pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-g-bank{opacity:1 !important;}
}

.pagina[data-pagina^="voor-wie"] .vx-beeld-grid > *,.pagina[data-pagina^="voor-wie"] .vx-sit-grid > *,.pagina[data-pagina^="voor-wie"] .vx-kr > *{min-width:0;}

.pagina[data-pagina^="voor-wie"] .vx-kolom-stil .vx-item{grid-template-columns:12px 1fr;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-stil .vx-item .vx-ico{width:8px;height:8px;border-radius:50%;background:var(--ink-200);border:0;margin-top:8px;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-stil .vx-item .vx-ico svg{display:none;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-stil .vx-item b{color:var(--ink-500);font-weight:600;}
.pagina[data-pagina^="voor-wie"] .vx-kolom-stil .vx-item > span > span{color:var(--ink-500);}

.pagina[data-pagina^="voor-wie"] .vx-meter-huls{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-meter-deel{background:var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-ind .vx-meter-deel em,.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"] .vx-meter-deel em{background:var(--teal-600);border-radius:4px 0 0 4px;}
.pagina[data-pagina^="voor-wie"] .vx-ind[data-richting="goed"] .vx-meter-deel{background:rgba(26,146,139,.14);}
.pagina[data-pagina^="voor-wie"] .vx-meter-lab{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:1.3;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-meter-lab span:first-child{color:var(--teal-800);}
.pagina[data-pagina^="voor-wie"] .vx-ind-kaal{grid-template-rows:auto;}
.pagina[data-pagina^="voor-wie"] .vx-ind-kaal .vx-ind-teken{grid-row:auto;}

.pagina[data-pagina^="voor-wie"] .vx-citaat{margin:0 0 16px;padding:16px 24px;border-left:3px solid var(--accent-500);background:var(--bg-soft);border-radius:0 12px 12px 0;}
.pagina[data-pagina^="voor-wie"] .vx-citaat p{margin:0;font-size:18px;line-height:1.55;font-weight:600;color:var(--ink-900);quotes:"\201C" "\201D";}
.pagina[data-pagina^="voor-wie"] .vx-citaat p::before{content:open-quote;}
.pagina[data-pagina^="voor-wie"] .vx-citaat p::after{content:close-quote;}
.pagina[data-pagina^="voor-wie"] .vx-citaat footer{margin-top:8px;font-size:14px;color:var(--ink-500);}

.pagina[data-pagina^="voor-wie"] .vx-weken{display:flex;flex-direction:column;gap:12px;}
.pagina[data-pagina^="voor-wie"] .vx-w-grafiek{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;height:200px;align-items:end;padding-top:24px;border-bottom:1px solid var(--ink-200);}
.pagina[data-pagina^="voor-wie"] .vx-w-contract{position:absolute;left:0;right:0;top:24px;border-top:2px dashed var(--ink-400);z-index:1;pointer-events:none;}
.pagina[data-pagina^="voor-wie"] .vx-w-contract span{position:absolute;right:0;top:-24px;font-size:14px;line-height:20px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-w-kol{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;}
.pagina[data-pagina^="voor-wie"] .vx-w-staaf{display:block;height:calc(var(--h) * (100% - 24px));}
.pagina[data-pagina^="voor-wie"] .vx-w-staaf i{display:block;height:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--teal-500),var(--teal-600));transform-origin:bottom;transition:transform .6s var(--ease-standard,ease) calc(var(--i) * .06s);}
.pagina[data-pagina^="voor-wie"] .vx-w-kol[data-soort="forecast"] .vx-w-staaf i{background:repeating-linear-gradient(135deg,var(--teal-100) 0 6px,var(--teal-200) 6px 12px);border:2px dashed var(--teal-400);border-bottom:0;}
.pagina[data-pagina^="voor-wie"] .vx-w-lab{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:14px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-w-nu::before{content:"";position:absolute;left:-7px;top:0;bottom:0;border-left:2px solid var(--accent-500);}
.pagina[data-pagina^="voor-wie"] .vx-w-as{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:24px;font-size:14px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-w-as span:first-child{grid-column:1 / 4;}
.pagina[data-pagina^="voor-wie"] .vx-w-vandaag{grid-column:6 / 9;font-weight:600;color:#8a6a16;}
.pagina[data-pagina^="voor-wie"] .vx-w-legenda{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-w-legenda li{display:flex;align-items:center;gap:8px;}
.pagina[data-pagina^="voor-wie"] .vx-w-legenda i{width:16px;height:12px;border-radius:3px;display:block;background:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-w-legenda li[data-soort="forecast"] i{background:repeating-linear-gradient(135deg,var(--teal-100) 0 4px,var(--teal-200) 4px 8px);border:1px dashed var(--teal-400);}
.pagina[data-pagina^="voor-wie"] .vx-w-legenda li[data-soort="contract"] i{height:0;border-top:2px dashed var(--ink-400);border-radius:0;background:none;}
.pagina[data-pagina^="voor-wie"] .vx-rijtjes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}
.pagina[data-pagina^="voor-wie"] .vx-rijtjes > div{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--ink-100);border-radius:12px;}
.pagina[data-pagina^="voor-wie"] .vx-rijtjes b{font-size:15px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-rijtjes span{font-size:14px;line-height:1.4;color:var(--ink-500);}

.pagina[data-pagina^="voor-wie"] .vx-teams{display:flex;flex-direction:column;}
.pagina[data-pagina^="voor-wie"] .vx-team{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-team-kop span{font-size:14px;font-weight:600;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-team-naam{font-size:15px;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-team[data-st="totaal"]{background:var(--bg-soft);padding-left:12px;padding-right:12px;border-radius:8px;border-bottom:0;margin-bottom:4px;}
.pagina[data-pagina^="voor-wie"] .vx-team-bar{height:16px;border-radius:8px;background:var(--ink-50);overflow:hidden;display:block;}
.pagina[data-pagina^="voor-wie"] .vx-team-bar i{display:block;height:100%;width:calc(var(--w) * 100%);background:var(--teal-500);border-radius:8px;}
.pagina[data-pagina^="voor-wie"] .vx-team-marge i{background:var(--teal-300);}
.pagina[data-pagina^="voor-wie"] .vx-team[data-st="onder"] .vx-team-bar:not(.vx-team-marge) i{background:var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-t-pijl{grid-column:2 / 3;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#8a4f16;}
.pagina[data-pagina^="voor-wie"] .vx-t-pijl svg{width:12px;height:12px;fill:var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-v-noot{margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--ink-600);}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-v-body{padding:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-w-grafiek{gap:8px;height:160px;}
  .pagina[data-pagina^="voor-wie"] .vx-w-as{gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-w-contract span{font-size:14px;}
  .pagina[data-pagina^="voor-wie"] .vx-rijtjes{grid-template-columns:1fr;}
  .pagina[data-pagina^="voor-wie"] .vx-team{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;}
  .pagina[data-pagina^="voor-wie"] .vx-team-naam,.pagina[data-pagina^="voor-wie"] .vx-team-kop > span:first-child{grid-column:1 / -1;}
  .pagina[data-pagina^="voor-wie"] .vx-t-pijl{grid-column:1 / 2;}
  .pagina[data-pagina^="voor-wie"] .vx-team-kop span{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;line-height:1.25;}
}

.pagina[data-pagina^="voor-wie"] .vx-door p q{quotes:"\201C" "\201D";font-style:italic;}

.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim]:not(.vx-aan) .vx-w-staaf i{transform:scaleY(0);}
@media (prefers-reduced-motion:reduce){.pagina[data-pagina^="voor-wie"].vx-js [data-vx-anim] .vx-w-staaf i{transform:none !important;}}

.pagina[data-pagina^="voor-wie"] .vx-scene-sec{padding-bottom:64px;}
.pagina[data-pagina^="voor-wie"] .vx-scene-intro{max-width:880px;margin-bottom:16px;}
.pagina[data-pagina^="voor-wie"] .vx-scene-intro .sec-title{max-width:22ch;}
.pagina[data-pagina^="voor-wie"] .vx-scene-intro .eyebrow{display:flex;align-items:center;gap:8px;width:fit-content;}
.pagina[data-pagina^="voor-wie"] .vx-scene{
  position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;
}
.pagina[data-pagina^="voor-wie"] .vx-toneel{position:sticky;top:var(--vx-nav);height:calc(100svh - var(--vx-nav));overflow:hidden;display:flex;align-items:flex-start;}
.pagina[data-pagina^="voor-wie"] .vx-toneel-in{width:100%;padding-top:8px;display:flex;flex-direction:column;gap:12px;}
.pagina[data-pagina^="voor-wie"] .vx-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pagina[data-pagina^="voor-wie"] .vx-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="voor-wie"] .vx-segs{display:flex;gap:8px;}
.pagina[data-pagina^="voor-wie"] .vx-seg{appearance:none;border:0;background:none;padding:8px 0;width:48px;cursor:pointer;}
.pagina[data-pagina^="voor-wie"] .vx-seg i{display:block;height:4px;border-radius:2px;background:var(--teal-100);overflow:hidden;}
.pagina[data-pagina^="voor-wie"] .vx-seg em{display:block;height:100%;background:var(--teal-600);transform-origin:left center;transform:scaleX(var(--v,0));}
.pagina[data-pagina^="voor-wie"] .vx-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}
.pagina[data-pagina^="voor-wie"] .vx-sbeeld{min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel,.pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-venster{box-shadow:var(--shadow-lg);}

.pagina[data-pagina^="voor-wie"] .vx-stappen{min-width:0;padding-top:var(--vx-beeld-top,60px);}
.pagina[data-pagina^="voor-wie"] .vx-stap{min-height:100svh;}
.pagina[data-pagina^="voor-wie"] .vx-stap:last-child{min-height:calc(100svh - var(--vx-nav) - var(--vx-beeld-top,60px));}
.pagina[data-pagina^="voor-wie"] .vx-stapkaart{
  position:sticky;top:calc(var(--vx-nav) + var(--vx-beeld-top,60px));
  background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);
  opacity:.45;transition:opacity .4s var(--ease),border-color .4s var(--ease);
}
.pagina[data-pagina^="voor-wie"] .vx-stap.vx-nu .vx-stapkaart{opacity:1;border-color:var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
.pagina[data-pagina^="voor-wie"] .vx-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em;}
.pagina[data-pagina^="voor-wie"] .vx-stap-tekst p{font-size:18px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;}
.pagina[data-pagina^="voor-wie"] .vx-stap-tekst q{quotes:"\201C" "\201D";}
.pagina[data-pagina^="voor-wie"] .vx-stap-wie{display:block;margin-top:8px;font-size:15px;color:var(--ink-500);}

@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"] .vx-scene{display:block;}
  .pagina[data-pagina^="voor-wie"] .vx-toneel{z-index:1;}
  .pagina[data-pagina^="voor-wie"] .vx-toneel-in{max-width:640px;margin:0 auto;gap:8px;padding-top:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-stappen{position:relative;z-index:2;padding-top:0;margin-top:calc(var(--vx-nav) - 38svh);pointer-events:none;}
  .pagina[data-pagina^="voor-wie"] .vx-stap,.pagina[data-pagina^="voor-wie"] .vx-stap:last-child{min-height:0;display:block;padding:0;}
  .pagina[data-pagina^="voor-wie"] .vx-stap::after{content:"";display:block;height:60svh;}
  .pagina[data-pagina^="voor-wie"] .vx-stap:last-child::after{height:48svh;}
  .pagina[data-pagina^="voor-wie"] .vx-stapkaart{position:sticky;top:calc(100svh - 280px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl);}
  .pagina[data-pagina^="voor-wie"] .vx-stapkaart.vx-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s;}
  .pagina[data-pagina^="voor-wie"] .vx-stap-tekst p{font-size:17px;margin-top:12px;}
}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-gids-hs{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-segs{flex:1;}
  .pagina[data-pagina^="voor-wie"] .vx-seg{flex:1;width:auto;padding:8px 0;}
  .pagina[data-pagina^="voor-wie"] .vx-stapkaart{padding:16px 20px;}
  .pagina[data-pagina^="voor-wie"] .vx-stap-tekst p{font-size:16px;margin-top:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-stap-wie{font-size:14px;margin-top:4px;}
}

.pagina[data-pagina^="voor-wie"] .vx-sbeeld [data-vanaf],.pagina[data-pagina^="voor-wie"] .vx-sbeeld [data-tot]{transition:opacity .45s var(--ease),filter .45s var(--ease),transform .45s var(--ease);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-urenrij:not(.vx-zicht){opacity:.3;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-urenrij:not(.vx-zicht) .vx-bar i{transform:scaleX(0);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-urenrij:not(.vx-zicht) .vx-bar s{opacity:0;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-urenrij:not(.vx-zicht) .vx-ur-getal{opacity:0;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-ind-huls:not(.vx-zicht){opacity:0;transform:translateY(8px);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-uren .vx-ind-huls:not(.vx-zicht){opacity:.3;filter:saturate(0);transform:none;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-ind-huls:not(.vx-zicht) .vx-meter em{transform:scaleX(0);}
.pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind-huls .vx-ind{margin-top:0;}
.pagina[data-pagina^="voor-wie"] .vx-uren .vx-ind-huls{margin-top:24px;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-g-verl:not(.vx-zicht),.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-g-bank:not(.vx-zicht){opacity:0;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-j-stap:not(.vx-zicht){opacity:.22;filter:saturate(0);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-j-stap:not(.vx-zicht) .vx-j-wat{opacity:0;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-j-baan[data-vanaf]:not(.vx-zicht){opacity:.35;filter:saturate(0);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-k li:not(.vx-zicht){opacity:.3;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-k li:not(.vx-zicht) .vx-k-cel svg{opacity:0;transform:scale(.6);}
.pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k-cel svg{transition:opacity .35s ease,transform .35s ease;}
.pagina[data-pagina^="voor-wie"].vx-js .vx-sbeeld .vx-ind-tekst > span > :not(.vx-zicht),
.pagina[data-pagina^="voor-wie"].vx-js .vx-sbeeld .vx-g-nu b > :not(.vx-zicht){display:none;}

.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-inds{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;}
.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-ind-huls,.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-ind-huls .vx-ind{height:100%;}
.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-ind{grid-template-columns:40px minmax(0,1fr);}
.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-ind .vx-meter-huls{grid-column:2;}
@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"] .vx-gantt .vx-inds{grid-template-columns:1fr;}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-gantt .vx-inds:has(.vx-ind-huls + .vx-ind-huls.vx-zicht) .vx-ind-huls:first-child{display:none;}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-gantt .vx-ind-huls:not(.vx-zicht){display:none;}
}

.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-g{position:relative;--naam:192px;}
.pagina[data-pagina^="voor-wie"] .vx-g-nu{
  position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--accent-500);z-index:2;pointer-events:none;
  left:calc(var(--naam) + (100% - var(--naam)) * var(--m,0) / 4);transition:left .6s var(--ease-standard,ease);
}
.pagina[data-pagina^="voor-wie"] .vx-g-nu b{position:absolute;top:-4px;left:8px;white-space:nowrap;font-size:14px;font-weight:700;color:#8a6a16;}
.pagina[data-pagina^="voor-wie"] .vx-g-kop{padding-top:24px;}

.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-g-kop span:not(:first-child){padding-left:8px;}
.pagina[data-pagina^="voor-wie"] .vx-g-legenda{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-g-legenda li{display:flex;align-items:center;gap:8px;}
.pagina[data-pagina^="voor-wie"] .vx-g-legenda i{width:20px;height:12px;border-radius:3px;display:block;background:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-g-legenda li[data-soort="verl"] i{background:var(--warning-100);border:2px dashed var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-g-legenda li[data-soort="bank"] i{background:repeating-linear-gradient(135deg,#fbe6c8 0 4px,#f4d2a4 4px 8px);border:1px solid #e9b877;}
.pagina[data-pagina^="voor-wie"] .vx-gantt .vx-inds{margin-top:16px;}
@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-gantt .vx-g{--naam:0px;}

  .pagina[data-pagina^="voor-wie"] .vx-gantt .vx-g-naam{position:relative;z-index:3;width:fit-content;max-width:100%;background-image:linear-gradient(var(--paper),var(--paper));padding-right:8px;}
}

@media (min-width:1101px) and (max-height:780px){
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-gantt .vx-g-legenda{display:none;}
}

.pagina[data-pagina^="voor-wie"] .vx-meter-drie{display:flex;background:var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-meter-drie em{flex:none;width:calc(var(--v) * 100%);background:var(--teal-600);border-radius:4px 0 0 4px;transform:none !important;}
.pagina[data-pagina^="voor-wie"] .vx-meter-drie s{display:block;flex:none;height:100%;width:calc(var(--a,0) * 100%);background:var(--vx-amber);transition:width .6s var(--ease-standard,ease);}
.pagina[data-pagina^="voor-wie"] .vx-kosten .vx-ind{grid-template-rows:auto auto;}

.pagina[data-pagina^="voor-wie"] .vx-zones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
.pagina[data-pagina^="voor-wie"] .vx-zone{position:relative;border:1px solid var(--ink-100);border-radius:16px;padding:20px;background:var(--paper);display:flex;flex-direction:column;gap:16px;min-width:0;}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone:not(.vx-zicht){opacity:.34;filter:saturate(.25);}
.pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone.vx-zicht{border-color:var(--teal-400);box-shadow:0 0 0 4px rgba(33,173,168,.1);}
.pagina[data-pagina^="voor-wie"] .vx-zone-kop{display:flex;align-items:center;gap:12px;}
.pagina[data-pagina^="voor-wie"] .vx-zone-kop .vx-ico{width:40px;height:40px;}
.pagina[data-pagina^="voor-wie"] .vx-zone-kop > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-zone-kop b{font-size:18px;color:var(--ink-900);line-height:1.3;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
@media (max-width:1100px){.pagina[data-pagina^="voor-wie"] .vx-zone-kop b{font-size:16px;}}
.pagina[data-pagina^="voor-wie"] .vx-zone-kop small{font-size:14px;color:var(--teal-700);font-weight:600;}
.pagina[data-pagina^="voor-wie"] .vx-zone-kijkt{margin:0;padding-top:12px;border-top:1px solid var(--ink-100);display:flex;flex-direction:column;gap:2px;}
.pagina[data-pagina^="voor-wie"] .vx-zone-kijkt span{font-size:14px;color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-zone-kijkt b{font-size:17px;line-height:1.35;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-mini{display:flex;height:56px;align-items:center;}
.pagina[data-pagina^="voor-wie"] .vx-mini-uren{flex-direction:column;align-items:stretch;justify-content:center;gap:8px;}
.pagina[data-pagina^="voor-wie"] .vx-mini-uren i{display:flex;height:16px;width:calc(var(--w) * 100%);border-radius:4px;background:var(--teal-500);}
.pagina[data-pagina^="voor-wie"] .vx-mini-uren i:first-child{background:var(--teal-200);}
.pagina[data-pagina^="voor-wie"] .vx-mini-uren s{display:block;margin-left:100%;width:33.3%;height:100%;flex:none;background:repeating-linear-gradient(135deg,var(--warning-100) 0 6px,#f7dfbf 6px 12px);border-left:2px solid var(--vx-amber);}
.pagina[data-pagina^="voor-wie"] .vx-mini-gantt{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;}
.pagina[data-pagina^="voor-wie"] .vx-mini-gantt i{position:relative;display:block;height:12px;width:calc((var(--e) - var(--s)) * 25%);border-radius:3px;background:var(--teal-500);}
.pagina[data-pagina^="voor-wie"] .vx-mini-gantt s{position:absolute;left:100%;top:0;bottom:0;width:100%;background:repeating-linear-gradient(135deg,#fbe6c8 0 4px,#f4d2a4 4px 8px);border-radius:0 3px 3px 0;}
.pagina[data-pagina^="voor-wie"] .vx-mini-reis{gap:12px;position:relative;}
.pagina[data-pagina^="voor-wie"] .vx-mini-reis::before{content:"";position:absolute;left:16px;right:16px;top:50%;height:2px;background:var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-mini-reis i{position:relative;width:32px;height:32px;border-radius:50%;border:2px solid var(--ink-200);background:var(--paper);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;font-weight:700;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-mini-reis i.ja{background:var(--teal-600);border-color:var(--teal-600);}
.pagina[data-pagina^="voor-wie"] .vx-mini-posten{gap:6px;}
.pagina[data-pagina^="voor-wie"] .vx-mini-posten i{flex:1;height:16px;border-radius:4px;background:var(--warning-100);border:1px solid #f1d4ad;}
.pagina[data-pagina^="voor-wie"] .vx-mini-posten i.ja{background:var(--teal-600);border-color:var(--teal-600);}
@media (max-width:820px){

  .pagina[data-pagina^="voor-wie"] .vx-zones{grid-template-columns:1fr;gap:0;padding:12px 16px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-zone{border:0;border-radius:0;padding:12px 0;border-top:1px solid var(--ink-100);box-shadow:none;background:none;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-zone[data-zone="0"]{border-top:0;}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone:not(.vx-zicht){display:block;opacity:1;filter:none;padding:10px 0;}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone:not(.vx-zicht) > *{display:none;}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone:not(.vx-zicht)::before{content:attr(data-naam);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);}
  .pagina[data-pagina^="voor-wie"].vx-beweeg .vx-sbeeld .vx-zone.vx-zicht{box-shadow:none;}
}

.pagina[data-pagina^="voor-wie"] .vx-beeld-breed{min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-strook-kop{margin:48px 0 16px;font-size:20px;line-height:1.3;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-strook{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:24px;}
.pagina[data-pagina^="voor-wie"] .vx-strook-kop + .vx-strook{margin-top:0;}
.pagina[data-pagina^="voor-wie"] .vx-strook-drie{grid-template-columns:repeat(3,minmax(0,1fr));}
.pagina[data-pagina^="voor-wie"] .vx-strook-twee{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:48px;}
.pagina[data-pagina^="voor-wie"] .vx-strook-drie li{display:flex;flex-direction:column;gap:8px;padding:24px;border-top:3px solid var(--teal-500);background:var(--bg-soft);border-radius:0 0 16px 16px;font-size:16px;line-height:1.55;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-strook-drie li b{font-size:17px;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-strook-vak{display:flex;flex-direction:column;gap:16px;min-width:0;}
.pagina[data-pagina^="voor-wie"] .vx-strook-vak h3{margin:0;font-size:20px;line-height:1.3;color:var(--ink-900);}
.pagina[data-pagina^="voor-wie"] .vx-strook-zin{margin-top:32px !important;max-width:72ch;}
.pagina[data-pagina^="voor-wie"] .vx-quote-band{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 48px;align-items:center;box-shadow:none;background:var(--bg-soft);}
.pagina[data-pagina^="voor-wie"] .vx-quote-band blockquote{margin:0;}
@media (max-width:900px){
  .pagina[data-pagina^="voor-wie"] .vx-strook-drie,.pagina[data-pagina^="voor-wie"] .vx-strook-twee{grid-template-columns:1fr;}
  .pagina[data-pagina^="voor-wie"] .vx-quote-band{grid-template-columns:1fr;}
}

.pagina[data-pagina^="voor-wie"] .vx-sit-kop{max-width:760px;margin-bottom:40px;}
.pagina[data-pagina^="voor-wie"] .vx-sit-kop .eyebrow,.pagina[data-pagina^="voor-wie"] .vx-sit-rijen .eyebrow{display:flex;align-items:center;gap:8px;width:fit-content;}
.pagina[data-pagina^="voor-wie"] .vx-sit-rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:32px 0;border-top:1px solid var(--ink-100);}
.pagina[data-pagina^="voor-wie"] .vx-sit-rij > p{margin:0;font-size:18px;line-height:1.65;color:var(--ink-700);}
.pagina[data-pagina^="voor-wie"] .vx-sit-rij-om > p{order:2;}
@media (max-width:1000px){
  .pagina[data-pagina^="voor-wie"] .vx-sit-rij{grid-template-columns:1fr;gap:24px;}
  .pagina[data-pagina^="voor-wie"] .vx-sit-rij-om > p{order:0;}
}
@media (max-width:600px){.pagina[data-pagina^="voor-wie"] .vx-sit-rij > p{font-size:17px;}}

.pagina[data-pagina^="voor-wie"] .vx-zeven ol{list-style:none;margin:16px 0 0;padding:0;}
.pagina[data-pagina^="voor-wie"] .vx-zeven li{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--teal-200);font-size:17px;font-weight:600;color:var(--ink-800);}
.pagina[data-pagina^="voor-wie"] .vx-zeven li span{width:32px;height:32px;flex:none;border-radius:50%;background:var(--paper);border:1px solid var(--teal-200);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--teal-800);}
.pagina[data-pagina^="voor-wie"] .vx-sit-tekst p.vx-werkgevers{margin-top:24px;padding-top:24px;border-top:1px solid var(--ink-100);font-size:16px;color:var(--ink-600);}
.pagina[data-pagina^="voor-wie"] .vx-werkgevers .vx-tekstlink{margin-left:4px;white-space:nowrap;}

.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed{margin-top:48px;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed thead th:last-child{color:var(--ink-500);}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tbody th{width:18%;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed td:last-child{color:var(--ink-600);font-weight:400;background:none;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tr.vx-v-wij > *{background:var(--teal-50);color:var(--ink-900);font-weight:600;}
.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tr.vx-v-wij th{color:var(--teal-800);}
@media (max-width:760px){
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed,.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tbody,.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tr,.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed th,.pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed td{display:block;width:auto;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed thead{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tbody tr{border-bottom:1px solid var(--ink-100);}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tbody tr:last-child{border-bottom:0;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed tbody th{width:auto;border-bottom:0;padding-bottom:4px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed td{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;border-bottom:0;padding-top:4px;padding-bottom:4px;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed td:last-child{padding-bottom:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-vergelijk-breed td::before{content:attr(data-label);font-weight:400;color:var(--ink-500);}
}

.pagina[data-pagina^="voor-wie"].vx-stil .vx-toneel{position:static;height:auto;overflow:visible;}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-gids{display:none;}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-stappen{margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:16px;justify-content:center;}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-stap,.pagina[data-pagina^="voor-wie"].vx-stil .vx-stap:last-child{min-height:0;padding:0;display:block;}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-stap::after{display:none;}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-stapkaart{position:static;opacity:1;box-shadow:var(--shadow-sm);}
@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"].vx-stil .vx-stappen{padding-top:24px;}
}
.pagina[data-pagina^="voor-wie"].vx-stil .vx-sbeeld .vx-zone{opacity:1;filter:none;}
@media (max-width:820px){
  .pagina[data-pagina^="voor-wie"].vx-stil .vx-sbeeld .vx-zone > *{display:flex;}
  .pagina[data-pagina^="voor-wie"].vx-stil .vx-sbeeld .vx-zone::before{content:none;}
}

@media (max-width:600px){
  .pagina[data-pagina^="voor-wie"] .vx-scene-sec{padding-top:64px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel{padding:12px 16px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel-kop{padding-bottom:8px;margin-bottom:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel-kop b{font-size:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind{padding:8px 12px;column-gap:12px;row-gap:4px;grid-template-columns:32px minmax(0,1fr);}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind-teken{width:32px;height:32px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind-tekst b{font-size:15px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind-tekst span{font-size:14px;line-height:1.35;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-inds{gap:8px;margin-top:8px;}

  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-urenrij{padding:8px 0;row-gap:4px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-bar{height:20px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-bar-leeg{height:4px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ur-getal{font-size:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-uren .vx-ind-huls{margin-top:8px;}

  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-gantt .vx-paneel-kop span{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-kop{padding-top:20px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-kop > span:first-child{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-rij{padding:4px 0;row-gap:2px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-baan{height:24px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-baan i{top:3px;bottom:3px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-baan i.vx-g-bank{top:0;bottom:0;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-naam{font-size:14px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-legenda{display:none;}

  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j{gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j-kanaal{width:32px;height:32px;font-size:14px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j::before{left:15px;top:16px;bottom:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j-stap{gap:12px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j-stap:nth-child(3){margin-top:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j-wat{gap:0;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-j-wat b{font-size:14px;}

  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-kosten .vx-paneel-kop span{display:none;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k li{padding:4px 0;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k-post{font-size:14px;line-height:1.3;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k-cel svg{width:22px;height:22px;padding:5px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k-kop,.pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k li{grid-template-columns:minmax(0,1fr) 64px 64px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-kosten .vx-ind{margin-top:8px;}
}

.pagina[data-pagina^="voor-wie"] .vx-gids{position:relative;z-index:2;}
@media (max-width:1100px){
  .pagina[data-pagina^="voor-wie"] .vx-gids::before{content:"";position:absolute;left:-24px;right:-24px;top:-16px;bottom:-8px;background:var(--teal-50);z-index:-1;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld{transition:transform .5s var(--ease-standard,ease);position:relative;z-index:1;}
  .pagina[data-pagina^="voor-wie"] .vx-scene-zones .vx-sbeeld{transition:none;}
}
@media (max-width:600px){

  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-gantt .vx-ind-huls:first-child{display:none;}
}

@media (min-width:1101px) and (max-height:820px){
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel{padding:20px 24px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-paneel-kop{padding-bottom:12px;margin-bottom:12px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-rij{padding:6px 0;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-baan{height:26px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-g-legenda{margin-top:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-gantt .vx-inds{margin-top:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-ind{padding:12px;row-gap:8px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k li{padding:6px 0;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-k-cel svg{width:24px;height:24px;padding:5px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-kosten .vx-ind{margin-top:12px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-zones{gap:12px;padding:16px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-zone{padding:14px 16px;gap:10px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-mini{height:36px;}
  .pagina[data-pagina^="voor-wie"] .vx-sbeeld .vx-zone-kijkt{padding-top:8px;}
}

.pagina[data-pagina^="voor-wie"]:not(.vx-js) .vx-sbeeld .vx-ind-tekst > span > :not(:last-child),
.pagina[data-pagina^="voor-wie"]:not(.vx-js) .vx-sbeeld .vx-g-nu b > :not(:last-child){display:none;}

.pagina[data-pagina="voor-wie"] .vx-ing-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:var(--sp-12);}
.pagina[data-pagina="voor-wie"] .vx-ing-kop .sec-head{margin-bottom:0;min-width:0;flex:1 1 auto;}
.pagina[data-pagina="voor-wie"] .vx-steunbeeld{flex:0 0 auto;display:block;width:280px;max-width:100%;height:auto;margin:-48px 24px 0 0;}
@media (max-width:900px){
  .pagina[data-pagina="voor-wie"] .vx-steunbeeld{width:200px;margin:0;}
}
@media (max-width:600px){
  .pagina[data-pagina="voor-wie"] .vx-ing-kop{flex-direction:column;align-items:stretch;gap:16px;}
  .pagina[data-pagina="voor-wie"] .vx-steunbeeld{align-self:flex-end;width:168px;}
}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]){--vb-nav:72px;--vb-amber:var(--warning-500);--vb-amber-bg:var(--warning-100);--vb-amber-tekst:#8a4f16;}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-sec{background:var(--teal-50);border-top:1px solid var(--teal-100);border-bottom:1px solid var(--teal-100);padding-bottom:64px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-intro{max-width:880px;margin-bottom:16px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-intro .sec-title{max-width:22ch;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-intro .eyebrow{display:flex;align-items:center;gap:8px;width:fit-content;}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene{position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-toneel{position:sticky;top:var(--vb-nav);height:calc(100svh - var(--vb-nav));overflow:hidden;display:flex;align-items:flex-start;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-toneel-in{width:100%;padding-top:8px;display:flex;flex-direction:column;gap:12px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-gids{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-gids-hs{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-segs{display:flex;gap:8px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-seg{appearance:none;border:0;background:none;padding:8px 0;width:48px;cursor:pointer;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-kort .vb-seg{width:32px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-seg i{display:block;height:4px;border-radius:2px;background:var(--teal-100);overflow:hidden;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-seg em{display:block;height:100%;background:var(--teal-600);transform-origin:left center;transform:scaleX(var(--v,1));}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-seg:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:4px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld{min-width:0;position:relative;z-index:1;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stappen{min-width:0;padding-top:var(--vb-beeld-top,60px);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap{min-height:100svh;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-kort .vb-stap{min-height:72svh;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap:last-child{min-height:calc(100svh - var(--vb-nav) - var(--vb-beeld-top,60px));}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stapkaart{position:sticky;top:calc(var(--vb-nav) + var(--vb-beeld-top,60px));background:var(--paper);border:1px solid var(--ink-100);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);opacity:.45;transition:opacity .4s var(--ease),border-color .4s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap.vb-nu .vb-stapkaart{opacity:1;border-color:var(--teal-200);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap-hs{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap-hs b{color:var(--ink-400);font-weight:600;margin-left:8px;letter-spacing:.04em;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap-tekst{font-size:18px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;}

@media (max-width:1100px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene{display:block;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-toneel{z-index:1;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-toneel-in{max-width:640px;margin:0 auto;gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-gids::before{content:"";position:absolute;left:-24px;right:-24px;top:-16px;bottom:-8px;background:var(--teal-50);z-index:-1;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld{transition:transform .5s var(--ease-standard,ease);}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stappen{position:relative;z-index:2;padding-top:0;margin-top:calc(var(--vb-nav) - 38svh);pointer-events:none;}

  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-kort .vb-stap,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap:last-child{min-height:0;display:block;padding:0;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap::after{content:"";display:block;height:60svh;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-kort .vb-stap::after{height:48svh;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap:last-child::after{height:48svh;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stapkaart{position:sticky;top:calc(100svh - 280px);pointer-events:auto;max-width:560px;margin:0 auto;padding:24px;opacity:1;box-shadow:var(--shadow-xl);}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stapkaart.vb-weg{opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap-tekst{font-size:17px;margin-top:12px;}
}
@media (max-width:600px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-sec{padding-top:64px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-gids-hs{display:none;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-segs{flex:1;gap:6px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-seg,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-scene-kort .vb-seg{flex:1;width:auto;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stapkaart{padding:16px 20px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stap-tekst{font-size:16px;margin-top:8px;}
}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel{background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg);min-width:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--ink-100);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop b{font-size:18px;color:var(--ink-900);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop span{font-size:14px;color:var(--ink-500);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-vink,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-kruis{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld [data-vanaf],:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld [data-tot]{transition:opacity .45s var(--ease),filter .45s var(--ease),background-color .45s var(--ease),border-color .45s var(--ease);}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-wissel{display:none;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-wissel[data-eind]{display:inline;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-js .vb-wissel[data-eind]:not(.vb-zicht){display:none;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-js .vb-wissel.vb-zicht{display:inline;}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-banen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan{border-top:3px solid var(--ink-200);background:var(--bg-soft);border-radius:0 0 16px 16px;padding:16px;min-width:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan[data-journey="2"]{border-top-color:var(--teal-500);background:var(--teal-50);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan-naam{display:block;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan[data-journey="2"] .vb-baan-naam{color:var(--teal-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan-naam small{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;margin-left:8px;color:var(--ink-500);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp{display:flex;align-items:flex-start;gap:12px;min-width:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-k{width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:var(--paper);border:2px solid var(--ink-300);color:var(--ink-700);transition:box-shadow .4s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan[data-journey="2"] .vb-tp-k{border-color:var(--teal-500);color:var(--teal-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-ja .vb-tp-k{background:var(--teal-600);border-color:var(--teal-600) !important;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-hand svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-wat{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-wat b{font-size:15px;line-height:1.4;color:var(--ink-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-wat span{font-size:14px;line-height:1.4;color:var(--ink-500);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-ja .vb-tp-wat span{color:var(--teal-700);font-weight:600;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp.vb-nu .vb-tp-k{box-shadow:0 0 0 6px rgba(33,173,168,.16);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-tp:not(.vb-zicht){opacity:.3;filter:saturate(0);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-tp:not(.vb-zicht) .vb-tp-wat{opacity:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-baan[data-vanaf]:not(.vb-zicht){opacity:.45;filter:saturate(0);}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt{margin-top:24px;padding-top:24px;border-top:1px solid var(--ink-100);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt-kop{margin:0 0 16px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid var(--ink-100);border-radius:16px;background:var(--paper);min-width:0;transition:background-color .45s var(--ease),border-color .45s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-k{position:relative;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;background:var(--ink-50);color:var(--ink-800);transition:background-color .45s var(--ease),color .45s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst{display:flex;flex-direction:column;gap:4px;min-width:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst b{font-size:16px;line-height:1.3;color:var(--ink-900);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst > span{font-size:14px;line-height:1.4;color:var(--ink-600);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken svg{width:14px;height:14px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken .vb-pijl{fill:#fff;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken .vb-vink,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken .vb-kruis{stroke:#fff;stroke-width:3;}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="bron"]{background:var(--vb-amber-bg);border-color:rgba(214,135,60,.4);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="bron"] .vb-tegel-k{background:var(--vb-amber);color:#fff;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="bron"] .vb-tegel-teken{opacity:1;background:var(--vb-amber);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="journey"]{background:var(--teal-50);border-color:var(--teal-200);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="journey"] .vb-tegel-k{background:var(--teal-600);color:#fff;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="3"] .vb-tegel[data-wie="journey"] .vb-tegel-teken{opacity:1;background:var(--teal-600);}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beeld[data-stand="2"] .vb-tegel[data-wie="journey"] .vb-tegel-k{background:var(--teal-100);color:var(--teal-800);}

@media (max-width:1100px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel{grid-template-columns:48px minmax(0,1fr);gap:16px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-k{width:48px;height:48px;font-size:24px;}
}
@media (max-width:760px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-banen{grid-template-columns:1fr;gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegels{grid-template-columns:1fr;gap:8px;}
}
@media (max-width:600px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel{padding:16px;border-radius:20px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop{padding-bottom:8px;margin-bottom:12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop b{font-size:16px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan{padding:8px 12px 12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tps{margin-top:8px;gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-k{width:32px;height:32px;font-size:14px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-hand svg{width:18px;height:18px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-wat{flex-direction:row;flex-wrap:wrap;column-gap:8px;padding-top:4px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tp-wat b{font-size:14px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt{margin-top:12px;padding-top:12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt-kop{font-size:15px;margin-bottom:8px;}

  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:8px;padding:12px;border-radius:12px;align-items:center;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-k{width:36px;height:36px;font-size:18px;border-radius:10px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst{display:contents;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst b{grid-column:2;grid-row:1;font-size:14px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-tekst > span{grid-column:1 / -1;grid-row:2;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken{right:-6px;bottom:-6px;width:20px;height:20px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-teken svg{width:12px;height:12px;}
}

@media (max-width:760px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-baan[data-vanaf]:not(.vb-zicht) .vb-tps{display:none;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-tp:not(.vb-zicht){display:none;}
}
@media (max-width:1100px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht){padding-top:6px;padding-bottom:6px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht) .vb-k-post,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht) .vb-k-cel{visibility:hidden;height:0;overflow:hidden;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht)::after{height:6px;margin-top:-3px;}
}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij{display:grid;grid-template-columns:minmax(0,1fr) 112px 112px;gap:16px;align-items:center;padding-left:12px;padding-right:12px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop{padding-bottom:8px;border-bottom:1px solid var(--ink-100);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop span{font-size:14px;font-weight:600;color:var(--ink-500);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop span:not(:first-child){text-align:center;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop span:last-child{color:var(--teal-700);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k{list-style:none;margin:0;padding:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij{position:relative;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--ink-100);transition:background-color .4s var(--ease),box-shadow .4s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-post{font-size:15px;line-height:1.4;color:var(--ink-800);transition:opacity .4s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-cel{display:flex;justify-content:center;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-cel svg{width:28px;height:28px;border-radius:50%;padding:6px;transition:opacity .35s ease .1s,transform .35s ease .1s;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-cel[data-ja="1"] svg{background:var(--teal-600);stroke:#fff;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-cel[data-ja="0"] svg{background:var(--vb-amber-bg);stroke:#a2601f;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij.vb-nu{background:var(--teal-50);box-shadow:inset 3px 0 0 var(--teal-500);}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht) .vb-k-post{opacity:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht) .vb-k-cel svg{opacity:0;transform:scale(.6);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht)::after{content:"";position:absolute;left:12px;top:50%;width:48%;height:10px;margin-top:-5px;border-radius:5px;background:var(--ink-100);}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-telling{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:24px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:var(--bg-soft);min-width:0;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel-getal{font-size:16px;font-weight:600;color:var(--ink-700);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel-getal b{font-size:28px;line-height:1.1;font-weight:700;margin-right:4px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel[data-wie="kr"] .vb-tel-getal b{color:var(--vb-amber-tekst);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel[data-wie="cph"] .vb-tel-getal b{color:var(--teal-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel-naam{font-size:14px;color:var(--ink-600);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-balk{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-balk i{display:block;height:8px;border-radius:4px;background:var(--ink-100);transition:background-color .4s var(--ease);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-balk i.vb-in{background:var(--teal-600);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-balk i.vb-mist{background:var(--vb-amber);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-oordeel{grid-column:1 / -1;margin:0;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:var(--vb-amber-bg);border:1px solid rgba(214,135,60,.4);font-size:15px;line-height:1.4;color:var(--ink-800);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-oordeel b{color:var(--vb-amber-tekst);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-oordeel-teken{width:28px;height:28px;flex:none;border-radius:50%;background:var(--vb-amber);display:flex;align-items:center;justify-content:center;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-oordeel-teken svg{width:14px;height:14px;fill:#fff;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-oordeel:not(.vb-zicht){opacity:0;}

@media (max-width:600px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-kosten .vb-paneel-kop span{display:none;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij{grid-template-columns:minmax(0,1fr) 60px 60px;gap:8px;padding-left:12px;padding-right:4px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop span{font-size:14px;line-height:1.3;hyphens:manual;-webkit-hyphens:manual;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij{padding-top:5px;padding-bottom:5px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-post{font-size:14px;line-height:1.3;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-cel svg{width:22px;height:22px;padding:5px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-beweeg .vb-k-rij:not(.vb-zicht)::after{left:12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-telling{margin-top:12px;gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel{padding:8px 12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel-getal{font-size:14px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tel-getal b{font-size:22px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-oordeel{padding:8px 12px;font-size:14px;}
}

@media (min-width:1101px) and (max-height:820px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel{padding:24px 32px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop{padding-bottom:12px;margin-bottom:16px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tps{gap:12px;margin-top:12px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt{margin-top:16px;padding-top:16px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-rij{padding-top:5px;padding-bottom:5px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-k-kop{padding-bottom:6px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-telling{margin-top:16px;}
}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-toneel{position:static;height:auto;overflow:visible;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-gids{display:none;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stappen{margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:16px;justify-content:center;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stap,:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stap:last-child{min-height:0 !important;padding:0;display:block;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stap::after{display:none;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stapkaart{position:static;opacity:1;box-shadow:var(--shadow-sm);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stapkaart{padding:20px 24px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stap-tekst{font-size:16px;margin-top:8px;}
@media (max-width:1100px){ :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-stil .vb-stappen{padding-top:24px;} }

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-sit{align-items:center;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-ziet{margin:8px 0 0;}

:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-strook .vb-quote-klein{padding:24px;box-shadow:var(--shadow-sm);}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-strook .vb-quote-klein blockquote{font-size:18px;margin-bottom:16px;}
:is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-strook .vx-strook-vak p{margin:0;font-size:17px;line-height:1.6;color:var(--ink-700);}
@media (max-width:600px){ :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-strook .vx-strook-vak p{font-size:16px;} }

@media (max-width:600px) and (max-height:760px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel{padding:12px 14px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-paneel-kop{padding-bottom:6px;margin-bottom:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-baan{padding:6px 10px 8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tps{gap:6px;margin-top:6px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt{margin-top:8px;padding-top:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-krijgt-kop{margin-bottom:6px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-telling{margin-top:8px;}
}

@media (max-width:380px){
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel{grid-template-columns:32px minmax(0,1fr);column-gap:8px;}
  :is(.pagina[data-pagina="voor-wie-werving-en-selectie"],.pagina[data-pagina="voor-wie-corporate"]) .vb-tegel-k{width:32px;height:32px;font-size:16px;border-radius:8px;}
}

[data-pagina="voor-wie"] .pf-foto{background-image:url(fotos/voor-wie-hero.jpg);background-position:64% 46%;}
@media(max-width:900px){[data-pagina="voor-wie"] .pf-foto{background-position:62% 42%;}}

[data-pagina="voor-wie"] .vh-kaart{
  position:absolute;right:max(24px,calc((100vw - 1240px)/2));bottom:150px;z-index:3;
  width:352px;border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);
  box-shadow:0 30px 60px -28px rgba(0,0,0,.65);
}
[data-pagina="voor-wie"] .vh-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink-050,#f4f5f4);border-bottom:1px solid var(--ink-100);}
[data-pagina="voor-wie"] .vh-tabs button{
  appearance:none;border:0;background:none;cursor:pointer;
  font:inherit;font-size:13px;font-weight:600;color:var(--ink-500);
  padding:11px 4px;border-bottom:2px solid transparent;
}
[data-pagina="voor-wie"] .vh-tabs button[aria-selected="true"]{color:var(--teal-700);border-bottom-color:var(--teal-700);background:#fff;}
[data-pagina="voor-wie"] .vh-body{padding:16px 18px 18px;}
[data-pagina="voor-wie"] .vh-vraag{display:block;font-size:14px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em;}
[data-pagina="voor-wie"] .vh-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
[data-pagina="voor-wie"] .vh-rij span{display:block;background:#fff;border:1px solid var(--ink-100);border-radius:10px;padding:9px 10px;}
[data-pagina="voor-wie"] .vh-rij b{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);line-height:1.1;}
[data-pagina="voor-wie"] .vh-rij i{display:block;font-style:normal;font-size:13px;color:var(--ink-500);margin-top:3px;line-height:1.25;}
[data-pagina="voor-wie"] .vh-voet{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="voor-wie"] .vh-voet i{width:7px;height:7px;border-radius:50%;background:var(--teal-500);display:inline-block;}
@media(max-width:1100px){[data-pagina="voor-wie"] .vh-kaart{width:310px;bottom:132px;}}
@media(max-width:900px){
  [data-pagina="voor-wie"] .vh-kaart{position:static;width:auto;margin:22px 0 0;box-shadow:none;background:rgba(255,255,255,.94);}
  [data-pagina="voor-wie"] .pf-hero-in{display:block;}}

[data-pagina="voor-wie"] .vw2{position:relative;background:
  radial-gradient(120% 90% at 12% 0%, rgba(92,194,189,.16), transparent 60%),
  radial-gradient(100% 80% at 100% 20%, rgba(249,208,71,.14), transparent 55%),
  linear-gradient(180deg,#fbfaf7,#f4f6f5 60%,#fbfaf7);}
[data-pagina="voor-wie"] .vw2::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="voor-wie"] .vw2-kop{position:relative;z-index:2;padding:96px 0 8px;}
[data-pagina="voor-wie"] .vw2-kop h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em;margin:14px 0 14px;max-width:20ch;}
[data-pagina="voor-wie"] .vw2-kop h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw2-kop .lede{font-size:17px;color:var(--ink-600);max-width:56ch;margin:0;}

[data-pagina="voor-wie"] .vw2-pin{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:40px 0 56px;}
[data-pagina="voor-wie"] .vw2-grid{display:grid;grid-template-columns:1.32fr .78fr;gap:56px;align-items:center;width:100%;}

[data-pagina="voor-wie"] .vw2-scherm{position:relative;border-radius:18px;background:#fff;border:1px solid var(--ink-100);
  box-shadow:0 44px 90px -50px rgba(13,17,16,.55), 0 2px 0 rgba(255,255,255,.7) inset;overflow:hidden;}
[data-pagina="voor-wie"] .vw2-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fcfcfb,#f6f7f6);}
[data-pagina="voor-wie"] .vw2-dots{display:inline-flex;gap:5px}
[data-pagina="voor-wie"] .vw2-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-200);display:block}
[data-pagina="voor-wie"] .vw2-dots i.g{background:var(--teal-500)}
[data-pagina="voor-wie"] .vw2-titel{font-size:14px;font-weight:700;color:var(--ink-900);}
[data-pagina="voor-wie"] .vw2-week{margin-left:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="voor-wie"] .vw2-blik{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;
  background:var(--teal-700-vlak);color:#fff;font-size:13px;font-weight:600;}
[data-pagina="voor-wie"] .vw2-canvas{position:relative;padding:22px 24px 18px;min-height:436px;}

[data-pagina="voor-wie"] .vw2-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}
[data-pagina="voor-wie"] .vw2-kpi div{border:1px solid var(--ink-100);border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#fff,#fbfbfa);}
[data-pagina="voor-wie"] .vw2-kpi b{display:block;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--ink-900);line-height:1.05;}
[data-pagina="voor-wie"] .vw2-kpi span{display:block;margin-top:5px;font-size:13px;color:var(--ink-500);}

[data-pagina="voor-wie"] .vw2-zone{position:relative;min-height:300px;}
[data-pagina="voor-wie"] .vw2-beeld{position:absolute;inset:0;opacity:0;}
[data-pagina="voor-wie"] .vw2-beeld.aan{opacity:1;}
[data-pagina="voor-wie"] .vw2-beeld[data-b="3"]{display:flex;flex-direction:column;justify-content:center;gap:18px;}

[data-pagina="voor-wie"] .vw2-dagen{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;height:100%;align-items:end;}
[data-pagina="voor-wie"] .vw2-dag{display:flex;flex-direction:column;justify-content:flex-end;height:100%;}
[data-pagina="voor-wie"] .vw2-staaf{position:relative;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--teal-500),var(--teal-700-vlak));
  transform-origin:bottom;height:0;box-shadow:0 10px 24px -14px rgba(14,74,71,.9);}
[data-pagina="voor-wie"] .vw2-staaf i{position:absolute;left:0;right:0;bottom:0;border-radius:10px 10px 4px 4px;background:repeating-linear-gradient(135deg,rgba(249,208,71,.9) 0 7px,rgba(249,208,71,.55) 7px 14px);}
[data-pagina="voor-wie"] .vw2-dagnaam{margin-top:10px;font-size:13px;color:var(--ink-500);text-align:center;}
[data-pagina="voor-wie"] .vw2-dagwaarde{font-size:14px;font-weight:700;color:var(--ink-900);text-align:center;margin-bottom:8px;}

[data-pagina="voor-wie"] .vw2-lijnen{display:grid;gap:10px;align-content:center;height:100%;}
[data-pagina="voor-wie"] .vw2-lijn{display:grid;grid-template-columns:132px 1fr 92px;align-items:center;gap:14px;}
[data-pagina="voor-wie"] .vw2-lijn span{font-size:13.5px;color:var(--ink-600);}
[data-pagina="voor-wie"] .vw2-spoor{position:relative;height:16px;border-radius:999px;background:var(--ink-100);overflow:hidden;}
[data-pagina="voor-wie"] .vw2-spoor i{position:absolute;inset:0 100% 0 0;border-radius:999px;background:linear-gradient(90deg,var(--teal-600),var(--teal-400));}
[data-pagina="voor-wie"] .vw2-eind{font-family:var(--font-mono);font-size:13px;color:var(--ink-500);text-align:right;}
[data-pagina="voor-wie"] .vw2-lijn.stopt .vw2-spoor i{background:linear-gradient(90deg,#e0a93f,var(--accent-500,#f9d047));}
[data-pagina="voor-wie"] .vw2-lijn.stopt .vw2-eind{color:#8a6a15;font-weight:600;}

[data-pagina="voor-wie"] .vw2-kanalen{display:grid;gap:12px;align-content:center;height:100%;}
[data-pagina="voor-wie"] .vw2-kan{display:grid;grid-template-columns:150px 1fr 52px;align-items:center;gap:14px;}
[data-pagina="voor-wie"] .vw2-kan span{font-size:13.5px;color:var(--ink-600);}
[data-pagina="voor-wie"] .vw2-kbalk{height:30px;border-radius:8px;background:linear-gradient(90deg,var(--teal-700-vlak),var(--teal-400));width:0;}
[data-pagina="voor-wie"] .vw2-kan b{font-size:15px;font-weight:700;color:var(--ink-900);text-align:right;}
[data-pagina="voor-wie"] .vw2-kan.kaal .vw2-kbalk{background:linear-gradient(90deg,#c9cfcd,#e3e7e5);}

[data-pagina="voor-wie"] .vw2-vac{display:grid;grid-template-columns:repeat(12,34px);gap:8px;align-content:center;justify-content:start;}
[data-pagina="voor-wie"] .vw2-vak{width:34px;height:34px;}
[data-pagina="voor-wie"] .vw2-legenda{display:flex;gap:18px;margin:0;font-size:13px;color:var(--ink-500);}
[data-pagina="voor-wie"] .vw2-legenda span{display:inline-flex;align-items:center;gap:7px;}
[data-pagina="voor-wie"] .vw2-legenda i{width:12px;height:12px;border-radius:4px;display:inline-block;}
[data-pagina="voor-wie"] .vw2-vak{border-radius:9px;background:var(--ink-100);transform:scale(.4);opacity:0;}
[data-pagina="voor-wie"] .vw2-vak.vol{background:linear-gradient(160deg,var(--teal-600),var(--teal-400));}
[data-pagina="voor-wie"] .vw2-vak.laat{background:linear-gradient(160deg,#e0a93f,#f9d047);}

[data-pagina="voor-wie"] .vw2-voet{display:flex;align-items:center;gap:10px;padding:12px 24px 16px;border-top:1px solid var(--ink-100);
  font-size:13px;color:var(--ink-400);}

[data-pagina="voor-wie"] .vw2-tekst{position:relative;min-height:330px;}
[data-pagina="voor-wie"] .vw2-stap{position:absolute;inset:0;opacity:0;}
[data-pagina="voor-wie"] .vw2-stap.aan{opacity:1;}
[data-pagina="voor-wie"] .vw2-stap .num{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw2-stap h3{font-size:25px;line-height:1.18;letter-spacing:-.025em;margin:12px 0 12px;color:var(--ink-900);}
[data-pagina="voor-wie"] .vw2-stap p{font-size:16.5px;line-height:1.62;color:var(--ink-600);margin:0 0 16px;max-width:38ch;}
[data-pagina="voor-wie"] .vw2-bronnen{display:flex;flex-wrap:wrap;gap:8px;}
[data-pagina="voor-wie"] .vw2-bronnen span{font-size:13px;font-weight:600;color:var(--ink-600);background:#fff;border:1px solid var(--ink-100);border-radius:999px;padding:6px 12px;}

[data-pagina="voor-wie"] .vw2-rail{display:flex;gap:8px;margin-top:26px;}
[data-pagina="voor-wie"] .vw2-rail i{height:4px;flex:1;border-radius:999px;background:var(--ink-100);overflow:hidden;position:relative;}
[data-pagina="voor-wie"] .vw2-rail i b{position:absolute;inset:0 100% 0 0;background:var(--teal-600);border-radius:999px;display:block;}

[data-pagina="voor-wie"] .vw2-deel{position:absolute;right:0;top:96px;z-index:3;appearance:none;border:1px solid var(--ink-100);
  background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;
  color:var(--ink-800);cursor:pointer;}
[data-pagina="voor-wie"] .vw2-deel:hover{border-color:var(--teal-600);color:var(--teal-700);}

@media(max-width:1100px){
  [data-pagina="voor-wie"] .vw2-grid{grid-template-columns:1fr;gap:28px;}
  [data-pagina="voor-wie"] .vw2-canvas{min-height:380px;}
  [data-pagina="voor-wie"] .vw2-tekst{min-height:250px;}}
@media(max-width:700px){
  [data-pagina="voor-wie"] .vw2-bar{flex-wrap:wrap;row-gap:8px;padding:12px 14px;}
  [data-pagina="voor-wie"] .vw2-titel{flex:1 1 100%;font-size:13.5px;order:1;}
  [data-pagina="voor-wie"] .vw2-dots{display:none;}
  [data-pagina="voor-wie"] .vw2-blik{order:2;}
  [data-pagina="voor-wie"] .vw2-week{order:3;margin-left:auto;font-size:13px;}
  [data-pagina="voor-wie"] .vw2-canvas{padding:16px 14px 14px;}
  [data-pagina="voor-wie"] .vw2-zone{min-height:268px;}
  [data-pagina="voor-wie"] .vw2-kpi{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
  [data-pagina="voor-wie"] .vw2-kpi div{padding:10px 10px;}
  [data-pagina="voor-wie"] .vw2-kpi b{font-size:19px;}
  [data-pagina="voor-wie"] .vw2-kpi span{font-size:13px;line-height:1.3;}
  [data-pagina="voor-wie"] .vw2-legenda{flex-wrap:wrap;gap:10px 16px;}
  [data-pagina="voor-wie"] .vw2-lijn{grid-template-columns:104px 1fr 74px;}
  [data-pagina="voor-wie"] .vw2-kan{grid-template-columns:110px 1fr 40px;}
  [data-pagina="voor-wie"] .vw2-vac{grid-template-columns:repeat(8,28px);gap:7px;}
  [data-pagina="voor-wie"] .vw2-vak{width:28px;height:28px;}}
@media(prefers-reduced-motion:reduce){
  [data-pagina="voor-wie"] .vw2-beeld{transition:none;}}

[data-pagina="voor-wie"] .vh-scrolhint{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);z-index:4;
  display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.66);
  font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;}
[data-pagina="voor-wie"] .vh-scrolhint i{width:22px;height:34px;border:1.5px solid rgba(255,255,255,.42);border-radius:999px;position:relative;display:block;}
[data-pagina="voor-wie"] .vh-scrolhint i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;
  background:rgba(255,255,255,.8);transform:translateX(-50%);animation:vhMuis 1.9s ease-in-out infinite;}
@keyframes vhMuis{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,13px)}}
@media(max-width:900px){[data-pagina="voor-wie"] .vh-scrolhint{display:none;}}
[data-pagina="voor-wie"] .pf-foto{will-change:transform;}
@media(prefers-reduced-motion:reduce){
  [data-pagina="voor-wie"] .vh-scrolhint i::after{animation:none;}}

[data-pagina="voor-wie"] .vw3{position:relative;padding:var(--sec-y) 0;background:
  linear-gradient(180deg,#fbfaf7,#f7f8f7 40%,#fbfaf7);}
[data-pagina="voor-wie"] .vw3-kop{max-width:56ch;}
[data-pagina="voor-wie"] .vw3-kop h2{font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 12px;}
[data-pagina="voor-wie"] .vw3-kop h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw3-kop .lede{font-size:17px;color:var(--ink-600);margin:0;}
[data-pagina="voor-wie"] .vw3-raster{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;}
[data-pagina="voor-wie"] .vw3-kaart{display:grid;grid-template-columns:1fr 132px;gap:18px;align-items:center;
  background:#fff;border:1px solid var(--ink-100);border-radius:16px;padding:22px 22px 22px 24px;
  text-decoration:none;color:inherit;box-shadow:0 20px 44px -34px rgba(13,17,16,.5);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);}
[data-pagina="voor-wie"] .vw3-kaart:hover{transform:translateY(-4px);border-color:var(--teal-400);
  box-shadow:0 28px 54px -30px rgba(14,74,71,.55);}
[data-pagina="voor-wie"] .vw3-kaart b{display:block;font-size:19px;letter-spacing:-.02em;color:var(--ink-900);}
[data-pagina="voor-wie"] .vw3-vraag{display:block;margin:8px 0 14px;font-size:16px;line-height:1.5;color:var(--teal-700);font-weight:600;}
[data-pagina="voor-wie"] .vw3-tags{display:flex;flex-wrap:wrap;gap:7px;}
[data-pagina="voor-wie"] .vw3-tags span{font-size:13px;color:var(--ink-600);background:var(--bg-soft,#f4f6f5);
  border:1px solid var(--ink-100);border-radius:999px;padding:5px 11px;}
[data-pagina="voor-wie"] .vw3-ga{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:600;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw3-kaart:hover .vw3-ga .arr{transform:translateX(4px);}
[data-pagina="voor-wie"] .vw3-ga .arr{transition:transform .2s var(--ease);}

[data-pagina="voor-wie"] .vw3-mini{height:96px;display:flex;align-items:flex-end;gap:6px;}
[data-pagina="voor-wie"] .vw3-mini.staaf i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--teal-500),var(--teal-700-vlak));display:block;}
[data-pagina="voor-wie"] .vw3-mini.spoor{flex-direction:column;align-items:stretch;justify-content:center;gap:9px;}
[data-pagina="voor-wie"] .vw3-mini.spoor i{height:12px;border-radius:999px;background:var(--ink-100);position:relative;overflow:hidden;display:block;}
[data-pagina="voor-wie"] .vw3-mini.spoor i::after{content:"";position:absolute;inset:0 var(--rest,40%) 0 0;border-radius:999px;background:linear-gradient(90deg,var(--teal-600),var(--teal-400));}
[data-pagina="voor-wie"] .vw3-mini.spoor i.laat::after{background:linear-gradient(90deg,#e0a93f,#f9d047);}
[data-pagina="voor-wie"] .vw3-mini.trechter{flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;}
[data-pagina="voor-wie"] .vw3-mini.trechter i{height:14px;border-radius:5px;background:linear-gradient(90deg,var(--teal-700-vlak),var(--teal-400));display:block;}
[data-pagina="voor-wie"] .vw3-mini.vakjes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-content:center;}
[data-pagina="voor-wie"] .vw3-mini.vakjes i{aspect-ratio:1;border-radius:5px;background:linear-gradient(160deg,var(--teal-600),var(--teal-400));display:block;}
[data-pagina="voor-wie"] .vw3-mini.vakjes i.laat{background:linear-gradient(160deg,#e0a93f,#f9d047);}

[data-pagina="voor-wie"] .vw3-onder{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:56px;
  border:1px solid var(--teal-200,#bfe3e1);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,rgba(92,194,189,.10),rgba(92,194,189,.05));}
[data-pagina="voor-wie"] .vw3-onder .vw3-blok + .vw3-blok{border-left:1px solid var(--teal-200,#bfe3e1);}
[data-pagina="voor-wie"] .vw3-blok{background:none;border:0;border-radius:0;padding:26px 28px;}
[data-pagina="voor-wie"] .vw3-blok b{display:block;font-size:16px;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink-900);}
[data-pagina="voor-wie"] .vw3-blok p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-600);max-width:46ch;}
[data-pagina="voor-wie"] .vw3-blok a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:600;font-size:15px;color:var(--teal-700);text-decoration:none;}
[data-pagina="voor-wie"] .vw3-blok a:hover .arr{transform:translateX(4px);}
[data-pagina="voor-wie"] .vw3-blok a .arr{transition:transform .2s var(--ease);}
[data-pagina="voor-wie"] .vw3-deel{margin-left:auto;appearance:none;border:1px solid var(--ink-100);background:#fff;border-radius:999px;
  padding:8px 16px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-800);cursor:pointer;}
[data-pagina="voor-wie"] .vw3-deel:hover{border-color:var(--teal-600);color:var(--teal-700);}
[data-pagina="voor-wie"] .vw3-koprij{display:flex;align-items:flex-start;gap:20px;}
[data-pagina="voor-wie"] .vw3-zijpad{margin:56px 0 -42px;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-400);}
@media(max-width:900px){[data-pagina="voor-wie"] .vw3-zijpad{margin:40px 0 -26px;}}
@media(max-width:900px){
  [data-pagina="voor-wie"] .vw3{padding:var(--sec-y) 0;}
  [data-pagina="voor-wie"] .vw3-raster{grid-template-columns:1fr;}
  [data-pagina="voor-wie"] .vw3-onder{grid-template-columns:1fr;margin-top:40px;}
  [data-pagina="voor-wie"] .vw3-onder .vw3-blok + .vw3-blok{border-left:0;border-top:1px solid var(--teal-200,#bfe3e1);}
  [data-pagina="voor-wie"] .vw3-kaart{grid-template-columns:1fr 104px;padding:18px;}
  [data-pagina="voor-wie"] .vw3-mini{height:84px;}}
@media(max-width:560px){
  [data-pagina="voor-wie"] .vw3-kaart{grid-template-columns:1fr;}
  [data-pagina="voor-wie"] .vw3-mini{order:-1;height:64px;margin-bottom:6px;}
  [data-pagina="voor-wie"] .vw3-mini.vakjes{grid-template-columns:repeat(10,1fr);height:auto;}
  [data-pagina="voor-wie"] .vw3-mini.spoor,[data-pagina="voor-wie"] .vw3-mini.trechter{height:auto;}
  [data-pagina="voor-wie"] .vw3-koprij{flex-direction:column;gap:14px;}
  [data-pagina="voor-wie"] .vw3-deel{margin-left:0;align-self:flex-start;}}

[data-pagina="voor-wie"] .vw4{position:relative;overflow:hidden;color:#fff;padding:var(--sec-y) 0;
  background:
    radial-gradient(120% 120% at 8% 0%, #2aa9a2 0%, transparent 55%),
    radial-gradient(90% 90% at 92% 100%, #0e4a47 0%, transparent 60%),
    linear-gradient(140deg,#1a928b,#12615d);}
[data-pagina="voor-wie"] .vw4::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px);background-size:4px 4px;}
[data-pagina="voor-wie"] .vw4::after{content:"";position:absolute;right:-12%;top:-40%;width:62%;height:180%;pointer-events:none;
  background:radial-gradient(closest-side, rgba(249,208,71,.18), transparent 70%);}
[data-pagina="voor-wie"] .vw4-in{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;}
[data-pagina="voor-wie"] .vw4 .eyebrow{color:rgba(255,255,255,.72);}
[data-pagina="voor-wie"] .vw4 .eyebrow::before{background:var(--accent-500,#f9d047);}
[data-pagina="voor-wie"] .vw4 h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em;margin:14px 0 14px;max-width:16ch;}
[data-pagina="voor-wie"] .vw4 h2 em{font-style:italic;font-weight:400;color:var(--accent-500,#f9d047);}
[data-pagina="voor-wie"] .vw4-koprij p{font-size:17px;line-height:1.62;color:rgba(255,255,255,.82);margin:0 0 26px;max-width:44ch;}
[data-pagina="voor-wie"] .vw4-acties{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
[data-pagina="voor-wie"] .vw4-naar{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#fff;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;}
[data-pagina="voor-wie"] .vw4-naar:hover .arr{transform:translateX(3px);}
[data-pagina="voor-wie"] .vw4-naar .arr{transition:transform .2s var(--ease);}

[data-pagina="voor-wie"] .vw4-kaart{position:relative;background:#fff;color:var(--ink-900);border-radius:18px;
  box-shadow:0 46px 90px -46px rgba(0,0,0,.6);overflow:hidden;}
[data-pagina="voor-wie"] .vw4-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fcfcfb,#f6f7f6);}
[data-pagina="voor-wie"] .vw4-bar b{font-size:14px;}
[data-pagina="voor-wie"] .vw4-bar span{margin-left:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-400);}
[data-pagina="voor-wie"] .vw4-body{padding:24px 24px 26px;min-height:318px;}
[data-pagina="voor-wie"] .vw4-stap{display:none;}
[data-pagina="voor-wie"] .vw4-stap.aan{display:block;}
[data-pagina="voor-wie"] .vw4-vraagnr{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw4-vraag{font-size:20px;line-height:1.35;letter-spacing:-.02em;font-weight:700;margin:12px 0 20px;}
[data-pagina="voor-wie"] .vw4-knoppen{display:grid;gap:10px;}
[data-pagina="voor-wie"] .vw4-knoppen button{appearance:none;text-align:left;font:inherit;font-size:16px;font-weight:600;
  background:#fff;border:1px solid var(--ink-100);border-radius:12px;padding:14px 16px;cursor:pointer;
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);}
[data-pagina="voor-wie"] .vw4-knoppen button:hover{border-color:var(--teal-600);background:var(--teal-50,#eefaf9);transform:translateX(3px);}
[data-pagina="voor-wie"] .vw4-note{margin-top:16px;font-size:13px;color:var(--ink-400);}

[data-pagina="voor-wie"] .vw4-rap{display:grid;grid-template-columns:208px 1fr;gap:20px;align-items:center;}
[data-pagina="voor-wie"] .vw4-radar{width:208px;height:208px;}
[data-pagina="voor-wie"] .vw4-web{fill:none;stroke:var(--ink-100);}
[data-pagina="voor-wie"] .vw4-as{stroke:var(--ink-100);}
[data-pagina="voor-wie"] .vw4-vlak{fill:rgba(26,146,139,.18);stroke:var(--teal-600);stroke-width:2;}
[data-pagina="voor-wie"] .vw4-stip{fill:var(--teal-700);}
[data-pagina="voor-wie"] .vw4-lijst{list-style:none;margin:0;padding:0;display:grid;gap:7px;}
[data-pagina="voor-wie"] .vw4-lijst li{display:grid;grid-template-columns:1fr 62px 22px;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-600);}
[data-pagina="voor-wie"] .vw4-lijst i{height:7px;border-radius:999px;background:var(--ink-100);position:relative;overflow:hidden;display:block;}
[data-pagina="voor-wie"] .vw4-lijst i::after{content:"";position:absolute;inset:0 calc(100% - var(--f)) 0 0;border-radius:999px;
  background:linear-gradient(90deg,var(--teal-600),var(--teal-400));}
[data-pagina="voor-wie"] .vw4-lijst b{font-size:13.5px;color:var(--ink-900);text-align:right;}
[data-pagina="voor-wie"] .vw4-opnieuw{appearance:none;background:none;border:0;padding:0;margin-top:18px;font:inherit;font-size:14px;
  font-weight:600;color:var(--teal-700);cursor:pointer;text-decoration:underline;}
[data-pagina="voor-wie"] .vw4-deel{position:absolute;right:0;top:0;appearance:none;border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.10);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;
  font-weight:600;color:#fff;cursor:pointer;}
[data-pagina="voor-wie"] .vw4-deel:hover{background:rgba(255,255,255,.18);}
[data-pagina="voor-wie"] .vw4-koprij{position:relative;}
@media(max-width:1000px){
  [data-pagina="voor-wie"] .vw4-in{grid-template-columns:1fr;gap:34px;}
  [data-pagina="voor-wie"] .vw4 h2{max-width:none;}}
@media(max-width:620px){
  [data-pagina="voor-wie"] .vw4{padding:var(--sec-y) 0;}
  [data-pagina="voor-wie"] .vw4-rap{grid-template-columns:1fr;justify-items:center;}
  [data-pagina="voor-wie"] .vw4-lijst{width:100%;}
  [data-pagina="voor-wie"] .vw4-deel{position:static;margin-bottom:18px;}}

[data-pagina="voor-wie"] .vw3-dash{margin-top:40px;padding:28px;border-radius:20px;background:#fff;border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);}
[data-pagina="voor-wie"] .vw3-dash-kop{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--ink-900);}
[data-pagina="voor-wie"] .vw3-dash-rij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
[data-pagina="voor-wie"] .vw3-dk b{display:block;margin-bottom:8px;font-size:15px;color:var(--teal-700);}
[data-pagina="voor-wie"] .vw3-dk ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
[data-pagina="voor-wie"] .vw3-dk a,[data-pagina="voor-wie"] .vw3-dash-alle{color:var(--ink-800);text-decoration:none;font-size:15px;}
[data-pagina="voor-wie"] .vw3-dk a:hover,[data-pagina="voor-wie"] .vw3-dash-alle:hover{color:var(--teal-700);}
[data-pagina="voor-wie"] .vw3-dk .arr{color:var(--teal-600);}
[data-pagina="voor-wie"] .vw3-dash-alle{display:inline-block;margin-top:20px;font-weight:700;color:var(--teal-700);}
@media(max-width:900px){[data-pagina="voor-wie"] .vw3-dash-rij{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){[data-pagina="voor-wie"] .vw3-dash-rij{grid-template-columns:1fr;}}

[data-pagina="klantcases"] .pf-foto{background-image:url(fotos/klantverhalen-hero.jpg);background-position:66% 48%;}
@media(max-width:900px){
  [data-pagina="klantcases"] .pf-foto{background-position:70% 46%;}
  [data-pagina="klantcases"] .pf-scrim{background:
    linear-gradient(180deg, rgba(13,17,16,.86) 0%, rgba(13,17,16,.72) 26%, rgba(13,17,16,.6) 54%, rgba(13,17,16,.92) 100%);}}
[data-pagina="klantcases"] .pf-strook-rij b{font-size:23px;}
@media(max-width:900px){[data-pagina="klantcases"] .pf-strook-rij{grid-template-columns:1fr 1fr;gap:18px;}[data-pagina="klantcases"] .pf-stip{grid-column:1 / -1;justify-self:start;}}

[data-pagina="klantcases"] .akte{position:relative;background:
  radial-gradient(110% 90% at 8% 0%, rgba(92,194,189,.14), transparent 58%),
  linear-gradient(180deg,#f7f8f7,#fbfaf7 70%);}
[data-pagina="klantcases"] .akte.twee{background:
  radial-gradient(110% 90% at 92% 0%, rgba(249,208,71,.16), transparent 58%),
  linear-gradient(180deg,#fbfaf7,#f6f8f7 70%);}
[data-pagina="klantcases"] .akte::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:radial-gradient(rgba(26,31,30,.05) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="klantcases"] .toneel{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:56px 0;}
[data-pagina="klantcases"] .toneel-in{display:grid;grid-template-columns:1fr 1.06fr;gap:56px;align-items:center;width:100%;}

[data-pagina="klantcases"] .akte-merk{display:block;margin-bottom:26px;}
[data-pagina="klantcases"] .akte-merk img{display:block;width:auto;object-fit:contain;object-position:left center;margin:0 0 14px;}
[data-pagina="klantcases"] .akte-merk[data-merk="innvolve"] img{height:54px;}
[data-pagina="klantcases"] .akte-merk[data-merk="independent-recruiters"] img{height:38px;}
[data-pagina="klantcases"] .akte-merk span{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);}

[data-pagina="klantcases"] .kv-cit{font-size:clamp(26px,3.1vw,44px);line-height:1.16;letter-spacing:-.035em;font-weight:700;
  margin:0 0 18px;max-width:17ch;transform-origin:left top;}
[data-pagina="klantcases"] .kv-wie{margin:0;font-size:15px;color:var(--ink-500);}
[data-pagina="klantcases"] .kv-wie b{display:block;font-size:16px;color:var(--ink-900);}
[data-pagina="klantcases"] .kv-beat{margin-top:26px;min-height:132px;position:relative;}
[data-pagina="klantcases"] .kv-b{position:absolute;inset:0;opacity:0;}
[data-pagina="klantcases"] .kv-b h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;}
[data-pagina="klantcases"] .kv-b p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink-600);max-width:40ch;}
[data-pagina="klantcases"] .kv-b .kv-naar{margin-top:14px;}
[data-pagina="klantcases"] .kv-naar{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--teal-700);text-decoration:none;}
[data-pagina="klantcases"] .kv-naar:hover .arr{transform:translateX(3px);}
[data-pagina="klantcases"] .kv-naar .arr{transition:transform .2s var(--ease);}
[data-pagina="klantcases"] .kv-persoon{display:flex;align-items:center;gap:12px;margin-top:20px;}
[data-pagina="klantcases"] .kv-persoon img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 16%;}

[data-pagina="klantcases"] .scherm{position:relative;background:#fff;border:1px solid var(--ink-100);border-radius:18px;overflow:hidden;
  box-shadow:0 40px 84px -52px rgba(13,17,16,.6);opacity:0;}
[data-pagina="klantcases"] .scherm-bar{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--ink-100);
  background:linear-gradient(180deg,#fcfcfb,#f6f7f6);}
[data-pagina="klantcases"] .scherm-bar b{font-size:13.5px;}
[data-pagina="klantcases"] .scherm-bar span{margin-left:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-400);}
[data-pagina="klantcases"] .scherm-in{padding:22px;min-height:352px;}

[data-pagina="klantcases"] .bron{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:0;margin-bottom:20px;}
[data-pagina="klantcases"] .bron div{border:1px solid var(--ink-100);border-radius:12px;padding:13px 15px;background:linear-gradient(180deg,#fff,#fbfbfa);}
[data-pagina="klantcases"] .bron b{display:block;font-size:14px;}
[data-pagina="klantcases"] .bron i{display:block;font-style:normal;font-size:13px;color:var(--ink-500);margin-top:2px;}
[data-pagina="klantcases"] .bron .draad{border:0;background:none;position:relative;height:2px;}
[data-pagina="klantcases"] .bron .draad .lijn{position:absolute;inset:0 100% 0 0;background:var(--teal-500);border-radius:2px;display:block;}
[data-pagina="klantcases"] .bron .draad em{position:absolute;left:50%;top:-11px;transform:translateX(-50%) scale(.4);opacity:0;
  width:22px;height:22px;border-radius:50%;background:var(--teal-700-vlak);display:grid;place-items:center;}
[data-pagina="klantcases"] .bron .draad em::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;
  transform:rotate(-45deg) translate(1px,-1px);}

[data-pagina="klantcases"] .tegels{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
[data-pagina="klantcases"] .tegel{border:1px solid var(--ink-100);border-radius:12px;padding:14px;background:#fff;opacity:0;}
[data-pagina="klantcases"] .tegel b{display:block;font-size:13.5px;color:var(--ink-900);margin-bottom:9px;}
[data-pagina="klantcases"] .tegel .staafjes{display:flex;align-items:flex-end;gap:5px;height:44px;}
[data-pagina="klantcases"] .tegel .staafjes i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--teal-500),var(--teal-700-vlak));}
[data-pagina="klantcases"] .tegel .lijnen{display:grid;gap:6px;}
[data-pagina="klantcases"] .tegel .lijnen i{height:7px;border-radius:999px;background:var(--ink-100);}
[data-pagina="klantcases"] .tegel .lijnen i.op{background:linear-gradient(90deg,var(--teal-600),var(--teal-400));}
[data-pagina="klantcases"] .tegel .rondje{width:44px;height:44px;border-radius:50%;border:5px solid var(--ink-100);border-top-color:var(--teal-600);border-right-color:var(--teal-600);}
[data-pagina="klantcases"] .tegel .cijferloos{display:flex;gap:4px;flex-wrap:wrap;}
[data-pagina="klantcases"] .tegel .cijferloos i{width:9px;height:9px;border-radius:3px;background:var(--teal-400);}
[data-pagina="klantcases"] .tegel .cijferloos i.stil{background:var(--ink-100);}

[data-pagina="klantcases"] .opsom{display:grid;gap:10px;margin-top:16px;}
[data-pagina="klantcases"] .opsom span{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-700,#3c4340);opacity:0;}
[data-pagina="klantcases"] .opsom span i{width:22px;height:22px;border-radius:50%;background:var(--teal-50,#eefaf9);
  border:1px solid var(--teal-200,#bfe3e1);display:grid;place-items:center;flex:none;}
[data-pagina="klantcases"] .opsom span i::after{content:"";width:7px;height:4px;border-left:2px solid var(--teal-700);border-bottom:2px solid var(--teal-700);
  transform:rotate(-45deg) translate(1px,-1px);}

[data-pagina="klantcases"] .kv-regel{padding:70px 0;background:#fbfaf7;text-align:center;font-size:19px;color:var(--ink-600);}
[data-pagina="klantcases"] .kv-regel b{color:var(--ink-900);}

[data-pagina="klantcases"] .kv-slot{position:relative;overflow:hidden;color:#fff;padding:var(--sec-y) 0;text-align:center;
  background:radial-gradient(120% 120% at 10% 0%, #2aa9a2 0%, transparent 55%),
             radial-gradient(90% 90% at 92% 100%, #0e4a47 0%, transparent 60%),
             linear-gradient(140deg,#1a928b,#12615d);}
[data-pagina="klantcases"] .kv-slot::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px);background-size:4px 4px;}
[data-pagina="klantcases"] .kv-slot > div{position:relative;z-index:2;}
[data-pagina="klantcases"] .kv-slot h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.03em;margin:0 auto 14px;max-width:16ch;}
[data-pagina="klantcases"] .kv-slot h2 em{font-style:italic;font-weight:400;color:var(--accent-500,#f9d047);}
[data-pagina="klantcases"] .kv-slot p{margin:0 auto 26px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82);max-width:52ch;}
[data-pagina="klantcases"] .kv-slot-acties{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;}
[data-pagina="klantcases"] .kv-wit{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink-900);border-radius:999px;
  padding:13px 22px;font-weight:600;font-size:15px;text-decoration:none;}

@media(max-width:1000px){
  [data-pagina="klantcases"] .toneel{min-height:auto;padding:44px 0 56px;}
  [data-pagina="klantcases"] .toneel-in{grid-template-columns:1fr;gap:30px;}
  [data-pagina="klantcases"] .kv-beat{min-height:150px;}
  [data-pagina="klantcases"] .scherm-in{min-height:300px;}}
@media(max-width:620px){
  [data-pagina="klantcases"] .kv-cit{font-size:24px;max-width:none;}
  [data-pagina="klantcases"] .tegels{grid-template-columns:1fr;}
  [data-pagina="klantcases"] .bron{grid-template-columns:1fr;gap:10px;}
  [data-pagina="klantcases"] .bron .draad{display:none;}
  [data-pagina="klantcases"] .akte-merk[data-merk="innvolve"] img{height:44px;}
  [data-pagina="klantcases"] .akte-merk[data-merk="independent-recruiters"] img{height:32px;}}

[data-pagina="wat-is-fpr"] .pf-foto{background-image:url(fotos/wat-is-fpr-hero.jpg);background-position:62% 46%;}
[data-pagina="wat-is-fpr"] .pf-strook-rij b{font-size:24px;}
@media(max-width:900px){
  [data-pagina="wat-is-fpr"] .pf-foto{background-position:66% 44%;}

  [data-pagina="wat-is-fpr"] .pf-scrim{background:
    linear-gradient(180deg, rgba(13,17,16,.86) 0%, rgba(13,17,16,.72) 26%, rgba(13,17,16,.6) 54%, rgba(13,17,16,.92) 100%);}
  [data-pagina="wat-is-fpr"] .pf-strook-rij{grid-template-columns:1fr 1fr;gap:18px;}
  [data-pagina="wat-is-fpr"] .pf-stip{grid-column:1 / -1;justify-self:start;}
}

[data-pagina="wat-is-fpr"] .hw{position:relative;background:
  radial-gradient(120% 90% at 10% 0%, rgba(92,194,189,.15), transparent 58%),
  radial-gradient(100% 80% at 100% 15%, rgba(249,208,71,.13), transparent 55%),
  linear-gradient(180deg,#fbfaf7,#f4f6f5 62%,#fbfaf7);}
[data-pagina="wat-is-fpr"] .hw::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}

[data-pagina="wat-is-fpr"] .hw-rail{position:relative;}
[data-pagina="wat-is-fpr"] .hw-toneel{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:60px 0;}
[data-pagina="wat-is-fpr"] .hw-in{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center;width:100%;}

[data-pagina="wat-is-fpr"] .hw-tekst{min-width:0;}
[data-pagina="wat-is-fpr"] .hw-tekst h2{font-size:clamp(28px,3.1vw,42px);line-height:1.1;letter-spacing:-.032em;margin:14px 0 16px;max-width:15ch;}
[data-pagina="wat-is-fpr"] .hw-tekst h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .hw-lede{font-size:17.5px;line-height:1.6;color:var(--ink-600);margin:0;max-width:40ch;}
[data-pagina="wat-is-fpr"] .hw-stappen{display:flex;gap:8px;margin-top:30px;}
[data-pagina="wat-is-fpr"] .hw-stappen i{width:34px;height:3px;border-radius:2px;background:var(--ink-100);transition:background .3s var(--ease);}
[data-pagina="wat-is-fpr"] .hw-stappen i.aan{background:var(--teal-600,#1a928b);}

[data-pagina="wat-is-fpr"] .hw-scherm{min-width:0;border-radius:18px;overflow:hidden;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 34px 70px -40px rgba(0,0,0,.4);}
[data-pagina="wat-is-fpr"] .hw-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 20px;background:var(--bg-soft,#f6f5f0);border-bottom:1px solid var(--ink-100);}
[data-pagina="wat-is-fpr"] .hw-bar b{font-size:14.5px;letter-spacing:-.01em;}
[data-pagina="wat-is-fpr"] .hw-bar span{font-family:var(--font-mono);font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .hw-body{padding:26px 24px 24px;}

[data-pagina="wat-is-fpr"] .hw-vraag{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 20px;border:1px solid var(--ink-100);border-radius:14px;background:#fff;}
[data-pagina="wat-is-fpr"] .hw-vraag > span{font-size:15.5px;font-weight:600;color:var(--ink-800);}
[data-pagina="wat-is-fpr"] .hw-vak{display:inline-flex;align-items:center;gap:4px;min-width:96px;height:46px;
  padding:0 14px;border-radius:10px;background:var(--bg-soft,#f6f5f0);border:1px dashed var(--ink-200);}
[data-pagina="wat-is-fpr"] .hw-vak em{font-style:normal;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .hw-vak em.vraag{color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .hw-cursor{width:2px;height:22px;background:var(--teal-600,#1a928b);animation:hwPuls 1.05s steps(2) infinite;}
@keyframes hwPuls{0%,49%{opacity:1}50%,100%{opacity:0}}

[data-pagina="wat-is-fpr"] .hw-kaarten{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
[data-pagina="wat-is-fpr"] .hw-kaart{min-width:0;padding:16px 16px 15px;border-radius:14px;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 12px 26px -20px rgba(0,0,0,.35);}
[data-pagina="wat-is-fpr"] .hw-kaart span{display:block;white-space:nowrap;font-family:var(--font-mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .hw-kaart b{display:block;font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:6px 0 8px;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .hw-kaart i{display:block;font-style:normal;font-size:14px;line-height:1.4;color:var(--ink-500);}
[data-pagina="wat-is-fpr"] .hw-kaart.dim{opacity:.42;}

[data-pagina="wat-is-fpr"] .hw-tijd{overflow:hidden;margin-top:20px;padding-top:18px;border-top:1px solid var(--ink-100);}
[data-pagina="wat-is-fpr"] .hw-as{position:relative;height:2px;margin:0 6% 0;}
[data-pagina="wat-is-fpr"] .hw-as-lijn{position:absolute;inset:0;background:var(--ink-100);transform-origin:left center;}
[data-pagina="wat-is-fpr"] .hw-punten{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-9px;}
[data-pagina="wat-is-fpr"] .hw-punt{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
[data-pagina="wat-is-fpr"] .hw-punt i{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink-200);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);}
[data-pagina="wat-is-fpr"] .hw-punt.aan i{border-color:var(--teal-600,#1a928b);box-shadow:0 0 0 5px rgba(92,194,189,.22);}
[data-pagina="wat-is-fpr"] .hw-punt span{font-size:14px;line-height:1.3;color:var(--ink-500);}
[data-pagina="wat-is-fpr"] .hw-punt b{display:block;margin-top:3px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-300);transition:color .3s var(--ease);}
[data-pagina="wat-is-fpr"] .hw-punt.aan b{color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .hw-vraag.klaar .hw-cursor{display:none;}
[data-pagina="wat-is-fpr"] .hw-tijd-voet{margin:16px 0 0;font-size:14px;color:var(--ink-500);text-align:center;}

@media(max-width:1000px){
  [data-pagina="wat-is-fpr"] .hw-in{grid-template-columns:1fr;gap:30px;}
  [data-pagina="wat-is-fpr"] .hw-toneel{min-height:0;padding:70px 0;}
  [data-pagina="wat-is-fpr"] .hw-tekst h2{max-width:none;}
}
@media(max-width:620px){
  [data-pagina="wat-is-fpr"] .hw-kaarten{grid-template-columns:1fr;gap:10px;}
  [data-pagina="wat-is-fpr"] .hw-kaart b{font-size:28px;margin:4px 0 6px;}
  [data-pagina="wat-is-fpr"] .hw-vraag{flex-wrap:wrap;gap:12px;}
  [data-pagina="wat-is-fpr"] .hw-punt span{font-size:13px;}
  [data-pagina="wat-is-fpr"] .hw-body{padding:20px 16px 18px;}
}

[data-pagina="wat-is-fpr"] .ec{position:relative;background:
  radial-gradient(120% 90% at 85% 0%, rgba(92,194,189,.18), transparent 58%),
  radial-gradient(90% 70% at 0% 30%, rgba(249,208,71,.12), transparent 55%),
  linear-gradient(180deg,#fbfaf7,#f2f6f5 58%,#fbfaf7);}
[data-pagina="wat-is-fpr"] .ec::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="wat-is-fpr"] .ec-rail{position:relative;}
[data-pagina="wat-is-fpr"] .ec-toneel{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:60px 0;}
[data-pagina="wat-is-fpr"] .ec-in{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center;width:100%;}

[data-pagina="wat-is-fpr"] .ec-tekst{min-width:0;}
[data-pagina="wat-is-fpr"] .ec-tekst h2{font-size:clamp(28px,3.1vw,42px);line-height:1.1;letter-spacing:-.032em;margin:14px 0 16px;max-width:15ch;}
[data-pagina="wat-is-fpr"] .ec-tekst h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .ec-lede{font-size:17.5px;line-height:1.6;color:var(--ink-600);margin:0;max-width:42ch;}
[data-pagina="wat-is-fpr"] .ec-stappen{display:flex;gap:8px;margin-top:30px;}
[data-pagina="wat-is-fpr"] .ec-stappen i{width:34px;height:3px;border-radius:2px;background:var(--ink-100);transition:background .3s var(--ease);}
[data-pagina="wat-is-fpr"] .ec-stappen i.aan{background:var(--teal-600,#1a928b);}

[data-pagina="wat-is-fpr"] .ec-scherm{min-width:0;border-radius:18px;overflow:hidden;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 34px 70px -40px rgba(0,0,0,.4);}
[data-pagina="wat-is-fpr"] .ec-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 20px;background:var(--bg-soft,#f6f5f0);border-bottom:1px solid var(--ink-100);}
[data-pagina="wat-is-fpr"] .ec-bar b{font-size:14.5px;letter-spacing:-.01em;}
[data-pagina="wat-is-fpr"] .ec-bar span{font-family:var(--font-mono);font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .ec-body{padding:24px 24px 22px;}

[data-pagina="wat-is-fpr"] .ec-vraag{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 20px;border:1px solid var(--ink-100);border-radius:14px;}
[data-pagina="wat-is-fpr"] .ec-vraag > span{font-size:15.5px;font-weight:600;color:var(--ink-800);}
[data-pagina="wat-is-fpr"] .ec-vak{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:46px;
  padding:0 14px;border-radius:10px;background:var(--bg-soft,#f6f5f0);border:1px dashed var(--ink-200);
  transition:background .4s var(--ease),border-color .4s var(--ease);}
[data-pagina="wat-is-fpr"] .ec-vak em{font-style:normal;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .ec-vak.vast{background:rgba(92,194,189,.12);border:1px solid var(--teal-500,#5cc2bd);}
[data-pagina="wat-is-fpr"] .ec-vak.vast em{color:var(--ink-900);}

[data-pagina="wat-is-fpr"] .ec-afspraak{overflow:hidden;margin-top:14px;padding:14px 16px;border-radius:14px;
  background:var(--bg-soft,#f6f5f0);border:1px solid var(--ink-100);}
[data-pagina="wat-is-fpr"] .ec-af-kop{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .ec-keuze{display:grid;gap:7px;margin-top:10px;}
[data-pagina="wat-is-fpr"] .ec-keuze i{display:flex;align-items:center;gap:10px;font-style:normal;font-size:15px;color:var(--ink-400);
  padding:9px 12px;border-radius:9px;border:1px solid transparent;transition:all .35s var(--ease);}
[data-pagina="wat-is-fpr"] .ec-keuze i::before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid var(--ink-200);flex:none;transition:all .35s var(--ease);}
[data-pagina="wat-is-fpr"] .ec-keuze i.gekozen{color:var(--ink-900);font-weight:600;background:#fff;border-color:var(--teal-500,#5cc2bd);}
[data-pagina="wat-is-fpr"] .ec-keuze i.gekozen::before{border-color:var(--teal-600,#1a928b);background:var(--teal-600,#1a928b);box-shadow:inset 0 0 0 2.5px #fff;}

[data-pagina="wat-is-fpr"] .ec-vloer{display:grid;margin-top:16px;}
[data-pagina="wat-is-fpr"] .ec-vloer > *{grid-area:1 / 1;}
[data-pagina="wat-is-fpr"] .ec-drie{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:center;}
[data-pagina="wat-is-fpr"] .ec-k{min-width:0;padding:15px 16px;border-radius:14px;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 12px 26px -20px rgba(0,0,0,.35);}
[data-pagina="wat-is-fpr"] .ec-k span{display:block;white-space:nowrap;font-family:var(--font-mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .ec-k b{display:block;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:6px 0 6px;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .ec-k i{display:block;font-style:normal;font-size:14px;color:var(--ink-500);}

[data-pagina="wat-is-fpr"] .ec-een{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;
  padding:18px 24px;border-radius:16px;background:#fff;border:1px solid var(--teal-500,#5cc2bd);
  box-shadow:0 24px 50px -26px rgba(26,146,139,.55);}
[data-pagina="wat-is-fpr"] .ec-een > span{grid-column:1;font-family:var(--font-mono);font-size:13.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--teal-700);align-self:end;}
[data-pagina="wat-is-fpr"] .ec-een b{grid-column:1;grid-row:2;display:block;font-size:clamp(40px,4.4vw,58px);font-weight:700;letter-spacing:-.04em;line-height:1;margin:2px 0 0;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .ec-een ul{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:0;display:grid;gap:7px;}
[data-pagina="wat-is-fpr"] .ec-een li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.35;color:var(--ink-600);}
[data-pagina="wat-is-fpr"] .ec-een li::before{content:"";width:15px;height:15px;border-radius:50%;flex:none;margin-top:2px;
  background:var(--teal-600,#1a928b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat;}

[data-pagina="wat-is-fpr"] .ec-dagen{overflow:hidden;margin-top:18px;padding-top:16px;border-top:1px solid var(--ink-100);}
[data-pagina="wat-is-fpr"] .ec-dagrij{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;}
[data-pagina="wat-is-fpr"] .ec-dagrij i{height:9px;border-radius:5px;background:var(--ink-100);transform-origin:left center;}
[data-pagina="wat-is-fpr"] .ec-dagrij i.aan{background:var(--teal-500,#5cc2bd);}
[data-pagina="wat-is-fpr"] .ec-dagen p{margin:12px 0 0;font-size:14px;color:var(--ink-500);text-align:center;}

@media(max-width:1000px){
  [data-pagina="wat-is-fpr"] .ec-in{grid-template-columns:1fr;gap:30px;}
  [data-pagina="wat-is-fpr"] .ec-toneel{min-height:0;padding:70px 0;}
  [data-pagina="wat-is-fpr"] .ec-tekst h2{max-width:none;}
  [data-pagina="wat-is-fpr"] .ec-vloer > *{grid-area:auto;}
  [data-pagina="wat-is-fpr"] .ec-een{margin-top:14px;}
}
@media(max-width:620px){
  [data-pagina="wat-is-fpr"] .ec-drie{grid-template-columns:1fr;gap:10px;}
  [data-pagina="wat-is-fpr"] .ec-k b{font-size:27px;}
  [data-pagina="wat-is-fpr"] .ec-vraag{flex-wrap:wrap;gap:12px;}
  [data-pagina="wat-is-fpr"] .ec-body{padding:18px 16px 16px;}
  [data-pagina="wat-is-fpr"] .ec-keuze i{font-size:14px;}
  [data-pagina="wat-is-fpr"] .ec-een{grid-template-columns:1fr;gap:12px;}
  [data-pagina="wat-is-fpr"] .ec-een ul{grid-column:1;grid-row:auto;}
}

[data-pagina="wat-is-fpr"] .nu{position:relative;overflow:hidden;background:
  radial-gradient(130% 100% at 50% -10%, rgba(92,194,189,.16), transparent 60%),
  linear-gradient(180deg,#fbfaf7,#f6f7f5 55%,#fbfaf7);}
[data-pagina="wat-is-fpr"] .nu::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="wat-is-fpr"] .nu-rail{position:relative;}

[data-pagina="wat-is-fpr"] .nu-toneel{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:100%;align-items:center;padding:70px 0;}

[data-pagina="wat-is-fpr"] .nu-fase{grid-area:1 / 1;min-width:0;width:100%;display:flex;flex-direction:column;gap:30px;}

[data-pagina="wat-is-fpr"] .nu-kop{text-align:center;}
[data-pagina="wat-is-fpr"] .nu-kop .eyebrow{justify-content:center;}

[data-pagina="wat-is-fpr"] .nu-kop h2{font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.034em;margin:14px auto 0;max-width:20ch;text-wrap:balance;}
[data-pagina="wat-is-fpr"] .nu-kop h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}

[data-pagina="wat-is-fpr"] .nu-muur{display:grid;gap:14px;width:100%;min-width:0;}
[data-pagina="wat-is-fpr"] .nu-strook{display:flex;gap:14px;width:max-content;will-change:transform;}
[data-pagina="wat-is-fpr"] .nu-strook span{white-space:nowrap;padding:13px 22px;border-radius:999px;background:#fff;
  border:1px solid var(--ink-100);font-size:16px;color:var(--ink-500);box-shadow:0 10px 22px -18px rgba(0,0,0,.4);}
[data-pagina="wat-is-fpr"] .nu-strook span.eigen{border-color:var(--teal-500,#5cc2bd);color:var(--ink-900);font-weight:600;background:rgba(92,194,189,.1);}

[data-pagina="wat-is-fpr"] .nu-blijft{text-align:center;}
[data-pagina="wat-is-fpr"] .nu-blijft-zin{margin:0 auto;font-size:clamp(20px,2.3vw,30px);line-height:1.25;letter-spacing:-.02em;color:var(--ink-800);max-width:26ch;}
[data-pagina="wat-is-fpr"] .nu-blijft-zin em{font-style:italic;color:var(--teal-700);}

[data-pagina="wat-is-fpr"] .nu-lijn-wrap{position:relative;}
[data-pagina="wat-is-fpr"] .nu-svg{display:block;width:100%;height:110px;color:var(--teal-500,#5cc2bd);overflow:visible;}

[data-pagina="wat-is-fpr"] .nu-stippen{position:absolute;left:0;right:0;top:0;height:110px;pointer-events:none;}
[data-pagina="wat-is-fpr"] .nu-stippen i{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;
  background:#fff;border:2.5px solid var(--teal-600,#1a928b);box-shadow:0 0 0 5px rgba(92,194,189,.16);}
[data-pagina="wat-is-fpr"] .nu-stippen i:nth-child(1){left:12.5%;top:83%;}
[data-pagina="wat-is-fpr"] .nu-stippen i:nth-child(2){left:37.5%;top:36%;}
[data-pagina="wat-is-fpr"] .nu-stippen i:nth-child(3){left:62.5%;top:29%;}
[data-pagina="wat-is-fpr"] .nu-stippen i:nth-child(4){left:87.5%;top:21%;}
@media(max-width:1000px){[data-pagina="wat-is-fpr"] .nu-stippen{display:none;}}
[data-pagina="wat-is-fpr"] .nu-punten{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:-6px;}
[data-pagina="wat-is-fpr"] .nu-p{padding:18px 18px 16px;border-radius:14px;background:#fff;border:1px solid var(--ink-100);
  box-shadow:0 16px 34px -26px rgba(0,0,0,.4);}
[data-pagina="wat-is-fpr"] .nu-p b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .nu-p span{display:block;margin-top:9px;font-size:14.5px;line-height:1.45;color:var(--ink-600);}
[data-pagina="wat-is-fpr"] .nu-p i{display:block;margin-top:7px;font-style:normal;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .nu-voet{margin:24px auto 0;text-align:center;font-size:18px;line-height:1.5;color:var(--ink-800);max-width:44ch;}

@media(max-width:1000px){
  [data-pagina="wat-is-fpr"] .nu-toneel{min-height:0;padding:70px 0;gap:26px;}
  [data-pagina="wat-is-fpr"] .nu-punten{grid-template-columns:repeat(2,1fr);gap:14px;}
  [data-pagina="wat-is-fpr"] .nu-svg{height:70px;}
}
@media(max-width:620px){
  [data-pagina="wat-is-fpr"] .nu-punten{grid-template-columns:1fr;}
  [data-pagina="wat-is-fpr"] .nu-strook span{font-size:14.5px;padding:11px 17px;}
  [data-pagina="wat-is-fpr"] .nu-svg{height:54px;}
}

[data-pagina="wat-is-fpr"] .nu.nu-stil .nu-toneel{display:flex;flex-direction:column;gap:32px;min-height:0;}
[data-pagina="wat-is-fpr"] .nu.nu-stil .nu-fase{grid-area:auto;}
[data-pagina="wat-is-fpr"] .nu.nu-stil .nu-strook{animation:none;}
[data-pagina="wat-is-fpr"] .nu.nu-stil .nu-strook:nth-child(2){margin-left:-90px;}

[data-pagina="wat-is-fpr"] .vg{position:relative;padding:var(--sec-y) 0;background:
  radial-gradient(110% 80% at 15% 0%, rgba(249,208,71,.16), transparent 58%),
  radial-gradient(100% 80% at 90% 40%, rgba(92,194,189,.16), transparent 58%),
  linear-gradient(180deg,#fbfaf7,#f5f7f6 60%,#fbfaf7);}
[data-pagina="wat-is-fpr"] .vg::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="wat-is-fpr"] .vg > .wrap{position:relative;z-index:2;}

[data-pagina="wat-is-fpr"] .vg-kop{max-width:56ch;}
[data-pagina="wat-is-fpr"] .vg-kop h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.032em;margin:14px 0 14px;max-width:18ch;text-wrap:balance;}
[data-pagina="wat-is-fpr"] .vg-kop h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .vg-lede{font-size:17px;line-height:1.6;color:var(--ink-600);margin:0;max-width:46ch;}

[data-pagina="wat-is-fpr"] .vg-smal{display:none;}
@media(max-width:820px){
  [data-pagina="wat-is-fpr"] .vg-breed{display:none;}
  [data-pagina="wat-is-fpr"] .vg-smal{display:inline;}
}

[data-pagina="wat-is-fpr"] .vg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 20px;}
[data-pagina="wat-is-fpr"] .vg-tabs button{appearance:none;cursor:pointer;font:inherit;font-size:15px;font-weight:600;
  padding:11px 18px;border-radius:999px;border:1px solid var(--ink-100);background:#fff;color:var(--ink-600);
  transition:all .25s var(--ease);}
[data-pagina="wat-is-fpr"] .vg-tabs button:hover{border-color:var(--teal-500,#5cc2bd);color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .vg-tabs button[aria-selected="true"]{background:var(--ink-900);border-color:var(--ink-900);color:#fff;}

[data-pagina="wat-is-fpr"] .vg-split{--x:52%;position:relative;overflow:hidden;border-radius:20px;
  background:#fff;border:1px solid var(--ink-100);box-shadow:0 40px 80px -48px rgba(0,0,0,.5);
  min-height:540px;touch-action:pan-y;user-select:none;}
[data-pagina="wat-is-fpr"] .vg-kant{position:absolute;inset:0;padding:26px 28px 24px;display:flex;flex-direction:column;}
[data-pagina="wat-is-fpr"] .vg-nu{background:linear-gradient(180deg,#faf8f4,#f4f1ea);}
[data-pagina="wat-is-fpr"] .vg-straks{background:linear-gradient(180deg,#f3faf9,#eaf6f4);clip-path:inset(0 0 0 var(--x));}
[data-pagina="wat-is-fpr"] .vg-label{align-self:flex-start;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 13px;border-radius:999px;}
[data-pagina="wat-is-fpr"] .vg-label-nu{background:rgba(26,31,30,.07);color:var(--ink-500);}
[data-pagina="wat-is-fpr"] .vg-label-straks{background:var(--teal-600,#1a928b);color:#fff;}
[data-pagina="wat-is-fpr"] .vg-straks .vg-label{margin-left:auto;}

[data-pagina="wat-is-fpr"] .vg-rommel{position:relative;flex:1;min-height:318px;margin:20px 0 0;}
[data-pagina="wat-is-fpr"] .vg-venster{position:absolute;width:min(62%,330px);padding:14px 16px;border-radius:12px;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 16px 30px -22px rgba(0,0,0,.5);}
[data-pagina="wat-is-fpr"] .vg-venster b{display:block;font-size:14px;letter-spacing:-.01em;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .vg-venster span{display:block;margin-top:5px;font-size:13.5px;line-height:1.4;color:var(--ink-500);}
[data-pagina="wat-is-fpr"] .vg-venster i{position:absolute;top:12px;right:14px;font-style:normal;font-family:var(--font-mono);font-size:15px;color:var(--ink-300);}

[data-pagina="wat-is-fpr"] .vg-venster:nth-child(1){left:0;top:0;transform:rotate(-1.6deg);}
[data-pagina="wat-is-fpr"] .vg-venster:nth-child(2){left:52px;top:106px;transform:rotate(1.4deg);}
[data-pagina="wat-is-fpr"] .vg-venster:nth-child(3){left:16px;top:212px;transform:rotate(-.7deg);}

[data-pagina="wat-is-fpr"] .vg-rustig{flex:1;margin:20px 0 0;display:flex;align-items:flex-start;justify-content:flex-end;}
[data-pagina="wat-is-fpr"] .vg-kaart{width:min(74%,420px);padding:18px 20px;border-radius:14px;background:#fff;
  border:1px solid var(--teal-500,#5cc2bd);box-shadow:0 22px 44px -30px rgba(26,146,139,.6);}
[data-pagina="wat-is-fpr"] .vg-kaart b{display:block;font-size:15px;letter-spacing:-.01em;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .vg-kaart ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;}
[data-pagina="wat-is-fpr"] .vg-kaart li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.4;color:var(--ink-600);}
[data-pagina="wat-is-fpr"] .vg-kaart li::before{content:"";width:15px;height:15px;border-radius:50%;flex:none;margin-top:2px;
  background:var(--teal-600,#1a928b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat;}
[data-pagina="wat-is-fpr"] .vg-kaart .vg-stempel{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink-100);
  font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .vg-kaart .vg-stempel em{width:8px;height:8px;border-radius:50%;background:var(--teal-500,#5cc2bd);}

[data-pagina="wat-is-fpr"] .vg-zin{margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--ink-700);max-width:38ch;}
[data-pagina="wat-is-fpr"] .vg-straks .vg-zin{margin-left:auto;text-align:right;}

[data-pagina="wat-is-fpr"] .vg-greep{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;
  background:linear-gradient(180deg, rgba(26,146,139,.25), var(--teal-600,#1a928b) 18%, var(--teal-600,#1a928b) 82%, rgba(26,146,139,.25));
  cursor:ew-resize;z-index:4;}
[data-pagina="wat-is-fpr"] .vg-greep i{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;
  background:#fff;border:1px solid var(--ink-100);box-shadow:0 12px 26px -12px rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease);}
[data-pagina="wat-is-fpr"] .vg-greep i::before{content:"";width:22px;height:12px;
  background:var(--ink-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='13 3 6 8 13 13'/%3E%3Cpolyline points='27 3 34 8 27 13'/%3E%3C/svg%3E") center/22px no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Crect width='40' height='16'/%3E%3C/svg%3E") center/22px no-repeat;}
[data-pagina="wat-is-fpr"] .vg-greep:hover i,[data-pagina="wat-is-fpr"] .vg-greep:focus-visible i{transform:scale(1.08);}
[data-pagina="wat-is-fpr"] .vg-greep:focus-visible{outline:none;}
[data-pagina="wat-is-fpr"] .vg-greep:focus-visible i{border-color:var(--teal-600,#1a928b);box-shadow:0 0 0 4px rgba(92,194,189,.3);}

@media(max-width:820px){
  [data-pagina="wat-is-fpr"] .vg{padding:var(--sec-y) 0;}
  [data-pagina="wat-is-fpr"] .vg-split{min-height:0;}

  [data-pagina="wat-is-fpr"] .vg-kant{position:static;clip-path:none !important;}
  [data-pagina="wat-is-fpr"] .vg-straks{border-top:1px solid var(--ink-100);}
  [data-pagina="wat-is-fpr"] .vg-greep{display:none;}
  [data-pagina="wat-is-fpr"] .vg-straks .vg-label{margin-left:0;}
  [data-pagina="wat-is-fpr"] .vg-straks .vg-zin{margin-left:0;text-align:left;}
  [data-pagina="wat-is-fpr"] .vg-rommel{min-height:270px;}
  [data-pagina="wat-is-fpr"] .vg-venster{width:min(86%,330px);}
  [data-pagina="wat-is-fpr"] .vg-rustig{justify-content:flex-start;}
  [data-pagina="wat-is-fpr"] .vg-kaart{width:100%;}
  [data-pagina="wat-is-fpr"] .vg-tabs button{font-size:14px;padding:10px 15px;}
}

[data-pagina="wat-is-fpr"] .pj{position:relative;padding:var(--sec-y) 0;background:
  radial-gradient(90% 70% at 50% 0%, rgba(92,194,189,.2), transparent 60%),
  radial-gradient(80% 60% at 12% 70%, rgba(249,208,71,.14), transparent 58%),
  linear-gradient(180deg,#fbfaf7,#f3f7f6 55%,#fbfaf7);}
[data-pagina="wat-is-fpr"] .pj::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(26,31,30,.045) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="wat-is-fpr"] .pj > .wrap{position:relative;z-index:2;}

[data-pagina="wat-is-fpr"] .pj-kop{text-align:center;max-width:60ch;margin:0 auto;}
[data-pagina="wat-is-fpr"] .pj-kop .eyebrow{justify-content:center;}
[data-pagina="wat-is-fpr"] .pj-kop h2{font-size:clamp(28px,3.4vw,46px);line-height:1.08;letter-spacing:-.033em;margin:14px auto 14px;max-width:16ch;text-wrap:balance;}
[data-pagina="wat-is-fpr"] .pj-kop h2 em{font-style:italic;font-weight:400;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .pj-lede{font-size:17px;line-height:1.6;color:var(--ink-600);margin:0 auto;max-width:52ch;}

[data-pagina="wat-is-fpr"] .pj-hof{display:flex;justify-content:center;margin:44px 0 10px;}
[data-pagina="wat-is-fpr"] .pj-ring{position:relative;width:min(470px,86vw);aspect-ratio:1;}
[data-pagina="wat-is-fpr"] .pj-cirkel{position:absolute;inset:0;width:100%;height:100%;color:rgba(26,146,139,.34);overflow:visible;}
[data-pagina="wat-is-fpr"] .pj-punten{position:absolute;inset:0;transform:rotate(var(--rot,0deg));transition:transform .75s cubic-bezier(.22,.9,.24,1);}
[data-pagina="wat-is-fpr"] .pj-punt{position:absolute;left:50%;top:50%;width:0;height:0;}
[data-pagina="wat-is-fpr"] .pj-punt button{position:absolute;left:0;top:0;transform:translate(-50%,-50%) rotate(calc(var(--tegen,0deg)));
  appearance:none;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:10px 12px;border:0;background:none;width:118px;transition:opacity .3s var(--ease);}
[data-pagina="wat-is-fpr"] .pj-bol{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--ink-100);
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -16px rgba(0,0,0,.5);
  transition:all .35s var(--ease);}
[data-pagina="wat-is-fpr"] .pj-bol svg{width:21px;height:21px;fill:none;stroke:var(--ink-400);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s var(--ease);}
[data-pagina="wat-is-fpr"] .pj-punt b{font-size:13.5px;font-weight:600;line-height:1.2;color:var(--ink-500);text-align:center;transition:color .35s var(--ease);}
[data-pagina="wat-is-fpr"] .pj-punt.aan .pj-bol{background:var(--teal-600,#1a928b);border-color:var(--teal-600,#1a928b);transform:scale(1.14);box-shadow:0 14px 30px -14px rgba(26,146,139,.8);}
[data-pagina="wat-is-fpr"] .pj-punt.aan .pj-bol svg{stroke:#fff;}
[data-pagina="wat-is-fpr"] .pj-punt.aan b{color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .pj-punt button:hover .pj-bol{border-color:var(--teal-500,#5cc2bd);}
[data-pagina="wat-is-fpr"] .pj-punt button:focus-visible{outline:none;}
[data-pagina="wat-is-fpr"] .pj-punt button:focus-visible .pj-bol{box-shadow:0 0 0 4px rgba(92,194,189,.35);}

[data-pagina="wat-is-fpr"] .pj-hart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(58%,250px);aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--ink-100);
  box-shadow:0 26px 54px -34px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:18px;}
[data-pagina="wat-is-fpr"] .pj-teller{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .pj-hart b{font-size:clamp(19px,2.1vw,25px);line-height:1.12;letter-spacing:-.025em;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .pj-dash{font-size:14px;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .pj-dash::before{content:"Dashboard: ";color:var(--ink-400);}

[data-pagina="wat-is-fpr"] .pj-band{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;}
[data-pagina="wat-is-fpr"] .pj-vak{padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--ink-100);
  box-shadow:0 20px 44px -34px rgba(0,0,0,.45);}
[data-pagina="wat-is-fpr"] .pj-vak-kop{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .pj-regel{margin:12px 0 0;font-size:18px;line-height:1.45;letter-spacing:-.012em;color:var(--ink-900);}
[data-pagina="wat-is-fpr"] .pj-citaat{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:var(--bg-soft,#f6f5f0);border-left:3px solid var(--teal-500,#5cc2bd);}
[data-pagina="wat-is-fpr"] .pj-citaat p{margin:0;font-size:15.5px;line-height:1.5;font-style:italic;color:var(--ink-700);}
[data-pagina="wat-is-fpr"] .pj-citaat cite{display:block;margin-top:8px;font-style:normal;font-size:13.5px;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .pj-vraag{margin:12px 0 0;font-size:16.5px;line-height:1.5;color:var(--ink-700);}
[data-pagina="wat-is-fpr"] .pj-best{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--ink-100);
  font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);}
[data-pagina="wat-is-fpr"] .pj-best b{font-family:var(--font-sans);font-size:15.5px;letter-spacing:-.01em;text-transform:none;color:var(--teal-700);}
[data-pagina="wat-is-fpr"] .pj-vink{width:18px;height:18px;border-radius:50%;flex:none;
  background:var(--teal-600,#1a928b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;}

@media(max-width:900px){
  [data-pagina="wat-is-fpr"] .pj{padding:var(--sec-y) 0;}
  [data-pagina="wat-is-fpr"] .pj-band{grid-template-columns:1fr;}
  [data-pagina="wat-is-fpr"] .pj-ring{width:min(400px,92vw);}
  [data-pagina="wat-is-fpr"] .pj-punt button{width:96px;}
  [data-pagina="wat-is-fpr"] .pj-punt b{font-size:12.6px;}
  [data-pagina="wat-is-fpr"] .pj-bol{width:38px;height:38px;}
  [data-pagina="wat-is-fpr"] .pj-hart{width:min(56%,190px);}
}

[data-pagina="wat-is-fpr"] .sl{position:relative;overflow:hidden;padding:var(--sec-y) 0;background:
  radial-gradient(90% 80% at 12% 0%, rgba(26,146,139,.5), transparent 62%),
  radial-gradient(70% 70% at 96% 100%, rgba(249,208,71,.16), transparent 60%),
  linear-gradient(160deg,#14322f,#0f2523 62%,#12302d);}
[data-pagina="wat-is-fpr"] .sl::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);background-size:3px 3px;}
[data-pagina="wat-is-fpr"] .sl-in{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;}

[data-pagina="wat-is-fpr"] .sl-tekst{min-width:0;}
[data-pagina="wat-is-fpr"] .sl .eyebrow{color:var(--teal-300,#8fd9d4);}
[data-pagina="wat-is-fpr"] .sl .eyebrow::before{background:var(--teal-400,#5cc2bd);}
[data-pagina="wat-is-fpr"] .sl-tekst h2{font-size:clamp(28px,3.3vw,45px);line-height:1.08;letter-spacing:-.033em;margin:14px 0 16px;max-width:17ch;color:#fff;text-wrap:balance;}
[data-pagina="wat-is-fpr"] .sl-tekst h2 em{font-style:italic;font-weight:400;color:var(--teal-300,#8fd9d4);}
[data-pagina="wat-is-fpr"] .sl-lede{font-size:17px;line-height:1.6;color:rgba(255,255,255,.76);margin:0;max-width:46ch;}
[data-pagina="wat-is-fpr"] .sl-acties{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px;}
[data-pagina="wat-is-fpr"] .sl-naar{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--teal-300,#8fd9d4);text-decoration:none;}
[data-pagina="wat-is-fpr"] .sl-naar .arr{transition:transform .2s var(--ease);}
[data-pagina="wat-is-fpr"] .sl-naar:hover{color:#fff;}
[data-pagina="wat-is-fpr"] .sl-naar:hover .arr{transform:translateX(3px);}

[data-pagina="wat-is-fpr"] .sl-kaart{min-width:0;border-radius:18px;padding:22px 24px 20px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
[data-pagina="wat-is-fpr"] .sl-kaart-kop{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14);}
[data-pagina="wat-is-fpr"] .sl-kaart-kop b{font-size:16px;letter-spacing:-.015em;color:#fff;}
[data-pagina="wat-is-fpr"] .sl-kaart-kop span{font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);}
[data-pagina="wat-is-fpr"] .sl-meters{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px;}
[data-pagina="wat-is-fpr"] .sl-meters li{display:grid;grid-template-columns:minmax(0,178px) 1fr auto;align-items:center;gap:14px;}
[data-pagina="wat-is-fpr"] .sl-meters span{font-size:14px;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
[data-pagina="wat-is-fpr"] .sl-meters i{display:block;height:8px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden;}
[data-pagina="wat-is-fpr"] .sl-meters i em{display:block;height:100%;width:0;border-radius:5px;
  background:linear-gradient(90deg, rgba(92,194,189,.5), var(--teal-400,#5cc2bd));}
[data-pagina="wat-is-fpr"] .sl-meters b{font-family:var(--font-mono);font-size:15px;color:rgba(255,255,255,.45);width:14px;text-align:right;}
[data-pagina="wat-is-fpr"] .sl-voet{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);
  font-size:14px;color:rgba(255,255,255,.62);}
[data-pagina="wat-is-fpr"] .sl-stip{width:8px;height:8px;border-radius:50%;flex:none;background:var(--teal-400,#5cc2bd);box-shadow:0 0 0 5px rgba(92,194,189,.18);}

@media(max-width:900px){
  [data-pagina="wat-is-fpr"] .sl{padding:var(--sec-y) 0;}
  [data-pagina="wat-is-fpr"] .sl-in{grid-template-columns:1fr;gap:34px;}
  [data-pagina="wat-is-fpr"] .sl-tekst h2{max-width:none;}
  [data-pagina="wat-is-fpr"] .sl-meters li{grid-template-columns:minmax(0,1fr) 84px auto;}
}

.pagina[data-pagina="wat-is-fpr"] .wf-model-kaart{cursor:default;}
.pagina[data-pagina="wat-is-fpr"] .wf-model-kaart:hover{transform:none;}

.pagina[data-pagina="wat-is-fpr"] .wf-lat{
  margin-top:26px;background:var(--paper);border-radius:24px;padding:36px 38px 32px;
  box-shadow:0 24px 52px -34px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.05);
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-kop{max-width:62ch;margin-bottom:26px;}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-kop h3{
  margin:6px 0 8px;font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.025em;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-kop h3 em{font-style:italic;font-weight:400;color:var(--teal-600);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-kop p{
  margin:0;font-size:15px;line-height:1.55;color:var(--ink-500);
}

.pagina[data-pagina="wat-is-fpr"] .wf-lat-rijen{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-rijen li{
  margin:0;padding:18px 0;border-top:1px solid var(--ink-100);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.25fr);
  gap:10px 26px;align-items:center;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-rijen li:last-child{border-bottom:1px solid var(--ink-100);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-naam b{
  display:block;font-size:16.5px;font-weight:700;line-height:1.3;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-naam i{
  display:block;font-style:normal;font-size:13.5px;line-height:1.4;color:var(--ink-500);margin-top:2px;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-balk{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;gap:10px;padding-top:16px;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-balk em{
  font-style:normal;font-size:13px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-400);
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-balk b{
  font-size:21px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  color:var(--ink-700);justify-self:start;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-balk.top b{color:var(--teal-700);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-markt,
.pagina[data-pagina="wat-is-fpr"] .wf-lat-top{
  position:absolute;left:0;top:0;height:7px;border-radius:4px;display:block;
}

.pagina[data-pagina="wat-is-fpr"] .wf-lat-markt{width:var(--wm,0%);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-top{width:var(--wt,0%);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-markt{background:var(--ink-200);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-top{background:var(--teal-500);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-bron{
  margin:22px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-500);max-width:86ch;
}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-bron a{color:var(--teal-600);font-weight:600;}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-bron .arr{display:inline-block;transition:transform .3s var(--ease);}
.pagina[data-pagina="wat-is-fpr"] .wf-lat-bron a:hover .arr{transform:translateX(3px);}

@media(max-width:860px){
  .pagina[data-pagina="wat-is-fpr"] .wf-lat{padding:26px 22px 24px;border-radius:18px;}
  .pagina[data-pagina="wat-is-fpr"] .wf-lat-rijen li{grid-template-columns:minmax(0,1fr);gap:6px;}
  .pagina[data-pagina="wat-is-fpr"] .wf-lat-balk{padding-top:15px;}
  .pagina[data-pagina="wat-is-fpr"] .wf-lat-kop h3{font-size:23px;}
}

[data-pagina="pricing"] .pf-foto{background-image:url(fotos/pricing-hero.jpg);background-position:64% 42%;}
[data-pagina="pricing"] .pf-strook-rij b{font-size:23px;}

[data-pagina="pricing"] .pc-kop{padding:var(--sec-y) 0;}

[data-pagina="pricing"] .pc-kophead-los{display:flex;justify-content:center;margin-bottom:34px;}
[data-pagina="pricing"] .pc-kophead-los .pc-keuze{text-align:center;}
[data-pagina="pricing"] .pc-kophead-los .pc-keuze-label{display:block;margin-bottom:10px;}
@media(max-width:900px){
  [data-pagina="pricing"] .pf-foto{background-position:68% 42%;}
  [data-pagina="pricing"] .pf-scrim{background:
    linear-gradient(180deg, rgba(13,17,16,.86) 0%, rgba(13,17,16,.72) 26%, rgba(13,17,16,.6) 54%, rgba(13,17,16,.92) 100%);}
  [data-pagina="pricing"] .pf-strook-rij{grid-template-columns:1fr 1fr;gap:18px;}
  [data-pagina="pricing"] .pf-stip{grid-column:1 / -1;justify-self:start;}
  [data-pagina="pricing"] .pc-kop{padding:56px 0 72px;}
}

.pagina[data-pagina="pricing"] .pc-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "lijst";row-gap:14px;}
.pagina[data-pagina="pricing"] .pc-strip-lijst{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:32px;row-gap:16px;}
.pagina[data-pagina="pricing"] .pc-strip-lijst li{flex:0 1 auto;}
@media(max-width:820px){
  .pagina[data-pagina="pricing"] .pc-strip-lijst{flex-direction:column;justify-content:flex-start;}
}

.pagina[data-pagina="data-scan"] .pf-foto{
  background-image:url(fotos/data-scan-hero.jpg);
  background-position:38% 46%;
}

.pagina[data-pagina="data-scan"] .pf-scrim{
  background:
    linear-gradient(94deg, rgba(13,17,16,.98) 0%, rgba(13,17,16,.95) 30%, rgba(13,17,16,.8) 48%, rgba(13,17,16,.5) 70%, rgba(13,17,16,.42) 100%),
    linear-gradient(180deg, rgba(13,17,16,.72) 0%, rgba(13,17,16,0) 18%, rgba(13,17,16,0) 55%, rgba(13,17,16,.9) 100%);
}
.pagina[data-pagina="data-scan"] .ds-hero-in{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,478px);
  gap:40px;align-items:center;
}
.pagina[data-pagina="data-scan"] .ds-hero-in .pf-copy{max-width:600px;}
.pagina[data-pagina="data-scan"] .pf-strook-rij b{font-size:23px;}

.pagina[data-pagina="data-scan"] .ds3{
  position:relative;height:512px;
  perspective:1500px;perspective-origin:62% 46%;
}
.pagina[data-pagina="data-scan"] .ds3-stapel{
  position:absolute;inset:0;
  transform-style:preserve-3d;
  transform:rotateX(7deg) rotateY(-19deg);
}
.pagina[data-pagina="data-scan"] .ds3-vel{
  position:absolute;box-sizing:border-box;
  background:#fff;border-radius:14px;
  box-shadow:0 34px 64px -22px rgba(0,0,0,.62), 0 6px 18px rgba(0,0,0,.22);
  transform-style:preserve-3d;
  padding:20px 20px 18px;
  display:flex;flex-direction:column;
}
.pagina[data-pagina="data-scan"] .ds3-vel::after{

  content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;
  background:linear-gradient(118deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 34%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(13,17,16,.05);
}

.pagina[data-pagina="data-scan"] .ds3-v1{
  left:212px;top:18px;width:236px;height:330px;
  transform:translateZ(-90px);
  border-left:9px solid var(--teal-600);
  background:linear-gradient(168deg,#ffffff 0%,#f1f5f4 100%);
  padding:22px 20px 16px 22px;
}
.pagina[data-pagina="data-scan"] .ds3-merk{display:block;margin-bottom:16px;}
.pagina[data-pagina="data-scan"] .ds3-merk img{display:block;width:30px;height:auto;}
.pagina[data-pagina="data-scan"] .ds3-titel{
  font-size:24px;line-height:1.1;letter-spacing:-.03em;color:var(--ink-900);font-weight:700;
}
.pagina[data-pagina="data-scan"] .ds3-sub{
  display:block;margin-top:8px;font-size:17px;font-weight:600;color:var(--teal-600);
}
.pagina[data-pagina="data-scan"] .ds3-regel{
  margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--ink-600);
}
.pagina[data-pagina="data-scan"] .ds3-eyebrow{
  display:block;margin-bottom:5px;font-family:var(--font-mono);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--teal-600);
}
.pagina[data-pagina="data-scan"] .ds3-voet{
  margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-400);align-self:flex-end;
}

.pagina[data-pagina="data-scan"] .ds3-v2{
  left:0;top:0;width:232px;height:240px;
  transform:translateZ(50px);
  padding:16px 16px 12px;
}
.pagina[data-pagina="data-scan"] .ds3-kop{
  display:block;font-size:13px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em;
}
.pagina[data-pagina="data-scan"] .ds3-radar{
  display:block;width:100%;height:auto;flex:1;min-height:0;margin:2px 0 0;
}
.pagina[data-pagina="data-scan"] .ds3-net polygon{fill:none;stroke:var(--ink-100);stroke-width:1;}
.pagina[data-pagina="data-scan"] .ds3-net line{stroke:var(--ink-100);stroke-width:1;}
.pagina[data-pagina="data-scan"] .ds3-vlak{
  fill:rgba(251,217,107,.55);stroke:var(--accent-500);stroke-width:2;
  stroke-linejoin:round;
}
.pagina[data-pagina="data-scan"] .ds3-assen{
  display:block;font-family:var(--font-mono);font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);
}

.pagina[data-pagina="data-scan"] .ds3-v3{
  left:98px;top:252px;width:266px;height:250px;
  transform:translateZ(120px);
}
.pagina[data-pagina="data-scan"] .ds3-kansen{
  margin-top:11px;display:flex;flex-direction:column;gap:10px;
}
.pagina[data-pagina="data-scan"] .ds3-kans{
  display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:baseline;
}
.pagina[data-pagina="data-scan"] .ds3-kans b{grid-row:1;grid-column:1;font-size:11.5px;font-weight:600;color:var(--ink-700);}
.pagina[data-pagina="data-scan"] .ds3-kans small{
  grid-row:1;grid-column:2;font-family:var(--font-mono);font-size:11px;color:var(--ink-500);justify-self:end;
}
.pagina[data-pagina="data-scan"] .ds3-kans > i{
  grid-row:2;grid-column:1 / -1;display:block;height:5px;border-radius:3px;background:var(--ink-100);overflow:hidden;
}
.pagina[data-pagina="data-scan"] .ds3-kans > i > i{
  display:block;height:100%;border-radius:3px;background:var(--teal-500);
  width:calc(var(--s,0) * 1%);transform-origin:left center;
}

@media(max-width:1100px){
  .pagina[data-pagina="data-scan"] .ds-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,412px);gap:28px;}
  .pagina[data-pagina="data-scan"] .ds3{height:462px;transform:scale(.9);transform-origin:right center;}
}
@media(max-width:900px){
  .pagina[data-pagina="data-scan"] .pf-scrim{
    background:linear-gradient(180deg, rgba(13,17,16,.9) 0%, rgba(13,17,16,.8) 30%, rgba(13,17,16,.66) 58%, rgba(13,17,16,.92) 100%);}
  .pagina[data-pagina="data-scan"] .ds-hero-in{grid-template-columns:minmax(0,1fr);gap:8px;}
  .pagina[data-pagina="data-scan"] .ds-hero-in .pf-copy{max-width:none;}

  .pagina[data-pagina="data-scan"] .ds3{
    height:388px;transform:scale(.74);transform-origin:left top;margin-top:10px;
  }
  .pagina[data-pagina="data-scan"] .ds3-stapel{transform:rotateX(6deg) rotateY(-14deg);}
  .pagina[data-pagina="data-scan"] .pf-strook-rij b{font-size:21px;}
}
@media(max-width:640px){
  .pagina[data-pagina="data-scan"] .ds3{height:368px;transform:scale(.70);transform-origin:left top;}
  .pagina[data-pagina="data-scan"] .pf-foto{background-position:44% 46%;}
}

@media(prefers-reduced-motion:reduce){
  .pagina[data-pagina="data-scan"] .ds3-stapel{transform:rotateX(5deg) rotateY(-14deg) !important;}
}

.pagina[data-pagina="data-scan"] .ds-pijlers .ds-pijlers-kop p{
  margin:14px 0 0;font-size:16.5px;line-height:1.62;color:var(--ink-600);max-width:56ch;
}
.pagina[data-pagina="data-scan"] .ds-mkrij{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:20px;
}
.pagina[data-pagina="data-scan"] .ds-mk{
  flex:0 1 calc(25% - 15px);min-width:0;box-sizing:border-box;
  display:flex;flex-direction:column;gap:14px;
  padding:22px 22px 24px;border-radius:18px;
  background:var(--bg-soft);border:1px solid var(--ink-100);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
  transform-origin:center top;
}
.pagina[data-pagina="data-scan"] .ds-mk:hover{
  transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--teal-200);
}
.pagina[data-pagina="data-scan"] .ds-mk-fig{
  display:block;width:84px;height:48px;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg{display:block;width:84px;height:48px;overflow:visible;}
.pagina[data-pagina="data-scan"] .ds-mk-naam{
  font-size:16px;line-height:1.25;font-weight:700;color:var(--ink-900);letter-spacing:-.015em;
}
.pagina[data-pagina="data-scan"] .ds-mk-vraag{
  margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-500);
}

.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-groei,
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-rek,
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-tree,
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-stip{fill:var(--teal-500);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-tree{fill:var(--teal-400);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-vlak-goud{fill:var(--accent-500);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-teken{
  fill:none;stroke:var(--teal-600);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-goud{stroke:var(--accent-500);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-baan{
  fill:none;stroke:var(--ink-100);stroke-width:6;stroke-linecap:round;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-boog{
  fill:none;stroke:var(--teal-500);stroke-width:6;stroke-linecap:round;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-naald line{
  stroke:var(--ink-800);stroke-width:2.4;stroke-linecap:round;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-naald circle{fill:var(--ink-800);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-ring{
  fill:none;stroke:var(--teal-500);stroke-width:7;stroke-linecap:butt;
}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-ring-goud{stroke:var(--accent-500);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-stippen circle{fill:var(--ink-200);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-stippen circle.aan{fill:var(--teal-500);}
.pagina[data-pagina="data-scan"] .ds-mk-svg .ds-mk-stippen circle.top{fill:var(--accent-500);}

@media(max-width:1100px){
  .pagina[data-pagina="data-scan"] .ds-mk{flex:0 1 calc(33.333% - 14px);}
}
@media(max-width:820px){
  .pagina[data-pagina="data-scan"] .ds-mk{flex:0 1 calc(50% - 10px);padding:18px 18px 20px;}
  .pagina[data-pagina="data-scan"] .ds-mk-naam{font-size:15px;}
}
@media(max-width:520px){
  .pagina[data-pagina="data-scan"] .ds-mkrij{gap:12px;}
  .pagina[data-pagina="data-scan"] .ds-mk{flex:0 1 100%;}
}

.pagina[data-pagina="data-scan"].ds-beweeg .ds-herken-beeld:not(.ds-in){opacity:1;transform:none;}
.pagina[data-pagina="data-scan"] .ds-hk-lijst{
  display:block;position:relative;overflow:hidden;
  max-width:460px;border-radius:24px;box-shadow:var(--shadow-lg);
  background:var(--ink-100);
}
.pagina[data-pagina="data-scan"] .ds-herken-beeld img.ds-hk-foto{
  display:block;width:100%;max-width:none;height:auto;
  border-radius:0;box-shadow:none;
  filter:saturate(.18) contrast(1.05);
}
@media(max-width:900px){
  .pagina[data-pagina="data-scan"] .ds-hk-lijst{max-width:min(400px,72%);}
}
@media(max-width:640px){
  .pagina[data-pagina="data-scan"] .ds-hk-lijst{max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .pagina[data-pagina="data-scan"] .ds-herken-beeld img.ds-hk-foto{filter:none;}
}

.pagina[data-pagina="demo"] .pf-foto{
  background-image:url(fotos/demo-hero.jpg);background-position:30% 46%;
}
.pagina[data-pagina="demo"] .pf-scrim{
  background:
    linear-gradient(94deg, rgba(13,17,16,.97) 0%, rgba(13,17,16,.94) 34%, rgba(13,17,16,.82) 52%, rgba(13,17,16,.66) 74%, rgba(13,17,16,.58) 100%),
    linear-gradient(180deg, rgba(13,17,16,.72) 0%, rgba(13,17,16,0) 16%, rgba(13,17,16,0) 52%, rgba(13,17,16,.9) 100%);
}
.pagina[data-pagina="demo"] .dm-hero-in{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,486px);
  gap:52px;align-items:start;
  padding-top:calc(var(--kop-hoogte,76px) + 52px);padding-bottom:56px;
}
.pagina[data-pagina="demo"] .dm-copy{max-width:560px;}
.pagina[data-pagina="demo"] .dm-copy h1{font-size:clamp(34px,3.6vw,52px);}
.pagina[data-pagina="demo"] .dm-copy .lede{margin-bottom:0;}

.pagina[data-pagina="demo"] .dmv{
  margin-top:30px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  max-width:460px;
}
.pagina[data-pagina="demo"] .dmv-kop{
  display:flex;align-items:center;gap:11px;
  padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.14);
}
.pagina[data-pagina="demo"] .dmv-merk{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.12);flex:0 0 auto;
}
.pagina[data-pagina="demo"] .dmv-merk img{display:block;width:17px;height:auto;}
.pagina[data-pagina="demo"] .dmv-aan b{display:block;font-size:14px;color:#fff;font-weight:700;}
.pagina[data-pagina="demo"] .dmv-aan i{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.62);}
.pagina[data-pagina="demo"] .dmv-body{padding:16px 18px 18px;min-height:150px;}
.pagina[data-pagina="demo"] .dmv-groet{margin:0 0 10px;font-size:14.5px;color:rgba(255,255,255,.9);}
.pagina[data-pagina="demo"] .dmv-r{margin:0 0 9px;font-size:14.5px;line-height:1.5;color:#fff;}
.pagina[data-pagina="demo"] .dmv-r:last-child{margin-bottom:0;}
.pagina[data-pagina="demo"] .dmv-r b{color:var(--teal-300);font-weight:600;}
.pagina[data-pagina="demo"] .dmv-skelet{
  display:block;height:9px;border-radius:5px;width:var(--b,80%);
  background:rgba(255,255,255,.16);margin-bottom:7px;
}
.pagina[data-pagina="demo"] .dmv-skelet:last-child{margin-bottom:0;}

.pagina[data-pagina="demo"] .dmf{
  background:#fff;border-radius:22px;padding:26px 26px 22px;
  box-shadow:0 34px 70px -24px rgba(0,0,0,.6), 0 6px 18px rgba(0,0,0,.2);
}
.pagina[data-pagina="demo"] .dmf-voortgang{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.pagina[data-pagina="demo"] .dmf-voortgang i{
  display:block;height:4px;border-radius:3px;background:var(--ink-100);
  transition:background .35s var(--ease);
}
.pagina[data-pagina="demo"] .dmf-voortgang i.aan{background:var(--teal-500);}
.pagina[data-pagina="demo"] .dmf-teller{
  display:block;margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--ink-500);
}
.pagina[data-pagina="demo"] .dmf-v{border:0;padding:0;margin:0;min-width:0;}
.pagina[data-pagina="demo"] .dmf-vraag{
  padding:0;font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:var(--ink-900);
}
.pagina[data-pagina="demo"] .dmf-hulp{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink-500);}

.pagina[data-pagina="demo"] .dmf-keuzes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.pagina[data-pagina="demo"] .dmf-keus{
  position:relative;display:block;cursor:pointer;
  border:1px solid var(--ink-100);border-radius:14px;padding:13px 14px;
  background:var(--bg-soft);
  transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);
}
.pagina[data-pagina="demo"] .dmf-keus-breed{grid-column:1 / -1;}
.pagina[data-pagina="demo"] .dmf-keus:hover{border-color:var(--teal-300);transform:translateY(-2px);}
.pagina[data-pagina="demo"] .dmf-keus input{position:absolute;opacity:0;width:0;height:0;}
.pagina[data-pagina="demo"] .dmf-keus b{display:block;font-size:14.5px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina="demo"] .dmf-keus i{display:block;margin-top:3px;font-style:normal;font-size:13px;line-height:1.4;color:var(--ink-500);}
.pagina[data-pagina="demo"] .dmf-keus:has(input:checked){
  border-color:var(--teal-500);background:var(--teal-50);box-shadow:inset 0 0 0 1px var(--teal-500);
}
.pagina[data-pagina="demo"] .dmf-keus:has(input:focus-visible){outline:2px solid var(--teal-500);outline-offset:3px;}

.pagina[data-pagina="demo"] .dmf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.pagina[data-pagina="demo"] .dmf-chips-klein{margin-top:10px;}
.pagina[data-pagina="demo"] .dmf-chip{position:relative;cursor:pointer;}
.pagina[data-pagina="demo"] .dmf-chip input{position:absolute;opacity:0;width:0;height:0;}
.pagina[data-pagina="demo"] .dmf-chip span{
  display:inline-block;padding:9px 15px;border-radius:999px;
  border:1px solid var(--ink-100);background:var(--bg-soft);
  font-size:13.5px;font-weight:600;color:var(--ink-700);
  transition:border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);
}
.pagina[data-pagina="demo"] .dmf-chip:hover span{border-color:var(--teal-300);}
.pagina[data-pagina="demo"] .dmf-chip input:checked + span{
  border-color:var(--teal-500);background:var(--teal-500);color:#fff;
}
.pagina[data-pagina="demo"] .dmf-chip input:focus-visible + span{outline:2px solid var(--teal-500);outline-offset:3px;}
.pagina[data-pagina="demo"] .dmf-chip-alles span{border-style:dashed;}

.pagina[data-pagina="demo"] .dmf-velden{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.pagina[data-pagina="demo"] .dmf-veld{display:block;}
.pagina[data-pagina="demo"] .dmf-veld-groot{margin-top:16px;}
.pagina[data-pagina="demo"] .dmf-label{
  display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-600);
}
.pagina[data-pagina="demo"] .dmf-label i{font-style:normal;font-weight:400;color:var(--ink-400);}
.pagina[data-pagina="demo"] .dmf-label-los{display:block;margin-top:18px;}
.pagina[data-pagina="demo"] .dmf-veld input,
.pagina[data-pagina="demo"] .dmf-veld textarea{
  width:100%;box-sizing:border-box;font:inherit;font-size:14.5px;color:var(--ink-900);
  padding:11px 13px;border:1px solid var(--ink-200);border-radius:11px;background:#fff;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.pagina[data-pagina="demo"] .dmf-veld textarea{resize:vertical;min-height:92px;line-height:1.5;}
.pagina[data-pagina="demo"] .dmf-veld input:focus,
.pagina[data-pagina="demo"] .dmf-veld textarea:focus{
  outline:0;border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(92,194,189,.22);
}
.pagina[data-pagina="demo"] .dmf-veld input::placeholder,
.pagina[data-pagina="demo"] .dmf-veld textarea::placeholder{color:var(--ink-400);}
.pagina[data-pagina="demo"] .dmf-veld.mis input,
.pagina[data-pagina="demo"] .dmf-veld.mis textarea{border-color:var(--critical-500);}
.pagina[data-pagina="demo"] .dmf-fout{
  margin:12px 0 0;font-size:13.5px;font-weight:600;color:var(--critical-500);
}

.pagina[data-pagina="demo"] .dmf-knoppen{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;
}
.pagina[data-pagina="demo"] .dmf-terug{
  border:0;background:none;padding:8px 0;cursor:pointer;font:inherit;
  font-size:14px;font-weight:600;color:var(--ink-500);
}
.pagina[data-pagina="demo"] .dmf-terug:hover{color:var(--ink-900);}
.pagina[data-pagina="demo"] .dmf-verder{margin-left:auto;}

.pagina[data-pagina="demo"] .dm-samen{
  margin:0 0 32px;padding:18px 20px;border-radius:16px;
  background:var(--teal-50);border:1px solid var(--teal-200);
}
.pagina[data-pagina="demo"] .dm-samen-kop{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--teal-800);text-transform:uppercase;
}
.pagina[data-pagina="demo"] .dm-samen-tekst{margin-top:10px;font-size:15px;line-height:1.6;color:var(--ink-700);}
.pagina[data-pagina="demo"] .dm-samen-tekst p{margin:0 0 4px;}
.pagina[data-pagina="demo"] .dm-samen-tekst b{color:var(--ink-900);}
.pagina[data-pagina="demo"] .dm-samen-terug{
  margin-top:12px;border:0;background:none;padding:0;cursor:pointer;font:inherit;
  font-size:14px;font-weight:600;color:var(--teal-700);text-decoration:underline;text-underline-offset:3px;
}
.pagina[data-pagina="demo"] .dm-klanten-band{padding:48px 0 8px;}
.pagina[data-pagina="demo"] .dm-klanten-band .dm-klanten{margin:0;}

@media(max-width:1100px){
  .pagina[data-pagina="demo"] .dm-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:34px;}
  .pagina[data-pagina="demo"] .dmf{padding:22px 20px 20px;}
  .pagina[data-pagina="demo"] .dmf-keuzes{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .pagina[data-pagina="demo"] .pf-scrim{
    background:linear-gradient(180deg, rgba(13,17,16,.92) 0%, rgba(13,17,16,.84) 28%, rgba(13,17,16,.8) 60%, rgba(13,17,16,.94) 100%);}
  .pagina[data-pagina="demo"] .dm-hero-in{grid-template-columns:minmax(0,1fr);gap:26px;}
  .pagina[data-pagina="demo"] .dm-copy{max-width:none;}

  .pagina[data-pagina="demo"] .dmv{display:none;}
  .pagina[data-pagina="demo"] .dmf-velden{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .pagina[data-pagina="demo"] .dmf{padding:18px 16px 16px;border-radius:18px;}
  .pagina[data-pagina="demo"] .dmf-vraag{font-size:19px;}
  .pagina[data-pagina="demo"] .pf-foto{background-position:40% 46%;}
}

.pagina[data-pagina="demo"] .pf-strook-rij [data-dm-aantal]{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;}
.pagina[data-pagina="demo"] .pf-strook-rij b{font-size:23px;}

.pagina[data-pagina="demo"] .dm-plan-kop{display:block;}

.pagina[data-pagina="demo"] .dm-kaart{position:relative;}
.pagina[data-pagina="demo"] .dm-kies{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;align-self:flex-start;width:fit-content;
  border:1px solid var(--ink-200);background:var(--paper);border-radius:999px;
  padding:7px 14px 7px 9px;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-600);
  transition:border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);
}
.pagina[data-pagina="demo"] .dm-kies:hover{border-color:var(--teal-400);color:var(--ink-900);}
.pagina[data-pagina="demo"] .dm-kies:focus-visible{outline:2px solid var(--teal-500);outline-offset:3px;}
.pagina[data-pagina="demo"] .dm-kies-vink{
  width:20px;height:20px;border-radius:50%;flex:0 0 auto;
  border:1.5px solid var(--ink-200);display:grid;place-items:center;
  transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.pagina[data-pagina="demo"] .dm-kies-vink svg{width:12px;height:12px;opacity:0;transform:scale(.6);
  transition:opacity .2s var(--ease), transform .25s var(--ease-emph,var(--ease));color:#fff;}
.pagina[data-pagina="demo"] .dm-kies[aria-pressed="true"]{
  border-color:var(--teal-500);background:var(--teal-50);color:var(--teal-800);
}
.pagina[data-pagina="demo"] .dm-kies[aria-pressed="true"] .dm-kies-vink{
  background:var(--teal-500);border-color:var(--teal-500);transform:scale(1.05);
}
.pagina[data-pagina="demo"] .dm-kies[aria-pressed="true"] .dm-kies-vink svg{opacity:1;transform:scale(1);}
.pagina[data-pagina="demo"] .dm-kaart.dm-gekozen{
  border-color:var(--teal-400);box-shadow:0 0 0 1px var(--teal-400), var(--shadow-md);
}

.pagina[data-pagina="demo"] .dm-mand{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 22px;padding:12px 16px;border-radius:14px;
  background:var(--teal-50);border:1px solid var(--teal-200);
}
.pagina[data-pagina="demo"] .dm-mand b{font-size:14.5px;color:var(--ink-900);}
.pagina[data-pagina="demo"] .dm-mand span{font-size:14px;color:var(--ink-600);}
.pagina[data-pagina="demo"] .dm-mand button{
  margin-left:auto;border:0;background:none;padding:0;cursor:pointer;font:inherit;
  font-size:14px;font-weight:600;color:var(--teal-700);text-decoration:underline;text-underline-offset:3px;
}
.pagina[data-pagina="demo"] .dm-mand[hidden]{display:none;}

.pagina[data-pagina="demo"] .dm-klanten-band{padding:56px 0 40px;overflow:hidden;}
.pagina[data-pagina="demo"] .dm-klanten-band .wrap{max-width:none;padding:0;}
.pagina[data-pagina="demo"] .dm-klanten-band .dm-klanten-kop{text-align:center;margin:0 0 22px;}
.pagina[data-pagina="demo"] .dm-loop{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.pagina[data-pagina="demo"] .dm-loop ul{
  display:flex;align-items:center;gap:58px;list-style:none;margin:0;padding:0;width:max-content;
}
.pagina[data-pagina="demo"] .dm-loop li{flex:0 0 auto;}
.pagina[data-pagina="demo"] .dm-loop img{display:block;height:var(--h,28px);width:auto;}
@media(prefers-reduced-motion:reduce){
  .pagina[data-pagina="demo"] .dm-loop ul{flex-wrap:wrap;justify-content:center;width:auto;gap:40px 48px;}
}

.pagina[data-pagina="demo"] .dm-viz-plaats i.af{background:var(--teal-300);opacity:1;}
.pagina[data-pagina="demo"] .dm-viz-plaats span.straks i.af{background:transparent;border-color:var(--teal-300);}

.pagina[data-pagina="demo"] .dm-loop ul li{width:auto;height:auto;flex:0 0 auto;display:flex;align-items:center;}
.pagina[data-pagina="demo"] .dm-loop ul img{max-width:none;height:var(--h,28px);}
@media(max-width:640px){
  .pagina[data-pagina="demo"] .dm-loop ul{gap:40px;}
  .pagina[data-pagina="demo"] .dm-loop ul img{height:calc(var(--h,28px) * .86);}
  .pagina[data-pagina="demo"] .dm-klanten-band{padding:40px 0 28px;}
}

.pagina[data-pagina="over-recbi"] .pf-foto{
  background-image:url(fotos/over-recbi-hero.jpg);background-position:42% 50%;
}
.pagina[data-pagina="over-recbi"] .pf-scrim{
  background:
    linear-gradient(94deg, rgba(13,17,16,.97) 0%, rgba(13,17,16,.94) 32%, rgba(13,17,16,.84) 50%, rgba(13,17,16,.62) 74%, rgba(13,17,16,.54) 100%),
    linear-gradient(180deg, rgba(13,17,16,.7) 0%, rgba(13,17,16,0) 18%, rgba(13,17,16,0) 56%, rgba(13,17,16,.9) 100%);
}
.pagina[data-pagina="over-recbi"] .or-hero-in{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);
  gap:56px;align-items:center;
}
.pagina[data-pagina="over-recbi"] .or-copy{max-width:580px;}
.pagina[data-pagina="over-recbi"] .pf-strook-rij b{font-size:23px;}

.pagina[data-pagina="over-recbi"] .or-duo{
  position:relative;display:flex;justify-content:flex-end;gap:26px;
  padding-bottom:46px;
}
.pagina[data-pagina="over-recbi"] .or-p{
  margin:0;flex:0 0 auto;width:212px;
  transition:transform .4s var(--ease), opacity .3s var(--ease), box-shadow .4s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-p1{transform:rotate(-1.6deg);}
.pagina[data-pagina="over-recbi"] .or-p2{transform:translateY(46px) rotate(1.6deg);}
.pagina[data-pagina="over-recbi"] .or-p{
  background:var(--paper);border-radius:20px;padding:10px 10px 4px;
  box-shadow:0 32px 62px -20px rgba(0,0,0,.66), 0 4px 14px rgba(0,0,0,.26);
}
.pagina[data-pagina="over-recbi"] .or-p-foto{
  display:block;position:relative;overflow:hidden;border-radius:12px;
  aspect-ratio:3 / 4;background:var(--ink-50);
}
.pagina[data-pagina="over-recbi"] .or-p-foto img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;
}
.pagina[data-pagina="over-recbi"] .or-p2 .or-p-foto img{object-position:60% 16%;}
.pagina[data-pagina="over-recbi"] .or-p figcaption{
  display:block;padding:12px 6px 12px;
}
.pagina[data-pagina="over-recbi"] .or-p figcaption b{
  display:block;font-size:15px;font-weight:700;color:var(--ink-900);letter-spacing:-.015em;
}
.pagina[data-pagina="over-recbi"] .or-p figcaption i{
  display:block;margin-top:2px;font-style:normal;font-size:13.5px;color:var(--teal-700);
}

@media(hover:hover){
  .pagina[data-pagina="over-recbi"] .or-duo:hover .or-p{opacity:.6;}
  .pagina[data-pagina="over-recbi"] .or-p1:hover{opacity:1;transform:rotate(-1.6deg) translateY(-12px) scale(1.035);
    box-shadow:0 44px 76px -20px rgba(0,0,0,.72), 0 6px 18px rgba(0,0,0,.3);}
  .pagina[data-pagina="over-recbi"] .or-p2:hover{opacity:1;transform:translateY(34px) rotate(1.6deg) scale(1.035);
    box-shadow:0 44px 76px -20px rgba(0,0,0,.72), 0 6px 18px rgba(0,0,0,.3);}
}

@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"] .or-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:34px;}
  .pagina[data-pagina="over-recbi"] .or-p{width:178px;}
}
@media(max-width:900px){
  .pagina[data-pagina="over-recbi"] .pf-scrim{
    background:linear-gradient(180deg, rgba(13,17,16,.9) 0%, rgba(13,17,16,.8) 30%, rgba(13,17,16,.7) 58%, rgba(13,17,16,.93) 100%);}
  .pagina[data-pagina="over-recbi"] .or-hero-in{grid-template-columns:minmax(0,1fr);gap:30px;}
  .pagina[data-pagina="over-recbi"] .or-copy{max-width:none;}
  .pagina[data-pagina="over-recbi"] .or-duo{justify-content:flex-start;padding-bottom:40px;}
  .pagina[data-pagina="over-recbi"] .or-p{width:168px;}
}
@media(max-width:640px){
  .pagina[data-pagina="over-recbi"] .or-p{width:calc(50% - 9px);}
  .pagina[data-pagina="over-recbi"] .or-duo{gap:18px;padding-bottom:34px;}
  .pagina[data-pagina="over-recbi"] .or-p2{transform:translateY(30px) rotate(1.6deg);}
  .pagina[data-pagina="over-recbi"] .pf-foto{background-position:50% 50%;}
}
@media(prefers-reduced-motion:reduce){
  .pagina[data-pagina="over-recbi"] .or-p1,
  .pagina[data-pagina="over-recbi"] .or-p2{transform:none;}
}

.pagina[data-pagina="over-recbi"] .or-ambitie{background:var(--paper);border-top:1px solid var(--ink-100);}
.pagina[data-pagina="over-recbi"] .or-ab-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center;
}
.pagina[data-pagina="over-recbi"] .or-ab-tekst{max-width:560px;}
.pagina[data-pagina="over-recbi"] .or-ab-tekst .sec-lede{margin-top:16px;}
.pagina[data-pagina="over-recbi"] .or-ab-lijst{
  list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;
}
.pagina[data-pagina="over-recbi"] .or-ab-lijst li{
  display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;
  padding-left:18px;position:relative;
}
.pagina[data-pagina="over-recbi"] .or-ab-lijst li::before{
  content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;
  background:var(--teal-500);
}
.pagina[data-pagina="over-recbi"] .or-ab-lijst b{font-size:16px;font-weight:700;color:var(--ink-900);}
.pagina[data-pagina="over-recbi"] .or-ab-lijst span{font-size:15px;color:var(--ink-500);}

.pagina[data-pagina="over-recbi"] .or-ab-beeld{margin:0;}
.pagina[data-pagina="over-recbi"] .or-ab-teller{
  display:flex;align-items:baseline;gap:12px;margin-bottom:18px;
}
.pagina[data-pagina="over-recbi"] .or-ab-teller b{
  font-size:56px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--teal-600);
  font-variant-numeric:tabular-nums;
}
.pagina[data-pagina="over-recbi"] .or-ab-teller span{
  font-size:14.5px;line-height:1.4;color:var(--ink-500);max-width:19ch;
}
.pagina[data-pagina="over-recbi"] .or-ab-raster{
  display:grid;grid-template-columns:repeat(10,1fr);gap:6px;
}
.pagina[data-pagina="over-recbi"] .or-ab-raster i{
  display:block;aspect-ratio:1;border-radius:5px;background:var(--ink-100);
  transition:background .35s var(--ease), transform .35s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-ab-raster i.aan{background:var(--teal-500);}
.pagina[data-pagina="over-recbi"] .or-ab-raster i.mw.aan{background:var(--accent-500);}
.pagina[data-pagina="over-recbi"] .or-ab-legenda{
  display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:14px;color:var(--ink-500);
}
.pagina[data-pagina="over-recbi"] .or-ab-legenda > span{display:inline-flex;align-items:center;gap:8px;}
.pagina[data-pagina="over-recbi"] .or-ab-legenda i{
  width:12px;height:12px;border-radius:4px;display:block;
}
.pagina[data-pagina="over-recbi"] .or-ab-legenda .ab-l1{background:var(--teal-500);}
.pagina[data-pagina="over-recbi"] .or-ab-legenda .ab-l2{background:var(--accent-500);}

@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"] .or-ab-grid{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:40px;}
  .pagina[data-pagina="over-recbi"] .or-ab-teller b{font-size:46px;}
}
@media(max-width:860px){
  .pagina[data-pagina="over-recbi"] .or-ab-grid{grid-template-columns:minmax(0,1fr);gap:34px;}
  .pagina[data-pagina="over-recbi"] .or-ab-tekst{max-width:none;}
  .pagina[data-pagina="over-recbi"] .or-ab-beeld{max-width:420px;}
}

.pagina[data-pagina="over-recbi"] .or-lives{background:var(--paper);}
.pagina[data-pagina="over-recbi"] .or-lv-kop{max-width:62ch;margin-bottom:44px;}

.pagina[data-pagina="over-recbi"] .or-lv{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:start;
}

.pagina[data-pagina="over-recbi"] .or-lv-rij{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;
}
.pagina[data-pagina="over-recbi"] .or-lv-rij > li{margin:0;padding:0;}
.pagina[data-pagina="over-recbi"] .or-lv-k{
  width:100%;display:grid;grid-template-columns:34px 52px minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:center;
  text-align:left;background:var(--paper);border:1px solid var(--ink-100);
  border-radius:16px;padding:14px 18px;cursor:pointer;font:inherit;color:inherit;
  transition:border-color .3s var(--ease), box-shadow .3s var(--ease),
             transform .3s var(--ease), background .3s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-lv-k:hover{
  border-color:var(--teal-300);box-shadow:0 14px 30px -18px rgba(0,0,0,.28);transform:translateY(-2px);
}
.pagina[data-pagina="over-recbi"] .or-lv-k[aria-selected="true"]{
  border-color:var(--teal-500);box-shadow:0 18px 38px -20px rgba(0,0,0,.34);
}
.pagina[data-pagina="over-recbi"] .or-lv-k[aria-selected="true"] .or-lv-nr{color:var(--teal-600);}
.pagina[data-pagina="over-recbi"] .or-lv-nr{
  grid-row:1 / span 2;font-size:14px;font-weight:700;color:var(--ink-500);
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.pagina[data-pagina="over-recbi"] .or-lv-foto{
  grid-row:1 / span 2;width:52px;height:52px;border-radius:50%;overflow:hidden;
  display:block;background:var(--ink-100);
}
.pagina[data-pagina="over-recbi"] .or-lv-foto img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.pagina[data-pagina="over-recbi"] .or-lv-foto.geen{
  display:grid;place-items:center;background:var(--teal-600);color:#fff;
  font-size:16px;font-weight:700;letter-spacing:.01em;
}
.pagina[data-pagina="over-recbi"] .or-lv-wie{display:block;}
.pagina[data-pagina="over-recbi"] .or-lv-wie b{
  display:block;font-size:16.5px;font-weight:700;line-height:1.25;
}
.pagina[data-pagina="over-recbi"] .or-lv-wie i{
  display:block;font-style:normal;font-size:13.5px;color:var(--ink-500);line-height:1.35;
}
.pagina[data-pagina="over-recbi"] .or-lv-th{
  grid-column:3;font-size:14.5px;line-height:1.4;color:var(--ink-500);
}

.pagina[data-pagina="over-recbi"] .or-lv-panelen{position:sticky;top:104px;}
.pagina[data-pagina="over-recbi"] .or-lv-p{
  background:var(--ink-50);border:1px solid var(--ink-100);
  border-radius:22px;padding:34px 34px 30px;
}
.pagina[data-pagina="over-recbi"] .or-lv-p + .or-lv-p{margin-top:16px;}
.pagina[data-pagina="over-recbi"] .or-lv-p .or-lv-tag{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  color:var(--teal-600);margin:0 0 16px;
}
.pagina[data-pagina="over-recbi"] .or-lv-p .or-lv-tag i{
  width:7px;height:7px;border-radius:50%;background:var(--teal-500);display:block;
}
.pagina[data-pagina="over-recbi"] .or-lv-q{
  margin:0 0 14px;font-size:24px;line-height:1.34;font-weight:600;letter-spacing:-.015em;
}
.pagina[data-pagina="over-recbi"] .or-lv-bron{
  margin:0 0 26px;font-size:14px;color:var(--ink-500);
}
.pagina[data-pagina="over-recbi"] .or-lv-pt{
  list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--ink-100);
  display:flex;flex-direction:column;gap:12px;
}
.pagina[data-pagina="over-recbi"] .or-lv-pt li{
  margin:0;padding-left:26px;position:relative;font-size:15.5px;line-height:1.5;
}
.pagina[data-pagina="over-recbi"] .or-lv-pt li::before{
  content:"";position:absolute;left:0;top:.55em;width:11px;height:2px;border-radius:2px;
  background:var(--teal-500);
}
.pagina[data-pagina="over-recbi"] .or-lv-vt{
  margin:26px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-500);
}

@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"] .or-lv{grid-template-columns:minmax(0,1fr);gap:34px;}
  .pagina[data-pagina="over-recbi"] .or-lv-panelen{position:static;top:auto;}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-lv-k{
    grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:13px 15px;
  }
  .pagina[data-pagina="over-recbi"] .or-lv-nr{
    grid-row:1;grid-column:2;font-size:13px;margin-bottom:-2px;
  }
  .pagina[data-pagina="over-recbi"] .or-lv-foto{grid-row:1 / span 3;grid-column:1;width:44px;height:44px;}
  .pagina[data-pagina="over-recbi"] .or-lv-wie{grid-column:2;}
  .pagina[data-pagina="over-recbi"] .or-lv-th{grid-column:2;}
  .pagina[data-pagina="over-recbi"] .or-lv-p{padding:26px 22px 24px;border-radius:18px;}
  .pagina[data-pagina="over-recbi"] .or-lv-q{font-size:20px;}
}

.pagina[data-pagina="over-recbi"] .or-lv-kopgrid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,296px);gap:56px;
  align-items:end;margin-bottom:46px;
}
.pagina[data-pagina="over-recbi"] .or-lv-kop{max-width:62ch;margin-bottom:0;}
.pagina[data-pagina="over-recbi"] .or-lv-meta{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;
  border-left:2px solid var(--teal-500);padding-left:20px;
}
.pagina[data-pagina="over-recbi"] .or-lv-meta li{
  margin:0;display:flex;align-items:baseline;gap:12px;
}
.pagina[data-pagina="over-recbi"] .or-lv-meta b{
  font-size:26px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--teal-600);
  font-variant-numeric:tabular-nums;min-width:22px;
}
.pagina[data-pagina="over-recbi"] .or-lv-meta span{
  font-size:14.5px;line-height:1.35;color:var(--ink-500);
}
@media(max-width:1100px){
  .pagina[data-pagina="over-recbi"] .or-lv-kopgrid{grid-template-columns:minmax(0,1fr);gap:30px;align-items:start;}
  .pagina[data-pagina="over-recbi"] .or-lv-meta{flex-direction:row;flex-wrap:wrap;gap:12px 32px;}
  .pagina[data-pagina="over-recbi"] .or-lv-meta li{max-width:26ch;}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-lv-meta{flex-direction:column;gap:12px;}
  .pagina[data-pagina="over-recbi"] .or-lv-meta li{max-width:none;}
}

.pagina[data-pagina="over-recbi"] .or-woorden{background:var(--ink-50);}
.pagina[data-pagina="over-recbi"] .or-wo-kop{max-width:56ch;margin-bottom:40px;}

.pagina[data-pagina="over-recbi"] .or-wo-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}
.pagina[data-pagina="over-recbi"] .or-wo-k{
  margin:0;background:var(--paper);border-radius:24px;padding:34px 34px 28px;
  display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;
  box-shadow:0 26px 54px -30px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.05);
}
.pagina[data-pagina="over-recbi"] .or-wo-glyph{
  position:absolute;right:18px;top:-26px;font-size:150px;line-height:1;
  font-weight:700;color:var(--teal-100);pointer-events:none;user-select:none;
}
.pagina[data-pagina="over-recbi"] .or-wo-k2 .or-wo-glyph{color:var(--accent-100);}
.pagina[data-pagina="over-recbi"] .or-wo-label{
  position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;
  font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-400);
}
.pagina[data-pagina="over-recbi"] .or-wo-punt{
  width:8px;height:8px;border-radius:50%;background:var(--teal-500);display:block;
}
.pagina[data-pagina="over-recbi"] .or-wo-k2 .or-wo-punt{background:var(--accent-500);}
.pagina[data-pagina="over-recbi"] .or-wo-q{
  position:relative;z-index:1;margin:0;border:0;padding:0;
  font-size:25px;line-height:1.36;font-weight:600;letter-spacing:-.018em;
  color:var(--ink-900);flex:1 1 auto;
}
.pagina[data-pagina="over-recbi"] .or-wo-wie{
  position:relative;z-index:1;display:flex;align-items:center;gap:14px;
  padding-top:18px;border-top:1px solid var(--ink-100);
}
.pagina[data-pagina="over-recbi"] .or-wo-foto{
  width:54px;height:54px;border-radius:50%;overflow:hidden;flex:0 0 auto;
  background:var(--ink-100);display:block;
}
.pagina[data-pagina="over-recbi"] .or-wo-foto img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.pagina[data-pagina="over-recbi"] .or-wo-naam{display:block;}
.pagina[data-pagina="over-recbi"] .or-wo-naam b{display:block;font-size:16px;font-weight:700;line-height:1.25;}
.pagina[data-pagina="over-recbi"] .or-wo-naam i{
  display:block;font-style:normal;font-size:14px;color:var(--ink-500);
}

.pagina[data-pagina="over-recbi"] .or-wo-credo{
  margin-top:24px;border-radius:24px;padding:40px 44px;
  background:linear-gradient(112deg, var(--teal-600), var(--teal-700-vlak));
  color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.5);
}
.pagina[data-pagina="over-recbi"] .or-wo-credo-ic{
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:rgba(255,255,255,.14);color:#fff;
}
.pagina[data-pagina="over-recbi"] .or-wo-credo-ic svg{width:31px;height:31px;display:block;}
.pagina[data-pagina="over-recbi"] .or-wo-credo-label{
  display:block;margin-bottom:10px;
  font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.pagina[data-pagina="over-recbi"] .or-wo-credo-zin{
  margin:0;font-size:31px;line-height:1.42;font-weight:700;letter-spacing:-.025em;color:#fff;
}

.pagina[data-pagina="over-recbi"] .or-wo-credo-zin i{
  font-style:normal;display:inline;
  background-image:linear-gradient(var(--accent-400), var(--accent-400));
  background-repeat:no-repeat;background-position:0 96%;
  background-size:100% .13em;
  padding-bottom:.06em;
}

@media(max-width:900px){
  .pagina[data-pagina="over-recbi"] .or-wo-grid{grid-template-columns:minmax(0,1fr);gap:18px;}
  .pagina[data-pagina="over-recbi"] .or-wo-q{font-size:22px;}
  .pagina[data-pagina="over-recbi"] .or-wo-credo{padding:32px 28px;gap:20px;}
  .pagina[data-pagina="over-recbi"] .or-wo-credo-zin{font-size:25px;}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-wo-k{padding:26px 24px 22px;border-radius:18px;}
  .pagina[data-pagina="over-recbi"] .or-wo-glyph{font-size:118px;right:12px;top:-20px;}
  .pagina[data-pagina="over-recbi"] .or-wo-q{font-size:20px;}
  .pagina[data-pagina="over-recbi"] .or-wo-credo{
    grid-template-columns:minmax(0,1fr);border-radius:18px;padding:26px 22px;gap:16px;
  }
  .pagina[data-pagina="over-recbi"] .or-wo-credo-zin{font-size:21px;}
}

.pagina[data-pagina="over-recbi"] .or-werken{background:var(--ink-50);}

.pagina[data-pagina="over-recbi"] .or-wk-top{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;
  align-items:center;margin-bottom:26px;
}
.pagina[data-pagina="over-recbi"] .or-wk-kol{display:flex;flex-direction:column;gap:32px;}
.pagina[data-pagina="over-recbi"] .or-wk-kop{max-width:54ch;}

.pagina[data-pagina="over-recbi"] .or-wk-beeld{
  margin:0;position:relative;aspect-ratio:4 / 3;
}
.pagina[data-pagina="over-recbi"] .or-wk-beeld img{
  position:relative;z-index:1;display:block;width:100%;height:100%;
  object-fit:cover;object-position:45% 42%;border-radius:26px;
  box-shadow:0 40px 80px -34px rgba(0,0,0,.5), 0 4px 14px rgba(0,0,0,.08);
}
.pagina[data-pagina="over-recbi"] .or-wk-blok{
  position:absolute;left:-18px;bottom:-18px;width:56%;height:52%;
  border-radius:26px;background:var(--teal-500);opacity:.16;z-index:0;
}

.pagina[data-pagina="over-recbi"] .or-wk-punten{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;
}
.pagina[data-pagina="over-recbi"] .or-wk-punten li{
  margin:0;padding:22px 22px 20px;border-radius:18px;background:var(--paper);
  display:flex;flex-direction:column;gap:7px;
  box-shadow:0 18px 40px -30px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.05);
}
.pagina[data-pagina="over-recbi"] .or-wk-punten b{font-size:17px;font-weight:700;line-height:1.25;}
.pagina[data-pagina="over-recbi"] .or-wk-punten li > span:last-child{
  font-size:14.5px;line-height:1.45;color:var(--ink-500);
}
.pagina[data-pagina="over-recbi"] .or-wk-ic{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:var(--teal-100);color:var(--teal-700);margin-bottom:6px;
  transition:transform .35s var(--ease), background .35s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-wk-ic svg{width:23px;height:23px;display:block;}
.pagina[data-pagina="over-recbi"] .or-wk-punten li:nth-child(2) .or-wk-ic,
.pagina[data-pagina="over-recbi"] .or-wk-punten li:nth-child(4) .or-wk-ic{
  background:var(--accent-100);color:#8a6200;
}
.pagina[data-pagina="over-recbi"] .or-wk-punten li:hover .or-wk-ic{transform:translateY(-2px) rotate(-3deg);}

.pagina[data-pagina="over-recbi"] .or-wk-twintig{
  background:var(--paper);border-radius:26px;padding:34px 36px 32px;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 32px;align-items:start;
  box-shadow:0 22px 48px -34px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.05);
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-cijfer{
  display:flex;align-items:flex-start;color:var(--teal-600);
  grid-row:1 / span 2;
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-cijfer b{
  font-size:76px;line-height:.86;font-weight:700;letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-cijfer i{
  font-style:normal;font-size:30px;font-weight:700;line-height:1;padding-top:.15em;
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-kop{
  margin:0 0 10px;font-size:21px;line-height:1.38;font-weight:600;letter-spacing:-.015em;
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-uit{
  margin:0;font-size:15.5px;line-height:1.5;color:var(--ink-500);
}
.pagina[data-pagina="over-recbi"] .or-wk-tw-uit em{font-style:normal;color:var(--ink-900);font-weight:600;}
.pagina[data-pagina="over-recbi"] .or-wk-tw-keuze{
  grid-column:2;display:flex;flex-wrap:wrap;gap:10px;
}
.pagina[data-pagina="over-recbi"] .or-wk-chip{
  font:inherit;font-size:14.5px;line-height:1.2;cursor:pointer;
  background:var(--ink-50);border:1px solid var(--ink-200);border-radius:999px;
  padding:10px 16px;color:var(--ink-700);
  transition:border-color .25s var(--ease), background .25s var(--ease),
             color .25s var(--ease), transform .25s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-wk-chip:hover{
  border-color:var(--teal-400);background:var(--paper);transform:translateY(-1px);
}
.pagina[data-pagina="over-recbi"] .or-wk-chip[aria-pressed="true"]{
  background:var(--teal-600);border-color:var(--teal-600);color:#fff;
}

.pagina[data-pagina="over-recbi"] .or-wk-vac{margin-top:34px;}
.pagina[data-pagina="over-recbi"] .or-wk-vac-kop{
  margin:0 0 18px;font-size:19px;font-weight:700;letter-spacing:-.01em;
}
.pagina[data-pagina="over-recbi"] .or-wk-vac-rij{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
.pagina[data-pagina="over-recbi"] .or-wk-vk{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  border-radius:20px;padding:26px 26px 24px;background:var(--paper);
  box-shadow:0 18px 40px -30px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.05);
  transition:box-shadow .3s var(--ease), transform .3s var(--ease);
}
.pagina[data-pagina="over-recbi"] .or-wk-vk .or-wk-ic{margin-bottom:8px;}
.pagina[data-pagina="over-recbi"] a.or-wk-vk:hover{
  box-shadow:0 30px 60px -30px rgba(0,0,0,.45);transform:translateY(-3px);
}
.pagina[data-pagina="over-recbi"] a.or-wk-vk:hover .or-wk-ic{background:var(--teal-500);color:#fff;}
.pagina[data-pagina="over-recbi"] .or-wk-vk b{font-size:17px;font-weight:700;line-height:1.3;}
.pagina[data-pagina="over-recbi"] .or-wk-vk-uit{font-size:14.5px;line-height:1.5;color:var(--ink-500);flex:1 1 auto;}
.pagina[data-pagina="over-recbi"] .or-wk-vk i,
.pagina[data-pagina="over-recbi"] .or-wk-vk > a{
  font-style:normal;font-size:14.5px;font-weight:600;color:var(--teal-600);text-decoration:none;
}
.pagina[data-pagina="over-recbi"] .or-wk-vk .arr{display:inline-block;transition:transform .3s var(--ease);}
.pagina[data-pagina="over-recbi"] a.or-wk-vk:hover .arr{transform:translateX(3px);}
.pagina[data-pagina="over-recbi"] .or-wk-open{
  background:transparent;box-shadow:none;border:1px dashed var(--ink-300);
}
.pagina[data-pagina="over-recbi"] .or-wk-open .or-wk-ic{background:var(--ink-100);color:var(--ink-600);}
.pagina[data-pagina="over-recbi"] .or-wk-contact{
  margin:20px 0 0;font-size:14.5px;color:var(--ink-500);
}
.pagina[data-pagina="over-recbi"] .or-wk-contact a{color:var(--teal-600);font-weight:600;}

@media(max-width:1000px){
  .pagina[data-pagina="over-recbi"] .or-wk-top{grid-template-columns:minmax(0,1fr);gap:34px;}
  .pagina[data-pagina="over-recbi"] .or-wk-beeld{aspect-ratio:16 / 9;order:-1;}
  .pagina[data-pagina="over-recbi"] .or-wk-punten{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pagina[data-pagina="over-recbi"] .or-wk-twintig{grid-template-columns:auto minmax(0,1fr);}
  .pagina[data-pagina="over-recbi"] .or-wk-vac-rij{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-wk-punten{grid-template-columns:minmax(0,1fr);gap:12px;}
  .pagina[data-pagina="over-recbi"] .or-wk-beeld{aspect-ratio:4 / 3;}
  .pagina[data-pagina="over-recbi"] .or-wk-blok{left:-10px;bottom:-10px;}
  .pagina[data-pagina="over-recbi"] .or-wk-twintig{
    grid-template-columns:minmax(0,1fr);padding:26px 22px;border-radius:20px;gap:14px;
  }
  .pagina[data-pagina="over-recbi"] .or-wk-tw-cijfer{grid-row:auto;}
  .pagina[data-pagina="over-recbi"] .or-wk-tw-cijfer b{font-size:58px;}
  .pagina[data-pagina="over-recbi"] .or-wk-tw-keuze{grid-column:1;}
  .pagina[data-pagina="over-recbi"] .or-wk-tw-kop{font-size:19px;}
  .pagina[data-pagina="over-recbi"] .or-wk-vk{padding:22px 20px 20px;}
}

.pagina[data-pagina="over-recbi"] .or-slot-koppen{
  display:flex;justify-content:center;margin-bottom:16px;position:relative;
}
.pagina[data-pagina="over-recbi"] .or-slot-koppen span{
  width:66px;height:66px;border-radius:50%;overflow:hidden;display:block;
  border:3px solid var(--teal-900);background:var(--teal-800);
}
.pagina[data-pagina="over-recbi"] .or-slot-koppen span + span{margin-left:-18px;}
.pagina[data-pagina="over-recbi"] .or-slot-koppen img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.pagina[data-pagina="over-recbi"] .or-slot-wie{
  font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(255,255,255,.62);margin:0 auto 22px;position:relative;
}
@media(max-width:600px){
  .pagina[data-pagina="over-recbi"] .or-slot-koppen span{width:56px;height:56px;}
}

[data-pagina="voor-wie-uitzendbureaus"] .pf-foto{background-image:url(fotos/werkvloer.jpg);background-position:62% 50%;}
[data-pagina="voor-wie-detachering"] .pf-foto{background-image:url(fotos/samen-laptop-gespiegeld.jpg);background-position:60% 40%;}
[data-pagina="voor-wie-werving-en-selectie"] .pf-foto{background-image:url(fotos/werving-hero.jpg);background-position:62% 45%;}
[data-pagina="voor-wie-corporate"] .pf-foto{background-image:url(fotos/corporate-hero.jpg);background-position:60% 45%;}
@media(max-width:900px){
  [data-pagina="voor-wie-uitzendbureaus"] .pf-foto{background-position:70% 50%;}
}
.pagina .vx-fotokop .vx-terug{display:flex;width:max-content;align-items:center;gap:8px;margin-bottom:22px;font-size:15px;font-weight:600;
  color:rgba(255,255,255,.82);text-decoration:none;}
.pagina .vx-fotokop .vx-terug:hover{color:#fff;}
.vx-fotokop .pf-strook-rij{grid-template-columns:repeat(3,minmax(0,1fr));}
.vx-fotokop .pf-strook-rij b{font-size:21px;}
@media(max-width:900px){
  .vx-fotokop .pf-strook-rij{grid-template-columns:1fr;gap:12px;}
}

.vx-stapel{background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:20px;padding:24px 24px 22px;}
.vx-st-wie{display:flex;align-items:center;gap:14px;}
.vx-st-wie img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;}
.vx-st-wie b{display:block;font-size:16px;color:var(--ink-900);}
.vx-st-wie small{display:block;font-size:14px;color:var(--ink-500);}
.vx-st-titel{margin:22px 0 14px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
.vx-st-vel{position:relative;height:228px;}
.vx-st-kaart{position:absolute;left:0;right:0;height:64px;padding:0 24px;border-radius:14px;background:#fff;
  border:1px solid var(--ink-100);box-shadow:0 18px 34px -24px rgba(14,40,38,.45);
  display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;}
.vx-st-kaart[data-i="0"]{top:0;transform:translateX(-4px) rotate(-2.2deg);}
.vx-st-kaart[data-i="1"]{top:80px;transform:translateX(14px) rotate(1.6deg);}
.vx-st-kaart[data-i="2"]{top:160px;transform:translateX(2px) rotate(-.8deg);}
.vx-st-soort{font-size:14px;font-weight:600;color:var(--ink-500);}
.vx-st-kaart b{font-size:20px;letter-spacing:-.01em;color:var(--ink-900);white-space:nowrap;}
.vx-st-voet{margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--ink-700);}
@media(max-width:900px){
  .vx-st-vel{height:228px;}
  .vx-st-kaart{padding:0 18px;}
  .vx-st-kaart b{font-size:18px;}
}

.pagina[data-pagina="voor-wie-uitzendbureaus"] .vx-groepen,.pagina[data-pagina="voor-wie-detachering"] .vx-groepen,.pagina[data-pagina="voor-wie-werving-en-selectie"] .vx-groepen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.pagina[data-pagina="voor-wie-uitzendbureaus"] .vx-groep,.pagina[data-pagina="voor-wie-detachering"] .vx-groep,.pagina[data-pagina="voor-wie-werving-en-selectie"] .vx-groep{grid-template-columns:1fr;align-content:start;gap:18px;padding:24px;}
.vx-bundel{height:90px;margin:0 auto;}
.vx-bd-lijnen{display:block;width:100%;height:100%;overflow:visible;}
.vx-bd-lijnen path{fill:none;stroke:var(--teal-500);stroke-width:2;stroke-dasharray:6 7;vector-effect:non-scaling-stroke;}
.vx-bd-doel{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 auto;max-width:520px;
  padding:18px 26px;border-radius:14px;color:#fff;background:linear-gradient(90deg,var(--teal-600),var(--teal-700-vlak));}
.vx-bd-doel b{font-size:18px;font-weight:700;}
.vx-bd-doel span{font-size:15px;color:rgba(255,255,255,.88);}
.pagina[data-pagina="voor-wie-uitzendbureaus"] .vx-alle,.pagina[data-pagina="voor-wie-detachering"] .vx-alle,.pagina[data-pagina="voor-wie-werving-en-selectie"] .vx-alle{margin-top:28px;text-align:center;}
@media(max-width:900px){
  .pagina[data-pagina="voor-wie-uitzendbureaus"] .vx-groepen,.pagina[data-pagina="voor-wie-detachering"] .vx-groepen,.pagina[data-pagina="voor-wie-werving-en-selectie"] .vx-groepen{grid-template-columns:1fr;}
  .vx-bundel{height:48px;width:2px;background:repeating-linear-gradient(180deg,var(--teal-500) 0 6px,transparent 6px 13px);}
  .vx-bd-lijnen{display:none;}
}

.vx-split{margin-top:56px;border:1px solid var(--ink-100);border-radius:20px;background:#fff;overflow:hidden;}
.vx-sp-koppen{display:grid;grid-template-columns:200px 1fr 1fr;padding:16px 24px;background:var(--bg-soft);border-bottom:1px solid var(--ink-100);}
.vx-sp-koppen span{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.vx-sp-kop-u{grid-column:2;color:var(--ink-500);} .vx-sp-kop-d{grid-column:3;color:var(--teal-700);}
.vx-sp-vlak{position:relative;}
.vx-sp-rij{display:grid;grid-template-columns:200px 1fr 1fr;align-items:center;padding:20px 24px;border-top:1px solid var(--ink-100);}
.vx-sp-rij:first-child{border-top:0;}
.vx-sp-k{font-size:14px;font-weight:700;color:var(--ink-700);}
.vx-sp-u,.vx-sp-d{font-size:17px;line-height:1.4;}
.vx-sp-u{color:var(--ink-600);} .vx-sp-d{color:var(--ink-900);font-weight:600;}
.vx-sp-greep,.vx-sp-label{display:none;}

.vx-split.js .vx-sp-koppen,.vx-split.js .vx-sp-rij{grid-template-columns:200px var(--ku,1fr) var(--kd,1fr);transition:grid-template-columns .12s linear;}
.vx-split.js .vx-sp-u,.vx-split.js .vx-sp-kop-u{opacity:var(--ou,1);}
.vx-split.js .vx-sp-d,.vx-split.js .vx-sp-kop-d{opacity:var(--od,1);}
.vx-split.js .vx-sp-label{display:block;padding:16px 24px 20px;border-top:1px solid var(--ink-100);background:var(--bg-soft);}
.vx-split.js .vx-sp-label span{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--ink-600);}
.vx-sp-schuif{width:100%;accent-color:var(--teal-600);cursor:ew-resize;}
@media(max-width:700px){
  .vx-sp-koppen,.vx-split.js .vx-sp-koppen{grid-template-columns:1fr 1fr;gap:16px;}
  .vx-sp-kop-u{grid-column:1;} .vx-sp-kop-d{grid-column:2;}
  .vx-sp-rij,.vx-split.js .vx-sp-rij{grid-template-columns:1fr 1fr;gap:6px 16px;}
  .vx-sp-u,.vx-sp-d{font-size:16px;}
  .vx-sp-k{grid-column:1 / -1;}
}

.vx-teams.vx-kleur-wacht [data-st="onder"] .vx-team-bar i{background:var(--ink-300) !important;}
.vx-teams.vx-kleur-wacht [data-st="onder"] .vx-team-naam{color:var(--ink-600);}
.vx-teams [data-st="onder"] .vx-team-bar i,.vx-teams [data-st="onder"] .vx-team-naam{transition:background-color .8s var(--ease),color .8s var(--ease);}

.vx-rapport{perspective:1400px;border-radius:18px;}
.vx-rp-kaft{display:flex;flex-direction:column;gap:4px;padding:24px 26px;border-radius:18px 18px 0 0;color:#fff;
  background:linear-gradient(90deg,var(--teal-600),var(--teal-700-vlak));transform-origin:left center;}
.vx-rp-soort{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);}
.vx-rp-kaft b{font-size:22px;letter-spacing:-.01em;}
.vx-rp-sub{font-size:15px;color:rgba(255,255,255,.88);}
.vx-rp-inhoud{list-style:none;margin:0;padding:8px 26px 14px;background:#fff;border:1px solid var(--ink-100);border-top:0;border-radius:0 0 18px 18px;
  box-shadow:0 24px 44px -30px rgba(14,40,38,.45);transform-origin:left center;}
.vx-rp-inhoud li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--ink-100);font-size:17px;line-height:1.4;color:var(--ink-900);}
.vx-rp-inhoud li:first-child{border-top:0;}
.vx-rp-nr{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--teal-800);background:var(--teal-50);border:1px solid var(--teal-200);}
.vx-rapport + .vx-quote{margin-top:24px;}

.vx-kanalen.vx-veeg-wacht .vx-kr > span:nth-child(3),.vx-kanalen.vx-veeg-wacht .vx-kr > span:nth-child(4){clip-path:inset(0 100% 0 0);}
.vx-kanalen .vx-kr > span:nth-child(3),.vx-kanalen .vx-kr > span:nth-child(4){transition:clip-path .9s var(--ease);}
.vx-kanalen .vx-kr > span:nth-child(4){transition-delay:.35s;}

.vx-ring{background:var(--bg-soft);border:1px solid var(--ink-100);border-radius:20px;padding:24px;}
.vx-ring-titel{margin:0 0 8px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);}
.vx-ring-vlak{position:relative;width:420px;max-width:100%;aspect-ratio:1;margin:0 auto;--r:150px;--rot:0deg;}
.vx-ring-vlak::before{content:"";position:absolute;inset:calc(50% - 150px);border-radius:50%;border:2px dashed var(--teal-300);transform:rotate(var(--rot));}
.vx-ring-hart{position:absolute;inset:33%;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--teal-700-vlak));color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;}
.vx-ring-hart b{font-size:20px;line-height:1.2;white-space:nowrap;}
.vx-ring-hart span{margin-top:4px;font-size:14px;line-height:1.3;color:rgba(255,255,255,.88);}
.vx-ring-punten{list-style:none;margin:0;padding:0;position:absolute;inset:0;}
.vx-ring-punten li{--a:calc(var(--i) * 51.4286deg - 90deg + var(--rot));position:absolute;left:50%;top:50%;width:0;height:0;
  transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));}
.vx-ring-punten li > *{position:absolute;}
.vx-ring-nr{left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--teal-500);
  font-size:15px;font-weight:700;color:var(--teal-800);}
.vx-ring-naam{left:-62px;top:22px;width:124px;text-align:center;font-size:14px;font-weight:600;line-height:1.25;color:var(--ink-800);}
@media(max-width:1180px) and (min-width:901px){
  .vx-ring-vlak{width:340px;--r:118px;}
  .vx-ring-vlak::before{inset:calc(50% - 118px);}
  .vx-ring-naam{font-size:13px;width:110px;left:-55px;}
}
@media(max-width:700px){
  .vx-ring-vlak{aspect-ratio:auto;max-width:none;width:auto;}
  .vx-ring-vlak::before,.vx-ring-hart{display:none;}
  .vx-ring-punten{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .vx-ring-punten li{position:static;width:auto;height:auto;transform:none;display:flex;align-items:center;gap:10px;}
  .vx-ring-punten li > *{position:static;}
  .vx-ring-naam{width:auto;text-align:left;}
}

.vx-afd.vx-kleur-wacht [data-richting="op"]{filter:grayscale(1);opacity:.55;}
.vx-afd [data-richting="op"]{transition:filter .8s var(--ease),opacity .8s var(--ease);}

.pagina[data-pagina="voor-wie-corporate"] .vx-groepen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.pagina[data-pagina="voor-wie-corporate"] .vx-groep{grid-template-columns:1fr;align-content:start;gap:18px;padding:24px;}
.pagina[data-pagina="voor-wie-corporate"] .vx-alle{margin-top:28px;text-align:center;}
@media(max-width:900px){ .pagina[data-pagina="voor-wie-corporate"] .vx-groepen{grid-template-columns:1fr;} }