:root{--hpc-font-cond:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--hpc-font-mono:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--hpc-surface:#F8FAFC;--hpc-ink:#0F172A;--hpc-ink-2:#64748B;--hpc-grid:#E2E8F0;--hpc-axis:#94A3B8;--hpc-o2:#38A1CE;--hpc-lac:#EA580C;--hpc-fat:#D97706;--hpc-z1:#94A3B8;--hpc-z2:#10B981;--hpc-z2a:#84CC16;--hpc-z3:#EAB308;--hpc-z4:#F97316;--hpc-z5:#DC2626}.hpc-chart{position:relative;width:100%;aspect-ratio:16/10}.hpc-chart canvas{display:block;width:100%;height:100%}.chart-panel{margin:var(--space-6) 0 0;background:var(--hpc-surface);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.chart-panel .hpc-chart{aspect-ratio:21/9}.chart-panel--narrow{max-width:880px;margin:0 auto var(--space-12)}.chart-panel--narrow .hpc-chart{aspect-ratio:2/1}.chart-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-200)}.chart-tab{font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);background:0 0;border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:color var(--transition-fast),background-color var(--transition-fast)}.chart-tabs::-webkit-scrollbar{display:none}.chart-tab:hover{color:var(--primary-dark)}.chart-tab[aria-selected=true]{color:var(--primary-dark);background:var(--primary-50);border-color:var(--primary-100)}.chart-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hpc-chart[hidden]{display:none}@media (max-width:1024px){.chart-panel .hpc-chart{aspect-ratio:16/9}}@media (max-width:640px){.chart-panel .hpc-chart,.chart-panel--narrow .hpc-chart{aspect-ratio:4/3.4}.chart-tabs{flex-wrap:nowrap;gap:var(--space-1);padding:var(--space-2)}.chart-tab{padding:var(--space-1) var(--space-2);font-size:.8125rem}}@media (max-width:400px){.chart-tab{font-size:.75rem;padding:var(--space-1) 6px}}.chart-panel--consulting{margin-top:0}.consulting-pricing--below{max-width:560px;margin:var(--space-8) auto 0}