html{scroll-behavior:smooth}body{font-family:inter,sans-serif;overflow-x:hidden}.phone-mockup{perspective:1000px;transform-style:preserve-3d;margin-top:2rem;margin-bottom:2rem}.iphone-mockup{position:relative;width:280px;height:570px;background-color:#111;border-radius:50px;border:10px solid #1c1c1c;box-shadow:0 30px 60px -15px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.5);transform:rotateY(-10deg)rotateX(3deg)translateZ(20px);display:flex;justify-content:center;align-items:center;padding:2px}.iphone-notch{position:absolute;top:15px;width:130px;height:28px;background-color:#111;border-radius:20px;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-right:15px}.iphone-camera{width:8px;height:8px;background-color:#333;border-radius:50%}.iphone-screen{width:100%;height:100%;object-fit:cover;border-radius:40px}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%)}.testimonial-card{transition:all .3s ease}.testimonial-card:hover{transform:scale(1.03)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.1,.25,1)}.download-btn{transition:transform .2s ease,box-shadow .2s ease}.download-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px rgba(67,97,238,.5)}.nav-link-desktop::after{content:'';display:block;width:0;height:2px;background:#4361ee;transition:width .3s;margin-top:4px}.nav-link-desktop:hover::after{width:100%}#mobile-menu{transition:transform .3s ease-in-out}#mobile-menu.hidden{transform:translateX(100%)}.hamburger-icon .line{transition:all .3s ease-in-out}.hamburger-icon.open .line1{transform:rotate(45deg)translate(5px,5px)}.hamburger-icon.open .line2{opacity:0}.hamburger-icon.open .line3{transform:rotate(-45deg)translate(5px,-5px)}.gallery-scroll-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.gallery-scroll-container::-webkit-scrollbar{display:none}.gallery-scroll-content{display:flex;gap:1.5rem;padding:1rem 0;animation:scroll 30s linear infinite}.gallery-scroll-content:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.gallery-image{flex-shrink:0;transition:transform .3s ease}.gallery-image:hover{transform:scale(1.05)}