/* Mobile-critical CSS for LCP optimization */
@media (max-width: 767px) {
  /* Critical hero section styles */
  .hero-content {
    padding: 1rem;
  }
  
  .hero-content h1 {
    font-size: 1.875rem !important;
    line-height: 1.3 !important;
    margin-bottom: 1.5rem !important;
  }
  
  /* Optimize button sizes for mobile */
  .hero-content a {
    padding: 0.875rem 1.5rem !important;
    font-size: 0.875rem !important;
  }
  
  /* Optimize image containers */
  .hero-content .text-center {
    margin-bottom: 1.5rem !important;
  }
  
  /* Reduce animation complexity on mobile */
  .transition-all {
    transition-duration: 200ms !important;
  }
  
  /* Optimize container padding */
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Optimize navbar for mobile */
  .ud-header {
    padding: 0.5rem 0 !important;
  }
  
  .navbar-logo {
    padding: 0.75rem 0 !important;
  }
  
  /* Optimize section spacing */
  section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  
  /* First section (hero) specific optimizations */
  section:first-child {
    padding-top: 6rem !important;
  }
}