.home-demo{--demo-ink:#f3f0e7;--demo-muted:#a9b3c2;--demo-coral:#f0a07a;--demo-track:#1f3450;background:var(--navy);color:var(--demo-ink);box-shadow:10px 10px 0 var(--paper-warm);gap:18px;padding:26px 28px 22px;display:grid}.home-demo-head span{font:700 .68rem/1.5 var(--font-mono);letter-spacing:.12em;color:var(--demo-coral)}.home-demo-head h2{font:500 1.35rem/1.25 var(--font-serif);color:var(--demo-ink);margin:6px 0 0}.home-demo-value{border-bottom:1px solid var(--demo-track);gap:2px;padding-bottom:14px;display:grid}.home-demo-value>span{font:700 .68rem/1.5 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--demo-muted)}.home-demo-value strong{font:650 2.4rem/1.1 var(--font-mono);color:var(--demo-ink)}.home-demo-value small{color:var(--demo-muted);font-size:.8rem;line-height:1.5;display:grid}.home-demo-value small>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-demo-value strong,.home-demo-bars{transition:opacity .2s}.home-demo[aria-busy=true] .home-demo-value strong,.home-demo[aria-busy=true] .home-demo-bars{opacity:.55}.home-demo-value b{color:var(--demo-ink);font-weight:700}.home-demo-value b.up{color:#8fd6ad}.home-demo-value b.down{color:#f4a493}.home-demo-bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.home-demo-bars li{grid-template-columns:minmax(112px,168px) minmax(0,1fr) 68px;align-items:center;gap:12px;display:grid}.home-demo-bar-name{color:var(--demo-ink);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.25;display:-webkit-box;overflow:hidden}.home-demo-bar-track{background:var(--demo-track);height:10px}.home-demo-bar{background:var(--demo-coral);border-radius:0 4px 4px 0;height:100%;transition:width .35s;display:block}.home-demo-bar.negative{border:1px dashed var(--demo-coral);background:0 0}.home-demo-bar-value{font:650 .86rem var(--font-mono);text-align:right;color:var(--demo-ink)}.home-demo-control{gap:8px;padding-top:4px;display:grid}.home-demo-control>span:first-child{color:var(--demo-muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.home-demo-control b{font:700 .86rem var(--font-mono);color:var(--demo-coral)}.home-demo-control input{width:100%;accent-color:var(--demo-coral);cursor:pointer;margin:0}.home-demo-control input:focus-visible{outline:2px solid var(--demo-coral);outline-offset:4px}.home-demo-scale{font:600 .68rem var(--font-mono);color:var(--demo-muted);justify-content:space-between;display:flex}.home-demo-scale i{font-style:normal}.home-demo-foot{border-top:1px solid var(--demo-track);gap:10px;padding-top:12px;display:grid}.home-demo-foot small{min-height:3em;color:var(--demo-muted);font-size:.74rem;line-height:1.5}.home-demo-foot a,.home-demo-fallback a{color:var(--demo-coral);font-size:.86rem;font-weight:700;text-decoration:none}.home-demo-foot a:hover,.home-demo-fallback a:hover{text-decoration:underline}.home-demo a:focus-visible{outline-color:var(--demo-coral)}.home-demo-fallback p{color:var(--demo-muted);margin:0 0 8px}.home-demo-bar.holding{background:repeating-linear-gradient(135deg, var(--demo-coral) 0 6px, #c9825f 6px 10px)}.home-demo-control input:disabled{cursor:default;opacity:.5}.home-demo-main,.home-demo-side{align-content:start;gap:18px;min-width:0;display:grid}.home-demo-links{flex-wrap:wrap;gap:8px 24px;display:flex}.try-it-page,.try-it-report{box-shadow:none;border:1px solid var(--navy);margin:24px 0;padding:28px 32px 26px}.try-it-page .home-demo-bars li,.try-it-report .home-demo-bars li{grid-template-columns:minmax(140px,220px) minmax(0,1fr) 72px}@media (width>=900px){.try-it-page,.try-it-report{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px 0}.try-it-page .home-demo-head,.try-it-report .home-demo-head,.try-it-page .home-demo-fallback,.try-it-report .home-demo-fallback{grid-column:1/-1}.try-it-page .home-demo-main,.try-it-report .home-demo-main{padding-right:40px}.try-it-page .home-demo-side,.try-it-report .home-demo-side{border-left:1px solid var(--demo-track);gap:22px;padding-left:40px}.try-it-page .home-demo-foot,.try-it-report .home-demo-foot{border-top:0;padding-top:4px}}@media (width<=620px){.home-demo{box-shadow:6px 6px 0 var(--paper-warm);padding:22px 18px 18px}.home-demo-value strong{font-size:2rem}.home-demo-bars li,.try-it-page .home-demo-bars li,.try-it-report .home-demo-bars li{grid-template-columns:minmax(96px,128px) minmax(0,1fr) 60px;gap:10px}}