:root{--spectrum-gradient: linear-gradient( 90deg, #c679c4 0%, #fa3d1d 25%, #ffb005 50%, #e1e1fe 75%, #0358f7 100% )}.showcase-section-lazy{content-visibility:auto;contain-intrinsic-size:auto 600px}.showcase-scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.showcase-scrollbar-hide::-webkit-scrollbar{display:none}.showcase-letterbox{aspect-ratio:16 / 9}@media(min-width:768px){.showcase-letterbox{aspect-ratio:2.35 / 1}}.showcase-letterbox video{width:100%;height:100%;object-fit:cover}.showcase-fade-in{animation:showcaseFadeUp .9s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.showcase-delay-1{animation-delay:.25s}.showcase-delay-2{animation-delay:.6s}@keyframes showcaseFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-spectrum{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:min(94%,1100px);height:min(70%,520px);pointer-events:none;z-index:0;background:var(--spectrum-gradient);filter:blur(120px);opacity:.22}.dark .hero-spectrum{opacity:.12}.hero-mesh:before,.hero-mesh:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);animation:meshDrift 20s ease-in-out infinite alternate}.hero-mesh:before{width:700px;height:700px;top:-10%;right:-5%;background:radial-gradient(circle,rgba(198,121,196,.22) 0%,rgba(255,176,5,.15) 40%,transparent 70%)}.hero-mesh:after{width:600px;height:600px;bottom:0%;left:10%;background:radial-gradient(circle,rgba(3,88,247,.18) 0%,rgba(250,61,29,.1) 50%,transparent 70%);animation-delay:-10s;animation-duration:25s}.dark .hero-mesh:before{background:radial-gradient(circle,rgba(198,121,196,.05) 0%,rgba(255,176,5,.02) 40%,transparent 70%)}.dark .hero-mesh:after{background:radial-gradient(circle,rgba(3,88,247,.04) 0%,rgba(250,61,29,.01) 50%,transparent 70%)}@keyframes meshDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}to{transform:translate(15px,-10px) scale(1.02)}}.hero-media-card{box-shadow:0 0 0 1px #0000000f,0 25px 50px -12px #0000001f,0 0 80px -20px #0000000a;transition:box-shadow .4s ease}.hero-media-card:hover{box-shadow:0 0 0 1px #00000014,0 30px 60px -12px #0000002e,0 0 100px -20px #0000000f}.dark .hero-media-card{box-shadow:0 0 0 1px #ffffff0a,0 25px 50px -12px #0006,0 0 80px -20px #0000000f}.dark .hero-media-card:hover{box-shadow:0 0 0 1px #ffffff0f,0 30px 60px -12px #00000080,0 0 100px -20px #00000014}.hero-scroll-arrow{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:767px){.hero-mesh-mobile:before,.hero-mesh-mobile:after{filter:blur(60px)}.hero-mesh-mobile:before{width:300px;height:300px}.hero-mesh-mobile:after{width:250px;height:250px}}.hero-video-col{position:relative;height:100%;display:flex;flex-direction:row;align-items:center;gap:14px;padding:0 12px;flex-shrink:0}.hero-video-col-left{justify-content:flex-start}.hero-video-col-right{justify-content:flex-end}.hero-video-tile{flex-shrink:0;width:156px;aspect-ratio:9 / 16;height:auto;object-fit:cover;display:block;border-radius:14px;background:transparent;opacity:.95}.hero-video-col-left>.hero-video-tile:nth-child(2),.hero-video-col-right>.hero-video-tile:nth-child(1){width:192px}.dark .hero-video-tile{opacity:.88}.hero-video-col-left{-webkit-mask-image:linear-gradient(to right,black 0%,black 35%,transparent 95%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,black 0%,black 35%,transparent 95%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-composite:intersect}.hero-video-col-right{-webkit-mask-image:linear-gradient(to left,black 0%,black 35%,transparent 95%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,black 0%,black 35%,transparent 95%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-composite:intersect}@media(max-width:1279px){.hero-video-tile{width:124px}.hero-video-col-left>.hero-video-tile:nth-child(2),.hero-video-col-right>.hero-video-tile:nth-child(1){width:152px}}@media(max-width:1023px){.hero-video-col{gap:6px;padding:0 4px}.hero-video-tile{width:84px;border-radius:10px}.hero-video-col-left>.hero-video-tile:nth-child(2),.hero-video-col-right>.hero-video-tile:nth-child(1){width:104px}}@media(prefers-reduced-motion:reduce){.showcase-glow-bridge{display:none}}.showcase-tab-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.showcase-tab-scroll::-webkit-scrollbar{display:none}.logo-marquee-mask{mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);overflow:hidden}.logo-marquee-track{display:flex;width:max-content;animation:marqueeScroll 25s linear infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-marquee-mask:hover .logo-marquee-track{animation-play-state:paused}.walkthrough-progress-fill{width:0%;animation:walkthroughFill 2.5s ease-out forwards}@keyframes walkthroughFill{0%{width:0%}to{width:85%}}html.showcase-snap{scroll-snap-type:y proximity}.walkthrough-snap-zone{position:absolute;left:0;right:0;height:1px;pointer-events:none;visibility:hidden;scroll-snap-align:start;scroll-snap-stop:always}.hero-mesh.is-paused:before,.hero-mesh.is-paused:after,.is-paused .animated-gradient,.animated-gradient.is-paused{animation-play-state:paused}.showcase-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.035) 40%,rgba(0,0,0,.035) 60%,transparent 100%);background-size:200% 100%;animation:showcaseShimmer 1.4s ease-in-out infinite}.dark .showcase-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.04) 60%,transparent 100%);background-size:200% 100%}@keyframes showcaseShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.logo-marquee-track,.showcase-shimmer,.hero-mesh:before,.hero-mesh:after,.animated-gradient{animation:none!important}}
