.demo{flex-direction:column;min-height:100%;display:flex}.demo__tag{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.demo__cta{background:var(--gold);color:#1a1405;border-radius:9px;flex:none;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none}.demo__cta:hover{filter:brightness(1.06)}.demo__cta--lg{text-align:center;margin-top:16px;padding:12px 16px;font-size:15px;display:block}.demo__main{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:0;padding:14px;display:grid}.demo__chartcol{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.demo__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:14px 16px 6px;display:flex}.demo__head h1{margin:0;font-size:20px}.demo__price{font:600 18px var(--mono)}.demo__price .is-up{color:var(--up)}.demo__price .is-down{color:var(--down)}.demo__bar{border-bottom:1px solid var(--line)}.demo__group{flex-wrap:wrap;gap:6px;display:flex}.demo__chart{flex:1;min-height:420px}.demo__legend{margin:0;padding:8px 16px 12px;font-size:12px}.demo__key{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin:0 5px 0 0;display:inline-block}.demo__key--gold{background:var(--gold)}.demo__key--cyan{background:var(--cyan);margin-left:12px}.demo__side{align-self:start;padding:18px}.demo__side h2{margin:0 0 8px;font-size:18px;line-height:1.3}.demo__list{gap:8px;margin:12px 0 0;padding-left:18px;display:grid}.demo__more{margin:14px 0 0;font-size:12.5px}.demo__more a{color:var(--cyan)}@media (max-width:900px){.demo__main{grid-template-columns:minmax(0,1fr)}.demo__chart{min-height:340px}}