.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--pixel-card-active-color,transparent), transparent 85%);opacity:0;margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}
.tok-kw{color:#cf222e}.dark .tok-kw{color:#ff7b72}.tok-fn{color:#8250df}.dark .tok-fn{color:#d2a8ff}.tok-num{color:#0550ae}.dark .tok-num{color:#79b8ff}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hero-blink{50%{opacity:0}}@keyframes hero-float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-6px)}}@keyframes hero-marquee{to{transform:translate(-50%)}}.reveal{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards hero-fade-up}.marquee-track{animation:180s linear infinite hero-marquee}.marquee:hover .marquee-track{animation-play-state:paused}@supports (animation-timeline:view()){.reveal-scroll{animation:.7s cubic-bezier(.22,1,.36,1) both hero-fade-up;animation-timeline:view();animation-range:entry cover 28%}}.hero-grid{background-image:linear-gradient(color-mix(in oklab, var(--color-fd-border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--color-fd-border) 55%, transparent) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 25%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 0,#000 25%,#0000 80%)}.hero-outline{color:#0000;-webkit-text-stroke:2px var(--color-fd-foreground)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}}