@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}body{width:100%;height:100%;margin:0}#root{width:100%;height:100%}.animate-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}.animate-on-scroll.delay-4{transition-delay:.4s}.animate-on-scroll.delay-5{transition-delay:.5s}.stagger-children>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.stagger-children.visible>:first-child{transition-delay:50ms}.stagger-children.visible>:nth-child(2){transition-delay:.1s}.stagger-children.visible>:nth-child(3){transition-delay:.15s}.stagger-children.visible>:nth-child(4){transition-delay:.2s}.stagger-children.visible>:nth-child(5){transition-delay:.25s}.stagger-children.visible>:nth-child(6){transition-delay:.3s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.noise-bg:before{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;position:absolute;inset:0}.gradient-mesh{background:radial-gradient(at 20%,#1a25a026 0%,#0000 50%),radial-gradient(at 80% 20%,#0097a71f 0%,#0000 50%),radial-gradient(at 50% 80%,#4f58c81a 0%,#0000 50%)}.screenshot-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.screenshot-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 60px #00000026}