.ai {
  --accent: #818cf8;
  --accent-2: #c084fc;
}

.ai .product-tab.is-active {
  color: #e0e7ff;
  background: rgba(129, 140, 248, 0.15);
}

.ai .product-tabs {
  border-color: rgba(129, 140, 248, 0.2);
}


.ai .bg-grid {
  background-image:
    linear-gradient(rgba(129, 140, 248, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(129, 140, 248, 0.03) 1px, transparent 1px);
}

.ai .btn-primary {
  background: linear-gradient(135deg, var(--accent), #6366f1);
  color: #1e1b4b;
  box-shadow: 0 0 24px rgba(129, 140, 248, 0.25);
}

.ai .btn-primary:not(:disabled):hover {
  box-shadow: 0 0 32px rgba(129, 140, 248, 0.35);
}

.ai .feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}