.landing-nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;padding:1rem 2rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{background:#fffffff2;border-bottom:1px solid #0000000d;box-shadow:0 1px 12px #0000000f}.dark .landing-nav{background:#0307121a}.dark .landing-nav.scrolled{background:#030712f2;border-bottom-color:#37415180;box-shadow:0 1px 3px #0000004d}.section-reveal{opacity:0;transition:all .7s ease-out;transform:translateY(30px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.landing-orb{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.landing-orb-1{background:radial-gradient(circle,#3b82f6 0%,#6366f1 50%,#0000 70%);width:600px;height:600px;animation:20s ease-in-out infinite landing-float-1;top:-15%;right:-10%}.landing-orb-2{background:radial-gradient(circle,#8b5cf6 0%,#a855f7 50%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite landing-float-2;bottom:-10%;left:-10%}.landing-orb-3{background:radial-gradient(circle,#06b6d4 0%,#0ea5e9 50%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite landing-float-3;top:40%;left:50%}@keyframes landing-float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.05)}66%{transform:translate(20px,-20px)scale(.95)}}@keyframes landing-float-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes landing-float-3{0%,to{transform:translate(-50%)scale(1)}33%{transform:translate(calc(50px - 50%),-30px)scale(1.05)}66%{transform:translate(calc(-50% - 30px),40px)scale(.95)}}.landing-mesh-gradient{background:radial-gradient(at 20% 30%,#3b82f680 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf680 0%,#0000 50%),radial-gradient(at 50% 80%,#06b6d480 0%,#0000 50%),radial-gradient(at 30% 70%,#6366f180 0%,#0000 50%);animation:15s ease-in-out infinite landing-mesh-shift;position:absolute;inset:0}@keyframes landing-mesh-shift{0%,to{background:radial-gradient(at 20% 30%,#3b82f680 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf680 0%,#0000 50%),radial-gradient(at 50% 80%,#06b6d480 0%,#0000 50%),radial-gradient(at 30% 70%,#6366f180 0%,#0000 50%)}50%{background:radial-gradient(at 40%,#3b82f680 0%,#0000 50%),radial-gradient(at 60% 40%,#8b5cf680 0%,#0000 50%),radial-gradient(at 30% 60%,#06b6d480 0%,#0000 50%),radial-gradient(at 70% 30%,#6366f180 0%,#0000 50%)}}.landing-grid-pattern{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.landing-shape{opacity:.15;will-change:transform;border-radius:20%;position:absolute}.landing-shape-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:80px;height:80px;animation:12s ease-in-out infinite landing-shape-float;top:20%;right:15%}.landing-shape-2{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;width:60px;height:60px;animation:15s ease-in-out infinite reverse landing-shape-float;top:60%;right:25%}.landing-shape-3{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:63% 37% 54% 46%/55% 48% 52% 45%;width:100px;height:100px;animation:18s ease-in-out infinite landing-shape-float;bottom:15%;right:10%}.landing-shape-4{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:40% 60% 60% 40%/60% 40% 40% 60%;width:50px;height:50px;animation:14s ease-in-out infinite reverse landing-shape-float;top:35%;right:35%}@keyframes landing-shape-float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(15px,-20px)rotate(90deg)}50%{transform:translate(-10px,15px)rotate(180deg)}75%{transform:translate(20px,10px)rotate(270deg)}}.landing-btn-glow{position:relative;overflow:hidden}.landing-btn-glow:before{content:"";border-radius:inherit;z-index:-1;filter:blur(8px);opacity:.5;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6) 0 0/300% 300%;transition:opacity .3s;animation:4s ease-in-out infinite landing-glow-shift;position:absolute;inset:-2px}.landing-btn-glow:hover:before{opacity:.8}@keyframes landing-glow-shift{0%,to{background-position:0%}50%{background-position:100%}}.landing-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-particle{background:#3b82f633;border-radius:50%;width:3px;height:3px;animation:linear infinite landing-particle-drift;position:absolute}@keyframes landing-particle-drift{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)translate(50px)}}@media (prefers-reduced-motion:reduce){.landing-orb,.landing-mesh-gradient,.landing-shape,.landing-particle,.landing-btn-glow:before{animation:none!important}.landing-orb{opacity:.3}}.gradient-text-animate{background:linear-gradient(135deg,#0066d3,#8b5cf6,#ec4899,#0066d3) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-text-shift}.gradient-text-emerald-gold{background:linear-gradient(135deg,#04c,#026);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-retail{background:linear-gradient(135deg,#0284c7,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-restaurant{background:linear-gradient(135deg,#ea580c,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-supermarket{background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-auto{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes gradient-text-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-mesh-v2{background:radial-gradient(at 10% 20%,#3b82f659 0%,#0000 50%),radial-gradient(at 80% 10%,#8b5cf64d 0%,#0000 50%),radial-gradient(at 50% 90%,#3b82f640 0%,#0000 50%),radial-gradient(at 90% 80%,#ec489933 0%,#0000 50%);animation:20s ease-in-out infinite hero-mesh-v2-move;position:absolute;inset:0}@keyframes hero-mesh-v2-move{0%,to{background:radial-gradient(at 10% 20%,#3b82f659 0%,#0000 50%),radial-gradient(at 80% 10%,#8b5cf64d 0%,#0000 50%),radial-gradient(at 50% 90%,#3b82f640 0%,#0000 50%),radial-gradient(at 90% 80%,#ec489933 0%,#0000 50%)}33%{background:radial-gradient(at 30% 40%,#3b82f64d 0%,#0000 50%),radial-gradient(at 70% 30%,#8b5cf659 0%,#0000 50%),radial-gradient(at 40% 70%,#3b82f64d 0%,#0000 50%),radial-gradient(at 80% 60%,#ec489940 0%,#0000 50%)}66%{background:radial-gradient(at 50% 10%,#3b82f640 0%,#0000 50%),radial-gradient(at 20% 60%,#8b5cf64d 0%,#0000 50%),radial-gradient(at 80% 80%,#3b82f659 0%,#0000 50%),radial-gradient(at 60% 40%,#ec489933 0%,#0000 50%)}}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.glass-card-v2{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#18181bcc;border:1px solid #ffffff14;border-radius:1.5rem;box-shadow:0 8px 40px #0000004d,0 1px 3px #0003}.glow-card{border-radius:1.25rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.glow-card:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:conic-gradient(#0000 60%,#3b82f64d,#8b5cf64d,#0000 80%);transition:opacity .4s;animation:4s linear infinite paused glow-card-rotate;position:absolute;inset:-1px}.glow-card:hover:before{opacity:1;animation-play-state:running}.glow-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px #0000001f}@keyframes glow-card-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browser-mockup{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a}.browser-mockup-bar{background:#27272a;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:12px 16px;display:flex}.browser-mockup-dot{border-radius:50%;width:10px;height:10px}.ai-badge-pulse{position:relative}.ai-badge-pulse:after{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(135deg,#f59e0b,#f43f5e);animation:2s ease-in-out infinite ai-pulse;position:absolute;inset:-2px}@keyframes ai-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.gradient-border-animated{z-index:0;position:relative}.gradient-border-animated:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/300% 300%;animation:4s infinite gradient-border-shift;position:absolute;inset:-2px}@keyframes gradient-border-shift{0%,to{background-position:0%}50%{background-position:100%}}.cta-mesh-dark{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);position:relative;overflow:hidden}.cta-mesh-dark:before{content:"";background:radial-gradient(at 20%,#3b82f633 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf626 0%,#0000 50%),radial-gradient(at 50% 80%,#ec48991a 0%,#0000 50%);animation:15s ease-in-out infinite cta-mesh-drift;position:absolute;inset:0}@keyframes cta-mesh-drift{0%,to{background:radial-gradient(at 20%,#3b82f633 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf626 0%,#0000 50%),radial-gradient(at 50% 80%,#ec48991a 0%,#0000 50%)}50%{background:radial-gradient(at 40% 30%,#3b82f633 0%,#0000 50%),radial-gradient(at 60% 60%,#8b5cf626 0%,#0000 50%),radial-gradient(at 30% 70%,#ec48991a 0%,#0000 50%)}}.footer-gradient{background:linear-gradient(#0f172a 0%,#1e1b4b 100%)}.input-gradient-focus{transition:box-shadow .2s,border-color .2s}.input-gradient-focus:focus{border-color:#0066d3;outline:none;box-shadow:0 0 0 3px #0066d326,0 0 0 1px #0066d34d}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.sparkle-1{animation:2s ease-in-out infinite sparkle}.sparkle-2{animation:2s ease-in-out .5s infinite sparkle}.sparkle-3{animation:2s ease-in-out 1s infinite sparkle}.section-bg-subtle{background:var(--surface,#f9fbfb)}.dark .section-bg-subtle,.landing-root .dark .section-bg-subtle{background:var(--surface,#0f172a)}.section-bg-white{background:var(--bg,#fff)}.dark .section-bg-white,.landing-root .dark .section-bg-white{background:var(--bg,#0b1326)}.landing-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}.landing-root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.floating-mockup{animation:6s ease-in-out infinite mockup-float}@keyframes mockup-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mesh-gradient-hero{background:radial-gradient(at 0 0,#0044cc26 0%,#0000 50%),radial-gradient(at 100% 0,#0022661f 0%,#0000 50%),radial-gradient(at 50% 100%,#0044cc1a 0%,#0000 50%);animation:20s ease-in-out infinite mesh-hero-shift;position:absolute;inset:0}.trust-bar{background:linear-gradient(135deg,#3b82f60f 0%,#8b5cf60f 50%,#ec48990f 100%);border-top:1px solid #0000000f;border-bottom:1px solid #0000000f}.dark .trust-bar,.landing-root .dark .trust-bar{border-top-color:#ffffff0f;border-bottom-color:#ffffff0f}.feature-tab-active{position:relative}.feature-tab-active:after{content:"";background:linear-gradient(90deg,#0066d3,#8b5cf6);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.stat-card-gradient{background:linear-gradient(135deg,#3b82f614 0%,#8b5cf614 100%);border:1px solid #00000014}.dark .stat-card-gradient,.landing-root .dark .stat-card-gradient{border-color:#ffffff14}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}.text-shimmer{background:linear-gradient(90deg,#0f172a 40%,#0066d3 50%,#0f172a 60%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite text-shimmer}.dark .text-shimmer,.landing-root .dark .text-shimmer{background:linear-gradient(90deg,#dae2fd 40%,#a4e6ff 50%,#dae2fd 60%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-image-overlay{background:linear-gradient(90deg,#000000bf,#00000080,#000000bf);position:absolute;inset:0}.logo-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:30s linear infinite marquee}.animate-marquee:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.gradient-text-animate,.hero-mesh-v2,.glow-card:before,.ai-badge-pulse:after,.gradient-border-animated:before,.cta-mesh-dark:before,.auth-mesh-gradient,.mesh-gradient-hero,.floating-mockup{animation:none!important}.glow-card:hover{transform:none}}