/* Mobile / device compatibility overrides for the Liza marketing pages.
   Keep this file small: it loads after landing.css + landing-sections.css. */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-x: hidden; /* prevents occasional horizontal scroll from positioned effects */
}

/* Make tapping feel snappier on touch devices. */
.landing-btn,
.hero-carousel-arrow {
  touch-action: manipulation;
}

@media (max-width: 640px) {
  .landing-hero {
    padding: 3.25rem 1rem 4.5rem;
  }

  .landing-hero-inner {
    gap: 1.75rem;
  }

  .hero-carousel-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  /* Prevent long labels from forcing odd wrapping. */
  .landing-header-tagline {
    max-width: 100%;
    white-space: normal;
  }
}

/* Tiny screens */
@media (max-width: 380px) {
  .landing-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .landing-btn {
    padding: 0.85rem 1.1rem;
    font-size: 0.95rem;
  }
}

/* Respect reduced motion (accessibility + some low-end devices). */
@media (prefers-reduced-motion: reduce) {
  .landing-hero-cta .landing-btn-chrome {
    animation: none !important;
  }
}