/* ---------------- Why trust URLHOST ---------------- */
.trust {
  background:
    radial-gradient(700px 420px at 0% 100%, var(--brand-soft) 0, rgba(232,243,238,0) 70%),
    radial-gradient(600px 380px at 100% 0%, #f3f7f5 0, rgba(243,247,245,0) 70%),
    var(--white);
}
.trust .section__head { max-width: none; }
.trust-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  background: var(--line); gap: 1px;               /* 1px gap = hairline borders */
  border: 1px solid var(--line); max-width: 1060px; margin: 0 auto;
}
.trust-cell { background: #fff; padding: 2.4rem 2.6rem 2.6rem; transition: background .2s ease; }
.trust-cell:hover { background: var(--brand-tint); }

.trust-cell__icon {
  width: 50px; height: 50px; border-radius: 50%;
  display: grid; place-items: center; font-size: 1.3rem; margin-bottom: 1.6rem;
}
.ti--green  { background: var(--brand-soft); color: var(--brand); }
.ti--amber  { background: #fdf3e2; color: #e0951f; }
.ti--teal   { background: #e6f5f0; color: #2f9e75; }
.ti--purple { background: #f3eafc; color: #8a3fd1; }
.ti--blue   { background: #eaf0fb; color: #4a6fd1; }

.trust-cell h3 { font-size: 1.2rem; font-weight: 600; color: var(--ink); margin-bottom: 1.1rem; }
.trust-cell p  { color: var(--body); font-size: .94rem; line-height: 1.6; margin: 0; max-width: 20rem; }

@media (max-width: 991.98px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) {
  .trust-grid { grid-template-columns: 1fr; }
  .trust-cell { padding: 1.8rem 1.6rem; }
  .trust-cell h3 { margin-bottom: .7rem; }
}
