:root{--demo-green:#008c68;--demo-ink:#233249}body{margin:0;background:#f5f7fb;color:var(--demo-ink);font:15px/1.5 system-ui,sans-serif}.demo-header{display:flex;align-items:center;gap:20px;padding:18px max(24px,calc((100vw - 1400px)/2));background:#fff;border-bottom:1px solid #e0e6ef;flex-wrap:wrap}.demo-brand{font-size:25px;font-weight:750;text-decoration:none;color:var(--demo-ink)}.demo-brand span{color:var(--demo-green)}.demo-readonly{font-size:12px;background:#e7f5f0;color:#006b50;border-radius:20px;padding:5px 12px}.demo-cta{margin-left:auto;background:var(--demo-green);color:#fff;border-radius:8px;text-decoration:none;padding:9px 16px}.demo-main{max-width:1450px;margin:auto;padding:30px 24px}.demo-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:25px}.demo-eyebrow{color:var(--demo-green);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}h1{font-size:32px;font-weight:750;margin:0 0 8px}h2{font-size:18px;font-weight:700;margin:0 0 18px}.demo-intro p,.demo-muted,.demo-date,.demo-footer{color:#62718a}.demo-date{font-size:13px;white-space:nowrap}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.demo-card{background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:22px;min-width:0}.demo-metrics span{display:block;color:#62718a;font-size:13px}.demo-metrics strong{display:block;font-size:26px;margin-top:9px}.demo-chart-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:20px}.demo-chart{height:280px}.demo-muted{font-size:12px;margin-top:-10px}.demo-section{margin-top:20px}.demo-footer{text-align:center;font-size:12px;padding:28px 12px}.demo-positive{color:#00835e}.demo-negative{color:#ce3e4a}.demo-ticker{font-size:12px;color:#6b7890}.demo-section td{padding-top:12px;padding-bottom:12px}.demo-section th{font-size:12px;color:#62718a;white-space:nowrap}.demo-section td:not(:first-child){white-space:nowrap}.demo-section .btn-phoenix-secondary{border:1px solid #dce4ef;background:#f5f7fb}.demo-section .nav-link{color:#008c68}.demo-section .nav-link.active{color:#233249}.demo-section summary{cursor:pointer}.demo-section .fs-5{font-size:1.4rem!important}@media(max-width:800px){.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-chart-grid{grid-template-columns:1fr}.demo-intro{display:block}.demo-date{white-space:normal}.demo-main{padding:24px 14px}.demo-header{padding:14px;gap:10px}.demo-brand{font-size:21px}.demo-cta{font-size:12px}.demo-metrics strong{font-size:21px}}@media(max-width:420px){.demo-readonly{order:3}.demo-card{padding:16px}.demo-metrics{gap:10px}.demo-metrics strong{font-size:18px}}