/* CDFX case study system: aligned to the current cdfx.ca design tokens. */
.page-cdfx-case{background:var(--home-bg);color:var(--home-ink)}
.page-cdfx-case .cdfx-global-header{position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(8,9,12,.9);backdrop-filter:blur(16px) saturate(130%)}
.page-cdfx-case .cdfx-global-header *{box-sizing:border-box}
.page-cdfx-case .cdfx-global-header-inner{width:min(calc(100% - 48px),1200px);min-height:76px;margin-inline:auto;display:flex;align-items:center;gap:16px}
.page-cdfx-case .cdfx-global-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.page-cdfx-case .cdfx-global-brand img{display:block;width:112px;height:auto}
.page-cdfx-case .cdfx-global-anchor-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(14px,1.8vw,24px)}
.page-cdfx-case .cdfx-global-anchor-nav a{color:#aeb5c0!important;text-decoration:none;white-space:nowrap;font:760 .9rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.page-cdfx-case .cdfx-global-anchor-nav a:hover,.page-cdfx-case .cdfx-global-anchor-nav a:focus-visible{color:#fff!important}
.page-cdfx-case .cdfx-global-header-actions{margin-left:clamp(14px,2vw,28px);display:flex;align-items:center;gap:12px}
.page-cdfx-case .cdfx-global-start{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.76rem 1.08rem;border:1px solid #fff;border-radius:999px;background:#fff;color:#08090c!important;text-decoration:none;font:800 .94rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.page-cdfx-case .cdfx-global-menu{position:relative}.page-cdfx-case .cdfx-global-menu>summary{width:48px;height:48px;display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#101117;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.page-cdfx-case .cdfx-global-menu>summary::-webkit-details-marker{display:none}
.page-cdfx-case .cdfx-global-menu-icon,.page-cdfx-case .cdfx-global-menu-icon::before,.page-cdfx-case .cdfx-global-menu-icon::after{width:18px;height:2px;display:block;border-radius:999px;background:currentColor}
.page-cdfx-case .cdfx-global-menu-icon{position:relative}.page-cdfx-case .cdfx-global-menu-icon::before,.page-cdfx-case .cdfx-global-menu-icon::after{content:"";position:absolute;left:0}.page-cdfx-case .cdfx-global-menu-icon::before{top:-6px}.page-cdfx-case .cdfx-global-menu-icon::after{top:6px}
.page-cdfx-case .cdfx-global-menu-panel{position:absolute;top:62px;right:0;z-index:100;width:min(92vw,760px);max-height:calc(100vh - 96px);overflow:auto;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.1fr);gap:10px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#0f1016;box-shadow:0 26px 80px rgba(0,0,0,.62)}
.page-cdfx-case .cdfx-global-menu-group{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.page-cdfx-case .cdfx-global-menu-group h2{margin:0 0 8px;color:var(--home-green)!important;font:900 .72rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.page-cdfx-case .cdfx-global-menu-links{display:grid}.page-cdfx-case .cdfx-global-menu-links a{display:block;padding:.67rem .72rem;border-radius:10px;color:#aeb5c0!important;text-decoration:none;font:720 .9rem/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.page-cdfx-case .cdfx-global-menu-links a:hover,.page-cdfx-case .cdfx-global-menu-links a:focus-visible,.page-cdfx-case .cdfx-global-menu-links a[aria-current="page"]{background:rgba(255,255,255,.07);color:#fff!important}
.page-cdfx-case .cdfx-global-site-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-cdfx-case .cdfx-global-site-groups .cdfx-global-menu-group:last-child{grid-column:1/-1}
.page-cdfx-case main [id]{scroll-margin-top:96px}
.case-hero{padding-top:clamp(46px,6vw,82px);background:radial-gradient(900px 520px at 8% -4%,rgba(158,242,195,.09),transparent 60%),radial-gradient(780px 460px at 92% 8%,rgba(230,179,90,.1),transparent 60%),var(--home-bg)}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(34px,6vw,78px);align-items:center}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;color:var(--home-muted);font-size:.82rem;font-weight:760}.case-breadcrumb a{text-decoration:none}
.case-hero h1{max-width:12ch;margin:16px 0 22px;font-size:clamp(2.7rem,5.7vw,5.45rem);line-height:.94;letter-spacing:-.058em;text-wrap:balance}.case-hero-lead{max-width:64ch;margin:0;color:#d1d6de;font-size:clamp(1.08rem,2vw,1.3rem)}
.case-hero-media{position:relative;min-height:520px;margin:0;overflow:hidden;border:1px solid var(--home-line-strong);border-radius:var(--home-radius-lg);background:#11141b;box-shadow:var(--home-shadow)}.case-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72));pointer-events:none}.case-hero-media img{width:100%;height:100%;min-height:520px;object-fit:cover}.case-hero-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:20px;color:#fff}.case-hero-caption span{color:#d5d9df;text-align:right}
.case-pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}.case-pill-list li{padding:.48rem .72rem;border:1px solid var(--home-line);border-radius:999px;background:rgba(255,255,255,.028);color:#c6cbd3;font-size:.88rem;font-weight:720}
.case-section-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(28px,6vw,88px);align-items:end;margin-bottom:clamp(34px,5vw,58px)}.case-section-heading h2{margin:12px 0 0;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.047em;text-wrap:balance}.case-section-heading>p{margin:0;color:var(--home-muted);font-size:1.05rem}
.case-kicker{margin:0;color:var(--home-green);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.case-kicker-gold{color:var(--home-gold)}
.case-snapshot-grid,.case-grid-2,.case-grid-3,.case-grid-4{display:grid;gap:16px}.case-snapshot-grid{grid-template-columns:1fr 1fr}.case-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.case-card,.case-snapshot-item{padding:24px;border:1px solid var(--home-line);border-radius:var(--home-radius);background:rgba(255,255,255,.028)}.case-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.case-card:hover{transform:translateY(-2px);border-color:rgba(158,242,195,.42);background:rgba(158,242,195,.075)}.case-card>span,.case-snapshot-item>span{display:block;color:var(--home-gold);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-card h3{margin:38px 0 10px;font-size:1.35rem;line-height:1.18}.case-card p,.case-card li,.case-snapshot-item p{color:var(--home-muted)}.case-snapshot-item strong{display:block;margin-top:12px;font-size:1.15rem}.case-snapshot-outcome{grid-column:1/-1;background:linear-gradient(145deg,rgba(158,242,195,.08),rgba(255,255,255,.025))}
.case-band{padding:clamp(30px,5vw,56px);border:1px solid var(--home-line-strong);border-radius:var(--home-radius-lg);background:#0c0e13}.case-band h3{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.06}.case-band p{margin:0;color:#c7cdd5;font-size:1.08rem}
.case-diagram{display:grid;gap:14px;padding:clamp(24px,4vw,44px);border:1px solid var(--home-line-strong);border-radius:var(--home-radius-lg);background:linear-gradient(145deg,rgba(159,199,255,.08),rgba(255,255,255,.025));box-shadow:var(--home-shadow)}.case-diagram-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-diagram-node{padding:20px;border:1px solid var(--home-line);border-radius:18px;background:#0d1016}.case-diagram-node strong{display:block;font-size:1.05rem}.case-diagram-node span{display:block;margin-top:6px;color:var(--home-muted);font-size:.9rem}.case-diagram-core{text-align:center;border-color:rgba(158,242,195,.42);background:rgba(158,242,195,.09)}
.case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--home-line-strong);border-radius:var(--home-radius-lg);background:#0b0d12}.case-metric{padding:28px 22px;border-right:1px solid var(--home-line);text-align:center}.case-metric:last-child{border-right:0}.case-metric span{display:block;color:var(--home-gold);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-metric strong{display:block;margin:8px 0 4px;font-size:2.5rem}.case-metric small{color:var(--home-muted)}
.case-evidence{margin-top:18px;padding:20px 24px;border-left:3px solid var(--home-green);background:rgba(158,242,195,.06);color:#ced4dc}.case-evidence strong{color:#fff}.case-list{margin:12px 0 0;padding-left:20px}.case-list li{margin:8px 0}
.case-faq{border-top:1px solid var(--home-line)}.case-faq details{border-bottom:1px solid var(--home-line)}.case-faq summary{cursor:pointer;padding:20px 40px 20px 0;font-size:1.08rem;font-weight:850}.case-faq p{margin:0;padding:0 0 20px;color:var(--home-muted)}
.case-final-cta{text-align:center;background:radial-gradient(760px 400px at 50% 0,rgba(158,242,195,.08),transparent 62%),var(--home-bg)}.case-final-cta .container{display:grid;justify-items:center}.case-final-cta h2{max-width:18ch;margin:12px 0 0;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.047em}.case-final-cta p{max-width:64ch;color:var(--home-muted)}
@media(max-width:1080px){.page-cdfx-case .cdfx-global-anchor-nav{display:none}.page-cdfx-case .cdfx-global-header-actions{margin-left:auto}.case-hero-grid{grid-template-columns:1fr}.case-hero h1{max-width:14ch}.case-hero-media{min-height:0}.case-hero-media img{min-height:0;aspect-ratio:16/9}.case-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.page-cdfx-case .cdfx-global-header-inner{width:min(calc(100% - 28px),1200px)}.page-cdfx-case .cdfx-global-brand img{width:96px}.page-cdfx-case .cdfx-global-start{display:none}.page-cdfx-case .cdfx-global-menu-panel{width:min(92vw,380px);grid-template-columns:1fr}.page-cdfx-case .cdfx-global-site-groups{grid-template-columns:1fr}.page-cdfx-case .cdfx-global-site-groups .cdfx-global-menu-group:last-child{grid-column:auto}.case-section-heading{grid-template-columns:1fr;align-items:start}.case-snapshot-grid,.case-grid-2,.case-grid-3,.case-grid-4,.case-diagram-row{grid-template-columns:1fr}.case-snapshot-outcome{grid-column:auto}.case-hero-caption{display:block}.case-hero-caption span{display:block;margin-top:6px;text-align:left}.case-metrics{grid-template-columns:1fr 1fr}.case-metric:nth-child(2n){border-right:0}.case-metric:nth-child(-n+2){border-bottom:1px solid var(--home-line)}}

/* === CDFX case-study white-button text correction — 2026-08-04 === */
.page-cdfx-case .cdfx-global-start,
.page-cdfx-case .home-button-primary,
.page-cdfx-case .cdfx-global-start *,
.page-cdfx-case .home-button-primary * {
  color:#000000 !important;
  -webkit-text-fill-color:#000000 !important;
  text-shadow:none !important;
  opacity:1 !important;
}
/* === End CDFX case-study white-button text correction === */

/* === Legends final fixed metrics grid — 2026-08-04 === */
#legends-verified-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,auto))!important;
}
#legends-verified-metrics>.case-metric{
  min-width:0!important;
  text-align:left;
}
#legends-verified-metrics>.case-metric:nth-child(1){grid-column:1!important;grid-row:1!important}
#legends-verified-metrics>.case-metric:nth-child(2){grid-column:2!important;grid-row:1!important}
#legends-verified-metrics>.case-metric:nth-child(3){grid-column:3!important;grid-row:1!important}
#legends-verified-metrics>.case-metric:nth-child(4){grid-column:1!important;grid-row:2!important}
#legends-verified-metrics>.case-metric:nth-child(5){grid-column:2!important;grid-row:2!important}
#legends-verified-metrics>.case-metric:nth-child(6){grid-column:3!important;grid-row:2!important}
@media(max-width:760px){
  #legends-verified-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,auto))!important;
  }
  #legends-verified-metrics>.case-metric{padding:18px 10px}
  #legends-verified-metrics>.case-metric strong{font-size:clamp(1.55rem,9vw,2.2rem)}
  #legends-verified-metrics>.case-metric small{font-size:.72rem}
}
/* === End Legends final fixed metrics grid === */