.landing{min-height:100vh;overflow-x:hidden}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);max-width:1100px;margin:0 auto}.nav img{height:50px}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:color .2s}.nav-link:hover{color:var(--color-text-primary)}.hero{text-align:center;padding:80px var(--spacing-xl) 60px;max-width:800px;margin:0 auto;position:relative}.hero-bg{width:100%;height:100%;object-fit:cover;opacity:.12;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.hero>*{position:relative;z-index:1}.hero>picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:rgba(59,130,246,.1);color:var(--color-accent-blue);border:1px solid rgba(59,130,246,.2);margin-bottom:var(--spacing-lg);letter-spacing:.5px}.hero h1{font-size:56px;font-weight:700;line-height:1.1;margin:0 0 var(--spacing-lg);letter-spacing:-1px}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;max-width:560px;margin:0 auto var(--spacing-xl)}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:16px 32px;font-size:var(--text-base);font-weight:var(--font-weight-semibold);background:var(--color-accent-blue);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.3)}.hero-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:16px 32px;font-size:var(--text-base);font-weight:var(--font-weight-semibold);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;margin-left:var(--spacing-md)}.hero-secondary:hover{border-color:var(--color-text-secondary)}.hero-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.demo-section{max-width:600px;margin:40px auto 0;padding:0 var(--spacing-xl)}.demo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden}.demo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-green))}.demo-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.demo-input{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.demo-input .typing-cursor{display:inline-block;width:2px;height:18px;background:var(--color-accent-blue);margin-left:2px;vertical-align:text-bottom;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-result{display:flex;align-items:center;gap:var(--spacing-md);animation:slideUp .4s ease}.demo-calories{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-accent-blue)}.demo-calories span{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.demo-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.demo-tag{padding:4px 12px;border-radius:20px;font-size:var(--text-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.demo-tag.plant{background:rgba(34,197,94,.1);color:var(--color-accent-green);border-color:rgba(34,197,94,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lifestyle-banner{max-width:900px;margin:60px auto;padding:0 var(--spacing-xl)}.lifestyle-banner img{width:100%;height:240px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.how-section{padding:80px var(--spacing-xl);max-width:900px;margin:0 auto}.section-title{text-align:center;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.step{text-align:center}.step-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.step-number{font-size:var(--text-xs);color:var(--color-accent-blue);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.step h3{font-size:var(--text-base);margin:0 0 var(--spacing-sm)}.step p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.features-section{padding:60px var(--spacing-xl) 80px;max-width:900px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.feature-card:hover{border-color:var(--color-text-secondary);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:var(--text-base);margin:0 0 var(--spacing-sm)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.comparison-section{padding:60px var(--spacing-xl) 80px;max-width:700px;margin:0 auto}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.comparison-table th:first-child{color:var(--color-text-primary)}.comparison-table th.highlight{color:var(--color-accent-blue)}.comparison-table td{padding:12px 16px;border-bottom:1px solid var(--color-border)}.comparison-table td.check{color:var(--color-accent-green);font-size:var(--text-lg)}.comparison-table td.cross{color:var(--color-text-secondary);font-size:var(--text-lg)}.cta-section{text-align:center;padding:80px var(--spacing-xl);max-width:600px;margin:0 auto}.cta-image{width:200px;height:200px;object-fit:cover;border-radius:50%;border:3px solid var(--color-border);margin-bottom:var(--spacing-lg)}.cta-section h2{font-size:var(--text-xl);margin:0 0 var(--spacing-md)}.cta-section p{margin:0 0 var(--spacing-xl);font-size:var(--text-base);line-height:1.6}.cta-section p,.footer{color:var(--color-text-secondary)}.footer{text-align:center;padding:var(--spacing-xl);border-top:1px solid var(--color-border);font-size:var(--text-xs)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:11}.burger-line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s ease}.burger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.burger{display:flex}.nav img{height:40px}.nav-links{position:fixed;top:0;right:-100%;width:260px;height:100vh;flex-direction:column;background:var(--color-bg-primary);border-left:1px solid var(--color-border);padding:80px var(--spacing-lg) var(--spacing-lg);transition:right .3s ease;z-index:10}.nav-links.nav-open{right:0}.hero h1{font-size:36px}.hero-sub{font-size:var(--text-base)}.steps{gap:var(--spacing-lg)}.features-grid,.steps{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.hero-secondary{margin-left:0}}