.gen-demo{width:100%;max-width:560px;margin:0 auto}.gen-images{position:relative;aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:0 20px 50px -12px #00000026,0 8px 20px -8px #0000001a}.gen-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gen-layer{opacity:0}.gen-layer-1{z-index:1;animation:l1 24s infinite}.gen-layer-2{z-index:2;animation:l2 24s infinite}.gen-layer-3{z-index:3;animation:l3 24s infinite}.gen-layer-4{z-index:4;animation:l4 24s infinite}.gen-layer-5{z-index:5;animation:l5 24s infinite}.gen-layer-6{z-index:6;animation:l6 24s infinite}@keyframes l1{0%,9.9%{opacity:0}10%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes l2{0%,23.9%{opacity:0}24%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes l3{0%,37.9%{opacity:0}38%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes l4{0%,51.9%{opacity:0}52%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes l5{0%,65.9%{opacity:0}66%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes l6{0%,79.9%{opacity:0}80%{opacity:1}93%{opacity:1}97%{opacity:0}to{opacity:0}}.gen-flash{position:absolute;inset:0;background:#ffffff59;opacity:0;z-index:8;pointer-events:none;animation:flash 24s infinite}@keyframes flash{0%,9.5%{opacity:0}10%{opacity:1}12%{opacity:0}23.5%{opacity:0}24%{opacity:1}26%{opacity:0}37.5%{opacity:0}38%{opacity:1}40%{opacity:0}51.5%{opacity:0}52%{opacity:1}54%{opacity:0}65.5%{opacity:0}66%{opacity:1}68%{opacity:0}79.5%{opacity:0}80%{opacity:1}82%{opacity:0}to{opacity:0}}.gen-cursor{position:absolute;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:cursor-wander 24s cubic-bezier(.4,0,.2,1) infinite}@keyframes cursor-wander{0%{top:35%;left:55%}5%{top:38%;left:50%}9%{top:45%;left:40%}10%{top:47%;left:40.5%}11%{top:45%;left:40%}16%{top:38%;left:55%}23%{top:32%;left:62%}24%{top:34%;left:62.5%}25%{top:32%;left:62%}30%{top:50%;left:45%}37%{top:58%;left:48%}38%{top:60%;left:48.5%}39%{top:58%;left:48%}44%{top:35%;left:58%}51%{top:42%;left:50%}52%{top:44%;left:50.5%}53%{top:42%;left:50%}58%{top:55%;left:38%}65%{top:48%;left:35%}66%{top:50%;left:35.5%}67%{top:48%;left:35%}73%{top:32%;left:52%}79%{top:38%;left:55%}80%{top:40%;left:55.5%}81%{top:38%;left:55%}90%{top:40%;left:50%}95%{top:38%;left:52%}to{top:35%;left:55%}}.cursor-ring{position:absolute;top:-4px;left:0;width:28px;height:28px;border:2px solid rgba(43,92,151,.5);border-radius:50%;transform:translate(-10px,-10px) scale(0);opacity:0;animation:ring-all 24s infinite}@keyframes ring-all{0%,9.5%{transform:translate(-10px,-10px) scale(0);opacity:0}10%{transform:translate(-10px,-10px) scale(.4);opacity:1}12%{transform:translate(-10px,-10px) scale(1.5);opacity:0}23.5%{transform:translate(-10px,-10px) scale(0);opacity:0}24%{transform:translate(-10px,-10px) scale(.4);opacity:1}26%{transform:translate(-10px,-10px) scale(1.5);opacity:0}37.5%{transform:translate(-10px,-10px) scale(0);opacity:0}38%{transform:translate(-10px,-10px) scale(.4);opacity:1}40%{transform:translate(-10px,-10px) scale(1.5);opacity:0}51.5%{transform:translate(-10px,-10px) scale(0);opacity:0}52%{transform:translate(-10px,-10px) scale(.4);opacity:1}54%{transform:translate(-10px,-10px) scale(1.5);opacity:0}65.5%{transform:translate(-10px,-10px) scale(0);opacity:0}66%{transform:translate(-10px,-10px) scale(.4);opacity:1}68%{transform:translate(-10px,-10px) scale(1.5);opacity:0}79.5%{transform:translate(-10px,-10px) scale(0);opacity:0}80%{transform:translate(-10px,-10px) scale(.4);opacity:1}82%{transform:translate(-10px,-10px) scale(1.5);opacity:0}to{transform:translate(-10px,-10px) scale(0);opacity:0}}@media(prefers-reduced-motion:reduce){.gen-layer{animation:none!important}.gen-layer-1{opacity:1}.gen-flash{animation:none!important}.gen-cursor{display:none}}.cases-scroller[data-astro-cid-3s7ypm6m]{scrollbar-width:none}.cases-scroller[data-astro-cid-3s7ypm6m]::-webkit-scrollbar{display:none}.gen-card-animation[data-astro-cid-3s7ypm6m]{position:absolute;inset:0}.gen-card-animation[data-astro-cid-3s7ypm6m] .gen-demo{max-width:none;width:100%;height:100%;margin:0}.gen-card-animation[data-astro-cid-3s7ypm6m] .gen-images{aspect-ratio:auto;width:100%;height:100%;border-radius:0;box-shadow:none}.transition-image-before[data-astro-cid-3s7ypm6m],.transition-image-after[data-astro-cid-3s7ypm6m]{animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.transition-image-before[data-astro-cid-3s7ypm6m]{animation-name:fadeOutIn}.transition-image-after[data-astro-cid-3s7ypm6m]{animation-name:fadeInOut}@keyframes fadeOutIn{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.carousel-image[data-astro-cid-3s7ypm6m]{opacity:0;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.carousel-image-0[data-astro-cid-3s7ypm6m]{animation-name:carousel2-0}.carousel-image-1[data-astro-cid-3s7ypm6m]{animation-name:carousel2-1}@keyframes carousel2-0{0%,40%{opacity:1}50%,to{opacity:0}}@keyframes carousel2-1{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.social-pulse[data-astro-cid-3s7ypm6m]{animation:pulse-icon 3s ease-in-out infinite}.social-ring[data-astro-cid-3s7ypm6m]{animation:ring-expand 3s ease-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}}@keyframes ring-expand{0%{transform:scale(1);opacity:.5}50%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:0}}.social-row[data-astro-cid-3s7ypm6m]{opacity:0;transform:translateY(8px);animation:rowAppear 3s ease-out infinite}.social-row[data-astro-cid-3s7ypm6m] .social-status[data-astro-cid-3s7ypm6m]{opacity:0;transform:scale(0);animation:statusPop 3s ease-out infinite}.social-row-1[data-astro-cid-3s7ypm6m],.social-row-1[data-astro-cid-3s7ypm6m] .social-status[data-astro-cid-3s7ypm6m]{animation-delay:.3s}.social-row-2[data-astro-cid-3s7ypm6m],.social-row-2[data-astro-cid-3s7ypm6m] .social-status[data-astro-cid-3s7ypm6m]{animation-delay:.55s}.social-row-3[data-astro-cid-3s7ypm6m],.social-row-3[data-astro-cid-3s7ypm6m] .social-status[data-astro-cid-3s7ypm6m]{animation-delay:.8s}@keyframes rowAppear{0%,5%{opacity:0;transform:translateY(8px)}15%,75%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(0)}}@keyframes statusPop{0%,20%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.2)}35%,75%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(.8)}}