/* iaBusiness · «La idea en 1 minuto» — estilos compartidos (web + carrusel + og) */
*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#0A0A1F;--ink:#F5F5FF;--mute:#B9B9D9;
  --vi:#7C5CFF;--cy:#22D3EE;--li:#B6F23A;--ro:#FF4FD8;--na:#FF8A3D;
  --light:#F7F8FF;
  --g-vc:linear-gradient(100deg,#9B7BFF 0%,#22D3EE 100%);
  --g-rn:linear-gradient(100deg,#FF4FD8 0%,#FF8A3D 100%);
  --g-lc:linear-gradient(100deg,#B6F23A 0%,#22D3EE 100%);
  --g-vr:linear-gradient(100deg,#9B7BFF 0%,#FF4FD8 100%);
  --fd:"Bricolage Grotesque",system-ui,sans-serif;
  --fu:"Unbounded",system-ui,sans-serif;
  --fb:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-snap-type:y mandatory}
@media (max-height:560px){html{scroll-snap-type:none}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--fb);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button{font:inherit}
a{color:inherit}

/* ---------- barra superior, progreso, puntos ---------- */
.prog{position:fixed;left:0;top:0;width:100%;height:3px;z-index:60;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#7C5CFF,#22D3EE,#B6F23A,#FF4FD8,#FF8A3D)}
.top{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));pointer-events:none}
.top>*{pointer-events:auto}
.pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:rgba(10,10,31,.62);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-decoration:none;white-space:nowrap}
.brand{font:700 14px/1 var(--fu);letter-spacing:-.01em}
.brand b,.wm b{font-weight:800;background:var(--g-vc);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{font:500 12px/1 var(--fb);color:rgba(255,255,255,.6);margin-left:4px;display:none}
.share{font:600 14px/1 var(--fb);cursor:pointer}
.share svg{width:17px;height:17px}
.share:hover,.share:focus-visible{background:rgba(124,92,255,.55)}
:focus-visible{outline:3px solid var(--li);outline-offset:3px}
.dots{position:fixed;right:20px;top:50%;translate:0 -50%;z-index:50;display:none;flex-direction:column;align-items:center;gap:10px}
.dots a{display:block;width:10px;height:10px;border-radius:6px;background:rgba(255,255,255,.32);box-shadow:0 0 0 1px rgba(10,10,31,.18);transition:height .3s var(--ease),background .3s}
.dots a.on{height:30px;background:#fff}
.tone-light .pill{background:rgba(255,255,255,.72);border-color:rgba(10,10,31,.12);color:#0A0A1F}
.tone-light .brand small{color:rgba(10,10,31,.55)}
.tone-light .brand b{background-image:linear-gradient(100deg,#6A45FF,#0891B2)}
.tone-light .dots a{background:rgba(10,10,31,.22)}
.tone-light .dots a.on{background:#7C5CFF}
.toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;z-index:70;padding:12px 20px;border-radius:999px;background:#B6F23A;color:#0A0A1F;font:700 15px/1 var(--fb);opacity:0;pointer-events:none;transition:opacity .25s,translate .25s var(--ease)}
.toast.on{opacity:1;translate:-50% 0}

/* ---------- fondos vivos ---------- */
.mesh{position:relative;isolation:isolate;overflow:hidden}
.mesh::before{content:"";position:absolute;inset:-12%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(40% 32% at 10% 16%,var(--m1,#7C5CFF66),transparent 70%),
    radial-gradient(46% 38% at 92% 82%,var(--m2,#22D3EE55),transparent 70%),
    radial-gradient(30% 26% at 78% 20%,var(--m3,#FF4FD833),transparent 70%);
  animation:drift 16s ease-in-out infinite alternate}
.mesh::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.4px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 15%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 15%,transparent 80%)}
@keyframes drift{to{translate:3% -3%;rotate:3deg}}
.light{background:var(--light);color:#0A0A1F}
.light::after{background-image:radial-gradient(rgba(10,10,31,.09) 1px,transparent 1.4px)}
.hot{background:linear-gradient(155deg,#5A3DFF 0%,#9A4BFF 34%,#FF4FD8 70%,#FF8A3D 100%)}

/* ---------- pantallas ---------- */
.scene{min-height:100vh;min-height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3svh,34px);padding:70px 16px 34px}
.txt{position:relative;z-index:2;max-width:680px}
.kick{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font:700 11px/1 var(--fu);letter-spacing:.14em;text-transform:uppercase;color:#fff;animation:up .7s var(--ease) both}
.kick i{width:8px;height:8px;border-radius:50%;background:var(--k,#22D3EE);box-shadow:0 0 12px var(--k,#22D3EE)}
.kick .n{opacity:.55}
.light .kick{background:rgba(10,10,31,.05);border-color:rgba(10,10,31,.12);color:#0A0A1F}
.hot .kick{background:rgba(10,10,31,.22);border-color:rgba(255,255,255,.28)}
.h{margin:14px 0 0;font-family:var(--fd);font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(38px,12vw,60px);line-height:.95;letter-spacing:-.035em;text-wrap:balance}
.w{display:inline-block;animation:wup .9s var(--ease) both;animation-delay:calc(var(--o,.05s) + .075s * var(--i))}
@keyframes wup{from{opacity:0;transform:translateY(.5em) rotate(5deg);filter:blur(6px)}}
.w.g-vc,.w.g-rn,.w.g-lc,.w.g-vr{-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;margin-bottom:-.06em}
.w.g-vc{background-image:var(--g-vc)}.w.g-rn{background-image:var(--g-rn)}.w.g-lc{background-image:var(--g-lc)}.w.g-vr{background-image:var(--g-vr)}
.light .w.g-vc{background-image:linear-gradient(100deg,#6A45FF,#0891B2)}
.w.dim{opacity:.5}
.w.dk{color:#0A0A1F}
.w.strike{position:relative;color:rgba(255,255,255,.5)}
.w.strike::after{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:.12em;border-radius:.1em;background:#FF4FD8;rotate:-5deg;transform-origin:left center;box-shadow:0 0 .3em rgba(255,79,216,.7);animation:strk .55s var(--ease) calc(var(--o,.05s) + .075s * var(--i) + .65s) both}
@keyframes strk{from{scale:0 1}}
.sub{margin:14px 0 0;max-width:30ch;font-size:clamp(16px,4.4vw,19px);line-height:1.4;color:var(--mute);animation:up .8s var(--ease) .5s both}
.sub b{color:#fff;font-weight:700}
.light .sub{color:#4A4A6E}
.light .sub b{color:#0A0A1F}
.hot .sub{color:rgba(255,255,255,.9)}
.pre{margin:16px 0 0;font:700 clamp(21px,6vw,30px)/1.18 var(--fd);letter-spacing:-.02em;color:rgba(255,255,255,.82);animation:up .7s var(--ease) .15s both}
.pre span{background:linear-gradient(#0A0A1F,#0A0A1F) no-repeat 0 58%/100% .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:strk2 .7s var(--ease) .9s both}
@keyframes strk2{from{background-size:0% .1em}}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;scale:.4}}
@keyframes spin{to{rotate:360deg}}

.artwrap{position:relative;z-index:1;flex:1 1 0;min-height:min(36svh,330px);container-type:size;display:grid;place-items:center}
.art{position:relative;container-type:inline-size;width:min(100cqw,calc(100cqh * var(--ar,1)));aspect-ratio:var(--ar,1);font-family:var(--fb)}
.scene:first-child{padding-bottom:64px}
#hablamos .artwrap{min-height:min(28svh,260px)}
.hint{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));translate:-50% 0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;font:700 10px/1 var(--fu);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);text-decoration:none;animation:fade 1s 1.8s both}
.hint svg{width:22px;height:22px;animation:nudge 1.4s ease-in-out infinite}
@keyframes nudge{50%{translate:0 6px}}

/* CTA */
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;animation:up .8s var(--ease) .65s both}
.btn{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 26px;border-radius:999px;background:linear-gradient(100deg,#B6F23A,#22D3EE);color:#0A0A1F;font:800 18px/1 var(--fb);text-decoration:none;box-shadow:0 10px 40px -8px rgba(182,242,58,.7);transition:translate .2s var(--ease),box-shadow .2s}
.btn svg{width:20px;height:20px}
.btn:hover{translate:0 -2px;box-shadow:0 16px 50px -8px rgba(182,242,58,.85)}
.btn2{display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 22px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;font:700 16px/1 var(--fb);cursor:pointer}
.btn2 svg{width:18px;height:18px}
.btn2:hover{background:rgba(255,255,255,.14)}
.mail{margin:14px 0 0;font:600 15px/1.3 var(--fb);color:rgba(255,255,255,.75);animation:up .8s var(--ease) .75s both}
.mail a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.tagline{margin:26px 0 0;font:800 clamp(18px,5vw,24px)/1.1 var(--fd);letter-spacing:-.02em;color:#fff;animation:up .8s var(--ease) .85s both}
.tagline b{background:var(--g-rn);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot{margin:10px 0 0;font:600 12px/1.4 var(--fu);letter-spacing:.06em;color:rgba(255,255,255,.55)}

@media (min-width:900px){
  .scene{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,96px);padding:96px clamp(56px,6.5vw,120px) 64px}
  .h{font-size:clamp(56px,6.3vw,112px)}
  .sub{font-size:clamp(18px,1.45vw,23px)}
  .pre{font-size:clamp(26px,2.4vw,40px)}
  .artwrap{flex:none;height:min(68vh,640px)}
  .scene:first-child{padding-bottom:64px}
  .hot{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr)}
  .hot .h{font-size:clamp(56px,5.6vw,100px)}
  .kick{font-size:12px;padding:9px 15px}
  .dots{display:flex}
  .top{padding:18px 28px}
  .brand small{display:inline}
  .hint{bottom:22px}
  .tagline{font-size:28px}
}
@media (min-width:900px) and (max-height:760px){.h{font-size:clamp(52px,5.6vw,92px)}}

/* ---------- 1 · cinco programas ---------- */
.a-prog .links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.a-prog .links path{fill:none;stroke:#FF4FD8;stroke-opacity:.6;stroke-width:.55;stroke-dasharray:1.6 1.8;stroke-linecap:round;animation:fade .8s .7s both,dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-6.8}}
.a-prog .win{position:absolute;width:34cqw;padding:2.2cqw 2.6cqw 2.8cqw;border-radius:3.2cqw;background:linear-gradient(160deg,rgba(40,40,90,.92),rgba(22,22,56,.92));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 .9cqw 0 var(--c),0 3cqw 7cqw -2cqw rgba(0,0,0,.6),0 0 6cqw -2cqw var(--c);rotate:var(--r);animation:pop .7s var(--spring) var(--d) both,bob 3.4s ease-in-out calc(var(--d) + .7s) infinite alternate}
.a-prog .win.wide{width:39cqw}
@keyframes bob{to{translate:0 -1.8cqw}}
.a-prog .wb{display:flex;gap:.9cqw;margin:.8cqw 0 1.8cqw}
.a-prog .wb i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:rgba(255,255,255,.35)}
.a-prog .win b{display:block;font:700 3.6cqw/1 var(--fu);color:#fff;letter-spacing:-.01em}
.a-prog .sk{display:block;height:1.4cqw;border-radius:1cqw;background:rgba(255,255,255,.18);margin-top:1.7cqw;width:88%}
.a-prog .sk.s{width:52%;background:var(--c);opacity:.75}
.a-prog .firm{position:absolute;left:50%;top:41%;width:25cqw;aspect-ratio:1;translate:-50% -50%;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:.8cqw;background:radial-gradient(circle at 32% 28%,#FFA8EE,#FF4FD8 48%,#C21B9C);box-shadow:0 0 0 1.8cqw rgba(255,79,216,.16),0 0 10cqw rgba(255,79,216,.6);animation:pop .7s var(--spring) .55s both,squish 1.5s ease-in-out 1.3s infinite}
.a-prog .firm svg{width:9cqw;height:9cqw}
.a-prog .firm span{font:800 2.5cqw/1 var(--fu);color:#2A0630;letter-spacing:-.01em}
@keyframes squish{0%,100%{scale:1 1}30%{scale:.8 1.12}62%{scale:1.14 .86}}
.a-prog .drop{position:absolute;right:6%;top:8%;width:2.6cqw;height:2.6cqw;border-radius:0 50% 50% 50%;rotate:45deg;background:#22D3EE;box-shadow:0 0 2cqw #22D3EE;animation:drip 1.5s ease-in 1.3s infinite}
@keyframes drip{0%{opacity:0;translate:0 0}25%{opacity:1}100%{opacity:0;translate:1.6cqw 7cqw}}
.a-prog .doc{position:absolute;left:var(--mx);top:var(--my);width:5.2cqw;height:6.6cqw;translate:-50% -50%;border-radius:1cqw;background:#fff;box-shadow:0 1cqw 3cqw rgba(0,0,0,.45);z-index:2;animation:travel 2.4s ease-in-out var(--d) infinite both}
.a-prog .doc::before{content:"";position:absolute;left:1cqw;right:1cqw;top:1.3cqw;height:.7cqw;border-radius:.4cqw;background:#FF8A3D;box-shadow:0 1.4cqw 0 #cfcfe0,0 2.8cqw 0 #cfcfe0}
@keyframes travel{0%{left:var(--fx);top:var(--fy);opacity:0;rotate:-10deg}15%,85%{opacity:1}100%{left:var(--tx);top:var(--ty);opacity:0;rotate:12deg}}

/* ---------- 2 · talla única ---------- */
.a-talla svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:dropin 1s var(--spring) .2s both}
@keyframes dropin{from{opacity:0;translate:0 -14%}}
.a-talla .shirt{transform-origin:200px 60px;animation:sway 3.4s ease-in-out 1.2s infinite alternate}
.a-talla .tag{transform-origin:324px 228px;animation:swing 2.1s ease-in-out .9s infinite alternate}
@keyframes sway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes swing{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
.a-talla .tag text{font-family:var(--fu);fill:#0A0A1F}
.chipx{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:1.4cqw;padding:1.8cqw 3cqw 1.8cqw 1.8cqw;border-radius:999px;background:var(--c);color:var(--t,#fff);font:800 3.7cqw/1 var(--fb);white-space:nowrap;box-shadow:0 1.6cqw 5cqw -1cqw var(--c);rotate:var(--r,0deg);animation:pop .6s var(--spring) var(--d) both}
.chipx i{display:grid;place-items:center;width:4.4cqw;height:4.4cqw;border-radius:50%;background:rgba(10,10,31,.25);font:900 2.8cqw/1 var(--fb);font-style:normal}

/* ---------- 3 · meses → semanas ---------- */
.a-race .gc{position:absolute;inset:0;border-radius:4.5cqw;padding:5cqw 5cqw 5.5cqw;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-between;animation:up .8s var(--ease) .2s both}
.a-race .months{display:grid;grid-template-columns:repeat(12,1fr);font:700 2.7cqw/1 var(--fu);color:rgba(255,255,255,.5);text-align:center}
.a-race .rl{display:flex;align-items:center;gap:1.6cqw;margin-bottom:2cqw;font:800 3.4cqw/1 var(--fu);color:#fff}
.a-race .rl i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--c);box-shadow:0 0 2cqw var(--c)}
.a-race .lane{position:relative;height:12cqw;border-radius:2.6cqw;background:rgba(255,255,255,.05) linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px) 0 0/calc(100% / 12) 100%}
.a-race .old .bar{position:absolute;inset:0;border-radius:2.6cqw;display:flex;align-items:center;justify-content:flex-end;padding-right:3cqw;font:800 3.6cqw/1 var(--fd);letter-spacing:-.01em;color:#2B0A12;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.16) 0 2cqw,transparent 2cqw 4cqw),linear-gradient(90deg,#FF4FD8,#FF8A3D);
  animation:clipx 3.6s cubic-bezier(.45,.05,.55,.95) .7s both,stripes 1s linear infinite}
@keyframes clipx{from{clip-path:inset(0 100% 0 0 round 2.6cqw)}to{clip-path:inset(0 0 0 0 round 2.6cqw)}}
@keyframes stripes{to{background-position:5.657cqw 0,0 0}}
.a-race .new .bar{position:absolute;left:0;top:0;bottom:0;width:calc(100% / 12 * 1.2);border-radius:2.6cqw;background:linear-gradient(90deg,#B6F23A,#22D3EE);box-shadow:0 0 6cqw rgba(182,242,58,.65);animation:clipx .45s var(--ease) .7s both}
.a-race .ok{position:absolute;left:calc(100% / 12 * 1.2 + 2.6cqw);top:50%;translate:0 -50%;display:inline-flex;align-items:center;gap:1.4cqw;padding:2cqw 3.2cqw 2cqw 2cqw;border-radius:999px;background:#B6F23A;color:#0A0A1F;font:800 3.8cqw/1 var(--fd);white-space:nowrap;box-shadow:0 0 6cqw -1cqw #B6F23A;animation:pop .6s var(--spring) 1.15s both}
.a-race .ok svg{width:4.4cqw;height:4.4cqw}
.a-race .bolt{position:absolute;right:3cqw;top:-14cqw;width:13cqw;filter:drop-shadow(0 0 3cqw rgba(182,242,58,.8));animation:pop .6s var(--spring) 1s both,zap 1.8s ease-in-out 1.6s infinite}
@keyframes zap{0%,100%{rotate:0deg;scale:1}50%{rotate:-8deg;scale:1.1}}

/* ---------- 4 · el software se adapta (forma que encaja) ---------- */
.a-morph .blob{position:absolute;left:50%;top:54%;width:62cqw;height:43cqw;translate:-50% -50%;border-radius:58% 42% 38% 62%/55% 40% 60% 45%;background:linear-gradient(135deg,#D4FF5E,#B6F23A 40%,#22D3EE);box-shadow:0 0 12cqw rgba(182,242,58,.5);display:grid;place-items:center;animation:pop .8s var(--spring) .2s both,wob 6s ease-in-out 2.2s infinite}
.a-morph .blob span{font:800 5.4cqw/1 var(--fu);color:#0A0A1F;letter-spacing:-.02em}
.a-morph .frame{position:absolute;left:50%;top:54%;width:84cqw;height:64cqw;translate:-50% -50%;border:.75cqw dashed rgba(255,255,255,.95);border-radius:58% 42% 38% 62%/55% 40% 60% 45%;animation:fit 1.6s var(--ease) .6s both,wob 6s ease-in-out 2.2s infinite}
@keyframes fit{0%{opacity:0;border-radius:2.5cqw;rotate:-9deg;scale:.92 .8}25%{opacity:1;border-radius:2.5cqw;rotate:-9deg;scale:.92 .8}}
@keyframes wob{0%,100%{border-radius:58% 42% 38% 62%/55% 40% 60% 45%}50%{border-radius:42% 58% 60% 40%/45% 60% 40% 55%}}
.a-morph .ftag{position:absolute;left:50%;top:0;translate:-50% -50%;padding:1.8cqw 3.4cqw;border-radius:999px;background:#fff;color:#6A45FF;font:800 3.6cqw/1 var(--fu);white-space:nowrap;box-shadow:0 1cqw 4cqw rgba(10,10,31,.3)}
.spk{position:absolute;width:var(--s,5cqw);aspect-ratio:1;background:var(--c,#fff);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:pop .5s var(--spring) var(--d,1s) both,twinkle 2.4s ease-in-out calc(var(--d,1s) + .5s) infinite}
@keyframes twinkle{50%{scale:.5;rotate:45deg;opacity:.6}}

/* ---------- 5 · una plataforma con todo ---------- */
.a-hub svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.a-hub .sp{stroke:rgba(255,255,255,.17);stroke-width:.35;animation:fade .6s .3s both}
.a-hub .pl{fill:none;stroke:var(--c);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:5 95;stroke-dashoffset:45;animation:flow 2.2s linear var(--d) infinite;filter:drop-shadow(0 0 1px var(--c))}
@keyframes flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.a-hub .core{position:absolute;left:50%;top:50%;width:31cqw;aspect-ratio:1;translate:-50% -50%;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 34% 28%,#B5A0FF,#7C5CFF 46%,#3A1ED0);box-shadow:0 0 0 2cqw rgba(124,92,255,.2),0 0 14cqw rgba(34,211,238,.5);animation:pop .8s var(--spring) .2s both}
.a-hub .core::before{content:"";position:absolute;inset:-3.4cqw;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 10%,#22D3EE 30%,transparent 45% 60%,#FF4FD8 80%,transparent 95%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .9cqw),#000 calc(100% - .8cqw));mask:radial-gradient(farthest-side,transparent calc(100% - .9cqw),#000 calc(100% - .8cqw));animation:spin 5s linear infinite}
.a-hub .core b{font:800 3.7cqw/1.08 var(--fu);color:#fff;letter-spacing:-.02em}
.a-hub .core small{display:block;margin-top:1.2cqw;font:600 2.5cqw/1.2 var(--fb);color:rgba(255,255,255,.85)}
.a-hub .chip{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;display:inline-flex;align-items:center;gap:1.2cqw;padding:1.6cqw 2.4cqw;border-radius:999px;background:rgba(20,20,52,.9);border:1px solid rgba(255,255,255,.2);font:600 3cqw/1 var(--fb);color:#fff;white-space:nowrap;box-shadow:0 1cqw 3cqw rgba(0,0,0,.4);animation:pop .55s var(--spring) var(--d) both}
.a-hub .chip::before{content:"";width:1.7cqw;height:1.7cqw;border-radius:50%;background:var(--c);box-shadow:0 0 2cqw var(--c)}

/* ---------- 6 · agentes que trabajan ---------- */
.a-agents{display:flex;flex-direction:column;justify-content:center;gap:2.3cqw}
.a-agents .ah{display:flex;align-items:center;gap:1.8cqw;margin-bottom:.6cqw;font:700 2.7cqw/1 var(--fu);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8);animation:up .6s var(--ease) .2s both}
.a-agents .live{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#B6F23A;animation:ping 1.6s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(182,242,58,.7)}100%{box-shadow:0 0 0 2.6cqw rgba(182,242,58,0)}}
.a-agents .ag{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 3cqw 2.6cqw 2.8cqw;border-radius:3.8cqw;background:linear-gradient(120deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slin .6s var(--ease) calc(.35s + var(--i) * .3s) both}
@keyframes slin{from{opacity:0;translate:16cqw 0}}
.a-agents .av{flex:none;width:10cqw;height:10cqw;border-radius:3cqw;display:grid;place-items:center;background:var(--c);box-shadow:0 0 6cqw -1cqw var(--c)}
.a-agents .av svg{width:6.6cqw;height:6.6cqw}
.a-agents .av .e{transform-box:fill-box;transform-origin:center;animation:blink 3.6s ease-in-out calc(var(--i) * .4s) infinite}
@keyframes blink{0%,92%,100%{scale:1 1}96%{scale:1 .1}}
.a-agents .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1cqw}
.a-agents .tx small{font:700 2.4cqw/1 var(--fu);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.a-agents .tx b{font:700 4.1cqw/1.12 var(--fb);color:#fff}
.a-agents .st{flex:none;position:relative;width:7.4cqw;height:7.4cqw}
.a-agents .spin{position:absolute;inset:.7cqw;border-radius:50%;border:.75cqw solid rgba(255,255,255,.2);border-top-color:#fff;opacity:0;animation:spin .7s linear infinite,hide .15s linear calc(1.2s + var(--i) * .3s) both}
@keyframes hide{from{opacity:1}to{opacity:0}}
.a-agents .ok{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:#B6F23A;box-shadow:0 0 4cqw -.5cqw #B6F23A;animation:pop .45s var(--spring) calc(1.25s + var(--i) * .3s) both}
.a-agents .ok svg{width:4.2cqw;height:4.2cqw}

/* ---------- 7 · pregúntale (claro) ---------- */
.a-chat .cw{position:absolute;inset:0;border-radius:5cqw;background:#fff;box-shadow:0 5cqw 14cqw -4cqw rgba(76,52,220,.38),0 0 0 1px rgba(10,10,31,.06);padding:4.6cqw 4.8cqw;display:flex;flex-direction:column;gap:3.2cqw;overflow:hidden;animation:up .7s var(--ease) .15s both}
.a-chat .hd{display:flex;align-items:center;gap:2.6cqw;padding-bottom:3.2cqw;border-bottom:1px solid #ECECF6}
.a-chat .hd .av{flex:none;width:9.4cqw;height:9.4cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 200deg,#7C5CFF,#22D3EE,#B6F23A,#FF4FD8,#7C5CFF);animation:spin 8s linear infinite}
.a-chat .hd .av::after{content:"";width:4cqw;height:4cqw;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.a-chat .hd b{display:block;font:800 3.8cqw/1 var(--fu);color:#0A0A1F;letter-spacing:-.02em}
.a-chat .hd small{display:flex;align-items:center;gap:1cqw;margin-top:1.2cqw;font:600 2.8cqw/1 var(--fb);color:#0E9F6E}
.a-chat .hd small::before{content:"";width:1.6cqw;height:1.6cqw;border-radius:50%;background:#22C55E}
.a-chat .q{align-self:flex-end;max-width:84%;padding:3cqw 3.8cqw;border-radius:4.2cqw 4.2cqw 1.2cqw 4.2cqw;background:linear-gradient(120deg,#7C5CFF,#4F7BFF);color:#fff;font:600 4.3cqw/1.25 var(--fb);transform-origin:right bottom;animation:pop .5s var(--spring) .6s both}
.a-chat .typing{align-self:flex-start;display:flex;align-items:center;gap:1.3cqw;height:0;padding:0 3.6cqw;margin-top:-3.2cqw;border-radius:4cqw;background:#F0F0F8;opacity:0;overflow:hidden;animation:typing 1.3s ease 1.1s both}
@keyframes typing{0%{opacity:0;height:8.5cqw;margin-top:0}15%,85%{opacity:1;height:8.5cqw;margin-top:0}100%{opacity:0;height:0;margin-top:-3.2cqw}}
.a-chat .typing i{width:1.7cqw;height:1.7cqw;border-radius:50%;background:#9A9AB8;animation:tdot .9s ease-in-out infinite}
.a-chat .typing i:nth-child(2){animation-delay:.15s}.a-chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{50%{translate:0 -1cqw;background:#7C5CFF}}
.a-chat .ans{align-self:stretch;padding:3.2cqw 3.8cqw 3.4cqw;border-radius:1.2cqw 4.2cqw 4.2cqw 4.2cqw;background:#F3F3FA;transform-origin:left top;animation:pop .55s var(--spring) 2.45s both}
.a-chat .ans p{margin:0 0 3cqw;font:700 4cqw/1.25 var(--fb);color:#0A0A1F}
.a-chat .ans p em{font-style:normal;color:#E1189A}
.a-chat .chart{position:relative;height:33cqw;display:grid;grid-template-columns:repeat(5,1fr);gap:2.6cqw}
.a-chat .chart::before{content:"";position:absolute;left:-1cqw;right:-1cqw;top:62%;height:2px;background:#0A0A1F;opacity:.22}
.a-chat .col{position:relative}
.a-chat .bar{position:absolute;left:8%;right:8%;border-radius:1.6cqw}
.a-chat .bar.u{bottom:38%;height:calc(var(--v) * .62%);background:linear-gradient(#22D3EE,#7C5CFF);transform-origin:bottom;animation:gy .7s var(--ease) calc(2.8s + var(--i) * .1s) both}
.a-chat .bar.n{top:62%;height:calc(var(--v) * .38%);background:linear-gradient(#FF4FD8,#FF8A3D);transform-origin:top;animation:gy .7s var(--ease) calc(2.8s + var(--i) * .1s) both,alarm 1.2s ease-in-out 3.6s infinite}
@keyframes gy{from{scale:1 0}}
@keyframes alarm{50%{box-shadow:0 0 0 1.2cqw rgba(255,79,216,.25)}}
.a-chat .lbls{display:grid;grid-template-columns:repeat(5,1fr);gap:2.6cqw;margin-top:2cqw;text-align:center;font:600 2.7cqw/1 var(--fb);color:#5A5A7E}
.a-chat .lbls .r{color:#E1189A;font-weight:800}

/* ---------- 8 · a medida y viva ---------- */
.a-grow .tape{position:absolute;left:10cqw;right:0;top:3cqw;height:10cqw;border-radius:0 1.8cqw 1.8cqw 0;
  background:
    repeating-linear-gradient(90deg,rgba(10,10,31,.7) 0 .35cqw,transparent .35cqw 2.5cqw) 0 100%/100% 2.6cqw no-repeat,
    repeating-linear-gradient(90deg,rgba(10,10,31,.85) 0 .5cqw,transparent .5cqw 12.5cqw) 0 100%/100% 4.8cqw no-repeat,
    linear-gradient(90deg,#FFE45C,#B6F23A);
  box-shadow:0 2cqw 7cqw -2cqw rgba(182,242,58,.7);transform-origin:left;animation:unroll 1.1s var(--ease) .35s both}
@keyframes unroll{from{scale:0 1}}
.a-grow .tape span{position:absolute;top:1.3cqw;font:800 2.4cqw/1 var(--fu);color:#0A0A1F;translate:-50% 0}
.a-grow .case{position:absolute;left:0;top:0;width:16cqw;height:16cqw;border-radius:4.5cqw;background:linear-gradient(135deg,#FF8A3D,#FF4FD8);box-shadow:0 2cqw 6cqw -1cqw rgba(255,79,216,.7),inset 0 0 0 1.4cqw rgba(255,255,255,.12);display:grid;place-items:center;animation:pop .6s var(--spring) .15s both}
.a-grow .case::after{content:"";width:5cqw;height:5cqw;border-radius:50%;background:#0A0A1F;box-shadow:0 0 0 1.2cqw rgba(10,10,31,.25)}
.a-grow .cols{position:absolute;left:0;right:0;top:22cqw;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3cqw;align-items:end}
.a-grow .col{display:flex;flex-direction:column-reverse;gap:1.4cqw}
.a-grow .lbl{margin-top:1.4cqw;text-align:center;font:700 2.7cqw/1 var(--fu);color:rgba(255,255,255,.65)}
.a-grow .blk{position:relative;height:8.6cqw;border-radius:2.2cqw;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 1.2cqw 0 0 color-mix(in srgb,var(--c) 70%,transparent);animation:pop .5s var(--spring) var(--d) both}
.a-grow .blk.on{display:flex;align-items:center;justify-content:center;border:0;background:var(--c);box-shadow:0 0 6cqw -1cqw var(--c);color:#0A0A1F;font:800 2.75cqw/1 var(--fb);white-space:nowrap}
.a-grow .blk.new::after{content:"+";position:absolute;right:-1.6cqw;top:-1.8cqw;width:4.4cqw;height:4.4cqw;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0A0A1F;font:900 3.4cqw/1 var(--fb);box-shadow:0 0 0 .6cqw rgba(10,10,31,.4)}
.a-grow .arrow{position:absolute;left:4cqw;right:4cqw;top:17cqw;height:4cqw;overflow:visible}

/* ---------- 9 · CTA ---------- */
.a-cta .ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:spin 24s linear infinite}
.a-cta .ring text{font-family:var(--fu);font-weight:700;fill:#fff;letter-spacing:.5px}
.a-cta .cen{position:absolute;left:50%;top:50%;width:56cqw;aspect-ratio:1;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#FF9AE9,#FF4FD8 40%,#7C5CFF 85%);box-shadow:0 0 0 2.4cqw rgba(255,79,216,.15),0 0 16cqw rgba(255,79,216,.55);animation:pop .8s var(--spring) .3s both}
.a-cta .cen svg{width:26cqw;height:26cqw;animation:float 2.4s ease-in-out 1.1s infinite alternate}
@keyframes float{to{translate:0 -2.4cqw;rotate:-6deg}}

/* ---------- reposo: sin movimiento ---------- */
.js .scene:not(.is-in) *,.js .scene:not(.is-in) *::before,.js .scene:not(.is-in) *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .a-chat .typing{display:none}
}
.static *,.static *::before,.static *::after{animation:none!important;transition:none!important}
.static .a-chat .typing{display:none}