@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,system-ui,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.shimmer-bg{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:1000px 100%;animation:shimmer 3s infinite}.glass-effect{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.opacity-0{opacity:0}.iphone-frame{position:relative;height:min(800px,85vh);width:auto;aspect-ratio:375/812;background:#000;border-radius:55px;box-shadow:0 30px 60px #0006;border:8px solid #1a1a1a;margin:0 auto}.iphone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:10}.iphone-screen{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:white;border-radius:45px;overflow:hidden}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.bg-green-500{background-color:#22c55e}.bg-blue-600{background-color:#2563eb}.bg-pink-500{background-color:#ec4899}.ms-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;align-items:center;justify-items:center;perspective:1200px}.ms-card{position:relative;width:240px;height:520px;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s ease,filter .3s ease;will-change:transform,opacity,filter}.ms-card-active{opacity:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2));transform:translateZ(0) scale(1) rotateY(0)}.ms-card-inactive{opacity:.55;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12));transform:translate3d(-10px,0,-40px) scale(.95) rotateY(-6deg)}.ms-card:hover{opacity:1;transform:translate3d(0,-6px,0) scale(1.02) rotateY(0)}.ms-phone{position:relative;width:100%;height:100%;border-radius:36px;background:#0f172a;border:8px solid #0b1220;box-shadow:0 30px 60px #00000059;overflow:hidden;animation:msFloat 6s ease-in-out infinite}.ms-screen{position:absolute;top:8px;left:8px;right:8px;bottom:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;border-radius:28px;transform:translateZ(0)}@keyframes msFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@media (max-width: 1280px){.ms-track{grid-template-columns:repeat(3,1fr);gap:1.5rem}.ms-card{width:220px;height:480px}}@media (max-width: 768px){.ms-track{grid-template-columns:repeat(1,1fr);gap:1rem}.ms-card{width:200px;height:440px}}.ms-card:focus-within,.ms-card:focus{outline:3px solid #1e3a8a;outline-offset:4px}.trw-container{overflow:hidden}.trw-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.trw-step{min-width:100%}.trw-progress{position:relative;height:8px;background:#e5e7eb;border-radius:9999px}.trw-progress-bar{height:100%;background:#0f165c;border-radius:9999px;transition:width .3s ease}.trw-progress-text{margin-top:8px;font-size:12px;color:#6b7280}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;height:0!important;width:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180,.hover\:rotate-y-180:hover{transform:rotateY(180deg)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}@keyframes bgSlider{0%,25%{opacity:1;transform:scale(1)}30%,95%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:bgSlider 20s infinite ease-in-out;z-index:-1;pointer-events:none}.hero-slider:nth-child(1){background-image:url(https://images.unsplash.com/photo-1614028674026-a65e31bfd27c);animation-delay:0s}.hero-slider:nth-child(2){background-image:url(https://images.unsplash.com/photo-1614028674026-a65e31bfd27c);animation-delay:5s}.hero-slider:nth-child(3){background-image:url(https://images.unsplash.com/photo-1614028674026-a65e31bfd27c);animation-delay:10s}.hero-slider:nth-child(4){background-image:url(https://images.unsplash.com/photo-1614028674026-a65e31bfd27c);animation-delay:15s}.hero-slider:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.5))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse-dot{animation:pulse 1.5s infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.carousel{display:flex;overflow:hidden;width:100%;max-width:400px}.carousel-inner{display:flex;animation:slide 12s infinite linear}.carousel-item{min-width:100%;display:flex;justify-content:space-around;align-items:center;padding:10px}.icon-container{text-align:center;color:#10b981;transition:transform .3s ease-out;position:relative}.icon-container:hover{transform:scale(1.2)}.icon-container .tooltip{display:none;position:absolute;background:#FFFFFF;padding:5px 10px;border-radius:4px;box-shadow:0 2px 6px #0000001a;font-size:.75rem;color:#1f2937;z-index:10;white-space:nowrap;margin-top:5px;left:50%;transform:translate(-50%)}.icon-container:hover .tooltip{display:block}@keyframes gradientPulse{0%{background:linear-gradient(135deg,rgb(191,219,254),rgb(167,243,208))}50%{background:linear-gradient(135deg,rgb(167,243,208),rgb(191,219,254))}to{background:linear-gradient(135deg,rgb(191,219,254),rgb(167,243,208))}}.btn-primary{background:linear-gradient(90deg,#BFDBFE,#A7F3D0);color:#1f2937;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-in-out}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.btn-primary:after{content:"";position:absolute;width:100px;height:100px;background:rgba(255,255,255,.5);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-out}.btn-primary:hover:after{transform:translate(-50%,-50%) scale(2);opacity:0}.btn-secondary{background:linear-gradient(90deg,#F87171,#FCA5A5);color:#fff;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-in-out}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.btn-secondary:after{content:"";position:absolute;width:100px;height:100px;background:rgba(255,255,255,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-out}.btn-secondary:hover:after{transform:translate(-50%,-50%) scale(2);opacity:0}.carousel-container{width:100%;max-width:400px;padding:20px;background:linear-gradient(135deg,rgb(191,219,254),rgb(167,243,208));border-radius:16px;box-shadow:0 4px 12px #0000001a;border:1px solid #E5E7EB;animation:gradientPulse 6s infinite ease-in-out;position:relative;overflow:hidden}.feature-card{background:linear-gradient(135deg,rgb(191,219,254),rgb(167,243,208))}.animate-fadeInUp,.animate-fade-in{animation:fadeInUp 1s ease-out}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-delay-1{animation:bounce 1s infinite;animation-delay:.1s}.animate-bounce-delay-2{animation:bounce 1s infinite;animation-delay:.2s}.animate-bounce-delay-3{animation:bounce 1s infinite;animation-delay:.3s}.accordion-toggle:checked+label svg{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0;margin-top:0}.accordion-toggle:checked~.accordion-content{max-height:200px;padding:1rem 0;margin-top:.5rem}body{font-family:Inter,sans-serif;background:#FFFFFF;color:#1f2937}*{box-sizing:border-box}.animate-on-scroll,.btn-primary,.btn-secondary,.hero-slider{transform:translateZ(0);will-change:transform,opacity}@media (max-width: 639px){.carousel-container{width:100%;padding:10px}.carousel-item{padding:5px}}@media (min-width: 640px) and (max-width: 1023px){.carousel-container{width:80%;margin:0 auto;padding:18px}}@media (min-width: 1024px){.carousel-container{max-width:400px}}
