:root{
  --navy:#051C2C;--navy-d:#030F19;--navy-m:#0A2035;--navy-c:#0D2440;
  --night:#07131E;--deep:#060F1A;--orange:#FF5100;--orange-d:#CC4000;
  --light:#F2F5F7;--gray:#5A5A5A;
  --d:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --b:'Figtree',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--b);background:var(--navy-d);color:#fff;overflow-x:hidden;}
a{text-decoration:none;cursor:pointer;}
img{display:block;max-width:100%;}

/* NAV */
.nav{position:sticky;top:0;z-index:200;background:var(--navy);padding:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--orange);height:80px;}
.nav-logo{height:44px;width:auto;}
.nav-links{display:flex;list-style:none;}
.nav-links a{display:flex;align-items:center;height:80px;font-family:var(--b);font-size:11px;color:rgba(255,255,255,.9);letter-spacing:1.5px;text-transform:uppercase;padding:0 16px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.nav-links a:hover,.nav-links a.current{color:#fff;border-bottom-color:var(--orange);}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-cta{background:var(--orange);color:#fff;font-family:var(--d);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:10px 24px;cursor:pointer;border:none;transition:background .2s;}
.nav-cta:hover{background:var(--orange-d);}
/* Hamburger */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:210;}
.nav-hamburger span{display:block;width:24px;height:2px;background:#fff;transition:all .25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* Mobile overlay */
.nav-mobile{position:fixed;top:80px;left:0;right:0;bottom:0;background:var(--navy-d);z-index:199;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);}
.nav-mobile.open{transform:translateX(0);}
.nav-mobile-inner{padding:32px 28px;display:flex;flex-direction:column;gap:4px;}
.nav-mobile-link{font-family:var(--b);font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.9);padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;transition:color .2s;}
.nav-mobile-link:hover,.nav-mobile-link.current{color:#fff;}
.nav-mobile-cta{margin-top:24px;background:var(--orange);color:#fff;font-family:var(--d);font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:16px 32px;text-align:center;text-decoration:none;}

/* UTILS */
.lbl{font-family:var(--b);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.lbl-o{color:var(--orange);}
.lbl-w{color:rgba(255,255,255,.35);}
.lbl-d{color:rgba(5,28,44,.35);}
.ptag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.28);}
.ptag-d{display:inline-block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:14px;border:1px solid rgba(5,28,44,.14);color:rgba(5,28,44,.3);}
.o-bar{width:48px;height:3px;background:var(--orange);margin-bottom:22px;}
.o-bar-c{margin:14px auto 24px;}

/* HERO */
#hero{background:var(--navy);display:grid;grid-template-columns:1fr 480px;min-height:88vh;}
.hero-copy{padding:100px 60px 80px;display:flex;flex-direction:column;justify-content:center;}
.hero-h{font-family:var(--d);font-size:82px;font-weight:800;color:#fff;line-height:.96;text-transform:uppercase;margin-bottom:28px;}
.hero-h em{color:var(--orange);font-style:normal;}
.hero-sub{font-size:17px;color:rgba(255,255,255,.58);line-height:1.74;max-width:500px;margin-bottom:40px;}
.hero-btns{display:flex;align-items:center;gap:24px;}
.btn-p{background:var(--orange);color:#fff;font-family:var(--d);font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:15px 40px;border:none;cursor:pointer;transition:background .2s,transform .15s;display:inline-block;}
.btn-p:hover{background:var(--orange-d);transform:translateY(-2px);}
.btn-g{font-size:12px;color:rgba(255,255,255,.38);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:2px;transition:color .2s;}
.btn-g:hover{color:rgba(255,255,255,.65);}
.scroll-hint{display:flex;align-items:center;gap:12px;margin-top:48px;}
.scroll-line{width:40px;height:1px;background:var(--orange);}
.scroll-hint span{font-size:10px;color:rgba(255,255,255,.2);letter-spacing:2.5px;text-transform:uppercase;}
.hero-visual{position:relative;overflow:hidden;}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-visual-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--navy) 0%,rgba(5,28,44,.2) 50%,transparent 100%);}
.hero-badge{position:absolute;bottom:0;right:0;background:var(--orange);padding:28px 32px;text-align:center;}
.badge-n{font-family:var(--d);font-size:64px;font-weight:800;color:#fff;line-height:1;}
.badge-t{font-size:10px;color:rgba(255,255,255,.82);letter-spacing:1.5px;text-transform:uppercase;line-height:1.6;margin-top:4px;}

/* TEACH */
#teach{background:var(--night);padding:88px 60px;}
.s2-h{font-family:var(--d);font-size:54px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:12px;}
.s2-intro{font-size:16px;color:rgba(255,255,255,.52);max-width:560px;line-height:1.74;margin-bottom:56px;}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;}
.stat{background:var(--navy-c);padding:44px 32px;border-top:3px solid var(--orange);}
.stat-n{font-family:var(--d);font-size:68px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:12px;}
.stat-n sub{font-size:34px;vertical-align:baseline;}
.stat-l{font-size:14px;color:rgba(255,255,255,.52);line-height:1.64;}
.stat-src{font-size:11px;color:rgba(255,255,255,.2);margin-top:8px;font-style:italic;}

/* TEACH2 */
#teach2{background:var(--navy);padding:88px 60px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start;}
.s3-h{font-family:var(--d);font-size:52px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.03;margin-bottom:20px;}
.s3-body{font-size:15px;color:rgba(255,255,255,.56);line-height:1.78;margin-bottom:14px;}
.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.ins{background:var(--navy-m);padding:26px 22px;border-left:3px solid transparent;transition:border-left-color .25s;}
.ins:hover{border-left-color:var(--orange);}
.ins-t{font-family:var(--d);font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.ins-x{font-size:13px;color:rgba(255,255,255,.46);line-height:1.62;}

/* TENSION */
#tension{background:var(--deep);padding:88px 60px;}
.s4-h{font-family:var(--d);font-size:64px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:12px;}
.s4-intro{font-size:16px;color:rgba(255,255,255,.52);max-width:620px;line-height:1.74;margin-bottom:52px;}
.risk{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.055);}
.risk:first-of-type{border-top:1px solid rgba(255,255,255,.055);}
.r-num{font-family:var(--d);font-size:44px;font-weight:800;color:var(--orange);min-width:52px;line-height:1.05;padding-top:2px;flex-shrink:0;}
.r-t{font-family:var(--d);font-size:21px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
.r-x{font-size:14px;color:rgba(255,255,255,.46);line-height:1.68;}

/* DIENSTEN */
#solution{background:var(--navy);padding:88px 60px;}
.sol-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start;margin-bottom:3px;}
.sol-h{font-family:var(--d);font-size:48px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.03;margin-bottom:20px;}
.sol-body{font-size:15px;color:rgba(255,255,255,.6);line-height:1.78;margin-bottom:16px;}
.sol-tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;margin-top:4px;}
.diensten-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;}
.dienst{background:#fff;padding:40px 36px;display:flex;flex-direction:column;}
.dienst-icon{font-family:var(--d);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.dienst-h{font-family:var(--d);font-size:26px;font-weight:800;color:var(--navy);text-transform:uppercase;margin-bottom:16px;}
.dienst-body{font-size:14px;color:var(--gray);line-height:1.72;margin-bottom:20px;}
.svc-acc{list-style:none;flex:1;}
.dienst-img{width:100%;height:160px;object-fit:cover;object-position:center;margin-top:20px;opacity:.72;}

/* ACCORDION */
.svc-item{border-bottom:1px solid #E4E9ED;}
.svc-item:last-child{border:none;}
.svc-trigger{display:flex;align-items:center;gap:14px;padding:14px 0;cursor:pointer;width:100%;background:none;border:none;text-align:left;}
.svc-trigger:hover .svc-t{color:var(--orange);}
.svc-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;flex-shrink:0;margin-top:2px;}
.svc-label{flex:1;}
.svc-t{font-size:14px;color:var(--navy);font-weight:500;transition:color .2s;display:block;}
.svc-s{font-size:12px;color:var(--gray);margin-top:2px;line-height:1.52;display:block;}
.svc-icon{font-size:18px;color:var(--orange);transition:transform .25s;flex-shrink:0;line-height:1;font-weight:300;}
.svc-item.open .svc-icon{transform:rotate(45deg);}
.svc-detail{display:none;padding:0 0 16px 21px;border-left:2px solid var(--orange);margin-left:3px;}
.svc-item.open .svc-detail{display:block;}
.svc-detail p{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:8px;}
.svc-detail ul{list-style:none;margin-top:4px;}
.svc-detail ul li{font-size:13px;color:var(--gray);padding:2px 0 2px 12px;position:relative;}
.svc-detail ul li::before{content:"›";position:absolute;left:0;color:var(--orange);}

/* PDCA */
#pdca{background:var(--night);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.pdca-imgwrap{overflow:hidden;min-height:300px;}
.pdca-imgwrap img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.6;}
.pdca-copy{padding:56px 60px;display:flex;flex-direction:column;justify-content:center;}
.pdca-h{font-family:var(--d);font-size:32px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:12px;}
.pdca-body{font-size:14px;color:rgba(255,255,255,.54);line-height:1.74;}

/* DIFFERENTIATION */
#differentiation{background:var(--light);padding:88px 60px;}
.s6-h{font-family:var(--d);font-size:52px;font-weight:800;color:var(--navy);text-transform:uppercase;margin-bottom:12px;}
.s6-intro{font-size:16px;color:var(--gray);max-width:580px;line-height:1.74;margin-bottom:48px;}
.ctbl{width:100%;border-collapse:collapse;font-family:var(--b);}
.ctbl th{background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:15px 20px;text-align:left;}
.ctbl th.hc{background:var(--orange);}
.ctbl td{padding:13px 20px;font-size:14px;border-bottom:1px solid #D8DEE4;background:#fff;color:var(--gray);vertical-align:middle;}
.ctbl td.hc{background:#FFF5F0;color:var(--navy);font-weight:500;}
.ctbl tbody tr:hover td{background:#F8FAFB;}
.ctbl tbody tr:hover td.hc{background:#FFEEE5;}
.ok{color:var(--orange);font-weight:700;}
.no{color:#C2C8CE;}

/* PROOF */
#proof{background:#fff;padding:88px 60px;}
.s7-h{font-family:var(--d);font-size:50px;font-weight:800;color:var(--navy);text-transform:uppercase;margin-bottom:36px;}
.s7-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.quote{border-left:4px solid var(--orange);padding:26px 32px;background:var(--light);margin-bottom:20px;}
.q-txt{font-size:17px;line-height:1.72;color:var(--navy);font-style:italic;margin-bottom:14px;}
.q-src{font-size:12px;color:var(--gray);}
.sectors{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:20px;}
.sec-card{background:var(--light);padding:22px 20px;border-top:3px solid var(--navy);}
.sec-n{font-family:var(--d);font-size:17px;font-weight:700;color:var(--navy);text-transform:uppercase;margin-bottom:8px;}
.sec-x{font-size:13px;color:var(--gray);line-height:1.58;}
.cert-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.cert{background:var(--light);padding:12px 16px;font-size:12px;color:var(--navy);font-weight:600;border-top:2px solid var(--navy);}
.cert span{display:block;font-size:10px;color:var(--gray);font-weight:400;margin-top:2px;}
.proof-imgs{display:flex;flex-direction:column;gap:3px;}

/* TRIGGER */
#trigger{background:#040E18;padding:56px 60px;text-align:center;border-top:3px solid var(--orange);}
.trig-q{font-family:var(--d);font-size:38px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:28px;max-width:700px;margin-left:auto;margin-right:auto;}
.trig-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.trig-btn{font-family:var(--d);font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:14px 36px;cursor:pointer;border:none;transition:all .2s;}
.trig-btn-yes{background:transparent;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.2);}
.trig-btn-yes:hover{background:rgba(255,255,255,.08);color:#fff;}
.trig-btn-no{background:var(--orange);color:#fff;}
.trig-btn-no:hover{background:var(--orange-d);transform:translateY(-2px);}

/* EMBEDDED SCAN */
#embedded-scan{background:var(--navy);padding:88px 60px;}
.scan-intro{text-align:center;margin-bottom:52px;}
.scan-intro-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.35);margin-bottom:16px;}
.scan-intro-h{font-family:var(--d);font-size:44px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.03;margin-bottom:12px;}
.scan-intro-h em{color:var(--orange);font-style:normal;}
.scan-intro-sub{font-size:16px;color:rgba(255,255,255,.5);max-width:500px;margin:0 auto;line-height:1.7;}
.scan-body{max-width:680px;margin:0 auto;}
.scan-prog{display:flex;align-items:center;gap:16px;margin-bottom:36px;}
.scan-prog-label{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;}
.scan-prog-bg{flex:1;height:3px;background:rgba(255,255,255,.1);border-radius:2px;}
.scan-prog-fill{height:3px;background:var(--orange);border-radius:2px;width:0%;transition:width .4s ease;}
.scan-prog-count{font-family:var(--d);font-size:16px;font-weight:700;color:rgba(255,255,255,.35);white-space:nowrap;}
.esq{display:none;animation:efade .3s ease;}
.esq.active{display:block;}
@keyframes efade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.esq-nr{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.esq-q{font-family:var(--d);font-size:30px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.1;margin-bottom:28px;}
.eopts{display:flex;flex-direction:column;gap:8px;}
.eopt{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.07);cursor:pointer;transition:all .2s;}
.eopt:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.eopt.sel{border-color:var(--orange);background:rgba(255,81,0,.07);}
.eopt-l{font-family:var(--d);font-size:15px;font-weight:800;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.18);color:rgba(255,255,255,.45);transition:all .2s;}
.eopt.sel .eopt-l{background:var(--orange);border-color:var(--orange);color:#fff;}
.eopt-t{font-size:14px;color:rgba(255,255,255,.65);line-height:1.58;padding-top:5px;}
.eopt.sel .eopt-t{color:#fff;}
.enav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;}
.enext{background:var(--orange);color:#fff;font-family:var(--d);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:13px 36px;border:none;cursor:pointer;transition:all .2s;opacity:.35;pointer-events:none;}
.enext.on{opacity:1;pointer-events:all;}
.enext.on:hover{background:var(--orange-d);transform:translateY(-1px);}
.eback{font-size:11px;color:rgba(255,255,255,.25);letter-spacing:1px;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:0;transition:color .2s;}
.eback:hover{color:rgba(255,255,255,.5);}
.eres{display:none;animation:efade .4s ease;}
.eres.active{display:block;}
.eres-kl{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:14px;}
.eres-h{font-family:var(--d);font-size:38px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.04;margin-bottom:10px;}
.eres-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:28px;max-width:540px;}
.eres-insights{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:28px;}
.eri{background:rgba(255,255,255,.04);border-left:3px solid var(--orange);padding:18px 20px;}
.eri-h{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:6px;}
.eri-t{font-size:13px;color:rgba(255,255,255,.58);line-height:1.62;}
.eres-cta{background:var(--orange);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.eres-cta-txt{font-family:var(--d);font-size:22px;font-weight:800;color:#fff;text-transform:uppercase;}
.eres-cta-btn{background:#fff;color:var(--orange);font-family:var(--d);font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:13px 28px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;}
.eres-cta-btn:hover{background:var(--navy);color:#fff;}
.eres-restart{font-size:11px;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;background:none;border:none;cursor:pointer;margin-top:16px;display:block;transition:color .2s;}
.eres-restart:hover{color:rgba(255,255,255,.65);}
.scan-stats{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.08);}
.scan-stat-n{font-family:var(--d);font-size:36px;font-weight:800;color:var(--orange);line-height:1;}
.scan-stat-t{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;}

/* FOOTER */
.site-footer{background:var(--navy-d);padding:24px 60px;display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--orange);}
.foot-left{display:flex;align-items:center;gap:20px;}
.foot-sep{width:1px;height:24px;background:rgba(255,255,255,.12);}
.foot-tag{font-size:11px;color:rgba(255,255,255,.22);letter-spacing:1px;text-transform:uppercase;}
.foot-nav{display:flex;gap:20px;}
.foot-nav a{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:1px;text-transform:uppercase;transition:color .2s;}
.foot-nav a:hover{color:rgba(255,255,255,.5);}
.foot-copy{font-size:11px;color:rgba(255,255,255,.16);}

/* INNER PAGES */
.page-wrap{background:var(--navy-d);min-height:60vh;padding:80px 60px;}
.page-wrap h1{font-family:var(--d);font-size:52px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:24px;}
.page-wrap h2{font-family:var(--d);font-size:36px;font-weight:700;color:#fff;text-transform:uppercase;margin:32px 0 16px;}
.page-wrap p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.78;margin-bottom:16px;}
.page-wrap a{color:var(--orange);}

/* ARTICLE BODY (single.php) */
.article-body{font-size:16px;color:var(--gray);line-height:1.8;}
.article-body h2{font-family:var(--d);font-size:28px;font-weight:700;color:var(--navy);text-transform:uppercase;margin:40px 0 14px;}
.article-body h3{font-family:var(--d);font-size:22px;font-weight:700;color:var(--navy);text-transform:uppercase;margin:32px 0 10px;}
.article-body p{margin-bottom:20px;}
.article-body ul,
.article-body ol{padding-left:24px;margin-bottom:20px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--navy);font-weight:700;}
.article-body a{color:var(--orange);text-decoration:underline;}
.article-body blockquote{border-left:4px solid var(--orange);background:#fff;padding:20px 24px;margin:28px 0;font-style:italic;color:var(--navy);}
.article-body img{width:100%;margin:28px 0;}

/* PAGINATION */
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;color:var(--navy);background:#fff;border:2px solid transparent;transition:all .2s;}
.page-numbers:hover,.page-numbers.current{background:var(--orange);color:#fff;border-color:var(--orange);}
.page-numbers.dots{background:transparent;border-color:transparent;color:var(--gray);}

/* RESPONSIVE */
@media(max-width:960px){
  .nav{padding:0 20px;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .nav-cta{display:none;}
  #hero{grid-template-columns:1fr;min-height:unset;}
  .hero-copy{padding:60px 24px;}.hero-h{font-size:52px;}
  .hero-visual{height:280px;}
  #teach,#tension,#differentiation,#proof,#embedded-scan,#solution,#trigger{padding:60px 24px;}
  #teach2,#pdca{grid-template-columns:1fr;padding:60px 24px;}
  .sol-intro{grid-template-columns:1fr;}
  .diensten-grid{grid-template-columns:1fr;}
  .ins-rij{grid-template-columns:1fr !important;gap:20px !important;}
  .ins-rij-nr{display:none;}
  .ins-rij-img{order:-1;}
  .s7-inner{grid-template-columns:1fr;}
  .scan-intro-h{font-size:30px;}
  .eres-insights{grid-template-columns:1fr;}
  .eres-cta{flex-direction:column;text-align:center;}
  .site-footer{flex-direction:column;gap:14px;text-align:center;padding:20px 24px;}
  .scan-stats{gap:28px;}
  .page-wrap{padding:60px 24px;}
  /* Inner pages responsive */
  [style*="grid-template-columns:1fr 420px"],
  [style*="grid-template-columns:1fr 400px"],
  [style*="grid-template-columns:1fr 280px"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:80px 1fr 340px"]{
    grid-template-columns:1fr !important;
  }
  [style*="padding:100px 60px"],
  [style*="padding:88px 60px"],
  [style*="padding:72px 60px"],
  [style*="padding:80px 60px"],
  [style*="padding:56px 60px"]{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .article-body{font-size:15px;}
}

/* ============================================================
   SITE-QA AANVULLINGEN (branch fix/site-qa)
   ============================================================ */

/* 3.3 — Zichtbare focus-states voor toetsenbordnavigatie */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.eopt:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:3px;
}
/* Oranje/witte knoppen: wit focuskader voor voldoende contrast */
.btn-p:focus-visible,
.nav-cta:focus-visible,
.nav-mobile-cta:focus-visible,
.trig-btn-no:focus-visible,
.eres-cta-btn:focus-visible{
  outline-color:#fff;
}

/* 3.2 — prefers-reduced-motion globaal respecteren */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* 2.6 + 3.1 — Mobiel (<=768px): alle multi-koloms grids stapelen + consistent ritme */
@media (max-width:768px){
  /* Named-class grids die bij 960px nog niet stapelden */
  .stats,
  .ins-grid,
  .sectors,
  .eres-insights{grid-template-columns:1fr !important;}

  /* Inline-grid patronen die nog niet stapelden
     (cases-sidebar 200px, i2pipe-fasen 140px, tekst+knop-strips 1fr auto) */
  [style*="grid-template-columns:200px 1fr"],
  [style*="grid-template-columns:140px 1fr"],
  [style*="grid-template-columns:1fr auto"]{
    grid-template-columns:1fr !important;
  }

  /* Consistent verticaal ritme op mobiel (~48px) */
  #teach,#teach2,#tension,#trigger,#solution,#pdca,
  #differentiation,#proof,#embedded-scan{
    padding-top:48px;padding-bottom:48px;
  }
}

/* 2.5 — Hero: primaire CTA zonder scrollen zichtbaar op kleine schermen */
@media (max-width:600px){
  .hero-copy{padding:32px 22px 36px;}
  .hero-h{font-size:40px;margin-bottom:18px;}
  .hero-sub{font-size:15px;line-height:1.62;margin-bottom:22px;}
  .hero-btns{flex-wrap:wrap;gap:16px;}
  .scroll-hint{display:none;}
}

/* ============================================================
   i2PIPE® PROPOSITIEPAGINA (assetgeheugen) — huisstijl-restyle
   ============================================================ */

/* HERO */
.i2-hero{background:var(--navy);padding:88px 60px 80px;display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center;}
.i2-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--b);font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);border:1px solid rgba(255,81,0,.4);padding:7px 14px;margin-bottom:24px;}
.i2-eyebrow .dot{width:7px;height:7px;background:var(--orange);border-radius:50%;}
.i2-h1{font-family:var(--d);font-size:60px;font-weight:800;color:#fff;text-transform:uppercase;line-height:.98;margin-bottom:22px;}
.i2-h1 em{color:var(--orange);font-style:normal;}
.i2-sub{font-size:18px;color:rgba(255,255,255,.6);line-height:1.55;max-width:560px;margin-bottom:36px;}
.i2-sub strong{color:#fff;font-weight:600;}
.i2-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px;max-width:700px;}
.i2-proof-item{padding:16px 18px;border-left:3px solid var(--orange);background:var(--navy-c);}
.i2-proof-item h4{font-family:var(--d);font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;}
.i2-proof-item p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.5;}
.i2-tagline{margin-top:30px;display:inline-flex;align-items:center;gap:10px;font-family:var(--b);font-size:11px;color:rgba(255,255,255,.4);letter-spacing:2px;text-transform:uppercase;}
.i2-tagline::before{content:"";width:24px;height:2px;background:var(--orange);}

/* ASSETCARD (visual) */
.i2-assetcard{background:var(--navy-c);border-top:4px solid var(--orange);padding:26px;position:relative;}
.i2-ac-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;}
.i2-ac-head .k{font-family:var(--b);font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.5px;}
.i2-ac-head h3{font-family:var(--d);font-size:20px;font-weight:800;color:#fff;margin-top:4px;}
.i2-ac-live{display:flex;align-items:center;gap:7px;font-family:var(--b);font-size:10px;font-weight:700;color:var(--orange);letter-spacing:1px;text-transform:uppercase;}
.i2-blip{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,81,0,.6);
  /* bewuste uitzondering op de globale reduced-motion-regel: kleine decoratieve LIVE-indicator */
  animation:i2pulse 1.8s ease-out infinite !important;}
@keyframes i2pulse{0%{box-shadow:0 0 0 0 rgba(255,81,0,.6)}70%{box-shadow:0 0 0 12px rgba(255,81,0,0)}100%{box-shadow:0 0 0 0 rgba(255,81,0,0)}}
.i2-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);}
.i2-meta .k{font-family:var(--b);font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;}
.i2-meta .v{font-size:14px;color:#fff;font-weight:600;margin-top:2px;}
.i2-risk{margin-top:18px;}
.i2-risk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.i2-risk-h .l{font-family:var(--b);font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.2px;}
.i2-risk-h .v{font-family:var(--d);font-weight:800;font-size:24px;color:#fff;}
.i2-risk-h .v .u{font-size:14px;color:rgba(255,255,255,.4);font-weight:500;}
.i2-track{height:8px;background:var(--navy-d);overflow:hidden;}
.i2-fill{height:100%;width:72%;background:linear-gradient(90deg,#2E9E6B 0%,#E6A100 55%,var(--orange) 100%);}
.i2-ticks{display:flex;justify-content:space-between;font-family:var(--b);font-size:9.5px;color:rgba(255,255,255,.35);margin-top:6px;letter-spacing:.5px;text-transform:uppercase;}
.i2-ac-foot{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-family:var(--b);font-size:11px;color:rgba(255,255,255,.45);}
.i2-ac-foot b{color:#fff;}
.i2-board{margin-top:14px;background:var(--orange);padding:14px 16px;font-size:13px;color:#fff;line-height:1.4;}
.i2-board .l{font-family:var(--b);font-size:9.5px;color:rgba(255,255,255,.8);letter-spacing:1.4px;text-transform:uppercase;display:block;margin-bottom:5px;}

/* STRIP */
.i2-strip{background:var(--navy-d);padding:28px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);}
.i2-strip .left{font-family:var(--d);font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;}
.i2-strip .targets{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--b);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55);}
.i2-strip .targets span{display:flex;align-items:center;gap:8px;}
.i2-strip .targets span::before{content:"";width:6px;height:6px;background:var(--orange);}

/* SECTIE-KOP (herbruikbaar) */
.i2-sec{padding:88px 60px;}
.i2-sec.light{background:var(--light);}
.i2-sec.navy{background:var(--navy);}
.i2-sec.night{background:var(--night);}
.i2-head{max-width:780px;margin-bottom:48px;}
.i2-num{display:inline-block;font-family:var(--b);font-size:11px;font-weight:700;color:var(--orange);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;}
.i2-title{font-family:var(--d);font-size:42px;font-weight:800;text-transform:uppercase;line-height:1.05;}
.i2-title em{color:var(--orange);font-style:normal;}
.light .i2-title{color:var(--navy);}
.navy .i2-title,.night .i2-title{color:#fff;}
.i2-lead{margin-top:16px;font-size:17px;line-height:1.55;max-width:68ch;}
.light .i2-lead{color:var(--gray);}
.navy .i2-lead,.night .i2-lead{color:rgba(255,255,255,.55);}

/* 01 — PIJN + REFRAME */
.i2-pain-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;}
.i2-pain{list-style:none;}
.i2-pain li{padding:18px 0;border-bottom:1px solid var(--line,rgba(5,28,44,.1));display:flex;gap:16px;align-items:flex-start;}
.i2-pain li{border-bottom:1px solid rgba(5,28,44,.1);}
.i2-pain li:last-child{border-bottom:none;}
.i2-pain .ic{flex-shrink:0;width:30px;height:30px;background:#FFF0E8;color:var(--orange-d);display:flex;align-items:center;justify-content:center;font-family:var(--d);font-weight:800;font-size:15px;}
.i2-pain strong{display:block;color:var(--navy);font-weight:600;font-size:15px;margin-bottom:3px;}
.i2-pain small{color:var(--gray);font-size:14px;}
.i2-reframe{background:var(--navy);padding:36px;position:relative;border-left:5px solid var(--orange);}
.i2-reframe .l{font-family:var(--b);font-size:11px;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;}
.i2-reframe h3{font-family:var(--d);font-size:23px;color:#fff;text-transform:uppercase;line-height:1.2;margin-bottom:14px;}
.i2-reframe p{color:rgba(255,255,255,.6);font-size:15px;line-height:1.6;}
.i2-reframe p strong{color:#fff;font-weight:600;}

/* 02 — STAPPEN */
.i2-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;}
.i2-step{background:var(--navy-c);padding:28px 24px;border-top:3px solid var(--orange);display:flex;flex-direction:column;}
.i2-step .n{font-family:var(--d);font-weight:800;font-size:40px;color:var(--orange);line-height:1;margin-bottom:16px;}
.i2-step h3{font-family:var(--d);font-size:18px;color:#fff;text-transform:uppercase;margin-bottom:8px;}
.i2-step p{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.55;margin-bottom:14px;}
.i2-step .out{font-family:var(--b);font-size:10px;color:var(--orange);letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}

/* 03 — OPBRENGST (gedeelde categorische palette met de segmenten) */
.i2-deliver{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.i2-dcard{background:#fff;padding:30px 28px;border:1px solid rgba(5,28,44,.08);border-top:4px solid var(--orange);transition:box-shadow .2s,transform .2s;}
.i2-dcard:hover{box-shadow:0 18px 40px -24px rgba(5,28,44,.35);transform:translateY(-2px);}
.i2-dcard.d-a{border-top-color:#103A56;}   /* assetmanager — navy-blauw */
.i2-dcard.d-b{border-top-color:#3F2D6B;}   /* bestuur — diep indigo */
.i2-dcard.d-c{border-top-color:#7A3A1E;}   /* uitvoering — terracotta */
.i2-dcard .badge{width:46px;height:46px;background:#FFF4EE;color:var(--orange);display:flex;align-items:center;justify-content:center;font-family:var(--d);font-weight:800;font-size:20px;margin-bottom:18px;}
.i2-dcard.d-a .badge{background:#103A56;color:#fff;}
.i2-dcard.d-b .badge{background:#3F2D6B;color:#fff;}
.i2-dcard.d-c .badge{background:#7A3A1E;color:#fff;}
.i2-dcard h3{font-family:var(--d);font-size:19px;color:var(--navy);text-transform:uppercase;margin-bottom:10px;}
.i2-dcard p{font-size:14.5px;color:var(--gray);line-height:1.55;}
.i2-dcard ul{list-style:none;margin-top:14px;}
.i2-dcard ul li{font-size:13px;color:var(--gray);padding-left:18px;position:relative;margin-bottom:7px;}
.i2-dcard ul li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--orange);}

/* 04 — SEGMENTEN (lichte sectie, witte kaarten, categorische kopkleur + oranje keyline) */
.i2-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.i2-segcard{background:#fff;border:1px solid rgba(5,28,44,.08);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;}
.i2-segcard:hover{box-shadow:0 18px 40px -24px rgba(5,28,44,.35);transform:translateY(-2px);}
.i2-segcard .top{padding:22px 26px;color:#fff;position:relative;}
/* Ingetogen, diepe categorische tinten — oranje keyline bindt ze samen tot HDM */
.i2-segcard.s-a .top{background:linear-gradient(120deg,#0A2D44,#103A56);}   /* navy-blauw */
.i2-segcard.s-b .top{background:linear-gradient(120deg,#0D3A2A,#155C3F);}   /* diep groen */
.i2-segcard.s-c .top{background:linear-gradient(120deg,#2B1F4A,#3F2D6B);}   /* diep indigo */
.i2-segcard.s-d .top{background:linear-gradient(120deg,#5C2A14,#7A3A1E);}   /* terracotta */
.i2-segcard .top::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--orange);}
.i2-segcard .l{font-family:var(--b);font-size:10px;color:rgba(255,255,255,.7);letter-spacing:1.6px;text-transform:uppercase;}
.i2-segcard h3{font-family:var(--d);font-size:22px;color:#fff;text-transform:uppercase;margin-top:6px;}
.i2-segcard .role{font-size:13px;color:rgba(255,255,255,.8);margin-top:5px;line-height:1.4;}
.i2-segcard .body{padding:24px 26px 26px;flex:1;display:flex;flex-direction:column;}
.i2-segcard .pain{font-size:14.5px;color:var(--gray);line-height:1.6;margin-bottom:16px;}
.i2-segcard .pain b{color:var(--navy);font-weight:600;}
.i2-segcard .approach{margin-top:auto;padding:16px 18px;background:#FFF4EE;border-left:3px solid var(--orange);font-size:13.5px;color:var(--navy);line-height:1.55;}
.i2-segcard .approach b{display:block;color:var(--orange-d);font-family:var(--b);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px;}

/* 05 — METRICS */
.i2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.i2-metric .n{font-family:var(--d);font-weight:800;font-size:46px;color:#fff;line-height:1;}
.i2-metric .n .u{font-size:22px;color:var(--orange);}
.i2-metric .n.sm{font-size:24px;}
.i2-metric .l{margin-top:10px;font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.45;}

/* 06 — FAQ */
.i2-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;}
.i2-faqcard{background:#fff;padding:24px 26px;border-top:3px solid rgba(5,28,44,.1);}
.i2-faqcard h3{font-family:var(--d);font-size:16px;color:var(--navy);text-transform:uppercase;margin-bottom:8px;line-height:1.2;}
.i2-faqcard p{font-size:14px;color:var(--gray);line-height:1.55;}

/* 07 — FINAL CTA */
.i2-cta{background:var(--navy-d);padding:80px 60px;border-top:3px solid var(--orange);display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;}
.i2-cta h2{font-family:var(--d);font-size:42px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.05;max-width:18ch;}
.i2-cta h2 em{color:var(--orange);font-style:normal;}
.i2-cta p{margin-top:16px;color:rgba(255,255,255,.55);font-size:17px;line-height:1.55;max-width:52ch;}
.i2-ctabtns{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.i2-card{background:var(--navy-c);border-top:3px solid var(--orange);padding:26px;}
.i2-card .l{font-family:var(--b);font-size:10px;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;}
.i2-card .item{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:rgba(255,255,255,.85);}
.i2-card .item:last-child{border-bottom:none;padding-bottom:0;}
.i2-card .item b{color:#fff;font-weight:600;font-family:var(--b);}
.i2-card .item a,.i2-card .item span{color:var(--orange);font-size:13px;text-decoration:none;}

/* 03 — INTEGRATIE: lichte variant van de stap-kaarten (op lichte sectie) */
.i2-sec.light .i2-steps{gap:20px;}
.i2-sec.light .i2-step{background:#fff;border:1px solid rgba(5,28,44,.08);border-top:3px solid var(--orange);}
.i2-sec.light .i2-step h3{color:var(--navy);}
.i2-sec.light .i2-step p{color:var(--gray);}
.i2-sec.light .i2-step .out{color:var(--orange-d);border-top-color:rgba(5,28,44,.1);}
.i2-reframe.wide{margin-top:24px;}
.i2-reframe h3 em{color:var(--orange);font-style:normal;}

/* 05 — OPERATIONELE GRIP (lichte sectie, witte modulekaarten met gedeeld categorisch accent) */
.i2-ops-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start;margin-bottom:44px;}
.i2-ops-intro p{font-size:16px;color:var(--gray);line-height:1.6;margin-bottom:14px;}
.i2-ops-intro p:last-child{margin-bottom:0;}
.i2-ops-intro p strong{color:var(--navy);font-weight:600;}
/* Donkere callout op licht: contrast-anker, zelfde rol als de reframe-kaart */
.i2-ops-callout{background:var(--navy);padding:28px;border-left:4px solid var(--orange);}
.i2-ops-callout .l{font-family:var(--b);font-size:10px;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.i2-ops-callout h3{font-family:var(--d);font-size:19px;color:#fff;text-transform:uppercase;line-height:1.25;margin-bottom:10px;}
.i2-ops-callout p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.55;}
.i2-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.i2-module{background:#fff;border:1px solid rgba(5,28,44,.08);border-top:4px solid var(--orange);padding:26px;transition:box-shadow .2s,transform .2s;}
.i2-module:hover{box-shadow:0 18px 40px -24px rgba(5,28,44,.35);transform:translateY(-2px);}
/* Eigen diepe accentkleur per module — gedeeld palet met de segmenten */
.i2-module.m-a{border-top-color:#103A56;}  /* KLIC — navy-blauw */
.i2-module.m-b{border-top-color:#155C3F;}  /* hydraulica — diep groen */
.i2-module.m-c{border-top-color:#3F2D6B;}  /* noodplannen — diep indigo */
.i2-module.m-d{border-top-color:#7A3A1E;}  /* spare parts — terracotta */
.i2-module .head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;}
.i2-module .num{font-family:var(--d);font-weight:800;font-size:30px;line-height:1;color:var(--orange);}
.i2-module.m-a .num{color:#103A56;}
.i2-module.m-b .num{color:#155C3F;}
.i2-module.m-c .num{color:#3F2D6B;}
.i2-module.m-d .num{color:#7A3A1E;}
.i2-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--b);font-size:10px;font-weight:700;padding:5px 11px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}
.i2-status::before{content:"";width:6px;height:6px;border-radius:50%;}
.i2-status.live{background:#EAF6EF;color:#1B7A41;}
.i2-status.live::before{background:#2E9E6B;}
.i2-status.roadmap{background:#FFF4EE;color:var(--orange-d);}
.i2-status.roadmap::before{background:var(--orange);}
.i2-module h3{font-family:var(--d);font-size:19px;color:var(--navy);text-transform:uppercase;margin-bottom:10px;}
.i2-module .scenario{background:#FFF4EE;border-left:3px solid var(--orange);padding:12px 14px;margin:12px 0;font-size:13.5px;color:var(--navy);line-height:1.5;}
.i2-module .scenario b{color:var(--orange-d);font-weight:600;}
.i2-module .body{font-size:14px;color:var(--gray);line-height:1.55;}
.i2-ops-strip{margin-top:24px;background:#fff;border:1px solid rgba(5,28,44,.08);border-left:4px solid var(--orange);padding:24px 28px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;}
.i2-ops-strip .icon{width:44px;height:44px;background:var(--navy);color:var(--orange);display:flex;align-items:center;justify-content:center;font-family:var(--d);font-weight:800;font-size:22px;flex-shrink:0;}
.i2-ops-strip h4{font-family:var(--d);font-size:16px;color:var(--navy);text-transform:uppercase;margin-bottom:5px;}
.i2-ops-strip p{font-size:14px;color:var(--gray);line-height:1.55;}
.i2-ops-strip p strong{color:var(--navy);font-weight:600;}

/* MOBIEL — alle i2-grids stapelen */
@media (max-width:960px){
  .i2-hero{grid-template-columns:1fr;gap:48px;padding:60px 24px;}
  .i2-strip{padding:24px;}
  .i2-sec{padding:60px 24px;}
  .i2-cta{grid-template-columns:1fr;padding:60px 24px;}
  .i2-h1{font-size:44px;}
  .i2-title,.i2-cta h2{font-size:32px;}
  .i2-ops-intro{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:768px){
  .i2-proof,.i2-pain-grid,.i2-steps,.i2-deliver,.i2-seg,.i2-metrics,.i2-faq,
  .i2-modules,.i2-ops-strip{
    grid-template-columns:1fr !important;
  }
  .i2-ops-strip{gap:14px;}
}

/* ============================================================
   INSIGHTS — afsluitende CTA in artikel (vervangt oud Henry-contactblok)
   ============================================================ */
.hdm-article-cta{background:var(--navy);border-top:4px solid var(--orange);padding:32px 34px;margin:40px 0 8px;}
.hdm-article-cta__label{font-family:var(--b);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.hdm-article-cta__title{font-family:var(--d);font-size:26px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1.1;margin:0 0 12px;}
.hdm-article-cta__text{font-size:15px;color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 22px;}
.hdm-article-cta__links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hdm-article-cta a{text-decoration:none;color:#fff;}
.hdm-article-cta__btn{display:inline-block;background:var(--orange);font-family:var(--d);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:13px 26px;transition:background .2s;}
.hdm-article-cta__btn:hover{background:var(--orange-d);}
.hdm-article-cta__tel{display:inline-flex;align-items:center;font-family:var(--d);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:13px 22px;border:1.5px solid rgba(255,255,255,.25);transition:border-color .2s;}
.hdm-article-cta__tel:hover{border-color:#fff;}
@media (max-width:600px){
  .hdm-article-cta{padding:26px 22px;}
  .hdm-article-cta__links{flex-direction:column;align-items:stretch;}
  .hdm-article-cta__btn,.hdm-article-cta__tel{text-align:center;justify-content:center;}
}