/* Responsive Adjustments */
@media (max-width: 767px) {
  h1 { font-size: 3rem !important; }
  .grid-cols-2, .grid-cols-3, .grid-cols-4 { grid-template-columns: 1fr !important; }
  .hero-content { text-align: center; }
  .hero-btns { flex-direction: column; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Touch targets */
button, a {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Mobile Menu */
#mobile-menu {
  transition: transform 0.3s ease-in-out;
}

#mobile-menu.hidden {
  display: none;
}