/* ============================================
   MDARG Global LLC — Responsive
   ============================================ */

/* ── Tablet ── */
@media (max-width: 1024px) {
    .markets-grid { grid-template-columns: repeat(3, 1fr); }
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .partner-deco { display: none; }
    .partner-inner { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .services-grid { grid-template-columns: 1fr; }
    .capabilities-grid { grid-template-columns: 1fr; }
    .cap-item { border-right: none; }
    .cap-item:nth-last-child(-n+2) { border-bottom: 1px solid var(--border); }
    .cap-item:last-child { border-bottom: none; }
    .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .markets-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .section { padding: 4rem 0; }
    .container { padding: 0 1.25rem; }

    /* Nav */
    .nav-toggle { display: flex; }
    #main-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: rgba(6,13,31,0.98);
        backdrop-filter: blur(12px);
        border-top: 1px solid var(--border);
        padding: 1.5rem;
    }
    #main-nav.open { display: block; }
    #main-nav ul { flex-direction: column; gap: 1rem; align-items: flex-start; }
    #main-nav a { font-size: 1rem; }
    .nav-cta { display: inline-block; margin-top: 0.5rem; }

    /* Hero */
    .hero { min-height: 90vh; }
    .hero-actions { flex-direction: column; align-items: flex-start; }
    .btn-primary, .btn-outline { width: 100%; text-align: center; }

    /* Grids */
    .markets-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .footer-inner { flex-direction: column; align-items: flex-start; }
    .footer-creds { gap: 0.75rem; }
}