/* Preview conversion lanes (financing enquiry and programme updates).
   Forms stay hidden until /api/financing or /api/subscribe reports configured:true.
   Production stays on the email links. */
.conversion-lanes {
  display: grid;
  gap: 1rem 1.25rem;
  margin-top: 1.5rem;
}
.conversion-lanes--pair { max-width: 52rem; }
@media (min-width: 720px) {
  .conversion-lanes--pair { grid-template-columns: 1fr 1fr; }
}
.conversion-lane {
  padding: 1rem 1.05rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
}
.conversion-lane .btn { white-space: normal; max-width: 100%; text-align: left; }
.conversion-lane p { margin: 0.55rem 0 0; }
.conversion-quiet { font-size: 0.9rem; color: var(--ink-700); }
.conversion-security { margin: 0.45rem 0 0; font-size: 0.875rem; font-weight: 600; color: var(--ink-800); }
.lane-form[hidden] { display: none !important; }
.lane-form { margin-top: 1rem; }
.lane-form textarea {
  width: 100%;
  min-height: 8rem;
  padding: 0.65rem 0.75rem;
  font: inherit;
  color: var(--ink-900);
  background: var(--white);
  border: 1px solid var(--line-strong);
  border-radius: 8px;
}
.lane-form textarea:focus-visible,
.lane-form input:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.lane-form .form-status:focus { outline: 2px solid var(--focus); outline-offset: 3px; }
.conversion-continue { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.75rem; }
.conversion-continue .btn { white-space: normal; max-width: 100%; }
@media (max-width: 600px) {
  .conversion-continue .btn { width: 100%; justify-content: center; text-align: center; }
}