.chat-demo{display:grid;gap:48px}.chat-demo--full{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}.chat .panel__body{display:grid;gap:18px;padding:18px 18px 16px}.chat__head{display:flex;align-items:center;gap:12px}.chat__replay{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-6px -8px -6px auto;padding:0 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:.8125rem;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.chat__replay:hover:not(:disabled){background:var(--accent-tint);color:var(--navy)}.chat__replay:disabled{opacity:0;cursor:default}.chat__avatar{width:40px;height:40px}.chat__name{display:block;color:var(--navy);font-size:.9375rem;font-weight:600;line-height:1.2}.chat__role{display:block;color:var(--faint);font-size:.75rem}.chat__contexts{display:flex;flex-wrap:wrap;gap:6px}.chat__thread{display:grid;gap:12px;align-content:start;min-height:172px}.chat__msg{max-width:88%;padding:12px 15px;font-size:.875rem;line-height:1.55;opacity:0;transform:translate3d(0,8px,0);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out),filter .42s var(--ease-out)}.chat__msg.is-in{opacity:1;transform:none}.chat__msg:not(.is-in){transition-duration:var(--dur-exit)}.chat__msg--user{justify-self:end;border-radius:14px 14px 4px;background:var(--accent);color:var(--on-accent)}.chat__msg--jim:not(.is-in){filter:blur(4px)}.chat__msg--jim{display:grid;gap:8px;justify-self:start;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--paper-pure);color:var(--text)}.chat__typing{display:flex;gap:4px;justify-self:start;height:0;padding:0 14px;overflow:hidden;opacity:0;transition:opacity .2s var(--ease-out)}.chat__typing.is-in{height:auto;padding-block:12px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--paper-pure);opacity:1}.chat__typing span{width:5px;height:5px;border-radius:50%;background:var(--faint);animation:chat-dot 1s var(--ease-in-out) infinite}.chat__typing span:nth-child(2){animation-delay:.15s}.chat__typing span:nth-child(3){animation-delay:.3s}@keyframes chat-dot{0%,to{opacity:.35}50%{opacity:1}}.chat__composer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper-pure);color:var(--faint);font-size:.8125rem}.chat__send{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.chat-demo--hero .chat__thread{min-height:128px}.trace{display:grid;gap:28px;padding-left:24px;border-left:1px solid var(--line-strong)}.trace__step{position:relative;display:grid;gap:6px;align-content:start;opacity:.35;transition:opacity .4s var(--ease-out);transition-delay:calc(var(--i) * .12s)}.trace__step.is-in{opacity:1}.trace__label{display:flex;gap:10px;color:var(--navy);font-size:var(--fs-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.trace__detail{max-width:30em;color:var(--muted);font-size:.875rem;line-height:1.5}@media(max-width:900px){.chat-demo--full{grid-template-columns:1fr}}.phone{--phone-radius: 44px;--phone-bezel: 7px;position:relative;width:100%;padding:var(--phone-bezel);border-radius:var(--phone-radius);background:var(--paper-pure);box-shadow:0 0 0 1px var(--line),0 30px 60px -30px #030f3047,0 8px 20px -12px #030f301f}.phone__screen{overflow:hidden;border-radius:calc(var(--phone-radius) - var(--phone-bezel));background:var(--paper)}.phone__screen img{display:block;width:100%;height:auto}.phone--cropped{padding-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent)}.phone--cropped .phone__screen{border-bottom-left-radius:0;border-bottom-right-radius:0}