/* ═══════════════════════════════════════════════════════════════════════════
   AuraSense Corporate — Responsive Breakpoints
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tablet & below */
@media (max-width: 1024px) {
    .container { padding: 0 28px; }
    .nav-container { padding: 0 28px; }
    .hero-grid { gap: 40px; }
    .product-card { gap: 40px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* Mobile */
@media (max-width: 768px) {
    .container { padding: 0 20px; }
    .nav-container { padding: 0 20px; }
    .section { padding: 56px 0; }

    /* Navigation mobile */
    .nav-toggle { display: flex; }

    .nav-links {
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--white);
        flex-direction: column;
        padding: 24px 20px;
        gap: 4px;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.35s var(--ease);
        z-index: 999;
    }

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

    .nav-links a {
        width: 100%;
        padding: 14px 16px;
        font-size: 1rem;
    }

    .nav-cta {
        margin-left: 0 !important;
        margin-top: 12px;
        text-align: center;
    }

    /* Dropdown mobile */
    .nav-dropdown-menu {
        position: static;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 0 0 0 16px;
        opacity: 1;
        visibility: visible;
        display: none;
        min-width: unset;
    }

    .nav-dropdown.open .nav-dropdown-menu {
        display: block;
    }

    .nav-dropdown-trigger {
        width: 100%;
    }

    /* Hero mobile */
    .hero {
        min-height: auto;
        padding: 100px 0 64px;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero h1 { font-size: 2rem; }
    .hero p.hero-sub { font-size: 1rem; }

    .hero-actions {
        flex-direction: column;
        margin-bottom: 32px;
    }

    .hero-actions .btn { width: 100%; justify-content: center; }

    .hero-visual-card { padding: 16px; }

    /* Grids mobile */
    .grid-2 { grid-template-columns: 1fr; }
    .grid-3 { grid-template-columns: 1fr; }
    .grid-4 { grid-template-columns: 1fr 1fr; gap: 16px; }

    /* Product cards */
    .product-card {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .product-card.reverse { direction: ltr; }

    /* Contact */
    .contact-grid { grid-template-columns: 1fr; }
    .contact-form-card { padding: 28px; }
    .form-row { grid-template-columns: 1fr; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
    .footer-bottom-links { justify-content: center; }

    /* CTA Banner */
    .cta-banner { padding: 56px 0; }
    .cta-banner .btn { display: block; width: 100%; margin: 6px 0; }

    /* Pipeline */
    .pipeline::before { left: 20px; }
    .pipeline-num { width: 40px; height: 40px; font-size: 0.85rem; }

    /* Comparison table */
    .comparison-table th,
    .comparison-table td { padding: 10px 12px; font-size: 0.82rem; }

    /* AuraPlay demo card */
    .auraplay-demo-card { padding: 32px 20px; }

    /* Demo */
    .demo-tabs { gap: 4px; }
    .demo-tab { padding: 8px 16px; font-size: 0.82rem; }
}

/* Small mobile */
@media (max-width: 480px) {
    .grid-4 { grid-template-columns: 1fr; }
    .metric-value { font-size: 1.8rem; }
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
}