/* ============================================================
   TRUST.CSS — Clients, Certifications, Trust Metrics
   ============================================================ */

/* ── Clients strip ──────────────────────────────────────── */
.clients {
  background: var(--white);
  padding: var(--space-xl) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.clients-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-muted);
  text-align: center;
  margin-bottom: var(--space-lg);
}

.clients-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}

.client-logo {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--border-mid);
  letter-spacing: -0.3px;
  transition: color var(--t-base);
  user-select: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

.client-logo:hover {
  color: var(--text-mid);
}

.client-logo img {
  height: 28px;
  width: auto;
  filter: grayscale(1) opacity(0.45);
  transition: filter var(--t-base);
}

.client-logo:hover img {
  filter: grayscale(0.5) opacity(0.7);
}

/* ── Trust / Certifications ─────────────────────────────── */
.trust {
  background: var(--navy);
  padding: var(--space-2xl) 0;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-lg);
}

.trust-item {
  text-align: center;
}

.trust-item-icon {
  width: 52px;
  height: 52px;
  background: rgba(111, 169, 214, 0.12);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.trust-item-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: var(--blue-light);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trust-item-value {
  font-size: var(--text-2xl);
  font-weight: var(--fw-bold);
  color: var(--white);
  letter-spacing: -0.5px;
  margin-bottom: 6px;
}

.trust-item-label {
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* ── Certifications ─────────────────────────────────────── */
.certifications {
  background: var(--bg);
  padding: var(--space-xl) 0;
  border-top: 1px solid var(--border);
}

.certifications-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xl);
  flex-wrap: wrap;
}

.cert-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cert-item-icon {
  width: 44px;
  height: 44px;
  background: var(--blue-tint);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cert-item-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: var(--blue);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cert-item-text {}

.cert-item-name {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  color: var(--text);
  margin-bottom: 2px;
}

.cert-item-desc {
  font-size: var(--text-xs);
  color: var(--text-soft);
}