.cd-page{--cd-navy:#204080;--cd-mid:#6688CC;--cd-light:#EBEEF5;--cd-canvas:#F7FCFF;--cd-orange:#CC6600;--cd-grey:#CCCCCC;--cd-muted:#878787;--cd-dark:#646464;--cd-white:#FFFFFF;--cd-r-sm:6px;--cd-r-md:12px;--cd-r-lg:20px;--cd-shadow:0 2px 16px rgba(32,64,128,.09);font-family:inherit;color:var(--cd-navy);line-height:1.65;max-width:100%;}
.cd-page *,.cd-page *::before,.cd-page *::after{box-sizing:border-box;margin:0;padding:0;}

/* Hero */
.cd-hero{background:var(--cd-navy);border-radius:var(--cd-r-lg);padding:64px 48px 60px;margin-bottom:64px;position:relative;overflow:hidden;text-align:center;}
.cd-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(102,136,204,.07) 0px,rgba(102,136,204,.07) 1px,transparent 1px,transparent 38px);pointer-events:none;}
.cd-hero-pill{display:inline-block;background:var(--cd-orange);color:var(--cd-white);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 16px;border-radius:40px;margin-bottom:22px;position:relative;}
.cd-hero h1{font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.15;color:var(--cd-white)!important;margin:0 0 16px!important;position:relative;}
.cd-hero p{font-size:17px;color:rgba(255,255,255,.74);max-width:580px;margin:0 auto;position:relative;}

/* Util */
.cd-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-mid);margin-bottom:6px;}
.cd-title{font-size:22px;font-weight:700;color:var(--cd-navy);margin-bottom:8px;}
.cd-intro{font-size:15px;color:var(--cd-dark);margin-bottom:40px;max-width:640px;}
.cd-mb{margin-bottom:64px;}
.cd-btn{display:inline-block;padding:13px 28px;border-radius:40px;font-size:15px;font-weight:700;text-decoration:none!important;transition:opacity .15s,transform .15s;margin:4px;}
.cd-btn:hover{opacity:.86;transform:translateY(-1px);}
.cd-btn--solid{background:var(--cd-navy);color:var(--cd-white)!important;}
.cd-btn--orange{background:var(--cd-orange);color:var(--cd-white)!important;}
.cd-btn--outline{background:transparent;color:var(--cd-white)!important;border:2px solid rgba(255,255,255,.45);}
.cd-btn--light{background:transparent;color:var(--cd-navy)!important;border:2px solid var(--cd-navy);}

/* Case kaart (volledige breedte, gestapeld) */
.cd-case{background:var(--cd-white);border-radius:var(--cd-r-lg);box-shadow:var(--cd-shadow);overflow:hidden;margin-bottom:40px;}

.cd-case-header{background:var(--cd-navy);padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden;}
@media(max-width:680px){.cd-case-header{grid-template-columns:1fr;padding:28px 24px;}.cd-case-header-visual{display:none;}}
.cd-case-header::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(102,136,204,.07) 0px,rgba(102,136,204,.07) 1px,transparent 1px,transparent 38px);pointer-events:none;}
.cd-case-header-text{position:relative;}

.cd-case-branche{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 12px;border-radius:40px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);margin-bottom:14px;}
.cd-case-klant{font-size:28px;font-weight:700;color:var(--cd-white);line-height:1.1;margin-bottom:8px;}
.cd-case-tagline{font-size:16px;color:rgba(255,255,255,.72);max-width:560px;line-height:1.6;}

.cd-case-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.cd-case-stat{background:rgba(255,255,255,.1);border-radius:var(--cd-r-sm);padding:10px 16px;text-align:center;min-width:100px;}
.cd-case-stat-num{font-size:22px;font-weight:700;color:var(--cd-white);line-height:1;}
.cd-case-stat-label{font-size:11px;color:rgba(255,255,255,.6);margin-top:3px;}

.cd-case-header-visual{position:relative;width:160px;flex-shrink:0;}

/* Case body */
.cd-case-body{display:grid;grid-template-columns:1fr 300px;gap:0;}
@media(max-width:800px){.cd-case-body{grid-template-columns:1fr;}}

.cd-case-content{padding:36px 40px;display:flex;flex-direction:column;gap:28px;}
@media(max-width:680px){.cd-case-content{padding:24px;}}

.cd-case-section-title{font-size:13px;font-weight:700;color:var(--cd-navy);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;}
.cd-case-text{font-size:15px;color:var(--cd-dark);line-height:1.8;}
.cd-case-text strong{color:var(--cd-navy);}

.cd-case-quote{background:var(--cd-light);border-radius:var(--cd-r-md);padding:20px 22px;position:relative;}
.cd-case-quote::before{content:'"';font-size:48px;line-height:.8;color:var(--cd-mid);font-weight:700;display:block;margin-bottom:4px;}
.cd-case-quote-text{font-size:15px;color:var(--cd-dark);line-height:1.75;font-style:italic;margin-bottom:10px;}
.cd-case-quote-attr{font-size:13px;font-weight:700;color:var(--cd-navy);}
.cd-case-quote-role{font-size:12px;color:var(--cd-muted);}

.cd-case-uitdagingen,.cd-case-resultaten{display:flex;flex-direction:column;gap:8px;}
.cd-case-punt{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--cd-dark);line-height:1.5;}
.cd-case-punt--uitdaging::before{content:'';display:block;flex-shrink:0;width:18px;height:18px;margin-top:1px;background:var(--cd-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/10px no-repeat;border-radius:50%;}
.cd-case-punt--resultaat::before{content:'';display:block;flex-shrink:0;width:18px;height:18px;margin-top:1px;background:#2d7d46 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%;}

/* Sidebar */
.cd-case-sidebar{padding:32px 28px;border-left:1px solid var(--cd-light);background:var(--cd-canvas);display:flex;flex-direction:column;gap:20px;}
@media(max-width:800px){.cd-case-sidebar{border-left:none;border-top:1px solid var(--cd-light);}}

.cd-case-meta-block{display:flex;flex-direction:column;gap:12px;}
.cd-case-meta-row{display:flex;align-items:flex-start;gap:10px;}
.cd-case-meta-icon{width:32px;height:32px;border-radius:var(--cd-r-sm);background:var(--cd-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cd-case-meta-label{font-size:11px;font-weight:700;color:var(--cd-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
.cd-case-meta-value{font-size:14px;font-weight:700;color:var(--cd-navy);}

.cd-case-tools{display:flex;flex-direction:column;gap:6px;}
.cd-case-tool{background:var(--cd-white);border-radius:var(--cd-r-sm);padding:10px 14px;border-left:3px solid var(--cd-mid);font-size:13px;font-weight:700;color:var(--cd-navy);box-shadow:var(--cd-shadow);}
.cd-case-tool--orange{border-left-color:var(--cd-orange);}
.cd-case-tool-sub{font-size:11px;font-weight:400;color:var(--cd-muted);}

/* Coming soon placeholder */
.cd-coming-soon{background:var(--cd-canvas);border:2px dashed var(--cd-grey);border-radius:var(--cd-r-lg);padding:48px;text-align:center;margin-bottom:40px;}
.cd-coming-soon-icon{font-size:36px;margin-bottom:16px;}
.cd-coming-soon h3{font-size:18px;font-weight:700;color:var(--cd-navy);margin-bottom:8px;}
.cd-coming-soon p{font-size:15px;color:var(--cd-muted);max-width:420px;margin:0 auto;}

/* Sector tags */
.cd-sector-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px;}
.cd-sector-tag{padding:7px 16px;border-radius:40px;font-size:13px;font-weight:700;border:2px solid var(--cd-light);background:var(--cd-white);color:var(--cd-dark);cursor:default;}

/* CTA */
.cd-cta{background:var(--cd-navy);border-radius:var(--cd-r-lg);padding:56px 40px;text-align:center;position:relative;overflow:hidden;}
.cd-cta::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(102,136,204,.07) 0px,rgba(102,136,204,.07) 1px,transparent 1px,transparent 38px);pointer-events:none;}
.cd-cta h2{font-size:26px;font-weight:700;color:var(--cd-white)!important;margin:0 0 12px!important;position:relative;}
.cd-cta p{font-size:16px;color:rgba(255,255,255,.72);max-width:480px;margin:0 auto 32px;line-height:1.7;position:relative;}
.cd-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;}