/* =========================================================
   MOBILE OVERRIDES
   ========================================================= */

@media (max-width: 768px) {
  body {
    font-size: 0.95rem;
  }

  .section {
    padding-block: var(--space-7);
  }

  .section-hero {
    min-height: 88vh;
    padding-block: var(--space-9) var(--space-7);
  }

  .card {
    padding: var(--space-5);
  }

  .investment-card {
    padding: var(--space-5);
  }

  .invest-table th,
  .invest-table td {
    padding: var(--space-3);
    font-size: var(--fs-xs);
  }

  .invest-table__amount {
    font-size: var(--fs-sm);
  }

  .invest-table__total .invest-table__amount {
    font-size: var(--fs-lg);
  }

  .nav {
    padding: var(--space-3) 0;
  }

  .nav__progress {
    display: none;
  }

  .cta-section {
    padding: var(--space-7) 0;
  }

  .timeline__rail {
    left: 11px;
  }

  .timeline__item {
    padding-left: 42px;
  }

  .timeline__marker {
    width: 24px;
    height: 24px;
    font-size: 9px;
  }

  /* Lighten 3D rendering on mobile */
  .hero-canvas-wrap {
    opacity: 0.55;
  }
}

@media (max-width: 480px) {
  .btn {
    padding: 0.85rem 1.4rem;
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  .action-tile {
    padding: var(--space-5);
  }
}

/* ===== Touch device optimizations ===== */
@media (hover: none) and (pointer: coarse) {
  /* Disable hover-only effects */
  .card:hover {
    transform: none;
  }

  .action-tile:hover {
    transform: none;
  }
}