.loc-demo{position:relative;overflow:hidden;border-radius:1.75rem;background:radial-gradient(circle at top right,rgba(110,200,200,.18),transparent 42%),radial-gradient(circle at bottom left,rgba(200,164,106,.14),transparent 40%),linear-gradient(160deg,#171a22,#12141a 55%,#1a1d26);color:#f4f1ec;box-shadow:var(--mkt-neo-out);border:1px solid rgba(255,255,255,.08);min-height:420px}.loc-demo__label{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:.35rem .7rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,236,.72)}.loc-demo__card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.22)}.loc-demo__pulse{animation:loc-pulse 2.4s ease-in-out infinite}.loc-demo__flow{animation:loc-flow 9s ease-in-out infinite}.loc-demo__slide{animation:loc-slide 9s ease-in-out infinite}.loc-demo__route{stroke-dasharray:180;stroke-dashoffset:180;animation:loc-draw 9s ease-in-out infinite}.loc-demo__status{animation:loc-status 9s ease-in-out infinite}.loc-demo__marker{animation:loc-marker 9s ease-in-out infinite}.loc-demo__timeline{animation:loc-timeline 10s ease-in-out infinite}@keyframes loc-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes loc-flow{0%,12%{opacity:0;transform:translateY(10px)}20%,70%{opacity:1;transform:translateY(0)}82%,to{opacity:.35;transform:translateY(-4px)}}@keyframes loc-slide{0%,15%{opacity:0;transform:translateX(-12px)}25%,72%{opacity:1;transform:translateX(0)}88%,to{opacity:.4;transform:translateX(8px)}}@keyframes loc-draw{0%,28%{stroke-dashoffset:180;opacity:.2}42%,75%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:.35}}@keyframes loc-status{0%,20%{content:none;opacity:.55}35%,55%{opacity:1}70%,to{opacity:.8}}@keyframes loc-marker{0%,18%{transform:translate(0) scale(1);fill:#6ec8c8}35%,60%{transform:translate(18px,-10px) scale(1.08);fill:#c8a46a}80%,to{transform:translate(34px,-4px) scale(1);fill:#e89aab}}@keyframes loc-timeline{0%,18%{width:18%}40%{width:48%}70%{width:78%}to{width:18%}}@media (prefers-reduced-motion:reduce){.loc-demo__flow,.loc-demo__marker,.loc-demo__pulse,.loc-demo__route,.loc-demo__slide,.loc-demo__status,.loc-demo__timeline{animation:none!important}.loc-demo__route{stroke-dashoffset:0;opacity:.85}}