@media (max-width: 767px) {
          .mechanism-comparison-wrapper {
            grid-template-columns: 1fr !important;
            gap: 3rem !important;
          }
          .cyber-blueprint-matrix-grid,
          .asymmetric-device-mockup-grid,
          .roi-metrics-grid,
          .mechanism-scientific-grid {
            grid-template-columns: 1fr !important;
            gap: 2rem !important;
          }
        }