/* Demo requests share the site's paper, ink, and rose palette. */
.lead-section { scroll-margin-top: 88px; }
.lead-section .lead-intro { max-width: 54ch; margin: 0 auto; color: #606672; }
.lead-section .lead-form { position: relative; max-width: 720px; margin: 36px auto 0; padding: 32px; text-align: left; background: #faf8f7; border: 1px solid #e5dddf; border-radius: 8px; }
.lead-section .lead-required-note { margin: 0 0 24px; color: #606672; font-size: 13px; }
.lead-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px 20px; }
.lead-field { min-width: 0; }
.lead-field-wide { grid-column: 1 / -1; }
.lead-field label { display: block; margin-bottom: 8px; color: #303038; font-size: 14px; font-weight: 600; }
.lead-field label span { color: #606672; font-size: 12px; font-weight: 400; }
.lead-field .input { display: block; width: 100%; min-height: 48px; padding: 12px 14px; background: #fff; color: #242028; border: 1px solid #c4b7bd; border-radius: 4px; font: 400 16px/1.5 var(--font-body, Arial, sans-serif); }
.lead-field .input::placeholder { color: #717078; opacity: 1; }
.lead-field textarea.input { min-height: 108px; resize: vertical; }
.lead-field .input:focus-visible { border-color: #855761; outline: 2px solid #855761; outline-offset: 2px; }
.lead-form .lead-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.lead-section .lead-privacy { margin: 22px 0; color: #606672; font-size: 12px; line-height: 1.65; }
.lead-submit { width: 100%; }
.lead-new-request { width: 100%; margin-top: 12px; }
.lead-new-request[hidden] { display: none !important; }
.lead-section .lead-status { margin: 16px 0 0; min-height: 1.6em; color: #606672; font-size: 14px; line-height: 1.6; }
.lead-section .lead-status[data-state="success"] { color: #176143; }
.lead-section .lead-status[data-state="error"] { color: #963426; }
.lead-section .trial-note { max-width: 64ch; margin: 20px auto 0; color: #606672; font-size: 12px; }
.lead-form [disabled] { cursor: wait; }
@media (max-width: 600px) {
  .lead-section .lead-form { padding: 22px 18px; margin-top: 28px; }
  .lead-fields { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .lead-field-wide { grid-column: auto; }
  .lead-submit { padding-left: 12px; padding-right: 12px; gap: 8px; }
}