/* Shared pieces for the three lead forms. Loaded after the page's own CSS and
 * before mobile.css, so the mobile layer keeps the last word.
 *
 * Custom properties carry fallbacks on purpose: /support/ and /demo-request/
 * inline their own token block rather than linking the shared one, and a token
 * that page does not define would otherwise take the whole declaration down.
 */

/* The honeypot. Hidden from people and from assistive tech, but a plain text
 * input to anything filling in every field it can parse. */
.lead-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.lead-error {
  display: none;
  margin-top: var(--space-4, 16px);
  padding: 14px 16px;
  border-radius: var(--radius-md, 10px);
  background: rgba(217, 45, 32, 0.08);
  color: #b42318;
  font-size: var(--fs-14, 14px);
  font-weight: var(--fw-medium, 500);
  line-height: var(--lh-snug, 1.5);
}

.lead-error.show {
  display: block;
}

/* Focused by script on success so the result is announced, never by tabbing. */
[data-lead-success]:focus {
  outline: none;
}

form[data-lead] [type="submit"][disabled] {
  opacity: 0.65;
  cursor: progress;
}