@media (max-width: 768px) {
    .nav-links { display: none; }
    .hero-content { padding: 100px 0 80px; }

    .hero-stats { flex-direction: column; border: none; }
    .hero-stat { border-right: none; border-bottom: 1px solid var(--border); }

    .legal-block { padding: 24px 20px; }
    .disclaimer-box { flex-direction: column; }

    .how::before, .how::after { display: none; }
    .timeline { padding-left: 32px; }
    .contact-cards { flex-direction: column; }
    .cards-grid { gap: 1px; }
    .noxus-banner { height: 160px; }
    .ambessa-footer-art { width: 200px; height: 200px; }
    .page-hero { height: 200px; }
}

@media (max-width: 480px) {
    .hero h1 { font-size: 2.2rem; }
    h2 { font-size: 1.5rem; }
    .page-hero-title { font-size: 1.6rem; }
}