/* AIN landing — page fixes on top of styles.css */
.ain-page {
  overflow-x: clip;
}

/* Never leave content invisible if JS is slow/blocked */
.ain-page .reveal {
  opacity: 1;
  transform: none;
}

.ain-page .site-header.scrolled .desktop-nav a {
  color: color-mix(in srgb, var(--foreground) 72%, transparent);
}
.ain-page .site-header.scrolled .desktop-nav a:hover {
  color: var(--foreground);
}

@media (max-width: 639px) {
  .ain-page .ain-hero-claim {
    font-size: 1rem;
    padding-inline: 0.25rem;
  }

  .ain-page .ain-card,
  .ain-page .ain-brand-card,
  .ain-page .ain-stat,
  .ain-page .ain-highlight,
  .ain-page .ain-final-cta {
    padding: 1.35rem 1.15rem;
  }

  .ain-page .ain-brand-logo,
  .ain-page .ain-brand-logo-lila {
    max-width: min(190px, 70vw);
  }

  .ain-page .ain-value-grid,
  .ain-page .ain-brand-grid,
  .ain-page .ain-stats-grid {
    min-width: 0;
  }

  .ain-page .ain-card,
  .ain-page .ain-brand-card,
  .ain-page .ain-stat {
    min-width: 0;
    max-width: 100%;
  }
}