.demo-page{gap:2.5rem;width:min(900px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem;display:grid}.demo-header{text-align:center;gap:.75rem;display:grid}.demo-header h1{font-size:clamp(1.8rem,4vw,2.8rem)}.demo-header h1 span{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.demo-sub{color:var(--muted);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.65}.demo-video-wrap{width:100%}.demo-video-placeholder{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.demo-video-placeholder:before{content:"";pointer-events:none;background:radial-gradient(60% 50%,#6c8fff12 0%,#0000 70%);position:absolute;inset:0}.demo-video-inner{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.demo-play-btn{width:72px;height:72px;color:var(--accent);background:#7b9fff1f;border:1px solid #7b9fff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.demo-video-label{color:var(--muted);font-size:1rem;font-weight:500}.demo-video-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#7b9fff1a;border:1px solid #7b9fff33;border-radius:999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.demo-section-head{gap:.4rem;display:grid}.demo-section-head h2{font-size:clamp(1.3rem,3vw,1.8rem)}.demo-selector{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.demo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text);align-items:center;gap:.85rem;padding:1.1rem 1.2rem;transition:border-color .18s,transform .18s,background .18s;display:flex}.demo-card:hover{border-color:var(--card-accent,var(--accent));background:var(--surface-2);transform:translateY(-2px)}.demo-card--active{border-color:var(--card-accent,var(--accent));background:var(--surface-2);box-shadow:0 0 0 1px var(--card-accent,var(--accent)), 0 4px 20px #00000040}.demo-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.demo-card-label{font-size:.95rem;font-weight:600}.demo-card-industry{color:var(--muted);margin-top:.1rem;font-size:.75rem}.demo-chat{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-rows:auto 1fr auto auto auto;min-height:480px;display:grid;overflow:hidden}.demo-chat-header{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.demo-chat-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.demo-chat-name{font-size:.95rem;font-weight:600}.demo-chat-desc{color:var(--muted);margin-top:.1rem;font-size:.75rem}.demo-live-badge{color:#4ade80;letter-spacing:.05em;flex-shrink:0;margin-left:auto;font-size:.72rem;font-weight:600}.demo-transcript{flex-direction:column;gap:.75rem;min-height:200px;max-height:340px;padding:1.2rem 1.4rem;display:flex;overflow-y:auto}.demo-bubble{white-space:pre-wrap;border-radius:14px;max-width:78%;padding:.7rem 1rem;font-size:.88rem;line-height:1.55}.demo-bubble--assistant{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.demo-bubble--user{background:linear-gradient(135deg, var(--chat-accent,var(--accent)), var(--accent-2));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.demo-status{color:var(--muted);align-self:flex-start;padding:0 .25rem;font-size:.78rem;font-style:italic}.demo-starters{flex-wrap:wrap;gap:.5rem;padding:0 1.4rem .75rem;display:flex}.demo-starter{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.45rem .85rem;font-size:.78rem;transition:border-color .15s,color .15s}.demo-starter:hover{border-color:var(--chat-accent,var(--accent));color:var(--text)}.demo-input-row{border-top:1px solid var(--border);background:var(--surface-2);align-items:flex-end;gap:.6rem;padding:.9rem 1.2rem;display:flex}.demo-input{background:var(--surface);border:1px solid var(--border);color:var(--text);resize:none;border-radius:10px;flex:1;padding:.65rem .9rem;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .15s}.demo-input:focus{border-color:var(--chat-accent,var(--accent));outline:none}.demo-input::placeholder{color:var(--muted)}.demo-send{background:linear-gradient(135deg, var(--chat-accent,var(--accent)), var(--accent-2));cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .15s,transform .15s;display:flex}.demo-send:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.demo-send:disabled{opacity:.4;cursor:not-allowed}.demo-send svg{stroke:#fff;width:15px;height:15px}.demo-placeholder{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--muted);padding:3rem;font-size:.95rem}.demo-cta{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--surface) 0%, var(--surface-2) 100%);gap:.85rem;padding:clamp(1.8rem,4vw,2.8rem);display:grid}.demo-cta h2{font-size:clamp(1.3rem,3vw,1.9rem)}.demo-cta p{color:var(--muted);max-width:480px;margin:0 auto;font-size:.95rem}.demo-cta-btns{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:.5rem;display:flex}