*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}:root{--primary-green:#1a5f3f;--primary-green-dark:#0f3d28;--primary-green-light:#2d7a5a;--accent-orange:#ff6b35;--accent-orange-light:#ff8c5a;--neutral-off-white:#faf9f6;--neutral-gray-light:#f5f5f3;--neutral-gray:#e8e8e6;--neutral-gray-medium:#9a9a98;--text-dark:#2c2c2a;--text-medium:#4a4a48;--white:#ffffff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15)}body{font-family:var(--font-family);color:var(--text-dark);background-color:var(--white);line-height:1.6;font-size:1rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width:640px){.container{padding:0 var(--spacing-sm)}}.navbar{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:var(--spacing-sm) 0}.navbar .container{position:relative}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--primary-green);text-decoration:none;transition:color .3s ease}.logo:hover{color:var(--primary-green-dark)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:var(--font-weight-medium);transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:var(--primary-green)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.mobile-menu-toggle span{width:25px;height:2px;background-color:var(--text-dark);transition:all .3s ease}.hero{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--neutral-off-white) 0,var(--white) 100%)}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-text h1{font-size:3.5rem;font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--spacing-md);color:var(--text-dark)}.hero-subheadline{font-size:1.25rem;color:var(--text-medium);margin-bottom:var(--spacing-xl);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:0 auto}.btn-primary{background-color:var(--primary-green);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block;transition:all .3s ease;border:2px solid var(--primary-green)}.btn-primary:hover{background-color:var(--primary-green-dark);border-color:var(--primary-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--accent-orange);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block;transition:all .3s ease;border:2px solid var(--accent-orange)}.btn-secondary:hover{background-color:var(--accent-orange-light);border-color:var(--accent-orange-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-green);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block;transition:all .3s ease;border:2px solid var(--primary-green)}.btn-outline:hover{background-color:var(--primary-green);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.split-screen{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.phone-mockup{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-gray);max-width:100%;overflow:hidden}.phone-header{height:40px;background:var(--primary-green);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:calc(var(--spacing-md) * -1) calc(var(--spacing-md) * -1) var(--spacing-md)}.phone-content{padding:var(--spacing-md);min-height:100px}.recommendation-card{background:linear-gradient(135deg,var(--primary-green-light) 0,var(--primary-green) 100%);color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.food-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.recommendation-card h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.dashboard-mockup{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-gray);max-width:100%;overflow:hidden}.dashboard-header{background:var(--neutral-gray-light);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.dashboard-header h3{color:var(--text-dark);font-size:1rem;font-weight:var(--font-weight-semibold)}.dashboard-stats{display:grid;gap:var(--spacing-sm)}.stat-card{background:var(--neutral-off-white);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.stat-value{font-size:2rem;font-weight:var(--font-weight-extrabold);color:var(--primary-green);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-medium)}.problem-section{padding:var(--spacing-3xl) 0;background-color:var(--neutral-off-white)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.problem-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.problem-card h2{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--primary-green);margin-bottom:var(--spacing-md)}.problem-stat{font-size:4rem;font-weight:var(--font-weight-extrabold);color:var(--accent-orange);text-align:center;margin-bottom:var(--spacing-sm)}.problem-stat-text{font-size:1.125rem;color:var(--text-medium);text-align:center;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.problem-list{list-style:none;padding:0}.problem-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-medium)}.problem-list li:before{content:"•";position:absolute;left:0;color:var(--primary-green);font-weight:var(--font-weight-bold);font-size:1.5rem}.how-it-works{padding:var(--spacing-3xl) 0;background-color:var(--white)}.section-title{font-size:2.5rem;font-weight:var(--font-weight-extrabold);text-align:center;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--text-medium);margin-bottom:var(--spacing-2xl)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.step-card{background:var(--neutral-off-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{width:60px;height:60px;background:var(--primary-green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-extrabold);margin:0 auto var(--spacing-md)}.step-card h3{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--text-dark)}.step-card p{color:var(--text-medium);margin-bottom:var(--spacing-md)}.step-details{list-style:none;text-align:left;padding:0}.step-details li{padding:var(--spacing-xs) 0;color:var(--text-medium);padding-left:var(--spacing-md);position:relative}.step-details li:before{content:"✓";position:absolute;left:0;color:var(--primary-green);font-weight:var(--font-weight-bold)}.value-props{padding:var(--spacing-3xl) 0;background-color:var(--neutral-off-white)}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.value-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem}.value-card h3,.value-icon{margin-bottom:var(--spacing-md)}.value-card h3{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--primary-green)}.value-card ul{list-style:none;padding:0}.value-card ul li{padding:var(--spacing-xs) 0;color:var(--text-medium);padding-left:var(--spacing-lg);position:relative}.value-card ul li:before{content:"→";position:absolute;left:0;color:var(--accent-orange);font-weight:var(--font-weight-bold)}.features{padding:var(--spacing-3xl) 0;background-color:var(--white)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.features-column h3{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--primary-green);margin-bottom:var(--spacing-md)}.features-list{list-style:none;padding:0}.features-list li{padding:var(--spacing-sm) 0;color:var(--text-medium);font-size:1.125rem}.results{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%)}.results,.results .section-title{color:var(--white)}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.metric-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(255,255,255,.2)}.metric-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.metric-value{font-size:2.5rem;font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-xs)}.metric-label{font-size:.875rem;opacity:.9}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.testimonial-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);position:relative}.testimonial-quote{font-size:4rem;color:var(--accent-orange);line-height:1;margin-bottom:var(--spacing-sm);opacity:.5}.testimonial-text{font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-md);font-style:italic}.testimonial-author{font-weight:var(--font-weight-semibold);font-size:.875rem;opacity:.9}.integration{padding:var(--spacing-3xl) 0;background-color:var(--white)}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.integration-content h3{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--primary-green);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.integration-content h3:first-child{margin-top:0}.integration-steps{list-style:none;counter-reset:step-counter;padding:0;margin-bottom:var(--spacing-lg)}.integration-steps li{counter-increment:step-counter;padding:var(--spacing-sm) 0;padding-left:var(--spacing-2xl);position:relative;color:var(--text-medium);font-size:1.125rem}.integration-steps li:before{content:counter(step-counter);position:absolute;left:0;width:30px;height:30px;background:var(--primary-green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.integration-features{list-style:none;padding:0}.integration-features li{padding:var(--spacing-sm) 0;color:var(--text-medium);font-size:1.125rem}.integration-visual{display:flex;justify-content:center;align-items:center}.qr-mockup{background:var(--neutral-off-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg)}.qr-code-image{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;border:3px solid var(--primary-green);border-radius:var(--radius-md);background:var(--white);padding:var(--spacing-xs);margin:0 auto var(--spacing-md);display:block}.pricing-cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--accent-orange) 0,var(--accent-orange-light) 100%);text-align:center;color:var(--white)}.pricing-cta .section-title{color:var(--white);margin-bottom:var(--spacing-xl)}.pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin:0 auto var(--spacing-2xl);max-width:600px;box-shadow:var(--shadow-xl);position:relative}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--primary-green);color:var(--white);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:.875rem;white-space:nowrap}.pricing-amount{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0 var(--spacing-md)}.pricing-first-month,.pricing-regular{display:flex;align-items:baseline;gap:4px}.pricing-regular,.pricing-then{color:var(--text-medium)}.pricing-then{font-size:.875rem;font-weight:var(--font-weight-medium)}.pricing-currency{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--primary-green)}.pricing-price{font-size:3.5rem;font-weight:var(--font-weight-extrabold);color:var(--primary-green);line-height:1}.pricing-regular .pricing-currency,.pricing-regular .pricing-price{color:var(--text-dark)}.pricing-period{font-size:1.25rem;color:var(--text-medium);font-weight:var(--font-weight-medium)}.pricing-description{color:var(--text-medium);margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.6}.pricing-cta-title{color:var(--white);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl)}.cta-options.secondary-cta{margin-top:var(--spacing-md)}.cta-options{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:1.125rem;transition:all .3s ease;display:inline-block}.cta-button.primary{background-color:var(--white);color:var(--accent-orange)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.cta-button.secondary{background-color:var(--primary-green);color:var(--white);border:2px solid var(--primary-green)}.cta-button.secondary:hover{background-color:var(--primary-green-dark);border-color:var(--primary-green-dark);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.cta-button.outline{background-color:transparent;color:var(--white);border:2px solid var(--white)}.pricing-card .cta-button.outline{background-color:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.cta-button.outline:hover{background-color:var(--white);color:var(--accent-orange);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.pricing-card .cta-button.outline:hover{background-color:var(--primary-green);color:var(--white);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.contact{padding:var(--spacing-3xl) 0;background-color:var(--neutral-off-white)}.contact-form{max-width:800px;margin:0 auto var(--spacing-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-row-single{grid-template-columns:1fr}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold);color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--neutral-gray);border-radius:var(--radius-md);font-family:var(--font-family);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green)}.form-group textarea{resize:vertical}.contact-info{text-align:center;color:var(--text-medium)}.contact-info p{margin:var(--spacing-xs) 0}.footer{background-color:var(--text-dark);color:var(--white);padding:var(--spacing-2xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{font-size:1.125rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--white)}.footer-section p{color:rgba(255,255,255,.8);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-section a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--accent-orange)}.social-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}@media (max-width:1024px){.hero-text h1{font-size:3rem}.hero-subheadline{font-size:1.125rem}}@media (max-width:968px){.hero{padding:var(--spacing-2xl) 0}.hero-content{max-width:100%;padding:0 var(--spacing-md)}.hero-text h1{font-size:2.5rem}.features-grid,.integration-grid,.problem-grid,.steps-grid,.testimonials,.value-grid{grid-template-columns:1fr}.footer-content,.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:640px){.nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;gap:var(--spacing-sm)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%}.nav-links a{display:block;padding:var(--spacing-sm);width:100%}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{padding:var(--spacing-xl) 0}.hero-content{max-width:100%;padding:0 var(--spacing-sm)}.hero-text h1{font-size:2rem;line-height:1.2;margin-bottom:var(--spacing-sm)}.hero-subheadline{font-size:1rem;margin-bottom:var(--spacing-md)}.section-title{font-size:2rem}.footer-content,.metrics-grid{grid-template-columns:1fr}.cta-options{flex-direction:column}.cta-button{width:100%;text-align:center}.hero-cta{flex-direction:column}.hero-cta a{width:100%;text-align:center}.pricing-card{padding:var(--spacing-xl) var(--spacing-md);margin:0 var(--spacing-sm) var(--spacing-xl)}.pricing-badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.pricing-price{font-size:2.5rem}.pricing-currency{font-size:1.25rem}.pricing-period{font-size:1rem}.pricing-cta-title{font-size:1.25rem;margin-top:var(--spacing-lg)}.qr-code-image{width:180px;height:180px}.qr-mockup{padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus,button:focus,input:focus,textarea:focus{outline:none}a,button{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}a:active,button:active{background-color:inherit}@media print{.contact-form,.footer,.navbar,.pricing-cta{display:none}}