.demo-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.demo-nav__inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.demo-nav__back{font-size:.9375rem;color:var(--text-mute);text-decoration:none;transition:color .18s ease}.demo-nav__back:hover{color:var(--teal);text-decoration:none}.demo-nav__brand{font-weight:700;font-size:1rem;color:var(--text);text-decoration:none}.demo-nav__brand span{color:var(--teal)}.demo-nav__brand:hover{text-decoration:none}.demo-header{padding-block:3rem 2rem;text-align:center}.demo-header__title{font-size:clamp(1.75rem,5vw,2.75rem);margin-bottom:1rem;color:var(--text)}.demo-header__disclaimer{font-size:clamp(.9375rem,2vw,1.0625rem);color:var(--text-mute);max-width:52ch;margin-inline:auto;line-height:1.65}.demo-header__disclaimer strong{color:var(--text)}.demo-header__disclaimer a{color:var(--teal)}.demo-main{padding-block:2rem 3rem}.demo-wrap{max-width:64rem;margin-inline:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 32px #0006}.demo-wrap__chrome{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.demo-wrap__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border);flex-shrink:0}.demo-wrap__chrome-label{font-size:.8125rem;color:var(--text-mute);margin-left:.5rem}.demo-body{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:16rem;max-height:64vh;overflow-y:auto;scroll-behavior:smooth}.demo-ask{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface)}.demo-ask__hint{flex-basis:100%;margin:0 0 2px;font-size:12px;color:var(--text-mute)}.demo-ask__chip{font:inherit;font-size:13px;line-height:1.3;text-align:left;color:var(--text);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),transform .05s var(--ease)}.demo-ask__chip:hover{border-color:var(--teal);background:var(--surface-2)}.demo-ask__chip:active{transform:translateY(1px)}.demo-ask__chip:disabled{opacity:.5;cursor:default}.demo-ask__chip:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.demo-ask__done{font-size:13px;color:var(--text-mute)}.demo-ask__reset{font:inherit;font-size:13px;color:var(--teal);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.demo-cta-section{padding-block:3rem 4rem;background:var(--surface);border-top:1px solid var(--border);text-align:center}.demo-cta-section__inner{max-width:44rem;margin-inline:auto}.demo-cta-section__text{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text);margin-bottom:1.75rem;line-height:1.55}.demo-cta-section__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}#demo-body .msg{max-width:88%;padding:12px 15px;border-radius:16px;font-size:14.5px;opacity:0;transform:translateY(10px);animation:dmsg-rise .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes dmsg-rise{to{opacity:1;transform:none}}#demo-body .msg--user{align-self:flex-start;display:inline-block;background:var(--grad);color:#06171b;border-radius:12px;font-weight:600}#demo-body .msg--bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px}#demo-body .msg--bot.answer{align-self:stretch;max-width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:18px}#demo-body .msg--bot.thinking{color:var(--text-mute);display:inline-flex;gap:8px;align-items:center}#demo-body .dots span{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:var(--text-mute);animation:ddots-blink 1.2s infinite}#demo-body .dots span:nth-child(2){animation-delay:.2s}#demo-body .dots span:nth-child(3){animation-delay:.4s}@keyframes ddots-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}#demo-body .answer{width:100%;container-type:inline-size;container-name:answer}#demo-body .answer__kpis{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}#demo-body .answer__kpi{flex:1 1 130px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}#demo-body .answer__kpi b{display:block;font-size:20px;font-weight:700;color:var(--text)}#demo-body .answer__kpi span{font-size:11.5px;color:var(--text-mute)}#demo-body .answer__kpi .up{color:var(--green)}#demo-body .answer__kpi .down{color:var(--coral)}#demo-body .answer__note{margin-top:12px;font-size:13px;color:var(--text-soft);border-left:2px solid var(--teal);padding-left:10px;line-height:1.55}#demo-body .answer__note strong{color:var(--text)}#demo-body .chart{display:flex;align-items:flex-end;gap:clamp(5px,1.9cqi,10px);height:clamp(64px,22cqi,108px);padding:8px 4px 0}#demo-body .chart i{flex:1;border-radius:6px 6px 3px 3px;background:var(--grad);height:var(--h);opacity:0;transform:scaleY(.2);transform-origin:bottom;animation:dchart-grow .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--d, 0s)}@keyframes dchart-grow{to{opacity:1;transform:scaleY(1)}}#demo-body .wf{height:clamp(78px,25cqi,122px);gap:clamp(4px,1.7cqi,9px);padding:6px 2px 0;margin-bottom:clamp(30px,9.5cqi,48px)}#demo-body .wf__lbl{font-size:clamp(8px,2.3cqi,11px)}#demo-body .wf__val{position:absolute;left:-4px;right:-4px;text-align:center;font-size:clamp(8px,2.2cqi,10.5px);font-weight:600;color:var(--text);white-space:nowrap;pointer-events:none}#demo-body .lc,#demo-body .sm{display:block;width:100%;height:auto;margin-top:4px}#demo-body .lgnd{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:12px;color:var(--text-soft)}#demo-body .lgnd i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}#demo-body .dtable{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}#demo-body .dtable th{text-align:left;padding:7px 10px;border-bottom:2px solid var(--border);color:var(--text-mute);font-weight:600;font-size:12px}#demo-body .dtable td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text)}#demo-body .dtable .num{text-align:right;font-variant-numeric:tabular-nums}#demo-body .abc{display:inline-block;min-width:18px;text-align:center;padding:1px 6px;border-radius:6px;font-weight:700;font-size:11px;color:#06171b}#demo-body .abc--a{background:var(--green)}#demo-body .abc--b{background:var(--amber)}#demo-body .abc--c{background:var(--coral)}#demo-body .hbars{display:flex;flex-direction:column;gap:8px;margin-top:4px}#demo-body .hbar{display:grid;grid-template-columns:116px 1fr 104px;align-items:center;gap:10px;font-size:12.5px}#demo-body .hbar__lbl{color:var(--text-soft)}#demo-body .hbar__track{height:14px;border-radius:7px;background:var(--surface-2);overflow:hidden}#demo-body .hbar__track i{display:block;height:100%;width:var(--w);background:var(--grad);border-radius:7px;transform-origin:left;transform:scaleX(0);animation:hbar-grow .7s var(--ease) forwards}@keyframes hbar-grow{to{transform:scaleX(1)}}#demo-body .hbar__val{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}#demo-body .hbar--alert .hbar__track i{background:linear-gradient(90deg,var(--coral),#c63450)}#demo-body .hbar--alert .hbar__lbl{color:var(--coral);font-weight:600}@media(prefers-reduced-motion:reduce){#demo-body .msg{animation:none;opacity:1;transform:none}#demo-body .chart i{animation:none;opacity:1;transform:scaleY(1)}#demo-body .hbar__track i{animation:none;transform:scaleX(1)}#demo-body .dots span{animation:none;opacity:.6}}