@media (max-width: 1024px) {
    .nav-links {
        position: fixed;
        inset: 0;
        background: rgba(8, 47, 73, 0.96);
        flex-direction: column;
        padding: 6rem 2rem;
        gap: 1.2rem;
        transform: translateY(-100%);
        transition: transform 0.4s ease;
        color: var(--color-surface);
    }

    .nav-links.open { transform: translateY(0); }

    .nav-toggle { display: inline-flex; }

    .nav-item>a::after { display: none; }

    .nav-dropdown {
        position: static;
        width: 100%;
        box-shadow: none;
        border: none;
        background: transparent;
        padding: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        transition: none;
    }

    .nav-dropdown a {
        color: rgba(255, 255, 255, 0.85);
        padding-left: 1.4rem;
    }

    .hero { padding-top: calc(var(--space-xl) + 40px); }
}

@media (max-width: 768px) {
    .section-header { flex-direction: column; align-items: flex-start; }
    .hero-actions { flex-direction: column; width: 100%; }
    .hero-actions .btn { width: 100%; justify-content: center; }
    .metric-card { text-align: center; }
    .team-card img { width: 100px; height: 100px; }
    .detail-hero img { height: 260px; }
}

@media (max-width: 480px) {
    .hero-headline { font-size: 2rem; }
    .site-header .container { flex-wrap: wrap; }
    .brand { font-size: 0.9rem; }
}