@keyframes hero-marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hero-marquee-track-x{will-change:transform;width:max-content;animation:38s linear infinite hero-marquee-x}.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-frame{opacity:0;pointer-events:none;transform-origin:0 0;border:0;transition:opacity .35s}.hero-case-frame.is-loaded{opacity:1}.hero-case-placeholder{z-index:0}.hero-case-open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:0;background:#0a0e1ad9;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,opacity;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,.hero-case-frame,.hero-case-placeholder{transition:none!important}}