@keyframes cn-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes cn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cn-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cn-word{0%{opacity:0;filter:blur(4px);transform:translateY(.35em)}to{opacity:1;filter:none;transform:none}}@keyframes cn-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cn-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes cn-beat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both cn-reveal;animation-timeline:view();animation-range:entry entry 35%}}.float-slow{animation:6s ease-in-out infinite cn-float}.float-slower{animation:8s ease-in-out -3s infinite cn-float}.marquee{animation:40s linear infinite cn-marquee}.marquee-wrap:hover .marquee{animation-play-state:paused}.word-in{animation:cn-word .5s var(--ease-out-soft) both}.step-progress{transform-origin:0;animation:linear forwards cn-progress}.pop-in{animation:cn-pop .6s var(--ease-out-soft) both}.heartbeat{animation:1.6s ease-in-out infinite cn-beat;display:inline-block}}.spotlight{isolation:isolate;position:relative}.spotlight:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #16b36429, transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.bg-grid{background-image:linear-gradient(90deg,#0b12200f 1px,#0000 1px),linear-gradient(#0b12200f 1px,#0000 1px);background-size:48px 48px}.bg-grid-light{background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:40px 40px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bg-grid{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px)}}.mask-fade-y{-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 100%)}.mask-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}