.demo-hero{background:#e9f0e7;border-bottom:1px solid #d7e3d8;padding:66px 0 54px}.demo-hero>.container{display:flex;justify-content:space-between;align-items:end;gap:25px}.demo-hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.065em;color:var(--forest);line-height:1.04;margin:18px 0}.demo-hero p{color:#617369;margin:0}.sim-badge{display:inline-flex;align-items:center;gap:8px;background:#e4f4e9;border:1px solid #a9d6b6;border-radius:50px;color:#2f6b47;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.sim-badge span{width:6px;height:6px;border-radius:50%;background:#55a46d}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding-top:34px;padding-bottom:100px;align-items:start}.demo-main{min-width:0;display:grid;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-width:0;display:flex;flex-direction:column}.kpi>svg{color:#63846d;width:18px;height:18px;margin-bottom:16px}.kpi span{font-size:12px;color:#65766a}.kpi strong{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.055em;color:var(--forest);margin:5px 0}.kpi small{color:#87958a;font-size:10px;line-height:1.4}.kpi.alert>svg{color:#c88c3d}.assistant-panel,.demo-panel{background:white;border:1px solid var(--line);border-radius:15px}.demo-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading h2{font-size:20px;letter-spacing:-.04em;margin:7px 0 0}.panel-heading>span{font-size:12px;color:#6e7d71}.chart{display:grid;grid-template-columns:72px 1fr;gap:16px;height:240px;margin-top:26px}.chart-grid{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#8b978d;font-size:10px;padding-bottom:24px}.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;border-bottom:1px solid #dfe8df;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(50% - 1px),#edf2ec 50%);height:216px}.bar-col{display:flex;flex-direction:column;min-width:0;align-items:center}.bar-wrap{height:190px;width:100%;display:flex;align-items:end;justify-content:center}.bar{width:min(100%,44px);background:linear-gradient(180deg,#92c9a0,#3b7955);border-radius:5px 5px 0 0;transition:height .3s}.bar-col span{height:24px;padding-top:8px;color:#7b8b7e;font-size:10px}.provenance{font-size:11px;color:#829084;line-height:1.5;margin:18px 0 0}.table-controls{display:flex;justify-content:space-between;gap:10px;margin:24px 0 12px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce5dc;border-radius:8px;padding:0 11px;color:#819184;min-width:210px}.search input{border:0;outline:0;background:none;width:100%;height:37px;font-size:12px}.filter-group{display:flex;gap:4px;background:#f1f5ef;padding:3px;border-radius:8px}.filter-group button{border:0;background:none;color:#687a6d;border-radius:6px;padding:7px 10px;font-size:11px}.filter-group button[aria-pressed=true]{background:white;color:var(--forest);box-shadow:0 1px 4px #16382b14}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:590px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #edf1ec;font-size:11px}th{color:#839084;font-weight:650}td{color:#617267}td strong{display:block;color:#2c4035;font-size:12px}td small{display:block;margin-top:2px;color:#9ca89d}.status{display:inline-block;border-radius:30px;padding:5px 8px;background:#eaf5ec;color:#3e8052;font-size:10px;font-weight:650}.status.low{background:#fff1e4;color:#a96523}.empty{text-align:center;color:#708073;padding:20px}.assistant-panel{position:sticky;top:96px;overflow:hidden}.assistant-head{background:#193c35;color:#fff;display:flex;align-items:center;gap:12px;padding:20px}.assistant-icon{width:34px;height:34px;background:#36614d;border-radius:9px;display:grid;place-items:center;color:#c9f2d8}.assistant-head h2{font-size:14px;margin:0 0 3px}.assistant-head small{font-size:10px;color:#b7d0bf}.assistant-body{padding:20px}.assistant-body>p{font-size:12px;color:#6f7c71;line-height:1.6;margin:20px 0}.questions{display:grid;gap:8px}.questions button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;background:#f6f8f4;border:1px solid #e2eae1;border-radius:9px;padding:11px;font-size:11px;color:#385346}.questions button:hover,.questions button[aria-pressed=true]{background:#e7f2e7;border-color:#a9cbb0}.answer{background:#e9f5eb;border-radius:10px;padding:15px;margin-top:18px;overflow-wrap:anywhere}.answer p{font-size:12px;line-height:1.6;color:#264735;font-weight:590}.answer small{color:#5c7a62;font-size:10px;line-height:1.5;display:block}@media(max-width:1050px){.demo-layout{grid-template-columns:1fr}.assistant-panel{position:static}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.demo-hero>.container{align-items:start;flex-direction:column}.demo-layout{padding-top:20px}.kpi-grid{gap:8px}.kpi{padding:13px}.kpi strong{font-size:20px}.demo-panel{padding:17px}.chart{grid-template-columns:45px 1fr;gap:8px}.bars{gap:4px}.bar-col span{font-size:9px}.panel-heading>span{display:none}}