@property --pill-progress{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pill-count{syntax:"<integer>";inherits:true;initial-value:50}.progress-pills,.progress-pills *,.progress-pills :before,.progress-pills :after{box-sizing:border-box}.progress-pills{--progress-pill-width:clamp(22rem, 52vw, 35rem);width:var(--progress-pill-width);gap:calc(var(--progress-pill-width) * .065);display:grid}.progress-pill{--pill-progress:50%;--pill-count:50;--pill-accent:#ffb544;--pill-halo:#cf3c79;aspect-ratio:3.9;border-radius:calc(var(--progress-pill-width) * .058);color:#f8f7f4;counter-reset:progress-value var(--pill-count);isolation:isolate;background:#202022;border:1px solid #ffffff0a;grid-template-columns:minmax(0,1fr) 24%;align-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000001f}.progress-pill--model{--pill-progress:64%;--pill-count:64;--pill-accent:#ffbf45;--pill-halo:#d63378;animation:12s ease-in-out infinite model-progress}.progress-pill--agent{--pill-progress:41%;--pill-count:41;--pill-accent:#35e9f1;--pill-halo:#246ce8;animation:12s ease-in-out infinite agent-progress}.progress-pill--visual{--pill-progress:73%;--pill-count:73;--pill-accent:#72f68a;--pill-halo:#862de0;animation:12s ease-in-out infinite visual-progress}.progress-pill__fill,.progress-pill__edge{z-index:0;pointer-events:none;will-change:transform;position:absolute;inset:0}.progress-pill__fill{background:radial-gradient(circle at 91% 34%, color-mix(in srgb, var(--pill-accent) 34%, transparent), transparent 16%), radial-gradient(circle at 92% 74%, color-mix(in srgb, var(--pill-halo) 42%, transparent), transparent 18%), linear-gradient(90deg, color-mix(in srgb, var(--pill-halo) 12%, #19171d) 0%, color-mix(in srgb, var(--pill-halo) 16%, #19171d) 72%, color-mix(in srgb, var(--pill-halo) 28%, #1c1720) 88%, color-mix(in srgb, var(--pill-halo) 54%, #1c1720) 96%, var(--pill-accent) 100%);transform:translate3d(calc(var(--pill-progress) - 102%), 0, 0)}.progress-pill__fill:after{content:"";width:24%;height:140%;filter:blur(calc(var(--progress-pill-width) * .016));opacity:.58;background:repeating-linear-gradient(148deg,#0000 0 8%,#ffffff1a 9% 10%,#0000 11% 19%);position:absolute;top:-20%;right:-1%;transform:rotate(-7deg)}.progress-pill__edge{color:var(--pill-accent);transform:translate3d(calc(var(--pill-progress) - 10%), 0, 0)}.progress-pill__edge svg{transform-origin:50%;width:17%;height:100%;animation:1.8s cubic-bezier(.45,0,.55,1) infinite alternate edge-breathe;display:block;overflow:visible}.progress-pill--agent .progress-pill__edge svg{animation-duration:2.1s;animation-direction:alternate-reverse}.progress-pill--visual .progress-pill__edge svg{animation-duration:1.55s}.progress-pill__edge-fill{fill:currentColor;filter:blur(calc(var(--progress-pill-width) * .009));opacity:.12}.progress-pill__edge-glow,.progress-pill__edge-line{fill:none;stroke:currentColor;stroke-linecap:round;vector-effect:non-scaling-stroke}.progress-pill__edge-glow{stroke-width:calc(var(--progress-pill-width) * .023);filter:blur(calc(var(--progress-pill-width) * .014));opacity:.68}.progress-pill__edge-line{stroke-width:max(2px, calc(var(--progress-pill-width) * .006));filter:drop-shadow(0 0 .18rem color-mix(in srgb, var(--pill-accent) 72%, transparent))}.progress-pill__copy,.progress-pill__value{z-index:2;position:relative}.progress-pill__copy{min-width:0;padding-left:7.4%}.progress-pill__copy strong,.progress-pill__copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.progress-pill__copy strong{letter-spacing:-.045em;font-size:clamp(.7rem,1.45vw,1.04rem);font-weight:720;line-height:1.05}.progress-pill__copy span{color:#e9e7ec47;letter-spacing:.03em;margin-top:.34rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:clamp(.38rem,.72vw,.54rem);font-weight:650;line-height:1}.progress-pill__value{font-variant-numeric:tabular-nums;letter-spacing:-.07em;justify-self:end;padding-right:18%;font-size:clamp(1.7rem,4vw,2.9rem);font-weight:560;line-height:1}.progress-pill__value:after{content:counter(progress-value) "%"}@keyframes model-progress{0%,to{--pill-progress:60%;--pill-count:60}8%{--pill-progress:64%;--pill-count:64}16%{--pill-progress:51%;--pill-count:51}24%{--pill-progress:45%;--pill-count:45}32%{--pill-progress:51%;--pill-count:51}40%{--pill-progress:63%;--pill-count:63}50%{--pill-progress:33%;--pill-count:33}60%{--pill-progress:37%;--pill-count:37}70%{--pill-progress:30%;--pill-count:30}80%{--pill-progress:35%;--pill-count:35}90%{--pill-progress:45%;--pill-count:45}}@keyframes agent-progress{0%,to{--pill-progress:34%;--pill-count:34}8%{--pill-progress:41%;--pill-count:41}16%{--pill-progress:45%;--pill-count:45}24%{--pill-progress:39%;--pill-count:39}32%{--pill-progress:51%;--pill-count:51}40%{--pill-progress:33%;--pill-count:33}50%{--pill-progress:53%;--pill-count:53}60%{--pill-progress:42%;--pill-count:42}70%{--pill-progress:54%;--pill-count:54}80%{--pill-progress:41%;--pill-count:41}90%{--pill-progress:39%;--pill-count:39}}@keyframes visual-progress{0%,to{--pill-progress:71%;--pill-count:71}8%{--pill-progress:73%;--pill-count:73}16%{--pill-progress:64%;--pill-count:64}24%{--pill-progress:57%;--pill-count:57}32%{--pill-progress:25%;--pill-count:25}40%{--pill-progress:30%;--pill-count:30}50%{--pill-progress:37%;--pill-count:37}60%{--pill-progress:23%;--pill-count:23}70%{--pill-progress:36%;--pill-count:36}80%{--pill-progress:46%;--pill-count:46}90%{--pill-progress:47%;--pill-count:47}}@keyframes edge-breathe{0%{transform:translateY(-.6%)scaleY(.985)}to{transform:translateY(.6%)scaleY(1.018)}}@media (width<=620px){.progress-pills{--progress-pill-width:min(82vw, 25rem);gap:1rem}.progress-pill__copy strong{font-size:clamp(.62rem,3vw,.82rem)}.progress-pill__copy span{font-size:clamp(.34rem,1.6vw,.44rem)}.progress-pill__value{font-size:clamp(1.35rem,7vw,2rem)}}@media (prefers-reduced-motion:reduce){.progress-pill,.progress-pill__edge svg{animation-play-state:paused!important}}