.cadi-marketing,
.cadi-marketing .zpbox-container {
  background: linear-gradient(180deg, #EEF4FF 0%, #C6D8F5 100%) !important;
}

.cadi-ecommerce,
.cadi-ecommerce .zpbox-container {
  background: linear-gradient(180deg, #EAF9FB 0%, #BDE7EC 100%) !important;
}

.cadi-saas,
.cadi-saas .zpbox-container {
  background: linear-gradient(180deg, #F1EEFF 0%, #CEC6F2 100%) !important;
}

.cadi-accounting,
.cadi-accounting .zpbox-container {
  background: linear-gradient(180deg, #F4F7FB 0%, #C9D6E6 100%) !important;
}

.cadi-home,
.cadi-home .zpbox-container {
  background: linear-gradient(180deg, #EFF8F1 0%, #C8E2CF 100%) !important;
}

/* Trust — Blue */
.cadi-guides-trust,
.cadi-guides-trust .zpbox-container {
  background: linear-gradient(180deg, #DCEAFF 0%, #AFC8F2 100%) !important;
}

/* Insight — Gray */
.cadi-guides-insight,
.cadi-guides-insight .zpbox-container {
  background: linear-gradient(180deg, #EEF1F5 0%, #C2CBD6 100%) !important;
}

/* Innovation — Purple */
.cadi-guides-innovation,
.cadi-guides-innovation .zpbox-container {
  background: linear-gradient(180deg, #E9E1FF 0%, #BBA9E8 100%) !important;
}

/* Integration — Green */
.cadi-guides-integration,
.cadi-guides-integration .zpbox-container {
  background: linear-gradient(180deg, #E0F2E7 0%, #A9D1B7 100%) !important;
}

/* Impact — Slate Blue */
.cadi-guides-impact,
.cadi-guides-impact .zpbox-container {
  background: linear-gradient(180deg, #DDE5F0 0%, #A8BBD2 100%) !important;
}


/* CADI hero image: rounded rectangle */
.cadi-hero-image,
.cadi-hero-image img,
.cadi-hero-image * {
  border-radius: 32px !important;
}

.cadi-hero-image {
  overflow: hidden !important;
}



/* CADI header CTA — outlined */
a[href*="source=header-cta"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 12px !important;
  padding: 10px 20px !important;
  background: transparent !important;
  color: #3156C9 !important;
  border: 2px solid #3156C9 !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: all 0.2s ease !important;
    font-weight: 700 !important;
}

/* Clear mouse-hover change */
a[href*="source=header-cta"]:hover,
a[href*="source=header-cta"]:focus {
  background: #3156C9 !important;
  color: #FFFFFF !important;
  border-color: #3156C9 !important;
  box-shadow: 0 6px 16px rgba(49, 86, 201, 0.25) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 768px) {
  a[href*="source=header-cta"] {
    display: flex !important;
    margin: 10px 15px !important;
    text-align: center !important;
  }
}