/* ============================================================
   VELION INTELLIGENCE — Responsive Breakpoints
   ============================================================ */

@media (max-width: 1024px) {
  .container { padding: 0 24px; }
  .hero .container { grid-template-columns: 1fr; gap: 40px; }
  .hero h1 { font-size: 44px; }
  .concept-grid, .sectors-grid { grid-template-columns: 1fr; }
  .concept-card { border-right: none; border-bottom: 1px solid var(--line-strong); }
  .concept-card:last-child { border-bottom: none; }
  .pillars { grid-template-columns: 1fr 1fr; }
  .why-grid, .cases, .cta-inner, .refs-header, .sectors-intro { grid-template-columns: 1fr; gap: 48px; }
  .refs-logos { grid-template-columns: repeat(3, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .nav { display: none; }
}