/* ==========================================================================
   Industry Trust Bar Module
   ========================================================================== */

.ind-trust-bar {
  padding: 90px 20px;
  background-color: #F6F4F8;
  --logo-peak: 1.25;
}

.ind-trust-bar__inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.ind-trust-bar__heading {
  font-family: 'REM', sans-serif;
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 56px;
  line-height: 1.3;
  letter-spacing: -1px;
  color: #151A1B;
}

/* "Every Segment" — larger + brand gradient, rest of the heading stays black */
.ind-trust-bar__heading-em {
  font-size: 1.34em;
  font-weight: 700;
  background: linear-gradient(75deg, #FD6E16, #F24456, #EE4161, #D5279E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}

.ind-trust-bar__intro {
  font-family: 'REM', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: rgba(21, 26, 27, 0.7);
  line-height: 1.6;
  max-width: 900px;
  margin: -28px auto 56px;
}

.ind-trust-bar__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 34px 48px;
  align-items: center;
  justify-items: center;
}

.ind-trust-bar__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.ind-trust-bar__item img {
  max-width: 100%;
  max-height: 38px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: brightness(0);
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.ind-trust-bar__item:hover img {
  opacity: 0.75;
}

@keyframes ind-trust-logo-zoom {
  0%   { transform: scale(1); }
  60%  { transform: scale(var(--logo-peak, 1.25)); }
  100% { transform: scale(var(--logo-peak, 1.25)); }
}

@supports (animation-timeline: view()) {
  .ind-trust-bar__item img {
    transform-origin: center;
    will-change: transform;
    animation: ind-trust-logo-zoom linear both;
    animation-timeline: view();
    animation-range: cover -15% cover 85%;
  }
  .ind-trust-bar__item:nth-child(2) img { animation-range: cover -9% cover 91%; }
  .ind-trust-bar__item:nth-child(3) img { animation-range: cover -3% cover 97%; }
  .ind-trust-bar__item:nth-child(4) img { animation-range: cover 3%  cover 103%; }
  .ind-trust-bar__item:nth-child(5) img { animation-range: cover 9%  cover 109%; }
}

@media (prefers-reduced-motion: reduce) {
  .ind-trust-bar__item img { animation: none; transform: none; }
}

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

@media (max-width: 1590px) {
  .ind-trust-bar__heading { font-size: 40px; }
}

@media (max-width: 999px) {
  .ind-trust-bar { padding: 64px 20px; }
  .ind-trust-bar__heading { font-size: 32px; margin-bottom: 40px; }
  .ind-trust-bar__intro { font-size: 16px; margin-bottom: 40px; }
  .ind-trust-bar__grid { grid-template-columns: repeat(3, 1fr); gap: 28px 32px; }
  .ind-trust-bar__item img { max-height: 34px; }
}

@media (max-width: 767px) {
  .ind-trust-bar { padding: 56px 16px; --logo-peak: 1.15; }
  .ind-trust-bar__grid { grid-template-columns: repeat(3, 1fr); gap: 20px 24px; }
  .ind-trust-bar__item { padding: 6px; }
  .ind-trust-bar__item img { max-height: 30px; }
}

@media (min-width: 1200px) { .ind-trust-bar__heading { font-size: 48px; } }
