/* ============================================================
   trusted-bar.css
   Styles the "Running in production with" logos strip that
   appears below the Home hero section.
   ============================================================ */

/* --- Section wrapper --- */
.trusted-section {
  background: var(--light);
  padding: 40px 48px;
  text-align: center;
}

/* --- Label text --- */
.trusted-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 20px;
}

/* --- Logos flex row --- */
.trusted-logos {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

/* --- Individual logo pill --- */
.trusted-pill {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 9px 20px;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  text-decoration: none;
  display: inline-block;
  transition: all 0.15s;
}
.trusted-pill:hover {
  border-color: var(--blue);
  color: var(--blue);
}