.trust-page .trust-hero-visual { background: linear-gradient(145deg, #dce8ff, #fff3cf); }
.trust-page .trust-brand-placeholder { gap: 10px; }
.trust-page .trust-brand-placeholder > span { font-size: clamp(4rem, 9vw, 7.5rem); line-height: 1; margin: 0; }
.trust-page .trust-brand-placeholder strong { font-size: clamp(2.7rem, 6vw, 5rem); }
.trust-page .trust-brand-placeholder small { color: var(--star-muted); font-size: 1rem; font-weight: 750; }
.trust-page--safety .trust-brand-placeholder { background: linear-gradient(145deg, #152540, #2e66ed); }
.trust-page--safety .trust-brand-placeholder strong,
.trust-page--safety .trust-brand-placeholder small { color: #fff; }

.trust-document-grid { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.trust-document { background: #fff; border: 1px solid transparent; border-radius: 22px; box-shadow: var(--star-shadow); color: inherit; display: flex; flex-direction: column; min-height: 260px; padding: 28px 25px; text-decoration: none; transition: border-color .2s, transform .2s; }
a.trust-document:hover { border-color: var(--star-blue); transform: translateY(-4px); }
.trust-document.is-pending { box-shadow: none; }
.trust-document-icon { align-items: center; background: var(--star-blue-soft); border-radius: 15px; display: inline-flex; font-size: 1.55rem; height: 54px; justify-content: center; margin-bottom: 20px; width: 54px; }
.trust-document p { color: var(--star-muted); font-size: .94rem; }
.trust-document small { color: var(--star-blue); font-size: .82rem; font-weight: 750; margin-top: auto; padding-top: 18px; }
.trust-document.is-pending small { color: #7c8795; }
.trust-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.trust-feature-grid .star-card { min-height: 210px; }

.trust-steps { counter-reset: trust-step; display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust-step { border-left: 2px solid #dce4ef; padding: 4px 20px 8px; position: relative; }
.trust-step > span { color: var(--star-orange); display: block; font-size: 1.7rem; font-weight: 850; letter-spacing: -.04em; margin-bottom: 18px; }
.trust-step p { color: var(--star-muted); font-size: .93rem; margin-bottom: 0; }
.trust-standard-grid { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trust-standard { align-items: flex-start; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; display: flex; gap: 17px; padding: 22px; }
.trust-standard > span { align-items: center; background: rgba(250,186,33,.14); border-radius: 13px; display: inline-flex; flex: 0 0 48px; font-size: 1.25rem; height: 48px; justify-content: center; }
.trust-standard h3 { color: #fff; margin: 0 0 7px; }
.trust-standard p { color: #aebfd0; font-size: .92rem; margin: 0; }

.trust-primary--dark { background: var(--star-navy); }
.trust-primary--dark h2 { color: #fff; }
.trust-primary--dark .star-eyebrow { color: var(--star-yellow); }
.trust-primary--dark .star-lead { color: #aebfd0; }
.trust-safety-console { display: grid; gap: 22px; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); }
.trust-monitor { aspect-ratio: 16/9; background: #07101e; border: 8px solid #263248; border-radius: 22px; box-shadow: 0 30px 75px -36px #000; overflow: hidden; position: relative; }
.trust-monitor::before { background: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 2; }
.trust-monitor iframe, .trust-monitor video { border: 0; height: 100%; object-fit: contain; position: relative; width: 100%; z-index: 3; }
.trust-monitor-empty { align-items: center; color: #dbe7f3; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 30px; text-align: center; }
.trust-monitor-empty > span { color: #62d79b; font: 700 .72rem/1 monospace; letter-spacing: .15em; margin-bottom: 25px; }
.trust-monitor-empty strong { color: #fff; font-size: clamp(1.4rem, 3vw, 2.4rem); }
.trust-monitor-empty p { color: #91a4ba; margin: 10px 0 20px; max-width: 48ch; }
.trust-monitor-play { align-items: center; background: var(--star-yellow); border: 0; border-radius: 50%; color: #1d2633; cursor: pointer; display: inline-flex; font-size: 1.2rem; height: 56px; justify-content: center; padding-left: 4px; width: 56px; }
.trust-monitor-play[hidden] { display: none; }
.trust-zone-list { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trust-zone { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09); border-radius: 14px; color: #dbe7f3; cursor: pointer; display: flex; font: inherit; gap: 11px; padding: 13px; text-align: left; transition: background .2s, border-color .2s; }
.trust-zone:hover, .trust-zone.is-active { background: rgba(46,102,237,.25); border-color: #4f7ff2; }
.trust-zone span { font-size: 1.15rem; }
.trust-zone b { font-size: .84rem; line-height: 1.25; }

@media (max-width: 1000px) {
  .trust-document-grid, .trust-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-safety-console { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .trust-document-grid, .trust-feature-grid, .trust-steps, .trust-standard-grid { grid-template-columns: 1fr; }
  .trust-zone-list { grid-template-columns: 1fr; }
  .trust-monitor { aspect-ratio: 4/3; }
}