/* TABLET */
@media (max-width: 1024px) {
    .hero-wrapper { justify-content: center; }
    .hero-content { text-align: center; }
    .hero-buttons { justify-content: center; }
    .diff-grid { grid-template-columns: 1fr; }
    .diff-img { order: -1; }
    .text-right { text-align: center; }
    .how-flex { flex-direction: column; text-align: center; }
    .steps-list li { justify-content: center; }
    .solutions-grid { grid-template-areas: "c1 c2" "c3 c4" "img img"; grid-template-columns: 1fr 1fr; }
    .sol-img { height: 350px; }
    .levelup-container { flex-direction: column; }
    .step-1::after { display: none; }
}

/* MOBILE */
@media (max-width: 768px) {
    h1 { font-size: 2.8rem; }
    h2 { font-size: 2rem; }

    /* Burger Animation */
    .menu-toggle { display: flex; position: fixed; top: 30px; right: 20px; }
    .menu-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
    .menu-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(-20px); }
    .menu-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
    
    .nav-menu {
        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
        background: #fff; flex-direction: column; justify-content: center;
        align-items: center; gap: 30px; transform: translateX(100%);
        transition: 0.4s cubic-bezier(0.77,0.2,0.05,1.0); z-index: 1050;
    }
    .nav-menu.active { transform: translateX(0); }
    .nav-menu a { font-size: 2rem; color: #111; }

    .who-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .who-item ul { display: inline-block; text-align: left; }
    .solutions-grid { display: flex; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-btns { flex-direction: column; }
}