@keyframes hero-marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-breathe{0%,to{transform:translate(0)scale(1)}50%{transform:translate(0)scale(1.1)}}.hero-marquee-x-wrap{contain:layout paint}.hero-marquee-track-x{will-change:transform;backface-visibility:hidden;width:max-content;animation:38s linear infinite hero-marquee-x;transform:translate(0)}.hero-paused .hero-marquee-track-x,.hero-paused .hero-blob{animation-play-state:paused!important}.hero-marquee-x-wrap:hover .hero-marquee-track-x{animation-play-state:paused}.hero-marquee-mask-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.hero-case-card{width:min(400px,86vw);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.hero-case-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 16px 48px #4f46e533}.hero-live-preview{background:#fff}.hero-case-placeholder{z-index:0}.hero-case-open{color:#fff;opacity:0;background:#0a0e1aeb;transition:opacity .25s,transform .25s;transform:translateY(4px)}.hero-case-card:hover .hero-case-open{opacity:1;transform:translateY(0)}.hero-blob{will-change:transform;border-radius:9999px;animation:11s ease-in-out infinite hero-breathe}.hero-blob-b{animation-duration:14s;animation-delay:-2s}@media(prefers-reduced-motion:reduce){.hero-marquee-track-x,.hero-blob,.hero-blob-b{animation:none!important}.hero-case-card{transition:none!important}.hero-case-card:hover{transform:none}.hero-case-shot,.hero-case-open{transition:none!important}}