/* Inline trust principles: titles first, with one accessible disclosure open at a time. */
.trust-accordion {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid #dfe5ee;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 10%, rgba(37, 199, 220, .07), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,249,253,.94));
  box-shadow: 0 24px 60px rgba(25, 42, 70, .075);
}

.trust-item {
  position: relative;
  border-bottom: 1px solid #e6eaf0;
  background: transparent;
  transition: background .28s ease, box-shadow .28s ease;
}

.trust-item:last-child {
  border-bottom: 0;
}

.trust-item[open] {
  background: linear-gradient(110deg, rgba(116,84,255,.055), rgba(37,199,220,.055));
  box-shadow: inset 3px 0 0 #7454ff;
}

.trust-item summary {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 13px;
  min-height: 67px;
  padding: 13px 17px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.trust-item summary::-webkit-details-marker {
  display: none;
}

.trust-item summary:focus-visible {
  outline: 3px solid rgba(116, 84, 255, .24);
  outline-offset: -3px;
}

.trust-item summary > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe4ef;
  border-radius: 11px;
  background: #fff;
  color: #765bff;
  font-size: 9px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(45, 59, 87, .055);
  transition: color .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

.trust-item summary > b {
  margin: 0;
  color: #1b2535;
  font-size: 15px;
  line-height: 1.25;
}

.trust-item summary > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  justify-self: end;
  border: 1px solid #dce3ed;
  border-radius: 50%;
  background: rgba(255,255,255,.82);
  color: #6c7890;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.trust-item summary:hover > span {
  border-color: #b7c0ff;
  box-shadow: 0 8px 20px rgba(102, 83, 255, .11);
}

.trust-item summary:hover > i {
  color: #7454ff;
  border-color: #c6c0ff;
}

.trust-item[open] summary > span {
  border-color: transparent;
  background: linear-gradient(135deg, #7454ff, #25c7dc);
  color: #fff;
  box-shadow: 0 8px 24px rgba(91, 81, 220, .2);
}

.trust-item[open] summary > i {
  transform: rotate(45deg);
  color: #25aebe;
  border-color: rgba(37, 199, 220, .46);
  box-shadow: 0 0 18px rgba(37, 199, 220, .12);
}

.trust-answer {
  padding: 0 60px 20px 65px;
  animation: trustAnswerEnter .3s ease both;
}

.trust-answer p {
  margin: 0;
  color: #6e7b8e;
  font-size: 12px;
  line-height: 1.68;
}

@keyframes trustAnswerEnter {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
  .trust-item summary {
    grid-template-columns: 35px minmax(0, 1fr) 28px;
    gap: 10px;
    min-height: 64px;
    padding: 12px 13px;
  }

  .trust-item summary > b {
    font-size: 14px;
  }

  .trust-answer {
    padding: 0 48px 18px 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trust-item,
  .trust-item *,
  .trust-answer {
    animation: none !important;
    transition: none !important;
  }
}