/* ============================================================
   CUSTOMER LOGOS — 1:1 with the marketing-home marquee.
   Paper background, top + bottom 1px borders, 60s scroll, full-
   color 83px-tall logos with a side mask for graceful fade.
   ============================================================ */
.marquee-band {
  background: #fff;
  padding: 48px 0 30px;
  overflow: hidden;
}

.marquee-label {
  text-align: center;
  font: 500 17px/1.4 'Poppins', sans-serif;
  color: #190751;
  letter-spacing: 0;
  margin-bottom: 28px;
}

.marquee-label strong {
  font-weight: 700;
  color: #3E5EE2;
}

.marquee {
  background: transparent;
  display: flex;
  gap: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.marquee-track {
  display: flex;
  align-items: center;
  gap: 56px;
  animation: pp-v2-scroll 60s linear infinite;
  flex-shrink: 0;
  padding-right: 56px;
}

.pp-trust:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes pp-v2-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.logo-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 83px;
  flex-shrink: 0;
  white-space: nowrap;
}

.logo-pill img {
  height: 83px;
  width: auto;
  max-width: 276px;
  object-fit: contain;
}

/* Neutralize v1 .pp-trust marquee classes */
.pp-trust .pp-trust-label,
.pp-trust .pp-trust-marquee,
.pp-trust .pp-trust-track,
.pp-trust .pp-trust-cell {
  all: unset;
  display: revert;
}

/* ----- Responsive Rules ----- */

/* iPad */
@media (max-width: 1024px) {
  .marquee-band { padding: 36px 0 24px; }
  .marquee-label { font-size: 15px; }
  .logo-pill { height: 68px; }
  .logo-pill img { height: 68px; }
}

/* Mobile */
@media (max-width: 767px) {
  .marquee-band { padding: 28px 0 20px; }
  .marquee-label { font-size: 14px; padding: 0 20px; }
  .logo-pill { height: 52px; }
  .logo-pill img { height: 52px; max-width: 180px; }
  .marquee-track { gap: 36px; padding-right: 36px; }
}
