/* Datenschutz & KI (design/TrustWebsite.dc.html) – eigene Datei, weil landing.v1.css unveränderlich gecacht wird
   (firebase.json: /assets/landing/** immutable). Bei Änderungen: neue Datei trust.v2.css und Verweis in index.html. */
.trust { display: flex; flex-direction: column; gap: 36px; }
.trust-head { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
.trust-h2 { font-size: 52px; line-height: 1.08; font-weight: 600; }
.trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.trust-card {
  display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: 28px;
  background: var(--card); box-shadow: var(--shadow-card);
}
.trust-tile { width: 52px; height: 52px; border-radius: 26px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.trust-tile .ico { stroke: var(--ink); }
.trust-title { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 800; color: var(--ink); }
.trust-text { margin: 0; font-size: 16px; line-height: 1.55; color: var(--muted); }

@media (max-width: 1199px) {
  .trust-h2 { font-size: 44px; }
}
@media (max-width: 1023px) {
  .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-h2 { font-size: 38px; }
}
@media (max-width: 639px) {
  .trust { gap: 24px; }
  .trust-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .trust-card { padding: 20px; border-radius: 24px; gap: 10px; }
  .trust-tile { width: 44px; height: 44px; border-radius: 22px; }
  .trust-h2 { font-size: 32px; }
  .trust-title { font-size: 17px; }
  .trust-text { font-size: 15px; }
}