/* Clear Ripples — shared lead-form styles. Self-contained (lf- prefix) so the
   form looks identical whether the page uses site.css or legacy.css. */
.lf {
  --lf-ink: #16233A;
  --lf-muted: #5A6880;
  --lf-line: #E2E8F0;
  --lf-focus: #0D3060;
  --lf-cta: #B4611F;
  --lf-cta-dark: #A85A1E;
  --lf-err: #B91C1C;
  display: flex; flex-direction: column; gap: 15px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-align: left;
}
.lf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lf-row-addr { grid-template-columns: 2fr 1fr; }
.lf-group { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lf-label { font-size: 13px; font-weight: 600; color: var(--lf-ink); }
.lf-opt { font-weight: 400; color: var(--lf-muted); }
.lf-input, .lf-select, .lf-textarea {
  border: 1.5px solid var(--lf-line); border-radius: 8px; padding: 13px 15px;
  font-size: 16px; font-family: inherit; color: var(--lf-ink);
  background: #fff; outline: none; width: 100%;
  transition: border-color .18s, box-shadow .18s;
}
.lf-select { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235A6880' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 15px center; }
.lf-textarea { resize: vertical; min-height: 96px; }
.lf-input:focus, .lf-select:focus, .lf-textarea:focus { border-color: var(--lf-focus); box-shadow: 0 0 0 3px rgba(13,48,96,.16); }
.lf-input[aria-invalid="true"], .lf-select[aria-invalid="true"] { border-color: var(--lf-err); }
.lf-err { font-size: 12.5px; font-weight: 600; color: var(--lf-err); min-height: 0; }
.lf-err:empty { display: none; }
.lf-hint { font-size: 12.5px; color: var(--lf-muted); }
.lf-submit {
  width: 100%; margin-top: 4px; display: flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--lf-cta); color: #fff; font-family: inherit; font-weight: 700; font-size: 16px;
  padding: 16px; border: none; border-radius: 8px; cursor: pointer;
  transition: background .2s, transform .15s;
}
.lf-submit:hover { background: var(--lf-cta-dark); transform: translateY(-1px); }
.lf-submit:focus-visible { outline: 3px solid var(--lf-focus); outline-offset: 2px; }
.lf-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.lf-submit svg { width: 18px; height: 18px; flex: none; }
.lf-status { font-size: 14px; font-weight: 600; text-align: center; color: var(--lf-err); }
.lf-status:empty { display: none; }
.lf-trust { font-size: 12.5px; color: var(--lf-muted); text-align: center; line-height: 1.5; }
.lf-trust a { color: inherit; text-decoration: underline; }
/* Honeypot — off-screen, never display:none (some bots skip hidden fields) */
.lf-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 560px) {
  .lf-row, .lf-row-addr { grid-template-columns: 1fr; }
}