#lpMap{background:#101010;color:#fff;padding:120px 0}
#lpMap .lpMap__in{max-width:1260px;margin:0 auto;padding:0 50px}
#lpMap .lpMap__head{max-width:640px;margin:0 0 56px}
#lpMap .lpMap__eye{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.3;color:#fff}
#lpMap .lpMap__eye i{width:8px;height:8px;display:inline-block;background:#2563eb}
#lpMap h2.lpMap__h2{font-size:var(--fs-heading-l,48px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:0;color:#fff;text-wrap:balance}
#lpMap p.lpMap__p{margin:24px 0 0;font-size:18px;line-height:1.5;color:#a3a3a3;max-width:560px}
#lpMap .lpMap__wrap{position:relative;width:100%;overflow:hidden}
#lpMap .lpMap__canvas{position:relative;width:1200px;height:660px;transform-origin:0 0;background-image:radial-gradient(#2a2a2a 1px,transparent 1px);background-size:24px 24px;font-family:Inter,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
#lpMap .lpMap__lines{position:absolute;inset:0;width:1200px;height:660px;overflow:visible}
#lpMap .lpMap__lines path{fill:none;stroke:#5c5c66;stroke-width:2;stroke-linecap:round}
#lpMap .lpMap__lines path.lpMap__live{stroke:#3b82f6;stroke-width:2.5}
#lpMap .lpMap__lines path.lpMap__dash{stroke-dasharray:5 6}
#lpMap .lpMap__lines text{font-size:12px;font-weight:600;fill:#d4d4d8;font-family:inherit;paint-order:stroke;stroke:#0a0a0a;stroke-width:6px;stroke-linejoin:round}
#lpMap .lpMap__node{position:absolute;width:220px;min-height:72px;padding:13px 16px;border:1px solid #27272a;border-radius:10px;background:#161616;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#lpMap .lpMap__node i{width:18px;height:18px;display:inline-block;color:#a3a3a3;flex:none}
#lpMap .lpMap__node b{display:block;font-size:13.5px;font-weight:600;line-height:18px;color:#fff}
#lpMap .lpMap__node small{display:block;font-size:12px;line-height:16px;color:#a3a3a3}
#lpMap .lpMap__node--ok{border-color:#1e3a8a}
#lpMap .lpMap__node--ok i{color:#60a5fa}
#lpMap .lpMap__agent{position:absolute;width:260px;padding:14px 16px;border:1px solid #2563eb;border-radius:12px;background:#121826;box-shadow:0 14px 40px rgba(37,99,235,.18)}
#lpMap .lpMap__agent h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-right:76px;font-size:12.5px;font-weight:600;color:#93c5fd;line-height:16px}
#lpMap .lpMap__agent h3::before{content:"";width:7px;height:7px;background:#2563eb;display:inline-block}
#lpMap .lpMap__agent dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12.5px;line-height:16px}
#lpMap .lpMap__agent dt{color:#737373}
#lpMap .lpMap__agent dd{margin:0;color:#fff;font-weight:500}
#lpMap .lpMap__agent .lpMap__chip{position:absolute;right:14px;top:12px;height:22px;padding:0 8px;border-radius:999px;background:#1e3a8a;color:#bfdbfe;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center}
#lpMap .lpMap__cond{position:absolute;width:76px;height:76px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:600;color:#fff;line-height:14px}
#lpMap .lpMap__cond::before{content:"";position:absolute;inset:8px;transform:rotate(45deg);border:1.5px solid #3b82f6;border-radius:6px;background:#161616}
#lpMap .lpMap__cond span{position:relative;max-width:64px}
#lpMap .lpMap__people{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}
#lpMap .lpMap__people li{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:16px;color:#fff}
#lpMap .lpMap__people img{width:22px;height:22px;border-radius:50%;object-fit:cover}
#lpMap .lpMap__people small{color:#737373;margin-left:auto}
#lpMap .lpMap__search{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#93c5fd}
#lpMap .lpMap__search i{width:12px;height:12px;border:2px solid #2563eb;border-right-color:transparent;border-radius:50%;animation:lpMap-spin 1s linear infinite;display:inline-block}
@keyframes lpMap-spin{to{transform:rotate(360deg)}}
#lpMap .lpMap__crm{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #1e3a8a;font-size:12px;color:#a3a3a3}
#lpMap .lpMap__crm img{width:16px;height:16px}
#lpMap .lpMap__crm{flex-wrap:wrap}
#lpMap .lpMap__crms{display:inline-flex;gap:6px;margin-left:12px;flex:none}
#lpMap .lpMap__crms img{width:26px;height:26px;border-radius:7px;background:#fff;padding:5px;box-sizing:border-box;object-fit:contain}
#lpMap .lpMap__crmIco{width:18px;height:18px;border-radius:5px;background:#fff;padding:2px;box-sizing:border-box;flex:none;object-fit:contain}
#lpMap .lpMap__custom{position:absolute;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px dashed rgba(37,99,235,.7);border-radius:14px;background:rgba(37,99,235,.08);color:#fff;text-decoration:none;font-family:Inter,sans-serif}
#lpMap .lpMap__custom b{font-size:14px;font-weight:600}
#lpMap .lpMap__custom small{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.7)}
#lpMap .lpMap__custom em{font-style:normal;font-size:12.5px;font-weight:600;color:#93b4ff;margin-top:2px}
#lpMap .lpMap__custom:hover{border-style:solid}
#lpMap .lpMap__notif{position:absolute;width:300px;padding:12px 14px;border-radius:14px;background:#fff;color:#171717;display:flex;gap:10px;align-items:flex-start;box-shadow:0 14px 40px rgba(0,0,0,.35)}
#lpMap .lpMap__notif img{width:20px;height:20px;flex:none}
#lpMap .lpMap__notif em{display:block;font-style:normal;font-size:11px;color:#a3a3a3}
#lpMap .lpMap__notif b{display:block;font-size:13px;font-weight:600;line-height:17px}
#lpMap .lpMap__cond em{display:none}
#lpMap .lpMap__el{opacity:0;translate:0 8px}
#lpMap .lpMap__canvas.lpMap__static .lpMap__el{opacity:1;translate:none}
#lpMap .lpMap__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 0;padding-top:20px;border-top:1px solid #27272a;font-size:14px;color:#a3a3a3}
#lpMap .lpMap__foot b{color:#fff;font-weight:600}
#lpMap .lpMap__foot .lpMap__ok{display:inline-flex;align-items:center;gap:6px;color:#60a5fa;font-weight:500;white-space:nowrap}
#lpMap .lpMap__foot .lpMap__ok i{width:14px;height:14px;display:inline-block}
@media (max-width:991px){
#lpMap{padding:80px 0}
#lpMap .lpMap__in{padding:0 24px}
#lpMap .lpMap__head{margin-bottom:36px}
#lpMap .lpMap__wrap{overflow:visible}
#lpMap .lpMap__canvas{width:auto;height:auto;transform:none!important;display:flex;flex-direction:column;gap:12px;padding-left:22px;border-left:1px solid #27272a;background:none}
#lpMap .lpMap__lines{display:none}
#lpMap .lpMap__node,#lpMap .lpMap__cond,#lpMap .lpMap__notif,#lpMap .lpMap__custom{position:static;width:auto;max-width:420px}
#lpMap .lpMap__agent{width:auto!important;max-width:420px}
#lpMap .lpMap__agent{position:relative;left:auto!important;top:auto!important;width:auto;max-width:420px}
#lpMap .lpMap__cond{height:auto;display:flex;justify-content:flex-start;padding:10px 14px;border:1px solid #2563eb;border-radius:10px;background:#161616;font-size:13px}
#lpMap .lpMap__cond::before{display:none}
#lpMap .lpMap__cond span{max-width:none}
#lpMap .lpMap__cond em{display:inline;font-style:normal;color:#737373;font-weight:400;margin-left:8px}
#lpMap .lpMap__el{opacity:1;translate:none}
#lpMap .lpMap__foot{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){#lpMap .lpMap__el{opacity:1;translate:none}}