.phone-mockup{width:280px;height:560px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 2px #333,0 25px 60px #00000026,0 10px 30px #0000001a;margin:0 auto;position:relative}.phone-mockup-sm{width:220px;height:440px;border-radius:32px;padding:10px}.phone-mockup-sm:before{width:80px;height:22px;border-radius:0 0 12px 12px;top:10px}.phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;background:#f5f5f5}.phone-mockup-sm .phone-screen{border-radius:22px}.feature-card{border-radius:16px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media(min-width:640px){.feature-card{padding:1.5rem}}.feature-card{box-shadow:0 1px 3px #0000000a}.feature-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.feature-icon{display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:16px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.landing-fade-in{animation:landingFadeIn .8s ease-out both}.landing-delay-1{animation-delay:.1s}.landing-delay-2{animation-delay:.2s}.landing-delay-3{animation-delay:.3s}.landing-delay-4{animation-delay:.5s}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-float-1{animation:landingFloat 4s ease-in-out infinite}.landing-float-2{animation:landingFloat 4s ease-in-out infinite;animation-delay:1.5s}.landing-float-3{animation:landingFloat 4s ease-in-out infinite;animation-delay:3s}@keyframes landingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media(max-width:640px){.phone-mockup{width:240px;height:480px;border-radius:32px;padding:10px}.phone-mockup:before{width:80px;height:24px;border-radius:0 0 12px 12px;top:10px}.phone-screen{border-radius:22px}.phone-mockup-sm{width:180px;height:360px;border-radius:28px;padding:8px}.phone-mockup-sm:before{width:64px;height:18px;top:8px}.phone-mockup-sm .phone-screen{border-radius:20px}}@media(prefers-reduced-motion:reduce){.landing-fade-in,.landing-float-1,.landing-float-2,.landing-float-3{animation:none!important;opacity:1;transform:none}}