/* Tablet */
@media (max-width: 1024px) {
    .about-grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
    .process-steps { grid-template-columns: repeat(2, 1fr); }
    .contact-grid { grid-template-columns: 1fr; gap: 44px; }
}

/* Mobile nav + geral */
@media (max-width: 860px) {
    .section-padding { padding: 80px 0; }

    #nav-menu {
        position: fixed;
        top: 0; right: -100%;
        width: 78%;
        max-width: 320px;
        height: 100vh;
        background: var(--surface);
        border-left: 1px solid var(--border);
        padding: 100px 32px;
        transition: var(--transition);
    }

    #nav-menu.active { right: 0; }

    #nav-menu ul { flex-direction: column; gap: 26px; }

    .header-actions .btn-sm { display: none; }

    #menu-toggle { display: flex; z-index: 101; }

    #menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    #menu-toggle.active span:nth-child(2) { opacity: 0; }
    #menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .hero { padding: 150px 0 90px; }
    .hero-btns { flex-direction: column; align-items: stretch; }
    .hero-btns .btn { width: 100%; }

    .about-grid { grid-template-columns: 1fr; }
    .services-grid { grid-template-columns: 1fr; }
    .projects-grid { grid-template-columns: 1fr; }
    .process-steps { grid-template-columns: 1fr; }

    .cta-box { padding: 50px 26px; }
    .form { padding: 26px; }
}

/* Small mobile */
@media (max-width: 480px) {
    .container { padding: 0 18px; }
    .hero-indicators { flex-direction: column; gap: 12px; }
    .tech-track { gap: 10px; }
    .tech-item { padding: 8px 16px; font-size: 0.8rem; }
}