.feature-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.feature-box {
  background-color: #2a2a2a;
  border-radius: 10px;
  padding: 20px;
  flex: 1 1 calc(33% - 40px);
  max-width: calc(33% - 40px);
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: transform 0.3s, box-shadow 0.3s;
}

.feature-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.5);
}

.feature-box h3 {
  color: var(--art-color-trust);
  margin-bottom: 10px;
}

.feature-box p {
  color: #ccc;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .feature-box {
    flex: 1 1 calc(45% - 40px);
    max-width: calc(45% - 40px);
  }
}

@media (max-width: 600px) {
  .feature-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}