/* Scoped to this section: safe to insert immediately after the existing Hero. */
.pia-trust {
  --pia-slate: #718096;
  box-sizing: border-box;
  background: #fff;
  color: var(--pia-slate);
  padding: 40px 32px 48px;
  font-family: Arial, Helvetica, sans-serif;
}
.pia-trust *, .pia-trust *::before, .pia-trust *::after { box-sizing: border-box; }
.pia-trust__title {
  margin: 0 0 32px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: .035em;
  color: #59687d;
}
.pia-trust__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.pia-trust__logos > li { flex: 0 0 auto; }
.pia-trust__client {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  text-decoration: none;
  color: var(--pia-slate);
}
.pia-trust__client:focus-visible {
  outline: 2px solid #2663df;
  outline-offset: 8px;
  border-radius: 2px;
}
.pia-trust__image {
  height: var(--logo-height, 32px);
  width: auto;
  display: block;
  opacity: 1;
  filter: url("#pia-trust-monochrome");
}
.pia-trust__image--dark { filter: url("#pia-trust-monochrome-dark"); }
/* Only verified logos have a colour state. No hover effect on placeholders. */
@media (hover: hover) {
  .pia-trust__client--official:hover .pia-trust__image { filter: none; }
}
.pia-trust__client--official:focus-visible .pia-trust__image { filter: none; }
.pia-trust__placeholder {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: center;
  color: var(--pia-slate);
}
.pia-trust__placeholder-name {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
}
.pia-trust__placeholder-note {
  font-size: 10px;
  line-height: 11px;
  font-weight: 400;
  white-space: nowrap;
}
.pia-trust__fallback { display: none; }
.pia-trust__client--unavailable .pia-trust__image { display: none; }
.pia-trust__client--unavailable .pia-trust__fallback { display: flex; }
.pia-trust__filters { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.pia-trust__scroll-hint { display: none; }
@media (max-width: 1080px) and (min-width: 701px) {
  .pia-trust__logos { flex-wrap: wrap; max-width: 760px; row-gap: 26px; }
}
@media (max-width: 700px) {
  .pia-trust { padding: 32px 0 26px; }
  .pia-trust__title { margin-bottom: 24px; padding: 0 24px; }
  .pia-trust__logos {
    justify-content: flex-start;
    overflow-x: auto;
    gap: 44px;
    padding: 10px 28px 18px;
    scroll-padding-inline: 28px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #c6ceda #fff;
  }
  .pia-trust__logos > li { scroll-snap-align: start; }
  .pia-trust__scroll-hint {
    display: block;
    text-align: center;
    margin: 16px 0 0;
    color: #59687d;
    font-size: 11px;
    line-height: 16px;
  }
}