/* Shared homepage and Why Lytica customer logo strip. */
.trusted-strip {
  overflow: hidden;
  padding: 38px 0 34px;
  border-top: var(--lyt-border-width) solid var(--lyt-border-subtle);
  border-bottom: var(--lyt-border-width) solid var(--lyt-border-subtle);
  color: var(--lyt-text-primary);
  background: var(--lyt-surface-subtle);
}

.trusted-strip__title {
  margin: 0 0 26px;
  color: rgba(11, 10, 9, .62);
  font: 700 var(--home-size-label, 12px)/1.2 var(--lyt-font-data);
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}

.trusted-strip__marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--lyt-color-ink) 6%, var(--lyt-color-ink) 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--lyt-color-ink) 6%, var(--lyt-color-ink) 94%, transparent);
}

.trusted-strip__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: trusted-strip-scroll 44s linear infinite;
}

.trusted-strip__set {
  display: flex;
  align-items: center;
  gap: 64px;
  padding-right: 64px;
}

/* ponytail: Aruba's artwork has no side padding, so it crowds whatever follows it.
   Extra margin instead of per-pair rules; both sets match, so the -50% loop stays exact. */
.trusted-strip__set li:has(img[src*="aruba"]) { margin-right: 48px; }

.trusted-strip__logo {
  width: auto;
  height: var(--logo-height);
  max-width: 150px;
  object-fit: contain;
  opacity: .92;
  transition: opacity 180ms;
}

.trusted-strip__logo:hover { opacity: 1; }
.trusted-strip:hover .trusted-strip__track { animation-play-state: paused; }

@keyframes trusted-strip-scroll {
  to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
  .trusted-strip { padding-block: 32px 30px; }
  .trusted-strip__title { margin-bottom: 22px; padding-inline: var(--lyt-page-gutter); }
  .trusted-strip__set { gap: 38px; padding-right: 38px; }
  .trusted-strip__set li:has(img[src*="aruba"]) { margin-right: 28px; }
  .trusted-strip__logo { max-width: 124px; height: min(var(--logo-height), 38px); }
}

@media (max-width: 390px) {
  .trusted-strip__set a {
    display: flex;
    min-width: var(--lyt-touch-target);
    min-height: var(--lyt-touch-target);
    align-items: center;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trusted-strip__track { animation: none; }
}

@media (min-width: 1101px) {
  .trusted-strip__title { font-size: var(--home-size-label, 16px); }
}