/* Minimal responsive layer (fallback) */
@media (max-width: 1024px) {
  .container { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 900px) {
  .solutions-grid { grid-template-columns: repeat(2, 1fr); }
  .counter-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .solutions-grid { grid-template-columns: 1fr; }
  .counter-grid { grid-template-columns: 1fr; gap: 20px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .hero-stats { grid-template-columns: 1fr; }
}
