:root{--color-primary:#d4af37;--color-primary-light:#e6c866;--color-primary-dark:#b8941f;--color-secondary:#2c3e50;--color-secondary-light:#34495e;--color-secondary-dark:#1a252f;--color-accent:#c9b037;--color-accent-light:#dcc366;--color-accent-dark:#a8921f;--color-dark:#1a1a1a;--color-dark-light:#2d2d2d;--color-light:#ffffff;--color-light-dim:#f8f8f8;--color-light-gray:#e8e8e8;--color-text:#2c2c2c;--color-text-light:#666666;--color-text-muted:#999999;--font-primary:"Cormorant",serif;--font-secondary:"Montserrat",sans-serif;--font-display:"Playfair Display",serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--transition-fast:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-medium:0.5s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.8s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.08);--shadow-md:0 8px 25px rgba(0, 0, 0, 0.12);--shadow-lg:0 16px 40px rgba(0, 0, 0, 0.15);--shadow-xl:0 24px 60px rgba(0, 0, 0, 0.2);--shadow-gold:0 8px 32px rgba(212, 175, 55, 0.3);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--z-back:-1;--z-normal:1;--z-tooltip:10;--z-fixed:100;--z-modal:1000}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;max-width:100vw;overflow-x:hidden}html{font-size:clamp(56.25%, .5vw + 50%, 62.5%);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-secondary);font-size:1.6rem;line-height:1.6;color:var(--color-text);background-color:var(--color-light);margin:0;position:relative}.container{width:100%;max-width:144rem;margin:0 auto;padding:0 1.5rem}@media (min-width:480px){.container{padding:0 2rem}}section{position:relative;padding:4rem 0;overflow:hidden}@media (min-width:480px){section{padding:5rem 0}}@media (min-width:768px){.container{padding:0 var(--spacing-md)}section{padding:6rem 0}}.btn{font-family:var(--font-secondary);font-size:clamp(1.2rem, 2vw, 1.4rem);font-weight:500;padding:1.2rem 2.4rem;border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition-fast);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.8rem;text-align:center;justify-content:center;min-height:44px;width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(212,175,55,.4)}.btn-outline{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-dark)}.btn-large{padding:1.5rem 2.8rem;font-size:clamp(1.4rem, 2.2vw, 1.6rem)}@media (min-width:768px){.btn-large{padding:1.8rem 3.6rem}}.feature-hero-section{padding:10rem 0 4rem!important;background:linear-gradient(135deg,var(--color-light) 0,var(--color-light-dim) 100%)!important;position:relative!important;overflow:hidden!important}@media (min-width:480px){.btn{width:auto}.feature-hero-section{padding:11rem 0 5rem!important}}@media (min-width:768px){.feature-hero-section{padding:13rem 0 6rem!important}}@media (min-width:1024px){section{padding:var(--spacing-xl) 0}.feature-hero-section{padding:16rem 0 var(--spacing-xl)!important}}.feature-hero-section::before{content:""!important;position:absolute!important;top:0!important;right:0!important;width:50%!important;height:100%!important;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23d4af37" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23d4af37" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="%23d4af37" opacity="0.1"/><circle cx="10" cy="90" r="1" fill="%23d4af37" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>')!important;opacity:.3!important;z-index:var(--z-back)!important}.feature-hero-content{display:flex!important;flex-direction:column!important;gap:3rem!important;align-items:center!important;position:static!important;transform:none!important;top:auto!important;left:auto!important;text-align:center!important;color:var(--color-text)!important;width:auto!important;max-width:none!important;padding:0!important}@media (min-width:1024px){.feature-hero-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-lg)!important;text-align:left!important}.feature-hero-subtitle{max-width:50rem!important}}.feature-badge{display:inline-flex!important;align-items:center!important;gap:.8rem!important;background:rgba(212,175,55,.1)!important;color:var(--color-primary)!important;padding:.8rem 1.5rem!important;border-radius:50px!important;font-size:clamp(1.2rem, 2vw, 1.4rem)!important;font-weight:500!important;margin-bottom:1.5rem!important;border:1px solid rgba(212,175,55,.2)!important}@media (min-width:768px){.feature-badge{gap:1rem!important;padding:1rem 2rem!important;margin-bottom:var(--spacing-md)!important}}.feature-badge i{animation:2s infinite pulse!important}.feature-hero-title{font-family:var(--font-primary)!important;font-size:clamp(3.2rem, 6vw, 5.6rem)!important;font-weight:400!important;color:var(--color-dark)!important;line-height:1.2!important;margin-bottom:1.5rem!important;opacity:1!important;transform:none!important;transition:none!important}.feature-hero-title .highlight{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}@media (min-width:768px){.feature-hero-title{margin-bottom:var(--spacing-md)!important}.feature-hero-subtitle{margin-bottom:var(--spacing-lg)!important;max-width:50rem!important}}.feature-hero-cta{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-bottom:2.5rem!important;width:100%!important}@media (min-width:480px){.feature-hero-cta{flex-direction:row!important;gap:var(--spacing-md)!important;justify-content:center!important}}@media (min-width:1024px){.feature-hero-cta{justify-content:flex-start!important}}.feature-mockup{display:flex;justify-content:center;align-items:center;height:auto;min-height:50rem;position:relative;padding:2rem 0}@media (min-width:768px){.feature-hero-cta{margin-bottom:var(--spacing-lg)!important}.feature-mockup{height:50rem;padding-top:4rem}}.phone-mockup{position:relative;width:100%;max-width:28rem;height:56rem;background:linear-gradient(145deg,#1a1a1a 0,#2d2d2d 100%);border-radius:3rem;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(0) rotateX(0);transition:var(--transition-medium)}@media (min-width:480px){.phone-mockup{padding:2rem}}@media (min-width:768px){.phone-mockup{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}}.phone-screen{width:100%;height:100%;background:var(--color-light);border-radius:2rem;overflow:hidden;position:relative;display:flex;flex-direction:column}.voice-content-wrapper::-webkit-scrollbar{width:10px}.voice-content-wrapper::-webkit-scrollbar-track{background:0 0}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(12rem,50%,15rem);height:clamp(2.5rem,5vw,3rem);background:#1a1a1a;border-radius:0 0 1.5rem 1.5rem;z-index:10}.phone-button{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);width:clamp(3.5rem,8vw,4rem);height:clamp(3.5rem,8vw,4rem);background:#333;border-radius:50%;border:2px solid #555;z-index:5}.barcode-scanner-ui{width:100%;height:100%;min-height:50rem;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);display:flex;flex-direction:column;position:relative}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:rgba(0,0,0,.8);color:var(--color-light)}.scanner-title{font-size:clamp(1.4rem, 3vw, 1.8rem);font-weight:600;color:var(--color-primary)}.scanner-close{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%;cursor:pointer}.scanner-viewfinder{flex:1;position:relative;background:radial-gradient(circle at center,rgba(212,175,55,.1) 0,transparent 70%);display:flex;align-items:center;justify-content:center;min-height:25rem}@media (min-width:480px){.scanner-header{padding:2rem}.scanner-viewfinder{min-height:30rem}.scanner-guides{width:20rem}}.corner{position:absolute;width:3rem;height:3rem;border:3px solid var(--color-primary)}.corner.top-left{top:0;left:0;border-right:none;border-bottom:none}.corner.top-right{top:0;right:0;border-left:none;border-bottom:none}.corner.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.corner.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);animation:2s linear infinite scanAnimation}@keyframes scanAnimation{0%{top:0;opacity:1}50%{opacity:.5}100%{top:100%;opacity:1}}.phone-mockup .scanner-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.5rem 1rem;background:rgba(0,0,0,.8);position:relative;z-index:10;transform:translateY(-1.5rem);top:-23px}.scanner-btn{width:clamp(4.4rem,10vw,5rem);height:clamp(4.4rem,10vw,5rem);min-width:44px;min-height:44px;background:rgba(212,175,55,.2);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);font-size:clamp(1.6rem, 4vw, 2rem);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.scanner-btn:hover{background:var(--color-primary);color:var(--color-dark)}.scanner-instructions{text-align:center;padding:1rem 1rem 1.5rem;color:var(--color-light);font-size:clamp(1.2rem, 2.5vw, 1.4rem);background:rgba(0,0,0,.8);position:relative;z-index:10;top:-35px;line-height:1.5}.feature-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-back)}.bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(201,176,55,.05) 100%);animation:6s ease-in-out infinite float}.shape-1{width:20rem;height:20rem;top:10%;left:10%;animation-delay:0s}.shape-2{width:15rem;height:15rem;top:60%;right:15%;animation-delay:2s}.shape-3{width:25rem;height:25rem;bottom:20%;left:5%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header.centered{max-width:80rem;margin:0 auto var(--spacing-lg)}.section-title{font-family:var(--font-primary);font-size:clamp(2.8rem, 5vw, 4.8rem);color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.2}.section-subtitle{font-size:clamp(1.4rem, 2.5vw, 1.8rem);color:var(--color-text-light);line-height:1.6;max-width:80rem;margin:0 auto}.key-features-section{background:linear-gradient(135deg,#dbeafe 0,#fff 25%,#fee2e2 50%,#fff 75%,#dcfce7 100%);position:relative;overflow:hidden}.barcode-bg-scanner-1{position:absolute;top:-10%;left:-5%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%);pointer-events:none;z-index:0}.barcode-bg-scanner-2{position:absolute;bottom:-15%;right:-5%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(239,68,68,.1) 0,transparent 70%);pointer-events:none;z-index:0}.barcode-bg-scanner-3{position:absolute;top:30%;right:10%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(34,197,94,.08) 0,transparent 70%);pointer-events:none;z-index:0}.barcode-bg-scanner-4{position:absolute;top:50%;left:15%;width:45rem;height:45rem;background:radial-gradient(circle,rgba(168,85,247,.09) 0,transparent 70%);pointer-events:none;z-index:0}.barcode-bg-lines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(239,68,68,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0}.barcode-bg-stripe-1{position:absolute;top:15%;left:25%;width:20rem;height:3rem;background:linear-gradient(90deg,rgba(59,130,246,.15) 0,transparent 100%);border-radius:2rem;pointer-events:none;z-index:0}.barcode-bg-stripe-2{position:absolute;bottom:25%;right:20%;width:18rem;height:2.5rem;background:linear-gradient(90deg,transparent 0,rgba(239,68,68,.12) 100%);border-radius:2rem;pointer-events:none;z-index:0}.barcode-types{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.barcode-type{border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid var(--color-light-gray)}@media (min-width:768px){.barcode-types{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.barcode-type{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}}.barcode-type:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(212,175,55,.2)}.barcode-image{position:relative;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.barcode-img{width:100%;height:auto;display:block}.barcode-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.1) 0,transparent 100%);display:flex;align-items:center;justify-content:center}.barcode-scan-effect{width:80%;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);animation:2s linear infinite scanEffect}@keyframes scanEffect{0%{transform:translateY(-50px);opacity:0}50%{opacity:1}100%{transform:translateY(50px);opacity:0}}.barcode-info h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.barcode-info p{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.6}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;color:var(--color-text)}.feature-list i{color:var(--color-primary);font-size:1.2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:var(--spacing-lg)}.feature-card{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition-fast);border:1px solid var(--color-light-gray);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:var(--transition-medium)}.feature-card:hover::before{left:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(212,175,55,.2)}.feature-icon{width:clamp(6rem,15vw,8rem);height:clamp(6rem,15vw,8rem);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(2.4rem, 6vw, 3rem);margin:0 auto var(--spacing-sm);box-shadow:var(--shadow-gold);position:relative;z-index:1}.feature-card h3{font-family:var(--font-primary);font-size:clamp(2rem, 4vw, 2.4rem);color:var(--color-dark);margin-bottom:var(--spacing-sm);position:relative;z-index:1;line-height:1.3}.feature-card p{font-size:clamp(1.4rem, 2.5vw, 1.6rem);color:var(--color-text-light);line-height:1.6;position:relative;z-index:1}.interactive-demo-section{background:linear-gradient(135deg,#f3e8ff 0,#fff 25%,#ecfeff 50%,#fff 75%,#fef3c7 100%);position:relative;overflow:hidden}.scanner-preview-bg-lens-1{position:absolute;top:-8%;right:-5%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(168,85,247,.14) 0,transparent 70%);pointer-events:none;z-index:0}.scanner-preview-bg-lens-2{position:absolute;bottom:-10%;left:-8%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(6,182,212,.12) 0,transparent 70%);pointer-events:none;z-index:0}.scanner-preview-bg-lens-3{position:absolute;top:40%;left:20%;width:48rem;height:48rem;background:radial-gradient(circle,rgba(251,191,36,.1) 0,transparent 70%);pointer-events:none;z-index:0}.scanner-preview-bg-ring-1{position:absolute;top:20%;right:15%;width:25rem;height:25rem;border:3px solid rgba(168,85,247,.08);border-radius:50%;pointer-events:none;z-index:0}.scanner-preview-bg-ring-2{position:absolute;bottom:30%;left:30%;width:30rem;height:30rem;border:2px solid rgba(6,182,212,.06);border-radius:50%;pointer-events:none;z-index:0}.scanner-preview-bg-focus{position:absolute;top:35%;right:25%;width:15rem;height:15rem;background:linear-gradient(45deg,rgba(168,85,247,.1),rgba(6,182,212,.08));border-radius:50%;border:2px dashed rgba(251,191,36,.15);pointer-events:none;z-index:0;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.5}}.scanner-preview-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px),radial-gradient(circle,rgba(6,182,212,.04) 1px,transparent 1px);background-size:50px 50px,80px 80px;background-position:0 0,25px 25px;pointer-events:none;z-index:0}.demo-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width:1024px){.demo-container{grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}}.scanner-demo{background:linear-gradient(145deg,var(--color-light) 0,#fafafa 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 40px rgba(212,175,55,.1),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;border:1px solid rgba(212,175,55,.2);position:relative;height:70%}.scanner-demo::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);z-index:1}.scanner-interface{position:relative;background:linear-gradient(180deg,#f8f9fa 0,var(--color-light) 100%)}.scanner-viewport{width:100%;height:35rem;background:linear-gradient(135deg,#0f0f0f 0,#1a1a1a 50%,#0f0f0f 100%);position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:inset 0 0 50px rgba(0,0,0,.8)}@media (min-width:768px){.feature-icon{margin-bottom:var(--spacing-md)}.scanner-viewport{height:40rem}}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.3) 70%)}.scanner-guides{position:relative;width:min(90%,25rem);height:16rem;animation:3s ease-in-out infinite scannerPulse}@media (min-width:480px){.phone-mockup .scanner-controls{gap:2rem;padding:2.5rem 2rem 1rem}.scanner-guides{width:28rem;height:18rem}}@keyframes scannerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.scanner-guides .corner{position:absolute;width:clamp(3rem,7vw,4rem);height:clamp(3rem,7vw,4rem);border:3px solid var(--color-primary);border-radius:.5rem;transition:all var(--transition-fast);box-shadow:0 0 20px rgba(212,175,55,.5),inset 0 0 10px rgba(212,175,55,.2);animation:2s ease-in-out infinite alternate cornerGlow}@media (min-width:768px){.scanner-guides{width:30rem;height:20rem}.scanner-guides .corner{border-width:4px}}.scanner-guides .corner.top-left{top:0;left:0;border-right:none;border-bottom:none}.scanner-guides .corner.top-right{top:0;right:0;border-left:none;border-bottom:none}.scanner-guides .corner.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.scanner-guides .corner.bottom-right{bottom:0;right:0;border-left:none;border-top:none}#scan-line{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0,rgba(212,175,55,.3) 20%,var(--color-primary) 50%,rgba(212,175,55,.3) 80%,transparent 100%);animation:2.5s ease-in-out infinite scanAnimation;box-shadow:0 0 15px var(--color-primary),0 0 30px rgba(212,175,55,.5),0 2px 10px rgba(212,175,55,.8);border-radius:2px;opacity:.9}#scan-line::after{content:'';position:absolute;top:-2px;left:45%;right:45%;height:8px;background:radial-gradient(ellipse,var(--color-primary) 0,transparent 70%);filter:blur(1px);animation:2.5s ease-in-out infinite scannerFlare}@keyframes scannerFlare{0%,100%{opacity:0;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1.2)}}#scanner-canvas,#scanner-video{width:100%;height:100%;object-fit:cover}.scanner-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,.08) 0,transparent 50%),linear-gradient(135deg,#2d2d2d 0,#1a1a1a 50%,#0f0f0f 100%);color:var(--color-light);animation:4s ease-in-out infinite placeholderPulse}@keyframes placeholderPulse{0%,100%{background-size:100% 100%,100% 100%,100% 100%}50%{background-size:120% 120%,120% 120%,100% 100%}}.scanner-placeholder img{width:50%;height:auto;opacity:.4;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 20px rgba(212, 175, 55, .3));animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-text{font-size:1.6rem;color:var(--color-primary);text-align:center;text-shadow:0 0 10px rgba(212,175,55,.5);font-weight:500}.scanner-controls{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background:var(--color-light-dim);border-top:1px solid var(--color-light-gray);position:relative;min-height:8rem}.scanner-controls-disabled{position:relative;overflow:hidden;opacity:1}.control-group{display:flex;gap:var(--spacing-sm)}.control-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:var(--spacing-sm);background:var(--color-light);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:1.2rem;color:var(--color-text)}.control-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary);transform:translateY(-1px)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn i{font-size:clamp(1.6rem, 3vw, 2rem)}.scanner-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-light);border-top:1px solid var(--color-light-gray);position:relative;z-index:1}@media (min-width:768px){.scanner-status{gap:var(--spacing-sm);padding:var(--spacing-md)}}.status-icon{width:clamp(3.5rem,8vw,4rem);height:clamp(3.5rem,8vw,4rem);background:rgba(212,175,55,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:clamp(1.4rem, 3vw, 1.8rem);flex-shrink:0}.status-text{color:var(--color-text);line-height:1.4}.scanner-result{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-light);z-index:20;display:none;flex-direction:column}.scanner-result.active{display:flex}.result-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-light-dim);border-bottom:1px solid var(--color-light-gray)}.result-header h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark)}.result-close{width:4rem;height:4rem;background:0 0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;color:var(--color-text-muted);transition:var(--transition-fast)}.result-close:hover{background:var(--color-light-gray);color:var(--color-text)}.result-content{flex:1;padding:var(--spacing-md);overflow-y:auto}.result-product{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-light-dim);border-radius:var(--radius-sm)}@media (min-width:480px){.result-product{flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md)}}.product-image{width:100%;max-width:20rem;height:auto;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;margin:0 auto}@media (min-width:480px){.product-image{width:8rem;height:8rem;max-width:none;margin:0}}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{flex:1}.product-info h4{font-family:var(--font-primary);font-size:clamp(1.6rem, 3vw, 2rem);color:var(--color-dark);margin-bottom:.5rem;line-height:1.3}.product-info p{font-size:clamp(1.3rem, 2.5vw, 1.6rem);color:var(--color-text-light);margin-bottom:.5rem;line-height:1.5}.product-barcode{font-size:clamp(1.1rem, 2vw, 1.2rem);color:var(--color-text-muted);font-family:monospace;word-break:break-all}.result-nutrition{margin-bottom:var(--spacing-lg)}.result-nutrition h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-md)}.nutrition-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.nutrition-item{text-align:center;padding:var(--spacing-xs);background:var(--color-light-dim);border-radius:var(--radius-sm)}@media (min-width:480px){.nutrition-summary{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.nutrition-item{padding:var(--spacing-sm)}}.nutrition-value{display:block;font-size:clamp(1.6rem, 3vw, 2rem);font-weight:600;color:var(--color-primary);margin-bottom:.5rem}.nutrition-label{font-size:clamp(1.1rem, 2vw, 1.2rem);color:var(--color-text-light);line-height:1.3}.result-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (min-width:480px){.result-actions{flex-direction:row;gap:var(--spacing-sm)}}.demo-instructions{background:var(--color-light);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-gray)}.demo-instructions h3{font-family:var(--font-primary);font-size:clamp(2rem, 4vw, 2.4rem);color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.3}@media (min-width:768px){.demo-instructions{padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.demo-instructions h3{margin-bottom:var(--spacing-md)}}.instruction-list{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.instruction-list li{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-light-dim);border-radius:var(--radius-sm)}@media (min-width:480px){.instruction-list li{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}}.instruction-icon{width:clamp(3.5rem,8vw,4rem);height:clamp(3.5rem,8vw,4rem);min-width:44px;min-height:44px;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem, 3vw, 1.6rem);flex-shrink:0;aspect-ratio:1}.instruction-text{flex:1;color:var(--color-text);line-height:1.5;padding-top:.5rem}.demo-note{padding:var(--spacing-sm);background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-sm)}.demo-note p{margin:0;color:var(--color-text);font-size:1.4rem;line-height:1.5}.machine-learning-section{background:linear-gradient(135deg,#e0e7ff 0,#fff 25%,#d1fae5 50%,#fff 75%,#fed7aa 100%);position:relative;overflow:hidden}.ml-bg-ai-1{position:absolute;top:-12%;left:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(99,102,241,.13) 0,transparent 70%);pointer-events:none;z-index:0}.ml-bg-ai-2{position:absolute;bottom:-10%;right:-5%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(16,185,129,.11) 0,transparent 70%);pointer-events:none;z-index:0}.ml-bg-ai-3{position:absolute;top:35%;right:12%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(251,146,60,.1) 0,transparent 70%);pointer-events:none;z-index:0}.ml-bg-ai-4{position:absolute;top:50%;left:25%;width:48rem;height:48rem;background:radial-gradient(circle,rgba(139,92,246,.09) 0,transparent 70%);pointer-events:none;z-index:0}.ml-bg-circuit{position:absolute;top:10%;right:20%;width:18rem;height:18rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(16,185,129,.06));clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none;z-index:0;transform:rotate(45deg)}.ml-bg-node-1{position:absolute;top:25%;left:35%;width:1.2rem;height:1.2rem;background:rgba(99,102,241,.3);border-radius:50%;pointer-events:none;z-index:1}.ml-bg-node-2{position:absolute;top:60%;left:45%;width:1rem;height:1rem;background:rgba(16,185,129,.3);border-radius:50%;pointer-events:none;z-index:1}.ml-bg-node-3{position:absolute;top:40%;right:30%;width:1.4rem;height:1.4rem;background:rgba(251,146,60,.3);border-radius:50%;pointer-events:none;z-index:1}.ml-bg-tech-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(99,102,241,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(16,185,129,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.ml-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.ml-visual{display:flex;justify-content:center;align-items:center}.ml-diagram{position:relative}.ml-diagram-img{width:100%;height:auto;border-radius:var(--radius-lg)}.ml-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ml-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-gray);transition:var(--transition-fast)}.ml-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(212,175,55,.2)}.feature-content h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.feature-content p{color:var(--color-text-light);line-height:1.6}.user-experience-section{background:linear-gradient(135deg,#fce7f3 0,#fff 25%,#e0f2fe 50%,#fff 75%,#ecfccb 100%);position:relative;overflow:hidden}.user-experience-section::before{display:none}.ux-bg-flow-1{position:absolute;top:-10%;right:-8%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(236,72,153,.12) 0,transparent 70%);pointer-events:none;z-index:0}.ux-bg-flow-2{position:absolute;bottom:-15%;left:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(14,165,233,.11) 0,transparent 70%);pointer-events:none;z-index:0}.ux-bg-flow-3{position:absolute;top:30%;left:18%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(163,230,53,.09) 0,transparent 70%);pointer-events:none;z-index:0}.ux-bg-flow-4{position:absolute;top:55%;right:20%;width:48rem;height:48rem;background:radial-gradient(circle,rgba(244,114,182,.1) 0,transparent 70%);pointer-events:none;z-index:0}.ux-bg-wave-1{position:absolute;top:25%;left:10%;width:22rem;height:22rem;background:linear-gradient(135deg,rgba(236,72,153,.08),transparent);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;pointer-events:none;z-index:0}.ux-bg-wave-2{position:absolute;bottom:30%;right:15%;width:25rem;height:25rem;background:linear-gradient(225deg,rgba(14,165,233,.07),transparent);border-radius:40% 60% 70% 30%/40% 70% 30% 60%;pointer-events:none;z-index:0}.ux-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(236,72,153,.05) 2px,transparent 2px),radial-gradient(circle,rgba(14,165,233,.04) 2px,transparent 2px),radial-gradient(circle,rgba(163,230,53,.03) 2px,transparent 2px);background-size:70px 70px,100px 100px,130px 130px;background-position:0 0,35px 35px,65px 65px;pointer-events:none;z-index:0}.ux-features{display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative;z-index:1}.ux-feature{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:center;opacity:0;transform:translateY(2rem);animation:.8s ease-out forwards fadeInUp;text-align:center}.ux-feature:nth-child(2){animation-delay:.2s}.ux-feature.reverse{grid-template-columns:1fr}@media (min-width:1024px){.ux-feature{grid-template-columns:1fr 1fr;gap:var(--spacing-lg);text-align:left}.ux-feature:not(:has(.ux-feature-visual)){grid-template-columns:1fr;max-width:90rem;margin:0 auto}.ux-feature.reverse{grid-template-columns:1fr 1fr}.ux-feature.reverse:not(:has(.ux-feature-visual)){grid-template-columns:1fr;max-width:90rem;margin:0 auto}.ux-feature.reverse .ux-feature-visual{order:2}.ux-feature.reverse .ux-feature-content{order:1}.ux-feature:has(.ux-feature-visual) .ux-feature-content{grid-column:auto}.ux-feature .ux-feature-content:not(:only-child),.ux-feature .ux-feature-visual+.ux-feature-content{grid-column:auto}.ux-feature .ux-feature-content:only-child{max-width:90rem;margin:0 auto;text-align:left}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.ux-feature-visual{display:flex;justify-content:center;align-items:center;position:relative}.ux-feature-visual::before{content:'';position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(212,175,55,.1) 0,transparent 70%);border-radius:50%;z-index:-1;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.phone-mockup.small{width:100%;max-width:24rem;height:36rem;background:linear-gradient(145deg,#1a1a1a 0,#2d2d2d 50%,#1a1a1a 100%);border-radius:2rem;padding:1.2rem;box-shadow:0 15px 50px rgba(0,0,0,.25),0 5px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1);position:relative;transition:var(--transition-medium);margin:0 auto}@media (min-width:480px){.phone-mockup.small{padding:1.5rem;border-radius:2.4rem;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 25px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}}.phone-mockup.small::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-primary),transparent,var(--color-primary));border-radius:2.5rem;z-index:-1;opacity:0;transition:var(--transition-medium)}.phone-mockup.small:hover::before{opacity:.3}.phone-mockup.small:hover{transform:translateY(-.5rem) scale(1.02);box-shadow:0 25px 80px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)}.phone-mockup.small .phone-screen{border-radius:1.5rem;overflow:hidden;background:var(--color-light);max-height:32rem}.phone-mockup.large{width:100%;max-width:30rem;height:60rem;background:linear-gradient(145deg,#1a1a1a 0,#2d2d2d 50%,#1a1a1a 100%);border-radius:2.8rem;padding:2rem;box-shadow:0 20px 70px rgba(0,0,0,.35),0 8px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);position:relative;transition:var(--transition-medium);margin:0 auto}@media (min-width:768px){.phone-mockup.large{max-width:36rem;height:72rem;border-radius:3.5rem;padding:2.5rem;box-shadow:0 25px 80px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}}.phone-mockup.large::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,var(--color-primary),transparent,var(--color-primary));border-radius:3.8rem;z-index:-1;opacity:0;transition:var(--transition-medium)}.phone-mockup.large:hover::before{opacity:.3}.phone-mockup.large:hover{transform:translateY(-.5rem) scale(1.01);box-shadow:0 30px 100px rgba(0,0,0,.5),0 15px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15)}.phone-mockup.large .phone-screen{border-radius:2.5rem;overflow:hidden;background:var(--color-light)}.ux-screen{width:100%;height:100%;background:linear-gradient(135deg,var(--color-light) 0,#f8f9fa 100%);display:flex;flex-direction:column;padding:var(--spacing-sm);position:relative;border:1px solid rgba(212,175,55,.1)}@media (min-width:480px){.ux-screen{padding:var(--spacing-md)}}.ux-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:1.5px 1.5px 0 0}.screen-header{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid transparent;background:linear-gradient(90deg,transparent,var(--color-primary),transparent) bottom/100% 2px no-repeat;position:relative}.screen-header::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--color-primary);border-radius:2px;box-shadow:0 2px 8px rgba(212,175,55,.3)}.screen-header h4{font-family:var(--font-primary);font-size:1.8rem;color:var(--color-dark);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.scanning-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scan-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-light-gray);transition:var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;background:var(--color-light)}.scan-option::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:var(--transition-medium)}.scan-option:hover::before{left:100%}.scan-option:hover{border-color:var(--color-primary);transform:translateX(.3rem);box-shadow:0 4px 15px rgba(212,175,55,.2)}.scan-option.active{background:linear-gradient(135deg,rgba(212,175,55,.15) 0,rgba(212,175,55,.05) 100%);border-color:var(--color-primary);box-shadow:0 4px 15px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.2)}.scan-option.active::after{content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(212,175,55,.6);animation:2s ease-in-out infinite activePulse}@keyframes activePulse{0%,100%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}.option-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--color-light-gray) 0,#e8e8e8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,.1)}.scan-option.active .option-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-dark);transform:scale(1.1);box-shadow:0 4px 15px rgba(212,175,55,.4)}.option-label{font-size:1.4rem;color:var(--color-text);font-weight:500;transition:var(--transition-fast)}.scan-option.active .option-label{color:var(--color-dark);font-weight:600}.feedback-display{flex:1;position:relative;background:linear-gradient(135deg,#2d2d2d 0,#1a1a1a 50%,#2d2d2d 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.feedback-display::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(212,175,55,.05) 0,transparent 50%);animation:4s ease-in-out infinite bgShimmer}@keyframes bgShimmer{0%,100%{opacity:.5}50%{opacity:1}}.scan-guides{position:relative;width:12rem;height:8rem;z-index:1}.guide-corner{position:absolute;width:2.5rem;height:2.5rem;border:3px solid var(--color-primary);transition:var(--transition-fast);animation:2s ease-in-out infinite cornerGlow}@keyframes cornerGlow{0%{box-shadow:0 0 15px rgba(212,175,55,.3),inset 0 0 8px rgba(212,175,55,.1)}100%{box-shadow:0 0 25px rgba(212,175,55,.7),inset 0 0 12px rgba(212,175,55,.3)}0%,100%{border-color:var(--color-primary);box-shadow:0 0 10px rgba(212,175,55,.3)}50%{border-color:var(--color-accent);box-shadow:0 0 20px rgba(212,175,55,.6)}}.guide-corner.tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:.5rem 0 0;animation-delay:0s}.guide-corner.tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 .5rem 0 0;animation-delay:.5s}.guide-corner.bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 .5rem;animation-delay:1s}.guide-corner.br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 .5rem;animation-delay:1.5s}.scan-status{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,var(--color-light) 0,#f8f9fa 100%);padding:.8rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 8px 25px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1);border:2px solid rgba(212,175,55,.2);animation:3s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 8px 25px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}50%{transform:translateX(-50%) scale(1.05);box-shadow:0 12px 35px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.15)}}.scan-status .status-icon{width:2.5rem;height:2.5rem;color:#22c55e;font-size:1.6rem}@keyframes iconSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.status-message{font-size:1.3rem;color:var(--color-text);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.ux-feature-content{padding:var(--spacing-md);position:relative;grid-column:1/-1}.ux-feature-content::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;opacity:0;transition:var(--transition-medium)}.ux-feature:hover .ux-feature-content::before{opacity:1}.ux-feature-content h3{font-family:var(--font-primary);font-size:3.2rem;color:var(--color-dark);margin-bottom:var(--spacing-md);position:relative;display:inline-block}.ux-feature-content h3::after{content:'';position:absolute;bottom:-.5rem;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;transition:var(--transition-medium)}.ux-feature:hover .ux-feature-content h3::after{width:100%}.ux-feature-content .feature-list{margin:var(--spacing-md) 0;padding:0;list-style:none}.ux-feature-content .feature-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;position:relative;transition:var(--transition-fast)}.ux-feature-content .feature-list li:hover{transform:translateX(.5rem);background:rgba(212,175,55,.05);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.ux-feature-content .feature-list li i{color:var(--color-primary);font-size:1.4rem;margin-top:.2rem;transition:var(--transition-fast)}.ux-feature-content .feature-list li:hover i{transform:scale(1.2);color:var(--color-accent)}.ux-feature-content .feature-list li strong{color:var(--color-dark);font-weight:600}.ux-feature-content p{color:var(--color-text-light);line-height:1.7;font-size:1.6rem;position:relative;padding-left:var(--spacing-md);border-left:3px solid transparent;transition:var(--transition-medium)}.ux-feature:hover .ux-feature-content p{border-left-color:rgba(212,175,55,.3);padding-left:var(--spacing-md)}.backend-section{background:var(--color-light-dim)}.backend-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.backend-visual{display:flex;justify-content:center;align-items:center}.backend-diagram-img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.backend-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.backend-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-gray);transition:var(--transition-fast)}.backend-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(212,175,55,.2)}.privacy-section{background:linear-gradient(135deg,var(--color-secondary-dark) 0,var(--color-secondary) 50%,var(--color-secondary-dark) 100%);position:relative;overflow:hidden;color:var(--color-light)}.privacy-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.05) 0,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(212,175,55,.02) 50%,transparent 70%);pointer-events:none;animation:8s ease-in-out infinite privacyShimmer}@keyframes privacyShimmer{0%,100%{opacity:.3}50%{opacity:.6}}.privacy-section .container{position:relative;z-index:1}.privacy-section .section-header{margin-bottom:var(--spacing-xl)}.privacy-section .section-title{color:var(--color-light);text-shadow:0 2px 4px rgba(0,0,0,.3)}.privacy-section .section-subtitle{color:rgba(255,255,255,.8)}.privacy-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);position:relative}.privacy-feature{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.2);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transition:var(--transition-medium);position:relative;overflow:hidden;opacity:0;transform:translateY(2rem);animation:.8s ease-out forwards privacyFadeIn;display:flex;align-items:flex-start;gap:var(--spacing-md)}.privacy-feature:first-child{animation-delay:.1s}.privacy-feature:nth-child(2){animation-delay:.2s}.privacy-feature:nth-child(3){animation-delay:.3s}.privacy-feature:nth-child(4){animation-delay:.4s}@keyframes privacyFadeIn{to{opacity:1;transform:translateY(0)}}.privacy-feature .feature-icon{width:6rem;height:6rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-dark);font-size:2.5rem;box-shadow:0 8px 25px rgba(212,175,55,.4),inset 0 1px 0 rgba(255,255,255,.2);transition:var(--transition-medium);position:relative;flex-shrink:0}.privacy-feature .feature-icon::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-primary),var(--color-accent),var(--color-primary));border-radius:50%;z-index:-1;opacity:0;animation:3s ease-in-out infinite iconGlow}@keyframes iconGlow{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.privacy-feature:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(212,175,55,.6),inset 0 2px 0 rgba(255,255,255,.3)}.privacy-feature:hover .feature-icon::before{animation-duration:1.5s}.privacy-feature::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.3) 50%,transparent 70%);border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:var(--transition-medium)}.privacy-feature::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:var(--transition-slow)}.privacy-feature:hover::before{opacity:1}.privacy-feature:hover::after{left:100%}.privacy-feature:hover{transform:translateY(-.8rem) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(212,175,55,.3);border-color:rgba(212,175,55,.4)}.privacy-feature .feature-content{position:relative;z-index:2}.privacy-feature .feature-content h3{font-family:var(--font-primary);font-size:2.6rem;color:var(--color-light);margin-bottom:var(--spacing-md);position:relative;display:inline-block;text-shadow:0 2px 4px rgba(0,0,0,.3)}.privacy-feature .feature-content h3::before{content:'';position:absolute;top:-.5rem;left:-1rem;width:3rem;height:3rem;background:radial-gradient(circle,rgba(212,175,55,.2) 0,transparent 70%);border-radius:50%;z-index:-1;transition:var(--transition-medium)}.privacy-feature:hover .feature-content h3::before{transform:scale(1.5);background:radial-gradient(circle,rgba(212,175,55,.3) 0,transparent 70%)}.privacy-feature .feature-content h3::after{content:'';position:absolute;bottom:-.5rem;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;transition:var(--transition-medium);box-shadow:0 2px 8px rgba(212,175,55,.4)}.privacy-feature:hover .feature-content h3::after{width:100%}.privacy-feature .feature-content p{color:rgba(255,255,255,.85);line-height:1.7;font-size:1.6rem;position:relative;padding-left:var(--spacing-md);border-left:3px solid transparent;transition:var(--transition-medium)}.privacy-feature:hover .feature-content p{border-left-color:rgba(212,175,55,.5);color:rgba(255,255,255,.95)}.privacy-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3) 20%,rgba(212,175,55,.6) 50%,rgba(212,175,55,.3) 80%,transparent)}.privacy-features::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(212,175,55,.03) 0,transparent 70%);border-radius:50%;z-index:-1;animation:6s ease-in-out infinite privacyPulse}@keyframes privacyPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.privacy-feature .feature-content::before{content:'';position:absolute;top:-1rem;right:-1rem;width:2rem;height:2rem;background:linear-gradient(45deg,var(--color-accent),var(--color-primary));border-radius:50%;opacity:0;transform:scale(0);transition:var(--transition-medium);box-shadow:0 4px 15px rgba(212,175,55,.4)}.privacy-feature:hover .feature-content::before{opacity:1;transform:scale(1)}@media (max-width:768px){.privacy-features{grid-template-columns:1fr;gap:var(--spacing-md)}.privacy-feature{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.privacy-feature .feature-icon{align-self:center;width:5rem;height:5rem;font-size:2rem}}.food-recognition-section{background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);position:relative;overflow:hidden}.food-recognition-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,175,55,.05) 0,transparent 50%);pointer-events:none;z-index:var(--z-back)}.recognition-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.recognition-demo{display:flex;justify-content:center;align-items:center}.recognition-ui{width:100%;height:100%;background:var(--color-light);display:flex;flex-direction:column}.recognition-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-light-dim);border-bottom:1px solid var(--color-light-gray)}.recognition-title{font-family:var(--font-primary);font-size:1.8rem;color:var(--color-dark);font-weight:600}.recognition-close{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:50%;cursor:pointer;color:var(--color-text-muted);transition:var(--transition-fast)}.recognition-close:hover{background:var(--color-light-gray);color:var(--color-text)}.recognition-viewport{flex:1;display:flex;flex-direction:column;padding:var(--spacing-sm)}.food-image{position:relative;height:28rem;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:0 4px 15px rgba(0,0,0,.1);transition:var(--transition-fast)}.food-image:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.15)}.food-photo{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.food-image:hover .food-photo{transform:scale(1.05)}.recognition-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.recognition-box{position:absolute;border:3px solid var(--color-primary);border-radius:var(--radius-md);background:rgba(212,175,55,.15);padding:var(--spacing-xs);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(212,175,55,.3);transition:var(--transition-fast);animation:2s ease-in-out infinite recognitionPulse}@keyframes recognitionPulse{0%,100%{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(212,175,55,.3)}50%{border-color:var(--color-accent);box-shadow:0 6px 18px rgba(212,175,55,.5)}}.recognition-label{font-size:1.1rem;font-weight:700;color:var(--color-dark);margin-bottom:.3rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.confidence-bar{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.95);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:1rem;font-weight:600}.confidence-fill{height:6px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:3px;transition:width var(--transition-fast);box-shadow:0 1px 3px rgba(212,175,55,.3)}.confidence-bar span{font-size:1rem;font-weight:600;color:var(--color-dark);min-width:3rem}.recognition-results{flex:1;padding:var(--spacing-md);background:var(--color-light-dim);border-radius:var(--radius-md)}.recognition-results h4{font-family:var(--font-primary);font-size:2.2rem;color:var(--color-dark);margin-bottom:var(--spacing-md)}.recognized-items{margin-bottom:var(--spacing-md);max-height:20rem;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs)}.recognized-items::-webkit-scrollbar{width:4px}.recognized-items::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:2px}.recognized-items::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.recognized-items::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.recognized-item{display:flex;flex-direction:column;gap:.5rem;padding:var(--spacing-md);background:var(--color-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--color-light-gray);transition:var(--transition-fast)}.recognized-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.item-name{font-weight:600;color:var(--color-dark);font-size:1.4rem}.item-nutrition{font-size:1.3rem;color:var(--color-text-light);line-height:1.4}.total-nutrition{padding:var(--spacing-md);background:linear-gradient(135deg,rgba(212,175,55,.15) 0,rgba(212,175,55,.05) 100%);border:2px solid rgba(212,175,55,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.total-label{font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-size:1.6rem}.total-values{font-size:1.4rem;color:var(--color-primary);font-weight:600}.recognition-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recognition-actions .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1.3rem;border-radius:var(--radius-md)}.recognition-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.development-phase,.technical-architecture{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-light-gray)}.development-phase h3,.technical-architecture h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-md);position:relative;display:inline-block}.development-phase h3::before,.technical-architecture h3::before{content:'';position:absolute;top:-.5rem;left:-1rem;width:3rem;height:3rem;background:radial-gradient(circle,rgba(212,175,55,.2) 0,transparent 70%);border-radius:50%;z-index:-1}.development-phase h3::after,.technical-architecture h3::after{content:'';position:absolute;bottom:-.5rem;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;transition:var(--transition-medium)}.development-phase:hover h3::after,.technical-architecture:hover h3::after{width:100%}.development-phase p,.technical-architecture p{color:var(--color-text-light);line-height:1.7;margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-sm);border-left:3px solid transparent;transition:var(--transition-medium)}.development-phase:hover p,.technical-architecture:hover p{border-left-color:rgba(212,175,55,.3);color:var(--color-text)}.food-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin:var(--spacing-md) 0}.food-category{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);border-radius:var(--radius-md);border:1px solid var(--color-light-gray);transition:var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.food-category::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:var(--transition-medium)}.food-category:hover::before{left:100%}.food-category:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.2);border-color:rgba(212,175,55,.3)}.category-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 12px rgba(212,175,55,.3);transition:var(--transition-fast);flex-shrink:0}.food-category:hover .category-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 18px rgba(212,175,55,.5)}.category-name{font-weight:600;color:var(--color-text);font-size:1.4rem;transition:var(--transition-fast)}.food-category:hover .category-name{color:var(--color-dark)}.architecture-diagram{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-wrap:wrap;justify-content:center}.architecture-step{flex:1 1 0;min-width:12rem;max-width:none;text-align:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);border-radius:var(--radius-md);border:2px solid var(--color-light-gray);transition:var(--transition-fast);position:relative;overflow:hidden}.architecture-step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);transform:scaleX(0);transition:var(--transition-medium)}.architecture-step:hover::before{transform:scaleX(1)}.architecture-step:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(212,175,55,.2);border-color:rgba(212,175,55,.3)}.step-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-content h4{font-family:var(--font-primary);font-size:1.7rem;color:var(--color-dark);margin-bottom:.5rem;font-weight:600;transition:var(--transition-fast)}.architecture-step:hover .step-content h4{color:var(--color-primary)}.step-content p{font-size:1.3rem;color:var(--color-text-light);margin:0;line-height:1.4;transition:var(--transition-fast);text-align:center}.architecture-step:hover .step-content p{color:var(--color-text)}.architecture-arrow{color:var(--color-primary);font-size:2.2rem;transition:var(--transition-fast);animation:2s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.architecture-arrow:hover{color:var(--color-accent);transform:scale(1.3)}.progressive-learning{background:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(30,41,59,.9) 50%,rgba(15,23,42,.95) 100%);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.3);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 32px rgba(212,175,55,.1),inset 0 1px 0 rgba(255,255,255,.1);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;opacity:0;transform:translateY(2rem);animation:1s ease-out forwards progressiveLearningSlideIn}@keyframes progressiveLearningSlideIn{to{opacity:1;transform:translateY(0)}}.progressive-learning::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.05) 50%,transparent 70%);animation:4s ease-in-out infinite progressiveShimmer;pointer-events:none}@keyframes progressiveShimmer{0%,100%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.progressive-learning h3{font-family:var(--font-primary);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg);text-align:center;z-index:2}.progressive-learning>p{color:rgba(255,255,255,.9);font-size:1.4rem;line-height:1.7;text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:2}.learning-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);position:relative;z-index:2}.learning-feature{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.2);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transition:var(--transition-medium);position:relative;overflow:hidden;opacity:0;transform:translateY(2rem);animation:.8s ease-out forwards learningFeatureFadeIn}.learning-feature:first-child{animation-delay:.2s}.learning-feature:nth-child(2){animation-delay:.3s}.learning-feature:nth-child(3){animation-delay:.4s}.learning-feature:nth-child(4){animation-delay:.5s}@keyframes learningFeatureFadeIn{to{opacity:1;transform:translateY(0)}}.learning-feature::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.4) 50%,transparent 70%);border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:var(--transition-medium)}.learning-feature:hover{transform:translateY(-.5rem);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 32px rgba(212,175,55,.3),inset 0 2px 0 rgba(255,255,255,.2)}.learning-feature:hover::before{opacity:1;animation:2s ease-in-out infinite learningGlow}@keyframes learningGlow{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.learning-feature .feature-content h4{font-family:var(--font-primary);font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);position:relative}.learning-feature .feature-content h4::after{content:'';position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px}.learning-feature .feature-content p{color:rgba(255,255,255,.85);line-height:1.6;margin:0;font-size:1.1rem}.expansion-roadmap{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-light-gray);margin-bottom:var(--spacing-xl)}.expansion-roadmap h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-md)}.expansion-roadmap p{color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.roadmap-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.roadmap-phase{display:flex;gap:var(--spacing-md);align-items:flex-start}.phase-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.phase-dot{width:2rem;height:2rem;background:var(--color-primary);border-radius:50%;position:relative;z-index:1}.roadmap-phase.current .phase-dot{background:var(--color-accent);box-shadow:0 0 0 4px rgba(212,175,55,.2)}.phase-line{width:2px;height:4rem;background:var(--color-light-gray);margin-top:.5rem}.roadmap-phase:last-child .phase-line{display:none}.phase-content{flex:1;padding:var(--spacing-sm);background:var(--color-light-dim);border-radius:var(--radius-sm)}.phase-content h4{font-family:var(--font-primary);font-size:1.8rem;color:var(--color-dark);margin-bottom:.5rem;display:flex;align-items:center;gap:var(--spacing-sm)}.phase-status{font-size:1.2rem;background:var(--color-primary);color:var(--color-dark);padding:.2rem .8rem;border-radius:var(--radius-sm);font-weight:600}.phase-content p{color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.phase-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{flex:1;height:6px;background:var(--color-light-gray);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);transition:width var(--transition-fast)}.progress-text{font-size:1.2rem;color:var(--color-text-muted);font-weight:500;min-width:8rem}.user-experience-grid{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-light-gray);margin-bottom:var(--spacing-xl)}.user-experience-grid h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-md)}.user-experience-grid p{color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.ux-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.ux-card{text-align:center;padding:var(--spacing-md);background:var(--color-light-dim);border-radius:var(--radius-sm);border:1px solid var(--color-light-gray);transition:var(--transition-fast)}.ux-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(212,175,55,.2)}.ux-icon{width:5rem;height:5rem;background:var(--color-primary);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--spacing-sm)}.ux-card h4{font-family:var(--font-primary);font-size:1.6rem;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.ux-card p{color:var(--color-text-light);font-size:1.4rem;line-height:1.5;margin:0}.privacy-ethics{background:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(30,41,59,.9) 50%,rgba(15,23,42,.95) 100%);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.3);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 32px rgba(212,175,55,.1),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;opacity:0;transform:translateY(2rem);animation:1s ease-out .3s forwards ethicsSlideIn}@keyframes ethicsSlideIn{to{opacity:1;transform:translateY(0)}}.privacy-ethics::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.05) 50%,transparent 70%);animation:4s ease-in-out infinite ethicsShimmer;pointer-events:none}@keyframes ethicsShimmer{0%,100%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.privacy-ethics h3{font-family:var(--font-primary);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg);text-align:center;z-index:2}.privacy-ethics>p{color:rgba(255,255,255,.9);font-size:1.4rem;line-height:1.7;text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:2}.ethics-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);position:relative;z-index:2}.ethics-feature{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.2);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transition:var(--transition-medium);position:relative;overflow:hidden;opacity:0;transform:translateY(2rem);animation:.8s ease-out forwards ethicsFeatureFadeIn}.ethics-feature:first-child{animation-delay:.5s}.ethics-feature:nth-child(2){animation-delay:.6s}.ethics-feature:nth-child(3){animation-delay:.7s}.ethics-feature:nth-child(4){animation-delay:.8s}@keyframes ethicsFeatureFadeIn{to{opacity:1;transform:translateY(0)}}.ethics-feature::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.4) 50%,transparent 70%);border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:var(--transition-medium)}.ethics-feature::after{content:'🔒';position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.3;transition:var(--transition-medium)}.ethics-feature:hover{transform:translateY(-.5rem);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 32px rgba(212,175,55,.3),inset 0 2px 0 rgba(255,255,255,.2)}.ethics-feature:hover::before{opacity:1;animation:2s ease-in-out infinite ethicsGlow}.ethics-feature:hover::after{opacity:.6;transform:scale(1.2)}@keyframes ethicsGlow{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.ethics-feature .feature-content h4{font-family:var(--font-primary);font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.ethics-feature .feature-content h4::before{content:'🛡️';font-size:1.8rem;opacity:.8}.ethics-feature .feature-content h4::after{content:'';position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px}.ethics-feature .feature-content p{color:rgba(255,255,255,.85);line-height:1.6;margin:0;font-size:1.1rem}.privacy-ethics h3,.progressive-learning h3{position:relative}.privacy-ethics h3::before,.progressive-learning h3::before{content:'';position:absolute;top:-1rem;left:50%;transform:translateX(-50%);width:4rem;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;opacity:0;animation:1s ease-out 1s forwards titleLineSlideIn}@keyframes titleLineSlideIn{from{width:0;opacity:0}to{width:4rem;opacity:1}}.learning-feature:first-child:hover{background:linear-gradient(135deg,rgba(74,222,128,.1) 0,rgba(34,197,94,.05) 100%);border-color:rgba(34,197,94,.3)}.learning-feature:nth-child(2):hover{background:linear-gradient(135deg,rgba(56,189,248,.1) 0,rgba(14,165,233,.05) 100%);border-color:rgba(14,165,233,.3)}.learning-feature:nth-child(3):hover{background:linear-gradient(135deg,rgba(251,146,60,.1) 0,rgba(249,115,22,.05) 100%);border-color:rgba(249,115,22,.3)}.learning-feature:nth-child(4):hover{background:linear-gradient(135deg,rgba(168,85,247,.1) 0,rgba(147,51,234,.05) 100%);border-color:rgba(147,51,234,.3)}.ethics-feature:first-child .feature-content h4::before{content:'🔐'}.ethics-feature:nth-child(2) .feature-content h4::before{content:'🎭'}.ethics-feature:nth-child(3) .feature-content h4::before{content:'🛡️'}.ethics-feature:nth-child(4) .feature-content h4::before{content:'✅'}.ethics-feature .feature-content h4::after,.learning-feature .feature-content h4::after{animation:3s ease-in-out infinite underlinePulse}@keyframes underlinePulse{0%,100%{width:3rem;opacity:1}50%{width:4rem;opacity:.7}}.progressive-learning::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);animation:3s ease-in-out infinite progressiveLoader}@keyframes progressiveLoader{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.privacy-ethics::after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,#0f0 20%,#0f0 80%,transparent 100%);animation:4s ease-in-out infinite securityScan;opacity:.6}@keyframes securityScan{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.voice-logging-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#ede9fe 0,#fff 25%,#fce7f3 50%,#fff 75%,#ccfbf1 100%);position:relative;overflow:hidden}.voice-logging-section::before{display:none}.voice-bg-wave-1{position:absolute;top:-8%;left:-10%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(139,92,246,.14) 0,transparent 70%);pointer-events:none;z-index:0}.voice-bg-wave-2{position:absolute;bottom:-12%;right:-8%;width:65rem;height:65rem;background:radial-gradient(circle,rgba(244,63,94,.11) 0,transparent 70%);pointer-events:none;z-index:0}.voice-bg-wave-3{position:absolute;top:35%;right:15%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(20,184,166,.1) 0,transparent 70%);pointer-events:none;z-index:0}.voice-bg-wave-4{position:absolute;top:48%;left:22%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(168,85,247,.09) 0,transparent 70%);pointer-events:none;z-index:0}.voice-bg-sound-1{position:absolute;top:20%;left:40%;width:20rem;height:8rem;background:linear-gradient(90deg,rgba(139,92,246,.12),transparent);border-radius:50%;transform:rotate(-15deg);pointer-events:none;z-index:0}.voice-bg-sound-2{position:absolute;bottom:28%;right:35%;width:18rem;height:7rem;background:linear-gradient(270deg,rgba(244,63,94,.1),transparent);border-radius:50%;transform:rotate(20deg);pointer-events:none;z-index:0}.voice-bg-sound-3{position:absolute;top:55%;right:25%;width:16rem;height:6rem;background:linear-gradient(45deg,rgba(20,184,166,.08),transparent);border-radius:50%;transform:rotate(-10deg);pointer-events:none;z-index:0}.voice-bg-ripple{position:absolute;top:45%;left:35%;width:30rem;height:30rem;border:2px solid rgba(139,92,246,.06);border-radius:50%;pointer-events:none;z-index:0;animation:4s ease-out infinite ripple}@keyframes ripple{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.3);opacity:0}}.voice-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(139,92,246,.04) 2px,transparent 2px),radial-gradient(circle,rgba(244,63,94,.03) 2px,transparent 2px);background-size:60px 60px,90px 90px;background-position:0 0,30px 30px;pointer-events:none;z-index:0}.voice-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;margin-top:var(--spacing-lg)}.voice-visual{display:flex;justify-content:center;align-items:center}.voice-ui{width:100%;height:100%;background:linear-gradient(135deg,#1a252f 0,#2c3e50 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}.voice-results::-webkit-scrollbar,.voice-ui::-webkit-scrollbar{width:8px}.voice-results::-webkit-scrollbar-track,.voice-ui::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.voice-results::-webkit-scrollbar-thumb,.voice-ui::-webkit-scrollbar-thumb{background:rgba(212,175,55,.5);border-radius:4px}.voice-results::-webkit-scrollbar-thumb:hover,.voice-ui::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,.7)}.voice-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(212,175,55,.2);flex-shrink:0}.voice-header h4{font-family:var(--font-primary);font-size:2.2rem;color:var(--color-primary);margin:0;font-weight:600}.voice-close{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);cursor:pointer;transition:var(--transition-fast)}.voice-close:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.voice-content-wrapper{flex:1;overflow-y:auto;padding:2.5rem 2rem 6rem;display:flex;flex-direction:column;gap:2rem}.voice-animation{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex-shrink:0}.voice-wave{display:flex;align-items:center;gap:.8rem;height:6rem}.wave-bar{width:.6rem;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:1rem;animation:1.2s ease-in-out infinite waveAnimation}.wave-bar:first-child{height:2.5rem;animation-delay:0s}.wave-bar:nth-child(2){height:4rem;animation-delay:.1s}.wave-bar:nth-child(3){height:5.5rem;animation-delay:.2s}.wave-bar:nth-child(4){height:4rem;animation-delay:.3s}.wave-bar:nth-child(5){height:2.5rem;animation-delay:.4s}@keyframes waveAnimation{0%,100%{transform:scaleY(1);opacity:.6}50%{transform:scaleY(1.5);opacity:1}}.voice-icon{width:6rem;height:6rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(212,175,55,.4);animation:2s ease-in-out infinite voicePulse}.voice-icon i{font-size:3rem;color:#fff}@keyframes voicePulse{0%,100%{transform:scale(1);box-shadow:0 0 30px rgba(212,175,55,.4)}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(212,175,55,.6)}}.voice-status{text-align:center;flex-shrink:0}.status-text{font-size:1.3rem;color:var(--color-primary);margin-bottom:.8rem;font-weight:500;letter-spacing:.05em}.voice-transcript{font-size:1.5rem;color:rgba(255,255,255,.95);font-style:italic;line-height:1.5;padding:1.2rem 1.5rem;background:rgba(255,255,255,.05);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.voice-results{display:flex;flex-direction:column;gap:1rem}.voice-result-item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;background:rgba(255,255,255,.05);border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.2);transition:var(--transition-fast);flex-shrink:0}.voice-result-item:hover{background:rgba(255,255,255,.08);border-color:rgba(212,175,55,.4);transform:translateX(5px)}.voice-result-item .result-icon{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;color:#fff;font-size:1.2rem}.voice-result-item .result-text{display:flex;flex-direction:column;gap:.2rem;flex:1}.voice-result-item .food-name{font-size:1.4rem;color:rgba(255,255,255,.95);font-weight:500}.voice-result-item .food-nutrition{font-size:1.2rem;color:rgba(255,255,255,.6)}.voice-features{display:flex;flex-direction:column;gap:var(--spacing-md)}.voice-feature{display:flex;gap:2rem;padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid transparent}.voice-feature:hover{box-shadow:var(--shadow-md);border-color:rgba(212,175,55,.2);transform:translateY(-3px)}.voice-feature .feature-icon{width:6rem;height:6rem;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;box-shadow:var(--shadow-gold)}.voice-feature .feature-content h3{font-family:var(--font-primary);font-size:2rem;color:var(--color-secondary);margin-bottom:1rem;font-weight:600}.voice-feature .feature-content p{font-size:1.5rem;color:var(--color-text-light);line-height:1.7}.voice-examples{margin-top:var(--spacing-xl);text-align:center}.voice-examples h3{font-family:var(--font-primary);font-size:3rem;color:var(--color-secondary);margin-bottom:var(--spacing-lg);font-weight:600}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:var(--spacing-md)}.example-card{padding:3rem 2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:2px solid transparent;cursor:pointer}.example-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-5px)}.example-card .example-icon{width:6rem;height:6rem;margin:0 auto 2rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.example-card h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-secondary);margin-bottom:1rem;font-weight:600}.example-card p{font-size:1.6rem;color:var(--color-text);line-height:1.6;font-weight:500}@media (max-width:1024px){.voice-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.voice-visual{order:2}.voice-features{order:1}}@media (max-width:768px){.voice-logging-section{padding:var(--spacing-lg) 0}.voice-ui{padding:2rem 1.5rem}.voice-header h4{font-size:1.8rem}.voice-wave{height:6rem;gap:.6rem}.wave-bar{width:.5rem}.wave-bar:nth-child(3){height:5rem}.voice-icon{width:6rem;height:6rem}.voice-icon i{font-size:2.5rem}.voice-transcript{font-size:1.6rem;padding:1.2rem 1.5rem}.voice-feature{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem}.voice-feature .feature-icon{width:5rem;height:5rem;font-size:2rem;margin:0 auto}.voice-feature .feature-content h3{font-size:1.8rem}.voice-feature .feature-content p{font-size:1.4rem}.voice-examples h3{font-size:2.4rem}.example-grid{grid-template-columns:1fr}.example-card{padding:2.5rem 2rem}}.feature-cta-section{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-light);text-align:center;position:relative;overflow:hidden}.feature-cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23d4af37" opacity="0.3"/><circle cx="80" cy="80" r="1" fill="%23d4af37" opacity="0.3"/><circle cx="60" cy="30" r="1" fill="%23d4af37" opacity="0.3"/><circle cx="30" cy="70" r="1" fill="%23d4af37" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>');opacity:.1;z-index:var(--z-back)}.feature-cta-content{position:relative;z-index:var(--z-normal)}.feature-cta-content h2{font-family:var(--font-primary);font-size:4.8rem;margin-bottom:var(--spacing-md);line-height:1.2}.feature-cta-content p{font-size:1.8rem;margin-bottom:var(--spacing-lg);max-width:80rem;margin-left:auto;margin-right:auto;opacity:.9;line-height:1.6}.feature-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.fade-in{opacity:0;transform:translateY(30px);transition:var(--transition-medium)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-50px);transition:var(--transition-medium)}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:var(--transition-medium)}.slide-in-right.visible{opacity:1;transform:translateX(0)}@media (max-width:1024px){.feature-hero-section{padding:14rem 0 var(--spacing-xl)!important}.feature-hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.backend-content,.barcode-types,.demo-container,.ml-content,.recognition-showcase{grid-template-columns:1fr;gap:var(--spacing-md)}.features-grid{grid-template-columns:repeat(2,1fr)}.ux-feature{grid-template-columns:1fr;gap:var(--spacing-md)}.ux-feature.reverse .ux-feature-content,.ux-feature.reverse .ux-feature-visual{order:initial}}@media (max-width:768px){html{font-size:56.25%}.feature-hero-section{padding:12rem 0 var(--spacing-lg)!important}.feature-hero-title{font-size:4.8rem}.section-title{font-size:3.6rem}.ethics-features,.features-grid,.learning-features,.privacy-features{grid-template-columns:1fr}.ux-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.food-categories{grid-template-columns:1fr}.architecture-diagram{flex-direction:column}.architecture-arrow{transform:rotate(90deg)}.feature-cta-buttons{flex-direction:column;align-items:center;width:100%}.feature-cta-buttons .btn{width:100%;max-width:30rem}.phone-mockup{max-width:100%}.phone-mockup.small{max-width:20rem;height:40rem}.bg-shape{display:none}img{max-width:100%;height:auto}}@media (max-width:480px){html{font-size:50%}.feature-hero-section{padding:10rem 0 var(--spacing-lg)!important}.container{padding:0 var(--spacing-sm)}.feature-hero-title{font-size:4rem}.section-title{font-size:3.2rem}.ux-grid{grid-template-columns:1fr}.phone-mockup{max-width:100%;height:auto;min-height:58rem}.phone-mockup.small{display:none}.phone-mockup.large{max-width:26rem;height:52rem}section{padding:3rem 0}.feature-card{padding:var(--spacing-md)}.barcode-type{padding:var(--spacing-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.hidden{display:none}.visible{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.cursor,.cursor-follower,.loader,.main-header,.mobile-menu{display:none!important}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}.feature-hero-section{padding:2rem 0}section{padding:1rem 0;page-break-inside:avoid}.btn{border:1px solid #000;background:0 0!important;color:#000!important}}.disabled-premium{opacity:.6;cursor:not-allowed!important;position:relative}.disabled-premium:hover::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:var(--color-dark);color:var(--color-light);padding:.8rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 8px 20px rgba(0,0,0,.25);border:1px solid var(--color-primary)}.disabled-premium:hover::before{content:'';position:absolute;bottom:110%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--color-dark);z-index:1000}.disabled-premium:hover{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);transform:translateY(0)}@media (hover:none) and (pointer:coarse){.btn,.control-btn,.scanner-btn{min-height:48px;min-width:48px;-webkit-tap-highlight-color:rgba(212,175,55,0.2)}.barcode-type:hover,.feature-card:hover{transform:none}.barcode-type:active,.feature-card:active{transform:scale(.98)}}@media (max-width:768px){body{text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}}*{-webkit-overflow-scrolling:touch}.btn,.control-btn,.cta-button,.scanner-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:576px){.feature-hero-content{gap:2rem!important}.feature-hero-cta{gap:1rem!important}.features-grid{gap:var(--spacing-md)}.ux-features{gap:var(--spacing-lg)}}@media (max-width:374px){html{font-size:56.25%}.container{padding:0 1rem}.phone-mockup{padding:1rem}.scanner-btn{width:4rem;height:4rem;font-size:1.6rem}}@media (max-width:896px) and (orientation:landscape){.feature-hero-section{padding:8rem 0 var(--spacing-md)!important}section{padding:var(--spacing-md) 0}.phone-mockup{height:auto;max-height:50vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.control-btn,.feature-icon,.scanner-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.btn:focus-visible,.control-btn:focus-visible,.scanner-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}