@media (max-width: 760px) {
    /* Stack every multi-column grid into a single column. */
    .landing-hero,
    .category-grid,
    .benefit-grid,
    .feature-list { grid-template-columns: 1fr; }

    /* Show the hamburger; keep it a 44px tap target. */
    .landing-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.75rem;
        min-height: 2.75rem;
    }

    /* Collapse the links + buttons into a dropdown under the logo. */
    .landing-menu {
        display: none;
        order: 3;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    .landing-menu.is-open { display: flex; }

    .landing-links {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .landing-links a {
        display: flex;
        align-items: center;
        min-height: 2.75rem;
    }

    .landing-actions { width: 100%; }
    .landing-actions .btn { width: 100%; text-align: center; }

    /* Full-width, stacked hero buttons for big thumb targets. */
    .hero-buttons { flex-direction: column; align-items: stretch; }
    .hero-buttons .btn { width: 100%; text-align: center; }

    .market-preview { border-radius: 22px; }

    /* Sticky sign-up bar pinned to the bottom of the viewport. */
    .landing-sticky-cta {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        padding: 0.85rem;
        background: var(--accent);
        color: var(--text-on-accent);
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 -6px 18px rgba(80, 45, 130, 0.18);
    }
    /* Leave room so the sticky bar never covers page content. */
    .landing-shell { padding-bottom: 4.5rem; }
}