/* Quiet, accessible completion state for the existing homepage wizard. */
#lead .done { gap:16px; }
#lead .done>p { max-width:48ch; line-height:1.6; }
#lead .done>h2:focus { outline:none; }
#lead .home-draft-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 20px; margin-top:4px; }
#lead .home-draft-actions a { text-decoration:none; }
#lead .home-draft-preview { width:min(540px,100%); color:#5b6778; font-size:13px; text-align:left; }
#lead .home-draft-preview summary { padding:10px 0; text-align:center; cursor:pointer; }
#lead .home-draft-preview textarea { box-sizing:border-box; width:100%; padding:18px; border:1px solid #e0e6ed; border-radius:10px; background:#fff; text-align:left; font-family:inherit; font-size:13px; line-height:1.65; resize:vertical; }
#lead .home-draft-preview textarea:focus-visible { outline:2px solid #1a4dff; outline-offset:3px; }
#lead #home-draft-status:empty { display:none; }
#lead #home-draft-status { font-size:12px; }
#lead #home-draft-edit { font-size:13px; }
.no-js #lead.has-draft .step, .no-js #lead.has-draft .nojs-send, .no-js #lead.has-draft .handover-note { display:none; }
.no-js #lead.has-draft .done { display:flex; position:relative; opacity:1; transform:none; pointer-events:auto; }
@media(max-width:560px) {
  #lead .home-draft-actions { flex-direction:column; gap:8px; width:100%; }
  #lead .home-draft-actions .btn { max-width:100%; }
  #lead .summary { grid-template-columns:auto minmax(0,1fr); max-width:100%; gap:6px 12px; }
  #lead .summary dd { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
}

#lead .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* A useful first message, with project details only when the visitor knows them. */
#lead .hint { font-size:15px; line-height:1.65; }
#lead .home-form-meta { margin-top:0; font-size:12px; color:#596b83; }
#lead .home-idea { width:min(620px,100%); box-sizing:border-box; min-height:136px; padding:18px 20px; border:1px solid #dce4ef; border-radius:14px; background:rgba(255,255,255,.88); box-shadow:0 2px 4px rgba(16,39,76,.025); font:400 16px/1.7 var(--font-body, sans-serif); text-align:left; resize:vertical; }
#lead .home-idea::placeholder { color:#6a798e; }
#lead .home-idea:focus-visible, #lead .home-optional summary:focus-visible, #lead #budget:focus-visible { outline:2px solid #1a4dff; outline-offset:3px; }
#lead .home-idea[aria-invalid="true"] { border-color:#a83a3a; }
#lead .home-optional { width:min(620px,100%); text-align:left; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; }
#lead .home-optional>summary { padding:16px 2px; color:#152841; cursor:pointer; font-size:14px; font-weight:600; }
#lead .home-optional>summary span { margin-left:4px; color:#617089; font-weight:400; }
#lead .home-optional-group { min-width:0; margin:0; padding:18px 0 20px; border:0; border-top:1px solid #edf0f5; }
#lead .home-optional-group[hidden] { display:none; }
#lead .home-optional legend { padding:12px 0 0; font:500 14px/1.5 var(--font-body,sans-serif); color:#253c59; }
#lead .home-optional legend span, #lead .home-budget-field label span { color:#6a798e; font-weight:400; }
#lead .home-optional .chips { justify-content:flex-start; gap:8px; margin-top:12px; }
#lead .home-optional .chip { padding:11px 15px; font-size:14px; line-height:1.45; border:1px solid #e2e8f0; background:#f4f7fb; }
#lead .home-optional .chip.picked { border-color:#1a4dff; background:#edf2ff; color:#1743bb; }
#lead .home-budget-field { padding:0 0 20px; display:grid; gap:8px; }
#lead .home-budget-field label { font-size:14px; color:#253c59; font-weight:500; }
#lead #budget { width:100%; max-width:280px; box-sizing:border-box; padding:12px 16px; border:1px solid #dce4ef; border-radius:10px; background:#fff; color:#152841; font:400 16px/1.5 var(--font-body,sans-serif); text-align:left; -webkit-text-stroke:0; }
#lead #budget::placeholder { color:#6a798e; -webkit-text-stroke:0; }
#lead #budget-hint { font-size:13px; line-height:1.5; color:#617089; }
#lead .summary { max-width:620px; font-size:14px; }
#lead .summary dd { white-space:normal; overflow-wrap:anywhere; max-width:45ch; }
#lead .home-followup { width:min(540px,100%); padding:20px 24px; box-sizing:border-box; border:1px solid #e2e8f0; background:#f7f9fc; border-radius:14px; text-align:left; }
#lead .home-followup h3 { margin:0 0 12px; color:#152841; font-size:16px; letter-spacing:-.01em; }
#lead .home-followup ol { margin:0; padding-left:20px; color:#52647d; font-size:14px; line-height:1.7; }
#lead .home-followup li+li { margin-top:8px; }
#lead .home-followup li::marker { color:#1a4dff; }
#lead .done>p { font-size:16px; }
#lead .home-draft-preview textarea { font-size:16px; }
.lv-process .lv-process__body>p { font-size:16px; line-height:1.7; }
.home-skip { position:fixed; left:16px; top:12px; z-index:10000; padding:13px 18px; border-radius:6px; background:#fff; color:#143052; box-shadow:0 4px 20px #10203924; transform:translateY(-150%); }
.home-skip:focus { transform:none; outline:2px solid #1a4dff; }
@media(max-width:560px) {
  #lead .hint { font-size:14px; }
  #lead .home-form-meta { font-size:12px; }
  #lead .home-optional>summary span { display:block; margin:4px 0 0 18px; }
  #lead .home-idea { padding:15px 16px; }
  #lead .home-followup { padding:18px; }
  #lead .summary { gap:8px 12px; }
}