.whyour {
  background: var(--dark-bg);
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}

.why-box {
  padding: 30px;
  background: rgba(15, 23, 42, 0.5);
  border-left: 4px solid var(--gold); 
  border-radius: 4px;
  text-align: left;
  transition: 0.3s;
  cursor: pointer;
}

.why-box:hover {
  transform: translateY(-12px) scale(1.02);
  background: var(--primary-bg);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
  border-left-color: white; 
} 

.why-box h3 { margin-bottom: 10px; font-size: 20px; }
.why-box p { color: var(--text-muted); font-size: 15px; }

@media (max-width: 768px) { .why-grid { grid-template-columns: 1fr; } }