
.brand-motion .lm-stage{height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#12365b,#061425 75%);border-radius:16px;isolation:isolate;perspective:900px}
.brand-motion .lm-grid{position:absolute;inset:0;background-image:linear-gradient(#a4d4ff09 1px,transparent 1px),linear-gradient(90deg,#a4d4ff09 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.brand-motion .lm-glow{position:absolute;width:240px;height:240px;left:calc(50% - 120px);top:35px;background:radial-gradient(circle,#51c8ff26,transparent 68%)}
.brand-motion .lm-logo{position:absolute;width:164px;height:164px;left:calc(50% - 82px);top:76px;overflow:visible;filter:drop-shadow(0 12px 24px #0005)}
.brand-motion .lm-logo g{transform-box:fill-box;transform-origin:center}
.brand-motion .lm-orbit{position:absolute;width:232px;height:232px;left:calc(50% - 116px);top:42px;border:1px solid #80d3ff30;border-radius:50%;opacity:0}
.brand-motion .lm-orbit:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;background:#a2e1ff;border-radius:50%;box-shadow:0 0 14px #70ceff}
.brand-motion .lm-o2{width:274px;height:274px;left:calc(50% - 137px);top:21px}
.brand-motion .lm-caption{position:absolute;bottom:55px;width:100%;text-align:center;color:#c3d5e9;font:500 11px/1.5 system-ui;letter-spacing:3px}
.brand-motion .lm-progress{position:absolute;bottom:36px;height:2px;width:100px;left:calc(50% - 50px);background:#ffffff16;overflow:hidden}
.brand-motion .lm-progress>div{height:100%;background:#9edcff;transform-origin:left}
.brand-motion .lm-wipe{position:absolute;inset:-100%;background:#1671a9;z-index:3;transform:translateX(-120%) rotate(-25deg);opacity:0}
.brand-motion .lm-echo{position:absolute;width:164px;height:164px;left:calc(50% - 82px);top:76px;overflow:visible;opacity:0;fill:none;stroke:#9edcff;stroke-width:7;filter:drop-shadow(0 0 5px #84d6ff66);pointer-events:none}
@media(max-width:420px){.brand-motion .lm-stage{height:340px}}
.brand-motion-overlay{position:fixed;inset:0;z-index:10000;display:grid;align-content:center;justify-items:center;background:#061425}
.brand-motion-overlay .lm-stage{width:min(100%,640px);background:transparent}
.brand-motion .lm-caption,.brand-motion .lm-progress{display:none}
.brand-motion-status{color:#d4e5f7;font:500 14px/1.5 system-ui;text-align:center}
.brand-motion-loading{position:fixed;right:16px;bottom:16px;width:160px;height:172px;z-index:9999;background:#061425;border-radius:14px;box-shadow:0 6px 24px #0003;pointer-events:none}
.brand-motion-loading .lm-stage{position:absolute;top:0;left:0;width:320px;height:300px;transform:scale(.5);transform-origin:top left}
.brand-motion-loading .brand-motion-status{position:absolute;bottom:14px;width:100%}
@media(prefers-reduced-motion:reduce){.brand-motion-overlay{display:none}}
