/* ============================================================
   Marcuss Vende — Estilos principales (desktop)
   ============================================================ */
:root{
  --bg:#1A1A1A; --bg2:#222222; --card:#363636; --card2:#2C2C2C;
  --white:#FFFFFF; --grey:#B9B9B9; --grey-d:#5A5A5A;
  --grad:linear-gradient(95deg,#9D5CE6 0%,#E84458 55%,#F4754C 100%);
  --rojo:#E84458; --wa:#25D366; --wa-bubble:#0B5F43;
  --radius:26px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',Helvetica,Arial,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(30px,4.4vw,46px)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:inline-block;font-size:19px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px}
p.lead{color:var(--grey);font-size:17px;line-height:1.75;max-width:680px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:#fff;font-weight:800;font-size:14px;letter-spacing:.06em;padding:17px 34px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 30px rgba(232,68,88,.35)}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(232,68,88,.45)}
.btn:focus-visible,a:focus-visible{outline:3px solid #F4754C;outline-offset:3px}
.btn .wa-ic{width:18px;height:18px;flex:none}
.micro{display:block;margin-top:14px;font-size:13px;color:var(--grey)}
section{position:relative;padding:96px 0}
.ghost{position:absolute;left:50%;transform:translateX(-50%);top:24px;font-size:clamp(90px,16vw,210px);font-weight:900;letter-spacing:-.02em;color:#fff;opacity:.05;white-space:nowrap;pointer-events:none;user-select:none}
/* diagonal white sections */
.light{background:var(--white);color:#222;clip-path:polygon(0 34px,100% 0,100% calc(100% - 34px),0 100%);padding:130px 0;margin:-34px 0;position:relative;z-index:2;filter:drop-shadow(0 -16px 30px rgba(255,255,255,.16)) drop-shadow(0 16px 30px rgba(255,255,255,.16))}
.light h2{color:#222}
.light p.lead{color:#5F5F5F}
/* HEADER */
header{position:sticky;top:0;z-index:50;background:rgba(26,26,26,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;max-width:1180px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.nav-right{display:flex;align-items:center;gap:24px}
.brand img.mk{width:40px;height:40px;border-radius:50%;flex:none}
.brand .bt{line-height:1.2;white-space:nowrap}
.brand .bt b{font-size:clamp(18px,2vw,21px);letter-spacing:-.01em}
.brand .bt .tag{font-size:14.5px;color:var(--grey);font-weight:600;margin-left:1px}
.cd-badge{display:flex;align-items:baseline;text-decoration:none;flex:none;padding:6px 0}
.cd-badge .cn{font-size:clamp(26px,3vw,34px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd-badge .cc{font-size:clamp(26px,3vw,34px);font-weight:900;color:#7A7A7A;font-variant-numeric:tabular-nums;line-height:1}
.cd-badge .cms{font-size:15px;font-weight:700;color:#7A7A7A;margin-left:2px;align-self:flex-start;margin-top:6px;font-variant-numeric:tabular-nums}
.cd-badge .cd-arrow{width:24px;height:14px;margin-left:14px;align-self:center;stroke:#F4754C;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:arrowpulse 1.1s ease-in-out infinite;flex:none}
@keyframes arrowpulse{0%,100%{opacity:.4;transform:translateX(0)}50%{opacity:1;transform:translateX(6px)}}
.nav .btn{padding:12px 24px;font-size:12.5px}
/* HERO */
.hero{padding:84px 0 140px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(36px,5.2vw,60px)}
.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;gap:46px}
.phone-wrap{position:relative;display:flex;justify-content:center}
.hero-art .robot{position:absolute;width:185px;right:-78px;bottom:-40px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));z-index:3}
/* phone chat mockup */
.phone{width:330px;background:#0E0E0E;border:7px solid #2E2E2E;border-radius:42px;padding:14px 12px 20px;box-shadow:0 40px 80px rgba(0,0,0,.55);position:relative;z-index:2}
.phone .ph-top{display:flex;align-items:center;gap:10px;background:#1F2C26;border-radius:18px 18px 6px 6px;padding:10px 12px;margin-bottom:10px}
.phone .ph-top img{width:30px;height:30px;border-radius:50%}
.phone .ph-top b{font-size:13px}
.phone .ph-top span{display:block;font-size:10px;color:#7FD4A8}
.chat{display:flex;flex-direction:column;gap:9px;background:#101714;border-radius:6px 6px 18px 18px;padding:14px 10px;min-height:330px}
.bub{max-width:82%;padding:9px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;color:#EDEDED;animation:pop .5s ease both}
.bub.in{background:#262D2A;border-bottom-left-radius:4px;align-self:flex-start}
.bub.out{background:var(--wa-bubble);border-bottom-right-radius:4px;align-self:flex-end}
.bub small{display:block;text-align:right;font-size:9px;color:rgba(255,255,255,.45);margin-top:3px}
.voice{display:flex;align-items:center;gap:8px;min-width:170px}
.voice .play{width:24px;height:24px;border-radius:50%;background:#7FD4A8;flex:none;display:flex;align-items:center;justify-content:center}
.voice .play::after{content:"";border-left:8px solid #101714;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.wavebars{display:flex;align-items:center;gap:2.5px;height:20px}
.wavebars i{width:3px;background:#7FD4A8;border-radius:2px;animation:wave 1.1s ease-in-out infinite}
@keyframes wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.bub:nth-child(1){animation-delay:.2s}.bub:nth-child(2){animation-delay:.9s}.bub:nth-child(3){animation-delay:1.7s}.bub:nth-child(4){animation-delay:2.5s}
.tag-247{position:absolute;top:-50px;left:-34px;z-index:4;transform:rotate(-4deg);background:#0E0E0E;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 12px;box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 26px rgba(157,92,230,.18)}
.tag-247 canvas{display:block;width:340px;height:auto;image-rendering:pixelated}
/* CARDS genéricas */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.dcard{background:var(--card);border-radius:var(--radius);padding:34px 28px}
.dcard .ic{width:46px;height:46px;border-radius:14px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px}
.dcard h3{font-size:19px;margin-bottom:10px}
.dcard p{color:var(--grey);font-size:14.5px;line-height:1.65}
/* checklist */
.checks{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:13px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:#3E3E3E}
.dark .checks li{color:#DDD}
.checks .ck{flex:none;width:21px;height:21px;border-radius:50%;border:2px solid var(--rojo);display:flex;align-items:center;justify-content:center;margin-top:1px}
.checks .ck::after{content:"";width:9px;height:5px;border-left:2px solid var(--rojo);border-bottom:2px solid var(--rojo);transform:rotate(-45deg) translate(0,-1px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.imgcard{background:var(--card2);border-radius:var(--radius);overflow:hidden}
.light .imgcard{background:#F1F1F1}
/* tabla comparativa */
.versus{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.vcol{border-radius:var(--radius);padding:34px 30px}
.vcol.bad{background:var(--card2);border:1px solid rgba(255,255,255,.07)}
.vcol.good{background:var(--card);border:1.5px solid transparent;background-image:linear-gradient(var(--card),var(--card)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box}
.vcol h3{font-size:18px;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.vcol ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.vcol li{font-size:14.5px;line-height:1.55;color:var(--grey);display:flex;gap:10px}
.vcol.bad li::before{content:"✕";color:#777;font-weight:800;flex:none}
.vcol.good li{color:#E8E8E8}
.vcol.good li::before{content:"✓";color:#F4754C;font-weight:800;flex:none}
/* pasos */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.step{background:#F6F6F6;border-radius:var(--radius);padding:30px 24px}
.step .n{font-size:46px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;line-height:1;margin-bottom:14px;display:block}
.step h3{font-size:17px;color:#222;margin-bottom:8px}
.step p{font-size:14px;color:#5F5F5F;line-height:1.6}
/* metric duel */
.duel{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.mcard{background:var(--card);border-radius:var(--radius);padding:44px 36px;text-align:center}
.mcard.win{border:1.5px solid transparent;background-image:linear-gradient(var(--card),var(--card)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box}
.mcard .big{font-size:clamp(56px,8vw,84px);font-weight:900;letter-spacing:-.03em}
.mcard.win .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mcard .lbl{font-size:15px;color:var(--grey);margin-top:8px;line-height:1.5}
/* dashboard mock */
.dash{background:#202020;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.18)}
.dash .bar{display:flex;gap:6px;margin-bottom:16px}
.dash .bar i{width:10px;height:10px;border-radius:50%;background:#3A3A3A}
.dash .row{display:flex;justify-content:space-between;align-items:center;background:#2A2A2A;border-radius:12px;padding:12px 14px;margin-bottom:9px}
.dash .row span{font-size:12.5px;color:#CFCFCF}
.dash .pill{font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px}
.pill.on{background:rgba(37,211,102,.15);color:#5BE08F}
.pill.off{background:rgba(232,68,88,.18);color:#FF8C9B}
.dash .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.dash .st{background:#2A2A2A;border-radius:12px;padding:12px;text-align:center}
.dash .st b{font-size:19px;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.dash .st span{font-size:9.5px;color:#9A9A9A;letter-spacing:.05em;text-transform:uppercase}
/* quote */
.quote{background:var(--card);border-radius:var(--radius);padding:46px 48px;margin-top:48px;border-left:6px solid;border-image:var(--grad) 1;font-size:clamp(19px,2.4vw,24px);font-weight:600;line-height:1.55}
.quote footer{margin-top:18px;font-size:14px;color:var(--grey);font-weight:400}
.mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.mrow .mc{background:var(--card);border-radius:var(--radius);padding:34px 26px 30px}
.mrow .mc b{font-size:clamp(34px,4.4vw,52px);font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;letter-spacing:-.02em;line-height:1.05}
.mrow .mc span{color:var(--grey);font-size:15px;line-height:1.6;display:block;margin-top:12px}
.res-grid{display:grid;grid-template-columns:1fr;gap:34px}
.res-col{order:1}
.res-photo{order:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
@media(min-width:900px){
  .res-grid{grid-template-columns:1.12fr .88fr;gap:22px;align-items:end}
  .res-col{order:1}
  .res-photo{order:2}
}
.res-glow{position:absolute;width:150%;height:150%;left:50%;top:6%;transform:translateX(-50%);background:radial-gradient(circle at 50% 30%,rgba(157,92,230,.38),rgba(232,68,88,.20) 45%,transparent 72%);filter:blur(36px);pointer-events:none;z-index:0}
.res-img{position:relative;z-index:1;width:min(72%,320px);height:auto;display:block;filter:drop-shadow(0 26px 34px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
@media(min-width:900px){.res-img{width:min(100%,400px)}}
.res-cap{position:relative;z-index:1;text-align:center;margin-top:-6px}
.res-cap b{display:block;font-size:15px}
.res-cap span{display:block;color:var(--grey);font-size:12.5px;margin-top:2px}

/* testimonios */
.tcards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.tcard{background:#F6F6F6;border-radius:var(--radius);padding:34px 30px}
.tcard .th{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.tcard .th img{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#fff;padding:4px}
.tcard .th b{display:block;color:#222;font-size:15px}
.tcard .th span{font-size:12.5px;color:#777}
.tcard .stars{margin-left:auto;color:#F0B202;font-size:13px;letter-spacing:2px}
.tcard p{font-size:14.5px;color:#4A4A4A;line-height:1.7}
/* FAQ */
.faq{display:flex;flex-direction:column;margin-top:20px}
.faq details{border-bottom:1px solid rgba(255,255,255,.1);padding:28px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px}
.faq summary::-webkit-details-marker{display:none}
.faq .qn{flex:none;width:42px;font-size:clamp(24px,3vw,30px);font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.faq .qt{flex:1;font-size:clamp(18px,2.1vw,21px);font-weight:800;line-height:1.4}
.faq .qx{position:relative;flex:none;width:22px;height:22px}
.faq .qx::before,.faq .qx::after{content:"";position:absolute;background:rgba(255,255,255,.4);transition:transform .3s ease,background .3s ease}
.faq .qx::before{left:0;top:50%;width:100%;height:2px;transform:translateY(-50%)}
.faq .qx::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%)}
.faq summary:hover .qx::before,.faq summary:hover .qx::after{background:rgba(255,255,255,.75)}
.faq details[open] .qx::after{transform:translateX(-50%) scaleY(0)}
.faq details[open] .qx::before{background:#F4754C}
.faq details[open] summary:hover .qx::before{background:#F4754C}
.faq p{margin:16px 0 0 64px;color:var(--grey);font-size:16.5px;line-height:1.75;max-width:88%}
/* CTA final */
.final{padding:120px 0 90px;background:radial-gradient(120% 130% at 50% 120%,rgba(157,92,230,.28),rgba(232,68,88,.16) 40%,transparent 70%),var(--bg)}
.final .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.final img{border-radius:50% 50% 0 0;max-height:780px;object-fit:cover;justify-self:center;align-self:end;margin-bottom:-90px}
footer.site{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;font-size:12.5px;color:var(--grey-d);text-align:center}
footer.site a{color:var(--grey)}
.center{text-align:center}
.mt40{margin-top:40px}

/* ===== V2 — bloques nuevos ===== */
.powui.ledbox{background:#0E0E0E;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px;min-height:0;display:block}
.ledbox canvas{width:100%;height:auto;display:block;image-rendering:pixelated;border-radius:8px}
.pow{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:96px;position:relative;z-index:1}
.powc{background:var(--card);border-radius:var(--radius);padding:30px 28px}
.powc h3{font-size:19px;margin-bottom:10px}
.powc>p{color:var(--grey);font-size:14.5px;line-height:1.7}
.powui{background:#1E1E1E;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:16px;margin-bottom:22px;min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.powtag{font-size:12px;color:var(--grey);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:5px 12px;align-self:flex-start}
.doccard{background:#262626;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08)}
.dochead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.dochead b{font-size:11.5px;letter-spacing:.08em;color:#EDEDED}
.docok{font-size:10px;font-weight:800;color:#5BE08F;background:rgba(37,211,102,.13);border-radius:999px;padding:3px 9px}
.docline{height:6px;border-radius:3px;background:rgba(255,255,255,.12);margin-bottom:6px}
.doctotal{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;margin-top:4px;font-size:11.5px;color:var(--grey)}
.doctotal b{font-size:15px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.intnodes{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.intnodes span{font-size:11.5px;font-weight:800;color:#DCCDF2;background:rgba(157,92,230,.13);border:1px solid rgba(157,92,230,.4);border-radius:10px;padding:8px 13px;animation:intpulse 2.8s ease-in-out infinite}
.intnodes span:nth-child(2){animation-delay:.7s}
.intnodes span:nth-child(3){animation-delay:1.4s}
.intnodes span:nth-child(4){animation-delay:2.1s}
@keyframes intpulse{0%,100%{box-shadow:0 0 0 0 rgba(157,92,230,0)}50%{box-shadow:0 0 16px 2px rgba(157,92,230,.35);border-color:rgba(157,92,230,.8)}}
.notif{background:#262626;border:1px solid rgba(255,255,255,.1);border-left:3px solid #F0B202;border-radius:12px;padding:11px 14px;transform:translateX(16px);opacity:0;transition:all .6s cubic-bezier(.2,.6,.2,1)}
.notif.in{transform:none;opacity:1}
.notif b{font-size:12px;color:#fff;display:block}
.notif small{font-size:11px;color:var(--grey);display:block;margin:3px 0 9px}
.nbtns{display:flex;gap:8px}
.nbtns span{font-size:10.5px;font-weight:800;border-radius:999px;padding:5px 12px}
.nbtns span:first-child{background:var(--grad);color:#fff}
.nbtns span:last-child{border:1px solid rgba(255,255,255,.2);color:#DDD}
.profrow{display:flex;gap:11px;align-items:center}
.profrow .av2{width:36px;height:36px;border-radius:50%;background:rgba(157,92,230,.2);color:#C9A8F2;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}
.profrow b{font-size:13px;color:#fff;display:block}
.profrow small{font-size:11px;color:var(--grey)}
.sentil{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--grey)}
.sbar{flex:1;height:7px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.sbar i{display:block;height:100%;width:92%;border-radius:4px;background:linear-gradient(90deg,#F0B202,#5BE08F);animation:sfill 3.4s ease-in-out infinite alternate;transform-origin:left}
@keyframes sfill{0%{transform:scaleX(.72)}100%{transform:scaleX(1)}}
.sentil b{color:#5BE08F;font-size:13px}
@media (max-width:920px){.pow{grid-template-columns:1fr}}
.dviews{display:grid}
.dview{grid-area:1/1;opacity:0;transition:opacity .55s ease;pointer-events:none}
.dview.act{opacity:1;pointer-events:auto}
.dch-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}
.dlist{background:#fff;border-radius:14px;padding:12px;box-shadow:0 6px 18px rgba(20,20,40,.05)}
.dsearch{display:flex;gap:8px;align-items:center;background:#F4F4F8;border-radius:9px;padding:8px 12px;font-size:12px;color:#9A9AA2;margin-bottom:9px}
.dchips{display:flex;gap:6px;margin-bottom:10px}
.dchips .c{font-size:10.5px;font-weight:800;padding:5px 13px;border-radius:999px;background:#EFEFF3;color:#66666E}
.dchips .c.on{background:#25D366;color:#fff}
.dlrow{display:flex;gap:9px;padding:9px 6px;border-bottom:1px solid #F2F2F5;align-items:center}
.dlrow:last-child{border-bottom:0}
.dlrow .av{width:32px;height:32px;border-radius:50%;background:#EDE7FA;color:#7C5CE6;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}
.dlrow .dlt b{font-size:12px;color:#222;display:block}
.dlrow .dlt small{font-size:10.5px;color:#9A9AA2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.dlrow time{margin-left:auto;font-size:9.5px;color:#B5B5BC;flex:none}
.dconvo{background:#fff;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(20,20,40,.05);overflow:hidden}
.dc-head{display:flex;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid #F0F0F4}
.dc-head .av{width:30px;height:30px;border-radius:50%;background:#DFF3E6;color:#1D9E75;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.dc-head b{font-size:12px;color:#222;display:block}
.dc-head small{font-size:10px;color:#1D9E75}
.dc-body{flex:1;background:#F2EFE9;padding:12px;display:flex;flex-direction:column;gap:7px;min-height:170px}
.db{max-width:82%;font-size:11px;line-height:1.45;padding:7px 10px;border-radius:11px}
.db.in{background:#fff;align-self:flex-start;color:#333;border-bottom-left-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.db.out{background:#D9FDD3;align-self:flex-end;color:#222;border-bottom-right-radius:3px}
.db small{display:block;text-align:right;font-size:8.5px;color:#9aa;margin-top:2px}
.dc-input{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;border-top:1px solid #F0F0F4;font-size:11px;color:#9A9AA2}
@media (max-width:920px){.dch-grid{grid-template-columns:1fr}.dconvo{display:none}}
.dashwrap{position:relative;margin:60px auto 0;max-width:980px}
.dframe{background:#fff;border:1px solid #E5E5E8;border-radius:22px;box-shadow:0 40px 90px rgba(20,20,40,.16);overflow:hidden}
.dbar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid #EEE;background:#FAFAFC}
.dbar i{width:11px;height:11px;border-radius:50%;background:#E3E3E6}
.dbar i:nth-child(1){background:#FF8A80}.dbar i:nth-child(2){background:#FFD54F}.dbar i:nth-child(3){background:#9CE0A9}
.dbar span{margin-left:12px;font-size:12px;color:#9A9AA2;background:#fff;border:1px solid #ECECEF;border-radius:8px;padding:4px 14px}
.dbody{display:grid;grid-template-columns:200px 1fr}
.dside{background:#FAFAFC;border-right:1px solid #EEE;padding:18px 12px;display:flex;flex-direction:column;gap:6px}
.dside .dlogo{display:flex;align-items:center;gap:9px;padding:6px 8px 16px}
.dside .dlogo img{width:30px;height:30px;border-radius:50%}
.dside .dlogo b{font-size:13px;color:#222}
.dside a{display:flex;align-items:center;gap:9px;font-size:13px;color:#55555E;padding:9px 12px;border-radius:10px;font-weight:600}
.dside a svg{width:17px;height:17px;stroke:#7A7A85;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dside a.on{background:linear-gradient(95deg,#9D5CE6,#7C5CE6);color:#fff;box-shadow:0 8px 20px rgba(124,92,230,.35)}
.dside a.on svg{stroke:#fff}
.dmain{padding:20px 22px;background:#F4F4F8}
.dmc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.dmc{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 18px rgba(20,20,40,.05)}
.dmc span{font-size:11.5px;color:#84848E;display:block}
.dmc b{font-size:26px;font-weight:900;color:#222;line-height:1.2}
.dmc .up{font-size:11px;color:#1D9E75;font-weight:700}
.dch-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:14px}
.dpanel{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 18px rgba(20,20,40,.05)}
.dpanel h5{font-size:12.5px;color:#333;margin:0 0 10px;font-weight:800}
.dline path{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2s ease .3s}
.dframe.go .dline path{stroke-dashoffset:0}
.ddonut svg circle.val{stroke-dasharray:226;stroke-dashoffset:226;transition:stroke-dashoffset 1.6s ease .5s}
.dframe.go .ddonut svg circle.val{stroke-dashoffset:40.7}
.ddonut{display:flex;align-items:center;gap:14px}
.ddonut .dn{position:relative;width:86px;height:86px;flex:none}
.ddonut .dn b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:17px;color:#222}
.ddonut p{font-size:11.5px;color:#84848E;margin:0 0 6px;line-height:1.4}
.ddonut p b{color:#222}
.hbars{display:flex;align-items:flex-end;gap:5px;height:74px}
.hbars i{flex:1;background:linear-gradient(180deg,#9D5CE6,#7C5CE6);border-radius:4px 4px 2px 2px;height:6%;transition:height 1s cubic-bezier(.2,.6,.2,1)}
.dframe.go .hbars i{height:var(--h)}
.dchat .row2{display:flex;justify-content:space-between;align-items:center;background:#F8F8FB;border-radius:11px;padding:10px 13px;margin-bottom:8px;gap:10px}
.dchat .row2 span{font-size:12px;color:#44444C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpill{font-size:9.5px;font-weight:800;padding:4px 10px;border-radius:999px;flex:none;letter-spacing:.04em}
.dpill.on{background:rgba(29,158,117,.13);color:#1D9E75}
.dpill.off{background:rgba(232,68,88,.13);color:#D8366B}
.dtog{position:relative;width:34px;height:19px;border-radius:999px;background:#1D9E75;flex:none;transition:background .35s}
.dtog::after{content:"";position:absolute;top:2.5px;left:17px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .35s}
.dtog.paused{background:#C9C9CF}
.dtog.paused::after{left:3px}
.fchip{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:14px 18px;box-shadow:0 24px 50px rgba(20,20,40,.22);display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;color:#222;animation:chipbob 5s ease-in-out infinite;z-index:3}
.fchip small{display:block;font-size:11px;color:#77777F;font-weight:600}
.fchip .fic{width:34px;height:34px;border-radius:11px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:none}
.fchip .fic svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fc1{top:78px;right:-26px;animation-delay:.6s}
.fc2{bottom:120px;left:-30px}
.fc3{bottom:-22px;right:40px;animation-delay:1.4s}
@keyframes chipbob{50%{transform:translateY(-9px)}}
.ctrlgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px}
.ctrlc{background:#fff;border-radius:20px;padding:24px 22px;box-shadow:0 14px 36px rgba(20,20,40,.08)}
.ctrlc h3{font-size:16.5px;color:#222;margin-bottom:8px;line-height:1.3}
.ctrlc p{font-size:13.5px;color:#5F5F5F;line-height:1.6}
.cui{background:#F5F5F9;border-radius:14px;padding:15px 16px;display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:72px}
.cui svg{width:32px;height:32px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.clive{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:#D8366B;letter-spacing:.07em}
.clive i{width:9px;height:9px;border-radius:50%;background:#E84458;animation:recblink 1.1s ease-in-out infinite;flex:none}
.clive.ok{color:#1D9E75;letter-spacing:.02em}
.clive.ok i{background:#25D366;animation-duration:1.6s}
.ctg{position:relative;width:46px;height:25px;border-radius:999px;background:#1D9E75;transition:background .4s;flex:none}
.ctg .dotk{position:absolute;top:3px;left:24px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .4s;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.ctg.off{background:#C9C9CF}
.ctg.off .dotk{left:3px}
.ctxt{font-size:13px;font-weight:800;color:#1D9E75;transition:color .3s}
.cui.bars{align-items:flex-end;gap:5px;height:72px;box-sizing:border-box}
.cui.bars i{flex:1;border-radius:3px;height:var(--h);min-height:6px}
@media (max-width:920px){
  .dbody{grid-template-columns:1fr}
  .dside{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #EEE}
  .dside .dlogo{display:none}
  .dmc-row,.dch-row{grid-template-columns:1fr}
  .fchip{position:static;margin:14px auto 0;width:max-content;max-width:100%;animation:none}
  .dashwrap{display:flex;flex-direction:column}
  .ctrlgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:580px){.ctrlgrid{grid-template-columns:1fr}}
.prw{display:grid;grid-template-columns:1fr 120px 1fr;gap:18px;align-items:center;margin-top:54px}
.prcol{display:flex;flex-direction:column;gap:11px}
.prlbl{font-size:16px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.prlbl.bad{color:#FF7A8C}
.prlbl.good{color:#5BE08F;text-align:right}
.pri{border-radius:13px;padding:14px 17px;font-size:14.5px;line-height:1.5;display:flex;gap:10px;align-items:flex-start}
.pri.bad{background:rgba(232,68,88,.14);border:1px solid rgba(232,68,88,.42);color:#F2D9DD;animation:tremor .8s linear infinite}
.pri.bad::before{content:"✕";color:#FF7A8C;font-weight:800;flex:none}
.pri.bad:nth-of-type(2){animation-delay:-.15s}
.pri.bad:nth-of-type(3){animation-delay:-.36s}
.pri.bad:nth-of-type(4){animation-delay:-.52s}
.pri.bad:nth-of-type(5){animation-delay:-.24s}
.pri.bad:nth-of-type(6){animation-delay:-.61s}
.pri.good{background:rgba(37,211,102,.09);border:1px solid rgba(91,224,143,.38);color:#EDEDED;animation:prglow 4.5s ease-in-out infinite}
.pri.good::before{content:"✓";color:#5BE08F;font-weight:800;flex:none}
.pri.good:nth-of-type(2){animation-delay:0s}
.pri.good:nth-of-type(3){animation-delay:.9s}
.pri.good:nth-of-type(4){animation-delay:1.8s}
.pri.good:nth-of-type(5){animation-delay:2.7s}
.pri.good:nth-of-type(6){animation-delay:3.6s}
@keyframes tremor{0%,100%{transform:translate(0,0)}20%{transform:translate(-.8px,.4px) rotate(-.15deg)}40%{transform:translate(.7px,-.4px)}60%{transform:translate(-.5px,-.3px) rotate(.15deg)}80%{transform:translate(.6px,.4px)}}
@keyframes prglow{0%,13%{box-shadow:0 0 24px rgba(91,224,143,.42);transform:translateX(7px)}19%,100%{box-shadow:0 0 0 rgba(91,224,143,0);transform:translateX(0)}}
.prcore{display:flex;align-items:center;justify-content:center;padding:30px 0}
.prismD{width:88px;height:88px;transform:rotate(45deg);background:var(--grad);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 46px rgba(157,92,230,.5);animation:prpulse 2.4s ease-in-out infinite}
@keyframes prpulse{50%{box-shadow:0 0 70px rgba(232,68,88,.65)}}
.prismD .pf{transform:rotate(-45deg);width:58px;height:58px}
.prismD .pf svg{width:100%;height:100%;display:block}
@media (max-width:920px){.prw{grid-template-columns:1fr}.prlbl.good{text-align:left}}
.hduel{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,64px);margin:52px 0 6px;flex-wrap:wrap;position:relative}
.hd-h{font-size:clamp(46px,6vw,70px);font-weight:900;color:#6A6A6A;line-height:1;animation:htired 3s ease-in-out infinite;text-align:center}
.hd-m{font-size:clamp(80px,10vw,124px);font-weight:900;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:halive 2.4s ease-in-out infinite;text-align:center}
.hd-h small,.hd-m small{display:block;font-size:16px;font-weight:700;color:var(--grey);margin-top:12px;line-height:1.3}
.hd-m small{color:#EDEDED}
.hd-vs{color:#666;font-weight:900;font-size:22px}
@keyframes htired{0%,100%{opacity:.5;transform:scale(.97)}50%{opacity:.75;transform:scale(1)}}
@keyframes halive{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.h720{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;position:relative}
.hpanel{border-radius:var(--radius);padding:32px 30px}
.hpanel.hum{background:rgba(232,68,88,.07);border:1px solid rgba(232,68,88,.32)}
.hpanel.mar{background:rgba(37,211,102,.06);border:1px solid rgba(37,211,102,.32)}
.hp-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.hp-head img{width:46px;height:46px;border-radius:50%;box-shadow:0 6px 18px rgba(157,92,230,.45)}
.hp-head .hic{width:46px;height:46px;border-radius:50%;background:#3A3A3A;display:flex;align-items:center;justify-content:center;flex:none}
.hp-head .hic svg{width:26px;height:26px;stroke:#FF9DAB;fill:none;stroke-width:1.7;stroke-linecap:round}
.hp-head b{font-size:19px;display:block;line-height:1.2}
.hp-head span{font-size:14px;color:var(--grey)}
.faces{display:flex;flex-wrap:wrap;gap:8px;min-height:104px;align-content:flex-start}
.faces svg{width:28px;height:28px}
.hcount{font-size:clamp(28px,3.4vw,38px);font-weight:900;margin-top:18px}
.hcount.bad{color:#FF7A8C}
.hcount.good{color:#5BE08F}
.hbat{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.bat{position:relative;width:175px;height:72px;border:3px solid #666;border-radius:12px;padding:5px;flex:none}
.bat .tip{position:absolute;right:-13px;top:23px;width:9px;height:24px;background:#666;border-radius:0 4px 4px 0}
.bat .fill{height:100%;width:100%;background:#5BE08F;border-radius:6px;transition:width .5s ease,background .5s ease}
.bat .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:23px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.bat.inf{border-color:#9D5CE6;box-shadow:0 0 28px rgba(157,92,230,.35)}
.bat.inf .tip{background:#9D5CE6}
.bat.inf .fill{background:var(--grad)}
.hbat .bst{font-size:17px;font-weight:800;flex:1;min-width:170px;line-height:1.4}
.hneeds{display:flex;gap:34px;margin-top:28px;flex-wrap:wrap;justify-content:center}
.hneeds div{text-align:center}
.hneeds svg{width:38px;height:38px;stroke:#B9B9B9;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 9px}
.hneeds span{font-size:15px;color:var(--grey);font-weight:600}
.hpanel.mar .hneeds svg{stroke:#7FD4A8}
@media (max-width:920px){.h720{grid-template-columns:1fr}}
.belt{margin-top:56px}
.belt-track{position:relative;height:5px;background:#E7E7E7;border-radius:3px;margin:56px 4px 0}
.belt-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--grad);border-radius:3px;transition:width 1.05s cubic-bezier(.3,.6,.3,1)}
.belt-pkg{position:absolute;top:-28px;left:0;width:54px;height:54px;border-radius:15px;background:#fff;border:2.5px solid #9D5CE6;box-shadow:0 14px 30px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;transform:translateX(-50%);transition:left 1.05s cubic-bezier(.3,.6,.3,1),border-color .4s ease,opacity .35s ease}
.belt-pkg svg{width:28px;height:28px}
.belt-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.bstep{position:relative;background:#F6F6F6;border:1.5px solid #ECECEC;border-radius:20px;padding:26px 22px 30px;overflow:hidden;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .45s ease}
.bstep.on{background:#fff;border-color:var(--sc);box-shadow:0 20px 48px rgba(0,0,0,.13);transform:translateY(-5px)}
.bstep .bnum{position:absolute;right:8px;bottom:-30px;font-size:128px;font-weight:900;line-height:1;color:rgba(157,92,230,.10);pointer-events:none;transition:color .45s ease;user-select:none}
.bstep.on .bnum{color:rgba(157,92,230,.22)}
.bstep .bic{width:36px;height:36px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px;display:block}
.bstep h3{font-size:17px;color:#222;line-height:1.3;min-height:45px;margin-bottom:8px;position:relative}
.bstep p{font-size:13.5px;color:#5F5F5F;line-height:1.6;position:relative;max-width:92%}
@media (max-width:920px){
  .belt-track{display:none}
  .belt-row{grid-template-columns:1fr 1fr;margin-top:10px}
}
@media (max-width:580px){.belt-row{grid-template-columns:1fr}.bstep h3{min-height:0}}
.voicebg{position:absolute;inset:0;background:url('https://d8j0ntlcm91z4.cloudfront.net/user_2vXpLkDCBqBkissx24MMhIL9vHq/hf_20260612_030941_b5deb80f-95f8-49ee-b788-3fba228fded1_min.webp') center/cover no-repeat;opacity:.09;pointer-events:none;-webkit-mask-image:radial-gradient(85% 85% at 50% 42%,#000 35%,transparent 100%);mask-image:radial-gradient(85% 85% at 50% 42%,#000 35%,transparent 100%)}
.voicewave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.13;pointer-events:none;overflow:hidden}
.voicewave span{width:4px;border-radius:3px;background:linear-gradient(180deg,#9D5CE6,#E84458);transform-origin:center;animation:veq 1.1s ease-in-out infinite}
@keyframes veq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.recpill{display:inline-flex;align-items:center;gap:15px;background:#242424;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:17px 30px;margin-top:36px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.recdot{width:14px;height:14px;border-radius:50%;background:#E84458;animation:recblink 1.1s ease-in-out infinite;flex:none}
@keyframes recblink{50%{opacity:.25}}
.recpill .mic{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.recbars{display:flex;align-items:center;gap:3px;height:28px}
.recbars span{width:3.5px;border-radius:2px;background:#E84458;transform-origin:center;animation:veq .6s ease-in-out infinite}
.rectime{color:#fff;font-size:17px;font-weight:700;min-width:48px;text-align:left}
.reccap{color:var(--grey);font-size:13.5px;margin-top:16px}
.vt-wrap{overflow-x:auto;margin-top:54px}
.vtable{width:100%;border-collapse:collapse;min-width:620px}
.vtable th,.vtable td{padding:15px 12px}
.vtable thead th{text-align:center;font-size:14px;color:#999;font-weight:600}
.vtable thead th:first-child{text-align:left}
.vtable thead svg.hic{width:32px;height:32px;stroke:#888;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 8px}
.vtable .mcol{background:rgba(157,92,230,.11)}
.vtable thead th.mcol{border-radius:16px 16px 0 0;color:#fff}
.vtable tbody tr{border-top:1px solid rgba(255,255,255,.08)}
.vtable tbody td:first-child{font-size:14.5px;color:#DDD;text-align:left}
.vtable tbody td{text-align:center}
.vtable td svg{width:21px;height:21px;display:inline-block;vertical-align:middle}
.vtable tr:last-child td.mcol{border-radius:0 0 16px 16px}
.mlogo{width:40px;height:40px;border-radius:50%;display:inline-block;margin-bottom:8px;box-shadow:0 6px 18px rgba(157,92,230,.45)}
.mball{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;font-weight:900;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px}
.omni-stage{position:relative;width:960px;max-width:100%;height:400px;margin:54px auto 0}
.omni-svg{position:absolute;inset:0;width:100%;height:100%}
.omni-node{position:absolute;width:150px;text-align:center}
.omni-tile{width:104px;height:104px;margin:0 auto;border-radius:26px;background:var(--card);border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,border-color .3s ease}
.omni-node:hover .omni-tile{transform:translateY(-5px);border-color:rgba(157,92,230,.65)}
.omni-node>span{display:block;margin-top:12px;font-size:16px;font-weight:700;color:#EDEDED}
.omni-tile svg{width:58px;height:58px}
.omni-core{position:absolute;left:50%;top:190px;margin:-70px 0 0 -70px;width:140px;height:140px;border-radius:50%;background:#141414;border:2px solid rgba(157,92,230,.45);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 60px rgba(157,92,230,.35),0 0 40px rgba(232,68,88,.25);animation:omnipulse 3s ease-in-out infinite}
.omni-core svg{width:96px;height:96px}
.omni-core .blink,.ogcore .blink,.prismD .blink{animation:mblink 2.1s linear infinite;transform-origin:32px 30px}
.omni-core .eyes,.ogcore .eyes,.prismD .eyes{animation:mlook 6.3s ease-in-out infinite}
.omni-core .mouth,.ogcore .mouth,.prismD .mouth{animation:mtalk 2.1s ease-in-out infinite;transform-origin:32px 41px}
@keyframes mblink{0%,86%,96%,100%{transform:scaleY(1)}91%{transform:scaleY(.1)}}
@keyframes mlook{0%,16%{transform:translateX(0)}23%,37%{transform:translateX(-3.4px)}45%,60%{transform:translateX(3.4px)}68%,100%{transform:translateX(0)}}
@keyframes mtalk{0%,100%{transform:scaleY(1)}22%{transform:scaleY(1.9)}45%{transform:scaleY(.65)}70%{transform:scaleY(1.6)}}
.omni-core::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:2px solid rgba(157,92,230,.5);animation:omnring 2.6s ease-out infinite}
@keyframes omnring{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.4);opacity:0}}
@keyframes omnipulse{50%{transform:scale(1.05)}}
.omni-dot{position:absolute;width:8px;height:8px;border-radius:50%;animation:omnitravel 2.1s linear infinite}
@keyframes omnitravel{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}
.omni-grid{display:none}
@media (max-width:1020px){
  .omni-stage{display:none}
  .omni-grid{display:block}
  .ogcore{width:120px;height:120px;border-radius:50%;background:#141414;border:2px solid rgba(157,92,230,.45);display:flex;align-items:center;justify-content:center;margin:38px auto 24px;box-shadow:0 16px 44px rgba(157,92,230,.35)}
  .ogcore svg{width:84px;height:84px}
  .ogtiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .ogt{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px 12px;text-align:center}
  .ogt svg{width:52px;height:52px;margin:0 auto 10px;display:block}
  .ogt span{font-size:15px;font-weight:600;color:#EDEDED}
}
.m3d-stage{position:relative;perspective:950px;display:flex;justify-content:center;align-items:center;min-height:520px;width:100%}
.m3d-stage::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(157,92,230,.18),transparent 68%);top:54%;left:50%;transform:translate(-50%,-50%)}
.m3d{transform-style:preserve-3d;will-change:transform;position:relative;z-index:1}
.m3d img{width:min(340px,80vw);filter:drop-shadow(0 44px 60px rgba(0,0,0,.32))}
.m3d video{width:min(560px,100%);display:block;background:#fff}
.m3d-fx{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
.m3d-fx span{position:absolute;font-weight:900;animation:m3drise 2.1s ease-out forwards;will-change:transform,opacity}
@keyframes m3drise{0%{opacity:0;transform:translate(0,0) scale(.5) rotate(0deg)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-190px) scale(1.15) rotate(var(--rr))}}
.m3d-chip{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 34px rgba(0,0,0,.16);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:800;color:#1D9E75;animation:m3dchip 2.6s ease-out forwards;pointer-events:none;z-index:3}
@keyframes m3dchip{0%{opacity:0;transform:translateY(14px) scale(.8)}14%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1}100%{opacity:0;transform:translateY(-26px)}}
.wcard{position:relative;overflow:hidden}
.wcard .wm{position:absolute;right:-32px;bottom:-36px;width:175px;height:175px;stroke:rgba(157,92,230,.17);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .4s ease,transform .4s ease}
.wcard:hover .wm{stroke:rgba(157,92,230,.32);transform:rotate(-6deg) scale(1.04)}
.wcard h3,.wcard p{position:relative}
.wcard p{max-width:82%}
.hero .aud-wrap{display:block}
.aud-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:24px 10px;margin:30px 0 26px}
.aud-it{text-align:center}
.aud-it svg{width:38px;height:38px;margin:0 auto 11px;display:block;stroke:#EDEDED;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,transform .3s ease}
.aud-it:hover svg{stroke:#F4754C;transform:translateY(-4px)}
.aud-it span{font-size:12px;color:var(--grey);line-height:1.4;display:block}
@media (max-width:920px){.aud-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:420px){.aud-grid{grid-template-columns:repeat(2,1fr)}}
.aud{margin-top:70px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:28px 36px;text-align:center}
.aud b{display:block;font-size:clamp(24px,3.2vw,34px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.aud p{color:var(--grey);font-size:15px;line-height:1.65;max-width:880px;margin:0 auto}
/* play / video */
.playrow{display:inline-flex;align-items:center;gap:16px;margin-top:0;cursor:pointer;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0}
.playbtn{width:58px;height:58px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:none;position:relative;box-shadow:0 10px 30px rgba(157,92,230,.45);transition:transform .25s ease}
.playbtn::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(232,68,88,.55);animation:pulse 2.2s ease-out infinite}
.playbtn::after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
.playtxt b{display:block;font-size:15px}
.playtxt span{font-size:12.5px;color:var(--grey)}
.playrow:hover .playbtn{transform:scale(1.06)}
.vmodal{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.vmodal.open{display:flex}
.vbox{width:min(920px,100%);position:relative}
.vbox .vr{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}
.vbox iframe{width:100%;height:100%;border:0;display:block}
.vclose{position:absolute;top:-46px;right:0;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;line-height:1;padding:6px}
/* stat band */
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px}
.sb{background:#F6F6F6;border-radius:20px;padding:26px 24px}
.sb b{font-size:38px;font-weight:900;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.sb span{font-size:13px;color:#5F5F5F;line-height:1.5;display:block;margin-top:6px}
/* versus 3 columnas */
.versus.v3{grid-template-columns:repeat(3,1fr)}
.vcol.mid{background:var(--card2);border:1px solid rgba(255,255,255,.07)}
.vcol.mid li::before{content:"⚠";color:#F0B202;font-weight:800;flex:none;font-size:12px;margin-top:2px}
/* sección EN VIVO */
.live-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.phone-stage{position:relative;display:flex;justify-content:center;padding:30px 0}
.phone-stage::before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(157,92,230,.30),rgba(232,68,88,.12) 45%,transparent 68%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;filter:blur(6px)}
.phone-stage::after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px dashed rgba(157,92,230,.4);top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 36s linear infinite;z-index:0}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.float-ic{position:absolute;z-index:4;font-size:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(5px);border-radius:14px;padding:9px 11px;animation:floaty 4.5s ease-in-out infinite;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.fi1{top:6%;left:2%}
.fi2{top:40%;right:0;animation-delay:1.4s}
.fi3{bottom:5%;left:8%;animation-delay:2.6s}
@keyframes floaty{50%{transform:translateY(-13px)}}
.phone.live{z-index:2}
.phone.live .chat{height:400px;overflow-y:hidden;transition:opacity .5s ease}
.live .bub{animation-delay:0s!important;animation-duration:.35s}
.mavatar{width:30px;height:30px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;flex:none;color:#fff}
.typing{display:inline-flex;gap:4px;align-items:center;height:15px}
.typing i{width:6px;height:6px;border-radius:50%;background:#8FA39A;animation:blink 1s infinite both}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.tag-live{position:absolute;bottom:6px;right:-8px;z-index:5;background:var(--grad);border-radius:14px;padding:10px 16px;font-weight:800;font-size:12.5px;box-shadow:0 12px 30px rgba(232,68,88,.4)}
/* antes / después */
.ba{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;margin-top:54px}
.bcol{border-radius:var(--radius);padding:40px 36px}
.bcol.antes{background:linear-gradient(135deg,rgba(232,68,88,.17),rgba(232,68,88,.04));border:1px solid rgba(232,68,88,.3)}
.bcol.despues{background:linear-gradient(135deg,rgba(37,211,102,.15),rgba(37,211,102,.03));border:1px solid rgba(37,211,102,.3)}
.bcol h3{font-size:22px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px}
.bcol.antes h3{color:#FF7A8C}
.bcol.despues h3{color:#5BE08F}
.bcol ul{list-style:none;display:flex;flex-direction:column;gap:15px}
.bcol li{display:flex;gap:12px;font-size:15px;line-height:1.55;color:#E2E2E2}
.bcol.antes li::before{content:"✕";color:#FF7A8C;font-weight:800;flex:none}
.bcol.despues li::before{content:"✓";color:#5BE08F;font-weight:800;flex:none}
.bolt{align-self:center;width:56px;height:56px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 14px 36px rgba(232,68,88,.45);flex:none}
/* casos de uso */
.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.ucard{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}
.ucard:hover{border-color:rgba(244,117,76,.35)}
.ucard h3{font-size:18px;margin-bottom:10px}
.ucard p{color:var(--grey);font-size:14px;line-height:1.65;flex:1}
.ucard .udiv{height:1px;background:rgba(255,255,255,.09);margin:20px 0 16px}
.ucard .res{align-self:flex-start;background:var(--grad);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;letter-spacing:.04em}
.industries{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:54px}
.ind{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.16);padding:9px 16px 9px 12px;border-radius:999px;font-size:13px;color:#D6D6D6;font-weight:600;transition:border-color .3s ease,color .3s ease}
.ind svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:stroke .3s ease}
.ind:hover{border-color:#F4754C;color:#F4754C}
/* especificaciones */
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.spec{background:var(--card);border-radius:var(--radius);padding:34px 30px}
.spec h3{font-size:17px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.spec ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.spec li{font-size:14px;color:var(--grey);display:flex;gap:10px;line-height:1.55}
.spec li::before{content:"✓";color:#F4754C;font-weight:800;flex:none}
/* footer completo */
.ft-bottom{text-align:center}
/* reveal + hover */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .6s cubic-bezier(.2,.6,.2,1)}
.reveal.vis{opacity:1;transform:none}
.dcard:hover,.ucard:hover,.spec:hover,.tcard:hover,.sb:hover,.mc:hover{transform:translateY(-6px)}
.hero-art .robot{animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-11px)}}
@media (max-width:920px){
  .versus.v3{grid-template-columns:1fr}
  .statband,.uses,.ft-grid{grid-template-columns:1fr 1fr}
  .specs,.live-wrap,.ba{grid-template-columns:1fr}
  .bolt{margin:0 auto}
  .phone-stage::before{width:380px;height:380px}
  .phone-stage::after{width:330px;height:330px}
}
@media (max-width:580px){
  .statband,.uses,.ft-grid{grid-template-columns:1fr}
  .float-ic{display:none}
  .tag-live{right:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media (max-width:920px){
  .hero .wrap,.split,.final .wrap{grid-template-columns:1fr}
  .cards3,.steps,.mrow{grid-template-columns:1fr 1fr}
  .versus,.duel,.tcards{grid-template-columns:1fr}
  .hero-art{margin-top:30px}
  .hero-art .robot{width:130px;right:-12px}
  .split.rev .txt{order:-1}
  .brand .bt .tag,.cd-badge{display:none}
}
@media (max-width:580px){
  .cards3,.steps,.mrow{grid-template-columns:1fr}
  section{padding:70px 0}
  .light{padding:96px 0}
  .nav .btn{padding:10px 16px;font-size:11px}
  .phone{width:290px}
  .tag-247{left:-6px;top:-40px;padding:8px 9px}
  .tag-247 canvas{width:250px}
}

/* ============================================================
   CAPA MÓVIL (≤920px) — antes en <style id="mvStyles">
   ============================================================ */
#mv{display:none}
@media(min-width:921px){#mv{display:none!important}}
@media(max-width:920px){
body>header,body>section,body>footer{display:none!important}
#mv{display:block;font-family:'Inter',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;color:#fff;background:var(--bg,#1A1A1A)}
#mv,#mv *{box-sizing:border-box;margin:0;padding:0}
#mv section{padding:54px 22px;position:relative;background:none}
#mv .mv-kick{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:10px}
#mv h1{font-size:34px;line-height:1.08;letter-spacing:-.02em;color:#fff}
#mv h2{font-size:26px;line-height:1.14;letter-spacing:-.015em;margin-bottom:10px;color:#fff}
#mv .mv-g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#mv p{color:#B9B9B9;line-height:1.6;font-size:15.5px}
#mv .mv-light{background:#F4F3F6;color:#161616}
#mv .mv-light h2{color:#161616}
#mv .mv-light p{color:#4d4d4d}
#mv .mv-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--grad);color:#fff;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.05em;padding:17px 22px;border-radius:99px;box-shadow:0 10px 30px rgba(232,68,88,.35)}
#mv .mv-cta svg{flex:none}
#mv .mv-micro{text-align:center;font-size:12.5px;color:#8e8e8e;margin-top:10px}
#mv .mv-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(20,20,20,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
#mv .mv-header img{width:34px;height:34px;border-radius:50%}
#mv .mv-header>b{font-size:16px;color:#fff}
#mv .mv-header>b span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#mv .mv-hclock{margin-left:auto;background:#0B0B0B;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:6px 12px;text-align:center;line-height:1.2}
#mv .mv-hclock small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.13em;color:#F4754C;text-transform:uppercase}
#mv .mv-hclock b{font-family:ui-monospace,Menlo,monospace;font-size:19px;letter-spacing:.05em;color:#4ADE80;text-shadow:0 0 9px rgba(74,222,128,.75);font-weight:700;white-space:nowrap}
#mv .mv-hero{padding-top:34px;padding-bottom:46px;background:radial-gradient(120% 60% at 50% 0%,#252030 0%,var(--bg,#1A1A1A) 60%)}
#mv .mv-hero h1{margin-bottom:14px}
#mv .mv-sub{margin-bottom:22px}
#mv .mv-videolink{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px;color:#cfcfcf;font-size:13.5px;text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;width:100%}
#mv .mv-videolink .mv-play{width:30px;height:30px;border-radius:50%;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
#mv .mv-vmodal{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
#mv .mv-vmodal.open{display:flex}
/* sin max-width: el ancho lo acota .mv-vr con su propio min(); un % aquí volvería
   a crear el ciclo padre-hijo que colapsa la caja en WebKit */
#mv .mv-vbox{position:relative;display:block}
/* Ancho y alto se calculan ambos desde el viewport: sin aspect-ratio sobre flex item
   y sin % contra un padre de ancho automático (ese ciclo colapsa la caja en WebKit).
   El reserve descuenta padding (40) + hueco de la ✕ (52) + safe-areas del notch. */
#mv .mv-vr{--mv-reserve:calc(92px + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));
  width:min(100vw - 40px,(78vh - var(--mv-reserve)) * 9 / 16);
  height:min((100vw - 40px) * 16 / 9,78vh - var(--mv-reserve));
  background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}
@supports (height:100dvh){
  /* dvh sigue a la barra de Safari; vh mide siempre el viewport grande */
  #mv .mv-vr{width:min(100vw - 40px,(100dvh - var(--mv-reserve)) * 9 / 16);
    height:min((100vw - 40px) * 16 / 9,100dvh - var(--mv-reserve))}
}
#mv .mv-vr iframe{width:100%;height:100%;border:0;display:block}
#mv .mv-vclose{position:absolute;top:-46px;right:0;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1;padding:6px;-webkit-tap-highlight-color:transparent}
#mv .mv-robot{display:block;margin:26px auto 0;width:min(230px,60%);filter:drop-shadow(0 18px 34px rgba(0,0,0,.25))}
#mv .mv-asesora{position:relative;margin:28px auto 4px;max-width:300px}
#mv .mv-asesora::before{content:"";position:absolute;left:10%;right:10%;top:8%;bottom:24%;background:radial-gradient(closest-side,rgba(157,92,230,.45),rgba(232,68,88,.2) 60%,transparent 100%);filter:blur(28px)}
#mv .mv-asesora img{position:relative;width:100%;display:block;-webkit-mask-image:radial-gradient(120% 105% at 50% 18%,#000 55%,transparent 93%);mask-image:radial-gradient(120% 105% at 50% 18%,#000 55%,transparent 93%)}
#mv .mv-atxt{position:relative;margin-top:-38px;text-align:center}
#mv .mv-atxt small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:5px}
#mv .mv-atxt b{font-size:25px;letter-spacing:-.015em;color:#fff}
#mv .mv-chat{margin-top:26px;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden}
#mv .mv-chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#17251C}
#mv .mv-chat-h .mv-av{width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
#mv .mv-chat-h b{font-size:14px;display:block;color:#fff}
#mv .mv-chat-h small{color:#67D28B;font-size:11.5px}
#mv .mv-chat-body{padding:14px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(140% 100% at 100% 0%,#101710 0%,#101010 70%)}
#mv .mv-msg{max-width:82%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45}
#mv .mv-in{align-self:flex-start;background:#262626;border-bottom-left-radius:4px;color:#E8E8E8}
#mv .mv-out{align-self:flex-end;background:#0F5132;border-bottom-right-radius:4px;color:#EFFFF4}
#mv .mv-msg .mv-t{display:block;text-align:right;font-size:10px;color:rgba(255,255,255,.45);margin-top:4px}
#mv .mv-voice{display:flex;align-items:center;gap:8px}
#mv .mv-voice .mv-pl{width:26px;height:26px;border-radius:50%;background:#39D97C;display:inline-flex;align-items:center;justify-content:center;color:#0B2416;font-size:10px}
#mv .mv-wave{display:flex;align-items:center;gap:2px;height:18px}
#mv .mv-wave i{width:3px;border-radius:2px;background:#67D28B;height:calc(var(--h,50%))}
#mv .mv-stamp{align-self:center;margin-top:4px;background:var(--grad);font-size:12px;font-weight:800;letter-spacing:.06em;padding:7px 14px;border-radius:99px;color:#fff}
#mv .mv-xrow{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#mv .mv-xrow:last-child{border:none}
#mv .mv-xrow .mv-xi{flex:none;width:26px;height:26px;border-radius:8px;background:rgba(232,68,88,.15);color:#F27A8A;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
#mv .mv-xrow b{display:block;font-size:15px;margin-bottom:2px;color:#fff}
#mv .mv-xrow p{font-size:13.5px}
#mv .mv-crow{display:flex;gap:12px;align-items:flex-start;margin:13px 0}
#mv .mv-crow .mv-ci{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #E84458;color:#E84458;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
#mv .mv-crow p{font-size:14.5px;color:#D8D8D8}
#mv .mv-light .mv-crow p{color:#333}
#mv .mv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#mv .mv-chip{font-size:12px;color:#cfcfcf;border:1px solid rgba(255,255,255,.18);padding:6px 11px;border-radius:99px}
#mv .mv-chip.mv-dkc{color:#444;border-color:rgba(0,0,0,.22)}
#mv .mv-voicebox{margin-top:22px;background:#101010;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:12px 18px;display:flex;align-items:center;gap:12px}
#mv .mv-voicebox .mv-rec{width:12px;height:12px;border-radius:50%;background:#E84458;animation:mvBlink 1.2s infinite}
@keyframes mvBlink{50%{opacity:.25}}
#mv .mv-voicebox .mv-wave{flex:1;height:22px;justify-content:space-between}
#mv .mv-voicebox .mv-wave i{background:#E86A76}
#mv .mv-voicebox b{font-family:ui-monospace,Menlo,monospace;font-size:14px;color:#161616}
#mv .mv-voicecap{margin-top:10px;text-align:center;font-size:12.5px;color:#666}
#mv .mv-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mv .mv-stat{background:#222;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px 16px;text-align:center}
#mv .mv-stat b{font-size:30px;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
#mv .mv-stat span{font-size:12px;color:#9a9a9a;line-height:1.35;display:block;margin-top:4px}
#mv .mv-step{display:flex;gap:14px;margin:18px 0;align-items:flex-start}
#mv .mv-step .mv-n{flex:none;width:32px;height:32px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}
#mv .mv-step b{display:block;font-size:15.5px;color:#161616}
#mv .mv-step p{font-size:13.5px}
#mv .mv-vsnum{display:flex;gap:12px;margin-top:20px}
#mv .mv-vs{flex:1;border-radius:18px;padding:16px 14px;text-align:center;border:1px solid rgba(255,255,255,.1)}
#mv .mv-vs small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8e8e8e;display:block;margin-bottom:4px}
#mv .mv-vs b{font-size:30px;letter-spacing:-.02em;color:#fff}
#mv .mv-vs.mv-win{background:linear-gradient(140deg,rgba(157,92,230,.16),rgba(232,68,88,.13));border-color:rgba(232,68,88,.4)}
#mv .mv-vs.mv-win b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#mv .mv-testi{background:#fff;border-radius:20px;padding:20px;color:#222;box-shadow:0 12px 34px rgba(0,0,0,.10)}
#mv .mv-testi .mv-who{display:flex;align-items:center;gap:11px;margin-bottom:10px}
#mv .mv-testi .mv-who .mv-av{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
#mv .mv-testi b{font-size:14.5px;display:block;color:#161616}
#mv .mv-testi small{color:#777;font-size:12px}
#mv .mv-stars{color:#F4A63B;font-size:13px;letter-spacing:2px;margin-left:auto}
#mv .mv-testi p{color:#444;font-size:14px;margin-top:6px}
#mv .mv-marq{overflow:hidden;margin-top:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#mv .mv-marq-in{display:flex;gap:9px;width:max-content;animation:mvMarq 22s linear infinite}
@keyframes mvMarq{to{transform:translateX(-50%)}}
#mv details{border-bottom:1px solid rgba(255,255,255,.1)}
#mv summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:baseline;padding:17px 0;font-weight:700;font-size:15px;color:#fff}
#mv summary::-webkit-details-marker{display:none}
#mv summary .mv-fn{color:#E84458;font-size:12.5px;font-weight:800}
#mv summary .mv-plus{margin-left:auto;color:#888;font-size:18px;transition:.2s}
#mv details[open] .mv-plus{transform:rotate(45deg)}
#mv details p{padding:0 0 16px 30px;font-size:14px}
#mv .mv-final{background:radial-gradient(120% 80% at 50% 100%,#2A2030 0%,var(--bg,#1A1A1A) 65%);padding-bottom:150px;text-align:center}
#mv .mv-final h2{font-size:30px}
#mv .mv-final p{margin:14px 0 24px}
#mv .mv-dock{position:fixed;bottom:0;left:50%;transform:translate(-50%,0);width:100%;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(12,12,12,.92);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.14);display:flex;gap:10px;align-items:center}
#mv .mv-dock .mv-led{flex:1;min-width:0;background:#0B0B0B;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:9px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.08em;color:#4ADE80;text-shadow:0 0 9px rgba(74,222,128,.75);white-space:nowrap;overflow:hidden}
#mv .mv-dock .mv-led .mv-cur{animation:mvBlink 1s infinite}
#mv .mv-dock a{flex:none;display:flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-weight:800;font-size:13px;letter-spacing:.03em;text-decoration:none;padding:12px 16px;border-radius:99px}
}