.fas,.far,.fab{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands",sans-serif;font-style:normal;font-weight:900}.fa-utensils:before{content:"🍽️"}.fa-rocket:before{content:"🚀"}.fa-check:before{content:"✓"}.fa-qrcode:before{content:"📱"}.fa-chart-line:before{content:"📈"}.fa-palette:before{content:"🎨"}.fa-store:before{content:"🏪"}.fa-chart-bar:before{content:"📊"}.fa-share-alt:before{content:"📤"}.fa-mobile-alt:before{content:"📱"}.fa-map-marker-alt:before{content:"📍"}.fa-heart:before{content:"❤️"}.fa-play:before{content:"▶️"}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#f59e0b;--secondary-dark:#d97706;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-dark:#111827;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--gradient-secondary:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Poppins", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius:.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #e5e7ebcc;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.nav-container{max-width:1200px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);color:var(--primary-color);font-size:1.5rem;font-weight:700;display:flex}.nav-logo i{font-size:1.8rem}.nav-menu{gap:var(--spacing-xl);list-style:none;display:flex}.nav-menu a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-menu a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover:after{width:100%}.nav-actions{gap:var(--spacing-md);display:flex}.btn-outline{color:var(--text-primary);border:2px solid var(--text-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;background:0 0;font-weight:500;transition:all .3s}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary{background:var(--gradient-primary);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--shadow-md);border:none;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hamburger{cursor:pointer;flex-direction:column;gap:3px;display:none}.hamburger span{background:var(--text-primary);width:25px;height:3px;transition:all .3s}.hero{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-shape-1,.hero-shape-2,.hero-shape-3{background:var(--gradient-primary);opacity:.1;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.hero-shape-1{width:300px;height:300px;animation-delay:-2s;top:10%;right:-100px}.hero-shape-2{width:200px;height:200px;animation-delay:-4s;bottom:20%;left:-50px}.hero-shape-3{width:150px;height:150px;animation-delay:-1s;top:50%;right:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.hero-content{gap:var(--spacing-3xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-title{font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.25rem;line-height:1.6}.hero-buttons{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.btn-hero-primary,.btn-hero-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);cursor:pointer;border:none;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-hero-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-xl)}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #6366f166}.btn-hero-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--text-light);box-shadow:var(--shadow-md)}.btn-hero-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.hero-features{gap:var(--spacing-xl);display:flex}.feature-item{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-weight:500;display:flex}.feature-item i{color:#10b981;font-size:1.1rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{width:300px;height:600px;box-shadow:var(--shadow-xl);z-index:2;background:#1f2937;border-radius:30px;padding:20px;transition:transform .3s;position:relative;transform:rotate(-5deg)}.phone-mockup:hover{transform:rotate(-2deg)scale(1.02)}.phone-screen{width:100%;height:100%;padding:var(--spacing-lg);background:#fff;border-radius:20px;overflow:hidden}.menu-preview{flex-direction:column;height:100%;display:flex}.menu-header{text-align:center;margin-bottom:var(--spacing-lg)}.restaurant-logo{background:var(--gradient-primary);width:60px;height:60px;margin:0 auto var(--spacing-md);border-radius:50%}.menu-header h3{color:var(--text-primary);font-size:1.2rem}.menu-categories{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.category{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;background:#f3f4f6;font-size:.9rem;transition:all .3s}.category.active{background:var(--primary-color);color:#fff}.menu-items{flex:1}.menu-item{padding:var(--spacing-md) 0;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.item-info h4{margin-bottom:var(--spacing-xs);font-size:1rem}.item-info p{color:var(--text-secondary);font-size:.8rem}.item-price{color:var(--primary-color);font-weight:600}.floating-elements{width:100%;height:100%;position:absolute}.floating-card{padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-sm);color:var(--text-primary);background:#fff;font-weight:600;animation:4s ease-in-out infinite float;display:flex;position:absolute}.card-1{animation-delay:-1s;top:10%;left:-20px}.card-2{animation-delay:-2s;top:60%;right:-30px}.card-3{animation-delay:-3s;bottom:20%;left:-40px}.floating-card i{color:var(--primary-color);font-size:1.2rem}.features{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header h2{font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.features-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.feature-card{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid #e5e7eb80;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-light);transform:translateY(-10px)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-icon i{color:#fff;font-size:2rem}.feature-card h3{font-family:var(--font-heading);margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.5rem;font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.6}.pricing{padding:var(--spacing-3xl) 0;background:var(--bg-primary)}.pricing-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);text-align:center;border:2px solid #e5e7eb;transition:all .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.pricing-card.featured{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:scale(1.05)}.plan-badge{background:var(--gradient-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:.9rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-header h3{font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem;font-weight:600}.price{margin-bottom:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:baseline;display:flex}.currency{color:var(--text-secondary);font-size:1.5rem}.amount{color:var(--primary-color);font-size:2.5rem;font-weight:800;line-height:1}.period{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:1.2rem}.plan-features{margin-bottom:var(--spacing-xl);text-align:left;list-style:none}.plan-features li{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;display:flex}.plan-features i{color:#10b981;font-size:1.1rem}.btn-plan{width:100%;padding:var(--spacing-md) var(--spacing-xl);border:2px solid var(--primary-color);color:var(--primary-color);border-radius:var(--border-radius-lg);cursor:pointer;background:0 0;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-plan.primary{background:var(--gradient-primary);color:#fff;border-color:#0000}.btn-plan:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-plan.primary:hover{background:var(--primary-dark)}.cta{padding:var(--spacing-3xl) 0;background:var(--gradient-background);color:#fff;text-align:center}.cta-content h2{font-family:var(--font-heading);margin-bottom:var(--spacing-lg);font-size:clamp(2rem,4vw,3rem);font-weight:700}.cta-content p{margin-bottom:var(--spacing-xl);opacity:.9;font-size:1.2rem}.cta-buttons{justify-content:center;gap:var(--spacing-lg);display:flex}.btn-cta-primary,.btn-cta-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);cursor:pointer;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-cta-primary{color:var(--primary-color);box-shadow:var(--shadow-xl);background:#fff;border:none}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #00000040}.btn-cta-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-cta-secondary:hover{color:var(--primary-color);background:#fff}.footer{background:var(--bg-dark);color:var(--text-white);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:320px}.footer-url{padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-sm) 0;color:var(--primary-light);padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-sm) 0;background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;display:inline-block}.footer-logo{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:var(--primary-light);font-size:1.5rem;font-weight:700;display:flex}.footer-logo i{font-size:1.8rem}.footer-brand p{color:#d1d5db;margin-bottom:var(--spacing-md);line-height:1.6}.footer-info{margin-top:var(--spacing-lg)}.footer-info p{align-items:center;gap:var(--spacing-sm);color:#d1d5db;margin-bottom:var(--spacing-sm);font-size:.9rem;display:flex}.footer-info i{color:var(--primary-light);width:16px}.contact-info{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius);border-left:3px solid var(--primary-color);background:#ffffff0d}.contact-info p{color:#e5e7eb;margin-bottom:var(--spacing-sm);font-size:.9rem;line-height:1.5}.contact-info p:last-child{margin-bottom:0;font-weight:500}.footer-bottom{padding-top:var(--spacing-md);color:#9ca3af;justify-content:space-between;align-items:center;gap:var(--spacing-sm);border-top:1px solid #374151;flex-wrap:wrap;display:flex}.footer-bottom p{margin-bottom:0}.footer-bottom p:last-child{margin-bottom:0;font-size:.9rem}.social-links{gap:var(--spacing-md);display:flex}.social-links a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-links{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.link-group h4{font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:#fff;font-size:1.1rem;font-weight:600}.link-group ul{list-style:none}.link-group li{margin-bottom:var(--spacing-sm)}.link-group a{color:#d1d5db;text-decoration:none;transition:color .3s}.link-group a:hover{color:var(--primary-light)}.footer-bottom{padding-top:var(--spacing-xl);text-align:center;color:#9ca3af;border-top:1px solid #374151}.footer-bottom a{color:var(--primary-light);text-decoration:none;transition:color .3s}.footer-bottom a:hover{color:#fff}.feature-card,.pricing-card{opacity:0;transition:all .6s;transform:translateY(30px)}.feature-card.animate,.pricing-card.animate{opacity:1;transform:translateY(0)}.tooltip{background:var(--bg-dark);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;animation:.2s fadeInTooltip;display:none;position:absolute}.tooltip:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--bg-dark);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-content{gap:var(--spacing-2xl);text-align:center;grid-template-columns:1fr}.hero-visual{order:-1}.phone-mockup{transform:rotate(0)scale(.8)}.floating-elements{display:none}}@media (max-width:768px){.nav-menu,.nav-actions{display:none}.hamburger{display:flex}.nav-menu.active{width:100%;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;position:absolute;top:100%;left:0}.hero-buttons{flex-direction:column;align-items:center}.hero-features{gap:var(--spacing-md);flex-direction:column}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.cta-buttons{flex-direction:column;align-items:center}.footer-content{text-align:center;grid-template-columns:1fr}.footer-links{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.btn-hero-primary,.btn-hero-secondary{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.section-header h2{font-size:1.8rem}.phone-mockup{width:250px;height:500px;scale:.7}}@media (max-width:768px){.tooltip{display:none!important}.mobile-tooltip-dialog{background:var(--bg-dark,#22223b);color:#fff;z-index:9999;opacity:0;pointer-events:none;text-align:center;border-radius:1.5rem;max-width:90vw;padding:1rem 1.5rem;font-size:1rem;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}.mobile-tooltip-dialog.active{opacity:1;pointer-events:auto}}