/* Inbound request form (one-tap inbound audit, Phase 1). The trap field is for
   bots only: off-screen, out of the tab order, hidden from assistive tech. */
.field-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.turnstile-slot { margin: .75rem 0 0; min-height: 0; }
.request-sent { margin: 1rem 0 0; padding: 1rem 1.1rem; border: 1px solid var(--rule-strong); border-radius: 10px; background: var(--good-soft); }
.request-sent h3 { margin: 0 0 .4rem; }
.request-sent p { margin: 0; }
.confirm-form button { margin-top: .25rem; }

/* Homepage "proof first" hero line, comparison table, and $500 guarantee terms
   (Cloud, 2026-10-05). Kept here, not in styles.css, because every report page
   links styles.css and a change there re-versions all of them. */
.terms-note { margin: .8rem 0 0; font-size: .86rem; color: var(--ink-soft); }
.lede-google { margin-top: -.9rem; font-size: 1rem; }
.compare-section { border-top: 1px solid var(--rule); padding: 4.5rem 0; }
.compare-table { width: 100%; margin-top: 2.5rem; border-collapse: collapse; font-size: .98rem; }
.compare-table th { text-align: left; padding: 0 1.25rem .75rem 0; border-bottom: 1px solid var(--rule-strong); font-size: .82rem; color: var(--ink-soft); }
.compare-table td { vertical-align: top; padding: 1rem 1.25rem 1rem 0; border-bottom: 1px solid var(--rule); width: 50%; }
.compare-table td:first-child { color: var(--ink-soft); }
.compare-table td:last-child { font-weight: 650; }
.compare-table th:last-child, .compare-table td:last-child { padding-right: 0; }
/* The site-wide report-table rules (styles.css: th/td nowrap, td:nth-child(2)
   min-width 18rem) would push this table past a 390 px phone. Equal fixed
   columns that wrap keep it inside the page at every width. */
.compare-table { table-layout: fixed; }
.compare-table th, .compare-table td, .compare-table td:nth-child(2) { white-space: normal; min-width: 0; overflow-wrap: break-word; }
.proof-steps { display: flex; flex-wrap: wrap; gap: .6rem 2rem; margin: 2rem 0 0; font-weight: 650; }
@media (max-width: 46rem) {
  .compare-section { padding: 3rem 0; }
  .compare-table { margin-top: 2rem; font-size: .92rem; }
  .proof-steps { flex-direction: column; gap: .4rem; }
}