.stage{position:relative;max-width:860px;margin:0 auto 26px;height:360px;border-radius:24px;border:1px solid var(--border);background:var(--panel);overflow:hidden;backdrop-filter:blur(10px)}
@media(max-width:640px){.stage{height:340px}}
.sbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.06);z-index:4}
.sbar i{display:block;height:100%;width:0;background:var(--grad)}
.iscene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;opacity:0;transform:scale(.97);transition:opacity .7s,transform .7s;text-align:center}
.iscene.on{opacity:1;transform:scale(1)}
.iscene h2{font-family:Sora,sans-serif;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800}
.iscene p{color:var(--muted);font-size:.92rem;max-width:520px}
.ilogo{width:64px;height:64px}
.iimg{max-height:210px;max-width:78%;border-radius:16px;border:1px solid var(--border);box-shadow:0 30px 70px -25px rgba(37,99,235,.55)}
.chat-b{position:absolute;background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:9px 13px;font-size:.78rem;max-width:70%;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);animation:popIn .5s both;text-align:left}
.chat-b .who{display:block;font-size:.6rem;font-weight:800;margin-bottom:3px;text-transform:uppercase;letter-spacing:.08em;color:var(--ni-color)}
.chat-b.client{right:5%;top:8%;border-bottom-right-radius:4px}
.chat-b.agent{left:5%;bottom:10%;border-bottom-left-radius:4px;border-color:rgba(45,212,191,.45)}
.chat-b.agent .who{color:var(--teal)}
@keyframes popIn{from{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.typing{display:inline-flex;gap:4px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.2s}
.typing i:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.ifeats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ifeat.pay{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:var(--ghost-bg);font-size:.78rem;font-weight:600;opacity:0;transform:translateY(12px);transition:.5s}
.ifeat.pay.on{opacity:1;transform:translateY(0)}
.ifeat.pay img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.tw2::after{content:'';display:inline-block;width:2px;height:1em;background:var(--ni-color);vertical-align:-2px;margin-left:3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}