/* Custom animations for feature cards */

.scaling-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
}

.chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 80px;
  padding: 0 10px;
}

.chart-bar {
  width: 12px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));
  border-radius: 2px;
  transition: all 0.6s ease;
  animation: grow 2s ease-in-out infinite alternate;
}

.chart-bar:nth-child(1) {
  height: 40%;
  animation-delay: 0s;
}

.chart-bar:nth-child(2) {
  height: 65%;
  animation-delay: 0.2s;
}

.chart-bar:nth-child(3) {
  height: 90%;
  animation-delay: 0.4s;
}

.chart-bar:nth-child(4) {
  height: 75%;
  animation-delay: 0.6s;
}

.chart-bar:nth-child(5) {
  height: 95%;
  animation-delay: 0.8s;
}

.chart-label {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  font-weight: 500;
}

@keyframes grow {
  0% {
    transform: scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    transform: scaleY(1.1);
    opacity: 1;
  }
}

/* Dark theme adjustments */
[data-theme="dark"] .chart-bar {
  background: linear-gradient(135deg, var(--color-primary), #93c5fd);
}

/* Hover effects */
.scaling-card:hover .chart-bar {
  animation-duration: 1s;
}