.benchmark-page{--cpi-bg:#0a0e1a;--cpi-surface:#111827;--cpi-surface-hover:#1a2332;--cpi-border:#1e2a3a;--cpi-accent:#06d6a0;--cpi-accent-secondary:#f4a261;background-color:var(--cpi-bg)}.cpi-glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827cc;border:1px solid #06d6a014}.cpi-glass-card:hover{background:#1a2332d9;border-color:#06d6a026}.cpi-text-gradient{background:linear-gradient(135deg,#06d6a0,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cpi-score-bar{transition:width 1.2s cubic-bezier(.22,1,.36,1)}@keyframes cpi-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cpi-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.cpi-animate-in{animation:.4s ease-out forwards cpi-fade-in}.cpi-detail-expand{animation:.5s ease-out forwards cpi-expand;overflow:hidden}@media (prefers-reduced-motion:reduce){.cpi-animate-in,.cpi-detail-expand{opacity:1;max-height:none;animation:none;transform:none}.cpi-score-bar{transition:none}}