#trusted .trusted-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
#trusted .trusted-head h2 { font: 500 clamp(1.45rem, 2.2vw, 2rem)/1.2 var(--font-display); letter-spacing: -0.025em; margin: 0; }
#trusted .trusted-note { color: var(--ink-3); font-size: 13px; margin: 14px 0 30px; max-width: 65ch; }
#trusted .trusted-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; list-style: none; padding: 20px 0; margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#trusted .trusted-mark { min-width: 0; color: var(--ink-3); display: flex; align-items: center; justify-content: center; }
#trusted .trusted-mark svg { width: 100%; max-width: 190px; height: auto; }
#trusted .trusted-mark text { font-family: var(--font-display); font-weight: 500; }
#trusted .trusted-mark--seroja text { font-weight: 600; }
#trusted .trusted-mark--samudra text { font-family: var(--font-body); font-weight: 600; }
#trusted .trusted-mark--lasem text { letter-spacing: 0.5px; }
#trusted .trusted-mark--kopi text { font-weight: 400; }
#trusted .trusted-mark--kasku text { font-weight: 600; letter-spacing: -1px; }
#trusted .trusted-mark--nusa text { letter-spacing: -0.5px; }
@media (hover: hover) and (pointer: fine) {
  #trusted .trusted-mark:hover { color: var(--ink); }
}
@media (max-width: 960px) {
  #trusted .trusted-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
}
@media (max-width: 480px) {
  #trusted .trusted-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
}