/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 1024px) {
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .nav-links { display: none; }
    .mobile-menu-btn { display: flex; align-items: center; justify-content: center; }

    .nav-links.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border-color);
        padding: 16px 24px;
        gap: 16px;
    }

    .hero { padding: 120px 0 60px; }
    .section { padding: 60px 0; }

    .features-grid,
    .steps-grid { grid-template-columns: 1fr; }

    .steps-grid::before { display: none; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }

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

    .wrapped-card { padding: 32px 16px; }
    .wrapped-stats { grid-template-columns: 1fr; gap: 12px; }

    .footer-grid { grid-template-columns: 1fr; gap: 32px; }

    .search-box { flex-direction: column; }
    .search-input { min-width: 0; width: 100%; }
    .search-btn {
        padding: 14px 20px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }

    .hero-title { letter-spacing: -1px; font-size: clamp(28px, 8vw, 48px); }

    .bar-chart-bars { height: 140px; overflow-x: auto; }

    /* Prevent horizontal overflow from glow orbs */
    .glow-orb-1, .glow-orb-2 { display: none; }

    .trust-badges { flex-wrap: wrap; justify-content: center; }

    .tabs-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }

    .results-section { padding: 20px 0; }

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

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

@media (max-width: 480px) {
    .container { padding: 0 12px; }
    .money-grid { grid-template-columns: 1fr; }
    .tabs-nav { border-radius: var(--radius-md); }
    .tab-btn { padding: 8px 12px; font-size: 12px; white-space: nowrap; }
    .hero-title { font-size: 28px; }
    .section-title { font-size: 24px; }
    .glass-card { padding: 20px 16px; }
    .wrapped-card { padding: 24px 12px; }
    .search-hint { flex-wrap: wrap; }
    .stat-item .stat-number { font-size: 28px; }
}