.live-demo{padding-block:var(--section-space);background:#102d26}.live-demo-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:clamp(35px,7vw,110px);align-items:end}.live-demo-heading .scene-label{grid-column:1/-1}.live-demo-heading h2{margin:0;font-family:var(--display);font-size:clamp(44px,5.5vw,84px);font-weight:400;letter-spacing:-.06em;line-height:.92;text-transform:uppercase}.live-demo-heading>p:last-child{margin:0;color:#b7c5bc;font-size:18px;line-height:1.5}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px;background:#6f8178;border:2px solid #6f8178}.mode-picker button{display:flex;min-height:92px;gap:18px;align-items:center;padding:20px 24px;border:0;background:#e9dfd0;color:#101713;font-family:var(--display);font-size:22px;text-align:left;text-transform:uppercase;cursor:pointer}.mode-picker button:hover,.mode-picker button:focus-visible{background:var(--signal)}.mode-picker span{font-family:var(--mono);font-size:8px}.demo-chat{max-width:900px;margin:42px auto 0;overflow:hidden;border:2px solid #0b0e0c;border-radius:24px;background:#dfd8cd;box-shadow:18px 18px 0 rgba(0,0,0,.18)}.demo-chat-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#0b0e0c}.demo-chat-bar div{display:grid;gap:4px}.demo-chat-bar span{color:#68d5aa;font-family:var(--mono);font-size:8px}.demo-chat-bar strong{font-family:var(--display);font-size:19px;font-weight:400;text-transform:uppercase}.demo-chat-bar button{padding:10px 12px;border:1px solid #6f6f6a;background:transparent;color:#fff;font-family:var(--mono);font-size:8px;text-transform:uppercase;cursor:pointer}.demo-messages{display:grid;gap:12px;min-height:330px;max-height:480px;padding:24px;overflow:auto}.demo-message{max-width:78%;margin:0;padding:13px 15px;border-radius:4px 15px 15px;color:#172019;line-height:1.45}.demo-message--user{justify-self:end;background:#bde6c7}.demo-message--assistant{justify-self:start;background:#fff}.demo-message--system{justify-self:center;background:transparent;color:#565c57;font-family:var(--mono);font-size:9px;text-align:center}.demo-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #aaa49a;background:#f3ede4}.demo-composer input{min-width:0;padding:15px 16px;border:1px solid #948d82;background:#fff;font:inherit}.demo-composer button{padding:0 24px;border:0;background:var(--signal);color:var(--ink);font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;cursor:pointer}.demo-composer button:disabled,.demo-composer input:disabled{opacity:.55}.demo-disclaimer{margin:0;padding:0 16px 16px;background:#f3ede4;color:#5d5952;font-family:var(--mono);font-size:8px}.demo-typing{opacity:.55}.demo-error{color:#8b2415}@media(max-width:760px){.live-demo-heading,.mode-picker{grid-template-columns:1fr}.mode-picker button{min-height:70px}.demo-chat{border-radius:16px;box-shadow:8px 8px 0 rgba(0,0,0,.18)}.demo-message{max-width:90%}}@media(prefers-reduced-motion:reduce){.mode-picker button{transition:none}}