body.demo-body{background:#eaf0ef;overflow-x:hidden}.demo-header{height:68px;background:var(--ink);color:white;display:flex;align-items:center;padding:0 22px;gap:22px;position:sticky;top:0;z-index:60}.demo-header .brand{color:white}.demo-header .brand svg{width:40px}.demo-header .demo-label{border-left:1px solid #38565b;padding-left:20px;color:#bcd0ce;font-size:.82rem}.demo-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.demo-grid{display:grid;grid-template-columns:248px minmax(0,1fr) 340px;min-height:calc(100vh - 68px)}.demo-sidebar{background:#fff;border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.workspace{padding:26px;min-width:0}.assistant-panel{background:#f8faf9;border-left:1px solid var(--line);position:sticky;top:68px;height:calc(100vh - 68px);display:flex;flex-direction:column}.scenario-select{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:white;color:var(--ink);font-weight:700}.side-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800;margin:23px 10px 8px}.side-nav{display:grid;gap:4px}.side-nav button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;color:#496160;font-weight:650}.side-nav button:hover,.side-nav button.active{background:var(--soft);color:var(--teal)}.demo-disclosure{margin-top:24px;padding:13px;border-radius:12px;background:#fff5df;color:#765225;font-size:.75rem}.workspace-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.workspace-top h1{margin:4px 0;font-size:1.8rem;letter-spacing:-.035em}.workspace-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric{padding:17px}.metric .label{font-size:.73rem;color:var(--muted);font-weight:700}.metric .value{font-size:1.4rem;font-weight:850;margin-top:4px}.workspace-card{padding:22px;margin-bottom:18px}.workspace-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.workspace-card-head h2{font-size:1.04rem;margin:0}.asset-hero{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center}.asset-art{width:120px;height:120px;border-radius:18px;background:linear-gradient(145deg,#183940,#3c7c79 60%,#c7a76a);position:relative;overflow:hidden}.asset-art::after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(255,255,255,.48);border-radius:50%;right:-20px;top:-10px}.asset-hero h2{font-size:1.35rem;margin:0 0 5px}.asset-meta{color:var(--muted);font-size:.85rem}.asset-actions{display:flex;flex-direction:column;gap:8px}.demo-timeline{position:relative;margin-left:12px}.demo-event{display:grid;grid-template-columns:20px 105px 1fr;gap:12px;padding:0 0 22px;position:relative}.demo-event::before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:1px;background:var(--line)}.demo-event:last-child::before{display:none}.event-node{width:13px;height:13px;border-radius:50%;background:white;border:3px solid var(--teal);margin-top:4px;z-index:1}.event-date{font-size:.75rem;color:var(--muted);padding-top:2px}.event-body{padding-bottom:2px}.event-body b{font-size:.88rem}.event-body p{margin:4px 0 7px;font-size:.8rem;color:var(--muted)}.evidence-grid,.service-grid,.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:white}.mini-card h3{font-size:.88rem;margin:9px 0 5px}.mini-card p{font-size:.77rem;color:var(--muted);margin:0}.mini-card .price{font-size:1.05rem;font-weight:850;color:var(--teal);margin-top:9px}.fraction-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fraction-box{border-radius:16px;padding:18px;background:#f6f8f7;border:1px solid var(--line)}.fraction-box strong{display:block;font-size:1.25rem}.bar{height:8px;background:#dce6e4;border-radius:999px;overflow:hidden;margin:11px 0}.bar i{display:block;height:100%;width:68%;background:var(--teal);border-radius:999px}.assistant-head{padding:20px;border-bottom:1px solid var(--line)}.assistant-head h2{margin:0;font-size:1rem}.assistant-head p{margin:4px 0 0;font-size:.75rem;color:var(--muted)}.assistant-messages{padding:16px;overflow:auto;flex:1}.message{padding:12px 13px;border-radius:14px;margin:0 0 12px;font-size:.82rem}.message.system{background:white;border:1px solid var(--line)}.message.user{background:var(--ink);color:white;margin-left:32px}.message.result{background:var(--soft);border:1px solid #c4d9d5}.assistant-form{padding:16px;border-top:1px solid var(--line);background:white}.assistant-form textarea{width:100%;min-height:104px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink)}.assistant-form .button{width:100%;margin-top:9px}.tool-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.73rem;color:var(--muted)}.switch{display:inline-flex;align-items:center;gap:8px}.switch input{accent-color:var(--teal)}.empty{padding:50px;text-align:center;color:var(--muted)}.mobile-assistant-toggle{display:none}
@media(max-width:1120px){.demo-grid{grid-template-columns:220px 1fr}.assistant-panel{position:fixed;right:0;top:68px;width:340px;z-index:55;transform:translateX(100%);transition:.2s}.assistant-panel.open{transform:none;box-shadow:-20px 0 50px rgba(18,44,51,.18)}.mobile-assistant-toggle{display:inline-flex}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.demo-header .demo-label{display:none}.demo-grid{grid-template-columns:1fr}.demo-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{display:flex;overflow:auto;padding-bottom:4px}.side-nav button{white-space:nowrap}.workspace{padding:16px}.workspace-top,.asset-hero{display:block}.workspace-actions{margin-top:12px;flex-wrap:wrap}.asset-art{margin-bottom:13px}.asset-actions{margin-top:15px;flex-direction:row}.metric-grid,.evidence-grid,.service-grid,.market-grid,.fraction-grid{grid-template-columns:1fr}.assistant-panel{width:min(100%,360px)}}
.demo-lang{min-width:52px}.portable-workspace .workspace-card-head{align-items:flex-start}.portable-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.portable-preview{min-height:330px;border-radius:18px;background:#15353c;color:white;padding:24px;position:relative;overflow:hidden}.portable-preview h3{font-family:Georgia,serif;font-size:1.55rem;margin:20px 0}.portable-graph{height:145px;position:relative}.portable-graph .pn{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--teal-bright);z-index:2}.portable-graph .pn.a{left:4%;top:67%}.portable-graph .pn.b{left:37%;top:14%;background:var(--gold)}.portable-graph .pn.c{right:31%;top:62%}.portable-graph .pn.d{right:4%;top:25%;background:white}.portable-graph .pl{position:absolute;height:2px;background:#678b89;transform-origin:left center}.portable-graph .pl.l1{left:8%;top:69%;width:40%;transform:rotate(-42deg)}.portable-graph .pl.l2{left:41%;top:27%;width:35%;transform:rotate(39deg)}.portable-graph .pl.l3{left:69%;top:65%;width:31%;transform:rotate(-39deg)}.portable-hash{position:absolute;left:24px;bottom:20px;font-family:ui-monospace,monospace;font-size:.68rem;color:#aec4c1}.portable-actions.vertical{display:grid;gap:10px}.portable-actions.vertical .button{width:100%}
@media(max-width:760px){.portable-demo-grid{grid-template-columns:1fr}.demo-header-actions .demo-lang{display:inline-flex}}