/* Desktop-first breakdown */

/* ----------- Large desktop ≤ 1280px ----------- */
@media (max-width: 1280px) {
    :root {
        --space-3xl: 8rem;
        --space-2xl: 5.5rem;
    }
    .hero__grid { gap: var(--space-xl); }
    .hero__scene { height: 480px; }
    .scene__card--ledger { width: 290px; }
    .scene__card--corridor { width: 250px; }
}

/* ----------- Small desktop / tablet landscape ≤ 1080px ----------- */
@media (max-width: 1080px) {
    :root {
        --nav-height: 68px;
        --space-3xl: 6.5rem;
        --space-2xl: 4.5rem;
    }

    .nav__links { display: none; }
    .nav__cta { display: none; }
    .nav__burger { display: flex; }

    .nav__links.is-open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: var(--nav-height);
        left: 0; right: 0;
        background: rgba(7, 7, 22, 0.96);
        backdrop-filter: blur(20px);
        padding: var(--space-md) var(--space-lg);
        gap: var(--space-sm);
        border-bottom: 1px solid var(--border);
    }
    .nav__links.is-open a {
        font-size: 1.05rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--border);
    }

    .hero__grid {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
    .hero__scene {
        height: 420px;
        max-width: 560px;
        margin: 0 auto;
    }

    .section__head--split {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }
    .section__lede--right { margin-left: 0; }

    .features { grid-template-columns: 1fr; }
    .solutions { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }

    .about {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

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

    .footer__cols {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-md) var(--space-lg);
    }
}

/* ----------- Tablet portrait / mobile ≤ 768px ----------- */
@media (max-width: 768px) {
    :root {
        --space-3xl: 5rem;
        --space-2xl: 3.5rem;
        --space-xl: 2.5rem;
    }

    body { font-size: 15px; }

    .nav__inner { padding: 0 1rem; }
    .nav__logo-text em { display: none; }

    .hero {
        padding: calc(var(--nav-height) + var(--space-xl)) 1rem var(--space-xl);
        min-height: auto;
    }
    .hero__sub { font-size: 1rem; }
    .hero__actions .btn { flex: 1; justify-content: center; }
    .hero__stats {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-md);
    }
    .hero__stats strong { font-size: 1.3rem; }

    .hero__scene { height: 360px; }
    .scene__card--ledger {
        width: 250px;
        right: 0; top: 20px;
    }
    .scene__card--corridor {
        width: 220px;
        bottom: 30px; left: 0;
    }
    .scene__pill { right: 10px; font-size: 0.74rem; }

    .section { padding: var(--space-2xl) 1rem; }

    .section__title { font-size: clamp(1.7rem, 6vw, 2.3rem); }

    .cta {
        padding: var(--space-xl) var(--space-md);
        border-radius: var(--radius-lg);
    }

    .about__facts {
        grid-template-columns: 1fr;
        gap: var(--space-md);
        padding: var(--space-md);
    }

    .footer { padding: var(--space-xl) 1rem var(--space-md); }
    .footer__brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
    }
    .footer__cols { grid-template-columns: 1fr 1fr; }
    .footer__bar {
        flex-direction: column;
        gap: 0.4rem;
        align-items: flex-start;
    }
}

/* ----------- Small mobile ≤ 480px ----------- */
@media (max-width: 480px) {
    .hero__title { font-size: 2.05rem; }
    .hero__stats { grid-template-columns: 1fr; }
    .hero__scene { height: 320px; }
    .scene__card--ledger { width: 220px; }
    .scene__card--corridor { width: 200px; }
    .footer__cols { grid-template-columns: 1fr; }
}

/* ----------- Coarse pointer (touch) — disable mouse-tilt ----------- */
@media (hover: none) {
    .scene__layer { transition: none; }
    .aurora__cursor { display: none; }
}