/* Homepage-only rules layered on trust.css's shell/header/footer/tokens (--trust-*). Kept in a
   separate file rather than folded into trust.css because these classes (.home-*) only ever exist
   on index.html; trust.css stays exactly what the 5 trust pages need. */

.home-main { max-width: 1040px; }

.home-hero { max-width: 760px; }

.home-cta {
  display: inline-block;
  margin-top: 28px;
  padding: 12px 28px;
  border-radius: 8px;
  background: var(--trust-gold);
  color: #1a1305;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
}

.home-cta:hover { background: #fff0b3; color: #1a1305; }

.home-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 56px;
}

.home-feature-card {
  padding: 20px 22px;
  border: 1px solid var(--trust-border);
  border-radius: 10px;
  background: var(--trust-panel-soft);
}

.home-feature-card h2 { margin: 0 0 10px; font-size: 17px; line-height: 1.35; color: var(--trust-text); }
.home-feature-card p { margin: 0; color: var(--trust-muted); font-size: 14px; line-height: 1.7; }

.home-data-note {
  max-width: 760px;
  margin-top: 40px;
  padding: 18px 20px;
  border: 1px solid var(--trust-border);
  border-radius: 8px;
  background: var(--trust-panel-soft);
}

.home-data-note h2 { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--trust-gold); }
.home-data-note p { margin: 0; color: var(--trust-muted); font-size: 14px; line-height: 1.7; }

@media (max-width: 680px) {
  .home-features { grid-template-columns: 1fr; margin-top: 40px; }
}