.net,.hero,#solutions{display:none!important}
#sides .ea-head,#sides .who-switch{display:none}
.back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--muted);font-size:14px;text-decoration:none;min-height:36px;justify-self:start}
.back:hover{color:var(--text)}
#tms{padding-top:28px}
/* the view opens with its OWN full-screen section (e09 "la pregunta", picked 2026-09-29):
   the question and the four "from here" rows answer it; the strip below names the product
   ("That one window is Asuvia TMS...") instead of re-listing the verbs. Section language:
   eyebrow + #solutions-scale type, no CTAs — the strip keeps the only "Request a demo". */
.bfs{position:relative;display:flex;flex-direction:column;overflow:hidden;padding-top:24px}
.bfs .bwrap{flex:1;display:grid;align-content:center;justify-items:center;text-align:center;gap:18px}
.bfs .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font:600 12.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sky)}
.bfs .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.bfs h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.02em;line-height:1.12;margin:0;max-width:900px}
.bfs .grad{background:linear-gradient(92deg,#8FB0FF,#5C86FF 55%,#3B6CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.bfs .back{flex:none;margin-bottom:0}
.bf-qlist{display:grid;gap:12px;margin:26px auto 0;width:min(560px,100%);text-align:left}
.qrow{display:flex;align-items:baseline;gap:16px;padding:12px 18px;border:1px solid var(--line-2);border-radius:12px;background:rgba(8,15,34,.4);transition:border-color .5s}
.qrow b{font-size:17px;min-width:4.5em}
.qrow span{font-size:13.5px;color:var(--muted)}
.qrow.on{border-color:rgba(92,134,255,.7)}
@media (max-width:640px){.qrow{flex-direction:column;gap:4px}.qrow b{min-width:0}}
/* two exact screens: the opener, then the strip (the agents follow) */
@media (min-width:901px){
.bfs{min-height:calc(100svh - 96px)}
#tms{min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;padding-bottom:24px}
}
@media (prefers-reduced-motion:reduce){.bfs *,.bfs *::before,.bfs *::after{animation:none!important;transition:none!important}}
.alt-sides{display:grid;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid var(--line);width:100%}.alt-sides .t{font-size:14px;color:var(--dim)}.alt-sides div{display:flex;flex-wrap:wrap;gap:10px}.alt-sides .btn{min-height:40px;padding:9px 16px;font-size:14px}
/* broker demo card: glowing border (proposal broker-demo d08) */
#eaCard{position:relative;border:0!important;box-shadow:0 40px 120px -40px rgba(59,108,255,.55)!important;background:linear-gradient(160deg,rgba(18,43,94,.55),rgba(6,12,28,.85))!important;isolation:isolate}
#eaCard::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;z-index:-1;background:conic-gradient(from var(--ang,0deg),rgba(163,188,255,.18) 0deg,#8FB0FF 50deg,#3B6CFF 90deg,rgba(163,188,255,.18) 150deg,rgba(163,188,255,.18) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
#eaCard::after{animation:spin 8s linear infinite}@keyframes spin{to{--ang:360deg}}
.ea-body[data-body="broker"] h2{font-size:clamp(34px,4vw,50px)!important}
@media (prefers-reduced-motion:reduce){#eaCard::after{animation:none}}