/* idem UNIVERSAL · the "What we do" stack · the scene "assistant" (7 Oct 2026). Loads after anim.css. Built into site/anim/ by build.mjs. */
/* the phone stands in the middle; when the file opens, the pair slides so both are in the middle */
.duo{display:flex;align-items:center;transform:translateX(187px);transition:transform .75s var(--ease)}
.duo.on{transform:none}
.phone{width:236px;height:348px}
.bub.me{max-width:88%}
.xact{opacity:0;transform:translateX(-14px);transition:opacity .5s var(--ease) .15s,transform .6s var(--ease) .15s}
.xact.on{opacity:1;transform:none}
.duo .conn{opacity:0;transition:opacity .3s}.duo.on .conn{opacity:1}

/* the file, opened: a small spreadsheet */
.xls{width:310px;padding:0;overflow:hidden}
.xh{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-bottom:1px solid var(--line)}
.xl{flex:none;width:24px;height:24px;border-radius:6px;background:#1d6f42;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.xh b{font-size:13px;font-weight:600;white-space:nowrap}
.sheet{display:grid;grid-template-columns:26px 1fr 96px;font-size:12px;line-height:26px}
.sheet span{height:26px;padding:0 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}
.sheet span:nth-child(3n){border-right:0;text-align:right;font-variant-numeric:tabular-nums}
.sheet span:nth-child(3n+1){padding:0;text-align:center;color:var(--dim);font-size:10px;background:rgba(255,255,255,.03)}
.sheet .h{color:var(--dim);font-size:10px;text-align:center!important;background:rgba(255,255,255,.03)}
.sheet .k{font-weight:600;color:var(--mut)}
.sheet .t{font-weight:600}
.sheet .c{opacity:0;transition:opacity .3s}
.xls.on .sheet .c,.xact.on .sheet .c{opacity:1}
.sheet .c.r2{transition-delay:.55s}.sheet .c.r3{transition-delay:.7s}.sheet .c.r4{transition-delay:.85s}.sheet .c.r5{transition-delay:1s}.sheet .c.r6{transition-delay:1.2s}
.xf{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:11px;line-height:14px;color:var(--mut)}
.xf i{flex:none;width:16px;height:16px;border-radius:50%;background:rgba(34,197,94,.16);display:grid;place-items:center}
.xf svg{width:9px;height:9px;fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

body.narrow .duo,body.narrow .duo.on{transform:none}
body.narrow .duo .conn{display:none}
body.narrow .phone{width:262px;height:309px}
body.narrow .hi{display:none}body.narrow .bub.ai{max-width:100%}body.narrow .bub.ai .tb{margin-top:0}
body.narrow .ft{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}body.narrow .ft .file,body.narrow .ft .mk{margin-top:0}
/* on a phone the file opens over the chat, from below */
body.narrow .xact{position:absolute;left:50%;bottom:2px;margin-left:-155px;transform:translateY(40px);z-index:4}
body.narrow .xact.on{transform:none}
body.narrow .xls{box-shadow:0 -10px 40px rgba(0,0,0,.7)}