/* Trust-polish fixes: explicit dark surfaces and visible privacy assurances.
 * The report-posture conic-gradient ring previously defined here has been
 * superseded by the SVG segmented capability ring in report.css. */

:root {
  --ofb-dark-surface: #071d3d;
  --ofb-dark-surface-raised: #0d2c57;
  --ofb-dark-heading: #ffffff;
  --ofb-dark-text: #d7e2f1;
  --ofb-dark-muted: #b9c8dc;
  --ofb-dark-accent: #f6bd55;
}

/* Shared dark-surface contract. These sections must never inherit page-level ink colors. */
.home-closing__faq,
.live-audit__roadmap {
  padding: clamp(24px, 3.5vw, 42px);
  border: 1px solid rgb(255 255 255 / 13%);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 0%, rgb(58 116 194 / 24%), transparent 22rem),
    linear-gradient(150deg, var(--ofb-dark-surface-raised), var(--ofb-dark-surface));
  color: var(--ofb-dark-text);
  box-shadow: 0 20px 56px rgb(7 29 61 / 18%);
}

.home-closing__faq h2,
.home-closing__faq h3,
.home-closing__faq summary,
.home-closing__faq strong,
.live-audit__roadmap h2,
.live-audit__roadmap h3,
.live-audit__roadmap strong {
  color: var(--ofb-dark-heading);
}

.home-closing__faq p,
.home-closing__faq li,
.live-audit__roadmap p,
.live-audit__roadmap li {
  color: var(--ofb-dark-text);
}

.home-closing__faq .section-kicker,
.live-audit__roadmap .section-kicker {
  color: var(--ofb-dark-accent);
}

.home-closing__faq .faq-list,
.home-closing__faq .faq-list details {
  border-color: rgb(255 255 255 / 14%);
}

.home-closing__faq .faq-list summary {
  color: var(--ofb-dark-heading);
}

.home-closing__faq .faq-list summary::after {
  color: var(--ofb-dark-accent);
}

.home-closing__faq .faq-list details p {
  color: var(--ofb-dark-muted);
}

.live-audit__roadmap-grid {
  gap: clamp(22px, 3vw, 38px);
}

.live-audit__roadmap-grid > div {
  padding: 20px;
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 14px;
  background: rgb(255 255 255 / 6%);
}

.live-audit__roadmap-grid li::marker {
  color: var(--ofb-dark-accent);
}

/* Make the stateless privacy promise visible at the decision point. */
.hero-audit-form__note,
.live-audit__privacy {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 9px 12px;
  border: 1px solid #b9ddc8;
  border-radius: 999px;
  background: #edf8f1;
  color: #145c38 !important;
  font-size: .76rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.45;
}

.hero-audit-form__note::before,
.live-audit__privacy::before {
  flex: 0 0 auto;
  color: #167446;
  content: '✓';
  font-weight: var(--font-weight-bold);
}

@media (max-width: 680px) {
  .home-closing__faq,
  .live-audit__roadmap {
    padding: 22px 18px;
    border-radius: 16px;
  }

  .hero-audit-form__note,
  .live-audit__privacy {
    width: 100%;
    border-radius: 12px;
  }
}

@media print {
  .home-closing__faq,
  .live-audit__roadmap {
    border-color: #c9d2df;
    background: #fff;
    color: #172033;
    box-shadow: none;
  }

  .home-closing__faq :where(h2, h3, summary, strong, p, li),
  .live-audit__roadmap :where(h2, h3, strong, p, li) {
    color: #172033;
  }
}