*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fh);margin:0;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
mark.ph{background:#FFF3B0;color:#6B5600;font-size:.85em;padding:1px 6px;border-radius:4px;font-weight:600}
.flag{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#FFF3B0;color:#6B5600;font-size:11px;font-weight:700;margin-left:6px;vertical-align:super}
.hdr{position:sticky;top:0;z-index:5}
.hdr-in{display:flex;align-items:center;gap:28px;height:76px}
.logo{height:42px;width:auto}
.nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:500}
.lang{font-size:13px;letter-spacing:.06em;opacity:.75}.lang b{opacity:1}
.burger{display:none;background:none;border:0;color:inherit;padding:8px}.burger .ic{width:26px;height:26px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:var(--r);border:2px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap}
.btn .ic{width:18px;height:18px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:14px}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--link)}.more .ic{width:17px;height:17px}
section{padding:96px 0}
.sec-h{max-width:760px;margin-bottom:48px}.sec-h h2{font-size:42px}.sec-h>p:not(.eyebrow){margin-top:16px;font-size:18px;color:var(--muted)}
.sub{font-size:18px;color:var(--muted);margin-top:16px}
/* hero */
.hero{padding:64px 0 150px}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:52px}.lead{font-size:19px;margin-top:22px;color:var(--muted);max-width:560px}
.hero-media{position:relative}.hero-media img{width:100%;object-fit:cover}
.balloon{position:absolute;display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:12px 18px 12px 12px;border-radius:16px 16px 16px 4px;box-shadow:0 18px 40px -14px rgba(0,0,0,.35)}
.b-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%}.b-ic .ic{width:16px;height:16px;stroke-width:3}
/* sectors overlap */
.sectors{padding:0;margin-top:-96px;position:relative;z-index:2}
.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sector{display:flex;flex-direction:column;gap:10px;padding:26px}.sector h3{font-size:21px}.sector p{font-size:14.5px;color:var(--muted);flex:1}
/* proof */
.proof{padding:64px 0 72px}
.proof-t{text-align:center;font-size:14px;color:var(--muted);margin-bottom:28px}
.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 56px}.logos img{height:40px;width:auto;max-width:170px;object-fit:contain}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.fact b{display:block;font-family:var(--fh);font-size:36px;line-height:1.1}.fact span{font-size:14px;color:var(--muted)}
/* inclusion */
.incl-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.incl-ill{display:grid;place-items:center;aspect-ratio:1/1;border-radius:var(--blob-r,50%)}.incl-ill img{width:62%;height:auto}
.incl h2{font-size:42px}
.pts{display:grid;gap:18px;margin:28px 0}.pts li{display:flex;gap:14px}.pts b{font-size:17px}.pts p{color:var(--muted);font-size:15px}
.pt-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;margin-top:2px}.pt-ic .ic{width:16px;height:16px;stroke-width:3}
/* pillars */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pillar{display:flex;flex-direction:column;gap:12px;padding:32px}.pillar h3{font-size:24px}.pillar>p{color:var(--muted);flex:1}
.pl-n{font-family:var(--fh);font-size:14px;font-weight:700;opacity:.6}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.chips li{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--chip);color:var(--chip-ink)}
/* phases */
.phase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.phase{display:flex;flex-direction:column}
.ill{aspect-ratio:440/348;border-radius:12px;overflow:hidden;background:var(--ill-bg,#fff);margin-bottom:16px}.ill img{width:100%;height:100%;object-fit:contain}
.ph-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.num{font-family:var(--fh);font-weight:700;color:var(--eyebrow);font-size:14px}.ph-h h3{font-size:22px}
.fl{display:grid;gap:2px}.fl a{display:block;font-size:14.5px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink)}.fl a:hover{color:var(--link)}
.video-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;margin-top:80px}.video-in h3{font-size:30px;margin-bottom:12px}.video-txt>p:not(.eyebrow){color:var(--muted)}
.vid{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--vid-r,16px);background:#000}.vid-el{width:100%;height:100%;object-fit:cover;display:block}
.play{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:12px;border:0;cursor:pointer;font:600 15px var(--fb);padding:12px 20px 12px 16px;border-radius:99px;background:var(--play-bg,#fff);color:var(--play-ink,#111);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
/* downloads */
.dl-in{display:grid;grid-template-columns:1.6fr 1fr;gap:32px}
.wp-card{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;padding:40px}.wp-card img{width:180px;height:auto}
.wp-card h2{font-size:30px;margin-bottom:12px}.wp-card p:not(.eyebrow):not(.fine){color:var(--muted)}
.dl-form{display:flex;gap:10px;margin-top:22px}.dl-form input{flex:1;min-width:0;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:calc(var(--r)*.6);background:var(--field)}
.fine{font-size:12.5px;color:var(--muted);margin-top:10px}
.dl-more{padding:40px}.dl-list{margin-bottom:20px}.dl-list a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.dl-k{grid-column:1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dl-list b{grid-column:1}.dl-list .ic{grid-row:1/3;grid-column:2;color:var(--link)}
/* cases */
.case-top{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-bottom:32px}
.bigquote{position:relative;overflow:hidden;border-radius:var(--card-r,16px);min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff}
.bigquote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.bigquote{z-index:0}
.bigquote::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78));z-index:-1}
.bigquote blockquote{margin:0 0 14px;font-family:var(--fh);font-size:24px;line-height:1.3}.bigquote figcaption{font-size:14px;opacity:.9}
.recent{padding:32px}.recent li a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.recent span{display:block;font-size:12.5px;color:var(--muted)}.recent b{font-size:15px;font-weight:600}.recent .more{margin-top:16px}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.case{display:grid;grid-template-columns:200px 1fr;overflow:hidden}.case-img img{width:100%;height:100%;object-fit:cover}
.case-logo{display:grid;place-items:center;background:#fff}.case-logo img{width:80%!important;height:auto!important}
.case-b{padding:26px;display:flex;flex-direction:column;gap:10px}.case h3{font-size:19px}.case blockquote{margin:0;font-style:italic;color:var(--muted)}.who{font-size:13px;font-weight:600}
/* faq */
.faq-in{display:grid;grid-template-columns:1fr 1.2fr;gap:72px}.faq h2{font-size:38px}.faq .more{margin-top:20px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--link)}.faq details[open] summary::after{content:"–"}.faq details p{margin-top:10px;color:var(--muted)}
/* cta */
.cta-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cta h2{font-size:44px;margin-bottom:16px}
.cta-contact{display:flex;gap:24px;margin-top:24px;font-weight:700;flex-wrap:wrap}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:32px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.form input{font:inherit;padding:12px 14px;border-radius:calc(var(--r)*.6);border:1px solid var(--line);background:var(--field)}.form .btn{grid-column:1/-1;justify-content:center}
.steps5{margin-top:72px}.steps5 ol{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.steps5 li{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:2px solid var(--steps-line,currentColor)}.steps5 li span{font-family:var(--fh);font-weight:700;font-size:14px;opacity:.7}.steps5 small{font-size:13px;opacity:.8}
.ftr{padding:72px 0 28px;font-size:15px}.ftr-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ftr .logo{height:38px;margin-bottom:20px}.ftr h4{font-family:var(--fb);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.ftr-in>div{display:flex;flex-direction:column;gap:8px}.ftr .small{font-size:13px;opacity:.8}.ftr .small a{text-decoration:underline}
.legal{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;font-size:13px;opacity:.7}
@media (max-width:1100px){.nav{display:none}.burger{display:block}.lang{margin-left:auto}.phase-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
 .wrap{padding:0 20px}section{padding:64px 0}
 .hdr-in{height:64px;gap:12px}.logo{height:34px}.lang{display:none}.hdr-cta{margin-left:auto;font-size:13px;padding:9px 14px}
 .hero{padding:36px 0 110px}.hero-in,.incl-in,.dl-in,.case-top,.case-grid,.faq-in,.cta-in,.video-in{grid-template-columns:1fr;gap:32px}
 .hero h1{font-size:36px}.lead{font-size:17px}.sec-h h2,.incl h2,.faq h2{font-size:30px}.cta h2{font-size:32px}
 .btns .btn{flex:1;justify-content:center}.balloon{font-size:14px}
 .sectors{margin-top:-72px}.sector-grid{grid-template-columns:1fr 1fr;gap:12px}.sector{padding:18px}.sector h3{font-size:17px}.sector p{display:none}
 .logos{gap:20px 32px}.logos img{height:28px;max-width:120px}.facts{grid-template-columns:1fr 1fr}.fact b{font-size:28px}
 .incl-ill{max-width:280px;margin:0 auto}.pillar-grid{grid-template-columns:1fr}
 .phase-grid{grid-template-columns:1fr;gap:28px}.phase{display:grid;grid-template-columns:120px 1fr;gap:0 16px}.phase .ill{grid-row:1/3;margin:0}.video-in{margin-top:56px}.play{left:12px;bottom:12px;font-size:13px}
 .wp-card{grid-template-columns:1fr;padding:24px}.wp-card img{width:130px}.dl-form{flex-direction:column}.dl-more{padding:24px}
 .bigquote{min-height:420px;padding:24px}.bigquote blockquote{font-size:19px}.case{grid-template-columns:1fr}.case-img{aspect-ratio:16/9}
 .form{grid-template-columns:1fr;padding:22px}.steps5 ol{grid-template-columns:1fr;gap:12px}
 .ftr-in{grid-template-columns:1fr 1fr}.ftr-in>div:first-child{grid-column:1/-1}.legal{flex-direction:column;gap:6px}
}
.logos{gap:28px 44px}.logos img{height:36px;max-width:150px}
.play{left:auto;right:24px}
.bigquote::before{background:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.88))}
.ftr .logo{align-self:flex-start}
.legal>span:first-child a{margin:0 2px}
@media (max-width:760px){.play{right:12px}}
@media (max-width:760px){.hero-media img{aspect-ratio:4/3!important;max-height:320px}}

/* V1 · Helder & betrouwbaar */
:root{--fh:"Plus Jakarta Sans",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif;--ink:#0B1F33;--muted:#4A5B6E;--bg:#fff;--soft:#F2F7FB;--line:#DCE6EF;
--brand:#0FA3E0;--primary:#0A63B8;--primary-h:#084F93;--mint:#12A87A;--eyebrow:#0A63B8;--link:#0A63B8;--chip:#E6F4FC;--chip-ink:#0A4F86;--field:#fff;--r:10px;--ill-bg:#F2F7FB}
h1,h2,h3{letter-spacing:-.02em;font-weight:800}
.hdr{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav a:hover{color:var(--primary)}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-h)}.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}
.hero{background:linear-gradient(180deg,#fff,var(--soft))}.hero h1{font-size:48px}
.hero-media img{border-radius:20px;aspect-ratio:5/4;box-shadow:0 30px 60px -20px rgba(11,31,51,.35)}
.balloon{left:-28px;bottom:36px;background:#fff;color:var(--ink)}.b-ic{background:var(--mint);color:#fff}
.sector{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -24px rgba(11,31,51,.3)}.sector:hover{border-color:var(--primary)}
.logos img{filter:grayscale(1);opacity:.7}.fact{border-left:3px solid var(--brand);padding-left:16px}
.incl{background:var(--soft)}.incl-ill{background:#fff;border:1px solid var(--line)}.pt-ic{background:var(--mint);color:#fff}
.pillar{background:#fff;border:1px solid var(--line);border-radius:16px}.pl2{background:var(--ink);color:#fff;border-color:var(--ink)}.pl2>p{color:#B9C7D6}.pl2 .more{color:#7FD3F5}
.phases{background:var(--soft)}.ill{border:1px solid var(--line);background:#fff}
.vid{box-shadow:0 30px 60px -24px rgba(11,31,51,.4)}.play{--play-bg:var(--primary);--play-ink:#fff}
.wp-card{background:linear-gradient(120deg,var(--primary),#0B86C9);color:#fff;border-radius:20px}.wp-card .eyebrow{color:#BFE6F8}.wp-card p:not(.eyebrow):not(.fine),.wp-card .fine{color:#DCEFFA}
.wp-card .btn-primary{background:#fff;color:var(--primary)}.wp-card input{border:0}.wp-card img{transform:rotate(-3deg);box-shadow:0 20px 40px -10px rgba(0,0,0,.4);border-radius:4px}
.dl-more{border:1px solid var(--line);border-radius:20px}
.cases{background:#fff}.recent,.case{border:1px solid var(--line);border-radius:16px}.bigquote{--card-r:16px}
.faq{background:var(--soft)}
.cta{background:var(--ink);color:#fff}.cta p{color:#B9C7D6}.cta-contact a{color:#7FD3F5}.cta .form{background:#fff;color:var(--ink);border-radius:18px}.steps5{--steps-line:var(--brand)}.steps5 b{color:#fff}
.ftr{background:#071524;color:#B9C7D6}.ftr h4{color:#fff}.legal{border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:760px){.hero h1{font-size:34px}.balloon{left:12px;bottom:12px}}