/* Ilustraciones animadas de las landings (estilo Lata: tarjetas blancas
   flotantes, acentos cyan/lima). Archivo aparte, sin build. */
.lx{--cyan:#00FFE2;--lime:#B0FE04;--cyan-soft:#D6FFF9;--lime-soft:#EEFFC9;--ink:#3B3366;--ink-txt:#2A2550;--muted:#7C8191;--line:#E6E8EF;--panel:#FFFFFF;--bg2:#F4F5F9;
  position:relative;width:100%;max-width:520px;aspect-ratio:1/1.02;margin:0 auto;font-family:Montserrat,system-ui,sans-serif;color:var(--ink-txt);isolation:isolate}
.lx *{box-sizing:border-box}

/* fondo */
.lx__blob{position:absolute;border-radius:50%;filter:blur(44px);z-index:0;animation:lxBlob 14s ease-in-out infinite alternate}
.lx__blob--a{width:62%;aspect-ratio:1;left:-10%;top:4%;background:var(--cyan);opacity:.2}
.lx__blob--b{width:48%;aspect-ratio:1;right:-6%;bottom:2%;background:var(--lime);opacity:.16;animation-delay:-7s}
.lx__diamond{position:absolute;width:11%;aspect-ratio:1;border-radius:18%;transform:rotate(45deg);z-index:0;animation:lxFloat 7s ease-in-out infinite}
.lx__diamond--1{right:6%;top:3%;background:var(--cyan)}
.lx__diamond--2{left:0;bottom:12%;width:8%;background:var(--lime);animation-delay:-3s}

/* ventana */
.lx{perspective:1400px}
.lx__window{position:absolute;left:4%;right:12%;top:7%;bottom:9%;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 60px -32px rgba(59,51,102,.28),0 1px 2px rgba(59,51,102,.05);z-index:1;overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-three-d;animation:lxTilt 9s ease-in-out infinite}
.lx__window::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);animation:lxSheen 9s ease-in-out infinite;pointer-events:none}
.lx__bar{display:flex;align-items:center;gap:6px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.lx__dot{width:8px;height:8px;border-radius:50%;background:#E3E5EE}
.lx__dot:first-child,.lx__dot:nth-child(2),.lx__dot:nth-child(3){background:#D9DCE6}
.lx__search{margin-left:10px;flex:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:#F3F4F9;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;white-space:nowrap}
.lx__search svg{width:14px;height:14px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round;flex:none}
.lx__query{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:lxType 9s steps(19,end) infinite}
.lx__query i{font-style:normal}
.lx__caret{width:1.5px;height:14px;background:var(--ink);animation:lxBlink 1s steps(2) infinite}

/* resultados */
.lx__results{list-style:none;margin:0;padding:12px 16px;position:relative}
.lx__result{position:relative;display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;height:62px}
.lx__fav{width:26px;height:26px;border-radius:50%;background:#EEF0F6;flex:none;display:grid;place-items:center}
.lx__fav b{font-size:12px;font-weight:900;color:#fff;letter-spacing:-.04em}
.lx__rtxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-top:2px}
.lx__url{height:7px;width:34%;border-radius:4px;background:#DDE0EA;font-size:0}
.lx__url:not(.lx__url--grey){font-size:10px;height:auto;background:none;color:var(--muted);font-weight:600;width:auto}
.lx__title{height:10px;width:70%;border-radius:5px;background:#CFD3E0}
.lx__title--you{height:auto;width:auto;background:none;font-size:13px;font-weight:800;color:var(--ink);line-height:1}
.lx__desc{height:6px;width:92%;border-radius:4px;background:#ECEEF4}
.lx__desc--short{width:60%}
.lx__result:not(.lx__result--you){animation:lxShift 9s cubic-bezier(.65,0,.35,1) infinite}
.lx__result:nth-child(2){animation-name:lxShift2}.lx__result:nth-child(3){animation-name:lxShift3}.lx__result:nth-child(4){animation-name:lxShift4}

/* tu marca: empieza en el 4º lugar y sube al 1º */
.lx__result--you{z-index:2;background:#fff;box-shadow:0 0 0 1.5px var(--cyan),0 14px 30px -16px rgba(0,255,226,.5);animation:lxClimb 9s cubic-bezier(.65,0,.35,1) infinite}
.lx__result--you .lx__fav{background:var(--ink)}
.lx__pos{position:absolute;right:10px;top:10px;font-size:11px;font-weight:900;padding:3px 8px;border-radius:999px;background:var(--lime);color:var(--ink);animation:lxPos 9s steps(1,end) infinite}

/* tarjetas flotantes */
.lx__card{position:absolute;z-index:3;transform:translateZ(60px);background:#fff;border-radius:14px;border:1px solid var(--line);padding:12px 14px;box-shadow:0 18px 40px -22px rgba(59,51,102,.3),0 1px 2px rgba(59,51,102,.05);animation:lxFloat 6s ease-in-out infinite}
.lx__card small{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.lx__card b{display:block;font-size:22px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-top:2px}
.lx__card--rank{right:-2%;top:14%;min-width:138px;animation-delay:-2s}
.lx__card--clicks{left:-3%;bottom:-2%;min-width:150px;animation-delay:-4s}
.lx__card--ai{right:0;bottom:8%;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;animation-delay:-1s}
.lx__card--ai b{font-size:12px;margin-top:1px}
.lx__aiIcon{width:30px;height:30px;border-radius:9px;background:var(--ink);display:grid;place-items:center;font-size:14px;color:#fff;flex:none}
.lx__trend{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:800;color:#2E8A62}
.lx__spark{width:100%;height:30px;margin-top:6px;overflow:visible}
.lx__spark-line{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;animation:lxDraw 9s ease-out infinite}
.lx__spark-fill{fill:rgba(0,255,226,.22);opacity:0;animation:lxFade 9s ease-out infinite}

/* contadores: los anima lx.js (fallback: el valor final en el HTML) */

/* ciclo de 9 s: 0–1.4 s escribe, 1.4–4.5 s sube, 4.5–8 s se queda, 8–9 s reinicia */
@keyframes lxType{0%{max-width:0}16%{max-width:140px}88%{max-width:140px}94%{max-width:0}100%{max-width:0}}
@keyframes lxBlink{to{opacity:0}}
@keyframes lxClimb{0%,16%{transform:translateY(186px)}34%{transform:translateY(124px)}42%{transform:translateY(62px)}50%,88%{transform:translateY(0)}96%,100%{transform:translateY(186px)}}
@keyframes lxShift2{0%,16%{transform:translateY(-62px)}34%{transform:translateY(-62px)}42%{transform:translateY(-62px)}50%,88%{transform:translateY(0)}96%,100%{transform:translateY(-62px)}}
@keyframes lxShift3{0%,16%{transform:translateY(-62px)}34%{transform:translateY(-62px)}42%,88%{transform:translateY(0)}96%,100%{transform:translateY(-62px)}}
@keyframes lxShift4{0%,16%{transform:translateY(-62px)}34%,88%{transform:translateY(0)}96%,100%{transform:translateY(-62px)}}
@keyframes lxPos{0%,16%{content:"#4";background:#ECEEF4;color:var(--muted)}34%{content:"#3";background:#ECEEF4;color:var(--muted)}42%{content:"#2";background:#ECEEF4;color:var(--muted)}50%,88%{content:"#1";background:var(--lime);color:var(--ink)}96%,100%{content:"#4";background:#ECEEF4;color:var(--muted)}}
@keyframes lxDraw{0%,16%{stroke-dashoffset:160}50%,88%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:160}}
@keyframes lxFade{0%,16%{opacity:0}50%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes lxFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes lxTilt{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-6px)}}
@keyframes lxSheen{0%,55%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@keyframes lxBlob{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8%,-6%) scale(1.15)}}

@media (max-width:600px){
  .lx{max-width:380px;aspect-ratio:1/1.12;perspective:none}
  .lx__window{left:0;right:4%;top:5%;bottom:12%;transform:none;animation:lxFloat 9s ease-in-out infinite}
  .lx__results{padding:10px 12px}
  .lx__result{height:56px;padding:8px}
  .lx__card{padding:9px 11px;border-radius:13px}
  .lx__card b{font-size:16px}
  .lx__card small{font-size:9px}
  .lx__card--rank{min-width:112px;right:-3%;top:9%}
  .lx__card--clicks{min-width:122px;left:-3%;bottom:0}
  .lx__card--ai{right:-2%;bottom:3%;gap:8px;padding:8px 11px 8px 8px}
  .lx__card--ai b{font-size:11px}
  .lx__aiIcon{width:26px;height:26px}
  .lx__spark{height:22px}
  .lx__search{font-size:11px;height:28px}
  .lx__diamond--2{display:none}
  .lx__result--you{animation-name:lxClimbM}
  .lx__result:nth-child(2){animation-name:lxShiftM2}.lx__result:nth-child(3){animation-name:lxShiftM3}.lx__result:nth-child(4){animation-name:lxShiftM4}
}
@keyframes lxClimbM{0%,16%{transform:translateY(168px)}34%{transform:translateY(112px)}42%{transform:translateY(56px)}50%,88%{transform:translateY(0)}96%,100%{transform:translateY(168px)}}
@keyframes lxShiftM2{0%,16%{transform:translateY(-56px)}34%{transform:translateY(-56px)}42%{transform:translateY(-56px)}50%,88%{transform:translateY(0)}96%,100%{transform:translateY(-56px)}}
@keyframes lxShiftM3{0%,16%{transform:translateY(-56px)}34%{transform:translateY(-56px)}42%,88%{transform:translateY(0)}96%,100%{transform:translateY(-56px)}}
@keyframes lxShiftM4{0%,16%{transform:translateY(-56px)}34%,88%{transform:translateY(0)}96%,100%{transform:translateY(-56px)}}
@media (prefers-reduced-motion:reduce){
  .lx *{animation:none !important}
  .lx__window{transform:none}
  .lx__query{max-width:140px}
  .lx__result--you{transform:none}
  .lx__result:not(.lx__result--you){transform:none}
  .lx__spark-line{stroke-dashoffset:0}.lx__spark-fill{opacity:1}
}

/* =====================================================================
   PIEZAS COMUNES para el resto de las ilustraciones (prefijo .lx)
   ===================================================================== */
.lx--card{aspect-ratio:1/.96}
.lx__panel{position:absolute;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 60px -32px rgba(59,51,102,.28),0 1px 2px rgba(59,51,102,.05);z-index:1;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg);animation:lxTilt 9s ease-in-out infinite}
.lx__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);transform:translateX(-120%);animation:lxSheen 9s ease-in-out infinite;pointer-events:none}
.lx__panel--main{left:4%;right:14%;top:8%;bottom:14%}
.lx--paid .lx__panel--main,.lx--auto .lx__panel--main,.lx--growth .lx__panel--main,.lx--data .lx__panel--main,.lx--consult .lx__panel--main,.lx--ia-cs .lx__panel--main{bottom:auto;min-height:62%}
.lx__phead{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;color:var(--ink)}
.lx__phead .lx__dot{margin-right:0}
.lx__phead span.t{margin-left:auto;font-weight:600;color:var(--muted);white-space:nowrap}
.lx__phead{padding-right:16%}
.lx__pbody{padding:14px}
.lx__k{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lx__v{display:block;font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-top:2px}
.lx__pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#EEF0F6;color:var(--ink)}
.lx__pill--lime{background:var(--lime-soft);color:#3F5E08}.lx__pill--cyan{background:var(--cyan-soft);color:#0B6B60}.lx__pill--ink{background:var(--ink);color:#fff}
.lx__pill--ok{background:#E7F3EC;color:#2E8A62}
.lx__sk{display:block;height:8px;border-radius:4px;background:#E7E9F1}
.lx__sk--t{height:11px;background:#D3D6E2;width:60%}
.lx__row{display:flex;align-items:center;gap:10px}
.lx__av{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff !important;flex:none;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--ink)}
.lx__btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800}
.lx__btn--ink{background:var(--ink);color:#fff}
.lx__bars{display:flex;align-items:flex-end;gap:6px;height:70px}
.lx__bars i{flex:1;border-radius:5px 5px 2px 2px;background:#E3E6F0;transform-origin:bottom;animation:lxGrow 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__bars i.hi{background:var(--cyan)}
.lx__bars i.lime{background:var(--lime)}
.lx__prog{height:8px;border-radius:4px;background:#ECEEF4;overflow:hidden}
.lx__prog i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--lime));transform-origin:left;animation:lxFill 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__ring{position:relative;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--p,0)*1%),#ECEEF4 0);display:grid;place-items:center;animation:lxRing 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.lx__ring b{position:relative;font-size:18px;font-weight:900}
.lx__check{width:18px;height:18px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none}
.lx__check::after{content:"";width:5px;height:9px;border:solid var(--ink);border-width:0 2.2px 2.2px 0;transform:translateY(-1px) rotate(45deg)}
.lx__step{display:flex;align-items:center;gap:10px;padding:8px 0;opacity:.35;animation:lxStep 9s steps(1,end) infinite}
.lx__step:nth-child(1){--i:0}.lx__step:nth-child(2){--i:1}.lx__step:nth-child(3){--i:2}.lx__step:nth-child(4){--i:3}
.lx__step .lx__check{opacity:0;transform:scale(.4);animation:lxPop 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__step span{font-size:12px;font-weight:700}
.lx__code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;line-height:1.7;color:#C9CCE0}
.lx__code .k{color:var(--cyan)}.lx__code .s{color:var(--lime)}.lx__code .c{color:#7A7E9A}
.lx__toast{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;background:#4A4280;color:#fff;font-size:11px;font-weight:700;box-shadow:0 18px 40px -16px rgba(36,29,54,.6);opacity:0;animation:lxToast 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__toast i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(0,255,226,.3)}
.lx__chatbot{display:flex;flex-direction:column;gap:8px}
.lx__msg{max-width:78%;padding:8px 11px;border-radius:14px;font-size:11px;line-height:1.45;font-weight:600;opacity:0;transform:translateY(8px);animation:lxMsg 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__msg--in{align-self:flex-start;background:#F1F2F8;border-bottom-left-radius:4px}
.lx__msg--out{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.lx__msg--ai{align-self:flex-start;background:var(--cyan-soft);border:1px solid rgba(0,255,226,.6);border-bottom-left-radius:4px}
.lx__typing{display:inline-flex;gap:3px}.lx__typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:lxBlink .9s ease-in-out infinite}
.lx__typing i:nth-child(2){animation-delay:.15s}.lx__typing i:nth-child(3){animation-delay:.3s}
.lx__nodes{position:relative;height:100%}
.lx__node{position:absolute;display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:800;box-shadow:0 10px 24px -14px rgba(36,29,54,.4);z-index:2}
.lx__node b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:10px;color:#fff;background:var(--ink)}
.lx__wire{position:absolute;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 11px);opacity:.25;z-index:1}
.lx__packet{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(176,254,4,.35);z-index:3;animation:lxTravel 3s cubic-bezier(.4,0,.2,1) infinite}
.lx__grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lx__tile{aspect-ratio:1;border-radius:12px;background:#F1F2F8;display:grid;place-items:center;font-size:16px;opacity:0;transform:scale(.6);animation:lxTileIn 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__tile--on{background:var(--ink);color:#fff}
.lx__phoneF{position:absolute;width:40%;aspect-ratio:9/18.5;border-radius:26px;background:var(--ink);padding:8px;box-shadow:0 30px 60px -28px rgba(59,51,102,.5);z-index:2;animation:lxFloat 7s ease-in-out infinite}
.lx__phoneF .scr{width:100%;height:100%;border-radius:19px;background:#fff;overflow:hidden;position:relative}
.lx__phoneF .notch{position:absolute;left:50%;top:7px;width:34%;height:9px;border-radius:999px;background:var(--ink);transform:translateX(-50%)}
.lx__swatch{display:flex;gap:6px}.lx__swatch i{flex:1;aspect-ratio:1;border-radius:9px;opacity:0;transform:translateY(8px);animation:lxTileIn 9s cubic-bezier(.2,.8,.2,1) infinite}
.lx__score{font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:1}
.lx__cursor{position:absolute;width:16px;height:16px;z-index:5;pointer-events:none;animation:lxCursor 9s cubic-bezier(.4,0,.2,1) infinite}
.lx__cursor::before{content:"";position:absolute;inset:0;background:var(--ink);clip-path:polygon(0 0,100% 50%,45% 60%,30% 100%)}
.lx__cursor::after{content:"";position:absolute;left:-8px;top:-8px;width:32px;height:32px;border-radius:50%;background:rgba(0,255,226,.45);opacity:0;animation:lxClick 9s ease-out infinite}

@keyframes lxGrow{0%,14%{transform:scaleY(.08)}48%,88%{transform:scaleY(1)}96%,100%{transform:scaleY(.08)}}
@keyframes lxFill{0%,14%{transform:scaleX(0)}50%,88%{transform:scaleX(var(--to,1))}96%,100%{transform:scaleX(0)}}
@keyframes lxRing{0%,14%{--p:0}50%,88%{--p:var(--to,80)}96%,100%{--p:0}}
@keyframes lxStep{0%,10%{opacity:.35}16%{opacity:1}100%{opacity:1}}
@keyframes lxPop{0%,12%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}26%,90%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(.4)}}
@keyframes lxToast{0%,52%{opacity:0;transform:translateY(12px) scale(.96)}60%,86%{opacity:1;transform:translateY(0) scale(1)}92%,100%{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes lxMsg{0%,10%{opacity:0;transform:translateY(8px)}16%,90%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes lxTravel{0%{left:var(--x0);top:var(--y0);opacity:0}8%{opacity:1}92%{opacity:1}100%{left:var(--x1);top:var(--y1);opacity:0}}
@keyframes lxTileIn{0%,10%{opacity:0;transform:scale(.6)}18%,90%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.6)}}
@keyframes lxCursor{0%,100%{left:var(--cx0);top:var(--cy0)}40%,60%{left:var(--cx1);top:var(--cy1)}}
@keyframes lxClick{0%,41%{opacity:0;transform:scale(.3)}45%{opacity:.9;transform:scale(1)}55%,100%{opacity:0;transform:scale(1.4)}}

/* desfases por nth-child para listas/pasos/mensajes/barras */
.lx__step:nth-child(2),.lx__step:nth-child(2) .lx__check{animation-delay:.9s}
.lx__step:nth-child(3),.lx__step:nth-child(3) .lx__check{animation-delay:1.8s}
.lx__step:nth-child(4),.lx__step:nth-child(4) .lx__check{animation-delay:2.7s}
.lx__msg:nth-child(2){animation-delay:1s}.lx__msg:nth-child(3){animation-delay:2.1s}.lx__msg:nth-child(4){animation-delay:3.2s}.lx__msg:nth-child(5){animation-delay:4.2s}
.lx__bars i:nth-child(2){animation-delay:.15s}.lx__bars i:nth-child(3){animation-delay:.3s}.lx__bars i:nth-child(4){animation-delay:.45s}.lx__bars i:nth-child(5){animation-delay:.6s}.lx__bars i:nth-child(6){animation-delay:.75s}.lx__bars i:nth-child(7){animation-delay:.9s}
.lx__tile:nth-child(2),.lx__swatch i:nth-child(2){animation-delay:.25s}.lx__tile:nth-child(3),.lx__swatch i:nth-child(3){animation-delay:.5s}.lx__tile:nth-child(4),.lx__swatch i:nth-child(4){animation-delay:.75s}.lx__tile:nth-child(5),.lx__swatch i:nth-child(5){animation-delay:1s}.lx__tile:nth-child(6){animation-delay:1.25s}.lx__tile:nth-child(7){animation-delay:1.5s}.lx__tile:nth-child(8){animation-delay:1.75s}.lx__tile:nth-child(9){animation-delay:2s}

@media (max-width:600px){
  .lx--card{aspect-ratio:1/1.12}
  .lx__panel{transform:none;animation:lxFloat 9s ease-in-out infinite}
  .lx__panel--main{left:0;right:14%;top:5%;bottom:auto;min-height:0}
  .lx--card .lx__card{padding:8px 10px;border-radius:12px;min-width:0 !important}
  .lx--card .lx__card b{font-size:15px}.lx--card .lx__card small{font-size:8.5px}
  .lx--card .lx__card .lx__trend{font-size:9px}
  .lx--card .lx__card .lx__prog{height:5px}
  .lx--card .lx__card[style*="top:20%"]{top:3% !important;right:-2% !important}
  .lx--card .lx__card[style*="bottom:12%"],.lx--card .lx__card[style*="bottom:14%"],.lx--card .lx__card[style*="bottom:22%"],.lx--card .lx__card[style*="bottom:26%"],.lx--card .lx__card[style*="bottom:8%"]{bottom:6% !important;right:-2% !important}
  .lx--card .lx__toast{left:0 !important;bottom:-2% !important;font-size:10px;padding:7px 10px;max-width:70%}
  .lx__v{font-size:20px}.lx__score{font-size:32px}
  .lx__phead{padding:10px 12px;font-size:10.5px;padding-right:12px}
  .lx__phead span.t{display:none}
  .lx__pbody{padding:12px}
  .lx__msg{max-width:88%;font-size:10.5px}
  .lx__phoneF{left:4%;width:52%}
  .lx--apps .lx__card[style*="top:20%"]{top:8% !important}
  .lx--apps .lx__card[style*="bottom:26%"]{bottom:30% !important}
  .lx__nodes{height:200px !important;margin:12px 8px !important}
  .lx__node{font-size:10px;padding:6px 8px}
}
@media (prefers-reduced-motion:reduce){
  .lx__panel{transform:none}
  .lx__bars i{transform:none}.lx__prog i{transform:scaleX(var(--to,1))}.lx__ring{--p:var(--to,80)}
  .lx__step,.lx__step .lx__check,.lx__msg,.lx__tile,.lx__swatch i{opacity:1;transform:none}
  .lx__toast{opacity:1;transform:none}.lx__packet,.lx__cursor{display:none}
}