@keyframes scroll-preview{0%{transform:translateY(0)}50%{transform:translateY(-40%)}to{transform:translateY(0)}}.animate-scroll-preview{animation:20s ease-in-out infinite scroll-preview}.group:hover .animate-scroll-preview{animation-play-state:paused}.bg-code-bg{background-color:#1e1e1e}.bg-code-header{background-color:#2d2d2d}.border-code{border-color:#3e3e3e}.bg-code-btn{background-color:#3e3e3e}.hover\:bg-code-btn-hover:hover{background-color:#4e4e4e}.text-code-muted{color:#888}.text-code-text{color:#d4d4d4}.bg-chrome-red{background-color:#ff5f57}.bg-chrome-yellow{background-color:#febc2e}.bg-chrome-green{background-color:#28c840}@keyframes scroll-card-hover{0%{transform:translateY(0)}to{transform:translateY(-65%)}}.group:hover .animate-hover-scroll{animation:8s ease-in-out forwards scroll-card-hover}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #2563eb40}.scale-105,.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.object-cover{object-fit:cover}.object-top{object-position:top}.fill{width:100%;height:100%;position:absolute}.h-64{height:16rem}.inset-0{inset:0}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent,.to-transparent{--tw-gradient-to:transparent}.transition-opacity{transition-property:opacity;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.15s}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-primary{color:var(--primary)}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:col-span-1{grid-column:span 1/span 1}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.border-outline-variant\/20{border-color:#adb3b533}.border-y{border-top-width:1px;border-bottom-width:1px}.justify-center{justify-content:center}.py-16{padding-top:4rem;padding-bottom:4rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.inline-block{display:inline-block}.leading-\[1\.1\]{line-height:1.1}.mb-3{margin-bottom:.75rem}.block{display:block}.bg-surface-container{background-color:var(--surface-container)}.leading-relaxed{line-height:1.625}.max-w-4xl{max-width:896px}.max-w-2xl{max-width:672px}