/* Website 2026 — component-family consistency pass (v5_818)
   Low-risk normalization of recurring solution-page/editorial components.
   Intentionally preserves bespoke hero graphics, network diagrams, and page-specific layouts. */
:root{
  --iz-brand-blue:#1267e8;
  --iz-ink:#10213f;
  --iz-muted:#60748a;
  --iz-line:#d8e6f0;
  --iz-ice:#f3f8fc;
  --iz-dark-1:#0b294b;
  --iz-dark-2:#10395e;
  --iz-dark-copy:#b9cad9;
  --iz-dark-eyebrow:#d9e8f7;
}

/* 1. BUSINESS OUTCOMES — one visual family across solution pages. */
.dm-benefits,
.lb-benefits,
.ap2-outcomes,
.solution-outcomes{
  background:linear-gradient(135deg,var(--iz-dark-1),var(--iz-dark-2)) !important;
  color:#fff;
}
.dm-benefits h2,.lb-benefits h2,.ap2-outcomes h2,.solution-outcomes h2{color:#fff !important;}
.dm-benefits .lead,.lb-benefits .lead,.ap2-outcomes .lead,.solution-outcomes .lead{color:#bfd0df !important;}
.dm-benefits .dm-eyebrow,
.dm-benefits .apa-eyebrow,
.dm-benefits .sa-eyebrow,
.lb-benefits .lb-eyebrow,
.ap2-outcomes .ap2-eyebrow,
.solution-outcomes .eyebrow{
  color:var(--iz-dark-eyebrow) !important;
}
.dm-benefit-map,.lb-benefit-map,.ap2-outcome-map,.solution-outcome-map{
  border-radius:20px !important;
  border:1px solid rgba(153,199,234,.20) !important;
  background:rgba(4,21,40,.22) !important;
  overflow:hidden;
}
.dm-benefit-row,.lb-benefit-row,.ap2-outcome-row,.solution-outcome-row{
  border-bottom:1px solid rgba(160,197,226,.15) !important;
}
.dm-benefit-row h3,.lb-benefit-row h3,.ap2-outcome-row h3,.solution-outcome-row h3{
  color:#fff !important;
  font-size:20px !important;
  line-height:1.2 !important;
}
.dm-benefit-row p,.lb-benefit-row p,.ap2-outcome-row p,.solution-outcome-row p{
  color:var(--iz-dark-copy) !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.dm-benefit-icon,.lb-benefit-icon,.ap2-outcome-icon,.solution-outcome-icon{
  width:48px !important;height:48px !important;min-width:48px !important;
  display:grid !important;place-items:center !important;
  border-radius:14px !important;
  border:1px solid rgba(103,185,241,.34) !important;
  color:#83c8f7 !important;background:rgba(77,157,218,.10) !important;
}
.dm-benefit-icon svg,.lb-benefit-icon svg,.ap2-outcome-icon svg,.solution-outcome-icon svg{
  width:25px !important;height:25px !important;display:block !important;
}
.dm-benefit-result,.lb-benefit-result,.ap2-outcome-result,.solution-outcome-result{
  min-height:34px !important;padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(119,204,238,.25) !important;
  background:rgba(65,157,207,.11) !important;
  color:#d7efff !important;
  font-size:11px !important;font-weight:800 !important;line-height:1.25 !important;
  letter-spacing:.02em !important;text-align:center;
}

/* 2. IMPLEMENTATION & INTEGRATION — aligned light-background family. */
.dm-implementation,.lb-implementation,.solution-implementation{
  background:var(--iz-ice) !important;
}
.dm-implementation-head,.lb-implementation-head,.solution-implementation-head{
  max-width:980px !important;
  margin-bottom:34px !important;
}
.dm-implementation-band,.lb-implementation-band,.solution-implementation-band{
  border-top:1px solid var(--iz-line) !important;
  border-bottom:1px solid var(--iz-line) !important;
}
.dm-implementation-icon,.lb-implementation-icon,.solution-implementation-icon{
  width:56px !important;height:56px !important;min-width:56px !important;
  display:grid !important;place-items:center !important;
  border:1px solid #d5e5f5 !important;border-radius:14px !important;
  color:var(--iz-brand-blue) !important;
  background:linear-gradient(145deg,#fff,#edf5ff) !important;
  box-shadow:none !important;
}
.dm-implementation-icon svg,.lb-implementation-icon svg,.solution-implementation-icon svg{
  width:31px !important;height:31px !important;display:block !important;
}
.dm-implementation-pillar h3,.lb-implementation-pillar h3,.solution-implementation-pillar h3{
  font-size:18px !important;line-height:1.25 !important;color:var(--iz-ink) !important;
}
.dm-implementation-pillar p,.lb-implementation-pillar p,.solution-implementation-pillar p{
  font-size:14px !important;line-height:1.55 !important;color:var(--iz-muted) !important;
}
.dm-implementation-proof,.lb-implementation-proof,.solution-implementation-proof{
  color:#4f657b !important;
}
.implementation-integrations-cta{
  display:flex !important;justify-content:flex-end !important;align-items:center !important;
  gap:12px !important;text-align:right !important;
}
.implementation-integrations-cta>a{
  color:var(--iz-brand-blue) !important;font-weight:800 !important;text-decoration:none !important;
}
.implementation-integrations-cta>a:hover{text-decoration:underline !important;text-underline-offset:3px;}

/* 3. RELATED CAPABILITY/SOLUTION INSERTS — shared rhythm, hierarchy, geometry. */
.related-finance .related-finance-intro h2{
  font-size:32px !important;line-height:1.16 !important;letter-spacing:-.018em !important;
  color:#15324b !important;
}
.related-finance .related-finance-card{
  border-color:#d6e3ee !important;border-radius:12px !important;background:#fff !important;
}
.related-finance .related-finance-card strong{font-size:15px !important;line-height:1.25 !important;}
.related-finance .related-finance-card small{font-size:12px !important;line-height:1.3 !important;color:#667e92 !important;}
.related-finance .related-finance-arrow{color:var(--iz-brand-blue) !important;}

/* 4. PROOF / DIFFERENTIATOR EDITORIAL BANDS — normalize only shared card/icon language. */
.cft-proof-icon,.esp-proof-icon,.sa-diff-icon,
.dm-implementation-icon,.lb-implementation-icon,.solution-implementation-icon{
  width:56px !important;height:56px !important;min-width:56px !important;
  display:grid !important;place-items:center !important;
  border:1px solid #d5e5f5 !important;border-radius:14px !important;
  color:var(--iz-brand-blue) !important;
  background:linear-gradient(145deg,#fff,#edf5ff) !important;
  box-shadow:none !important;
}
.cft-proof-icon svg,.esp-proof-icon svg,.sa-diff-icon svg,
.dm-implementation-icon svg,.lb-implementation-icon svg,.solution-implementation-icon svg{
  width:31px !important;height:31px !important;display:block !important;overflow:visible;
}
.cft-proof-item strong,.esp-proof-item strong{
  line-height:1.22 !important;
}
.sa-diff-card h3{line-height:1.22 !important;}
.sa-diff-card p{color:var(--iz-muted) !important;line-height:1.55 !important;}

/* 5. CLOSING CTA family — typography/color already owned by cta-standardization.css;
      this pass normalizes spacing without changing dark/light context. */
.cta-on-light,.cta-on-dark{
  padding-top:76px !important;padding-bottom:76px !important;
}
.cta-on-light h2,.cta-on-dark h2{margin-bottom:14px !important;}
.cta-on-light p,.cta-on-light .lead,.cta-on-dark p,.cta-on-dark .lead{margin-bottom:0;}

/* 6. Shared proof metrics — preserve content and color but lock vertical alignment. */
.enterprise-metrics>div{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;
}
.enterprise-metrics strong{
  line-height:1.08 !important;
}
.enterprise-metrics span{
  line-height:1.35 !important;
}

@media(max-width:900px){
  .implementation-integrations-cta{align-items:flex-end !important;flex-direction:column !important;gap:7px !important;}
}
@media(max-width:760px){
  .cta-on-light,.cta-on-dark{padding-top:60px !important;padding-bottom:60px !important;}
}