.bar-chart-container{width:100%}.bar-chart-title{color:hsl(var(--muted-foreground));margin-bottom:1rem;font-size:1.125rem;font-weight:600}.bar-chart-bars{flex-direction:column;gap:.75rem;display:flex}.bar-chart-row{align-items:center;gap:.75rem;display:flex}.bar-chart-label{flex-shrink:0;width:8rem}@media (min-width:640px){.bar-chart-label{width:10rem}}.bar-chart-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.bar-chart-track{background:hsl(var(--muted)/.3);border-radius:9999px;flex:1;height:2rem;position:relative;overflow:hidden}.bar-chart-bar{border-radius:9999px;width:0;height:100%;transition:filter .15s;position:relative}.bar-chart-bar.bar-animated{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards bar-grow;animation-delay:var(--bar-delay,0s)}@keyframes bar-grow{0%{opacity:0;width:0}to{width:var(--bar-width);opacity:1}}.bar-fast{background:linear-gradient(90deg,hsl(var(--cyan))0%,hsl(var(--cyan)/.8)100%);box-shadow:0 0 12px hsl(var(--cyan)/.4)}.bar-medium{background:linear-gradient(90deg,hsl(var(--purple))0%,hsl(var(--purple)/.8)100%);box-shadow:0 0 12px hsl(var(--purple)/.3)}.bar-slow{background:linear-gradient(90deg,hsl(var(--diagram-orange))0%,hsl(var(--diagram-orange)/.8)100%);box-shadow:0 0 12px hsl(var(--diagram-orange)/.3)}.bar-chart-confidence{opacity:0;transition:opacity .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.bar-chart-row:hover .bar-chart-confidence{opacity:1}.bar-confidence-line{background:#ffffff80;border-radius:9999px;width:.25rem;height:1rem;display:block}.bar-chart-value{text-align:right;width:5rem;font-size:.875rem;font-family:var(--font-mono);color:hsl(var(--muted-foreground))}.bar-chart-scale{color:hsl(var(--muted-foreground));font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;margin-top:1rem;padding-left:8.75rem;padding-right:5.75rem;display:flex}@media (min-width:640px){.bar-chart-scale{padding-left:10.75rem}}.bar-chart-row:hover .bar-chart-bar{filter:brightness(1.1)}@media (prefers-reduced-motion:reduce){.bar-chart-bar.bar-animated{width:var(--bar-width);opacity:1;animation:none}}
.speed-comparison{flex-direction:column;gap:3rem;display:flex}.comparison-cards{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.comparison-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.comparison-cards{grid-template-columns:repeat(4,1fr)}}.comparison-card{background:hsl(var(--card)/.8);border:1px solid hsl(var(--purple)/.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.comparison-card:hover{border-color:hsl(var(--purple)/.4);box-shadow:0 10px 15px -3px hsl(var(--purple)/.1)}.comparison-card-content{text-align:center;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.comparison-icon-wrapper{background:hsl(var(--purple)/.1);border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.comparison-icon{width:1.5rem;height:1.5rem;color:hsl(var(--cyan))}.comparison-stat{background:linear-gradient(135deg,hsl(var(--cyan))0%,hsl(var(--purple))25%,#ff0 50%,hsl(var(--cyan))75%,hsl(var(--purple))100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.875rem;font-weight:700;animation:8s infinite holographic-shift}@keyframes holographic-shift{0%,to{background-position:0%}50%{background-position:100%}}.comparison-label{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:.875rem;font-weight:600}.comparison-description{color:hsl(var(--muted-foreground));font-size:.75rem}.technical-scale{background:hsl(var(--card)/.5);border:1px solid hsl(var(--purple)/.2);border-radius:.75rem;padding:1.5rem}.technical-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.technical-subtitle{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:.875rem}.scale-container{margin-top:1.5rem}.scale-track{background:linear-gradient(90deg,hsl(var(--cyan)/.3)0%,hsl(var(--purple)/.3)50%,hsl(var(--diagram-orange)/.3)100%);border-radius:9999px;height:.5rem;position:relative}.scale-point{position:absolute;top:50%;transform:translate(-50%,-50%)}.scale-marker{background:hsl(var(--muted-foreground));border:2px solid hsl(var(--card));border-radius:9999px;width:.75rem;height:.75rem}.scale-point-hologram .scale-marker{background:hsl(var(--cyan));width:1rem;height:1rem;box-shadow:0 0 12px hsl(var(--cyan)/.6);animation:2s ease-in-out infinite hologram-pulse}@keyframes hologram-pulse{0%,to{box-shadow:0 0 8px hsl(var(--cyan)/.4)}50%{box-shadow:0 0 16px hsl(var(--cyan)/.8)}}.scale-legend{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:1.25rem;display:flex}.legend-item{align-items:center;gap:.375rem;font-size:.75rem;display:flex}.legend-dot{background:hsl(var(--muted-foreground));border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.legend-item-hologram .legend-dot{background:hsl(var(--cyan));box-shadow:0 0 6px hsl(var(--cyan)/.5)}.legend-name{color:hsl(var(--muted-foreground))}.legend-time{font-family:var(--font-mono);color:hsl(var(--muted-foreground)/.7)}.legend-item-hologram .legend-name{color:hsl(var(--cyan));font-weight:600}.legend-item-hologram .legend-time{color:hsl(var(--cyan)/.9)}@media (prefers-reduced-motion:reduce){.comparison-stat,.scale-point-hologram .scale-marker{animation:none}}
.benchmark-card{cursor:pointer;background:hsl(var(--card)/.8);border:1px solid hsl(var(--purple)/.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.benchmark-card:hover{border-color:hsl(var(--purple)/.4);box-shadow:0 10px 15px -3px hsl(var(--purple)/.1)}.benchmark-card-expanded{border-color:hsl(var(--cyan)/.3)}.benchmark-card-content{padding:1rem}.benchmark-header{justify-content:space-between;align-items:center;display:flex}.benchmark-info{flex-direction:column;display:flex}.benchmark-name{font-size:.875rem;font-weight:500}.benchmark-category{color:hsl(var(--muted-foreground));text-transform:capitalize;font-size:.75rem}.benchmark-main-value{align-items:center;gap:.5rem;display:flex}.benchmark-time{font-family:var(--font-mono);color:hsl(var(--cyan));font-weight:600}.benchmark-expand-icon{color:hsl(var(--muted-foreground))}.benchmark-throughput-badge{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.throughput-item{color:hsl(var(--purple));background:hsl(var(--purple)/.1);border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.benchmark-throughput-details{background:hsl(var(--muted)/.3);border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.throughput-label{color:hsl(var(--muted-foreground));margin-bottom:.5rem;font-size:.75rem;display:block}.throughput-values{gap:1rem;display:flex}.throughput-detail{flex-direction:column;display:flex}.throughput-value{font-family:var(--font-mono);color:hsl(var(--purple));font-size:.875rem;font-weight:600}.throughput-unit{color:hsl(var(--muted-foreground));font-size:.75rem}.benchmark-details{border-top:1px solid hsl(var(--purple)/.2);margin-top:1rem;padding-top:1rem;animation:.2s ease-out details-expand}@keyframes details-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.benchmark-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.benchmark-stat{flex-direction:column;display:flex}.stat-label{color:hsl(var(--muted-foreground));font-size:.75rem}.stat-value{font-family:var(--font-mono);font-size:.875rem}.benchmark-ci{flex-direction:column;gap:.5rem;display:flex}.ci-label{color:hsl(var(--muted-foreground));font-size:.75rem;display:block}.ci-bar{padding:.5rem 0}.ci-range{align-items:center;gap:.5rem;display:flex}.ci-lower,.ci-upper{font-size:.75rem;font-family:var(--font-mono);color:hsl(var(--muted-foreground));width:4rem}.ci-lower{text-align:right}.ci-visual{flex:1}.ci-track{background:hsl(var(--muted)/.5);border-radius:9999px;height:.5rem;position:relative}.ci-fill{background:hsl(var(--purple)/.3);border-radius:9999px;position:absolute;inset:0 25%}.ci-mean-marker{background:hsl(var(--cyan));width:.5rem;height:.5rem;box-shadow:0 0 6px hsl(var(--cyan)/.6);border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ci-percent{color:hsl(var(--muted-foreground));text-align:right;font-size:.75rem;display:block}@media (prefers-reduced-motion:reduce){.benchmark-details{animation:none}}