:root{--bg:#f6f8fb;--panel:#ffffff;--panel-2:#eef2f7;--grid:#e4e9f0;--border:#d5dde7;--text:#0f1720;--muted:#5a6675;--accent:#0d9a82;--accent-2:#2f7ff0;--danger:#e5484d;--warn:#c77d00;--good:#0e8f79;--onset:#e5484d;--cross:#0e8f79}:root[data-theme=dark]{--bg:#1e1e1e;--panel:#2d2d30;--panel-2:#252526;--grid:#3e3e42;--border:#3e3e42;--text:#e6edf3;--muted:#969696;--accent:#007acc;--accent-2:#007acc;--danger:#ff5c5c;--warn:#ffbf47;--good:#3794ff;--onset:#ff7a7a;--cross:#3794ff}html{color-scheme:light dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.wrap{max-width:1180px;margin:0 auto;padding:28px 24px 80px}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.grid{display:grid;grid-gap:16px;gap:16px}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.muted{color:var(--muted)}.brand-logo{height:34px;width:auto;display:block}.brand-logo--dark,:root[data-theme=dark] .brand-logo--light{display:none}:root[data-theme=dark] .brand-logo--dark{display:block}.kpi{font-size:30px;font-weight:700;letter-spacing:-.02em}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.dot{width:9px;height:9px;border-radius:3px;display:inline-block}button,select{font-family:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:13px;cursor:pointer}button.primary,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#05130f;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}.callout{border-left:3px solid var(--accent);background:var(--panel-2);padding:12px 14px;border-radius:0 8px 8px 0;font-size:13px}.divider{height:1px;background:var(--border);margin:8px 0}a{color:var(--accent-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes drawLine{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.wrap>footer,.wrap>header,.wrap>section{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both}.wrap>:first-child{animation-delay:.02s}.wrap>:nth-child(2){animation-delay:.1s}.wrap>:nth-child(3){animation-delay:.18s}.wrap>:nth-child(4){animation-delay:.26s}.wrap>:nth-child(5){animation-delay:.34s}.wrap>:nth-child(6){animation-delay:.42s}.kpi{animation:popIn .6s cubic-bezier(.22,1,.36,1) .32s both}.panel{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.panel:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px -12px rgba(0,0,0,.5)}.chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:drawLine 1.1s cubic-bezier(.4,0,.2,1) forwards}button,select{transition:border-color .16s ease,background .16s ease,transform .12s ease}button:active{transform:translateY(1px)}.brand-logo{transition:transform .2s ease,filter .2s ease}.brand-logo:hover{transform:scale(1.03)}.tag{transition:border-color .16s ease,color .16s ease}@media (prefers-reduced-motion:reduce){*,.chart-line,.kpi,.wrap>footer,.wrap>header,.wrap>section{animation:none!important;transition:none!important}.chart-line{stroke-dasharray:none;stroke-dashoffset:0}}