.enterprise-ai-page .service-detail-content {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, #6250bd 20%, var(--line));
  background: linear-gradient(145deg, color-mix(in srgb, #6250bd 4%, var(--surface)), var(--surface) 48%);
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}

.enterprise-ai-page .service-detail-content::before {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: #6250bd;
  content: "";
  opacity: 1;
  transform: scaleX(1);
  transform-origin: left;
  transition: opacity 200ms ease, transform 200ms ease, height 200ms ease;
}

.enterprise-ai-page .service-detail-content:is(:hover, :focus-within) {
  transform: translateY(-5px);
  border-color: #6250bd;
  background: linear-gradient(145deg, color-mix(in srgb, #6250bd 12%, var(--surface)), color-mix(in srgb, #6250bd 4%, var(--surface)) 62%);
  box-shadow: 0 16px 34px color-mix(in srgb, #6250bd 18%, transparent);
}

.enterprise-ai-page .service-detail-content:is(:hover, :focus-within)::before { height: 5px; }
.enterprise-ai-page .service-card-heading { color: color-mix(in srgb, #6250bd 76%, var(--ink)); }
.enterprise-ai-page .service-card-icon {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  padding: 13px;
  border-color: color-mix(in srgb, #6250bd 18%, var(--line));
  border-radius: 14px;
  color: #6250bd;
  background: #efebfb;
}

.service-detail-main.enterprise-ai-page .service-detail-content:is(:hover, :focus-within) .service-card-icon {
  transform: translateY(-1px);
  border-color: transparent;
  color: #fff;
  background: #6250bd;
  box-shadow: 0 5px 12px color-mix(in srgb, #6250bd 26%, transparent);
}

[data-theme="cloud"] .enterprise-ai-page .service-detail-content {
  border-color: color-mix(in srgb, #b5a7f0 20%, var(--line));
  background: linear-gradient(145deg, color-mix(in srgb, #b5a7f0 6%, var(--surface)), var(--surface) 52%);
}
[data-theme="cloud"] .enterprise-ai-page .service-detail-content::before { background: #b5a7f0; }
[data-theme="cloud"] .enterprise-ai-page .service-detail-content:is(:hover, :focus-within) {
  border-color: #b5a7f0;
  background: linear-gradient(145deg, color-mix(in srgb, #b5a7f0 15%, var(--surface)), color-mix(in srgb, #b5a7f0 6%, var(--surface)) 62%);
  box-shadow: 0 16px 34px color-mix(in srgb, #b5a7f0 16%, transparent);
}
[data-theme="cloud"] .enterprise-ai-page .service-card-heading { color: #b5a7f0; }
[data-theme="cloud"] .enterprise-ai-page .service-card-icon { border-color: color-mix(in srgb, #b5a7f0 20%, var(--line)); color: #b5a7f0; background: #302849; }
[data-theme="cloud"] .service-detail-main.enterprise-ai-page .service-detail-content:is(:hover, :focus-within) .service-card-icon {
  border-color: transparent;
  color: #211a3b;
  background: #b5a7f0;
  box-shadow: 0 5px 12px color-mix(in srgb, #b5a7f0 22%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .enterprise-ai-page .service-detail-content,
  .enterprise-ai-page .service-detail-content::before { transition: none; }
  .enterprise-ai-page .service-detail-content:is(:hover, :focus-within) { transform: none; }
}