/* real-estate-lead-management-software bespoke card illustrations (lm-) */
.lm-w{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11.5px;font-weight:600;line-height:1.2;color:#0F172A;white-space:nowrap}
.mv .lm-w b,.mv .lm-w i,.mv .lm-w em,.mv .lm-w u,.mv .lm-cal b,.mv .lm-cal i,.mv .lm-cal u{font-style:normal;font-weight:600;text-decoration:none}
.lm-s{background:#fff;border-radius:10px;box-shadow:0 0 0 1px #E7E2D8,0 4px 12px rgba(15,23,42,.06)}
/* 1 conveyor */
.lm-belt{position:relative;width:196px;height:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%);mask-image:linear-gradient(90deg,transparent,#000 16%)}
.lm-bl{position:absolute;left:0;right:0;bottom:3px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--sx-b) 0 6px,transparent 6px 12px);opacity:.7;animation:lmk-march 2.6s linear infinite}
.lm-ch{position:absolute;left:0;top:3px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 9px;border-radius:9px;animation:lmk-belt 4.5s linear infinite}
.lm-ch u{width:8px;height:8px;border-radius:50%}
.lm-c2{animation-delay:-1.5s}.lm-c3{animation-delay:-3s}
.lm-tray{position:relative;width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;animation:lmk-bump 1.5s ease-in-out infinite}
.lm-bd{position:absolute;top:-7px;right:-8px;padding:2px 6px;border-radius:99px;background:var(--sx-a);color:#fff;font-size:10.5px;animation:lmk-bdg 1.5s ease-out infinite}
@keyframes lmk-march{to{background-position-x:48px}}
@keyframes lmk-belt{0%{transform:translateX(-84px);opacity:0}14%{opacity:1}84%{transform:translateX(112px) scale(1);opacity:1}100%{transform:translateX(158px) scale(.6);opacity:0}}
@keyframes lmk-bump{0%,80%,100%{transform:scale(1)}92%{transform:scale(1.07)}}
@keyframes lmk-bdg{0%,58%{opacity:0;transform:translateY(5px) scale(.7)}78%{opacity:1;transform:none}96%{opacity:1}100%{opacity:0}}
/* 2 typewriter + stamp */
.lm-cv{flex-direction:column;align-items:stretch;gap:6px;width:218px}
.lm-bb{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:12px;width:max-content;max-width:100%}
.lm-bi{border-bottom-left-radius:4px;animation:lmk-bin 6.4s ease-out infinite}
.lm-bo{align-self:flex-end;background:var(--sx-a);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px rgba(225,29,72,.25);animation:lmk-bout 6.4s ease-out infinite}
.lm-ai{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.22);font-size:10.5px}
.lm-ty{display:inline-block;animation:lmk-type 6.4s linear infinite}
.lm-bk{align-self:center;padding:4px 10px;border-radius:8px;background:#DCFCE7;color:#166534;box-shadow:0 0 0 1.5px #166534;transform:rotate(-4deg);animation:lmk-stamp 6.4s ease-out infinite}
@keyframes lmk-bin{0%{opacity:0;transform:translateY(6px)}6%,94%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes lmk-bout{0%,12%{opacity:0;transform:translateY(6px)}18%,94%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes lmk-type{0%,19%{clip-path:inset(0 100% 0 0)}19.1%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(15,end)}48%,100%{clip-path:inset(0 0 0 0)}}
@keyframes lmk-stamp{0%,58%{opacity:0;transform:rotate(-12deg) scale(2.2)}64%{opacity:1;transform:rotate(-4deg) scale(.9)}70%{transform:rotate(-4deg) scale(1.07)}76%,94%{opacity:1;transform:rotate(-4deg) scale(1)}99%,100%{opacity:0;transform:rotate(-4deg) scale(1)}}
/* 3 odometer */
.lm-sc{gap:8px;animation:lmk-fade 6s ease-in-out infinite}
.lm-ld{padding:9px 11px;display:flex;flex-direction:column;gap:8px}
.lm-lh{display:flex;align-items:center;gap:7px}
.lm-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sx-t);color:var(--sx-a);font-size:10.5px}
.lm-sr{display:flex;align-items:center;gap:2px}
.lm-od{width:15px;height:24px;overflow:hidden;border-radius:4px;background:var(--sx-t)}
.lm-dg{display:flex;flex-direction:column;transform:translateY(-198px);animation:lmk-r1 6s infinite}
.lm-d2{transform:translateY(-288px);animation-name:lmk-r2}
.lm-dg u{height:24px;line-height:24px;text-align:center;font-size:18px;font-weight:700;color:var(--sx-a);text-decoration:none}
.lm-hot{margin-left:6px;padding:3px 8px;border-radius:99px;background:#FEE2E2;color:#991B1B;font-size:10.5px;animation:lmk-hot 6s infinite}
.lm-cn{position:relative;width:34px;height:2px;background:repeating-linear-gradient(90deg,#C9A45C 0 4px,transparent 4px 8px)}
.lm-tv{position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--sx-a);transform:translateX(32px);animation:lmk-tv 6s infinite}
.lm-ags{display:flex;flex-direction:column;gap:6px}
.lm-ag{position:relative;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px #E7E2D8;color:#475569;font-size:10.5px}
.lm-pk{color:var(--sx-a)}
.lm-pk em{position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 2px var(--sx-a);animation:lmk-ring 6s infinite}
.lm-pk b{position:absolute;right:-5px;bottom:-4px;width:13px;height:13px;border-radius:50%;background:#166534;color:#fff;font-size:8px;display:grid;place-items:center;animation:lmk-hot 6s infinite}
@keyframes lmk-fade{0%{opacity:0}5%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes lmk-r1{0%,8%{transform:translateY(0);animation-timing-function:cubic-bezier(.3,.7,.2,1)}44%,98%{transform:translateY(-198px)}100%{transform:translateY(0)}}
@keyframes lmk-r2{0%,8%{transform:translateY(0);animation-timing-function:cubic-bezier(.3,.7,.2,1)}52%,98%{transform:translateY(-288px)}100%{transform:translateY(0)}}
@keyframes lmk-hot{0%,52%{opacity:0;transform:scale(.4)}58%{opacity:1;transform:scale(1.2)}64%,92%{opacity:1;transform:scale(1)}98%,100%{opacity:0}}
@keyframes lmk-tv{0%,60%{opacity:0;transform:translateX(-3px)}64%{opacity:1}74%{opacity:1;transform:translateX(32px)}78%,100%{opacity:0;transform:translateX(32px)}}
@keyframes lmk-ring{0%,74%{opacity:0;transform:scale(.7)}82%{opacity:1;transform:scale(1.1)}88%,92%{opacity:1;transform:scale(1)}98%,100%{opacity:0}}
/* 4 now line */
.lm-cal{padding:8px 8px 8px;display:flex;flex-direction:column;gap:6px}
.lm-hr{display:flex;width:240px}
.lm-hr i{width:48px;font-size:10.5px;color:#64748B;font-weight:600}
.lm-tl{position:relative;width:240px;height:82px;background:repeating-linear-gradient(90deg,#E7E2D8 0 1px,transparent 1px 48px)}
.lm-vb{position:absolute;width:64px;height:24px;border-radius:7px;background:var(--sx-t);box-shadow:0 0 0 1px #FECDD3;overflow:hidden;font-size:10.5px;display:flex;align-items:center;padding-left:7px}
.lm-k1{left:10px;top:2px}.lm-k2{left:90px;top:30px}.lm-k3{left:168px;top:56px}
.lm-fl{position:absolute;inset:0;background:#DCFCE7;transform-origin:left;animation:lmk-fill 7s ease-in-out infinite;animation-delay:.53s}
.lm-vb span{position:relative}
.lm-ck{position:absolute;right:5px;color:#166534;font-size:11px;animation:lmk-ck 7s infinite;animation-delay:.53s}
.lm-k2 .lm-fl,.lm-k2 .lm-ck{animation-delay:2.53s}.lm-k3 .lm-fl,.lm-k3 .lm-ck{animation-delay:4.49s}
.lm-nl{position:absolute;left:0;top:-3px;bottom:0;width:2px;background:var(--sx-a);opacity:0;animation:lmk-now 7s linear infinite}
.lm-nl::before{content:"";position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--sx-a)}
@keyframes lmk-now{0%{transform:translateX(0);opacity:0}4%{transform:translateX(0);opacity:1}90%{transform:translateX(238px);opacity:1}96%,100%{transform:translateX(238px);opacity:0}}
@keyframes lmk-fill{0%{transform:scaleX(0)}23%,94%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes lmk-ck{0%,21%{opacity:0;transform:scale(.4)}28%{opacity:1;transform:scale(1.25)}33%,94%{opacity:1;transform:scale(1)}99%,100%{opacity:0}}
/* 5 lead moving through stages */
.lm-dl{gap:20px}
.lm-dl .lm-st{padding:10px 12px}
.lm-st{display:flex;flex-direction:column;gap:9px}
.lm-sh{font-size:11px;color:#475569}
.lm-ns{position:relative;display:flex}
.lm-tk{position:absolute;left:27px;right:27px;top:5px;height:3px;border-radius:2px;background:#E7E2D8;overflow:hidden}
.lm-pg{position:absolute;inset:0;background:var(--sx-a);transform-origin:left;animation:lmk-prog 6.5s infinite}
.lm-sn{position:relative;width:54px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;color:#475569}
.lm-no{width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #FECDD3}
.lm-no u{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:var(--sx-a)}
.lm-n2{animation:lmk-n2 6.5s infinite}.lm-n3{animation:lmk-n3 6.5s infinite}.lm-n4{animation:lmk-n4 6.5s infinite}
@keyframes lmk-prog{0%,12%{transform:scaleX(0)}20%,34%{transform:scaleX(.333)}42%,56%{transform:scaleX(.667)}64%,92%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes lmk-n2{0%,18%{transform:scale(0)}24%{transform:scale(1.4)}28%,92%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes lmk-n3{0%,40%{transform:scale(0)}46%{transform:scale(1.4)}50%,92%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes lmk-n4{0%,62%{transform:scale(0)}68%{transform:scale(1.4)}72%,92%{transform:scale(1)}100%{transform:scale(0)}}
/* 6 lead source bars */
.lm-rp{width:220px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.lm-rh{font-size:11px;color:#475569}
.lm-bars{display:flex;align-items:flex-end;gap:9px}
.lm-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}
.lm-bar u{position:relative;display:block;width:100%;height:52px;border-radius:5px;background:var(--sx-t);overflow:hidden}
.lm-bar u i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--sx-a);transform-origin:bottom;animation:lmk-grow 6s cubic-bezier(.3,.7,.2,1) infinite}
.lm-bar:nth-child(2) u i{animation-delay:.15s}.lm-bar:nth-child(3) u i{animation-delay:.3s}.lm-bar:nth-child(4) u i{animation-delay:.45s}.lm-bar:nth-child(5) u i{animation-delay:.6s}
.lm-bar:nth-child(3) u i{background:var(--sx-b)}
.lm-bar em{font-size:10px;color:#64748B}
@keyframes lmk-grow{0%,6%{transform:scaleY(0)}30%,90%{transform:scaleY(1);opacity:1}98%{transform:scaleY(1);opacity:0}100%{transform:scaleY(0);opacity:0}}
@media (prefers-reduced-motion:reduce){
.lm-bl,.lm-ch,.lm-tray,.lm-bd,.lm-bi,.lm-bo,.lm-ty,.lm-bk,.lm-sc,.lm-dg,.lm-hot,.lm-tv,.lm-pk em,.lm-pk b,.lm-fl,.lm-ck,.lm-nl,.lm-pg,.lm-no u,.lm-bar u i{animation:none!important}
.lm-c1{transform:translateX(100px)}.lm-c2{transform:translateX(8px)}.lm-c3{display:none}
.lm-bd,.lm-tv,.lm-nl{opacity:0}.lm-d1{transform:translateY(-198px)}.lm-d2{transform:translateY(-288px)}
}