.hero-dot{background:#f0c94a;border-radius:9999px;position:absolute;box-shadow:0 0 6px #f0c94ab3}.hero-streaks{opacity:.65;position:absolute;inset:0}.hero-rail{will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.hero-rail[data-axis=x]{top:var(--trace-pos);width:100%;height:0;animation-name:hero-rail-x;left:0}.hero-rail[data-axis=y]{top:0;left:var(--trace-pos);width:0;height:100%;animation-name:hero-rail-y}.hero-trace{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--trace-color) 55%, transparent));position:absolute}.hero-trace:after{content:"";background:var(--trace-color);width:3px;height:3px;box-shadow:0 0 7px var(--trace-color);border-radius:9999px;position:absolute}[data-axis=x]>.hero-trace{width:var(--trace-len);background:linear-gradient(90deg, transparent, var(--trace-color));height:1px;top:-.5px;right:100%}[data-axis=x]>.hero-trace:after{top:-1px;right:-1.5px}[data-axis=y]>.hero-trace{width:1px;height:var(--trace-len);background:linear-gradient(180deg, transparent, var(--trace-color));bottom:100%;left:-.5px}[data-axis=y]>.hero-trace:after{bottom:-1.5px;left:-1px}.hero-motion[data-idle] .hero-rail{animation-play-state:paused}.hero-word{white-space:nowrap;display:inline-block}.hero-letter{transform-origin:50% 85%;animation:.7s cubic-bezier(.2,.8,.2,1) both hero-letter-in,.56s ease-in-out hero-letter-shine;animation-delay:calc(.12s + var(--i) * var(--hero-step)), calc(.39s + var(--i) * var(--hero-step));display:inline-block}.hero-title-sr{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.hero-streaks{display:none}.hero-letter{animation:none}}@keyframes hero-rail-x{0%{transform:translate(-12px)}to{transform:translateX(calc(100% + var(--trace-len) + 12px))}}@keyframes hero-rail-y{0%{transform:translateY(-12px)}to{transform:translateY(calc(100% + var(--trace-len) + 12px))}}@keyframes hero-letter-in{0%{opacity:.65;transform:perspective(650px)translate3d(0,12px,-24px)rotateX(-38deg)rotateY(8deg)}to{opacity:1;transform:none}}@keyframes hero-letter-shine{50%{text-shadow:0 0 14px #52b4ee8c,0 0 2px #dcf1ff80}}
