.lead-form{--field-bg:#fbfcfe;--field-border:#c8d2de;--field-border-hover:#9fb1c6;--danger:#c8412b;--danger-tint:#fcedea;background:var(--white);border:1px solid var(--steel-light);border-radius:18px;gap:1.15rem;padding:clamp(1.25rem,4vw,2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #0a356059,0 2px 6px -2px #0a356014;container-type:inline-size}.lead-form:before{content:"";background:linear-gradient(90deg, var(--navy) 0%, var(--sky) 60%, var(--flame) 100%);height:5px;position:absolute;inset:0 0 auto}.lead-form__head{align-items:flex-start;gap:.9rem;padding-bottom:.35rem;display:flex}.lead-form__badge{background:var(--sky-tint);width:46px;height:46px;color:var(--navy);border-radius:12px;flex:none;place-items:center;display:grid}.lead-form__badge svg{width:24px;height:24px}.lead-form__title{margin:.15rem 0 .25rem;font-size:1.35rem}.lead-form__intro{color:#4a5663;margin:0;font-size:.95rem;line-height:1.5}.lead-form__row{gap:1.15rem;display:grid}@container (width>=460px){.lead-form__row{grid-template-columns:1fr 1fr}}.field{border:0;gap:.4rem;min-width:0;margin:0;padding:0;display:grid}.field>label,.field>legend{color:var(--navy-ink);align-items:baseline;gap:.4rem;padding:0;font-size:.92rem;font-weight:700;display:flex}.req{color:var(--flame);font-weight:800}.opt{color:var(--steel);margin-left:auto;font-size:.8rem;font-weight:500}.field .hint{color:#4a5663;margin:0;font-size:.85rem;line-height:1.45}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--field-bg);border:1.5px solid var(--field-border);-webkit-appearance:none;appearance:none;border-radius:10px;min-height:3rem;padding:.8rem .95rem;font-size:1rem;line-height:1.4;transition:border-color .15s,box-shadow .15s,background-color .15s}.field textarea{resize:vertical;min-height:7rem}.field input::placeholder,.field textarea::placeholder{color:#9aa6b4}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--field-border-hover)}.field input:focus,.field select:focus,.field textarea:focus{background:var(--white);border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #3b8bd62e}.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--sky-tint) inset}.select-wrap{position:relative}.select-wrap select{cursor:pointer;padding-right:2.8rem}.select-wrap:after{content:"";border:solid var(--navy);pointer-events:none;border-width:0 2px 2px 0;width:.6rem;height:.6rem;position:absolute;top:50%;right:1.05rem;transform:translateY(-70%)rotate(45deg)}.err{color:var(--danger);margin:0;font-size:.85rem;font-weight:600;display:none}.field:has(:user-invalid) .err,.lead-form.was-validated .field:has(:invalid) .err{display:block}.field :user-invalid,.lead-form.was-validated .field :invalid{border-color:var(--danger);background:var(--danger-tint)}.field :user-invalid:focus,.lead-form.was-validated .field :invalid:focus{box-shadow:0 0 0 4px #c8412b29}.choices__list{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}@container (width>=460px){.choices__list{grid-template-columns:repeat(4,1fr)}}.choice{display:block;position:relative}.choice input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.choice span{border:1.5px solid var(--field-border);background:var(--field-bg);min-height:3rem;color:var(--navy-ink);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:.6rem .5rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.choice span:hover{border-color:var(--field-border-hover)}.choice input:checked+span{background:var(--navy);border-color:var(--navy);color:var(--white)}.choice input:focus-visible+span{box-shadow:0 0 0 4px #3b8bd647}.choice--urgent input:checked+span{background:var(--flame);border-color:var(--flame)}.attach{gap:.6rem;display:grid}.attach__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.attach__btn{cursor:pointer;padding:.6rem 1rem;font-size:.92rem}.attach__btn svg{width:18px;height:18px}.attach input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.attach input[type=file]:focus-visible+.attach__pick,.attach:has(input[type=file]:focus-visible) .attach__pick{box-shadow:0 0 0 4px #3b8bd647}.attach__list{gap:.5rem;max-width:none;margin:0;padding:0;list-style:none;display:grid}.attach__list li{border:1.5px solid var(--field-border);background:var(--field-bg);border-radius:10px;grid-template-columns:56px 1fr auto auto;align-items:center;gap:.75rem;margin:0;padding:.5rem .6rem;display:grid}.attach__list img{object-fit:cover;background:var(--ice);border-radius:6px;width:56px;height:42px}.attach__name{color:var(--navy-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.attach__size{color:var(--steel);white-space:nowrap;font-size:.82rem}.attach__remove{border:1px solid var(--field-border);background:var(--white);width:32px;height:32px;color:var(--navy-ink);cursor:pointer;border-radius:8px;font-size:1.2rem;line-height:1}.attach__remove:hover{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}@media (scripting:none){.attach input[type=file]{opacity:1;pointer-events:auto;width:100%;height:auto;position:static}.attach__pick{display:none}}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.lead-form__status{border-radius:10px;margin:0;padding:.85rem 1rem;font-size:.95rem;font-weight:600;line-height:1.45}.lead-form__status.is-error{background:var(--danger-tint);color:#8a2a1a;border:1px solid #f0c6be}.lead-form__status a{color:inherit}.lead-form__submit{cursor:pointer;justify-content:center;width:100%;min-height:3.25rem;margin-top:.25rem;font-size:1.05rem;position:relative}.lead-form__submit:disabled{opacity:.75;cursor:progress}.lead-form__spinner{border:2.5px solid #fff6;border-top-color:var(--white);border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite lead-form-spin;display:none}.lead-form.is-busy .lead-form__spinner{display:inline-block}@keyframes lead-form-spin{to{transform:rotate(360deg)}}@container (width>=460px){.lead-form__submit{justify-self:start;width:auto;padding-inline:1.75rem}}.lead-form__note{color:#4a5663;align-items:flex-start;gap:.5rem;margin:0;font-size:.85rem;line-height:1.45;display:flex}.lead-form__note svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:.2rem}
