@media (max-width: 1180px) {
  .market-grid { grid-template-columns: repeat(3, 1fr); }
  .edu-grid { grid-template-columns: repeat(3, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2) { border-right: none; }
  .dash-grid { grid-template-columns: 1fr; }
  .trade-layout { grid-template-columns: 1fr; }
  .order-panel { position: static; }
}

@media (max-width: 1024px) {
  .container { padding: 0 var(--space-5); }
  .nav-links { display: none; }
  .nav-toggle { display: flex; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-panel { max-width: 480px; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
  .price-card.featured { transform: none; }
  .testi-grid { grid-template-columns: repeat(2, 1fr); }
  .security-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
  .intel-grid { grid-template-columns: 1fr; }
  .auth-visual { display: none; }
  .auth-shell { grid-template-columns: 1fr; }

  .sidebar { position: fixed; left: 0; top: 0; bottom: 0; z-index: 800; transform: translateX(-100%); transition: transform 0.3s var(--ease); box-shadow: var(--shadow-lg); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-drawer-close { display: block; position: absolute; top: var(--space-4); right: var(--space-4); }
  .mobile-topbar { display: flex; align-items: center; gap: var(--space-3); padding: 0 var(--space-5); height: 64px; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 300; background: var(--bg-primary); }
  .app-topbar .topbar-search { display: none; }
  .app { position: relative; }
  .sidebar-scrim { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 700; opacity: 0; visibility: hidden; transition: opacity 0.3s; }
  .sidebar-scrim.open { opacity: 1; visibility: visible; }
}

@media (max-width: 860px) {
  .market-grid { grid-template-columns: repeat(2, 1fr); }
  .edu-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
  .testi-grid { grid-template-columns: 1fr; }
  .security-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .hero-meta { flex-wrap: wrap; gap: var(--space-4); }
  .hp-note, .hero-panel { max-width: 100%; }
  .chart-head { flex-direction: column; align-items: flex-start; }
  .app-content { padding: var(--space-4); }

  
  .table-wrap.stack-mobile table, .table-wrap.stack-mobile thead, .table-wrap.stack-mobile tbody, .table-wrap.stack-mobile tr, .table-wrap.stack-mobile td { display: block; width: 100%; }
  .table-wrap.stack-mobile thead { display: none; }
  .table-wrap.stack-mobile tr { border: 1px solid var(--border); border-radius: var(--radius-md); margin-bottom: var(--space-3); padding: var(--space-3); }
  .table-wrap.stack-mobile td { border-bottom: none; padding: var(--space-2) 0; display: flex; justify-content: space-between; align-items: center; }
  .table-wrap.stack-mobile td::before { content: attr(data-label); font-size: 11px; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.05em; }
}

@media (max-width: 640px) {
  .market-grid { grid-template-columns: 1fr; }
  .edu-grid { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: 1fr; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-item { border-right: none; border-bottom: 1px solid var(--border); }
  .trust-item:last-child { border-bottom: none; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .settings-grid { grid-template-columns: 1fr; }
  .field-inline { flex-direction: column; }
  .cta-band-actions { flex-direction: column; }
  .cta-band-actions .btn { width: 100%; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  section.section { padding: var(--space-7) 0; }
  .hp-stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 400px) {
  .nav .container, .app-content, .container { padding-left: var(--space-4); padding-right: var(--space-4); }
}

@media (max-width: 1024px) {
  .quick-actions { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .quick-actions { grid-template-columns: repeat(2, 1fr); }
  .mc-detail { grid-template-columns: 1fr 1fr; }
  .loader-word { font-size: 10px; letter-spacing: 0.18em; }
}