/* Collaboration request dialog */
html.lead-lock{overflow:hidden}
.lead[hidden],.lead [hidden]{display:none!important}
.lead{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .25s}
.lead.on{opacity:1}
.lead-bg{position:absolute;inset:0;background:rgba(6,6,7,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lead-box{position:relative;width:min(680px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:26px;border:1px solid var(--line-2);
  background:linear-gradient(160deg,#18181b,#0f0f11 70%);box-shadow:0 40px 120px -30px rgba(0,0,0,.9);padding:40px 40px 32px;transform:translateY(18px) scale(.98);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lead.on .lead-box{transform:none}
.lead-x{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:none;display:grid;place-items:center;cursor:pointer;color:var(--paper);transition:background .2s,color .2s}
.lead-x:hover{background:var(--paper);color:var(--ink)}
.lead-x svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none}
.lead h2{font-size:clamp(28px,4vw,40px);line-height:1.1;margin-top:14px;max-width:22ch}
.lead-sub{color:var(--soft);font-size:15px;margin-top:12px;max-width:52ch}
.lead-form{display:grid;gap:16px}
.lead-form>.label{margin:0}
.lead-form>p.lead-sub{margin:0 0 6px}
.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead label{display:grid;gap:7px;font-size:12px;color:var(--mute);letter-spacing:.02em}
.lead input:not([type=checkbox]){width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line-2);background:rgba(240,239,236,.03);color:var(--paper);font:inherit;font-size:15px;outline:none;transition:border-color .2s,background .2s}
.lead input:not([type=checkbox]):focus{border-color:var(--paper);background:rgba(240,239,236,.06)}
.lead input::placeholder{color:#6d6d70}
.lead .bad,.lead input.bad{border-color:#e5484d!important}
.lead-tel{display:flex;height:48px;border-radius:14px;border:1px solid var(--line-2);overflow:hidden;transition:border-color .2s}
.lead-tel:focus-within{border-color:var(--paper)}
.lead-tel span{display:grid;place-items:center;padding:0 14px;font-size:15px;color:var(--paper);background:rgba(240,239,236,.07);border-right:1px solid var(--line-2)}
.lead-tel input{border:0!important;border-radius:0!important;height:100%!important;letter-spacing:.04em}
.lead-svc{border:0;padding:0;margin:4px 0 0;min-width:0;border-radius:16px}
.lead-svc.bad{outline:1px solid #e5484d;outline-offset:8px}
.lead-svc legend{font-size:12px;color:var(--mute);padding:0;margin-bottom:10px;letter-spacing:.02em}
.lead-svc legend small{color:#6d6d70;margin-left:6px}
.lead-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lead .lead-chip{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);cursor:pointer;color:var(--soft);font-size:14px;letter-spacing:0;transition:border-color .2s,background .2s,color .2s}
.lead-chip:hover{border-color:var(--line-2)}
.lead-chip input{position:absolute;opacity:0;pointer-events:none}
.lead-chip i{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:background .2s,border-color .2s}
.lead-chip i svg{width:12px;height:12px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .25s}
.lead-chip input:checked~i{background:var(--paper);border-color:var(--paper)}
.lead-chip input:checked~i svg{stroke-dashoffset:0}
.lead-chip:has(input:checked){border-color:var(--paper);color:var(--paper);background:rgba(240,239,236,.05)}
.lead-chip input:focus-visible~i{outline:1.5px solid var(--paper);outline-offset:3px}
.lead-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.lead-err{color:#ff8a8d;font-size:13px;min-height:1em;margin:-4px 0 0}
.lead-note{font-size:12px;color:#6d6d70;text-align:center;margin-top:-4px}

/* "Təklif al": a light keeps running around the button to draw the eye */
.lead-go{position:relative;isolation:isolate;overflow:hidden;height:64px;border:0;border-radius:999px;cursor:pointer;background:transparent;padding:0;color:var(--ink);font:inherit;font-size:16px;font-weight:500;margin-top:4px;animation:leadglow 2.8s ease-in-out infinite}
.lead-go::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:160%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);
  background:conic-gradient(from 0deg,rgba(240,239,236,.22) 0 50%,rgba(143,168,255,.7) 64%,#fff 76%,#fff 80%,rgba(143,168,255,.7) 90%,rgba(240,239,236,.22) 97%);animation:leadspin 2.8s linear infinite}
.lead-go::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:999px;background:#121214}
.lead-go span{position:absolute;inset:6px;border-radius:999px;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:10px;transition:background .25s}
.lead-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s}
.lead-go:hover span{background:#fff}
.lead-go:hover svg{transform:translateX(4px)}
.lead-go.busy span{opacity:.6}
.lead-go:disabled{cursor:default}
@keyframes leadspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes leadglow{0%,100%{box-shadow:0 0 0 0 rgba(143,168,255,0)}50%{box-shadow:0 0 36px -8px rgba(143,168,255,.45)}}

.lead-done{display:grid;justify-items:center;text-align:center;gap:6px;padding:20px 0 8px}
.lead-done h2{margin-top:16px}
.lead-done .lead-sub{margin-bottom:18px}
.lead-alt{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.lead-ok svg{width:72px;height:72px;fill:none;stroke:var(--paper);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lead-ok circle{stroke:var(--line-2)}
.lead-ok path{stroke-dasharray:40;stroke-dashoffset:40;animation:leadok .6s .15s ease forwards}
@keyframes leadok{to{stroke-dashoffset:0}}

@media (max-width:620px){
  .lead{padding:0;align-items:end}
  .lead-box{border-radius:24px 24px 0 0;max-height:94dvh;padding:30px 18px 24px;transform:translateY(40px)}
  .lead-row,.lead-chips{grid-template-columns:1fr}
  .lead-x{right:12px;top:12px}
}
@media (prefers-reduced-motion:reduce){.lead-go::before,.lead-go{animation:none}}