@media (max-width: 1024px) {
  .hero { padding: 4rem 0; }
  .download-section { grid-template-columns: 1fr; }
  .download-mockup { order: -1; max-width: 400px; margin: 0 auto; }
}

@media (max-width: 768px) {
  .hamburger { display: flex; z-index: 100; }
  .main-nav {
    position: fixed;
    top: 0; right: -100%;
    width: 250px; height: 100vh;
    background: var(--surface);
    flex-direction: column;
    padding: 6rem 2rem 2rem;
    transition: right 0.3s ease;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    z-index: 90;
  }
  .main-nav.active { right: 0; }
  .main-nav ul { flex-direction: column; gap: 1.5rem; }
  
  .desktop-only { display: none; }
  
  .hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .hamburger.active .bar:nth-child(2) { opacity: 0; }
  .hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  .hero-ctas { flex-direction: column; }
  .step { flex-direction: column !important; text-align: center; gap: 2rem; }
  .step-number { display: block; text-align: center; margin: 0 0 1rem; }
  .footer-grid { grid-template-columns: 1fr; text-align: center; }
  .social-links { justify-content: center; margin-top: 1rem; }
  .footer-brand .logo { justify-content: center; }
  
  .hamburger {
    padding: 15px; /* Increase tap target for mobile */
    margin: -15px; /* Offset padding to keep alignment */
  }
}

@media (max-width: 480px) {
  html { font-size: 16px; } /* Ensure readable base for small screens */
  .container { padding: 0 1.25rem; }
  .hero h1 { font-size: 2.8rem; }
  .features-grid, .stats-grid, .testimonials-grid { grid-template-columns: 1fr; }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}