/* ===== TABLET ===== */
@media (max-width: 1024px) {
    .header-inner {
        padding: 0 28px;
    }

    .nav a {
        font-size: 12px;
    }

    .nav {
        gap: 20px;
    }

    .header-cta {
        padding: 6px 16px;
        font-size: 13px;
    }

    .hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero-visual {
        display: none;
    }

    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-img {
        display: none;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .works-grid,
    .blog-grid,
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .flow-steps {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .flow-steps::before {
        display: none;
    }

    .contact-inner {
        grid-template-columns: 1fr;
    }

    .footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .logo img {
        height: 130px;
    }

    .mobile-menu {
        top: 72px;
    }
}