.demoMain{max-width:920px;margin:0 auto;padding:108px 20px 72px}.demoHead{text-align:center;margin-bottom:28px}.demoEyebrow{margin:0 0 8px;font-size:13px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}.demoTitle{margin:0 auto 12px;max-width:22ch;font-family:var(--font-display);font-size:clamp(30px,4.6vw,46px);font-weight:760;letter-spacing:-.035em;line-height:1.08;color:var(--text)}.demoSub{margin:0 auto;max-width:60ch;font-size:16.5px;line-height:1.6;color:var(--text-2)}.demoFrame{border:1px solid var(--border);border-radius:22px;background:var(--surface-1);box-shadow:0 30px 80px -40px rgba(12,24,48,.35),0 2px 8px rgba(12,24,48,.06);overflow:hidden}.demoBar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.demoDot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.demoBarTitle{margin-left:10px;font-size:12.5px;font-weight:600;color:var(--text-3)}.demoChat{min-height:280px;max-height:min(64vh,680px);overflow-y:auto;padding:22px 22px 8px;gap:18px}.demoChat,.demoTurn{display:flex;flex-direction:column}.demoTurn{gap:14px}.demoEmpty{flex:1;display:grid;place-items:center;min-height:220px;color:var(--text-3);font-size:14.5px}.demoActivity{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:13.5px}.demoSpinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(var(--blue-rgb),.25);border-top-color:var(--blue);animation:demoSpin .8s linear infinite}@keyframes demoSpin{to{transform:rotate(1turn)}}.demoPicker{padding:16px 22px 22px;border-top:1px solid var(--border-soft);background:var(--surface-1)}.demoPickerLabel{margin:0 0 10px;font-size:12.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.demoChips{display:flex;flex-wrap:wrap;gap:8px}.demoChip{padding:9px 14px;border-radius:var(--radius-pill);border:1px solid rgba(var(--blue-rgb),.28);background:rgba(var(--blue-rgb),.06);color:var(--blue);font-size:14px;font-weight:580;text-align:left;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}@media (hover:hover){.demoChip:hover:not(:disabled){background:rgba(var(--blue-rgb),.12);border-color:rgba(var(--blue-rgb),.5)}}.demoChip:disabled{opacity:.5;cursor:default}.demoDone{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14.5px;color:var(--text-2)}.demoDone p{margin:0}.demoCta{text-align:center;margin-top:56px}.demoCta h2{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(24px,3.4vw,32px);font-weight:740;letter-spacing:-.03em;color:var(--text)}.demoCta p{margin:0 auto;max-width:56ch;font-size:15.5px;line-height:1.6;color:var(--text-2)}.demoCtaBtns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.demoFine{margin-top:18px!important;font-size:12.5px!important;color:var(--text-3)!important}@media (max-width:600px){.demoMain{padding:92px 16px 56px}.demoChat{padding:16px 12px 8px;max-height:none}.demoPicker{padding:14px 12px 16px}.demoChip{width:100%}}