:root{--primary-color: #7c3aed;--primary-light: #9f67ff;--secondary-color: #10b981;--text-color: #f8fafc;--text-color-muted: #cbd5e1;--bg-color: #0f172a;--bg-light: #1e293b;--card-bg: rgba(30, 41, 59, .5);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .07);--glass-shadow: rgba(0, 0, 0, .25);--backdrop-blur: 12px;--transition: .3s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,var(--bg-color),#0a192f);color:var(--text-color);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}.noise{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;background:linear-gradient(120deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}p{margin-bottom:1.5rem;color:var(--text-color-muted)}a{text-decoration:none;color:var(--text-color);transition:var(--transition)}.highlight{color:var(--primary-light);-webkit-text-fill-color:var(--primary-light)}.section-title{text-align:center;margin-bottom:3rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.glass-card{background:var(--card-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px var(--glass-shadow);padding:2rem;position:relative;overflow:hidden;transition:var(--transition)}.glass-card:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent)}.glass-card:after{content:"";position:absolute;bottom:0;left:-50%;width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shadow),transparent)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000004d}.glass-button{display:inline-block;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:30px;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));color:var(--text-color);font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;z-index:1}.glass-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#ffffff1a,#fff0);z-index:-1;transition:var(--transition)}.glass-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.glass-button:hover:before{transform:translateY(100%)}.glass-button.primary{background:linear-gradient(120deg,var(--primary-color),var(--primary-light));border:none}.glass-button.primary:before{background:linear-gradient(120deg,#fff3,#ffffff0d)}.glass-button.small{padding:.5rem 1rem;font-size:.9rem}.glass-button.large{padding:1rem 2rem;font-size:1.1rem}.glass-button.cta{background:linear-gradient(120deg,var(--secondary-color),#34d399);border:none}.glass-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-bottom:2rem;position:relative;z-index:100}.logo{display:flex;align-items:center}.logo-text{font-size:1.8rem;font-weight:700;background:linear-gradient(120deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:1.5rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;min-height:calc(100vh - 200px);align-items:center;margin-bottom:5rem}.hero-content{z-index:2;animation:fadeInLeft 1s ease-out forwards}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.hero-image{position:relative;height:600px;display:flex;justify-content:center;align-items:center;padding:3rem;animation:fadeInRight 1s ease-out forwards}.phone-mockup{width:300px;height:600px;background:#000;border-radius:40px;position:relative;overflow:hidden;border:8px solid #2d3748;box-shadow:0 25px 50px -12px #00000080}.phone-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:25px;background:#2d3748;border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:2}.phone-screen{width:100%;height:100%;background:var(--bg-light);overflow:hidden;position:relative}.app-demo{width:100%;height:100%;position:relative}.app-demo-step{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;justify-content:center;align-items:center}.app-demo-step.active{opacity:1}.camera-ui{width:100%;height:100%;background:#000c;position:relative}.camera-viewfinder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:70%;border:2px solid rgba(255,255,255,.5);border-radius:8px}.camera-button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:60px;height:60px;background:#fff3;border:3px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer}.processing-ui{width:100%;height:100%;background:var(--bg-light);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.scan-animation{width:200px;height:200px;border-radius:50%;background:conic-gradient(var(--primary-color) 0%,transparent 65%);animation:spin 1.5s linear infinite;position:relative}.scan-animation:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:var(--bg-light);border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{font-size:1.2rem;color:var(--text-color)}.results-ui{width:100%;height:100%;background:var(--bg-light);padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.item-card{background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;gap:1rem;box-shadow:0 4px 6px #0000001a}.item-image{width:80px;height:80px;background:#ccc;border-radius:8px;flex-shrink:0}.item-details{flex:1}.item-name{font-weight:600;margin-bottom:.5rem}.item-price{font-weight:500;color:var(--primary-light)}.features{margin-bottom:5rem}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{text-align:center;padding:2.5rem 1.5rem}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:var(--primary-color);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.feature-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.camera-icon:after,.ai-icon:after,.search-icon:after,.shop-icon:after{content:"";position:absolute;width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.camera-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3 3 0 100-6 3 3 0 000 6z'/%3E%3Cpath fill-rule='evenodd' d='M9 3.75a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5A.75.75 0 019 3.75zm-3 0A2.25 2.25 0 003.75 6v12a2.25 2.25 0 002.25 2.25h12a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75H6zm3.75 7.5a4.5 4.5 0 118.985.67c.065-.09.099-.184.099-.28V6a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v12c0 .414.336.75.75.75H18a.75.75 0 00.75-.75v-3.75a.75.75 0 00-.099-.28 4.5 4.5 0 01-8.985-.67z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ai-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5a.75.75 0 01.75.75V4.5a.75.75 0 01-1.5 0V2.25A.75.75 0 0112 1.5zM5.636 4.136a.75.75 0 011.06 0l1.592 1.591a.75.75 0 01-1.061 1.06l-1.591-1.59a.75.75 0 010-1.061zm12.728 0a.75.75 0 010 1.06l-1.591 1.592a.75.75 0 01-1.06-1.061l1.59-1.591a.75.75 0 011.061 0zm-6.816 4.496a.75.75 0 01.82.311l5.228 7.917a.75.75 0 01-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 01-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 01-1.247-.606l.569-9.47a.75.75 0 01.554-.68zM3 10.5a.75.75 0 01.75-.75H6a.75.75 0 010 1.5H3.75A.75.75 0 013 10.5zm14.25 0a.75.75 0 01.75-.75h2.25a.75.75 0 010 1.5H18a.75.75 0 01-.75-.75zm-8.962 3.712a.75.75 0 010 1.061l-1.591 1.591a.75.75 0 11-1.061-1.06l1.591-1.592a.75.75 0 011.06 0z'/%3E%3C/svg%3E")}.search-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z' clip-rule='evenodd'/%3E%3C/svg%3E")}.shop-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z'/%3E%3C/svg%3E")}.how-it-works{margin-bottom:5rem}.steps{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;position:relative}.step-card{flex:1;min-width:200px;max-width:250px;padding:2rem;text-align:center;position:relative}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-weight:700;font-size:1.5rem}.connector{flex:0 0 50px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));align-self:center;position:relative}.connector:before,.connector:after{content:"";position:absolute;width:8px;height:8px;background:var(--primary-light);border-radius:50%;top:50%;transform:translateY(-50%)}.connector:before{left:0}.connector:after{right:0}.cta-section{text-align:center;padding:4rem 2rem;margin-bottom:5rem;background:linear-gradient(135deg,#7c3aed1a,#10b9811a)}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{max-width:700px;margin:0 auto 2rem}.glass-footer{backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));background:#0f172acc;border-top:1px solid var(--glass-border);padding:4rem 0 2rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:3rem}.footer-logo{flex:1;min-width:200px}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-column{min-width:120px}.footer-column h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color)}.footer-column a{display:block;color:var(--text-color-muted);margin-bottom:.75rem}.footer-column a:hover{color:var(--primary-light)}.copyright{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);font-size:.9rem;color:var(--text-color-muted)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.scrolled-into-view{opacity:1;transform:translateY(0)}.feature-cards .feature:nth-child(1){transition-delay:.1s}.feature-cards .feature:nth-child(2){transition-delay:.3s}.feature-cards .feature:nth-child(3){transition-delay:.5s}.feature-cards .feature:nth-child(4){transition-delay:.7s}.steps .step-card:nth-child(1){transition-delay:.1s}.steps .step-card:nth-child(3){transition-delay:.3s}.steps .step-card:nth-child(5){transition-delay:.5s}.steps .step-card:nth-child(7){transition-delay:.7s}.glass-card:hover:before{animation:reflectionMove 1.5s ease-in-out infinite}@keyframes reflectionMove{0%{left:-100%}50%,to{left:100%}}@media (max-width: 991px){h1{font-size:3rem}.hero{grid-template-columns:1fr}.hero-image{height:500px}.phone-mockup{width:250px;height:500px}}@media (max-width: 767px){.container{padding:1rem}h1{font-size:2.5rem}.glass-nav{flex-direction:column;gap:1.5rem}.nav-links{flex-wrap:wrap;justify-content:center}.feature-cards{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.connector{width:2px;height:50px;flex:0 0 50px}.connector:before,.connector:after{left:50%;transform:translate(-50%)}.connector:before{top:0}.connector:after{top:auto;bottom:0}.footer-content{flex-direction:column;gap:2rem}.footer-links{width:100%;justify-content:space-between}}.email-signup-form{width:100%;max-width:600px;margin:2rem auto 0}.form-input-container{display:flex;gap:.5rem;margin-bottom:1rem;position:relative;z-index:1}@media (max-width: 767px){.form-input-container{flex-direction:column}}.email-input{flex:1;background:#1e293bb3;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);border-radius:30px;color:var(--text-color);padding:.75rem 1.5rem;font-size:1rem;font-family:inherit;transition:box-shadow var(--transition),border-color var(--transition)}.email-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px #8b5cf64d}.email-input::placeholder{color:var(--text-color-muted)}.form-message{min-height:24px;text-align:center;font-size:.9rem;transition:all var(--transition)}.form-message.success{color:#34d399}.form-message.error{color:#ef4444}
