/**
 * Primary filled CTAs — same green gradient as navbar “Get Demo”
 * (teal-400 → teal-500 → primary; hover shifts darker)
 */
.ac-cta-gradient,
a.ac-nav-cta-demo {
  background-color: transparent !important;
  background-image: linear-gradient(to bottom right, #2dd4bf, #14b8a6, #0d9488);
  color: #fff !important;
}
.ac-cta-gradient:hover,
a.ac-nav-cta-demo:hover {
  background-image: linear-gradient(to bottom right, #14b8a6, #0d9488, #0f766e);
}

/* Outline by default, same gradient as primary CTA on hover (e.g. hero “Download demo”) */
a.ac-cta-outline {
  background-color: transparent !important;
  background-image: none !important;
  color: #0d9488 !important;
  border: 2px solid #0d9488;
  box-shadow: none;
}
a.ac-cta-outline:hover,
a.ac-cta-outline:focus-visible {
  background-image: linear-gradient(to bottom right, #14b8a6, #0d9488, #0f766e) !important;
  color: #fff !important;
  border-color: transparent;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}