/* Clients (minimal, matches renderers.ts) */
#clients {
  padding-top: 50px;
}

#clients h2 {
  font-size: 2em;
  color: #006666;
  text-align: center;
  font-weight: 700;
}

#clients .client-grid {
  padding-top: 20px;
  display: grid;
  gap: 30px;
}

#clients .client {
  background: rgba(160, 214, 214, 0.1);
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  transition: all 0.5s ease;

}

#clients .client:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

#clients .client h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #4A4E69;
}

#clients .client p {
  margin-bottom: 10px;
}

/* Mobile: stack to single column */
@media (max-width: 768px) {
  #clients .client-grid {
    grid-template-columns: 1fr;
  }
}