/* The site's one email box (assets/lead-capture.js). Inherits its section's text colour; works on paper and dark. */
.lead-form{position:relative;display:grid;gap:8px}
.lead-form label{display:block;font-size:15px;font-weight:600;margin:0 0 8px;color:inherit}
.lead-row{display:flex;gap:10px;align-items:stretch}
.lead-row .field{flex:1 1 auto;min-width:0;min-height:52px;margin:0;padding:12px 16px;font-size:16px;border-radius:10px;box-sizing:border-box}
.lead-row .btn{flex:none;min-height:52px;padding:0 24px;border-radius:10px;white-space:nowrap}
.lead-row-text{align-items:flex-end}
.lead-row-text .field{min-height:96px;resize:vertical;font:inherit;font-size:16px;line-height:1.5}
.lead-note,.lead-done,.lead-error{margin:10px 0 0;font-size:14px;line-height:1.5}
.lead-note{opacity:.75}
.lead-done{font-size:17px;font-weight:600}
.lead-done:focus{outline:none}
.lead-error{color:#b7352d;font-weight:600}
.lead-form[aria-busy="true"] .btn{opacity:.6;cursor:progress}
/* Hidden from people, present for form-filling bots. */
.lead-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.lead-human:empty{display:none}
.lead-human{margin-top:8px}
@media(max-width:600px){
 .lead-row{flex-direction:column}
 .lead-row .btn{width:100%}
}
/* "Build your project" with a saved plan: the two choices it turns into (assets/lead-capture.js). */
.plan-choice{display:inline-flex;flex-wrap:wrap;gap:10px;max-width:100%}
.hdr-right:has(.plan-choice){position:relative}
.hdr .plan-choice{position:absolute;top:calc(100% + 8px);right:0;z-index:5;max-width:none;white-space:nowrap;flex-direction:column;flex-wrap:nowrap;padding:10px;border-radius:12px;background:#071214;border:1px solid rgba(255,255,255,.18)}