/* ═══ PAGE CTA — inline email capture for high-intent static pages ═══ */
/* Used by /report/, /how-it-works/ and the sample-report pages (see #472) */
.page-cta {
  margin: 3rem auto 0;
  max-width: 520px;
  text-align: center;
}
.page-cta form {
  display: flex;
  gap: 0;
  margin: 0 auto;
}
.page-cta input {
  flex: 1;
  padding: 0.9rem 1.2rem;
  font-family: var(--sans);
  font-size: 0.9rem;
  border: 1.5px solid var(--gray-dark);
  border-right: none;
  background: var(--black-3);
  color: var(--white);
  outline: none;
  transition: border-color 0.3s;
}
.page-cta input:focus { border-color: var(--accent); }
.page-cta input::placeholder { color: var(--gray); }
.page-cta button {
  padding: 0.9rem 1.8rem;
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: var(--accent);
  color: var(--black);
  border: 1.5px solid var(--accent);
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s;
}
.page-cta button:hover { background: var(--accent-dim); border-color: var(--accent-dim); }
.page-cta button:disabled { opacity: 0.6; cursor: default; }
.page-cta .page-cta-note {
  font-family: var(--mono);
  font-size: 0.55rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gray);
  margin-top: 0.75rem;
}
.page-cta .page-cta-note a { color: var(--gray-light); }
.page-cta .page-cta-success {
  display: none;
  font-family: var(--mono);
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  color: var(--accent);
  padding: 0.9rem 0;
}
.page-cta .page-cta-success.show { display: block; }
@media (max-width: 600px) {
  .page-cta form { flex-direction: column; }
  .page-cta input { border-right: 1.5px solid var(--gray-dark); }
}