/* =============================================
   EXTRA ENHANCEMENTS — animations & scroll
   ============================================= */

/* Services grid responsive fix for 2 col on tablet */
@media (max-width: 1024px) and (min-width: 769px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .about-icons { grid-template-columns: 1fr 1fr; }
}

/* Smooth active nav highlight */
.main-nav a.active {
  color: var(--primary);
  background: rgba(26,111,196,.08);
}