/* Mobile optimizations added */

/* Extra small devices */
@media (max-width: 480px){
  .hero-title{
    font-size: 2rem;
    line-height: 1.1;
  }

  .hero-subtitle{
    font-size: 1rem;
  }

  .hero-actions{
    flex-direction: column;
    width: 100%;
  }

  .hero-actions .btn{
    width: 100%;
    justify-content: center;
  }

  .hero-trust{
    justify-content: center;
  }

  .dashboard-window{
    border-radius: 10px;
  }

  .section-title{
    font-size: 1.4rem;
  }

  .section-subtitle{
    font-size: 0.95rem;
  }

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

  .cta-card h2{
    font-size: 1.25rem;
  }
}

/* Improve tap targets */
@media (hover: none){
  button, .btn, a{
    min-height: 44px;
  }
}