.nxa{position:absolute;top:88px;right:14px;width:300px;height:561px;
  z-index:2;pointer-events:none}

/* ---- the figure -------------------------------------------------------- */
.nxa-fig{position:absolute;inset:0}
.nxa-fig img{position:absolute;top:0;right:0;width:100%;height:auto;
  -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 88%);
          mask-image:linear-gradient(180deg,#000 60%,transparent 88%)}

/* ---- the card: one line + CTA ------------------------------------------ */
.nxa-card{position:absolute;top:24%;right:calc(100% - 46px);left:auto;
  pointer-events:none;white-space:nowrap;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);
  border-radius:16px;border-bottom-right-radius:4px;padding:11px 14px 12px;
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  box-shadow:0 1px 0 rgba(255,255,255,.10) inset,0 16px 34px -22px rgba(0,0,0,.55)}
/* the tail: a small clipped square on the bubble's lower right, aimed at her
   shoulder, same glass so it reads as one shape */
.nxa-card::after{content:"";position:absolute;right:-7px;bottom:14px;
  width:14px;height:14px;transform:rotate(45deg);border-radius:3px;
  background:rgba(255,255,255,.09);
  border-top:1px solid rgba(255,255,255,.22);
  border-right:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%)}
.nxa-line{display:flex;align-items:center;gap:10px;white-space:nowrap}
.nxa-line b{font-family:var(--ui,system-ui);font-size:15.5px;font-weight:600;
  letter-spacing:-.01em;color:#fff}
.nxa-line b i{font-style:normal;
  background:var(--ember-ramp,linear-gradient(100deg,#c8102e,#e0563b 55%,#e8944b));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nxa-sub{display:block;margin-top:3px;font-family:var(--ui,system-ui);
  font-size:12px;font-weight:300;color:rgba(255,255,255,.75);white-space:nowrap}
.nxa-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;
  margin-top:9px;font-family:var(--ui,system-ui);font-size:12.5px;font-weight:500;
  color:#fff;text-decoration:none;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.42);border-radius:100px;padding:8px 16px;
  transition:background .3s ease,border-color .3s ease,color .3s ease}
.nxa-cta:hover{background:#fff;border-color:#fff;color:#0a1d33}
.nxa-cta .ar{transition:transform .3s ease}
.nxa-cta:hover .ar{transform:translateX(3px)}

/* ---- the voice: five bars breathing like a live mic --------------------- */
.nxa-wave{display:inline-flex;align-items:center;gap:2.5px;height:16px}
.nxa-wave i{width:2.5px;border-radius:2px;
  background:var(--ember-ramp,linear-gradient(180deg,#e8944b,#c8102e));
  animation:nxa-eq 1.1s ease-in-out infinite}
.nxa-wave i:nth-child(1){height:6px;animation-delay:0s}
.nxa-wave i:nth-child(2){height:12px;animation-delay:.18s}
.nxa-wave i:nth-child(3){height:16px;animation-delay:.36s}
.nxa-wave i:nth-child(4){height:10px;animation-delay:.54s}
.nxa-wave i:nth-child(5){height:5px;animation-delay:.72s}
@keyframes nxa-eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}

/* ---- fit and fold ------------------------------------------------------ */
@media(max-width:1279px){
  .nxa{width:266px;height:498px;top:104px}
  .nxa-card{left:-214px}
}
@media(max-width:1119px){.nxa{display:none}}
@media(prefers-reduced-motion:reduce){.nxa-wave i{animation:none}}