/* Small phones */
@media (max-width: 480px) {
  .home-container .site-header { padding: 8px 12px; justify-content: center; }
  .home-container .logo { height: 32px; }
  .home-container .logo-text { font-size: 22px; }
  .home-container .main-nav { margin-left: 0; }
  .home-container .main-nav ul { gap: 6px; flex-wrap: wrap; }
  .home-container .main-nav ul li { margin-left: 8px; }
  .home-container .main-nav ul li a { padding: 6px 10px; font-size: 14px; }

  .hero-section { padding: 22px 14px; }
  .hero-title { font-size: clamp(28px, 8vw, 42px); }
  .platform-description { font-size: 15px; }

  .home-container .home-main-content { padding-left: 14px; padding-right: 14px; }
  .action-buttons { gap: 10px; }
  .action-buttons a, .action-buttons button { padding: 12px 14px; font-size: 15px; min-width: 0; width: 100%; max-width: 100%; }

  .site-footer { padding: 12px 0; }
}

/* Tablets */
@media (min-width: 481px) and (max-width: 1024px) {
  .hero-section { padding: 40px 20px; }
}

/* Wide screens */
@media (min-width: 1440px) {
  .hero-section { max-width: 1200px; }
}