/* Call-back popup (assets/js/lead.js) */
.ld-lock{overflow:hidden}
.ld-wrap{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:16px;visibility:hidden;pointer-events:none}
.ld-wrap.on{visibility:visible;pointer-events:auto}
.ld-back{position:absolute;inset:0;background:rgba(2,4,10,.72);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.ld-wrap.on .ld-back{opacity:1}
.ld-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:230px 1fr;border-radius:24px;
  background:linear-gradient(160deg,#0f1630,#080b18 60%);border:1px solid rgba(94,242,255,.22);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,138,61,.08),0 0 60px rgba(41,171,226,.15);
  transform:translateY(24px) scale(.96);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1.15),opacity .3s}
.ld-wrap.on .ld-card{transform:none;opacity:1}
.ld-x{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2,rgba(255,255,255,.15));background:rgba(255,255,255,.04);color:var(--text,#e8ecff);font-size:22px;line-height:1;cursor:pointer}
.ld-x:hover{border-color:var(--orange,#ff8a3d);color:var(--orange,#ff8a3d)}
.ld-side{position:relative;padding:28px 18px 22px;background:radial-gradient(circle at 50% 30%,rgba(41,171,226,.22),transparent 65%),linear-gradient(180deg,rgba(255,138,61,.08),transparent);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.ld-robot{width:170px;max-width:100%}
.ld-perks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;color:var(--muted,#9aa3c7)}
.ld-perks li{display:flex;align-items:center;gap:8px}.ld-perks li:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(182,243,106,.14);color:var(--lime,#b6f36a)}
.ld-main{padding:30px 30px 24px}
.ld-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:600 11.5px var(--font-m,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--lime,#b6f36a)}
.ld-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--lime,#b6f36a);box-shadow:0 0 0 0 rgba(182,243,106,.6);animation:ldPulse 1.8s infinite}
@keyframes ldPulse{70%{box-shadow:0 0 0 9px rgba(182,243,106,0)}100%{box-shadow:0 0 0 0 rgba(182,243,106,0)}}
.ld-main h2{font-family:var(--font-d,inherit);font-weight:600;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2;margin:0 34px 8px 0;color:var(--text,#fff)}
.ld-sub{color:var(--muted,#9aa3c7);font-size:14px;margin:0 0 18px}
.ld-hp{position:absolute;left:-9999px}
.ld-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ld-f{position:relative;margin-bottom:10px}
.ld-f input,.ld-f select{width:100%;padding:21px 14px 8px;border-radius:12px;border:1px solid var(--line2,rgba(255,255,255,.14));background:rgba(4,6,13,.65);color:var(--text,#fff);font:inherit;font-size:15px;outline:none;appearance:none;transition:border-color .25s,box-shadow .25s}
.ld-f select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e98bd' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.ld-f select option{background:#0b0f1d}
.ld-f label{position:absolute;left:14px;top:15px;color:var(--muted,#9aa3c7);font-size:14.5px;pointer-events:none;transition:.2s}
.ld-f input:focus,.ld-f select:focus{border-color:var(--cyan,#5ef2ff);box-shadow:0 0 0 3px rgba(94,242,255,.12)}
.ld-f input:focus+label,.ld-f input:not(:placeholder-shown)+label,.ld-f select+label{top:6px;font-size:10.5px;letter-spacing:.04em;color:var(--cyan,#5ef2ff)}
.ld-mob span{position:absolute;left:14px;top:21px;font-size:15px;color:var(--muted,#9aa3c7)}
.ld-mob input{padding-left:46px}.ld-mob label{left:46px}
.ld-q{margin:6px 0 8px;font-size:13px;font-weight:700;color:var(--text,#fff)}
.ld-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ld-chips label{cursor:pointer}.ld-chips input{position:absolute;opacity:0;pointer-events:none}
.ld-chips span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.14));font-size:12.5px;font-weight:600;color:var(--muted,#9aa3c7);transition:.2s}
.ld-chips input:checked+span{background:linear-gradient(135deg,#ffb547,#ff8a3d);color:#1a0b02;border-color:transparent}
.ld-chips input:focus-visible+span{outline:2px solid var(--cyan,#5ef2ff);outline-offset:2px}
.ld-err{min-height:18px;margin:2px 0 6px;color:var(--pink,#f472b6);font-size:13px;font-weight:600}
.ld-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#ffb547,#ff8a3d 55%,#ff6a3d);color:#1a0b02;font:700 15.5px inherit;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(255,138,61,.35);transition:transform .2s,box-shadow .2s}
.ld-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,138,61,.5)}
.ld-btn:disabled{opacity:.7;cursor:wait;transform:none}
.ld-btn svg{width:18px;height:18px}
.ld-note{margin:10px 0 0;text-align:center;font-size:12px;color:var(--dim,#6b7394)}
.ld-ok{text-align:center;padding:24px 4px}
.ld-ok h2{margin:8px 0}.ld-ok p{color:var(--muted,#9aa3c7);margin:0 0 20px}
.ld-tick{width:84px;height:84px;margin:0 auto}
.ld-tick svg{width:100%;height:100%;fill:none;stroke:var(--lime,#b6f36a);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ld-tick circle{stroke-dasharray:151;stroke-dashoffset:151;animation:ldDraw .8s forwards}.ld-tick path{stroke-dasharray:40;stroke-dashoffset:40;animation:ldDraw .5s .7s forwards}
@keyframes ldDraw{to{stroke-dashoffset:0}}
.ld-wa{background:#25d366;color:#04210f;box-shadow:0 10px 30px rgba(37,211,102,.3)}

/* floating button (bottom-left; WhatsApp stays bottom-right) */
.ld-fab{position:fixed;left:18px;bottom:18px;z-index:900;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;border:1px solid rgba(255,138,61,.45);
  background:rgba(10,14,28,.9);backdrop-filter:blur(8px);color:var(--text,#fff);font:inherit;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.45);transform:translateY(120px);transition:transform .5s cubic-bezier(.2,.9,.25,1.2)}
.ld-fab.in{transform:none}
.ld-fab b{font-size:13.5px;font-weight:700}
.ld-ring{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffb547,#ff8a3d);color:#1a0b02}
.ld-ring svg{width:18px;height:18px;animation:ldShake 3s infinite}
.ld-ring:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,138,61,.6);animation:ldRing 2s infinite}
@keyframes ldRing{from{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}
@keyframes ldShake{0%,86%,100%{transform:rotate(0)}88%,92%,96%{transform:rotate(-14deg)}90%,94%,98%{transform:rotate(14deg)}}

@media (max-width:680px){
  .ld-wrap{place-items:end center;padding:0}
  .ld-card{grid-template-columns:1fr;border-radius:22px 22px 0 0;max-height:92vh;transform:translateY(100%)}
  .ld-side{display:none}
  .ld-main{padding:24px 18px 20px}
  .ld-row{grid-template-columns:1fr;gap:0}
  .ld-fab b{display:none}.ld-fab{padding:8px;left:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){.ld-card,.ld-fab{transition:none}.ld-ring svg,.ld-ring:after,.ld-eyebrow i{animation:none}}
@media print{.ld-wrap,.ld-fab{display:none!important}}
