.hero-plate{background:var(--color-paper)}.hero-fade{-webkit-mask-image:radial-gradient(135% 96% at 3% 110%,#0000 0% 27%,#000 82%);mask-image:radial-gradient(135% 96% at 3% 110%,#0000 0% 27%,#000 82%)}.hero-grid{opacity:.32;transform-origin:60% 45%;align-items:flex-start;gap:22px;width:2418px;margin-left:-1209px;display:flex;position:absolute;top:-140px;left:50%;transform:perspective(2200px)rotateX(8deg)rotate(7deg)}.hero-col{--tile-h:340px;--tile-gap:18px;--rows:5;--period:calc(var(--rows) * (var(--tile-h) + var(--tile-gap)));gap:var(--tile-gap);flex-direction:column;flex:none;display:flex}.hero-col-web{width:640px}.hero-col-iphone{width:210px}.hero-col-ipad{width:420px}.hero-tile{height:var(--tile-h);border-radius:var(--radius-lg);border:1px solid var(--color-hairline-strong);background:var(--color-paper);box-shadow:var(--shadow-edge);position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.hero-col{animation:apps-belt var(--belt-dur) linear var(--belt-delay) infinite;animation-direction:var(--belt-dir,normal);will-change:transform}.hero-col:first-child{--belt-dur:84s;--belt-delay:-13s}.hero-col:nth-child(2){--belt-dur:112s;--belt-delay:-41s;--belt-dir:reverse}.hero-col:nth-child(3){--belt-dur:70s;--belt-delay:-7s}.hero-col:nth-child(4){--belt-dur:98s;--belt-delay:-29s;--belt-dir:reverse}.hero-col:nth-child(5){--belt-dur:126s;--belt-delay:-19s}@keyframes apps-belt{to{transform:translateY(calc(-1 * var(--period)))}}@supports (mask-composite:intersect){.hero-grid{opacity:1}.hero-fade{-webkit-mask-composite:source-in, source-over, source-over, source-over, source-over;animation:54s ease-in-out infinite alternate apps-lens;-webkit-mask-image:radial-gradient(135% 96% at 3% 110%,#0000 0% 27%,#000 82%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),linear-gradient(#00000052,#00000052);mask-image:radial-gradient(135% 96% at 3% 110%,#0000 0% 27%,#000 82%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),radial-gradient(circle closest-side,#000 0 72%,#0000 100%),linear-gradient(#00000052,#00000052);-webkit-mask-position:0 0,14% 22%,19% 27%,11% 31%,0 0;mask-position:0 0,14% 22%,19% 27%,11% 31%,0 0;-webkit-mask-size:100% 100%,520px 520px,440px 440px,400px 400px,100% 100%;mask-size:100% 100%,520px 520px,440px 440px,400px 400px,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in,source-over,source-over,source-over,source-over;mask-composite:intersect,add,add,add,add}@keyframes apps-lens{0%{-webkit-mask-position:0 0,14% 22%,19% 27%,11% 31%,0 0;mask-position:0 0,14% 22%,19% 27%,11% 31%,0 0}20%{-webkit-mask-position:0 0,66% 28%,71% 35%,61% 23%,0 0;mask-position:0 0,66% 28%,71% 35%,61% 23%,0 0}40%{-webkit-mask-position:0 0,40% 60%,47% 55%,35% 67%,0 0;mask-position:0 0,40% 60%,47% 55%,35% 67%,0 0}60%{-webkit-mask-position:0 0,80% 66%,85% 73%,75% 59%,0 0;mask-position:0 0,80% 66%,85% 73%,75% 59%,0 0}80%{-webkit-mask-position:0 0,52% 18%,57% 13%,47% 25%,0 0;mask-position:0 0,52% 18%,57% 13%,47% 25%,0 0}to{-webkit-mask-position:0 0,22% 52%,29% 47%,17% 59%,0 0;mask-position:0 0,22% 52%,29% 47%,17% 59%,0 0}}}}