/* =====================================================================
   Braincandy /2/ – zelfstandig ontwerp
   Rustig, premium, één accentkleur (#DD0546)
   ===================================================================== */
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(../fonts/inter-tight-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:700;font-display:swap;src:url(../fonts/inter-tight-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-latin-400-italic.woff2) format("woff2")}

:root{
  --ink:#14121F; --ink-2:#221F2E; --ink-3:#2E2A3B;
  --text:#3B3748; --muted:#6F6A7D; --muted-2:#A39EB0;
  --line:#E4DED6; --line-dark:rgba(255,255,255,.1);
  --bg:#F6F3EF; --bg-2:#EFEAE3; --white:#FFFFFF;
  --pink:#DD0546; --pink-dark:#B8043A; --pink-soft:#FBE8EE;
  --f-display:"Inter Tight","Inter",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-serif:"Instrument Serif",Georgia,serif;
  --wrap:1280px; --gut:clamp(20px,4vw,48px);
  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 1px 2px rgba(20,18,31,.04),0 12px 32px -12px rgba(20,18,31,.14);
  --hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
svg use{pointer-events:none}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:4px}
.wrap{max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{left:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- Typografie ---------- */
.h2{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,4.3vw,58px);line-height:1.04;letter-spacing:-.032em;color:var(--ink);text-wrap:balance}
em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.h2 em{color:var(--pink)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pink);margin-bottom:18px}
.kicker::before{content:"";width:18px;height:1.5px;background:currentColor}
.kicker--light{color:#FF6E97}
.sec__intro{font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:var(--muted);max-width:560px;margin-top:20px}
.sec__intro a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--pink)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px var(--pink-soft)}

/* ---------- Knoppen ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;border:0;cursor:pointer;font-weight:600;font-size:15.5px;letter-spacing:-.005em;white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:scale(.98)}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:var(--pink)}
.btn--pink{background:var(--pink);color:#fff}
.btn--pink:hover{background:var(--pink-dark);box-shadow:0 10px 24px -8px rgba(221,5,70,.55)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--pink);color:#fff}
.btn--sm{height:42px;padding:0 18px;font-size:14.5px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;color:var(--ink);padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .3s,color .3s}
.link-arrow svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.link-arrow:hover{border-color:var(--pink)}
.link-arrow:hover svg{transform:translateX(4px)}

/* ---------- Header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:100;transition:transform .5s var(--ease)}
.hdr__bar{max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut);height:var(--hdr);display:flex;align-items:center;gap:28px;transition:height .4s var(--ease)}
.hdr::before{content:"";position:absolute;inset:0;background:rgba(246,243,239,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;opacity:0;transition:opacity .4s,border-color .4s}
.hdr.is-scrolled::before{opacity:1;border-color:var(--line)}
.hdr.is-scrolled .hdr__bar{height:64px}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__logo{position:relative;flex:none}
.hdr__logo img{height:34px;width:auto}
.hdr__nav{position:relative;display:flex;align-items:center;gap:4px;margin-left:auto}
.hdr__link{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:999px;border:0;background:none;cursor:pointer;font-size:15px;font-weight:500;color:var(--ink);transition:background-color .25s}
.hdr__link:hover,.hdr__link[aria-expanded="true"]{background:rgba(20,18,31,.06)}
.hdr__link.is-active{color:var(--pink)}
.hdr__link svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.hdr__link[aria-expanded="true"] svg{transform:rotate(180deg)}
.hdr__actions{position:relative;display:flex;align-items:center;gap:16px}
.hdr__tel{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--ink)}
.hdr__tel svg{width:17px;height:17px;color:var(--pink)}
.hdr__burger{display:none;position:relative;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);cursor:pointer}
.hdr__burger span{position:absolute;left:14px;right:14px;height:1.8px;background:#fff;border-radius:2px;transition:transform .4s var(--ease),top .4s var(--ease)}
.hdr__burger span:first-child{top:18px}.hdr__burger span:last-child{top:25px}
.menu-open .hdr__burger span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-open .hdr__burger span:last-child{top:21.5px;transform:rotate(-45deg)}

/* Dropdown */
.dd{position:relative}
.dd__panel{position:absolute;left:-24px;top:calc(100% + 14px);width:760px;display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:28px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 60px -20px rgba(20,18,31,.25);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
.dd.is-open .dd__panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--ease),visibility 0s}
.dd__title{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}
.dd__col a{display:block;padding:6px 0;font-size:15px;font-weight:500;color:var(--ink);transition:color .2s,transform .3s var(--ease)}
.dd__col a:hover{color:var(--pink);transform:translateX(3px)}
.dd__cta{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:20px;border-radius:var(--r);background:var(--ink);color:#fff;position:relative;min-height:170px;transition:background-color .3s}
.dd__cta span{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:-.02em}
.dd__cta small{font-size:13.5px;color:var(--muted-2);line-height:1.45}
.dd__cta svg{position:absolute;top:18px;right:18px;width:20px;height:20px;transition:transform .35s var(--ease)}
.dd__cta:hover{background:var(--pink)}
.dd__cta:hover small{color:#fff}
.dd__cta:hover svg{transform:translateX(4px)}

/* Mobiel menu */
.mmenu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--hdr) + 24px) var(--gut) calc(28px + env(safe-area-inset-bottom));clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease);visibility:hidden}
.menu-open .mmenu{clip-path:inset(0);visibility:visible}
.mmenu__nav{display:flex;flex-direction:column}
.mmenu__nav a{font-family:var(--f-display);font-size:clamp(30px,8vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.25;padding:6px 0;border-bottom:1px solid var(--line-dark);opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .2s}
.menu-open .mmenu__nav a{opacity:1;transform:none}
.mmenu__nav a:hover{color:#FF6E97}
.mmenu__foot{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mmenu__tel{color:var(--muted-2);font-size:16px}
.menu-open .hdr::before{opacity:0}
.menu-open .hdr__logo img{filter:brightness(0) invert(1)}

/* ---------- Hero ---------- */
.hero{padding:calc(var(--hdr) + clamp(32px,6vw,72px)) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero__title{font-family:var(--f-display);font-weight:600;font-size:clamp(42px,5.8vw,84px);line-height:1;letter-spacing:-.04em;color:var(--ink);margin-top:22px;text-wrap:balance}
.hero__title em{color:var(--pink);font-size:1.08em;letter-spacing:-.02em}
.hero__lead{font-size:clamp(17px,1.4vw,19.5px);line-height:1.65;color:var(--muted);max-width:540px;margin-top:26px}
.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:34px}
.hero__for{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.hero__for li{font-size:13.5px;font-weight:500;color:var(--text);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5)}
.hero__visual{position:relative;padding:24px 0 40px 36px}
.hero__photo{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/4.4;background:var(--bg-2);box-shadow:var(--shadow)}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.is-loaded .hero__photo img{transform:none}
.hero__partners{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(36px,5vw,56px);padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.hero__partners ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.hero__partners li{font-weight:600;color:var(--ink);font-size:14px}

/* UI-kaarten op de hero-foto */
.ui{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(20,18,31,.06);border-radius:var(--r);box-shadow:0 24px 48px -18px rgba(20,18,31,.35);color:var(--ink)}
.ui--signal{left:0;bottom:0;width:min(300px,78%);padding:16px 18px;animation:float 7s ease-in-out infinite}
.ui--channels{right:-18px;top:0;width:220px;padding:16px 18px;animation:float 8s ease-in-out -3s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ui__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ui__badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--pink);background:var(--pink-soft);padding:4px 9px;border-radius:999px}
.ui__badge svg{width:13px;height:13px}
.ui__time{font-size:12px;color:var(--muted-2);font-variant-numeric:tabular-nums}
.ui__title{font-family:var(--f-display);font-weight:600;font-size:16px;letter-spacing:-.015em;line-height:1.3}
.ui__text{font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:4px}
.ui__foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--text)}
.ui__avatar{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.ui__avatar svg{width:14px;height:14px}
.ui__pulse{width:7px;height:7px;border-radius:50%;background:#1FAE6A;margin-left:auto;box-shadow:0 0 0 0 rgba(31,174,106,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(31,174,106,0)}100%{box-shadow:0 0 0 0 rgba(31,174,106,0)}}
.ui__label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}
.ui__bars{display:flex;flex-direction:column;gap:9px}
.ui__bars li{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;font-size:12.5px;font-weight:500}
.ui__bars i{display:block;height:6px;border-radius:6px;background:var(--bg-2);position:relative;overflow:hidden}
.ui__bars i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--ink);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .6s}
.ui__bars li:first-child i::after{background:var(--pink)}
.is-loaded .ui__bars i::after{transform:none}

/* ---------- Logo-band ---------- */
.logos{background:var(--ink);color:#fff;padding:26px 0}
.logos__inner{display:flex;align-items:center;gap:40px}
.logos__label{flex:none;font-size:13.5px;color:var(--muted-2);max-width:130px;line-height:1.4}
.marquee{flex:1;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;width:max-content;animation:marquee 70s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee img{flex:none;margin:0 30px;opacity:.62;transition:opacity .3s}
.marquee img:hover{opacity:1}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Secties ---------- */
.sec{padding:clamp(80px,10vw,140px) 0}
.sec--tight{padding:clamp(64px,8vw,110px) 0}
.sec--warm{background:var(--bg-2)}
.sec--dark{background:var(--ink);color:#C9C4D4}
.sec--dark .h2{color:#fff}
.sec--dark .sec__intro{color:#A9A3B7}
.sec__head{max-width:760px;margin-bottom:clamp(40px,5vw,64px)}
.sec__head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.sec__head--row .sec__intro{margin-top:0;max-width:420px}

/* Diensten */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px 28px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.pillar__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}
.pillar__num{font-family:var(--f-display);font-size:14px;font-weight:600;color:var(--muted-2)}
.pillar__icon{width:28px;height:28px;color:var(--ink)}
.pillar h3{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.025em;color:var(--ink);line-height:1.1}
.pillar > p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--muted)}
.pillar__links{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}
.pillar__links a{display:inline-block;font-size:14px;font-weight:500;color:var(--ink);padding:7px 12px;border-radius:999px;background:var(--bg);transition:background-color .25s,color .25s}
.pillar__links a:hover{background:var(--ink);color:#fff}
.pillar__ai{display:flex;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--text)}
.pillar__ai svg,.step__tech svg,.log__who svg{flex:none;width:16px;height:16px;color:var(--pink);margin-top:2px}

.who{display:grid;grid-template-columns:160px 1fr;gap:30px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.who__label{font-family:var(--f-display);font-weight:600;font-size:18px;color:var(--ink)}
.who__list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.who__list strong{display:block;font-weight:600;color:var(--ink);font-size:15.5px}
.who__list span{display:block;font-size:14.5px;color:var(--muted);margin-top:4px;line-height:1.5}

/* Werkwijze */
.work{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px)}
.work__sticky{position:sticky;top:calc(var(--hdr) + 40px)}
.work__sticky .btn{margin-top:34px}
.steps{display:flex;flex-direction:column;counter-reset:s}
.step{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:36px 0;border-top:1px solid var(--line-dark)}
.step:last-child{border-bottom:1px solid var(--line-dark)}
.step__num{font-family:var(--f-display);font-size:15px;font-weight:600;color:#FF6E97;padding-top:6px}
.step h3{font-family:var(--f-display);font-size:clamp(24px,2.3vw,30px);font-weight:600;letter-spacing:-.025em;color:#fff}
.step__body > p:not(.step__tech){margin-top:10px;font-size:16.5px;line-height:1.65;color:#B7B1C4;max-width:520px}
.step__tech{display:flex;gap:10px;margin-top:18px;padding:14px 16px;border-radius:var(--r-sm);background:var(--ink-2);border:1px solid var(--line-dark);font-size:14.5px;line-height:1.55;color:#D9D4E2;max-width:520px}
.step__tech svg{color:#FF6E97}

/* AI */
.ai{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,96px);align-items:center}
.uses{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:40px}
.uses li{display:flex;gap:14px}
.uses li > svg{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:#fff;color:var(--ink);border:1px solid var(--line)}
.uses h3{font-size:16px;font-weight:600;color:var(--ink)}
.uses p{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:3px}
.geo{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;margin-top:40px;padding:20px 22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:border-color .3s,box-shadow .4s var(--ease)}
.geo:hover{border-color:var(--pink);box-shadow:var(--shadow)}
.geo__tag{font-size:12px;font-weight:600;color:var(--pink);background:var(--pink-soft);padding:4px 10px;border-radius:999px;white-space:nowrap}
.geo__text{font-size:14.5px;line-height:1.55;color:var(--muted)}
.geo__text strong{color:var(--ink);font-weight:600}
.geo > svg{width:20px;height:20px;color:var(--ink);transition:transform .35s var(--ease)}
.geo:hover > svg{transform:translate(3px,-3px);color:var(--pink)}

.log{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:26px;box-shadow:0 40px 80px -30px rgba(20,18,31,.55)}
.log__head{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--muted-2);padding-bottom:18px;border-bottom:1px solid var(--line-dark)}
.log__dots{display:flex;gap:6px}
.log__dots i{width:9px;height:9px;border-radius:50%;background:var(--ink-3)}
.log__list{position:relative;padding:8px 0}
.log__list::before{content:"";position:absolute;left:54px;top:26px;bottom:26px;width:1px;background:var(--line-dark)}
.log__item{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:22px;align-items:start;padding:16px 0;opacity:.35;transition:opacity .6s var(--ease)}
.log__item.is-on{opacity:1}
.log__item::before{content:"";position:absolute;left:50px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1.5px solid var(--muted-2);transition:background-color .4s,border-color .4s}
.log__item.is-on::before{background:#fff;border-color:#fff}
.log__item--human.is-on::before{background:var(--pink);border-color:var(--pink)}
.log__time{font-size:13px;color:var(--muted-2);font-variant-numeric:tabular-nums;padding-top:1px}
.log__title{font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.log__meta{font-size:13.5px;color:#A9A3B7;margin-top:2px;line-height:1.45}
.log__who{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#D9D4E2;background:var(--ink-3);padding:4px 10px;border-radius:999px;white-space:nowrap}
.log__item--human .log__who{background:var(--pink);color:#fff}
.log__note{font-size:12px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line-dark)}

/* Cases */
.cases{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,24vw);gap:16px}
.case{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ink);isolation:isolate}
.case--xl{grid-column:span 2;grid-row:span 2}
.case:nth-child(5){grid-column:span 2}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,31,0) 45%,rgba(20,18,31,.78));z-index:1;transition:opacity .5s}
.case:hover img{transform:scale(1.05)}
.case__info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 24px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.case h3{font-family:var(--f-display);font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.02em}
.case--xl h3{font-size:clamp(26px,2.8vw,40px)}
.case__result{width:100%;order:3;font-size:14px;color:#E7E2EE}
.case__result:empty{display:none}
.case__more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .3s,color .3s}
.case__more svg{width:15px;height:15px}
.case:hover .case__more{background:#fff;color:var(--ink)}
.partners{display:flex;align-items:center;gap:32px;margin-top:40px;padding:24px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.partners__label{flex:none;font-size:14px;font-weight:600;color:var(--ink)}
.partners__list{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.partners__list img{height:40px;width:auto;border-radius:6px}

/* Studio */
.studio{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,90px);align-items:center}
.studio__media{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/11;background:var(--ink)}
.studio__media video{width:100%;height:100%;object-fit:cover}
.studio__place{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink);background:rgba(255,255,255,.92);padding:8px 14px;border-radius:999px}
.studio__place svg{width:16px;height:16px;color:var(--pink)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts strong{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.facts span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}

/* Check */
.check{margin-top:clamp(10px,2vw,20px)}
.check__box{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:clamp(36px,5vw,64px);border-radius:var(--r-xl);background:var(--ink);color:#B7B1C4}
.check__box::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(221,5,70,.35),rgba(221,5,70,0) 70%);pointer-events:none}
.check__box .h2{color:#fff;font-size:clamp(30px,3.4vw,46px);margin-bottom:14px}
.check__box p:not(.kicker){max-width:560px;font-size:17px;line-height:1.6}
.check__ctas{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.check__alt{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:#fff;opacity:.8;transition:opacity .2s}
.check__alt svg{width:18px;height:18px}
.check__alt:hover{opacity:1}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,100px)}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font-family:var(--f-display);font-size:clamp(18px,1.5vw,21px);font-weight:600;letter-spacing:-.015em;color:var(--ink);transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--pink)}
.faq summary svg{flex:none;width:22px;height:22px;transition:transform .4s var(--ease)}
.faq details[open] summary svg{transform:rotate(45deg);color:var(--pink)}
.faq__a{overflow:hidden}
.faq__a p{padding:0 40px 26px 0;font-size:16.5px;line-height:1.65;color:var(--muted)}

/* Kennisbank */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{display:flex;flex-direction:column;gap:14px}
.post__img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--bg)}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover .post__img img{transform:scale(1.04)}
.post__cat{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-top:4px}
.post h3{font-family:var(--f-display);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--ink);transition:color .2s}
.post:hover h3{color:var(--pink)}

/* Contact */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px);align-items:start}
.contact__list{margin-top:36px;display:flex;flex-direction:column}
.contact__list a{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-dark);color:#fff;font-size:16.5px;font-weight:500;transition:color .2s}
.contact__list li:first-child a{border-top:1px solid var(--line-dark)}
.contact__list svg{width:20px;height:20px;color:#FF6E97}
.contact__list a:hover{color:#FF6E97}
.form{background:#fff;border-radius:var(--r-xl);padding:clamp(24px,3.5vw,44px);color:var(--text)}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field span{font-size:13.5px;font-weight:600;color:var(--ink)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);padding:13px 14px;font-size:16px;color:var(--ink);transition:border-color .2s,background-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2314121F' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(20,18,31,.06)}
.field.is-invalid input,.field.is-invalid textarea{border-color:var(--pink);background:#fff}
.check-row{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14px;line-height:1.5;color:var(--muted);cursor:pointer}
.check-row input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--pink)}
.check-row a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.check-row.is-invalid{color:var(--pink)}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.form__msg{font-size:14.5px;font-weight:500}
.form__msg.is-ok{color:#1A8F58}.form__msg.is-err{color:var(--pink)}

/* Footer */
.ftr{background:var(--ink);color:#A9A3B7;padding:clamp(56px,7vw,90px) 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line-dark)}
.ftr__top{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}
.ftr__brand img{height:36px;width:auto}
.ftr__brand p{margin-top:18px;font-family:var(--f-serif);font-style:italic;font-size:22px;color:#fff;line-height:1.3}
.ftr__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ftr__title{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.ftr__cols a,.ftr__cols address{display:block;font-style:normal;font-size:15px;line-height:1.5;padding:4px 0;transition:color .2s}
.ftr__cols a:hover{color:#fff}
.ftr__social{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
.ftr__word{margin-top:clamp(48px,7vw,90px);overflow:hidden;color:#fff}
.ftr__word svg{width:100%;height:auto;transform:translateY(var(--wy,100%));transition:transform .1s linear}
.ftr__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line-dark);font-size:13.5px}
.ftr__bottom a:hover{color:#fff}

/* Mobiele CTA-balk */
.mcta{display:none}

/* ---------- Reveal ---------- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}

/* ---------- Responsief ---------- */
@media (max-width:1180px){
  .hdr__tel{display:none}
  .hdr__link{padding:0 9px;font-size:14.5px}
  .dd__panel{width:680px}
}
@media (max-width:1024px){
  :root{--hdr:68px}
  .hdr__nav,.hdr__actions .btn{display:none}
  .hdr__burger{display:block}
  .hdr__actions{margin-left:auto}
  .hdr__logo img{height:30px}
  .hero__grid{grid-template-columns:1fr}
  .hero__visual{padding:16px 0 32px 20px;max-width:620px}
  .hero__photo{aspect-ratio:4/3}
  .ui--channels{right:-6px}
  .pillars{grid-template-columns:1fr;gap:16px}
  .pillar__top{margin-bottom:24px}
  .who{grid-template-columns:1fr;gap:18px}
  .who__list{grid-template-columns:1fr 1fr}
  .work,.ai,.studio,.faq,.contact{grid-template-columns:1fr}
  .work__sticky{position:static}
  .ai__visual{max-width:560px}
  .cases{grid-template-columns:1fr 1fr;grid-auto-rows:260px}
  .case--xl{grid-column:span 2;grid-row:span 1}
  .case:nth-child(5){grid-column:span 1}
  .partners{flex-direction:column;align-items:flex-start;gap:18px}
  .ftr__top{grid-template-columns:1fr}
  .check__box{grid-template-columns:1fr}
  .sec__head--row{flex-direction:column;align-items:flex-start;gap:0}
  .sec__head--row .sec__intro{margin-top:18px}
  .mcta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:6px;border-radius:999px;background:rgba(20,18,31,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px -12px rgba(20,18,31,.5);transform:translateY(140%);transition:transform .5s var(--ease)}
  .mcta.is-on{transform:none}
  .mcta a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;color:#fff;font-weight:600;font-size:15px}
  .mcta svg{width:18px;height:18px}
  .mcta__main{background:var(--pink)}
}
@media (max-width:767px){
  body{font-size:16px}
  .hero{padding-top:calc(var(--hdr) + 28px)}
  .hero__title{margin-top:16px}
  .hero__lead{margin-top:18px}
  .hero__ctas{margin-top:26px}
  .hero__ctas .btn{width:100%;justify-content:center}
  .hero__for{margin-top:24px}
  .hero__visual{padding:12px 0 28px 0}
  .ui--signal{left:10px;bottom:0;width:calc(100% - 60px);padding:14px 16px}
  .ui--channels{display:none}
  .hero__partners{gap:10px}
  .logos__inner{flex-direction:column;align-items:flex-start;gap:14px}
  .logos__label{max-width:none}
  .marquee{width:100%}
  .marquee img{margin:0 20px;transform:scale(.85)}
  .pillar{padding:26px 22px 22px}
  .pillar h3{font-size:24px}
  .who__list{grid-template-columns:1fr;gap:14px}
  .step{grid-template-columns:44px 1fr;padding:28px 0}
  .uses{grid-template-columns:1fr;gap:20px}
  .geo{grid-template-columns:1fr auto}
  .geo__tag{grid-column:1/-1;justify-self:start}
  .log{padding:20px}
  .log__item{grid-template-columns:40px 1fr;gap:18px}
  .log__who{grid-column:2;justify-self:start;margin-top:-6px}
  .log__list::before{left:48px}.log__item::before{left:44px}
  .cases{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scrollbar-width:none}
  .cases::-webkit-scrollbar{display:none}
  .case,.case--xl{flex:0 0 82%;height:380px;scroll-snap-align:start}
  .partners__list img{height:34px}
  .facts{grid-template-columns:1fr;gap:12px}
  .posts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scrollbar-width:none}
  .posts::-webkit-scrollbar{display:none}
  .post{flex:0 0 80%;scroll-snap-align:start}
  .form__grid{grid-template-columns:1fr}
  .form__foot .btn{width:100%;justify-content:center}
  .check__ctas .btn{width:100%;justify-content:center}
  .faq__a p{padding-right:0}
  .ftr__cols{grid-template-columns:1fr 1fr}
  .ftr__bottom{flex-direction:column;gap:8px;padding-bottom:70px}
}
@media (max-width:380px){
  .hero__title{font-size:36px}
  .btn{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
  .ftr__word svg{transform:none}
}

/* ---------- Verfijningen na review ---------- */
.case:nth-child(5){order:6;grid-column:1/-1}
.pillar__ai svg,.step__tech svg{width:18px;height:18px;margin-top:1px}
@media (max-width:1024px){.case:nth-child(5){grid-column:span 2}}
@media (max-width:767px){
  .cases,.posts{scroll-padding-inline:var(--gut)}
  .case:nth-child(5){order:0}
}
.dd__panel{width:880px;grid-template-columns:repeat(3,1fr) 1fr}
@media (max-width:1180px){.dd__panel{width:800px}}
.ftr__top{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.ftr__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1024px){.ftr__top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.ftr__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.ftr__cols > div:last-child{grid-column:1/-1}}
/* Dropdown: gecentreerd onder de balk, nooit breder dan het scherm */
.hdr__bar{position:relative}
.hdr__nav,.dd{position:static}
.dd__panel{left:50%;top:calc(100% - 6px);width:min(880px,calc(100vw - var(--gut)*2));transform:translate(-50%,8px)}
.dd.is-open .dd__panel{transform:translate(-50%,0)}

/* =====================================================================
   v4 – Performance marketing als rode draad
   ===================================================================== */

/* ---------- Header past zich aan op donkere secties ---------- */
.hdr .logo--white{display:none}
.hdr.is-dark .logo--color{display:none}
.hdr.is-dark .logo--white{display:block}
.hdr.is-dark .hdr__link,.hdr.is-dark .hdr__tel{color:#fff}
.hdr.is-dark .hdr__link:hover,.hdr.is-dark .hdr__link[aria-expanded="true"]{background:rgba(255,255,255,.1)}
.hdr.is-dark .hdr__link.is-active{color:#FF6E97}
.hdr.is-dark .hdr__actions .btn--dark{background:#fff;color:var(--ink)}
.hdr.is-dark .hdr__actions .btn--dark:hover{background:var(--pink);color:#fff}
.hdr.is-dark .hdr__burger{background:#fff}
.hdr.is-dark .hdr__burger span{background:var(--ink)}
.hdr.is-dark::before{background:rgba(20,18,31,.8)}
.hdr.is-dark.is-scrolled::before{border-color:var(--line-dark)}
.hdr::before{transition:opacity .4s,border-color .4s,background-color .4s}
.menu-open .hdr__burger{background:#fff}
.menu-open .hdr__burger span{background:var(--ink)}

/* ---------- Hero (donker) ---------- */
.hero{background:var(--ink);color:#C9C4D4;padding:calc(var(--hdr) + clamp(28px,4.5vw,64px)) 0 clamp(36px,4vw,56px);isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero__lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 72% 42%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 70% 70% at 72% 42%,#000 10%,transparent 72%)}
.hero__glow{position:absolute;right:-12%;top:-28%;width:62vw;height:62vw;max-width:980px;max-height:980px;border-radius:50%;background:radial-gradient(circle,rgba(221,5,70,.24),rgba(221,5,70,0) 64%)}
.hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,64px)}
.hero .eyebrow{color:#A9A3B7}
.hero .dot{box-shadow:0 0 0 4px rgba(221,5,70,.28)}
.hero__title{color:#fff;font-size:clamp(40px,5.1vw,78px);line-height:.98;letter-spacing:-.045em;margin-top:20px}
.hero__title em{color:var(--pink);font-size:1.1em}
.hero__lead{color:#B7B1C4;max-width:520px}
.link-arrow--light{color:#fff}

/* Hero-visual */
.hv{position:relative;aspect-ratio:1/.9;min-height:400px}
.hv__photo{position:absolute;left:16%;right:0;top:24%;bottom:0;border-radius:var(--r-xl);overflow:hidden;background:var(--ink-2)}
.hv__photo img{width:100%;height:100%;object-fit:cover;object-position:35% 50%;transform:scale(1.06);transition:transform 1.8s var(--ease)}
.hv__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(20,18,31,0) 40%,rgba(20,18,31,.45))}
.is-loaded .hv__photo img{transform:none}
.hv__chips{position:absolute;left:0;top:6%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.hv__dash{position:absolute;right:3%;top:0;width:min(320px,58%);z-index:3}
.hv__signal{left:22%;bottom:6%;width:min(290px,62%);z-index:3}
.hv .ui__title{font-size:15px}

/* Kanaal-chips */
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);border:1px solid rgba(20,18,31,.06);animation:chipHot 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * 1s)}
.chip svg{width:17px;height:17px;color:var(--pink)}
.chip--dark{background:var(--ink-2);color:#fff;border-color:rgba(255,255,255,.1);box-shadow:none;padding:10px 16px 10px 12px;font-size:14px}
.chip--dark svg{color:#FF6E97}
@keyframes chipHot{0%,12%,100%{box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}5%{box-shadow:0 0 0 4px rgba(221,5,70,.35),0 10px 24px -12px rgba(0,0,0,.5)}}

/* Dashboard-kaart */
.dash{background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.dash__head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.005em}
.dash__live{width:8px;height:8px;border-radius:50%;background:#1FAE6A;animation:pulse 2s infinite}
.dash__tag{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.07em}
.dash__goal{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--muted);margin:10px 0 6px}
.dash__goal svg{width:15px;height:15px;color:var(--pink)}
.dash__chart{width:100%;height:92px;overflow:visible}
.dash__grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.dash__area{fill:rgba(221,5,70,.08)}
.dash__line{fill:none;stroke:var(--pink);stroke-width:2.6;stroke-linecap:round}
.dash__line--cost{stroke:var(--muted-2);stroke-width:2}
.draw{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 2.4s var(--ease) .5s}
.is-in .draw{stroke-dashoffset:0}
.dash__legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted);margin-top:8px}
.dash__legend span{display:inline-flex;align-items:center;gap:6px}
.dash__legend i{width:8px;height:8px;border-radius:50%}
.k-pink{background:var(--pink)}.k-grey{background:var(--muted-2)}
.dash__mix{display:flex;gap:2px;height:8px;border-radius:6px;overflow:hidden;margin-top:12px}
.dash__mix i{flex:0 0 calc(var(--w) - 2px);background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.dash__mix i:nth-child(1){background:var(--pink)}.dash__mix i:nth-child(3){background:#6F6A7D}.dash__mix i:nth-child(4){background:#A39EB0}.dash__mix i:nth-child(5){background:#D6D0C8}
.is-in .dash__mix i{transform:none}
.dash__mix i:nth-child(2){transition-delay:.1s}.dash__mix i:nth-child(3){transition-delay:.2s}.dash__mix i:nth-child(4){transition-delay:.3s}.dash__mix i:nth-child(5){transition-delay:.4s}
.dash__mixlabel{font-size:11px;color:var(--muted-2);margin-top:6px}

/* Verbindingslijnen (getekend door JS) */
.lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.ln{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.5;stroke-dasharray:3 5}
.ln-p{fill:none;stroke:var(--pink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:100;animation:lnPulse 2.6s linear infinite}
.ln--loop{stroke:rgba(255,110,151,.45);stroke-dasharray:4 6}
@keyframes lnPulse{to{stroke-dashoffset:0}}

/* Kernregel onder de hero */
.pflow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--line-dark)}
.pflow::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--pink),transparent) no-repeat;background-size:24% 100%;animation:scan 6s linear infinite}
@keyframes scan{from{background-position:-40% 0}to{background-position:140% 0}}
.pflow li{display:flex;align-items:center;gap:12px}
.pflow__ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink-2);border:1px solid rgba(255,255,255,.14);color:#fff;animation:icHot 6s ease-in-out infinite}
.pflow li:nth-child(2) .pflow__ic{animation-delay:1.2s}.pflow li:nth-child(3) .pflow__ic{animation-delay:2.4s}.pflow li:nth-child(4) .pflow__ic{animation-delay:3.6s}
.pflow__ic svg{width:20px;height:20px}
.pflow__ic--pink{background:var(--pink);border-color:var(--pink);animation:none}
@keyframes icHot{0%,16%,100%{border-color:rgba(255,255,255,.14);color:#fff}6%{border-color:var(--pink);color:#FF6E97}}
.pflow b{display:block;color:#fff;font-weight:600;font-size:15px;letter-spacing:-.01em;line-height:1.3}
.pflow small{display:block;color:#8F89A0;font-size:13px;line-height:1.35;margin-top:2px}
.logos{border-top:1px solid var(--line-dark)}

/* ---------- Aanpak: cirkelmodel ---------- */
.model-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}
.contrast{display:grid;gap:10px;max-width:470px;margin:32px 0 26px}
.contrast p{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;font-family:var(--f-display);font-size:clamp(16px,1.4vw,19px);font-weight:600;letter-spacing:-.015em}
.contrast span{display:inline-block;font-family:var(--f-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:6px}
.contrast__no{background:#fff;border:1px solid var(--line);color:var(--muted-2);text-decoration:line-through;text-decoration-color:rgba(221,5,70,.55);text-decoration-thickness:1.5px}
.contrast__no span{background:var(--bg-2);color:var(--muted)}
.contrast__yes{background:var(--ink);color:#fff}
.contrast__yes span{background:var(--pink);color:#fff}
.model{position:relative;width:100%;max-width:580px;aspect-ratio:1;margin-inline:auto}
.model__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.model__track{fill:none;stroke:var(--line);stroke-width:2}
.model__prog{fill:none;stroke:var(--pink);stroke-width:4;stroke-linecap:round;stroke-dasharray:60 300;stroke-dashoffset:60;transform:rotate(-90deg);transform-origin:300px 300px;transition:stroke-dashoffset 1.1s var(--ease)}
.model__arrows path{fill:none;stroke:var(--muted-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.model__orbit{transform-origin:300px 300px;animation:spin 16s linear infinite}
.model__orbit circle{fill:var(--pink);opacity:.5}
@keyframes spin{to{transform:rotate(360deg)}}
.mnode{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:0;border:0;background:none;cursor:pointer;border-radius:50%;z-index:2}
.mnode svg{width:62px;height:62px;padding:18px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow);transition:background-color .4s,color .4s,border-color .4s,transform .5s var(--ease),box-shadow .5s}
.mnode span{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:8px;white-space:nowrap;font-weight:600;font-size:14.5px;color:var(--ink);letter-spacing:-.01em;transition:color .3s}
.mnode[data-i="0"] span{top:auto;bottom:100%;margin:0 0 8px}
.mnode:hover svg{border-color:var(--pink)}
.mnode.is-active svg{background:var(--pink);border-color:var(--pink);color:#fff;transform:scale(1.14);box-shadow:0 0 0 8px rgba(221,5,70,.12),0 16px 30px -12px rgba(221,5,70,.6)}
.mnode.is-active span{color:var(--pink)}
.model__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center}
.model__step{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.model__step svg{width:14px;height:14px}
.model__title{font-family:var(--f-display);font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin-top:6px}
.model__desc{font-size:clamp(14px,1.15vw,16px);line-height:1.55;color:var(--muted);margin-top:10px}
.model__below{display:none}

/* ---------- Middelen: doel bepaalt de mix ---------- */
.mix{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(18px,3vw,36px)}
.mix__goals{display:flex;flex-wrap:wrap;gap:8px}
.mix__goals button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.mix__goals button svg{width:18px;height:18px}
.mix__goals button:hover{border-color:var(--ink)}
.mix__goals button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mix__goals button[aria-selected="true"] svg{color:#FF6E97}
.mix__strategy{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:20px;padding:18px 22px;border-radius:var(--r);background:var(--ink);color:#fff}
.mix__strategy::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;background:var(--pink)}
.mix__label{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FF6E97;white-space:nowrap}
.mix__text{font-size:15.5px;line-height:1.5;color:#E4E0EA}
.mix__count{font-size:13px;color:#A9A3B7;white-space:nowrap}
.mix__count b{font-family:var(--f-display);font-size:24px;font-weight:600;color:#fff;margin-right:2px}
.mix__groups{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.mix__groups::before{content:"";position:absolute;left:12.5%;right:12.5%;top:-22px;height:2px;background:var(--pink)}
.mix__group{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r);background:var(--bg)}
.mix__group::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:22px;background:var(--pink)}
.mix__title{display:flex;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.mix__title span{color:var(--pink)}
.tool{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--muted-2);transition:color .45s,border-color .45s,box-shadow .45s,transform .45s var(--ease)}
.tool::after{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--line);transition:background-color .45s,box-shadow .45s}
.tool.is-on{color:var(--ink);border-color:rgba(20,18,31,.35);box-shadow:0 10px 22px -14px rgba(20,18,31,.45)}
.tool.is-on::after{background:var(--pink);box-shadow:0 0 0 4px var(--pink-soft)}
.tool:hover{color:var(--ink);border-color:var(--pink)}
.mix__note{font-size:13px;color:var(--muted);margin-top:18px}
.swap{animation:swap .5s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- Alle kanalen, één overzicht ---------- */
.sec__head--center{margin-inline:auto;text-align:center}
.sec__head--center .sec__intro{margin-inline:auto}
.flow{position:relative;display:grid;grid-template-columns:minmax(0,230px) minmax(0,420px) minmax(0,230px);justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto}
.flow__in{position:relative;z-index:3}
.flow__cap{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8F89A0;margin-bottom:14px}
.flow__chips{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.flow__chips .chip:nth-child(1){--i:0}.flow__chips .chip:nth-child(2){--i:1}.flow__chips .chip:nth-child(3){--i:2}.flow__chips .chip:nth-child(4){--i:3}.flow__chips .chip:nth-child(5){--i:4}.flow__chips .chip:nth-child(6){--i:5}.flow__chips .chip:nth-child(7){--i:6}
.flow__hub{position:relative;z-index:3;padding:20px 22px}
.hub__body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;margin-top:16px}
.donut{width:120px;height:120px;transform:rotate(-90deg)}
.donut__bg{fill:none;stroke:var(--bg-2);stroke-width:14}
.donut__seg{fill:none;stroke-width:14;stroke:var(--ink);stroke-dasharray:0 100;stroke-dashoffset:var(--off);transition:stroke-dasharray 1.4s var(--ease)}
.is-in .donut__seg{stroke-dasharray:var(--da)}
.donut__seg:nth-of-type(2){stroke:var(--pink)}.donut__seg:nth-of-type(3){stroke:var(--ink)}.donut__seg:nth-of-type(4){stroke:#4A4559}.donut__seg:nth-of-type(5){stroke:#6F6A7D}.donut__seg:nth-of-type(6){stroke:#A39EB0}.donut__seg:nth-of-type(7){stroke:#C9C3BA}.donut__seg:nth-of-type(8){stroke:#E0DAD2}
.hub__k{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.hub__v{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:2px}
.hub__rows{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.hub__rows li{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--text)}
.hub__rows i{display:block;height:6px;border-radius:6px;background:var(--bg-2);position:relative;overflow:hidden}
.hub__rows i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--ink);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .5s}
.hub__rows li:first-child i::after,.hub__rows li:last-child i::after{background:var(--pink)}
.is-in .hub__rows i::after{transform:none}
.dash__chart--sm{height:60px;margin-top:14px}
.flow__out{position:relative;z-index:3;display:flex;flex-direction:column;gap:44px}
.fcard{border-radius:var(--r-lg);padding:18px 20px}
.fcard--opt{background:var(--ink-2);border:1px solid rgba(255,255,255,.1);color:#fff}
.fcard__cap{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FF6E97;margin-bottom:10px}
.fcard__cap svg{width:16px;height:16px}
.opt li{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14px;color:#E4E0EA;animation:optOn 6s ease-in-out infinite}
.opt li:nth-child(2){animation-delay:.9s}.opt li:nth-child(3){animation-delay:1.8s}
.opt svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--pink);color:#fff}
@keyframes optOn{0%,6%{opacity:.3}14%,88%{opacity:1}100%{opacity:.3}}
.fcard--res{background:var(--pink);color:#fff;box-shadow:0 24px 50px -20px rgba(221,5,70,.7)}
.fcard--res .fcard__cap{color:#fff;opacity:.9}
.fcard__big{font-family:var(--f-display);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.res{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.res li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.2)}
.flow__loop{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:clamp(56px,6vw,80px);font-size:15.5px;color:#C9C4D4}
.flow__loop svg{width:22px;height:22px;color:#FF6E97;animation:spin 6s linear infinite}

/* ---------- Praktijk: live console ---------- */
.live{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,90px);align-items:center}
.live__legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 32px;font-size:14px;font-weight:500;color:var(--text)}
.live__legend li{display:flex;align-items:center;gap:8px}
.lg{width:10px;height:10px;border-radius:50%}
.lg--auto{background:var(--muted-2)}.lg--ai{background:var(--ink)}.lg--human{background:var(--pink)}
.console{background:var(--ink);color:#fff;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 80px -30px rgba(20,18,31,.55)}
.console__bar{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line-dark);font-size:13.5px;color:var(--muted-2)}
.console__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.console__clock{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--ink-2);color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.console__clock i{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.console__chart{padding:18px 22px 14px;border-bottom:1px solid var(--line-dark)}
.console__cap{font-size:12.5px;color:var(--muted-2);margin-bottom:10px}
.console__plot{position:relative;height:120px}
.console__plot svg{width:100%;height:100%}
.cgrid{fill:none;stroke:rgba(255,255,255,.06);vector-effect:non-scaling-stroke}
.cnorm{fill:none;stroke:rgba(255,255,255,.25);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.cnorm__label{position:absolute;right:0;top:calc(58.3% + 4px);font-size:10.5px;color:var(--muted)}
.carea{fill:rgba(221,5,70,.16)}
.cline{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cdot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s var(--ease)}
.cdot.is-on{opacity:1;transform:none}
.cdot b{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);font-size:11px;font-weight:600;white-space:nowrap;padding:3px 8px;border-radius:6px}
.cdot--alert{background:var(--pink);box-shadow:0 0 0 0 rgba(221,5,70,.6);animation:ring 1.6s ease-out infinite}
.cdot--alert b{background:var(--pink);color:#fff}
.cdot--fix{background:#fff}
.cdot--fix b{background:#fff;color:var(--ink);bottom:auto;top:calc(100% + 8px)}
@keyframes ring{70%{box-shadow:0 0 0 12px rgba(221,5,70,0)}100%{box-shadow:0 0 0 0 rgba(221,5,70,0)}}
.feed{padding:6px 22px 4px}
.feed__item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line-dark);opacity:.12;transition:opacity .6s var(--ease)}
.feed__item:last-child{border-bottom:0}
.feed__item.is-on{opacity:1}
.feed__item.is-now .feed__title{color:#FF6E97}
.feed__time{font-size:13px;color:var(--muted-2);font-variant-numeric:tabular-nums;padding-top:1px}
.feed__title{font-weight:600;font-size:15px;letter-spacing:-.01em;transition:color .4s}
.feed__meta{font-size:13px;line-height:1.45;color:#A9A3B7;margin-top:1px}
.by{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.by svg{width:13px;height:13px}
.by--auto{background:var(--ink-3);color:#D9D4E2}
.by--ai{background:#fff;color:var(--ink)}.by--ai svg{color:var(--pink)}
.by--human{background:var(--pink);color:#fff}
.console__note{font-size:11.5px;color:var(--muted);padding:10px 22px 16px;border-top:1px solid var(--line-dark)}

/* ---------- AI (donker, met brein) ---------- */
.sec--ai .ai{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.sec--ai .uses li > svg{background:var(--ink-2);color:#FF6E97;border-color:rgba(255,255,255,.1)}
.sec--ai .uses h3{color:#fff}
.sec--ai .uses p{color:#A9A3B7}
.sec--ai .uses a{color:#fff;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}
.ai__brain{position:relative;margin:0;border-radius:var(--r-xl);background:#1A1728;border:1px solid rgba(255,255,255,.08);padding:20px;overflow:hidden}
.ai__brain svg{display:block;width:100%;height:auto}
.ai-orbit{transform-origin:280px 280px;animation:aiSpin 60s linear infinite}
.ai-orbit--rev{animation-duration:90s;animation-direction:reverse}
@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-pulse{stroke-dasharray:8 92;stroke-dashoffset:100;animation:aiPulse 2.4s cubic-bezier(.65,0,.35,1) infinite}
.ai-pulse--2{animation-delay:.8s}.ai-pulse--3{animation-delay:1.6s}
@keyframes aiPulse{to{stroke-dashoffset:0}}
.ai-node{transform-box:fill-box;transform-origin:center;animation:aiNode 2.4s ease-in-out infinite}
.ai-node:nth-child(2){animation-delay:.4s}.ai-node:nth-child(3){animation-delay:.8s}.ai-node:nth-child(4){animation-delay:1.2s}.ai-node:nth-child(5){animation-delay:1.6s}
@keyframes aiNode{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.ai-chip{animation:aiFloat 6s ease-in-out infinite}
.ai-chip--2{animation-delay:-1.5s}.ai-chip--3{animation-delay:-3s}.ai-chip--4{animation-delay:-4.5s}
@keyframes aiFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.ai-spark{transform-box:fill-box;transform-origin:center;animation:aiSpark 3s ease-in-out infinite}
.ai-spark--2{animation-delay:1s}.ai-spark--3{animation-delay:2s}
@keyframes aiSpark{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}
.ai__note{position:absolute;left:20px;bottom:16px;font-size:12px;color:var(--muted)}

/* ---------- Rendement ---------- */
.goal{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,90px);align-items:center;padding-bottom:clamp(72px,9vw,120px);margin-bottom:clamp(64px,8vw,110px);border-bottom:1px solid var(--line)}
.versus{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}
.versus__col{border-radius:var(--r-lg);padding:26px 26px 22px}
.versus__col--no{background:var(--bg-2)}
.versus__col--yes{background:var(--ink);color:#fff}
.versus__cap{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.versus__col--yes .versus__cap{color:#FF6E97}
.versus li{font-family:var(--f-display);font-size:clamp(19px,1.9vw,24px);font-weight:600;letter-spacing:-.02em;padding:8px 0}
.versus__col--no li{position:relative;width:max-content;color:var(--muted-2)}
.versus__col--no li::after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.is-in .versus__col--no li::after{transform:none}
.versus__col--no li:nth-child(1)::after{transition-delay:.5s}.versus__col--no li:nth-child(2)::after{transition-delay:.7s}.versus__col--no li:nth-child(3)::after{transition-delay:.9s}.versus__col--no li:nth-child(4)::after{transition-delay:1.1s}
.versus__col--yes li{display:grid;grid-template-columns:22px auto minmax(40px,1fr);align-items:center;gap:12px}
.versus__col--yes svg{width:20px;height:20px;color:#FF6E97}
.versus__col--yes i{height:6px;border-radius:6px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}
.versus__col--yes i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--pink);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) 1.2s}
.is-in .versus__col--yes i::after{transform:none}
.cases__head{margin-bottom:clamp(32px,4vw,48px)}

/* Animaties pauzeren buiten beeld */
.is-off *,.is-off *::before,.is-off *::after{animation-play-state:paused!important}
.is-off .swap{animation-play-state:running!important}

/* ---------- Responsief v4 ---------- */
@media (max-width:1180px){
  .pflow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .flow{grid-template-columns:minmax(0,200px) minmax(0,380px) minmax(0,210px)}
}
@media (max-width:1024px){
  .hero__grid{grid-template-columns:1fr}
  .hv{max-width:640px;width:100%;margin-top:8px}
  .model-wrap,.live,.goal,.sec--ai .ai{grid-template-columns:1fr}
  .model{max-width:520px}
  .mix__groups{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
  .mix__groups::before,.mix__group::before,.mix__strategy::after{display:none}
  .flow{grid-template-columns:1fr;justify-content:stretch;gap:56px;max-width:560px}
  .flow__in{text-align:center}
  .flow__chips{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .flow__out{gap:44px}
  .ai__brain{max-width:560px}
}
@media (max-width:767px){
  .hero{padding-top:calc(var(--hdr) + 24px)}
  .hero__ctas .btn{width:100%;justify-content:center}
  .hero__ctas .link-arrow{margin:0 auto}
  .hv{aspect-ratio:auto;min-height:0;height:430px}
  .hv__photo{left:10%;top:30%}
  .hv__chips{top:0;gap:8px}
  .hv__chips .chip:nth-child(n+4){display:none}
  .chip{font-size:12.5px;padding:7px 12px 7px 9px}
  .chip svg{width:15px;height:15px}
  .hv__dash{width:62%;right:0;padding:12px 14px}
  .dash__chart{height:70px}
  .dash__legend,.dash__mixlabel,.hv .dash__tag{display:none}
  .hv__signal{left:4%;bottom:4%;width:78%}
  .pflow{grid-template-columns:1fr;gap:14px;padding-top:24px}
  .pflow__ic{width:40px;height:40px}
  .contrast p{font-size:16px;padding:12px 14px}
  .mnode svg{width:46px;height:46px;padding:12px}
  .mnode span{font-size:12.5px;margin-top:6px}
  .mnode[data-i="0"] span{margin-bottom:6px}
  .model{max-width:none;width:calc(100% - 24px)}
  .model__center{width:50%}
  .model__title{font-size:24px}
  .model__desc{display:none}
  .model__below{display:block;text-align:center;font-size:15.5px;line-height:1.55;color:var(--muted);max-width:400px;margin:30px auto 0;min-height:4.8em}
  .mix__goals{display:grid;grid-template-columns:1fr 1fr}
  .mix__goals button{height:auto;min-height:46px;padding:10px 12px;font-size:13.5px;justify-content:center;text-align:left}
  .mix__strategy{grid-template-columns:1fr;gap:8px;padding:16px 18px}
  .mix__groups{grid-template-columns:1fr}
  .tool{padding:10px 12px;font-size:14px}
  .flow__chips{gap:8px}
  .chip--dark{padding:8px 13px 8px 10px;font-size:13px}
  .hub__body{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .donut{width:96px;height:96px}
  .flow__hub{padding:16px}
  .console__bar{padding:13px 16px}
  .console__title{display:none}
  .console__chart{padding:14px 16px 12px}
  .console__plot{height:100px}
  .feed{padding:4px 16px}
  .feed__item{grid-template-columns:42px minmax(0,1fr);gap:4px 12px}
  .feed__item .by{grid-column:2;justify-self:start;margin-top:4px}
  .console__note{padding:10px 16px 14px}
  .versus{grid-template-columns:1fr}
  .ai__brain{padding:10px}
}
@media (max-width:380px){
  .hv{height:400px}
  .hv__dash{width:66%}
  .model__title{font-size:20px}
  .mnode span{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  .draw{stroke-dashoffset:0}
  .ln-p{display:none}
}

/* ---------- Hero-visual v4.1: rustige, uitgelijnde compositie ---------- */
.hv{position:relative;aspect-ratio:auto;min-height:0;padding:0 0 64px 64px}
.hv__photo{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;aspect-ratio:5/4;border-radius:var(--r-xl);overflow:hidden;background:var(--ink-2)}
.hv__photo::after{background:linear-gradient(180deg,rgba(20,18,31,0) 55%,rgba(20,18,31,.35))}
.hv__dash{position:absolute;left:0;bottom:0;top:auto;right:auto;width:min(360px,64%);padding:18px 20px;z-index:3}
.hv__note{position:absolute;top:20px;right:20px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 16px 32px -14px rgba(0,0,0,.45);color:var(--ink);animation:float 7s ease-in-out infinite}
.hv__note-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--pink-soft);color:var(--pink)}
.hv__note-ic svg{width:17px;height:17px}
.hv__note b{display:block;font-size:13.5px;font-weight:600;line-height:1.25}
.hv__note small{display:block;font-size:12px;color:var(--muted);line-height:1.3}
.hv__chans{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hv__chans li{font-size:11.5px;font-weight:600;color:var(--text);padding:4px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);animation:chanOn 6s ease-in-out infinite;animation-delay:calc(var(--i) * .6s)}
@keyframes chanOn{0%,14%,100%{background:var(--bg);border-color:var(--line);color:var(--text)}4%,9%{background:var(--pink-soft);border-color:rgba(221,5,70,.35);color:var(--pink)}}
.hv__row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 6px}
.hv__row .dash__goal{margin:0}
.hv__row .dash__legend{margin:0}
.hv .dash__chart{height:84px}
@media (max-width:1024px){.hv{max-width:600px}}
@media (max-width:767px){
  .hv{height:auto;padding:0 0 88px 0}
  .hv__photo{aspect-ratio:4/3;margin-left:12%}
  .hv__dash{width:84%;padding:14px 16px}
  .hv__row .dash__legend{display:none}
  .hv__note{top:12px;right:12px;padding:8px 12px 8px 8px}
  .hv__note-ic{width:28px;height:28px}
  .hv .dash__chart{height:64px}
}
.hv__dash{width:min(392px,70%)}
.hv__chans{flex-wrap:nowrap;gap:5px}
.hv__chans li{font-size:11px;padding:4px 8px;white-space:nowrap}
@media (max-width:1180px){.hv__chans li:nth-child(5){display:none}}
@media (max-width:767px){
  .hv{padding:0 0 118px 0}
  .hv__photo{margin-left:0;aspect-ratio:4/3}
  .hv__dash{width:86%;padding:14px 16px 12px}
  .hv__row{display:none}
  .hv__chans{margin-top:12px;padding-bottom:10px}
  .hv__chans li:nth-child(n+5){display:none}
  .hv .dash__chart{height:56px;margin-top:10px}
}
@media (max-width:380px){.hv__chans li:nth-child(4){display:none}}
@media (max-width:1180px){.hv__row .dash__legend{display:none}}

/* ---------- Hero-visual v4.2: bento, niets overlapt ---------- */
.hv{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;padding:0}
.hv__photo{grid-column:1/-1;aspect-ratio:16/9;margin:0}
.hv__dash{position:static;width:auto;box-shadow:none}
.hv__note{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:18px;border-radius:18px;background:var(--ink-2);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:none;animation:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hv__note-ic{background:rgba(221,5,70,.16);color:#FF6E97}
.hv__note-t{font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:-.015em;margin:14px 0 12px}
.hv__steps{display:flex;flex-direction:column;gap:9px;margin-top:auto;width:100%}
.hv__steps li{display:flex;gap:10px;font-size:12.5px;color:#C9C4D4;padding-top:9px;border-top:1px solid var(--line-dark)}
.hv__steps span{color:var(--muted-2);font-variant-numeric:tabular-nums;min-width:36px}
.hv__steps .is-last{color:#fff;font-weight:600}
.hv__steps .is-last span{color:#FF6E97}
.hv__chans{flex-wrap:wrap}
.hv__chans li:nth-child(n){display:inline-block}
.hv__row .dash__legend{display:none}
@media (max-width:767px){
  .hv{grid-template-columns:1fr;padding:0}
  .hv__photo{aspect-ratio:4/3}
  .hv__note{display:none}
  .hv__row{display:flex}
  .hv__chans li:nth-child(n+6){display:none}
}
.hv__chans{flex-wrap:nowrap;overflow:hidden}.hv__chans li:nth-child(5){display:none}
@media (min-width:1025px) and (max-width:1320px){.hv__chans li:nth-child(4){display:none}}
@media (min-width:1025px) and (max-width:1080px){.hv__chans li:nth-child(3){display:none}}

/* ---------- Accentwoorden in handschrift (Caveat) ---------- */
@font-face{font-family:"Caveat";font-weight:600;font-display:swap;src:url(../fonts/caveat-latin-600-normal.woff2) format("woff2")}
:root{--f-hand:"Caveat","Segoe Print","Bradley Hand",cursive}
em{font-family:var(--f-hand);font-style:normal;font-weight:600;letter-spacing:0;font-size:1.18em;line-height:.9}
.hero__title em{font-size:1.2em;letter-spacing:0}
.ftr__brand p{font-family:var(--f-hand);font-style:normal;font-weight:600;font-size:28px}
.h2 em{display:block;margin-top:.04em}
.model__prog{transition-duration:.55s}
.tool{transition-duration:.25s}
.swap{animation-duration:.3s}


/* ---------- Logobalk: licht, tussen AI en cases ---------- */
.logos{background:var(--bg-2);color:var(--ink);border:0;padding:30px 0}
.logos__label{color:var(--muted)}
.logos .marquee img{filter:brightness(0);opacity:.5}
.logos .marquee img:hover{opacity:.85}
.pflow{margin-bottom:0}
.ftr__brand p{color:var(--pink)}

/* ---------- Logobalk als donkere kaart binnen lichte sectie ---------- */
.logos{background:var(--bg);padding:clamp(40px,5vw,64px) 0 0}
.logos .logos__inner{background:var(--ink);border-radius:var(--r-xl);padding:26px 32px;box-shadow:0 30px 60px -30px rgba(20,18,31,.45)}
.logos__label{color:var(--muted-2)}
.logos .marquee img{filter:none;opacity:.7}
.logos .marquee img:hover{opacity:1}
@media (max-width:767px){.logos .logos__inner{padding:20px 20px 22px;border-radius:var(--r-lg)}}
.logos .logos__inner{max-width:var(--wrap);width:calc(100% - var(--gut)*2);margin:0 auto}

/* =====================================================================
   v5 – rustiger, menselijker, minder herhaling
   ===================================================================== */

/* ---------- Rustige hero ---------- */
.hero--calm{padding:calc(var(--hdr) + clamp(40px,6vw,88px)) 0 clamp(56px,7vw,96px)}
.hero--calm .hero__glow{right:-20%;top:-35%;opacity:.7}
.hero--calm .hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center}
.hero--calm .hero__lead{margin-top:28px;max-width:500px}
.hero--calm .hero__ctas{margin-top:38px}
.hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line-dark);font-size:14px;color:#A9A3B7}
.gscore{display:inline-flex;align-items:center;gap:10px;color:#fff}
.gscore b{font-weight:600}
.gscore__stars{color:#F5B301;letter-spacing:2px;font-size:15px}
.hero__pic{margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;background:var(--ink-2)}
.hero__pic img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.04);transition:transform 1.8s var(--ease)}
.is-loaded .hero__pic img{transform:none}

/* ---------- Vraagstukken ---------- */
.vq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.vq__list{display:grid;gap:10px}
.vq__opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px 20px;border-radius:var(--r);border:1px solid var(--line);background:#fff;font-family:var(--f-display);font-size:clamp(16px,1.35vw,18px);font-weight:600;letter-spacing:-.01em;color:var(--ink);cursor:pointer;transition:border-color .25s,box-shadow .3s,transform .3s var(--ease)}
.vq__opt:hover{border-color:var(--ink);transform:translateX(2px)}
.vq__box{flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line);display:grid;place-items:center;color:transparent;transition:background-color .2s,border-color .2s,color .2s}
.vq__box svg{width:15px;height:15px}
.vq__opt[aria-pressed="true"]{border-color:var(--pink);box-shadow:0 10px 24px -16px rgba(221,5,70,.6)}
.vq__opt[aria-pressed="true"] .vq__box{background:var(--pink);border-color:var(--pink);color:#fff}
.vq__panel{display:flex;flex-direction:column;border-radius:var(--r-xl);background:var(--ink);color:#fff;padding:clamp(22px,3vw,34px)}
.vq__cap{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FF6E97}
.vq__cap svg{width:16px;height:16px}
.vq__out{margin:20px 0 24px;flex:1}
.vq__empty{color:#A9A3B7;font-size:16px;line-height:1.6}
.vq__topic{padding:14px 0;border-top:1px solid var(--line-dark)}
.vq__topic:first-child{border-top:0;padding-top:0}
.vq__topic h3{font-family:var(--f-display);font-size:17px;font-weight:600;letter-spacing:-.01em;color:#fff}
.vq__topic ul{margin-top:8px;display:grid;gap:5px}
.vq__topic li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.5;color:#C9C4D4}
.vq__topic li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.vq__foot{display:grid;gap:18px;padding-top:20px;border-top:1px solid var(--line-dark)}
.vq__note{font-size:13.5px;line-height:1.55;color:#A9A3B7}
.vq__foot .btn{justify-self:start}

/* ---------- Werkwijze: stappen ---------- */
.flowsteps{margin-top:32px;display:grid;gap:4px;counter-reset:f}
.flowsteps li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.flowsteps li:last-child{border-bottom:1px solid var(--line)}
.flowsteps span{font-family:var(--f-display);font-weight:600;font-size:14px;color:var(--pink);padding-top:3px}
.flowsteps h3{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.flowsteps p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:3px}
.live__hint{margin-top:22px;font-size:14px;color:var(--muted)}

/* ---------- Disciplines ---------- */
.disc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.disc__group{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.disc__title{display:flex;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.disc__title span{color:var(--pink)}
.disc__lead{font-size:14.5px;line-height:1.5;color:var(--text);margin:2px 0 8px}
.disc .tool{background:var(--bg);border-color:transparent;box-shadow:none;color:var(--ink)}
.disc .tool::after{content:"";width:16px;height:16px;border-radius:0;background:none;box-shadow:none;border:0;mask:none;-webkit-mask:none}
.disc .tool:hover{background:var(--ink);color:#fff}

/* ---------- Realistisch dashboard ---------- */
.ov__points{display:grid;gap:10px;max-width:420px}
.ov__points li{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:#C9C4D4;line-height:1.5}
.ov__points svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--pink);color:#fff;margin-top:2px}
.db{background:#F4F2EE;border-radius:var(--r-xl);overflow:hidden;color:var(--ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.7)}
.db__bar{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}
.db__bar .log__dots i{background:#E0DAD2}
.db__title{font-weight:600;font-size:14px}
.db__title span{color:var(--muted);font-weight:500}
.db__period{margin-left:auto;display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg)}
.db__period button{border:0;background:none;font-size:12.5px;font-weight:600;color:var(--muted);padding:5px 12px;border-radius:999px;cursor:default}
.db__period .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.db__body{padding:20px;display:grid;gap:14px}
.db__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi,.db__card{background:#fff;border-radius:16px;border:1px solid var(--line);padding:16px 18px}
.kpi__k,.db__k{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--muted)}
.db__k svg{width:14px;height:14px;color:var(--pink)}
.kpi__v{font-family:var(--f-display);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.kpi__d{font-size:12.5px;font-weight:600;margin-top:2px}
.up{color:#1A8F58}.eq{color:var(--muted-2)}
.db__row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}
.db__cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.db__cardhead p{font-weight:600;font-size:14px}
.db__cardhead p span{font-weight:500;color:var(--muted);font-size:12.5px;margin-left:6px}
.db__legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted)}
.db__legend li{display:flex;align-items:center;gap:6px}
.db__legend i{width:8px;height:8px;border-radius:50%}
.db__chart{width:100%;height:190px;display:block}
.db__gridl{fill:none;stroke:#ECE7E0;stroke-width:1;vector-effect:non-scaling-stroke}
.db__ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.db__ln--main{stroke:var(--pink);stroke-width:3}
.db__xaxis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-2);margin-top:6px}
.db__side{display:grid;gap:14px}
.db__big{font-family:var(--f-display);font-size:30px;font-weight:600;letter-spacing:-.03em;margin-top:6px}
.db__big small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}
.db__sub{font-size:12.5px;color:var(--muted);margin-top:2px}
.db__sub b{font-weight:600}
.db__meter{height:8px;border-radius:6px;background:var(--bg-2);margin-top:12px;overflow:hidden}
.db__meter i{display:block;height:100%;width:var(--w);background:var(--pink);border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .6s}
.is-in .db__meter i{transform:none}
.db__spark{width:100%;height:30px;margin-top:10px}
.db__spark path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.db__table-wrap{padding:6px 8px;overflow-x:auto}
.db__table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.db__table th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:10px 12px}
.db__table td{padding:11px 12px;border-top:1px solid #F0ECE6;font-variant-numeric:tabular-nums;white-space:nowrap}
.db__table td:first-child{font-weight:600;display:flex;align-items:center;gap:8px}
.db__table td i{width:8px;height:8px;border-radius:50%}
.db__table td:last-child{font-weight:700;text-align:right}
.db__note{font-size:12px;color:var(--muted);padding:0 20px 16px}

/* ---------- AI (licht) ---------- */
.sec--ai-light .ai{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.sec--ai-light .uses a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}

/* ---------- Reviews ---------- */
.gbadge{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}
.gbadge:hover{border-color:var(--ink);box-shadow:var(--shadow)}
.gbadge__score{font-family:var(--f-display);font-size:32px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.gbadge__stars{display:block;color:#F5B301;letter-spacing:2px;font-size:15px}
.gbadge__txt{display:block;font-size:13px;color:var(--muted)}
.gbadge > svg{width:18px;height:18px;color:var(--ink)}
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review{margin:0;display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.review__stars{color:#F5B301;letter-spacing:2px;font-size:14px}
.review blockquote{margin:0;flex:1;font-family:var(--f-display);font-size:clamp(17px,1.4vw,19px);font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--ink)}
.review figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.review__av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pink-soft);color:var(--pink);font-weight:600;font-size:13.5px}
.review figcaption b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.review figcaption small{display:block;font-size:12.5px;color:var(--muted)}

/* ---------- Team ---------- */
.team{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,90px);align-items:center}
.team__media{position:relative;padding-bottom:70px}
.team__photo{position:absolute;right:-12px;bottom:0;width:44%;margin:0;border-radius:var(--r-lg);overflow:hidden;border:6px solid var(--bg-2);box-shadow:var(--shadow)}
.team__photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;margin:30px 0 4px}
.people li{display:flex;align-items:center;gap:10px}
.people img,.people__av{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.people__av{display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--f-display);font-weight:600;font-size:16px}
.people__av--dog{background:var(--pink)}
.people b{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.2}
.people small{display:block;font-size:12.5px;color:var(--muted)}

/* ---------- Responsief v5 ---------- */
@media (max-width:1180px){
  .disc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .db__row{grid-template-columns:1fr}
  .db__side{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .hero--calm .hero__grid{grid-template-columns:1fr}
  .hero__pic{aspect-ratio:16/10;max-width:680px}
  .vq{grid-template-columns:1fr}
  .db__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr}
  .sec--ai-light .ai{grid-template-columns:1fr}
}
@media (max-width:767px){
  .hero--calm{padding-top:calc(var(--hdr) + 28px)}
  .hero__pic{aspect-ratio:4/3}
  .hero__proof{margin-top:30px}
  .vq__opt{padding:15px 16px}
  .vq__foot .btn{width:100%;justify-content:center}
  .disc{grid-template-columns:1fr}
  .db__bar{padding:12px 14px}
  .db__title span,.db__period button:not(.is-on){display:none}
  .db__body{padding:12px;gap:10px}
  .db__kpis{gap:10px}
  .kpi{padding:12px 14px}
  .kpi__d{font-size:11.5px}
  .db__side{grid-template-columns:1fr}
  .db__chart{height:150px}
  .reviews{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scrollbar-width:none;scroll-padding-inline:var(--gut)}
  .reviews::-webkit-scrollbar{display:none}
  .review{flex:0 0 84%;scroll-snap-align:start;padding:22px}
  .gbadge{margin-top:20px}
  .team__media{padding-bottom:50px}
  .team__photo{right:0;width:50%}
  .people{grid-template-columns:1fr 1fr}
}
.disc .tool::after{display:none}
.team__media{padding-bottom:0;display:grid;gap:12px}
.team__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.team__photo{position:static;width:auto;border:0;box-shadow:none;border-radius:var(--r-lg)}
.team__photo img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.team__visit{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:20px;border-radius:var(--r-lg);background:var(--ink);color:#fff;transition:background-color .3s}
.team__visit svg{width:22px;height:22px;color:#FF6E97;margin-bottom:auto}
.team__visit b{font-family:var(--f-display);font-size:18px;font-weight:600;letter-spacing:-.015em}
.team__visit span{font-size:14px;color:#C9C4D4;line-height:1.45}
.team__visit:hover{background:var(--pink)}
.team__visit:hover span,.team__visit:hover svg{color:#fff}
.logos{padding:0 0 clamp(64px,7vw,100px)}
@media (max-width:1024px){.ov__points{margin-top:24px}}
@media (max-width:420px){.team__row{grid-template-columns:1fr}.team__visit{min-height:140px}}
#aanpak{padding-bottom:clamp(56px,6vw,88px)}
@media (max-width:1024px){.vq{grid-template-columns:minmax(0,1fr)}} .vq__list{min-width:0}.vq__opt{min-width:0}
.vq__foot{grid-template-columns:minmax(0,1fr)}@media (max-width:420px){.vq__foot .btn,.hero__ctas .btn{white-space:normal;height:auto;min-height:52px;padding:12px 18px;text-align:center}}

/* =====================================================================
   v6 – V3-structuur met de visuele identiteit van V1
   ===================================================================== */
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(../fonts/poppins-latin-800-normal.woff2) format("woff2")}
:root{
  --f-display:"Poppins",Arial,sans-serif; --f-body:"Poppins",Arial,sans-serif;
  --bg:#F4EEEA; --bg-2:#EFE6E1; --line:#E3DAD4;
  --ease-io:cubic-bezier(.65,0,.35,1);
}
body{font-size:16.5px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.accent{color:var(--pink)}
.h2{font-weight:800;letter-spacing:-.025em;line-height:1.08;font-size:clamp(32px,4vw,56px)}
.h2--center{text-align:center;margin-inline:auto;max-width:900px}
.kicker--center{display:flex;justify-content:center}
.kicker--center::before{display:none}
.hero__title,.pillar h3,.flowsteps h3{font-weight:800}
.btn{font-weight:600}
.btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.btn--ghost:hover{background:#fff;color:var(--ink);box-shadow:none}
em{font-size:1.12em}

/* ---------- Vloeiende achtergrond-overgangen (V1) ---------- */
body{background:var(--bg);transition:background-color .9s var(--ease-io)}





.sec--warm{background:var(--bg-2)}
.check-sec{padding:clamp(20px,3vw,40px) 0 0}

/* ---------- 1. Hero: donker (V2) met rustige inhoud (V1) ---------- */
.hero--v1{padding:calc(var(--hdr) + clamp(60px,9vw,130px)) 0 clamp(36px,4vw,56px);text-align:center;background:var(--ink)}
.hero--v1 .hero__center{display:flex;flex-direction:column;align-items:center}
.hero--v1 .hero__title{color:#fff;font-size:clamp(38px,5.4vw,76px);line-height:1.08;letter-spacing:-.03em;margin:0;max-width:980px}
.hero--v1 .hero__sub{font-size:clamp(16px,1.4vw,19px);color:#A9A2B8;margin-top:24px;max-width:560px;line-height:1.6}
.hero--v1 .hero__ctas{justify-content:center;margin-top:40px}
.hero--v1 .pflow{margin-top:clamp(64px,8vw,110px);text-align:left}
.scroll-mouse{display:block;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px;margin-top:clamp(40px,5vw,64px);position:relative}
.scroll-mouse::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:mouse 1.8s ease-in-out infinite}
@keyframes mouse{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* ---------- 5. Voor wie (V1) ---------- */
.forwho .h2{margin-bottom:44px}
.forwho__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.forwho__card{display:block;background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(20,18,31,.08);transition:transform .4s var(--ease),box-shadow .4s ease}
.forwho__card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(20,18,31,.12)}
.forwho__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pink-soft);color:var(--pink);margin-bottom:18px}
.forwho__ic svg{width:22px;height:22px}
.forwho__card h3{font-weight:700;font-size:19px;line-height:1.25;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em;transition:color .3s}
.forwho__card p{font-size:15px;line-height:1.6;color:#3A364A}
.forwho__card:hover h3{color:var(--pink)}

/* ---------- 6. Telefoons + stappen (V1) ---------- */
.perf__title{color:#fff;max-width:980px}
.perf__intro{color:#D9D3E3;font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:820px;margin:22px 0 48px}
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.phones figure{margin:0;height:640px;display:flex;align-items:center;justify-content:center;perspective:1400px;perspective-origin:50% 40%;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 70% at 50% 110%,rgba(221,5,70,.35) 0%,rgba(221,5,70,0) 60%),#1E1B2E;overflow:visible;padding:40px 0}
.dev{position:relative;width:min(70%,290px);aspect-ratio:9/19.5;border-radius:46px;padding:11px;background:linear-gradient(145deg,#3a3646,#15131d 45%,#2b2836);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 0 0 3px #57526a,0 40px 70px rgba(0,0,0,.55),0 10px 24px rgba(221,5,70,.18);transform-style:preserve-3d;will-change:transform}
.dev::after{content:"";position:absolute;top:22px;left:50%;width:30%;height:22px;margin-left:-15%;border-radius:12px;background:#0a0a0c;z-index:2}
.dev::before{content:"";position:absolute;inset:0;border-radius:46px;background:linear-gradient(115deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 35%);pointer-events:none;z-index:3}
.dev__screen{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#000}
.dev__screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.psteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}
.psteps li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;color:#fff;transition:border-color .4s,background-color .4s}
.psteps li:hover{border-color:rgba(221,5,70,.6);background:rgba(221,5,70,.06)}
.psteps span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pink);color:#fff;font-weight:800;font-size:15px}
.psteps h3{color:#fff;font-size:22px;font-weight:800;margin:16px 0 8px;letter-spacing:-.015em}
.psteps p{color:#D9D3E3;font-size:15px;line-height:1.6}
.perf__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}

/* ---------- 12. CTA met roze/paars verloop ---------- */
/* verwijderd in /5/: donkere CTA zoals /3/ */
@keyframes glowDrift{from{transform:translate(0,0)}to{transform:translate(-80px,60px)}}

/* ---------- 14. Candy for the Brain (V1) ---------- */
.candy .h2{margin-bottom:70px}
.candy__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.candy__grid > :nth-child(2){transform:translateY(-50px)}
.ccard{position:relative;display:flex;flex-direction:column;height:560px;border-radius:20px;overflow:hidden;background:var(--ink);box-shadow:0 10px 30px rgba(20,18,31,.08);transition:transform .5s var(--ease),box-shadow .5s}
.ccard__img{position:relative;flex:1;overflow:hidden}
.ccard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ccard:hover{box-shadow:0 20px 40px rgba(20,18,31,.2)}
.ccard:hover .ccard__img img{transform:scale(1.05)}
.ccard__cat{position:absolute;right:16px;bottom:112px;z-index:2;background:var(--pink-soft);color:var(--pink);font-weight:600;font-size:13px;border-radius:20px;padding:4px 12px;transition:transform .5s var(--ease)}
.ccard:hover .ccard__cat{transform:translateY(-4px)}
.ccard__body{display:flex;align-items:center;gap:15px;background:#fff;color:var(--ink);padding:20px 20px 24px;min-height:96px}
.ccard__body span{flex:1;font-weight:700;font-size:17px;line-height:1.35}
.ccard__body svg{flex:none;width:24px;height:24px;color:var(--pink);transition:transform .25s}
.ccard:hover .ccard__body svg{transform:translateX(6px)}
.candy__more{text-align:center;margin-top:40px}

/* ---------- 15. Contact (V1) ---------- */
.cbox-sec{padding-bottom:clamp(40px,5vw,70px)}
.cbox{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;background:var(--ink);box-shadow:0 40px 80px -40px rgba(20,18,31,.55);border-radius:32px;padding:clamp(32px,5vw,80px) clamp(22px,4vw,60px)}
.cbox .h2{color:#fff}
.cbox__intro{color:#D9D3E3;font-weight:500;font-size:18px;line-height:1.55;margin:14px 0 26px}
.cbox__list a{display:flex;align-items:center;gap:15px;color:#fff;font-size:16.5px;line-height:50px;transition:color .2s}
.cbox__list svg{width:20px;height:20px;color:var(--pink)}
.cbox__list a:hover,.cbox__socials a:hover{color:var(--pink)}
.cbox__socials{display:flex;gap:20px;margin-top:22px;color:#fff}
.cbox__socials svg{width:26px;height:26px}
.vform{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}
.vform .full{grid-column:1/-1}
.vform input,.vform select,.vform textarea{width:100%;border:2px solid transparent;border-radius:12px;padding:15px 18px;font-family:var(--f-body);font-size:15px;color:var(--ink);background:#fff;appearance:none;-webkit-appearance:none;transition:border-color .2s}
.vform select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2314121F' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
.vform textarea{height:140px;resize:vertical}
.vform input:focus,.vform select:focus,.vform textarea:focus{outline:0;border-color:var(--pink)}
.vform .field.is-invalid input,.vform .field.is-invalid textarea{border-color:var(--pink)}
.vform .check-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#D9D3E3;margin:0}
.vform .check-row input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--pink);appearance:auto;-webkit-appearance:auto;padding:0}
.vform .check-row a{color:#F0668F;text-decoration:underline}
.vform .check-row.is-invalid{color:#FF6E97}
.vform__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.vform .form__msg{color:#fff}
.vform .form__msg.is-err{color:#FF6E97}.vform .form__msg.is-ok{color:#7BE0A8}

/* ---------- 16. Footer (V1) ---------- */
.footer{background:var(--ink);color:#fff;padding:40px clamp(20px,4vw,60px) calc(40px + env(safe-area-inset-bottom))}
.footer__mask{overflow:hidden;margin-bottom:60px;max-width:1400px;margin-inline:auto}
.footer__word{display:block;width:100%;height:auto}
.fw-l{fill:#fff;transform-box:fill-box;transform-origin:50% 100%}
.footer__word.wave .fw-l{animation:fwWave .7s var(--ease) calc(var(--i) * 45ms)}
@keyframes fwWave{0%,100%{transform:none}40%{transform:translateY(-9%) scaleY(1.04)}}
.footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:1400px;margin:0 auto}
.footer h4{font-weight:700;font-size:17px;color:#fff;margin:0 0 12px}
.footer h4:not(:first-child){margin-top:28px}
.footer li a{display:flex;gap:10px;align-items:center;font-size:15px;line-height:30px;color:#D9D3E3;transition:color .2s}
.footer li a::before{content:"\2192";color:var(--pink);font-size:13px;transform:rotate(45deg);display:inline-block}
.footer li a:hover{color:#fff}
.footer address{font-style:normal;font-weight:600;font-size:15px;line-height:26px;color:#D9D3E3}
.footer address a:hover{color:#fff}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:40px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#A9A2B8}
.footer__bottom a:hover{color:#fff}
.badges{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.badges img{height:46px;width:auto;background:#fff;border-radius:8px;padding:4px}
.footer__social{display:flex;gap:20px}
.footer__social svg{width:20px;height:20px}
.footer__social a:hover{color:var(--pink)}

/* ---------- Responsief v6 ---------- */
@media (max-width:1180px){
  .forwho__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .psteps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phones figure{height:560px}
}
@media (max-width:1024px){
  .phones{grid-template-columns:1fr 1fr}
  .phones figure:nth-child(3){display:none}
  .dev{width:min(62%,260px)}
  .candy__grid{grid-template-columns:1fr 1fr}
  .candy__grid > :nth-child(2){transform:none}
  .candy__grid > :nth-child(3){display:none}
  .cbox{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:1fr 1fr}
  .footer__bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .hero--v1{padding-top:calc(var(--hdr) + 56px)}
  .hero--v1 .hero__ctas{flex-direction:column;gap:14px;width:100%}
  .hero--v1 .hero__ctas .btn{width:100%;justify-content:center}
  .scroll-mouse{display:none}
  .forwho__grid,.psteps{grid-template-columns:1fr}
  .phones{grid-template-columns:1fr}
  .phones figure{height:480px}
  .phones figure:nth-child(n+2){display:none}
  .candy .h2{margin-bottom:36px}
  .candy__grid{grid-template-columns:1fr}
  .candy__grid > :nth-child(3){display:flex}
  .ccard{height:440px}
  .vform{grid-template-columns:1fr}
  .vform__foot .btn{width:100%;justify-content:center}
  .footer__mask{margin-bottom:36px}
  .footer__cols{grid-template-columns:1fr 1fr;gap:20px}
  .footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media (max-width:420px){.footer__cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.check__box::after{animation:none}}
.js .footer{background:var(--ink)}


/* =====================================================================
   /5/ – aanpassingen
   ===================================================================== */
/* Vaste achtergrond per sectie (geen kleurovergang bij scrollen) */
main > section,.check-sec{background:var(--bg)}
main > section[data-bg="warm"]{background:var(--bg-2)}
main > section[data-bg="dark"]{background:var(--ink)}
.footer{background:var(--ink)}

/* Hero: handschrift-accent en Google-score */
.hero__title .hero__hand{display:inline-block;font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-style:normal;font-weight:600;color:var(--pink);font-size:1.35em;line-height:.8;letter-spacing:0;margin-right:.08em;vertical-align:-.04em}
@media (min-width:1024px){.hero--v1 .hero__title{max-width:min(1120px,100%)}.hero__title .hero__line{white-space:nowrap}}
.hero__proofwrap{position:relative;z-index:2}
.hero__proofwrap .hero__proof{justify-content:center;margin:0 0 18px;padding-top:0;border-top:0}

/* Dashboard-sectie (licht) */
#dashboard .h2{color:var(--ink)}
#dashboard .ov__points li{color:var(--text)}
#dashboard .db{box-shadow:0 50px 100px -40px rgba(20,18,31,.45)}

/* Dashboard in donkere stijl */
.db{background:#16141F;color:#fff;border:1px solid rgba(255,255,255,.08)}
.db__bar{background:#1C1927;border-bottom:1px solid rgba(255,255,255,.08)}
.db__bar .log__dots i{background:#3A3548}
.db__title{color:#fff}
.db__title span{color:#A39EB0}
.db__period{background:#14121F;border:1px solid rgba(255,255,255,.08)}
.db__period button{color:#A39EB0}
.db__period .is-on{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #FF3D7F}
.db .kpi,.db .db__card,.db .db__table-wrap{background:#1E1B29;border:1px solid rgba(255,255,255,.08)}
.db .kpi__k,.db .db__k,.db .db__cardhead p span,.db .db__legend,.db .db__sub,.db .db__big small,.db .db__xaxis{color:#A39EB0}
.db .kpi__k{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}
.db .kpi__v,.db .db__big,.db .db__cardhead p,.db .db__table td{color:#fff}
.db .kpi__d.up,.db .up{color:#3DDC97}
.db .db__k svg{color:#FF3D7F}
.db .db__gridl{stroke:rgba(255,255,255,.07)}
.db .db__ln--main{stroke:#FF3D7F}
.db [style*="#DD0546"]{background:#FF3D7F!important;stroke:#FF3D7F!important}
.db [style*="#14121F"]{background:#D9B48A!important;stroke:#D9B48A!important}
.db [style*="#D6D0C8"]{background:#5A5468!important;stroke:#5A5468!important}
.db .db__meter{background:rgba(255,255,255,.08)}
.db .db__meter i{background:#FF3D7F}
.db .db__spark path{stroke:#D9B48A}
.db .db__table th{color:#FF6E97;border-color:rgba(255,255,255,.08)}
.db .db__table td{border-color:rgba(255,255,255,.06)}
.db .db__table tr:hover td{background:rgba(255,255,255,.03)}
.db .db__table td.up{color:#3DDC97}
.db .db__table td.eq{color:#8F89A0}
.db .db__note{color:#8F89A0}

/* ---------- Even voorstellen (menselijke intro na de hero) ---------- */
.meet{position:relative;overflow:hidden}
.meet__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(48px,7vw,110px);align-items:center}
.meet .h2 em{display:block}
.meet__facts{display:flex;gap:clamp(20px,3vw,40px);margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.meet__facts li{display:flex;flex-direction:column}
.meet__facts b{font-family:var(--f-display);font-size:clamp(28px,2.6vw,36px);font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}
.meet__facts span{font-size:14px;color:var(--muted);margin-top:6px}
.meet__sign{display:flex;align-items:center;gap:16px;margin-top:34px}
.meet__sign img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--ink);box-shadow:0 0 0 4px #fff,0 10px 24px -10px rgba(20,18,31,.4)}
.meet__sign p{display:flex;flex-direction:column;line-height:1.2}
.meet__hand{font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:34px;font-weight:600;color:var(--pink);line-height:1}
.meet__sign small{font-size:13.5px;color:var(--muted);margin-top:4px}
.meet__collage{position:relative;min-height:clamp(460px,44vw,600px)}
.polaroid{position:absolute;margin:0;background:#fff;padding:12px 12px 0;border-radius:6px;box-shadow:0 30px 60px -28px rgba(20,18,31,.45),0 2px 6px rgba(20,18,31,.06);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.polaroid img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.polaroid figcaption{font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:22px;font-weight:600;color:var(--ink);text-align:center;padding:8px 4px 12px;line-height:1.1}
.polaroid--main{left:6%;top:4%;width:68%;transform:rotate(-2.5deg);z-index:2}
.polaroid--b{right:0;bottom:-2%;width:44%;transform:rotate(4deg);z-index:3}
.polaroid--b img{object-position:50% 30%}
.polaroid--c{left:0;bottom:-4%;width:38%;transform:rotate(-6deg);z-index:3}
.polaroid:hover{transform:rotate(0) scale(1.03);z-index:5;box-shadow:0 40px 80px -30px rgba(20,18,31,.55)}
.meet__sticker{position:absolute;right:6%;top:0;z-index:4;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--pink);color:#fff;font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-size:23px;font-weight:600;line-height:1;transform:rotate(10deg);box-shadow:0 18px 36px -14px rgba(221,5,70,.6);animation:meetWobble 6s ease-in-out infinite}
@keyframes meetWobble{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(6deg) translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.meet__sticker{animation:none}}
@media (max-width:1024px){.meet__grid{grid-template-columns:1fr}.meet__collage{max-width:620px;width:100%;margin:10px auto 0}}
@media (max-width:600px){.meet__collage{min-height:420px}.polaroid--main{left:0;width:82%}.polaroid--b{width:52%}.polaroid--c{width:48%}.polaroid figcaption{font-size:18px}.meet__sticker{width:88px;height:88px;font-size:18px;right:0}.meet__facts{gap:18px}}

/* ---------- Partnerlogo's groter ---------- */
.partners{gap:40px;padding:30px 36px}
.partners__label{font-size:16px}
.partners__list{flex:1;justify-content:space-between;gap:22px 36px}
.partners__list img{height:62px}
.partners__list img[src*="tiktok"]{transform:scale(1.7);margin:0 18px}
@media (max-width:767px){.partners{padding:24px 22px}.partners__list{justify-content:flex-start;gap:16px 26px}.partners__list img{height:46px}.partners__list img[src*="tiktok"]{transform:scale(1.5);margin:0 12px}}

/* Descenders niet afknippen bij SplitText-maskers (o.a. "de juiste mensen") */
.hero__title > div,.h2 > div{padding-bottom:.22em;margin-bottom:-.22em}
/* ---------- Verbeteringen oktober 2026 ---------- */
.hero--v1 .hero__sub{max-width:680px;margin-left:auto;margin-right:auto}
.db__period button{cursor:pointer;font:inherit}
.db__period button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.db__sub--note{font-size:11.5px;line-height:1.4;opacity:.75;margin-top:6px}
.db__table caption{caption-side:top}
.case__ex,.case__exnote{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.case__ex{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.18)}
.case__exnote{margin-top:18px;color:var(--muted)}
.sp-card .case__stat{font-size:clamp(30px,3vw,42px);color:var(--pink);margin:0}
@media (max-width:400px){.mcta a{padding:0 14px;font-size:14px;white-space:nowrap}}

/* Logobalk: los van de hero en witte, duidelijke logo's */
main > section.logos{padding-top:clamp(40px,5vw,64px)}
.logos .marquee img{filter:brightness(0) invert(1);opacity:.92}
.logos .marquee img:hover{opacity:1}

/* Logobalk als onderrand van de donkere hero (geen zwevende kaart) */
main > section.logos.logos--hero{background:var(--ink);border:0;padding:0 0 clamp(40px,5vw,64px)}
.logos--hero .logos__inner{background:transparent;box-shadow:none;border-radius:0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.logos--hero .logos__label{color:var(--muted-2)}
.logos--hero .marquee img{filter:brightness(0) invert(1);opacity:.9}
.logos--hero .marquee img:hover{opacity:1}

/* Logobalk licht: zonder kaart, donkergrijze logo's op de lichte achtergrond */
main > section.logos.logos--light{background:var(--bg);border:0;padding:clamp(34px,4vw,52px) 0 0}
.logos--light .logos__inner{background:transparent;box-shadow:none;border-radius:0;padding:0 0 clamp(30px,3.5vw,44px);border-bottom:1px solid rgba(20,18,31,.1)}
.logos--light .logos__label{color:var(--muted)}
.logos--light .marquee img{filter:brightness(0);opacity:.55}
.logos--light .marquee img:hover{opacity:.9}

/* Logobalk: afgeronde roze kaart met witte logo's */
main > section.logos.logos--pink{background:var(--bg);border:0;padding:clamp(40px,5vw,64px) 0 calc(clamp(60px,7.5vw,96px) - 7px)}
main > section.logos--pink + section#aanpak{padding-top:0}
.logos--pink .logos__inner{background:var(--pink);border-radius:var(--r-xl);padding:26px 32px;box-shadow:0 30px 60px -30px rgba(221,5,70,.45);border:0}
.logos--pink .logos__label{color:rgba(255,255,255,.88)}
.logos--pink .marquee img{filter:brightness(0) invert(1);opacity:.95}
.logos--pink .marquee img:hover{opacity:1}

/* Roze logobalk: grotere logo's en doorlopende loop (geen pauze bij hover) */
.logos--pink .logos__inner{padding:34px 36px}
.logos--pink .marquee img{transform:scale(1.4);margin:0 46px}
.logos--pink .marquee:hover .marquee__track{animation-play-state:running}
@media (max-width:767px){.logos--pink .marquee img{transform:scale(1.2);margin:0 30px}}


/* Logobalk: geen roze balk, alleen logo's in roze (10-10-2026) */
main > section.logos.logos--pink .logos__inner{background:transparent;box-shadow:none;border-radius:0;padding:10px 0}
.logos--pink .logos__label{color:var(--muted)}
.logos--pink .marquee img{filter:brightness(0) saturate(100%) invert(24%) sepia(62%) saturate(8492%) hue-rotate(333deg) brightness(84%) contrast(108%);opacity:.9}
.logos--pink .marquee img:hover{opacity:1}

/* Logobalk (12-10-2026): originele kleurenlogo's, optisch gelijk geschaald via width/height in de HTML */
.logos--pink .marquee__track{animation-duration:160s}
.logos--pink .marquee img{filter:none;opacity:1;transform:scale(1.2);margin:0 42px;max-width:none;height:auto;object-fit:contain}
.logos--pink .marquee img:hover{opacity:1}
@media (max-width:767px){.logos--pink .marquee img{margin:0 24px;transform:scale(.95)}}

/* Logobalk: ruimte boven/onder zodat geschaalde logo's niet afgesneden worden */
.logos--pink .marquee{padding:12px 0;margin:-12px 0}
/* ruimte onder h2 */
.h2 + p,h2.h2 + p{margin-top:22px}
/* dienstenmenu 20 items */
.dd__panel{width:min(900px,calc(100vw - 48px));column-gap:24px;row-gap:18px}
.dd__col a{padding:4px 0;font-size:14.5px}
.dd__cta{grid-row:1;grid-column:4}
.dd__all{grid-row:2;grid-column:1/4;justify-self:start;align-self:center}