@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; text-align: center; gap: var(--sp-48); }
  .hero p { margin: 0 auto var(--sp-32); }
  .hero-actions { justify-content: center; }
  .trust-points { flex-direction: row; justify-content: center; flex-wrap: wrap; }
  .about-grid { grid-template-columns: 1fr; text-align: center; }
  .benefits-list { text-align: left; max-width: 500px; margin: 0 auto; }
  .sec-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-brand { grid-column: span 3; }
  
  #flow-row-1 .market-flow__track { animation-duration: 48s; }
  #flow-row-2 .market-flow__track { animation-duration: 54s; }
  #flow-row-3 .market-flow__track { animation-duration: 60s; }
}

@media (max-width: 768px) {
  .desktop-nav, .auth-btns.desktop-only { display: none; }
  .desktop-cell { display: none; }
  
  .products-grid { grid-template-columns: 1fr 1fr; }
  .sec-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: span 2; }
  .footer-bottom { flex-direction: column; align-items: flex-start; text-align: left; }
  .footer-legal { text-align: left; max-width: 100%; }

  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  .section { padding: var(--sp-48) 0; }
  
  .steps-flex { flex-direction: column; align-items: center; gap: var(--sp-24); }
  .step-line { display: none; }
  .cta-btns { flex-direction: column; }
  
  /* Market Table to Cards via Grid */
  .market-table { display: block; width: 100%; }
  .market-table thead { display: none; }
  .market-table tbody { display: flex; flex-direction: column; gap: var(--sp-16); }
  .market-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
      "asset asset change"
      "price high vol"
      "action action action";
    gap: var(--sp-12);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--rad-12);
    padding: var(--sp-16);
  }
  .market-table td { padding: 0; border: none; display: flex; align-items: center; }
  
  .cell-asset { grid-area: asset; justify-content: flex-start; }
  .cell-change { grid-area: change; justify-content: flex-end; font-size: 1.125rem; }
  
  .cell-price { grid-area: price; flex-direction: column; align-items: flex-start; }
  .cell-high { grid-area: high; flex-direction: column; align-items: center; text-align: center; }
  .cell-volume { grid-area: vol; flex-direction: column; align-items: flex-end; text-align: right; }
  
  .cell-action { grid-area: action; justify-content: center; margin-top: var(--sp-8); }
  .cell-action .btn { width: 100%; }

  .cell-price::before, .cell-high::before, .cell-volume::before {
    display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 2px;
  }
  .cell-price::before { content: "Price"; }
  .cell-high::before { content: "24h High"; }
  .cell-volume::before { content: "24h Vol"; }
  
  #flow-row-1 .market-flow__track { animation-duration: 52s; }
  #flow-row-2 .market-flow__track { animation-duration: 58s; }
  #flow-row-3 .market-flow__track { animation-duration: 64s; }

  .market-flow__group { gap: 24px; padding-right: 24px; }
  .market-flow__item { font-size: 0.75rem; }
  .market-flow__item .coin-icon { width: 20px; height: 20px; }
}

@media (max-width: 430px) {
  .products-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }
  .hero-actions { flex-direction: column; }
  
  .market-table tr {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "asset change"
      "price high"
      "vol vol"
      "action action";
  }
  .cell-volume { align-items: flex-start; text-align: left; }
}

@media (max-width: 320px) {
  .container { padding: 0 var(--sp-12); }
  h1 { font-size: 1.75rem; }
  .trust-points { flex-direction: column; align-items: flex-start; }
}