.demo-hero{padding:clamp(110px,18vh,190px) var(--page-margin) clamp(20px,4vh,44px);max-width:780px}.demo-status{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.demo-hero__title{margin:18px 0 0;font-family:var(--font-mono);font-weight:400;font-size:clamp(2rem,1rem + 4vw,4.4rem);line-height:1.04;letter-spacing:-.015em;max-width:16ch}.demo-honest{margin:clamp(20px,3vw,30px) 0 0;padding:16px 18px;border:1px solid var(--hairline);border-radius:2px;max-width:62ch}.demo-honest__label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.demo-honest p{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-dim)}.demo-honest strong{color:var(--text);font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex:none;transition:transform .55s var(--ease-out-expo),background .55s ease,box-shadow .55s ease}html.pulse-on .live-dot{transform:scale(1.4);background:#fff;box-shadow:0 0 8px 1px #ffffff73;transition:transform .13s ease-out,background .13s ease-out,box-shadow .13s ease-out}.demo-chat{padding:clamp(20px,4vh,48px) var(--page-margin) clamp(60px,10vh,120px);max-width:820px}.picker-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.picker-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.chip{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--text-dim);background:none;border:1px solid var(--hairline);border-radius:999px;padding:8px 14px;transition:color .2s ease,border-color .2s ease,background .2s ease}.chip:hover{color:var(--text);border-color:var(--hairline-strong)}.chip[aria-pressed=true]{color:#000;background:#fff;border-color:#fff}.chat-panel{border:1px solid var(--hairline);border-radius:3px;background:#ffffff04;overflow:hidden}.chat-title{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-dim)}.chat-title-text{flex:1}.chat-new{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-dim);background:none;border:0;padding:4px 2px;transition:color .2s ease}.chat-new:hover{color:var(--text)}.chat-log{display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:52vh;overflow-y:auto;padding:20px 18px}.chat-log:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.msg{max-width:78%;padding:11px 15px;border-radius:3px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.msg.user{align-self:flex-end;background:#fff;color:#000}.msg.bot{align-self:flex-start;background:#ffffff0f;color:var(--text);border:1px solid var(--hairline)}.msg.error{align-self:flex-start;max-width:78%;background:none;border:1px solid var(--hairline-strong);color:var(--text-dim);display:flex;flex-direction:column;gap:10px}.retry-btn{align-self:flex-start;font-family:var(--font-mono);font-size:12px;color:var(--text);background:none;border:1px solid var(--hairline-strong);border-radius:999px;padding:6px 14px;transition:background .2s ease}.retry-btn:hover{background:#ffffff14}.msg.typing{padding:13px 16px}.dots{display:inline-flex;gap:5px;align-items:center}.dots span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);transform:scale(.5);opacity:.4;transition:transform .5s var(--ease-out-expo),opacity .5s var(--ease-out-expo)}html.pulse-on .dots span{transform:scale(1);opacity:1;transition:transform .13s ease-out,opacity .13s ease-out}html.pulse-on .dots span:nth-child(2){transition-delay:.06s}html.pulse-on .dots span:nth-child(3){transition-delay:.12s}.quick-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px}.quick-row:not(:empty){padding-top:14px}.chat-input-row{display:flex;gap:10px;padding:16px 18px;border-top:1px solid var(--hairline)}.chat-input{flex:1;font-family:var(--font-sans);font-size:.95rem;color:var(--text);background:none;border:1px solid var(--hairline);border-radius:2px;padding:11px 14px;transition:border-color .2s ease}.chat-input::placeholder{color:var(--text-faint)}.chat-input:focus-visible{border-color:var(--hairline-strong)}.chat-input:disabled{opacity:.5}.chat-send{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#000;background:#fff;border:1px solid #fff;border-radius:2px;padding:0 20px;transition:opacity .2s ease}.chat-send:disabled{opacity:.4}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-after{padding:0 var(--page-margin) clamp(60px,10vh,110px);max-width:900px}.after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.after-col{background:#000;padding:clamp(20px,3vw,34px)}.after-col__label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.after-col p{margin:0;font-size:.98rem;line-height:1.55;color:var(--text-dim)}@media(max-width:680px){.after-grid{grid-template-columns:1fr}.msg{max-width:88%}}