/* ─── Responsive — Tablet ─── */
@media (max-width: 1024px) {
    .feature-layout { grid-template-columns: 1fr; gap: 2rem; }
    .steps-grid { grid-template-columns: 1fr; max-width: 500px; }
    .cap-grid { grid-template-columns: 1fr; }
    .demo-body { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .problem-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }
    .channels-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }
    .pricing-comparison { grid-template-columns: 1fr; max-width: 300px; margin-left: auto; margin-right: auto; }
    .teaser-grid { grid-template-columns: 1fr; }
}

/* ─── Responsive — Mobile ─── */
@media (max-width: 768px) {
    nav { padding: 1rem 1.5rem; }

    .nav-links { display: none; }

    .nav-hamburger { display: flex; }

    section { padding: 4rem 1.5rem; }

    .hero { padding: 6rem 1.5rem 3rem; }

    .hero-buttons { flex-direction: column; }

    .stats-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }

    .page-hero { padding: 7rem 1.5rem 3rem; }

    .use-case-grid { grid-template-columns: 1fr; }

    .dash-mockup { max-width: 100%; }
}