/* ============================================================
   TOPWALLET — AI × Wallets  (ApeChain energy + Sofi cards)
   solid blue + cream · no opacity · coherent with Fusion
   ============================================================ */
:root{
  --blue:#4353FF;--blue-deep:#2B2FB3;--blue-bright:#7C8CFF;--sky:#D9DEEC;--sky-soft:#1B2540;
  --cream:#0E1626;--cream-2:#16213B;--cream-3:#232E4D;--ink:#F2F4F9;--ink-2:#0A1020;--ink-soft:#B6C0D8;
  --line:#232E4D;--up:#0F9D58;--mid:#ffb84d;--down:#E0483A;--spark:#00D5A1;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font-family:'Space Grotesk',sans-serif;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--blue);color:#fff}
.mono{font-family:'Space Grotesk',sans-serif}
.display{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.035em;line-height:.84}

/* grain + cursor + goo (ApeChain) */
.grain{position:fixed;inset:-60%;z-index:9000;pointer-events:none;opacity:.05;mix-blend-mode:overlay}
.grain svg{width:100%;height:100%}
.cur-dot{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--cream);z-index:10000;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cur-ring{position:fixed;top:0;left:0;width:42px;height:42px;border:1.6px solid var(--blue-bright);border-radius:50%;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s}
.cur-ring.big{width:78px;height:78px}
.goo{position:fixed;inset:0;z-index:0;pointer-events:none;filter:url(#goof)}
.goo b{position:absolute;border-radius:50%;background:var(--blue);will-change:transform}

/* nav — full-width cell bar (ink) */
nav{position:sticky;top:0;z-index:80;display:flex;align-items:stretch;height:76px;background:var(--ink);border-bottom:2px solid #23263a;color:var(--cream)}
nav .brand{font-family:'Unbounded';font-weight:800;font-size:21px;display:flex;align-items:center;gap:10px;padding:0 30px;flex:0 0 auto;letter-spacing:-.02em}
nav a:not(.brand){flex:1 1 0;display:flex;align-items:center;justify-content:center;font-family:'Unbounded';font-weight:700;font-size:clamp(13px,1.3vw,19px);text-transform:uppercase;letter-spacing:.01em;color:var(--cream);white-space:nowrap;padding:0 10px;transition:background .15s}
nav a:not(.brand):last-child{border-right:none}
nav a.act{box-shadow:inset 0 -4px 0 var(--blue);color:inherit}
nav a:not(.brand):hover:not(.act){background:#e9e4d4}
@media(max-width:940px){nav{overflow-x:auto}nav a:not(.brand){flex:0 0 auto;padding:0 18px}}

/* shared */
.section{position:relative;z-index:2;padding:13vh 5vw}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:24px}
.eyebrow .ln{width:42px;height:1.5px;background:currentColor}
.h2{font-size:clamp(34px,6vw,92px);text-transform:uppercase;line-height:.9}
.lead{max-width:54ch;color:#333D50;font-size:clamp(15px,1.4vw,19px);line-height:1.55;margin-top:16px}

/* reveal */
.mask{overflow:hidden;display:block}
.mask>*{display:block;transform:translateY(112%);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.mask.in>*{transform:translateY(0)}
.fade{opacity:0;transform:translateY(28px);transition:opacity 1.15s ease,transform 1.15s cubic-bezier(.16,1,.3,1)}
.fade.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.18s}.d3{transition-delay:.3s}.d4{transition-delay:.42s}

/* ============ HERO — AI x wallets (minimal product) ============ */
#hero{position:relative;z-index:1;isolation:isolate;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:84px 5vw 30px;background:#0A1020;overflow:hidden}
#hero::before{content:"";position:absolute;inset:0;background:#0A1020;z-index:0}
#hero::after{content:none}
@keyframes aiPool{from{opacity:.72;transform:translateX(-50%) scaleX(.92)}to{opacity:1;transform:translateX(-50%) scaleX(1.04)}}
.hero-inner{position:relative;z-index:3;width:100%;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.ai-h{font-family:'Unbounded',sans-serif;font-weight:600;font-size:clamp(36px,7vw,104px);line-height:1.0;letter-spacing:-.03em;color:#FFFFFF;text-transform:uppercase;white-space:normal;text-wrap:balance;text-shadow:0 4px 40px rgba(0,0,0,.7),0 2px 14px rgba(0,0,0,.55),0 0 90px rgba(124,140,255,.35)}
.ai-h .x{font-weight:400;padding:0 .12em;color:#E6E9F2}
.ai-lead{margin-top:clamp(18px,2.6vh,30px);font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(16px,2vw,26px);line-height:1.4;letter-spacing:.005em;color:#E4E7EF;max-width:24ch;text-shadow:0 1px 16px rgba(0,0,0,.5);text-wrap:balance}
.ai-nav4{margin-top:clamp(30px,5vh,56px);display:flex;gap:clamp(12px,1.6vw,18px);flex-wrap:wrap;justify-content:center;width:100%}
.ai-gbtn{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(132px,13vw,168px);padding:15px 32px;border-radius:60px;border:1px solid rgba(236,238,242,.3);color:#ECEEF2;background:rgba(255,255,255,.03);font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(14px,1.1vw,16.5px);letter-spacing:.01em;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s}
.ai-gbtn:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(236,238,242,.55)}
.ai-gbtn:active{transform:scale(.97)}
@media(max-width:560px){.ai-nav4{gap:10px}.ai-gbtn{min-width:0;flex:1 1 44%;padding:14px 20px}}
.ai-sub{margin-top:.5em;font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:clamp(15px,1.9vw,24px);letter-spacing:.01em;color:#E4E7EF;text-shadow:0 1px 16px rgba(0,0,0,.5)}
.ai-ctas{margin-top:26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
.ai-pill{display:inline-flex;align-items:center;gap:12px;padding:14px 30px;border-radius:60px;border:1px solid rgba(236,238,242,.28);color:#ECEEF2;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:15.5px;letter-spacing:.01em;white-space:nowrap;background:rgba(255,255,255,.02);transition:background .25s,border-color .25s,transform .2s}
.ai-pill span{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ai-pill:hover{background:rgba(255,255,255,.07);border-color:rgba(236,238,242,.5)}
.ai-pill:hover span{transform:translateX(5px)}
.ai-pill:active{transform:scale(.97)}
.ai-link{color:#DFE3EC;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:15.5px;letter-spacing:.01em;position:relative;padding:6px 2px;transition:color .2s}
.ai-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#ECEEF2;transition:right .3s cubic-bezier(.22,1,.36,1)}
.ai-link:hover{color:#ECEEF2}
.ai-link:hover::after{right:0}
/* device stage */
.ai-stage{position:relative;margin-top:clamp(10px,2vh,26px);width:100%;display:flex;justify-content:center}
.ai-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#0A1020;pointer-events:none;filter:brightness(1.16) contrast(1.08) saturate(1.06)}
.ai-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 28%,rgba(10,10,12,.04),rgba(10,10,12,.28) 72%),linear-gradient(to bottom,rgba(10,10,12,.34),rgba(10,10,12,.04) 26%,rgba(10,10,12,.12) 60%,rgba(10,10,12,.72))}
@keyframes aiFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(1.2deg)}}
.ai-pool{position:absolute;left:50%;bottom:-4%;width:40%;height:16px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(200,212,236,.85),transparent 80%);filter:blur(5px);animation:aiPoolDot 7s ease-in-out infinite}
@keyframes aiPoolDot{0%,100%{opacity:.85;width:46%}50%{opacity:.5;width:38%}}
/* feature row */
.ai-feats{list-style:none;margin:clamp(14px,2.6vh,32px) auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,3.4vw,52px)}
.ai-feats li{display:flex;align-items:center;gap:13px;position:relative;color:#CBD0DB;font-family:'Space Grotesk',sans-serif;font-weight:300;font-size:14.5px;line-height:1.2;text-align:left}
.ai-feats li::after{content:"";position:absolute;right:calc(-1*clamp(10px,1.7vw,26px));top:50%;transform:translateY(-50%);width:1px;height:30px;background:rgba(236,238,242,.16)}
.ai-feats li:last-child::after{display:none}
.ai-feats svg{width:22px;height:22px;color:#E6E8EC;flex:none}
.ai-feats b{font-weight:400}
@media (prefers-reduced-motion:reduce){.ai-bg{}}
@media(max-width:680px){
  .ai-feats{gap:18px 22px}
  .ai-feats li::after{display:none}
  .ai-video{width:clamp(240px,80vw,420px)}
}

/* marquee ribbon (ApeChain) */
.ribbon{position:relative;z-index:2;background:var(--ink);color:var(--cream);padding:18px 0;overflow:hidden;white-space:nowrap;border-block:1px solid rgba(255,255,255,.12)}
.ribbon .t{display:inline-block;will-change:transform}
.ribbon .it{font-family:'Unbounded';font-weight:800;font-size:clamp(22px,3.4vw,48px);text-transform:uppercase;padding:0 22px}
.ribbon .st{color:var(--blue-bright)}

/* ============ TOP 5 ============ */
#top5{background:var(--cream);color:var(--ink)}
#top5 .eyebrow{color:var(--blue)}
.t5{margin-top:40px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--cream-2)}
.t5row{display:grid;grid-template-columns:54px 1fr auto auto auto;gap:20px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);transition:background .15s}
.t5-how{justify-self:end}
.t5row:last-child{border-bottom:none}
.t5row:hover{background:var(--cream-3)}
.t5row .rk{font-family:'Unbounded';font-weight:800;font-size:clamp(28px,3.4vw,46px);color:var(--blue);line-height:.8}
.t5row .who{display:flex;align-items:center;gap:14px}
.t5row .logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-family:'Unbounded';font-weight:800;font-size:18px;overflow:hidden;background:#fff!important}
.t5row .logo img{width:100%;height:100%;object-fit:contain;padding:20%;display:block}
.t5row .nm{font-weight:700;font-size:18px}
.t5row .tag{font-family:'Space Grotesk';font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:none;letter-spacing:.01em}
.t5row .ag{text-align:right}
.t5row .ag .n{font-family:'Unbounded';font-weight:800;font-size:clamp(20px,2.2vw,30px)}
.t5row .ag .l{font-family:'Space Grotesk';font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}
.t5row .spark{width:120px;height:40px}
.t5-how{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;justify-self:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12.5px;color:var(--Lblue,#4353FF);background:transparent;border:1.5px solid var(--Lblue,#4353FF);border-radius:30px;padding:9px 15px;cursor:pointer;transition:transform .18s,background .18s;box-shadow:none}
.t5-how svg{width:14px;height:14px;transition:transform .18s}
.t5-how:hover{background:rgba(67,83,255,.08);transform:translateY(-2px)}
.t5-how:hover svg{transform:translateX(3px)}
.t5-how:active{transform:scale(.97)}
.t5-how{justify-self:end}
@media(max-width:760px){.t5row{grid-template-columns:40px 1fr auto}.t5row .spark{display:none}.t5row .star-tok{display:none}.t5-how{grid-column:1/-1;justify-self:center;margin-top:4px}}
/* ---- modal cómo empezar ---- */
.hm-id{display:flex;align-items:center;gap:14px;min-width:0}
.hm-logo{flex:none;width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid rgba(16,26,48,.12);display:grid;place-items:center;overflow:hidden}
.hm-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
.hm-what{font-family:'Space Grotesk';font-size:15.5px;line-height:1.55;color:var(--Linksoft,#4a5163);margin-bottom:20px;text-wrap:pretty}
.hm-what b{color:var(--Link,#101A30)}
.hm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.hm-steps li{display:flex;gap:15px;align-items:flex-start;background:#FBFBF8;border:1.5px solid rgba(67,83,255,.2);border-radius:16px;padding:18px 20px}
.hm-no{flex:none;width:34px;height:34px;border-radius:50%;background:var(--Lblue,#4353FF);color:#fff;display:grid;place-items:center;font-family:'Space Mono';font-weight:700;font-size:15px;box-shadow:0 6px 14px -6px rgba(43,47,179,.7)}
.hm-steps b{display:block;font-family:'Unbounded';font-weight:600;font-size:16px;letter-spacing:-.015em;color:var(--Link,#101A30);margin-bottom:5px}
.hm-steps p{font-family:'Space Grotesk';font-size:14px;line-height:1.55;color:var(--Linksoft,#4a5163);text-wrap:pretty}
.hm-steps p b,.hm-note b{color:var(--Link,#101A30);font-weight:700}
.hm-find{margin-top:8px;padding:10px 13px;border-radius:11px;background:rgba(67,83,255,.07);border:1px solid rgba(67,83,255,.2);font-size:13px!important;color:var(--Linksoft,#4a5163)!important}
.hm-find b{color:var(--Lblue,#4353FF)!important}
.hm-note{margin-top:16px;padding:14px 18px;border:1.5px solid rgba(0,180,136,.4);border-radius:14px;background:#F2FBF7;font-family:'Space Grotesk';font-weight:600;font-size:13.5px;color:#0a5c46;line-height:1.5;text-wrap:pretty}
.hm-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.hm-go{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-weight:800;font-size:14.5px;color:#fff;background:var(--Lblue,#4353FF);border-radius:30px;padding:13px 22px;box-shadow:0 12px 26px -12px rgba(43,47,179,.8);transition:transform .18s}
.hm-go svg{width:16px;height:16px}
.hm-go:hover{transform:translateY(-2px)}
.hm-chat{font-family:'Space Grotesk';font-weight:700;font-size:14px;color:var(--Lblue,#4353FF);border-bottom:2px solid currentColor;padding-bottom:2px}

/* ============ MARKETPLACE — tarjetas de agente (readout en vivo) ============ */
#market{background:var(--ink)}
.mkt{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:start}
@media(max-width:900px){.mkt{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}
.acard{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#141d35,#0e1424);border:1px solid rgba(124,140,255,.22);border-radius:22px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 28px 60px -34px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .45s}
.acard.off{margin-top:0}
@media(min-width:900px){.acard.off{margin-top:34px}}
.acard:hover{transform:translateY(-7px);border-color:rgba(124,140,255,.5);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 40px 80px -34px rgba(67,83,255,.5)}
.acard-badge{position:absolute;top:16px;right:16px;z-index:4;font-family:'Space Grotesk';font-weight:800;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#06251c;background:var(--mint);border-radius:30px;padding:5px 12px;box-shadow:0 6px 16px -4px rgba(0,213,161,.6)}

/* pantalla superior — el "readout" del agente */
.acard-screen{position:relative;height:188px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:hidden;border-bottom:1px solid rgba(124,140,255,.16);background:radial-gradient(120% 100% at 78% -10%,rgba(67,83,255,.34),transparent 62%),#0b1124}
.acard-screen::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(124,140,255,.06) 1px,transparent 1px);background-size:100% 26px;pointer-events:none}

/* security readout */
.ac-sec .scn-ring{position:absolute;right:-14px;top:-18px;width:150px;height:150px;color:#C6CEFF;opacity:.9}
.ac-sec .scn-ring svg{width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(124,140,255,.7))}
.ac-sec .scn-beam{position:absolute;left:6%;right:6%;top:30%;height:2px;background:linear-gradient(90deg,transparent,#3affc8,transparent);box-shadow:0 0 12px #3affc8;animation:scnbeam 2.6s ease-in-out infinite}
@keyframes scnbeam{0%,100%{transform:translateY(-34px);opacity:.2}50%{transform:translateY(40px);opacity:1}}
.scn-read{list-style:none;position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;max-width:74%}
.scn-read li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:'Space Grotesk';font-size:11.5px;color:#BEC8E4}
.scn-read b{font-family:'Space Grotesk';font-weight:700;font-size:11.5px;color:#e7ebfb;padding:3px 9px;border-radius:7px;background:rgba(124,140,255,.14)}
.scn-read b.warn{color:#ffd27a;background:rgba(255,180,60,.15)}
.scn-read b.ok{color:#3affc8;background:rgba(0,213,161,.16)}

/* chat experto readout */
.ac-chat{flex-direction:column!important;align-items:stretch!important;justify-content:center;gap:10px!important}
.chat-row{display:flex;gap:9px;align-items:flex-start;position:relative;z-index:2}
.chat-row.bot{flex-direction:row}
.chat-av{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:800;font-size:9px;text-transform:uppercase;color:#C6CEFF;background:rgba(124,140,255,.16);border:1px solid rgba(124,140,255,.3)}
.chat-av.ai{color:#06251c;background:var(--mint);border-color:transparent}
.chat-av.ai svg{width:15px;height:15px}
.chat-row p{font-family:'Space Grotesk';font-size:11.5px;line-height:1.4;color:#EBEFFA;background:rgba(124,140,255,.1);border:1px solid rgba(124,140,255,.18);border-radius:12px;padding:8px 11px;max-width:84%}
.chat-row.bot p{background:rgba(0,213,161,.1);border-color:rgba(0,213,161,.24);color:#e7f6f0}
.chat-cursor{display:inline-block;width:2px;height:12px;background:#3affc8;margin-left:3px;vertical-align:-2px;animation:chatcur 1s steps(2) infinite}
@keyframes chatcur{0%,100%{opacity:1}50%{opacity:0}}

/* money readout — donut + alloc */
.ac-money .acard-screen{flex-direction:row;align-items:center;gap:20px}
.scn-donut{position:relative;width:104px;height:104px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#7C8CFF 0 42%,#3affc8 42% 73%,#aab6ff 73% 100%);box-shadow:0 0 22px -4px rgba(67,83,255,.6)}
.scn-donut::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0b1124}
.scn-dctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
.scn-dctr b{font-family:'Unbounded';font-weight:600;font-size:16px;letter-spacing:-.02em;color:#3affc8}
.scn-dctr span{font-family:'Space Grotesk';font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#A6B0CC;margin-top:2px}
.scn-alloc{list-style:none;position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;flex:1}
.scn-alloc li{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:12.5px;color:#DAE0F4}
.scn-alloc i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:0 0 auto;box-shadow:0 0 8px -1px var(--c)}
.scn-alloc b{margin-left:auto;font-family:'Space Grotesk';font-weight:700;color:#fff}

/* staking readout — bars */
.ac-stake .acard-screen{flex-direction:column;align-items:stretch;gap:12px}
.scn-apr{display:flex;align-items:baseline;justify-content:space-between;position:relative;z-index:2}
.scn-apr span{font-family:'Space Grotesk';font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#A6B0CC}
.scn-apr b{font-family:'Unbounded';font-weight:700;font-size:34px;letter-spacing:-.04em;color:#3affc8;line-height:1}
.scn-apr b i{font-style:normal;font-size:18px}
.scn-bars{display:flex;align-items:flex-end;gap:12px;height:78px;position:relative;z-index:2}
.scn-bars span{flex:1;height:var(--h);border-radius:7px 7px 0 0;background:linear-gradient(180deg,#5b6bff,#3743b8);position:relative;display:flex;align-items:flex-start;justify-content:center}
.scn-bars span i{font-style:normal;font-family:'Space Grotesk';font-weight:700;font-size:9.5px;color:#CBD4EC;margin-top:-15px}
.scn-bars span.best{background:linear-gradient(180deg,#3affc8,#0c9b74);box-shadow:0 0 20px -3px rgba(0,213,161,.8)}
.scn-bars span.best i{color:#3affc8}

/* info block */
.acard-info{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.acard-nm{font-family:'Unbounded';font-weight:700;font-size:clamp(19px,1.7vw,23px);text-transform:uppercase;letter-spacing:-.02em;line-height:1;background:linear-gradient(96deg,#fff 30%,#7C8CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.acard-dsc{font-family:'Space Grotesk';font-size:13.5px;line-height:1.5;color:#C9D1E8}
.acard-tags{display:flex;flex-wrap:wrap;gap:7px}
.acard-tags span{font-family:'Space Grotesk';font-weight:800;font-size:11px;color:#DAE0F4;background:rgba(124,140,255,.12);border:1px solid rgba(124,140,255,.26);border-radius:30px;padding:5px 11px}
.acard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
.acard-k{font-family:'Space Grotesk';font-size:11.5px;color:#B2BCD8;display:inline-flex;align-items:center;gap:6px}
.acard-k b{font-family:'Unbounded';font-weight:800;color:#fff;font-size:12px}
.acard-k i{font-style:normal;color:#46506e}
.acard-cta{flex:0 0 auto;border:none;background:linear-gradient(130deg,var(--blue-bright),var(--blue));color:#fff;border-radius:30px;padding:10px 20px;font-family:'Space Grotesk';font-weight:800;font-size:12.5px;letter-spacing:.02em;cursor:pointer;white-space:nowrap;box-shadow:0 10px 22px -10px var(--blue-bright);transition:filter .15s,transform .12s}
.acard-cta:hover{filter:brightness(1.12)}
.acard-cta:active{transform:scale(.95)}

/* ============ AGENT PANELS ============ */
.agent{background:var(--cream);color:var(--ink);border-radius:34px;margin-top:24px;overflow:hidden;border:1px solid var(--line)}
.agent .ahead{display:flex;align-items:center;gap:16px;padding:26px 30px;border-bottom:1px solid var(--line);background:var(--cream-2)}
.agent .ahead .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:'Unbounded';font-weight:800;font-size:22px;flex:0 0 auto}
.agent .ahead .t .nm{font-family:'Unbounded';font-weight:800;font-size:22px;text-transform:uppercase;line-height:1}
.agent .ahead .t .d{font-family:'Space Grotesk';font-size:12px;color:var(--ink-soft);margin-top:4px}
.agent .ahead .live{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--up)}
.agent .ahead .live i{width:8px;height:8px;border-radius:50%;background:var(--up);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* security scanner */
.scan{padding:26px 30px}
.scanbar{display:flex;gap:12px;flex-wrap:wrap}
.scanbar input{flex:1;min-width:240px;border:1px solid var(--line);background:var(--cream);border-radius:14px;padding:15px 18px;font-family:'Space Grotesk';font-size:14px;color:var(--ink);outline:none}
.scanbar input:focus{border-color:var(--blue)}
.scanbar .go{background:var(--blue);color:#fff;border:none;border-radius:14px;padding:15px 26px;font-family:'Space Grotesk';font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.scanbar .go:hover{background:var(--blue-deep)}
.samples{margin-top:12px;font-family:'Space Grotesk';font-size:12px;color:var(--ink-soft);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.samples button{border:1px dashed var(--line);background:none;border-radius:20px;padding:5px 11px;font-family:'Space Grotesk';font-size:11.5px;color:var(--blue);cursor:pointer}
.progress{height:6px;border-radius:6px;background:var(--cream-3);overflow:hidden;margin-top:20px;display:none}
.progress.on{display:block}
.progress i{display:block;height:100%;width:0;background:var(--blue);transition:width .1s linear}
.report{margin-top:22px;display:none}
.report.on{display:block;animation:rise .5s ease}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.risk{display:flex;align-items:center;gap:18px;padding:22px;border-radius:20px;color:#fff;margin-bottom:18px}
.risk.alto{background:var(--down)}.risk.medio{background:var(--mid);color:var(--ink)}.risk.bajo{background:var(--up)}
.risk .lvl{font-family:'Unbounded';font-weight:800;font-size:clamp(28px,4vw,52px);text-transform:uppercase;line-height:.85}
.risk .sc{margin-left:auto;text-align:right;font-family:'Space Grotesk';font-size:12px}
.risk .sc b{font-family:'Unbounded';font-size:30px;display:block}
.findings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:760px){.findings{grid-template-columns:1fr}}
.finding{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--cream)}
.finding .fh{display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk';font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.finding .fv{font-family:'Unbounded';font-weight:800;font-size:24px;margin-top:6px}
.permlist{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.perm{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px 16px;background:var(--cream)}
.perm .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.perm.hi .dot{background:var(--down)}.perm.md .dot{background:var(--mid)}.perm.lo .dot{background:var(--up)}
.perm .pn{font-weight:700;font-size:14.5px}
.perm .pc{font-family:'Space Grotesk';font-size:12px;color:var(--ink-soft)}
.perm .rev{margin-left:auto;border:1px solid var(--down);color:var(--down);background:none;border-radius:30px;padding:7px 14px;font-family:'Space Grotesk';font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.perm .rev:hover{background:var(--down);color:#fff}
.perm.done{opacity:1}
.perm.done .rev{border-color:var(--up);color:var(--up);pointer-events:none}
.perm.done .dot{background:var(--up)}

/* portfolio agent */
.pf{padding:26px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.pf{grid-template-columns:1fr}}
.pf .advice{display:flex;flex-direction:column;gap:12px}
.advice .row{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:15px 17px;background:var(--cream)}
.advice .row .tag{font-family:'Space Grotesk';font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:20px;color:#fff;flex:0 0 auto}
.advice .row .tag.buy{background:var(--up)}.advice .row .tag.trim{background:var(--mid);color:var(--ink)}.advice .row .tag.watch{background:var(--blue);color:#fff}.advice .row .tag.risk{background:var(--down)}
.advice .row .tx{font-size:14px;line-height:1.4}
.advice .row .tx b{font-weight:700}
.pf .panel{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--cream-2)}
.pf .panel h4{font-family:'Space Grotesk';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px}
.alloc{display:flex;flex-direction:column;gap:12px}
.alloc .a{display:flex;align-items:center;gap:12px}
.alloc .a .nm{width:64px;font-family:'Space Grotesk';font-size:12px}
.alloc .a .bar{flex:1;height:12px;border-radius:8px;background:var(--cream-3);overflow:hidden}
.alloc .a .bar i{display:block;height:100%;border-radius:8px;transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.alloc .a .pc{font-family:'Space Grotesk';font-size:12px;width:40px;text-align:right;font-weight:700}
.health{display:flex;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.health .ring{--p:78;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),var(--cream-3) 0);display:grid;place-items:center;flex:0 0 auto}
.health .ring i{width:48px;height:48px;border-radius:50%;background:var(--cream-2);display:grid;place-items:center;font-family:'Unbounded';font-weight:800;font-style:normal;font-size:16px}
.health .ht{font-size:13px;color:var(--ink-soft);line-height:1.4}
.health .ht b{font-family:'Unbounded';font-size:16px;color:var(--ink);display:block}

/* ============ CÓMO INSTALAR — paso a paso ============ */
#setup{position:relative}
#setup .h2{margin-top:6px}
.setup{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px;padding:0}
@media(max-width:780px){.setup{grid-template-columns:1fr}}
.step{display:flex;gap:18px;align-items:flex-start;background:rgba(124,140,255,.06);border:1px solid rgba(124,140,255,.2);border-radius:20px;padding:24px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s}
.step:hover{transform:translateY(-5px);border-color:rgba(124,140,255,.5);background:rgba(124,140,255,.1)}
.step-no{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-family:'Unbounded';font-weight:700;font-size:20px;letter-spacing:-.04em;color:#fff;background:linear-gradient(135deg,var(--blue-bright),var(--blue));box-shadow:0 10px 22px -8px var(--blue-bright)}
.step-body{min-width:0}
.step-body h3{font-family:'Unbounded';font-weight:600;font-size:clamp(16px,1.5vw,20px);letter-spacing:-.02em;color:#fff;line-height:1.05}
.step-body p{margin-top:8px;font-family:'Space Grotesk';font-size:13.5px;line-height:1.5;color:#C9D1E8}
.step-body p a{color:var(--blue-bright);text-decoration:underline;text-underline-offset:2px}
.step-body p b{color:#e7ebfb;font-weight:700}
.step-tip{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:'Space Grotesk';font-size:11.5px;line-height:1.35;color:#3affc8;background:rgba(0,213,161,.1);border:1px solid rgba(0,213,161,.24);border-radius:10px;padding:7px 11px}

/* ============ Staking agent (flujo) ============ */
.stk{padding:clamp(20px,3vw,30px)}
.stk-q{font-family:'Unbounded';font-weight:600;font-size:clamp(15px,1.6vw,19px);letter-spacing:-.01em;color:#fff;margin-bottom:16px}
.stk-tokens{display:flex;flex-wrap:wrap;gap:10px}
.stk-tk{font-family:'Unbounded';font-weight:600;font-size:14px;letter-spacing:-.01em;color:#cdd6ff;background:rgba(124,140,255,.1);border:1.5px solid rgba(124,140,255,.28);border-radius:13px;padding:12px 18px;cursor:pointer;transition:background .18s,border-color .18s,transform .12s}
.stk-tk:hover{background:rgba(124,140,255,.2);border-color:var(--blue-bright)}
.stk-tk.on{background:linear-gradient(130deg,var(--blue-bright),var(--blue));color:#fff;border-color:transparent}
.stk-tk:active{transform:scale(.96)}
.stk-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:680px){.stk-terms{grid-template-columns:1fr}}
.stk-term{text-align:left;background:rgba(124,140,255,.07);border:1.5px solid rgba(124,140,255,.24);border-radius:16px;padding:18px;cursor:pointer;transition:background .18s,border-color .18s,transform .14s}
.stk-term:hover{background:rgba(124,140,255,.14);border-color:var(--blue-bright);transform:translateY(-3px)}
.stk-term.on{border-color:var(--mint);background:rgba(0,213,161,.1)}
.stk-term b{display:block;font-family:'Unbounded';font-weight:600;font-size:16px;letter-spacing:-.02em;color:#fff;margin-bottom:6px}
.stk-term span{font-family:'Space Grotesk';font-size:12.5px;color:#BEC8E4;line-height:1.4}
.stk-scan{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-size:15px;color:#C9D1E8;padding:24px 0}
.stk-scan b{color:#fff}
.stk-spin{width:20px;height:20px;border:2.5px solid rgba(124,140,255,.25);border-top-color:var(--blue-bright);border-radius:50%;animation:stkspin .7s linear infinite}
@keyframes stkspin{to{transform:rotate(360deg)}}
.stk-best{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:radial-gradient(120% 140% at 90% 0%,rgba(0,213,161,.18),transparent 60%),rgba(124,140,255,.08);border:1.5px solid rgba(0,213,161,.4);border-radius:18px;padding:20px 22px}
.stk-best-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stk-prov{display:inline-flex;align-items:center;gap:9px;font-family:'Unbounded';font-weight:600;font-size:17px;letter-spacing:-.02em;color:#fff}
.stk-prov img{width:24px;height:24px;border-radius:6px;background:#fff;padding:2px}
.stk-prov.sm{font-size:13.5px}.stk-prov.sm img{width:18px;height:18px}
.stk-type{font-family:'Space Grotesk';font-weight:700;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:30px;border:1px solid rgba(124,140,255,.4);color:#C6CEFF}
.stk-type.exchange{color:#ffce8a;border-color:rgba(255,180,60,.4)}
.stk-type.sm{font-size:9px;padding:3px 7px}
.stk-aud{font-family:'Space Grotesk';font-weight:700;font-size:10.5px;color:#3affc8;background:rgba(0,213,161,.14);border-radius:30px;padding:4px 10px}
.stk-best-apr{text-align:right}
.stk-best-apr b{font-family:'Unbounded';font-weight:700;font-size:38px;letter-spacing:-.04em;color:#3affc8;line-height:1}
.stk-best-apr b i{font-style:normal;font-size:20px}
.stk-best-apr span{display:block;font-family:'Space Grotesk';font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#B2BCD8;margin-top:4px}
.stk-note{font-family:'Space Grotesk';font-size:13.5px;line-height:1.5;color:#C9D1E8;margin:16px 2px}
.stk-note b{color:#e7ebfb;font-weight:700}
.stk-alts{margin-top:6px}
.stk-alts-h{font-family:'Space Grotesk';font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#A6B0CC;margin-bottom:9px}
.stk-alt{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(124,140,255,.12)}
.stk-alt:last-child{border-bottom:none}
.stk-alt-apr{margin-left:auto;font-family:'Unbounded';font-weight:600;font-size:14px;color:#cdd6ff}
.stk-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.stk-go{flex:1;min-width:200px;border:none;border-radius:14px;background:linear-gradient(130deg,var(--mint),#0c9b74);color:#06251c;font-family:'Space Grotesk';font-weight:800;font-size:14px;letter-spacing:.01em;padding:14px 22px;cursor:pointer;box-shadow:0 12px 26px -10px rgba(0,213,161,.7);transition:filter .15s,transform .12s}
.stk-go:hover{filter:brightness(1.08)}.stk-go:active{transform:scale(.98)}
.stk-reset{border:1.5px solid rgba(124,140,255,.3);background:none;color:#C6CEFF;border-radius:14px;padding:14px 20px;font-family:'Space Grotesk';font-weight:700;font-size:13px;cursor:pointer;transition:background .18s}
.stk-reset:hover{background:rgba(124,140,255,.12)}
.stk-done{display:flex;align-items:center;gap:14px;background:rgba(0,213,161,.1);border:1.5px solid rgba(0,213,161,.4);border-radius:18px;padding:20px 22px}
.stk-check{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--mint);color:#06251c;display:grid;place-items:center;font-size:22px;font-weight:800}
.stk-done b{display:block;font-family:'Unbounded';font-weight:600;font-size:16px;letter-spacing:-.01em;color:#fff;margin-bottom:4px}
.stk-done span{font-family:'Space Grotesk';font-size:13px;color:#C9D1E8;line-height:1.45}

/* ============ estado instalado + chat modal ============ */
.acard-cta.done{background:rgba(0,213,161,.16)!important;color:#3affc8!important;box-shadow:none!important;cursor:default}
.acard.is-installed{border-color:rgba(0,213,161,.4)}

.dmchat{position:fixed;inset:0;z-index:11500;display:flex;align-items:flex-end;justify-content:center;background:rgba(6,9,18,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.dmchat.on{opacity:1;visibility:visible}
.dm-card{width:min(560px,94vw);height:min(640px,86vh);margin-bottom:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#141d35,#0c1326);border:1px solid rgba(124,140,255,.3);border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -30px 80px -20px rgba(0,0,0,.8);transform:translateY(40px);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.dmchat.on .dm-card{transform:none}
@media(min-width:760px){.dmchat{align-items:center}.dm-card{border-radius:22px;height:min(620px,82vh)}}
.dm-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(124,140,255,.18);background:radial-gradient(120% 140% at 90% 0%,rgba(67,83,255,.3),transparent 60%)}
.dm-ic{width:38px;height:38px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;color:#06251c;background:var(--mint)}
.dm-ic svg{width:21px;height:21px}
.dm-ttl{flex:1;min-width:0}
.dm-ttl b{display:block;font-family:'Unbounded';font-weight:600;font-size:14.5px;letter-spacing:-.01em;color:#fff}
.dm-on{display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk';font-size:11px;color:#B2BCD8;margin-top:2px}
.dm-on i{width:7px;height:7px;border-radius:50%;background:#3affc8;box-shadow:0 0 8px #3affc8}
.dm-x{flex:0 0 auto;width:34px;height:34px;border:none;border-radius:10px;background:rgba(255,255,255,.06);color:#CBD4EC;font-size:14px;cursor:pointer;transition:background .2s}
.dm-x:hover{background:rgba(255,255,255,.14);color:#fff}
.dm-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:13px}
.dm-row{display:flex;gap:9px;align-items:flex-start;max-width:100%}
.dm-row.me{flex-direction:row-reverse}
.dm-av{flex:0 0 auto;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#06251c;background:var(--mint)}
.dm-av svg{width:16px;height:16px}
.dm-row p{font-family:'Space Grotesk';font-size:13.5px;line-height:1.5;padding:10px 13px;border-radius:14px;max-width:80%}
.dm-row.bot p{background:rgba(0,213,161,.1);border:1px solid rgba(0,213,161,.22);color:#e7f6f0;border-top-left-radius:4px}
.dm-row.me p{background:rgba(124,140,255,.16);border:1px solid rgba(124,140,255,.3);color:#eef1ff;border-top-right-radius:4px}
.dm-row p b{font-weight:700;color:#fff}
.dm-cur{display:inline-block;width:2px;height:13px;background:#3affc8;margin-left:2px;vertical-align:-2px;animation:dmcur 1s steps(2) infinite}
@keyframes dmcur{0%,100%{opacity:1}50%{opacity:0}}
.dm-offer{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-radius:14px;border-top-left-radius:4px;background:linear-gradient(150deg,rgba(67,83,255,.2),rgba(0,213,161,.1));border:1px solid rgba(124,140,255,.35);max-width:84%}
.dm-offer span{font-family:'Space Grotesk';font-weight:700;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#8fe9cd}
.dm-offer b{font-family:'Unbounded';font-weight:600;font-size:14px;letter-spacing:-.01em;color:#fff}
.dm-offer button{margin-top:4px;align-self:flex-start;border:none;background:#fff;color:#0a0f1c;border-radius:30px;padding:8px 16px;font-family:'Space Grotesk';font-weight:800;font-size:12px;cursor:pointer;transition:transform .12s,background .2s}
.dm-offer button:hover{background:var(--mint)}
.dm-offer button:active{transform:scale(.95)}
.dm-typing{display:flex;gap:4px;align-items:center}
.dm-typing i{width:6px;height:6px;border-radius:50%;background:#3affc8;animation:dmtype 1s infinite}
.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}
@keyframes dmtype{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.dm-sugg{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 12px}
.dm-sugg button{font-family:'Space Grotesk';font-weight:600;font-size:11.5px;color:#DAE0F4;background:rgba(124,140,255,.1);border:1px solid rgba(124,140,255,.26);border-radius:30px;padding:7px 13px;cursor:pointer;transition:background .2s,border-color .2s}
.dm-sugg button:hover{background:rgba(124,140,255,.22);border-color:var(--blue-bright);color:#fff}
.dm-input{display:flex;gap:9px;padding:14px 18px;border-top:1px solid rgba(124,140,255,.18)}
.dm-input input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(124,140,255,.24);border-radius:13px;padding:12px 15px;color:#fff;font-family:'Space Grotesk';font-size:14px;outline:none;transition:border-color .2s}
.dm-input input:focus{border-color:var(--blue-bright)}
.dm-input input::placeholder{color:#98A2C4}
.dm-input button{flex:0 0 auto;width:46px;border:none;border-radius:13px;background:linear-gradient(130deg,var(--blue-bright),var(--blue));color:#fff;display:grid;place-items:center;cursor:pointer;transition:filter .15s,transform .12s}
.dm-input button:hover{filter:brightness(1.12)}
.dm-input button:active{transform:scale(.94)}
.dm-input button svg{width:19px;height:19px}

/* CTA + footer */
#cta{background:var(--blue);color:var(--cream);text-align:center}
#cta .big{font-size:clamp(40px,10vw,150px);text-transform:uppercase;line-height:.84}
#cta .cta-row{display:flex;justify-content:center;margin-top:28px}
#cta .cta-sub{max-width:48ch;margin:18px auto 0;font-family:'Space Grotesk';font-weight:400;font-size:clamp(15px,1.6vw,19px);line-height:1.5;color:rgba(255,255,255,.82)}
footer{background:#0A1020;color:var(--ink-soft);padding:48px 5vw;font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em}
footer .fw{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer .big{font-family:'Unbounded';font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.02em}

/* preloader */
#pre{position:fixed;inset:0;z-index:11000;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--cream);transition:transform 1s cubic-bezier(.76,0,.24,1)}
#pre.done{transform:translateY(-100%)}
#pre .pw{font-family:'Unbounded';font-weight:800;font-size:clamp(30px,7vw,90px);letter-spacing:-.03em}
#pre .pd{width:min(40vw,300px);height:3px;background:var(--blue-deep);overflow:hidden}
#pre .pd i{display:block;height:100%;width:0;background:var(--cream)}

/* ====== A · grafito & oro — artistic pass ====== */
.eyebrow,.label,.kicker{font-family:'Space Grotesk' !important;font-style:normal;font-weight:700;font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important}
.eyebrow .ln{height:1px !important;opacity:.5}

/* mobile nav patch */
@media(max-width:760px){
  nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a{white-space:nowrap}
}

/* ====== auditoría ui-ux: focus, táctil, reduced-motion ====== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #00D5A1;outline-offset:3px;border-radius:6px}
a,button,select,label.chip,.chip{touch-action:manipulation}
@media (pointer:coarse){body{cursor:auto}.cursor,#cursor,.cur{display:none!important}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}

/* ====== ajuste Unbounded + 3D ====== */
.display{letter-spacing:-.015em}
.grain{opacity:.04!important}

/* ====== nav fit Unbounded (métrica ancha) ====== */
nav a:not(.brand){font-weight:600;font-size:clamp(10.5px,1vw,14.5px);letter-spacing:.015em;padding:0 6px}
nav .brand{font-size:17px;padding:0 18px}
@media(max-width:1080px){
  nav{overflow-x:auto;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a:not(.brand){flex:0 0 auto;padding:0 13px}
}



/* ============================================================
   ===== COHERENCIA CON HERO: dark mate + Outfit + glass =====
   (override final — re-tematiza toda la página AI × Wallets)
   ============================================================ */
:root{
  --bg:#0A1020;--bg2:#0E1626;--surf:rgba(255,255,255,.045);--surf2:rgba(255,255,255,.07);
  --hair:rgba(236,238,242,.10);--hair2:rgba(236,238,242,.16);
  --tx:#ECEEF2;--tx2:#C3C8D6;--tx3:#9BA1B0;--ind:#7C8CFF;--ind-deep:#4353FF;--mint:#00D5A1;
}
html{background:#000}
.aipagevid{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000;overflow:hidden}
.aipagevid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aipagevid-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,16,.66),rgba(6,8,16,.74))}
body{background:transparent!important;color:var(--tx)!important;font-family:'Space Grotesk',sans-serif;overflow-x:clip}
.pagebg{display:none}
::selection{background:var(--ind);color:#0A1020}
.display{font-family:'Unbounded',sans-serif!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.02!important}

/* cursor a tono */
.cur-ring{border-color:rgba(236,238,242,.5)}
.cur-dot{background:var(--tx)}
.goo{display:none}
.grain{opacity:.05!important;mix-blend-mode:overlay}

/* NAV — glass oscuro coherente */
nav{position:sticky;z-index:80;background:rgba(10,10,12,.7)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--hair)!important;color:var(--tx)!important}
nav .brand{color:var(--tx);font-family:'Unbounded',sans-serif}
nav a:not(.brand){color:var(--tx)!important;font-family:'Unbounded',sans-serif!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.015em!important;font-size:clamp(10.5px,1vw,14.5px)!important}
nav a:not(.brand):hover:not(.act){background:rgba(255,255,255,.06)!important;color:var(--tx)!important}
nav a.act{color:var(--tx)!important;box-shadow:inset 0 -3px 0 var(--ind)!important}

/* secciones: todo el mismo negro, sin saltos de color */
.section{padding:clamp(80px,13vh,150px) 5vw}
#top5,#market,#security,#portfolio,#agents,#stakeagent{background:linear-gradient(180deg,rgba(8,9,16,.52),rgba(10,8,22,.6))!important;color:var(--tx)!important;position:relative;overflow:hidden}
#top5::before,#market::before,#cta::before{content:"";position:absolute;width:60vw;height:60vw;max-width:760px;max-height:760px;border-radius:50%;filter:blur(120px);opacity:.5;z-index:0;pointer-events:none}
#top5::before{background:radial-gradient(circle,rgba(0,213,161,.12),transparent 70%);top:-20%;right:-10%;animation:orbDrift 16s ease-in-out infinite alternate}
#market::before{background:radial-gradient(circle,rgba(0,213,161,.14),transparent 70%);bottom:-20%;left:-12%;animation:orbDrift 19s ease-in-out infinite alternate-reverse}
@keyframes orbDrift{from{transform:translate(0,0)}to{transform:translate(40px,-30px)}}
.section>*{position:relative;z-index:1}

/* eyebrows + títulos a la voz del hero */
.eyebrow,.label,.kicker{font-family:'Space Grotesk'!important;font-style:normal!important;font-weight:700!important;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--ind)!important}
.eyebrow .ln{height:1px!important;opacity:1;background:var(--ind)}
.h2{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(26px,4.4vw,60px);text-transform:uppercase;line-height:1.04;letter-spacing:-.03em;color:var(--tx)}
.lead{color:var(--tx2)}

/* RIBBON — ticker de noticias (editorial, fino) */
.ribbon{background:rgba(8,9,16,.5)!important;color:#EDF1FA!important;border-block:1px solid var(--hair)!important;padding:15px 0}
.ribbon .it{font-family:'Space Grotesk',sans-serif!important;font-weight:500!important;font-size:clamp(14px,1.5vw,18px)!important;text-transform:none!important;letter-spacing:.005em;color:#EDF1FA!important;display:inline-flex;align-items:center;gap:11px;padding:0 30px;position:relative}
.ribbon .it::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:13px;background:rgba(255,255,255,.2)}
.ribbon .nt-dot{width:7px;height:7px;border-radius:50%;background:#00D5A1;box-shadow:0 0 7px #00D5A1;flex:0 0 auto}
.ribbon .st{display:none!important}

/* TOP 5 — tabla glass */
.t5{border:1px solid var(--hair)!important;border-radius:22px;background:var(--surf)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.t5row{border-bottom:1px solid var(--hair)!important;transition:background .25s}
.t5row:hover{background:var(--surf2)!important}
.t5row .rk{font-family:'Space Grotesk',sans-serif!important;font-weight:300!important;color:var(--ind)!important;letter-spacing:-.02em}
.t5row .logo{border-radius:14px;box-shadow:none;font-family:'Space Grotesk'!important;font-weight:600!important;background:#fff!important}
.t5row .nm{color:var(--tx);font-weight:600}
.t5row .nm{font-size:19px;letter-spacing:-.01em}
.t5row .tag{display:block;margin-top:6px;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx3);background:none;border:none;padding:0}
.t5row .ag .n{font-family:'Space Grotesk',sans-serif!important;font-weight:400!important;color:var(--tx);font-size:clamp(24px,2.6vw,36px)}
.t5row .ag .l{color:var(--tx3);font-size:11.5px;font-weight:700;letter-spacing:.05em}

/* marketplace title — AI agents marketplace */
#market .h2.amp span{text-transform:uppercase;letter-spacing:-.02em}
#market .h2.amp .amp-g{background:linear-gradient(100deg,var(--blue-bright),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== Top 5 en tiempo real ===== */
.t5live{display:flex;align-items:center;gap:9px;padding:15px 26px;border-bottom:1px solid var(--hair);font-family:'Space Grotesk';font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}
.t5live #t5ago{color:var(--tx3);font-weight:600;text-transform:none;letter-spacing:0}
.t5dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(0,213,161,.6);animation:t5pulse 1.8s ease-out infinite}
@keyframes t5pulse{0%{box-shadow:0 0 0 0 rgba(0,213,161,.55)}70%{box-shadow:0 0 0 10px rgba(0,213,161,0)}100%{box-shadow:0 0 0 0 rgba(0,213,161,0)}}
.star-tok{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}
.star-tok .st-lab{font-family:'Space Grotesk';font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}
.star-tok .st-pill{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;letter-spacing:-.005em;color:#8fe9cd;background:#0c1320;border:1px solid rgba(0,213,161,.28);border-radius:11px;padding:7px 16px;text-shadow:0 0 6px rgba(0,213,161,.35);box-shadow:inset 0 0 0 1px rgba(0,213,161,.06)}
.t5row .ag .n{transition:color .25s}
.t5row .ag .n.tick{animation:t5tick .55s ease}
@keyframes t5tick{0%{color:var(--mint);transform:translateY(-2px)}100%{color:var(--tx);transform:none}}
.ag-delta{display:inline-block;margin-left:7px;font-family:'Space Grotesk';font-weight:800;font-size:12px;letter-spacing:0;text-transform:none}
.ag-delta.up{color:var(--mint)}
.ag-delta.down{color:#ff7a6b}
@media(max-width:760px){.t5live{padding:12px 18px}}
/* (overrides de tarjeta antiguos retirados — el marketplace usa clip-path) */

/* AGENT PANELS — glass oscuro */
.agent{opacity:1!important;background:var(--surf)!important;color:var(--tx)!important;border:1px solid var(--hair)!important;border-radius:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.agent .ahead{background:var(--surf2)!important;border-bottom:1px solid var(--hair)!important}
.agent .ahead .ic{background:var(--ind)!important;color:#0A1020!important;border-radius:15px;font-family:'Space Grotesk'!important;font-weight:500!important}
.agent .ahead .t .nm{font-family:'Space Grotesk',sans-serif!important;font-weight:400!important;text-transform:none!important;color:var(--tx)}
.agent .ahead .t .d{color:var(--tx2)}
.agent .ahead .live{color:var(--mint)}
.agent .ahead .live i{background:var(--mint)}

/* scanner */
.scanbar input{background:var(--surf2)!important;border:1px solid var(--hair)!important;color:var(--tx)!important;border-radius:14px}
.scanbar input::placeholder{color:var(--tx3)}
.scanbar input:focus{border-color:var(--ind)!important}
.scanbar .go{background:var(--tx)!important;color:#0A1020!important;border-radius:14px;font-family:'Space Grotesk'!important;font-weight:500!important}
.scanbar .go:hover{background:#fff!important}
.samples{color:var(--tx3)}
.samples button{border:1px dashed var(--hair2);color:var(--ind)}
.progress{background:var(--surf2)!important}
.progress i{background:var(--ind)!important}
.finding{background:var(--surf)!important;border:1px solid var(--hair)!important;border-radius:16px}
.finding .fh{color:var(--tx3)}
.finding .fv{font-family:'Space Grotesk'!important;font-weight:400!important;color:var(--tx)}
.perm{background:var(--surf)!important;border:1px solid var(--hair)!important;border-radius:14px}
.perm .pn{color:var(--tx)}
.perm .pc{color:var(--tx2)}
.risk{border-radius:20px}
.risk .lvl{font-family:'Space Grotesk'!important;font-weight:300!important}
.risk .sc b{font-family:'Space Grotesk'!important;font-weight:400!important}

/* portfolio */
.advice .row{background:var(--surf)!important;border:1px solid var(--hair)!important;border-radius:16px}
.advice .row .tag.watch{background:var(--ind)!important;color:#0A1020!important}
.pf .panel{background:var(--surf)!important;border:1px solid var(--hair)!important;border-radius:18px}
.pf .panel h4{color:var(--tx3)}
.alloc .a .nm{color:var(--tx2)}
.alloc .a .bar{background:var(--surf2)!important}
.alloc .a .pc{color:var(--tx)}
.health{border-top:1px solid var(--hair)!important}
.health .ring{background:conic-gradient(var(--ind) calc(var(--p)*1%),var(--surf2) 0)!important}
.health .ring i{background:var(--bg)!important;font-family:'Space Grotesk'!important;font-weight:500!important;color:var(--tx)}
.health .ht{color:var(--tx2)}
.health .ht b{font-family:'Space Grotesk'!important;font-weight:400!important;color:var(--tx)}

/* CTA — negro con halo, no azul pleno */
#cta{background:linear-gradient(180deg,rgba(8,9,16,.5),rgba(10,8,22,.62))!important;color:var(--tx)!important;position:relative;overflow:hidden}
#cta::before{background:radial-gradient(circle,rgba(67,83,255,.32),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vw;animation:none}
#cta .big{font-family:'Unbounded',sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:-.03em;color:var(--tx)}
#cta .btn.solid,#cta .ai-pill{background:var(--tx);color:#0A1020}

/* footer */
footer{background:rgba(8,9,16,.62)!important;border-top:1px solid var(--hair);color:var(--tx3)!important}
footer .big{font-family:'Space Grotesk'!important;font-weight:400!important;color:var(--tx)!important}

/* preloader a tono */
#pre{background:#0A1020!important;color:var(--tx)!important}
#pre .pw{font-family:'Space Grotesk',sans-serif!important;font-weight:300!important}
#pre .pd{background:var(--surf2)!important}
#pre .pd i{background:var(--tx)!important}

/* ===== scroll inmersivo: progreso + reveals + parallax ===== */
.ai-prog{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--ind),var(--mint));transform:scaleX(0);transform-origin:0 50%;z-index:9999;pointer-events:none}
.rup{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rin{opacity:1!important;transform:none!important}
.acard.rup{transform:translateY(38px) scale(.98)}
.acard.rin{transform:none!important}
[data-par]{will-change:transform}
@media (prefers-reduced-motion:reduce){.ai-prog{display:none}.rup{opacity:1!important;transform:none!important}[data-par]{transform:none!important}}

/* preloader full-bleed: imagen a pantalla completa + barra de carga abajo */
#pre{padding:0!important;overflow:hidden}
#pre .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;animation:preZoom 3s ease-out both}
@keyframes preZoom{from{transform:scale(1.06);opacity:.35}to{transform:scale(1);opacity:1}}
#pre::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.55))}
#pre .pd{position:absolute;left:50%;bottom:9vh;transform:translateX(-50%);margin:0;z-index:2}
@media (prefers-reduced-motion:reduce){#pre .pimg{animation:none}}

/* ============================================================
   ===== WHITE MODE — resto de la página (post-hero) =====
   paleta home: papel #F7F6F2 · tinta #101A30 · azul #4353FF
   (hero y navbar permanecen oscuros)
   ============================================================ */
:root{--Lpaper:#F7F6F2;--Lpaper2:#FFFFFF;--Lline:rgba(16,26,48,.10);--Lline2:rgba(16,26,48,.16);--Link:#101A30;--Linksoft:#39435C;--Lblue:#4353FF;--Lblue2:#7C8CFF;--Lmint:#00B488;}
html{background:var(--Lpaper)!important}
.aipagevid{display:none!important}
body{background:var(--Lpaper)!important;color:var(--Link)!important}
.grain{mix-blend-mode:multiply!important;opacity:.035!important}
.cur-dot{background:var(--Lblue)}
.cur-ring{border-color:rgba(67,83,255,.5)}

/* secciones claras (ritmo papel / blanco) */
#top5,#market,#security,#portfolio,#agents,#stakeagent,#setup{background:var(--Lpaper)!important;color:var(--Link)!important}
#market,#stakeagent,#setup{background:var(--Lpaper2)!important}
#top5::before{background:radial-gradient(circle,rgba(67,83,255,.10),transparent 70%)!important;opacity:.7!important}
#market::before{background:radial-gradient(circle,rgba(0,180,136,.10),transparent 70%)!important;opacity:.7!important}

/* tipografía / encabezados */
.h2{color:var(--Link)!important}
.lead{color:var(--Linksoft)!important}
.eyebrow,.kicker,.label{color:var(--Lblue)!important}
.eyebrow .ln{background:var(--Lblue)!important}
#market .h2.amp .amp-g{background:linear-gradient(100deg,var(--Lblue),var(--Lmint))!important;-webkit-background-clip:text;background-clip:text;color:transparent}

/* ribbon de noticias — franja oscura de acento (como home) */
.ribbon{background:var(--Link)!important;color:#E9ECF6!important;border-block:1px solid var(--Lline)!important}
.ribbon .it{color:#E9ECF6!important}
.ribbon .it::after{background:rgba(255,255,255,.18)}

/* TOP 5 — tabla blanca */
.t5{background:var(--Lpaper2)!important;border:1px solid var(--Lline)!important;box-shadow:0 30px 70px -44px rgba(16,26,48,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.t5row{border-bottom:1px solid var(--Lline)!important}
.t5row:hover{background:rgba(67,83,255,.045)!important}
.t5row .rk{color:var(--Lblue)!important}
.t5row .nm{color:var(--Link)!important}
.t5row .tag{color:var(--Linksoft)!important}
.t5row .logo{background:#fff!important;border:1px solid var(--Lline)!important}
.t5row .ag .n{color:var(--Link)!important}
.t5row .ag .l{color:var(--Linksoft)!important}
.t5live{color:var(--Lmint)!important}
.t5live #t5ago{color:var(--Linksoft)!important}
.star-tok .st-lab{color:var(--Lmint)!important}
.star-tok .st-pill{color:#0a7d60!important;background:#EAF8F2!important;border:1px solid rgba(0,180,136,.34)!important;text-shadow:none!important;box-shadow:none!important}
@keyframes t5tick{0%{color:var(--Lmint);transform:translateY(-2px)}100%{color:var(--Link);transform:none}}
.ag-delta.down{color:#e0483a!important}

/* MARKETPLACE — tarjeta blanca + "screen" oscuro (estilo Sofi) */
.acard{background:var(--Lpaper2)!important;border:1px solid var(--Lline)!important;box-shadow:0 30px 70px -42px rgba(16,26,48,.32)!important}
.acard:hover{border-color:rgba(67,83,255,.4)!important;box-shadow:0 44px 90px -40px rgba(67,83,255,.32)!important}
.acard-nm{background:none!important;-webkit-text-fill-color:var(--Link)!important;color:var(--Link)!important}
.acard-dsc{color:var(--Linksoft)!important}
.acard-tags span{color:#3a4660!important;background:rgba(67,83,255,.08)!important;border:1px solid rgba(67,83,255,.2)!important}
.acard-k{color:var(--Linksoft)!important}
.acard-k b{color:var(--Link)!important}
.acard-k i{color:#C0C9DE!important}

/* AGENT PANELS — blanco */
.agent{background:var(--Lpaper2)!important;color:var(--Link)!important;border:1px solid var(--Lline)!important;box-shadow:0 34px 80px -46px rgba(16,26,48,.3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.agent .ahead{background:#F1F3FB!important;border-bottom:1px solid var(--Lline)!important}
.agent .ahead .ic{background:var(--Lblue)!important;color:#fff!important}
.agent .ahead .t .nm{color:var(--Link)!important}
.agent .ahead .t .d{color:var(--Linksoft)!important}
.agent .ahead .live{color:var(--Lmint)!important}
.agent .ahead .live i{background:var(--Lmint)!important}

/* scanner */
.scanbar input{background:#fff!important;border:1px solid var(--Lline2)!important;color:var(--Link)!important}
.scanbar input::placeholder{color:#C0C9DE}
.scanbar input:focus{border-color:var(--Lblue)!important}
.scanbar .go{background:var(--Lblue)!important;color:#fff!important}
.scanbar .go:hover{background:var(--blue-deep)!important}
.samples{color:var(--Linksoft)!important}
.samples button{border:1px dashed var(--Lline2)!important;color:var(--Lblue)!important}
.progress{background:#E6E9F4!important}
.progress i{background:var(--Lblue)!important}
.finding{background:#fff!important;border:1px solid var(--Lline)!important}
.finding .fh{color:var(--Linksoft)!important}
.finding .fv{color:var(--Link)!important}
.perm{background:#fff!important;border:1px solid var(--Lline)!important}
.perm .pn{color:var(--Link)!important}
.perm .pc{color:var(--Linksoft)!important}

/* portfolio */
.advice .row{background:#fff!important;border:1px solid var(--Lline)!important}
.advice .row .tag.watch{background:var(--Lblue)!important;color:#fff!important}
.pf .panel{background:#fff!important;border:1px solid var(--Lline)!important}
.pf .panel h4{color:var(--Linksoft)!important}
.alloc .a .nm{color:var(--Linksoft)!important}
.alloc .a .bar{background:#E6E9F4!important}
.alloc .a .pc{color:var(--Link)!important}
.health{border-top:1px solid var(--Lline)!important}
.health .ring i{background:#fff!important;color:var(--Link)!important}
.health .ht{color:var(--Linksoft)!important}
.health .ht b{color:var(--Link)!important}

/* setup — pasos en tarjetas claras */
.step{background:#F3F5FC!important;border:1px solid var(--Lline)!important}
.step:hover{border-color:rgba(67,83,255,.4)!important;background:rgba(67,83,255,.06)!important}
.step-no{background:linear-gradient(135deg,var(--Lblue),var(--blue-deep))!important;color:#fff!important}
.step-body h3{color:var(--Link)!important}
.step-body p{color:var(--Linksoft)!important}
.step-body p b{color:var(--Link)!important}
.step-tip{color:var(--Lblue)!important}

/* CTA — azul pleno como home */
#cta{background:var(--Lblue)!important;color:#fff!important}
#cta::before{opacity:.3!important}
#cta .big{color:#fff!important}
#cta .cta-sub{color:rgba(255,255,255,.85)!important}
#cta .btn.solid,#cta .ai-pill{background:#fff!important;color:var(--Lblue)!important}

/* footer — tinta */
footer{background:var(--Link)!important;border-top:none!important;color:rgba(255,255,255,.6)!important}
footer .big{color:#fff!important}

/* ====================================================================
   ASESOR · CHAT (buscador visible) + ASESOR · STAKING (tabla gigante)
   modo claro · estilo ranking · tokens oficiales
   ==================================================================== */
@keyframes sbpulse{0%{box-shadow:0 0 0 0 rgba(0,180,136,.5)}70%{box-shadow:0 0 0 8px rgba(0,180,136,0)}100%{box-shadow:0 0 0 0 rgba(0,180,136,0)}}
@keyframes sbblink{50%{opacity:0}}

#chat{background:var(--Lpaper)!important;color:var(--Link)!important}
.adv{max-width:1000px;margin:44px auto 0}
.adv-card{background:var(--Lpaper2);border:1px solid var(--Lline);border-radius:24px;box-shadow:0 30px 70px -44px rgba(16,26,48,.34);overflow:hidden}
.adv-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--Lline);background:#F1F3FB}
.adv-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--Lblue),var(--blue-deep));display:grid;place-items:center;color:#fff;flex:0 0 auto}
.adv-ic svg{width:20px;height:20px}
.adv-id .nm{font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Link)}
.adv-id .d{font-family:'Space Grotesk';font-size:12px;letter-spacing:.04em;color:var(--Linksoft);font-weight:700}
.adv-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk';font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--Lmint);font-weight:700}
.adv-live i{width:7px;height:7px;border-radius:50%;background:var(--Lmint);animation:sbpulse 1.8s ease-out infinite}
.adv-stream{display:flex;flex-direction:column;gap:12px;padding:22px;min-height:118px}
.adv-msg{display:flex;gap:11px;max-width:84%;align-items:flex-start}
.adv-msg.me{align-self:flex-end;flex-direction:row-reverse}
.adv-av{width:30px;height:30px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;font-family:'Space Grotesk';font-size:12px;font-weight:700}
.adv-av svg{width:17px;height:17px}
.adv-msg.me .adv-av{background:rgba(67,83,255,.12);color:var(--Lblue)}
.adv-msg.bot .adv-av{background:#101A30;color:#fff}
.adv-msg p{font-family:'Space Grotesk';font-size:14.5px;line-height:1.5;padding:11px 15px;border-radius:14px;color:var(--Link);text-wrap:pretty}
.adv-msg.me p{background:rgba(67,83,255,.10);border:1px solid rgba(67,83,255,.18);border-bottom-right-radius:4px}
.adv-msg.bot p{background:#F4F6FB;border:1px solid var(--Lline);border-bottom-left-radius:4px}
.adv-msg.bot .cur{display:inline-block;width:2px;height:14px;background:var(--Lmint);margin-left:3px;vertical-align:-2px;animation:sbblink 1s steps(2) infinite}
.adv-barwrap{padding:4px 22px 22px}
.askline{display:flex;align-items:center;gap:10px;background:#fff;border:1.6px solid var(--Lline2);border-radius:16px;padding:8px 8px 8px 16px;transition:border-color .2s,box-shadow .2s}
.askline:focus-within{border-color:var(--Lblue);box-shadow:0 0 0 4px rgba(67,83,255,.1)}
.askline .si{width:20px;height:20px;color:var(--Lblue);flex:0 0 auto}
.askline input{flex:1;min-width:0;background:none;border:none;outline:none;font-family:'Space Grotesk';font-size:16px;color:var(--Link)}
.askline input::placeholder{color:#C0C9DE}
.adv-send{flex:0 0 auto;border:none;background:var(--Lblue);color:#fff;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .1s;touch-action:manipulation}
.adv-send:hover{background:var(--blue-deep)}
.adv-send:active{transform:scale(.95)}
.adv-send svg{width:18px;height:18px}
.adv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.adv-chip{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--Lblue);background:rgba(67,83,255,.07);border:1px solid rgba(67,83,255,.2);border-radius:30px;padding:8px 14px;cursor:pointer;transition:background .18s,transform .1s;touch-action:manipulation}
.adv-chip:hover{background:rgba(67,83,255,.13)}
.adv-chip:active{transform:scale(.97)}

#staking{background:var(--Lpaper2)!important;color:var(--Link)!important}
.sb{max-width:1180px;margin:44px auto 0;background:var(--Lpaper2);border:1px solid var(--Lline);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -44px rgba(16,26,48,.34)}
.sb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--Lline);background:#F1F3FB;flex-wrap:wrap}
.sb-top .t{font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Link)}
.sb-live{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk';font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--Lmint);font-weight:700}
.sb-live i{width:7px;height:7px;border-radius:50%;background:var(--Lmint);animation:sbpulse 1.8s ease-out infinite}
.sb-grid{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:860px){.sb-grid{grid-template-columns:1fr}}
.sb-col:nth-child(2){border-left:1px solid var(--Lline)}
@media(max-width:860px){.sb-col:nth-child(2){border-left:none;border-top:1px solid var(--Lline)}}
.sb-ch{padding:16px 24px 10px;font-family:'Space Grotesk';font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--Link);display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;font-weight:700}
.sb-ch-sub{flex-basis:100%;text-transform:none;letter-spacing:0;font-weight:700;font-size:11px;color:var(--Link);opacity:1}
.sb-ch b{color:var(--Lblue)}
.sb-row{display:grid;grid-template-columns:24px 36px 1fr auto;gap:13px;align-items:center;padding:11px 24px;border-top:1px solid var(--Lline);transition:background .15s}
.sb-row:hover{background:rgba(67,83,255,.05)}
.sb-row .rk{font-family:'Space Mono';font-weight:700;font-size:12px;color:var(--Linksoft)}
.sb-row .lg{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--Lline);padding:5px;object-fit:contain}
.sb-row .nm{font-family:'Space Grotesk';font-weight:800;font-size:14.5px;color:var(--Link);line-height:1.15}
.sb-row .nm small{display:block;font-family:'Space Grotesk';font-weight:800;font-size:12px;color:var(--Link);margin-top:1px}
.sb-row .val{text-align:right;font-family:'Space Mono';font-variant-numeric:tabular-nums}
.sb-row .val b{display:block;font-weight:700;font-size:15.5px;color:#0a7d60}
.sb-row .val span{font-size:10.5px;font-weight:700;color:var(--Link);display:block;max-width:130px;margin-left:auto;line-height:1.25;text-wrap:pretty}
.sb-ask{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--Lline);background:#F1F3FB}
.sb-ask .si{width:20px;height:20px;color:var(--Lblue);flex:0 0 auto}
.sb-ask input{flex:1;min-width:0;background:#fff;border:1.6px solid var(--Lline2);border-radius:14px;padding:13px 15px;font-family:'Space Grotesk';font-size:15px;color:var(--Link);outline:none;transition:border-color .2s,box-shadow .2s}
.sb-ask input:focus{border-color:var(--Lblue);box-shadow:0 0 0 4px rgba(67,83,255,.1)}
.sb-ask input::placeholder{color:#7A85A6;opacity:1}
.sb-ask button{flex:0 0 auto;border:none;background:var(--Lblue);color:#fff;border-radius:14px;padding:13px 22px;font-family:'Space Grotesk';font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,transform .1s;touch-action:manipulation}
.sb-ask button:hover{background:var(--blue-deep)}
.sb-ask button:active{transform:scale(.97)}
@media(max-width:560px){.sb-ask{flex-wrap:wrap}.sb-ask input{flex:1 1 100%}.sb-ask button{flex:1 1 100%}}
.sb-ans{padding:14px 24px;color:var(--Linksoft);font-family:'Space Grotesk';font-size:14px;line-height:1.55;border-top:1px solid var(--Lline);display:none}
.sb-ans.show{display:block}
.sb-ans b{color:var(--Link)}
.sb-ans .hi{color:#0a7d60;font-family:'Space Grotesk';font-weight:700}

/* las secciones nuevas siempre visibles (no dependen del reveal por scroll de la página) */
#chat .mask>*,#staking .mask>*{transform:none!important}
#chat .fade,#staking .fade{opacity:1!important;transform:none!important}
#chat .mask,#staking .mask{overflow:visible!important}

/* ===== CHAT como PANEL (caja fija, scroll interno, input anclado) ===== */
#chat{text-align:center}
#chat .eyebrow{justify-content:center}
#chat .lead{margin-left:auto;margin-right:auto}
.chatpanel{max-width:1180px;margin:34px auto 0;height:clamp(600px,82vh,860px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--Lline);border-radius:24px;overflow:hidden;box-shadow:0 34px 80px -44px rgba(16,26,48,.42);text-align:left}
.chat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--Lline);background:#F1F3FB;flex-wrap:wrap}
.ask-badge{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--Linksoft);font-weight:700}
.ask-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--Lmint);box-shadow:0 0 0 3px rgba(0,180,136,.16)}
.chat-actions{display:flex;align-items:center;gap:8px}
.chat-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:auto;padding:22px;display:flex;flex-direction:column;gap:12px}
.chat-body::-webkit-scrollbar{width:9px}
.chat-body::-webkit-scrollbar-thumb{background:rgba(16,26,48,.16);border-radius:9px;border:3px solid #fff}
.chat-empty{margin:auto;text-align:center;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}
.ce-ic{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--Lblue),var(--blue-deep));display:grid;place-items:center;color:#fff;box-shadow:0 16px 34px -14px rgba(67,83,255,.6)}
.ce-ic svg{width:30px;height:30px}
.chat-empty h3{font-family:'Unbounded';font-weight:700;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;color:var(--Link)}
.chat-empty p{font-family:'Space Grotesk';font-size:clamp(15px,1.7vw,17px);line-height:1.5;color:var(--Linksoft)}
.chat-empty .adv-chips{justify-content:center;margin-top:10px}
#chat .adv-chip{font-size:13.5px;padding:9px 15px}
.chat-msgs{display:flex;flex-direction:column;gap:12px}
.chat-msgs:empty{display:none}
.chat-foot{flex:0 0 auto;border-top:1px solid var(--Lline);padding:13px 14px;background:#fff}
.askline{width:100%;display:flex;align-items:center;gap:11px;background:#fff;border:1.6px solid var(--Lline2);border-radius:16px;padding:7px 7px 7px 18px;transition:border-color .2s,box-shadow .2s}
.askline:focus-within{border-color:var(--Lblue);box-shadow:0 0 0 4px rgba(67,83,255,.12)}
.askline .si{width:22px;height:22px;color:var(--Lblue);flex:0 0 auto}
.askline input{flex:1;min-width:0;background:none;border:none;outline:none;font-family:'Space Grotesk';font-size:clamp(15px,1.6vw,17px);color:var(--Link);padding:9px 0}
.askline input::placeholder{color:#C0C9DE}
.askline .adv-send{width:46px;height:46px;border-radius:13px;flex:0 0 auto}
.askline .adv-send svg{width:20px;height:20px}
@media(max-width:560px){.chatpanel{height:clamp(480px,80vh,680px)}.chat-body{padding:16px}}

/* ===== respuestas visuales del chat (rasgo distintivo) ===== */
.adv-msg.vrow{max-width:100%;align-items:flex-start}
.vwrap{flex:1;min-width:0}
.vcard{background:linear-gradient(180deg,#fff,#F6F7FE);border:1.5px solid rgba(67,83,255,.22);border-radius:18px;padding:20px 18px 16px;box-shadow:0 18px 44px -30px rgba(67,83,255,.5)}
.vcard-h{font-family:'Space Grotesk';font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--Lblue);margin-bottom:16px;display:flex;align-items:center;gap:9px;font-weight:700}
.vcard-h::before{content:"";width:20px;height:2.5px;background:var(--Lblue);border-radius:2px;flex:0 0 auto}
.vflow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vn{position:relative;flex:1 1 0;min-width:112px;background:#fff;border:1px solid var(--Lline);border-radius:16px;padding:18px 12px 15px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.vn-ic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#F1F3FB;border:1px solid var(--Lline)}
.vn-ic img{width:32px;height:32px;border-radius:8px;object-fit:contain}
.vn-ic svg{width:30px;height:30px;color:var(--Lblue)}
.vn-t{font-family:'Space Grotesk';font-weight:700;font-size:16.5px;color:var(--Link);line-height:1.12}
.vn-s{font-family:'Space Grotesk';font-size:13px;color:var(--Linksoft);line-height:1.3}
.vn-pt{position:absolute;top:-10px;left:-10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;font-size:12px;color:#fff;background:var(--Lblue);box-shadow:0 4px 10px -3px rgba(67,83,255,.7);z-index:2}
.vn .vn-pt{background:var(--Lblue)}
.vn:last-of-type .vn-pt,.vflow .vn:last-child .vn-pt{background:var(--Lmint);color:#08231c}
.varrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px}
.varrow svg{width:26px;height:26px;color:var(--Lblue)}
.ve{font-family:'Space Grotesk';font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--Lblue);font-weight:700;white-space:nowrap}
.vgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.vcell{background:#fff;border:1px solid var(--Lline);border-radius:15px;padding:16px 9px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.vcell-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#F1F3FB;border:1px solid var(--Lline)}
.vcell-ic img{width:30px;height:30px;border-radius:8px;object-fit:contain}
.vcell-ic svg{width:27px;height:27px;color:var(--Lblue)}
.vcell-t{font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Link);line-height:1.12}
.vcell-s{font-family:'Space Grotesk';font-size:12.5px;color:var(--Linksoft);line-height:1.25}
.vcard-note{margin-top:14px;font-family:'Space Grotesk';font-size:14px;line-height:1.5;color:var(--Link);border-top:1px dashed var(--Lline);padding-top:12px;text-wrap:pretty}
.vhid{opacity:0;transform:translateY(10px)}
.vin{opacity:1;transform:none;transition:opacity .4s ease,transform .45s cubic-bezier(.16,1,.3,1)}
@media(max-width:680px){.vgrid{grid-template-columns:repeat(2,1fr)}.vn{min-width:96px}.varrow{width:100%;flex-basis:100%;transform:rotate(90deg);margin:-2px 0}}

/* ===== comprobación de comprensión + dudas ===== */
.chkrow .chk{background:#F4F6FB;border:1px solid var(--Lline);border-radius:14px;border-bottom-left-radius:4px;padding:12px 15px;max-width:88%}
.chk-q{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--Link);margin-bottom:11px;text-wrap:pretty}
.chk-btns{display:flex;gap:8px;flex-wrap:wrap}
.chk-btns button{font-family:'Space Grotesk';font-weight:600;font-size:13px;border-radius:30px;padding:9px 17px;cursor:pointer;border:1px solid var(--Lline2);background:#fff;color:var(--Link);transition:filter .15s,border-color .15s,color .15s,transform .1s;touch-action:manipulation}
.chk-btns button:active{transform:scale(.97)}
.chk-btns .chk-y{background:var(--Lmint);border-color:var(--Lmint);color:#08231c}
.chk-btns .chk-y:hover{filter:brightness(1.06)}
.chk-btns .chk-n:hover{border-color:var(--Lblue);color:var(--Lblue)}
.chk-btns button:disabled{opacity:.5;cursor:default;transform:none}
.doubtrow .doubts{display:flex;flex-wrap:wrap;gap:8px;max-width:92%}
.doubt{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--Lblue);background:rgba(67,83,255,.07);border:1px solid rgba(67,83,255,.22);border-radius:30px;padding:9px 15px;cursor:pointer;transition:background .15s,color .15s,transform .1s;touch-action:manipulation}
.doubt:hover{background:rgba(67,83,255,.13)}
.doubt:active{transform:scale(.97)}
.doubt.sel{background:var(--Lblue);color:#fff;border-color:var(--Lblue)}
.doubt:disabled{cursor:default;opacity:.5}
.doubt.sel:disabled{opacity:1}

/* indicador "pensando" mientras responde la API */
.typing .tdots{display:inline-flex;align-items:center;gap:5px;background:#F4F6FB;border:1px solid var(--Lline);border-radius:14px;border-bottom-left-radius:4px;padding:14px 16px}
.typing .tdots span{width:8px;height:8px;border-radius:50%;background:var(--Lblue);opacity:.4;animation:tdot 1.2s infinite ease-in-out}
.typing .tdots span:nth-child(2){animation-delay:.18s}
.typing .tdots span:nth-child(3){animation-delay:.36s}
@keyframes tdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.typing .tdots span{animation:none;opacity:.6}}

/* ===== VIDA DE MARCA: ultramarina + menta en las secciones IA ===== */
#chat,#staking{background:linear-gradient(180deg,#ECEFFF 0%,var(--Lpaper) 60%)!important}
/* cabeceras con banda ultramarina */
.chat-top,.sb-top{background:linear-gradient(100deg,var(--Lblue),var(--blue-deep))!important;border-bottom:none!important}
.chat-top .ask-badge,.sb-top .t{color:#fff!important}
.chat-top .ask-badge .dot,.sb-live i{background:#6CF2D2!important;box-shadow:0 0 0 3px rgba(108,242,210,.3)!important}
.sb-live{color:#9BFBE5!important}
.chat-actions .ask-ctrl{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important}
.chat-actions .ask-ctrl:hover{background:rgba(255,255,255,.28)!important;border-color:#fff!important;color:#fff!important}
/* paneles con borde y sombra de marca */
.chatpanel,.sb,.t5{border-color:rgba(67,83,255,.22)!important;box-shadow:0 44px 96px -46px rgba(67,83,255,.42)!important}
/* subrayado de marca en titulares */
#chat .h2 span,#staking .h2 span{background:linear-gradient(transparent 76%,rgba(67,83,255,.2) 0)}
/* filas staking con acento */
.sb-row .rk{color:var(--Lblue)!important}
.sb-row .val b{color:#0a9e78!important}
.sb-col .sb-row:nth-of-type(2){background:linear-gradient(90deg,rgba(67,83,255,.07),transparent)}
.sb-ch b{color:var(--Lblue)!important}
.sb-ask{background:linear-gradient(180deg,#EEF1FF,#F1F3FB)!important}
/* chips e icono con más vida */
#chat .adv-chip{background:rgba(67,83,255,.08)!important;border-color:rgba(67,83,255,.3)!important;color:var(--Lblue)!important}
#chat .adv-chip:hover{background:rgba(67,83,255,.15)!important}
.ce-ic{box-shadow:0 20px 44px -14px rgba(67,83,255,.7)!important}
/* burbujas del usuario en azul de marca */
.adv-msg.me p{background:rgba(67,83,255,.12)!important;border-color:rgba(67,83,255,.26)!important}

/* TOP 5 con color de marca */
#top5{background:linear-gradient(180deg,#ECEFFF 0%,var(--Lpaper) 60%)!important}
#top5 .h2 span{background:linear-gradient(transparent 76%,rgba(67,83,255,.2) 0)}
.t5live{display:flex!important;align-items:center;gap:9px;background:linear-gradient(100deg,var(--Lblue),var(--blue-deep))!important;color:#fff!important;padding:14px 24px!important;font-family:'Space Grotesk'!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.t5live #t5ago{color:rgba(255,255,255,.86)!important}
.t5live .t5dot{background:#6CF2D2!important;box-shadow:0 0 0 3px rgba(108,242,210,.3)!important}
.t5row:nth-of-type(2){background:linear-gradient(90deg,rgba(67,83,255,.07),transparent)!important}
.t5row .ag .n{color:#0a9e78!important}

/* controles del chat: nuevo chat / historial (pegados al buscador, esquinas) */
.ask-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ask-ctrl{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:'Space Grotesk';font-weight:600;font-size:12.5px;color:var(--Linksoft);background:#fff;border:1px solid var(--Lline);border-radius:30px;padding:7px 13px;cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .1s;touch-action:manipulation}
.ask-ctrl:hover{color:var(--Lblue);border-color:rgba(67,83,255,.4);background:rgba(67,83,255,.05)}
.ask-ctrl:active{transform:scale(.97)}
.ask-ctrl svg{width:15px;height:15px}
.ask-histwrap{position:relative}
.ask-hist{position:absolute;top:calc(100% + 8px);right:0;width:284px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--Lline);border-radius:16px;box-shadow:0 28px 64px -30px rgba(16,26,48,.5);padding:8px;z-index:40;text-align:left}
.ask-hist[hidden]{display:none}
.ask-hist .hh{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--Linksoft);padding:6px 10px 8px;font-weight:700}
.ask-hist .hi{display:block;width:100%;text-align:left;background:none;border:none;border-radius:10px;padding:9px 11px;font-family:'Space Grotesk';font-weight:600;font-size:13.5px;color:var(--Link);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.ask-hist .hi:hover{background:rgba(67,83,255,.07)}
.ask-hist .hi small{display:block;margin-top:2px;color:var(--Linksoft);font-size:12px;font-weight:600;font-family:'Space Grotesk'}
.ask-hist .hempty{padding:16px 12px;color:var(--Linksoft);font-size:13px;font-family:'Space Grotesk';text-align:center}

/* ====================================================================
   ARMONÍA FUSION — el AI respira la home
   · chat oscuro nítido (estilo Coinbase) sobre tinta de marca
   · color pleno: fuera tintes fríos lavados
   · sombras duras del color profundo · bordes 1.5px · radios generosos
   ==================================================================== */
:root{--Dbg:#0E1626;--Dcard:#101A30;--Dcard2:#16213B;--Dline:#232E4D;--Dline2:#2E3A5E;--Dtx:#F2F4F9;--Dtx2:#BAC5E0;--Dblue:#4353FF;--Dbright:#7C8CFF;--Dmint:#00D5A1}

/* planos de color plenos — sin degradados lavados */
#top5{background:var(--Lpaper)!important}
#staking{background:var(--Lpaper)!important}

/* hero: escrima tintada del azul de marca + CTA principal pleno */
.ai-scrim{background:radial-gradient(120% 80% at 50% 28%,rgba(11,16,38,.05),rgba(11,16,38,.3) 72%),linear-gradient(to bottom,rgba(11,16,38,.38),rgba(11,16,38,.05) 26%,rgba(11,16,38,.14) 60%,rgba(9,13,30,.76))}
.ai-nav4 .ai-gbtn:first-child{background:var(--Dblue);border-color:var(--Dblue);color:#fff;font-weight:600;box-shadow:0 14px 34px -14px rgba(43,47,179,.9)}
.ai-nav4 .ai-gbtn:first-child:hover{background:#3843E8;border-color:#3843E8;transform:translateY(-2px)}
.ai-nav4 .ai-gbtn:not(:first-child){border-width:1.5px}

/* ============ CHAT — panel oscuro nítido ============ */
#chat{background:var(--Dbg)!important;color:var(--Dtx)!important}
#chat .eyebrow{color:var(--Dbright)!important}
#chat .eyebrow .ln{background:var(--Dbright)!important}
#chat .h2{color:#F5F7FF!important}
#chat .h2 span{background:none}
#chat .lead{color:var(--Dtx2)!important}

.chatpanel{background:var(--Dcard)!important;border:1.5px solid var(--Dline)!important;box-shadow:0 24px 0 -12px rgba(43,47,179,.28),0 60px 120px -50px rgba(4,8,30,.9)!important}
.chat-top{background:var(--Dblue)!important;border-bottom:2px solid var(--blue-deep)!important}
.chat-top .ask-badge{color:#fff!important}
.chat-top .ask-badge .dot{background:var(--Dmint)!important;box-shadow:0 0 0 3px rgba(0,213,161,.28)!important}
.chat-actions .ask-ctrl{background:var(--blue-deep)!important;border:1.5px solid rgba(255,255,255,.28)!important;color:#fff!important}
.chat-actions .ask-ctrl:hover{background:#232896!important;border-color:rgba(255,255,255,.6)!important}

.chat-body{background:var(--Dcard)}
.chat-body::-webkit-scrollbar-thumb{background:rgba(124,140,255,.32);border:3px solid var(--Dcard)}
.chat-empty h3{color:#F5F7FF!important}
.chat-empty p{color:var(--Dtx2)!important}
#chat .adv-chip{background:var(--Dcard2)!important;border:1.5px solid var(--Dline2)!important;color:#C7D0F5!important;font-size:14px!important}
#chat .adv-chip:hover{background:#1B2748!important;border-color:var(--Dbright)!important;color:#fff!important}

/* burbujas — texto grande, contraste pleno */
.adv-msg p{font-size:15.5px!important;line-height:1.55!important;font-weight:500!important;letter-spacing:.002em}
.adv-msg.bot p{background:var(--Dcard2)!important;border:1px solid var(--Dline)!important;color:#EDF1FB!important}
.adv-msg.me p{background:var(--Dblue)!important;border:none!important;color:#fff!important;box-shadow:0 10px 24px -12px rgba(43,47,179,.8)}
.adv-msg.me .adv-av{background:#1B2540!important;color:#A8B4FF!important}
.adv-msg.bot .adv-av{background:var(--Dblue)!important;color:#fff!important}
.adv-msg.bot .cur{background:var(--Dmint)!important}
@keyframes advIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.chat-msgs .adv-msg{animation:advIn .38s cubic-bezier(.16,1,.3,1) both}
@media(prefers-reduced-motion:reduce){.chat-msgs .adv-msg{animation:none}}

/* pie + buscador oscuros */
.chat-foot{background:var(--Dcard)!important;border-top:1px solid var(--Dline)!important}
#chat .askline{background:var(--Dcard2)!important;border:1.6px solid var(--Dline2)!important}
#chat .askline:focus-within{border-color:var(--Dbright)!important;box-shadow:0 0 0 4px rgba(124,140,255,.16)!important}
#chat .askline .si{color:var(--Dbright)!important}
#chat .askline input{color:var(--Dtx)!important}
#chat .askline input::placeholder{color:#8C97B8!important}
#chat .adv-send{background:var(--Dblue)!important}
#chat .adv-send:hover{background:#3843E8!important}

/* respuestas visuales — tarjetas oscuras nítidas */
.vcard{background:var(--Dcard2)!important;border:1.5px solid rgba(124,140,255,.3)!important;box-shadow:0 24px 60px -32px rgba(4,8,30,.9)!important}
.vcard-h{color:var(--Dbright)!important}
.vcard-h::before{background:var(--Dbright)!important}
.vn{background:var(--Dcard)!important;border:1px solid var(--Dline)!important}
.vn-ic{background:#1B2540!important;border:1px solid var(--Dline2)!important}
.vn-ic img{background:#fff;padding:3px}
.vn-ic svg{color:var(--Dbright)!important}
.vn-t{color:var(--Dtx)!important}
.vn-s{color:var(--Dtx2)!important}
.vn-pt{background:var(--Dblue)!important;box-shadow:0 4px 10px -3px rgba(4,8,30,.9)!important}
.vn:last-of-type .vn-pt,.vflow .vn:last-child .vn-pt{background:var(--Dmint)!important;color:#06251c!important}
.varrow svg{color:var(--Dbright)!important}
.ve{color:var(--Dbright)!important}
.vcell{background:var(--Dcard)!important;border:1px solid var(--Dline)!important}
.vcell-ic{background:#1B2540!important;border:1px solid var(--Dline2)!important}
.vcell-ic img{background:#fff;padding:3px}
.vcell-ic svg{color:var(--Dbright)!important}
.vcell-t{color:var(--Dtx)!important}
.vcell-s{color:var(--Dtx2)!important}
.vcard-note{color:#E2E8F6!important;border-top:1px dashed var(--Dline2)!important}

/* comprobación + dudas + typing en oscuro */
.chkrow .chk{background:var(--Dcard2)!important;border:1px solid var(--Dline)!important}
.chk-q{color:var(--Dtx)!important}
.chk-btns button{background:var(--Dcard)!important;border:1.5px solid var(--Dline2)!important;color:#DCE3F7!important}
.chk-btns .chk-y{background:var(--Dmint)!important;border-color:var(--Dmint)!important;color:#06251c!important}
.chk-btns .chk-n:hover{border-color:var(--Dbright)!important;color:var(--Dbright)!important}
.doubt{background:var(--Dcard2)!important;border:1.5px solid rgba(124,140,255,.36)!important;color:#B9C4FF!important}
.doubt:hover{background:#1B2748!important;color:#fff!important}
.doubt.sel{background:var(--Dblue)!important;border-color:var(--Dblue)!important;color:#fff!important}
.typing .tdots{background:var(--Dcard2)!important;border:1px solid var(--Dline)!important}
.typing .tdots span{background:var(--Dbright)!important}

/* historial oscuro */
.ask-hist{background:var(--Dcard)!important;border:1.5px solid var(--Dline2)!important;box-shadow:0 28px 64px -30px rgba(4,8,30,.95)!important}
.ask-hist .hh{color:var(--Dtx2)!important}
.ask-hist .hi{color:var(--Dtx)!important}
.ask-hist .hi:hover{background:rgba(124,140,255,.14)!important}
.ask-hist .hi small{color:var(--Dtx2)!important}
.ask-hist .hempty{color:var(--Dtx2)!important}

/* ============ STAKING — papel cálido de la home, banda plena ============ */
.sb-top{background:var(--Dblue)!important;border-bottom:2px solid var(--blue-deep)!important}
.sb{border:1.5px solid rgba(67,83,255,.26)!important;box-shadow:0 24px 0 -12px rgba(43,47,179,.14),0 54px 110px -50px rgba(16,26,48,.5)!important}
.sb-ask{background:#F1F0EA!important}
.chatpanel,.sb,.t5{border-radius:22px!important}

/* TOP 5 — papel cálido, sin tinte frío */
.t5{border:1.5px solid rgba(67,83,255,.26)!important;box-shadow:0 24px 0 -12px rgba(43,47,179,.14),0 54px 110px -50px rgba(16,26,48,.5)!important}
.t5live{background:var(--Dblue)!important}


/* ====================================================================
   HERO VIVO — texto animado a la izquierda + agentes glass a la derecha
   ==================================================================== */
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes agFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes agFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
.hero-inner{display:grid;grid-template-columns:1fr;align-items:center;gap:0;text-align:left;max-width:1280px;margin-top:-7vh}
.ai-left{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.ai-kick{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#B9C4FF;background:rgba(11,16,38,.55);border:1.5px solid rgba(124,140,255,.38);border-radius:30px;padding:8px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:heroUp .8s cubic-bezier(.16,1,.3,1) .15s both;font-weight:700}
.ai-kick i{width:8px;height:8px;border-radius:50%;background:#00D5A1;animation:sbpulse 1.8s ease-out infinite}
#hero .ai-h{margin-top:26px;text-align:left;font-weight:800;font-size:clamp(52px,9.4vw,150px);line-height:.92;letter-spacing:-.035em}
#hero .ai-h [data-split]{display:inline-block;overflow:hidden;vertical-align:top}
#hero .ai-h .x{color:#7C8CFF;font-weight:400;display:inline-block;animation:heroUp 1s cubic-bezier(.16,1,.3,1) .7s both}
#hero .ai-lead{text-align:left;max-width:36ch;margin-top:24px;animation:heroUp .9s cubic-bezier(.16,1,.3,1) .55s both}
#hero .ai-nav4{justify-content:flex-start;margin-top:34px;animation:heroUp .9s cubic-bezier(.16,1,.3,1) .7s both}
.ai-proof{margin-top:28px;font-family:'Space Grotesk';font-size:13px;color:#DCE3F7;animation:heroUp .9s cubic-bezier(.16,1,.3,1) .85s both;font-weight:700}
.ai-proof b{color:#fff;font-size:15.5px;font-variant-numeric:tabular-nums}
.ai-proof .up{color:#00D5A1}
/* tarjetas de agentes — glass oscuro sobre héroe */
.ai-right{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:420px}
.agcard{width:min(380px,100%);background:rgba(11,16,38,.62);border:1.5px solid rgba(124,140,255,.32);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 80px -30px rgba(4,8,30,.9);padding:18px 20px;color:#EDF1FB}
.agcard.main{position:relative;z-index:2;animation:heroUp 1s cubic-bezier(.16,1,.3,1) .9s both,agFloat 8s ease-in-out 2.2s infinite}
.agcard.back{position:absolute;right:42%;top:4%;width:min(310px,80%);z-index:1;filter:brightness(.82);animation:heroUp 1s cubic-bezier(.16,1,.3,1) .75s both,agFloat2 9s ease-in-out 2.6s infinite}
.ag-h{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#B9C4FF;padding-bottom:12px;border-bottom:1px solid rgba(124,140,255,.18);margin-bottom:6px;white-space:nowrap;font-weight:700}
.ag-h .ic{width:26px;height:26px;border-radius:8px;background:#4353FF;display:grid;place-items:center;color:#fff;flex:none}
.ag-h .ic svg{width:15px;height:15px}
.ag-h .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#7CF5D8;font-size:10.5px}
.ag-h .live i{width:7px;height:7px;border-radius:50%;background:#00D5A1;animation:sbpulse 1.8s ease-out infinite}
.ag-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid rgba(124,140,255,.12);font-family:'Space Grotesk';font-size:14px;color:#DCE3F7}
.ag-row:last-child{border-bottom:none}
.ag-row b{color:#fff;font-weight:600;font-family:'Space Grotesk';font-size:13px;white-space:nowrap}
.ag-row b.ok{color:#00D5A1}
@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr;gap:0;margin-top:-3vh}
  #hero .ai-h{font-size:clamp(44px,11.5vw,92px)}
}
@media(prefers-reduced-motion:reduce){
  .ai-kick,#hero .ai-h .x,#hero .ai-lead,#hero .ai-nav4,.ai-proof,.agcard{animation:none!important}
  .ai-kick i,.ag-h .live i{animation:none!important}
}


/* ====================================================================
   GUÍA PROFUNDA DE AGENTES — scroll interno dentro del top 5
   ==================================================================== */
.agdeep-wrap{margin-top:26px}
.agdeep{background:#fff;border:1.5px solid rgba(67,83,255,.26);border-radius:22px;overflow:hidden;box-shadow:0 22px 0 -11px rgba(43,47,179,.14),0 54px 110px -50px rgba(16,26,48,.5)}
.agd-band{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--Lblue);color:#fff;padding:13px 20px;border-bottom:2px solid var(--blue-deep);font-family:'Space Grotesk';font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.agd-hint{color:#FFFFFF;transition:opacity .5s ease;white-space:nowrap}
.agd-body{max-height:min(68vh,640px);overflow-y:auto;overscroll-behavior:auto;padding:clamp(20px,3vw,36px);scrollbar-width:thin;scrollbar-color:rgba(67,83,255,.4) transparent}
.agd-body::-webkit-scrollbar{width:9px}
.agd-body::-webkit-scrollbar-thumb{background:rgba(67,83,255,.35);border-radius:9px;border:3px solid #fff}
.agd-h{font-family:'Unbounded';font-weight:700;font-size:clamp(19px,2vw,26px);letter-spacing:-.02em;color:var(--Link);margin:34px 0 20px}
.agd-h:first-child{margin-top:0}
.agd-feat{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid rgba(16,26,48,.09)}
.agd-feat .no{font-family:'Unbounded';font-weight:800;font-size:26px;color:var(--Lblue);line-height:1;flex:none;min-width:44px}
.agd-feat b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:16.5px;color:var(--Link);margin-bottom:6px}
.agd-feat p{font-family:'Space Grotesk';font-size:14.5px;line-height:1.55;color:var(--Linksoft);max-width:66ch;text-wrap:pretty}
.agd-intro{font-family:'Space Grotesk';font-size:15px;line-height:1.5;color:var(--Linksoft);margin:-8px 0 20px}
.agd-guide{border:1.5px solid rgba(67,83,255,.22);border-radius:18px;overflow:hidden;margin-bottom:20px;background:#FBFBF8}
.agd-gh{display:flex;align-items:center;gap:13px;padding:15px 18px;background:#F1F0EA;border-bottom:1px solid rgba(16,26,48,.09)}
.agd-gh img{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid rgba(16,26,48,.1);padding:5px;object-fit:contain;flex:none}
.agd-gh b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:15.5px;color:var(--Link)}
.agd-gh small{display:block;font-family:'Space Grotesk';font-size:12.5px;color:var(--Linksoft);margin-top:2px}
.agd-steps{list-style:none;margin:0;padding:6px 18px 14px;counter-reset:agd}
.agd-steps li{position:relative;counter-increment:agd;padding:13px 0 13px 44px;border-top:1px solid rgba(16,26,48,.07);font-family:'Space Grotesk';font-size:14.5px;line-height:1.55;color:var(--Linksoft);text-wrap:pretty}
.agd-steps li:first-child{border-top:none}
.agd-steps li::before{content:counter(agd);position:absolute;left:0;top:13px;width:28px;height:28px;border-radius:50%;background:var(--Lblue);color:#fff;font-family:'Space Grotesk';font-weight:700;font-size:12.5px;display:grid;place-items:center}
.agd-steps li b{color:var(--Link);font-weight:700}
.agd-steps .u{font-family:'Space Grotesk';font-size:13px;color:var(--Lblue);font-weight:700;white-space:nowrap}
.agd-note{margin-top:8px;padding:14px 18px;border:1.5px solid rgba(0,180,136,.4);border-radius:14px;background:#F2FBF7;font-family:'Space Grotesk';font-weight:600;font-size:14px;color:#0a5c46;text-wrap:pretty}
.agd-cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Lblue);border-bottom:2px solid var(--Lblue);padding-bottom:3px;transition:gap .25s}
.agd-cta:hover{gap:13px}
@media(max-width:560px){.agd-hint{display:none}.agd-body{max-height:62vh}.agd-feat{gap:13px}}


/* ====================================================================
   GUÍA PROFUNDA v2 — cabecera grande, tarjetas visuales, scroll armado
   ==================================================================== */
/* cabecera del panel, grande y con jerarquía */
.agd-band{padding:18px 22px;align-items:center}
.agd-ttl b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(18px,1.9vw,26px);letter-spacing:-.02em;text-transform:none;line-height:1.05}
.agd-ttl span{display:block;font-family:'Space Grotesk';font-size:13px;font-weight:500;color:#FFFFFF;margin-top:5px;text-transform:none;letter-spacing:.01em}

/* el scroll interno solo se activa con el panel centrado en pantalla */
.agd-body{overflow:hidden}
.agdeep.armed .agd-body{overflow-y:auto}
.agd-hint{opacity:0}
.agdeep.armed .agd-hint{opacity:1}

/* tarjetas: qué hacen y qué ganas */
.agd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.agd-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-4px 0 4px}
.agq{display:flex;gap:13px;align-items:flex-start;background:#FBFBF8;border:1.5px solid rgba(67,83,255,.2);border-radius:16px;padding:16px 18px;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s}
.agq:hover{transform:translateY(-3px);border-color:rgba(67,83,255,.5)}
.agq-no{flex:none;width:30px;height:30px;border-radius:50%;background:var(--Lblue);color:#fff;display:grid;place-items:center;font-family:'Space Mono';font-weight:700;font-size:14px;box-shadow:0 6px 14px -6px rgba(43,47,179,.7)}
.agq b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:14.5px;color:var(--Link);margin-bottom:3px}
.agq p{font-family:'Space Grotesk';font-size:13px;line-height:1.5;color:var(--Linksoft);text-wrap:pretty}
@media(max-width:860px){.agd-cards{grid-template-columns:1fr}.agd-quick{grid-template-columns:1fr}}
.agd-card{display:flex;flex-direction:column;gap:13px;background:#FBFBF8;border:1.5px solid rgba(67,83,255,.2);border-radius:18px;padding:24px 20px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s}
.agd-card:hover{transform:translateY(-4px);border-color:rgba(67,83,255,.5);box-shadow:0 22px 46px -26px rgba(43,47,179,.42)}
.agd-card .ic{width:48px;height:48px;border-radius:14px;background:var(--Lblue);display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px -12px rgba(43,47,179,.7);flex:none}
.agd-whorow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.agd-whorow .agd-who{margin-top:0}
.agd-moreopen{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:'Space Grotesk';font-weight:700;font-size:12px;color:var(--Lblue,#4353FF);background:transparent;border:1.5px solid var(--Lblue,#4353FF);border-radius:30px;padding:7px 13px;cursor:pointer;transition:background .18s,transform .18s}
.agd-moreopen svg{width:13px;height:13px;transition:transform .18s}
.agd-moreopen:hover{background:rgba(67,83,255,.08);transform:translateY(-2px)}
.agd-moreopen:hover svg{transform:translateX(3px)}
.agd-moreopen:active{transform:scale(.97)}
.agd-card .ic svg{width:25px;height:25px}
.agd-card b{font-family:'Unbounded';font-weight:700;font-size:18.5px;letter-spacing:-.015em;color:var(--Link)}
.agd-card p{font-family:'Space Grotesk';font-size:14px;line-height:1.55;color:var(--Linksoft);text-wrap:pretty}
.agd-card .gain{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:'Space Grotesk';font-weight:700;font-size:13.5px;color:#0a7d60;background:#EAF8F2;border:1.5px solid rgba(0,180,136,.35);border-radius:30px;padding:8px 14px}
.agd-card .gain svg{width:15px;height:15px;flex:none}

/* bloque de ayuda: grande, azul pleno, botón blanco */
.agd-help{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:var(--Lblue);border-radius:18px;padding:clamp(24px,3vw,36px);box-shadow:0 16px 0 -8px rgba(43,47,179,.32)}
.agd-help-tx b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(21px,2.4vw,32px);letter-spacing:-.02em;color:#fff;line-height:1.05}
.agd-help-tx span{display:block;font-family:'Space Grotesk';font-size:15.5px;color:#FFFFFF;margin-top:8px}
.agd-help-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--Lblue);font-family:'Space Grotesk';font-weight:800;font-size:16.5px;border-radius:40px;padding:17px 30px;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(11,16,32,.6);transition:transform .2s,box-shadow .2s;touch-action:manipulation}
.agd-help-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -16px rgba(11,16,32,.7)}
.agd-help-btn:active{transform:scale(.97)}
.agd-help-bts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.agd-help-btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);box-shadow:none}
.agd-help-btn.ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
.agd-help-btn svg{width:18px;height:18px}
@media(max-width:640px){.agd-help{justify-content:center;text-align:center}.agd-help-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.agd-card,.agd-help-btn{transition:none}}


/* tarjetas guía: chip "quién lo hace" con logo real */
.agd-who{margin-top:auto;display:inline-flex;align-items:center;gap:11px;align-self:flex-start;background:#fff;border:1.5px solid rgba(16,26,48,.14);border-radius:14px;padding:9px 15px 9px 10px;transition:border-color .22s,transform .22s,box-shadow .22s;cursor:pointer}
.agd-who:hover{border-color:rgba(67,83,255,.55);transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(43,47,179,.5)}
.agd-who img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:#fff;flex:none}
.agd-who small{display:block;font-family:'Space Grotesk';font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--Linksoft);font-weight:700}
.agd-who b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:14.5px;color:var(--Link);line-height:1.2}
@media(prefers-reduced-motion:reduce){.agd-who{transition:none}}


/* icono de tarjeta = logo real de la plataforma */
.agd-card .ic.logo{background:#fff;border:1.5px solid rgba(16,26,48,.12)}
.agd-card .ic.logo img{width:30px;height:30px;border-radius:8px;object-fit:contain}


/* botón ver más ejemplos */
.agd-morewrap{display:flex;justify-content:flex-end;margin-top:16px}
.agd-more{display:inline-flex;align-items:center;gap:10px;background:var(--Link);color:#fff;font-family:'Space Grotesk';font-weight:700;font-size:15px;border:none;border-radius:40px;padding:14px 26px;cursor:pointer;box-shadow:0 12px 26px -14px rgba(16,26,48,.65);transition:transform .2s,box-shadow .2s,background .2s;touch-action:manipulation}
.agd-more:hover{background:var(--Lblue);transform:translateY(-2px);box-shadow:0 18px 36px -16px rgba(43,47,179,.7)}
.agd-more:active{transform:scale(.97)}
.agd-more svg{width:17px;height:17px}

/* modal de ejemplos */
.agm{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:4vh 16px}
.agm[hidden]{display:none!important}
.agm-bg{position:absolute;inset:0;background:rgba(9,13,30,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .28s ease}
.agm.on .agm-bg{opacity:1}
.agm-panel{position:relative;width:min(880px,100%);max-height:92vh;display:flex;flex-direction:column;background:#F7F6F2;border:1.5px solid rgba(67,83,255,.3);border-radius:22px;overflow:hidden;box-shadow:0 24px 0 -12px rgba(43,47,179,.3),0 80px 160px -60px rgba(4,8,30,.95);opacity:0;transform:translateY(26px) scale(.98);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}
.agm.on .agm-panel{opacity:1;transform:none}
.agm-top{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--Lblue);border-bottom:2px solid var(--blue-deep);padding:18px 22px;color:#fff}
.agm-ttl b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(17px,2vw,24px);letter-spacing:-.02em;line-height:1.05}
.agm-ttl span{display:block;font-family:'Space Grotesk';font-size:13px;color:#FFFFFF;margin-top:5px}
.agm-x{width:42px;height:42px;flex:none;border-radius:50%;background:var(--blue-deep);border:1.5px solid rgba(255,255,255,.3);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.agm-x:hover{background:#232896;transform:rotate(90deg)}
.agm-x svg{width:17px;height:17px}
.agm-body{overflow-y:auto;padding:clamp(18px,2.6vw,30px);scrollbar-width:thin;scrollbar-color:rgba(67,83,255,.4) transparent}
.agm-body::-webkit-scrollbar{width:9px}
.agm-body::-webkit-scrollbar-thumb{background:rgba(67,83,255,.35);border-radius:9px;border:3px solid #F7F6F2}
.agm-cat{font-family:'Space Grotesk';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--Lblue);font-weight:700;margin:26px 0 12px;display:flex;align-items:center;gap:12px}
.agm-cat:first-child{margin-top:0}
.agm-cat::after{content:'';flex:1;height:1.5px;background:rgba(67,83,255,.22)}
.agm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.agm-grid{grid-template-columns:1fr}}
.agm-it{display:flex;align-items:center;gap:13px;background:#fff;border:1.5px solid rgba(16,26,48,.1);border-radius:15px;padding:12px 14px;transition:border-color .2s,transform .2s,box-shadow .2s}
.agm-it:hover{border-color:rgba(67,83,255,.55);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(43,47,179,.5)}
.agm-it img{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid rgba(16,26,48,.08);padding:4px;flex:none}
.agm-it b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Link)}
.agm-it small{display:block;font-family:'Space Grotesk';font-size:12.8px;line-height:1.4;color:var(--Linksoft);margin-top:2px;text-wrap:pretty}
.agm-note{margin-top:22px;padding:13px 17px;border:1.5px solid rgba(0,180,136,.4);border-radius:13px;background:#F2FBF7;font-family:'Space Grotesk';font-weight:600;font-size:13.5px;color:#0a5c46}
@media(prefers-reduced-motion:reduce){.agm-bg,.agm-panel,.agm-it,.agm-x,.agd-more{transition:none}}


/* con quién se conectan — fila de logos en las tarjetas de la guía */
.agd-con{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(16,26,48,.14);width:100%}
.agd-con small{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--Linksoft);margin-right:auto;font-weight:700}
.agd-con img{width:22px;height:22px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid rgba(16,26,48,.1);padding:2px;flex:none}

/* explicación + etiquetas monedero/exchange en el modal */
.agm-exp{font-family:'Space Grotesk';font-size:14px;line-height:1.55;color:var(--Linksoft);background:#fff;border:1.5px solid rgba(67,83,255,.2);border-radius:14px;padding:14px 17px;margin-bottom:4px;text-wrap:pretty}
.agm-exp b{color:var(--Link)}
.agm-it span{flex:1;min-width:0}
.agm-tag{display:inline-block;margin-top:7px;font-style:normal;font-family:'Space Grotesk';font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;border-radius:20px;padding:4px 10px}
.agm-tag.w{color:#2B2FB3;background:#EDEFFF;border:1px solid rgba(67,83,255,.35)}
.agm-tag.e{color:#0a5c46;background:#EAF8F2;border:1px solid rgba(0,180,136,.4)}


/* ====================================================================
   HERRAMIENTA DE STAKING — botón ¿qué es?, asistente y resultados
   ==================================================================== */
.sb-topr{display:flex;align-items:center;gap:14px}
.stk-what-row{max-width:1180px;height:0;margin:0 auto;display:flex;justify-content:flex-end;align-items:flex-start;position:relative;z-index:5;overflow:visible}
.stk-what-row .stk-what-fab{transform:translateY(-56px)}
.stk-what-fab{background:#101A30;border:1.5px solid #101A30;color:#fff;font-family:'Space Grotesk';font-weight:800;font-size:13.5px;border-radius:30px;padding:12px 20px;cursor:pointer;transition:background .2s;touch-action:manipulation;white-space:nowrap}
.stk-what-fab:hover{background:#000}
.stk-what-fab:active{transform:translateY(-4px) scale(.97)}
@media(max-width:760px){.stk-what-row{height:auto;margin:16px 0 -10px;justify-content:flex-start}.stk-what-row .stk-what-fab{transform:none}}

/* modal ¿qué es? */
.stki-big{font-family:'Unbounded';font-weight:600;font-size:clamp(17px,2vw,23px);line-height:1.35;letter-spacing:-.015em;color:var(--Link);margin-bottom:20px;text-wrap:balance}
.stki-big b{color:var(--Lblue)}
.stki-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
@media(max-width:560px){.stki-vs{grid-template-columns:1fr}}
.stki-vs-col{border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.stki-vs-col .h{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.stki-vs-col .h svg{width:17px;height:17px}
.stki-vs-col b{font-family:'Unbounded';font-weight:800;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;line-height:1}
.stki-vs-col small{font-family:'Space Grotesk';font-size:13.5px;line-height:1.45;text-wrap:pretty}
.stki-vs-col.bank{background:#EFEEE8;border:1.5px solid rgba(16,26,48,.14);color:#39435C}
.stki-vs-col.bank b{color:#39435C}
.stki-vs-col.stake{background:var(--Lblue);border:1.5px solid var(--blue-deep);color:#fff;box-shadow:0 14px 0 -7px rgba(43,47,179,.3)}
.stki-vs-col.stake .h{color:#fff}
.stki-vs-col.stake small{color:#fff}
.stki-p{font-family:'Space Grotesk';font-size:15px;line-height:1.6;color:#39435C;margin-bottom:8px;text-wrap:pretty}
.stki-p b{color:var(--Link)}
.stki-cta{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--Link);border-radius:18px;padding:clamp(20px,2.6vw,30px)}
.stki-cta-tx b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(18px,2vw,25px);letter-spacing:-.02em;color:#fff;line-height:1.1}
.stki-cta-tx span{display:block;font-family:'Space Grotesk';font-size:14.5px;color:#DCE3F7;margin-top:7px;max-width:52ch;text-wrap:pretty}
@media(max-width:640px){.stki-cta{justify-content:center;text-align:center}}

/* lanzador */
.stt-launch{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;transition:opacity .35s ease}
.stt-launch.off{display:none}
.stt-activate{display:inline-flex;align-items:center;gap:11px;background:var(--Lblue);color:#fff;font-family:'Space Grotesk';font-weight:800;font-size:16.5px;border:none;border-radius:40px;padding:17px 30px;cursor:pointer;box-shadow:0 16px 0 -8px rgba(43,47,179,.35),0 20px 44px -18px rgba(43,47,179,.6);transition:transform .2s,box-shadow .2s,background .2s;touch-action:manipulation}
.stt-activate:hover{background:#3843E8;transform:translateY(-2px)}
.stt-activate:active{transform:scale(.97)}
.stt-activate svg{width:19px;height:19px}
.stt-launch-tx{font-family:'Space Grotesk';font-weight:600;font-size:14.5px;color:#39435C;max-width:34ch}

/* panel de la herramienta */
.stt{margin-top:22px;background:#fff;border:1.5px solid rgba(67,83,255,.26);border-radius:22px;overflow:hidden;box-shadow:0 22px 0 -11px rgba(43,47,179,.14),0 54px 110px -50px rgba(16,26,48,.5);opacity:0;transform:translateY(22px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.stt.on{opacity:1;transform:none}
.stt[hidden]{display:none}
/* selector "otra" — todas las plataformas */
.sttpick{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .26s}
.sttpick[hidden]{display:none!important}
.sttpick.on{opacity:1}
.sttpick-bg{position:absolute;inset:0;background:rgba(14,22,38,.55);backdrop-filter:blur(4px)}
.sttpick-panel{position:relative;width:min(620px,100%);max-height:82vh;display:flex;flex-direction:column;background:#fff;border:1.5px solid rgba(67,83,255,.26);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px -40px rgba(16,26,48,.7);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.sttpick.on .sttpick-panel{transform:none}
.sttpick-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;background:var(--Lblue);color:#fff}
.sttpick-ttl b{font-family:'Unbounded';font-weight:700;font-size:17px;letter-spacing:-.02em;display:block}
.sttpick-ttl span{font-family:'Space Grotesk';font-weight:600;font-size:12.5px;color:rgba(255,255,255,.85)}
.sttpick-top .agm-x{background:rgba(255,255,255,.16);color:#fff;border:none;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;flex:none}
.sttpick-top .agm-x svg{width:17px;height:17px}
.sttpick-search{display:flex;align-items:center;gap:10px;margin:16px 20px 6px;padding:12px 16px;border:1.5px solid var(--Lline,#DEDCD2);border-radius:14px;background:#FBFBF8;color:var(--Linksoft,#4a5163)}
.sttpick-search svg{width:18px;height:18px;flex:none}
.sttpick-search input{border:none;background:none;outline:none;width:100%;font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--Link,#101A30)}
.sttpick-list{overflow-y:auto;padding:12px 20px 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;scrollbar-width:thin}
@media(max-width:520px){.sttpick-list{grid-template-columns:1fr}}
.pk-it{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1.5px solid var(--Lline,#DEDCD2);border-radius:13px;padding:11px 14px;cursor:pointer;font-family:'Space Grotesk';font-weight:700;font-size:14px;color:var(--Link,#101A30);transition:transform .16s,border-color .16s,background .16s}
.pk-it:hover{transform:translateY(-2px);border-color:var(--Lblue,#4353FF);background:#F4F5FF}
.pk-it img{width:26px;height:26px;border-radius:7px;background:#fff;border:1px solid var(--Lline,#DEDCD2);object-fit:contain;padding:3px;flex:none}
.pk-it span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.pk-it span em{font-style:normal;font-size:11.5px;font-weight:500;color:#6A748A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stt-picked img{width:20px;height:20px;border-radius:6px;object-fit:contain;vertical-align:-4px;margin-right:7px}
#sttPlat .is-picked{display:inline-flex;align-items:center;gap:7px}
#sttCoin .is-picked{display:inline-flex;align-items:center;gap:7px}
#sttCoin .is-picked img{width:20px;height:20px;border-radius:6px;object-fit:contain}
#sttPlat .is-picked img{width:20px;height:20px;border-radius:6px;object-fit:contain}
#sttPlat .is-picked .chv{width:15px;height:15px;opacity:.7;margin-left:1px}
#sttCoin [data-c="otra"]{display:inline-flex;align-items:center;gap:6px}
#sttCoin [data-c="otra"] .chv{width:15px;height:15px;opacity:.7;margin-left:1px}
.stt-band{background:var(--Lblue);border-bottom:2px solid var(--blue-deep);padding:17px 22px;color:#fff;position:relative}
.stt-restart{position:absolute;top:50%;right:18px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.42);color:#fff;font-family:'Space Grotesk';font-weight:700;font-size:12.5px;border-radius:30px;padding:9px 15px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .18s,transform .12s}
.stt-restart svg{width:15px;height:15px}
.stt-restart:hover{background:rgba(255,255,255,.26)}
.stt-restart:active{transform:translateY(-50%) scale(.96)}
@media(max-width:640px){.stt-restart{position:static;transform:none;margin-top:12px}.stt-restart:active{transform:scale(.96)}}
.stk-acad-cta{max-width:1180px;margin:26px auto 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;background:#101A30;border-radius:20px;padding:26px 28px}
.stk-acad-txt b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em;color:#fff;line-height:1.1}
.stk-acad-txt span{display:block;font-family:'Space Grotesk';font-size:14px;color:#AEB7D4;margin-top:6px;max-width:52ch}
.stk-acad-btn{flex:none;display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;text-decoration:none;font-family:'Space Grotesk';font-weight:800;font-size:14.5px;border-radius:14px;padding:14px 22px;transition:background .2s,transform .15s;touch-action:manipulation}
.stk-acad-btn svg{width:18px;height:18px}
.stk-acad-btn:hover{background:var(--blue-deep);transform:translateY(-2px)}
.stk-acad-btn:active{transform:scale(.98)}
@media(max-width:640px){.stk-acad-cta{padding:22px 20px}.stk-acad-btn{width:100%;justify-content:center}}
.stt-band b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(17px,1.9vw,24px);letter-spacing:-.02em;line-height:1.05}
.acadpromo{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;background:#101A30;border-radius:20px;padding:26px 28px}
.acadpromo-tx{min-width:0}
.acadpromo-badge{display:inline-block;font-family:'Space Mono';font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--blue);border-radius:20px;padding:4px 11px;margin-bottom:10px}
.acadpromo-tx b{display:block;font-family:'Unbounded';font-weight:700;font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em;color:#fff;line-height:1.1}
.acadpromo-tx span{display:block;font-family:'Space Grotesk';font-size:14.5px;color:#C7CEE6;margin-top:7px;max-width:56ch;text-wrap:pretty}
.acadpromo-btn{flex:none;display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;border-radius:30px;padding:13px 22px;font-family:'Space Grotesk';font-weight:700;font-size:14.5px;text-decoration:none;transition:transform .12s,background .2s;box-shadow:0 12px 26px -12px rgba(67,83,255,.7)}
.acadpromo-btn svg{width:18px;height:18px}
.acadpromo-btn:hover{background:var(--blue-deep);transform:translateY(-2px)}
.acadpromo-btn:active{transform:scale(.98)}
@media(max-width:640px){.acadpromo{padding:22px 20px}.acadpromo-btn{width:100%;justify-content:center}}
.stt-band span{display:block;font-family:'Space Grotesk';font-size:13.5px;font-weight:500;color:#fff;margin-top:5px}
.stt-body{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:26px}
.stt-q{opacity:1}
.stt-q[hidden]{display:none}
.stt-q.in{animation:heroUp .5s cubic-bezier(.16,1,.3,1) both}
.stt-qh{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-weight:700;font-size:clamp(16px,1.6vw,19px);color:var(--Link);margin-bottom:14px}
.stt-qh .n{width:30px;height:30px;flex:none;border-radius:50%;background:var(--Lblue);color:#fff;font-family:'Space Grotesk';font-weight:800;font-size:14px;display:grid;place-items:center}
.stt-opts{display:flex;flex-wrap:wrap;gap:9px}
.stt-opts button{display:inline-flex;align-items:center;gap:9px;background:#FBFBF8;border:1.5px solid rgba(16,26,48,.16);border-radius:40px;padding:11px 18px;font-family:'Space Grotesk';font-weight:700;font-size:14.5px;color:var(--Link);cursor:pointer;transition:border-color .18s,background .18s,transform .18s;touch-action:manipulation;min-height:44px}
.stt-opts button img{width:22px;height:22px;border-radius:6px;object-fit:contain;background:#fff}
.stt-opts button:hover{border-color:rgba(67,83,255,.6);transform:translateY(-1px)}
.stt-opts button:active{transform:scale(.97)}
.stt-opts button.on{background:var(--Lblue);border-color:var(--Lblue);color:#fff;box-shadow:0 10px 22px -12px rgba(43,47,179,.8)}
.stt-opts.term button{flex-direction:column;align-items:flex-start;gap:3px;border-radius:16px;padding:13px 20px}
.stt-opts.term button b{font-size:15.5px}
.stt-opts.term button small{font-weight:500;font-size:12.5px;color:#39435C}
.stt-opts.term button.on small{color:#fff}

/* resultados */
.stt-res{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.stt-res.in{opacity:1;transform:none}
.stt-res[hidden]{display:none}
.stt-res-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.stt-res-h b{font-family:'Unbounded';font-weight:700;font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em;color:var(--Link)}
.stt-res-h span{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:#39435C}
.stt-list{display:flex;flex-direction:column;border:1.5px solid rgba(16,26,48,.12);border-radius:16px;overflow:hidden;background:#FBFBF8}
.stt-list.extra{margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}
.stt-list.extra.in{opacity:1;transform:none}
.stt-row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid rgba(16,26,48,.08)}
.stt-row:first-child{border-top:none}
.stt-row .rk{font-family:'Space Mono';font-weight:700;font-size:13px;color:var(--Lblue);min-width:20px}
.stt-row img{width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid rgba(16,26,48,.1);padding:3px;object-fit:contain;flex:none}
.stt-row .nm{font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--Link);line-height:1.15}
.stt-row .nm small{display:block;font-family:'Space Grotesk';font-weight:600;font-size:12px;color:#39435C;margin-top:2px}
.stt-row .apr{margin-left:auto;font-family:'Space Mono';font-weight:700;font-size:16.5px;color:#0a7d60;font-variant-numeric:tabular-nums}
.stt-row.mine{background:#EDEFFF;border-left:3px solid var(--Lblue)}
.stt-row.mine .nm small{color:var(--Lblue)}
.stt-more{margin-top:12px;align-self:flex-start;background:none;border:1.5px solid rgba(67,83,255,.45);color:var(--Lblue);font-family:'Space Grotesk';font-weight:700;font-size:14px;border-radius:30px;padding:11px 20px;cursor:pointer;transition:background .18s,color .18s,transform .18s;touch-action:manipulation}
.stt-more:hover{background:var(--Lblue);color:#fff;transform:translateY(-1px)}
.stt-more[hidden]{display:none}

/* sugerencia de traslado */
.stt-tip{margin-top:18px;background:var(--Link);border-radius:18px;padding:clamp(20px,2.6vw,28px);color:#fff}
.stt-tip.ok{background:#0F3D31}
.stt-tip-h{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7CF5D8;margin-bottom:10px}
.stt-tip-h svg{width:16px;height:16px}
.stt-tip p{font-family:'Space Grotesk';font-size:15.5px;line-height:1.6;color:#E2E8F6;max-width:72ch;text-wrap:pretty}
.stt-tip p b{color:#fff}
.stt-tip-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.stt-tip-cta span{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:#B6C0D8}
.agd-help-btn.sm{font-size:15px;padding:14px 24px}
@media(prefers-reduced-motion:reduce){.stt,.stt-res,.stt-list.extra,.stt-q.in{transition:none;animation:none}}


/* logo del token estrella dentro de la píldora */
.star-tok .st-pill{display:inline-flex;align-items:center;gap:8px}
.star-tok .st-ico{width:22px;height:22px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid rgba(16,26,48,.12);padding:2px;flex:none}


/* token estrella: sin recuadro — logo + siglas sobre blanco */
.star-tok .st-pill{background:transparent!important;border:none!important;padding:0!important;color:var(--Link)!important;font-weight:700!important}


/* NAV como en inicio: transparente sobre el hero, sin gris */
nav{position:fixed!important;top:0;left:0;right:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;color:#fff!important}
nav .brand{text-shadow:0 1px 14px rgba(4,8,22,.55)}
nav a:not(.brand){color:#fff!important;border-right:none!important}
nav a.on{box-shadow:inset 0 -4px 0 #fff!important}
/* el hero queda debajo del nav fijo */
#hero{padding-top:76px}

/* Aviso de que no hay tasa publicada para la plataforma elegida.
   Los datos de staking son reales y no cubren a todos los sitios: es
   mejor decirlo que dejar al usuario buscando el suyo en la lista. */
/* El panel que la contiene es azul oscuro: el aviso va en tonos ámbar
   sobre fondo translúcido, no en claro sobre claro. */
.stt-tip .stt-nodata,.stt-nodata{font-family:'Space Grotesk',sans-serif;font-size:12.5px;line-height:1.5;color:#F2DCA8;background:rgba(240,197,106,.12);border:1px solid rgba(240,197,106,.42);border-radius:11px;padding:10px 12px;margin:0 0 13px}
.stt-tip .stt-nodata b,.stt-nodata b{color:#FFE9B8;font-weight:700}

/* Botón bajo un aviso del chat (crear cuenta, ver planes). */
.adv-cta-row{display:flex;align-items:center}
.adv-cta-btn{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13.5px;color:#fff;background:var(--blue,#4353FF);border:none;border-radius:30px;padding:10px 18px;cursor:pointer;transition:background .16s,transform .12s}
.adv-cta-btn:hover{background:var(--blue-deep,#2B2FB3)}
.adv-cta-btn:active{transform:scale(.97)}
.adv-cta-btn:focus-visible{outline:2px solid var(--blue-bright,#7C8CFF);outline-offset:2px}