.trusted-brands{padding:64px 0}
.trusted-brands__header{max-width:680px;margin:0 auto;text-align:center}
.trusted-brands__title{margin:0;font-size:24px;font-weight:600;line-height:1.3}
.trusted-brands__desc{margin:12px 0 0;font-size:15px;line-height:1.6}

/* Dark band (default, Udacity) */
.trusted-brands--dark .trusted-brands__title{color:#fff}
.trusted-brands--dark .trusted-brands__desc{color:rgba(255,255,255,.7)}
/* Light band */
.trusted-brands--light .trusted-brands__title{color:var(--dark,#1a1a2e)}
.trusted-brands--light .trusted-brands__desc{color:var(--gray-500,#6b7280)}

/* ── Static centered row ─────────────────────────────────────────────────── */
.trusted-brands__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px 56px}
.trusted-brands__item{display:inline-flex;align-items:center}
.trusted-brands__logo{max-height:38px;max-width:160px;width:auto;height:auto;object-fit:contain;transition:opacity .25s ease,filter .25s ease}

/* Monochrome treatment */
.trusted-brands--dark .trusted-brands__logo{filter:brightness(0) invert(1);opacity:.62}
.trusted-brands--dark .trusted-brands__item:hover .trusted-brands__logo{opacity:1}
.trusted-brands--light .trusted-brands__logo{filter:grayscale(1);opacity:.6}
.trusted-brands--light .trusted-brands__item:hover .trusted-brands__logo{filter:grayscale(0);opacity:1}

/* ── Marquee ─────────────────────────────────────────────────────────────── */
.trusted-brands__marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trusted-brands__marquee-inner{display:flex;align-items:center;width:max-content;gap:56px;animation:trusted-brands-scroll 38s linear infinite}
.trusted-brands__marquee:hover .trusted-brands__marquee-inner{animation-play-state:paused}
@keyframes trusted-brands-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.trusted-brands__marquee-inner{animation:none}}

@media (max-width:575px){
  .trusted-brands{padding:48px 0}
  .trusted-brands__row{gap:28px 36px}
  .trusted-brands__logo{max-height:30px;max-width:120px}
}