/* mobile.css — phone layout for index.html, index_black.html and login.html (desktop above 640px is untouched) */

@media (max-width: 640px) {
    /* ── home: spacing ── */
    section { padding: 64px 0; }
    .container { padding: 0 18px; }

    /* hero trust line: no divider bars once the items wrap */
    .trust-row { gap: 10px 18px; margin-bottom: 48px; }
    .trust-sep { display: none; }

    /* terminal mockup: the long window title wraps into a column, hide it */
    .dash-title { display: none; }
    .dash-tabs { overflow-x: auto; }

    /* app section phones: scale down so the second phone stays on screen */
    .phone-mockups { height: 440px; transform: scale(.85); transform-origin: top center; }

    /* footer: brand + newsletter take the full row, link columns sit two per row */
    .footer-grid { gap: 28px 20px; }
    .footer-brand-col { grid-column: 1 / -1; }
    .footer-brand-col p { max-width: none; }
    .newsletter-input { min-width: 0; flex: 1; }
    .footer-sep { display: none; }
    .footer-bottom-left { gap: 10px 16px; }

    /* ── login ── */
    .auth-shell { min-height: 100dvh; padding: 16px; }
}

@media (max-width: 380px) {
    .container { padding: 0 14px; }
    .auth-shell { padding: 10px; }
    .auth-card { padding: 22px 18px; }
}