*{box-sizing:border-box}.index{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.backButton{display:flex;align-items:center;text-decoration:none;color:#333;font-weight:500;font-size:.95rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.backButton:hover{color:#fff;transform:translate(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{padding:6rem 2rem 4rem;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#6907b9,#be26ec);position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;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="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.heroContent{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.heroText{animation:slideInLeft 1s ease-out}.heroTitle{font-size:2.5rem;font-weight:800;margin:0 0 1.5rem;color:#fff;line-height:1.1}.heroSubtitle{font-size:1.5rem;color:#ffffffe6;margin:0 0 1rem;font-weight:600}.heroDescription{font-size:1.1rem;color:#fffc;margin:0 0 2rem;max-width:500px}.heroForm{margin-bottom:1rem}.inputGroup{display:flex;gap:0;max-width:500px;background:#fff;border-radius:50px;padding:4px;box-shadow:0 20px 40px #0000001a}.shopInput{flex:1;padding:1rem 1.5rem;border:none;background:transparent;font-size:1rem;outline:none;border-radius:50px}.shopInput::placeholder{color:#999}.heroButton{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.heroButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.buttonIcon{transition:transform .3s ease}.heroButton:hover .buttonIcon{transform:translate(4px)}.formHint{color:#ffffffb3;font-size:.9rem;margin:.5rem 0 0}.heroVisual{animation:slideInRight 1s ease-out}.mockupContainer{perspective:1000px}.mockup{background:#fff;border-radius:20px;box-shadow:0 30px 60px #0003;transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;animation:float 6s ease-in-out infinite;overflow:hidden}.mockup:hover{transform:rotateY(0) rotateX(0)}@keyframes float{0%,to{transform:rotateY(-5deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(5deg) translateY(-10px)}}.mockupHeader{padding:1rem;border-bottom:1px solid #eee;border-radius:20px 20px 0 0;background:#f8f9fa}.dots{display:flex;gap:.5rem}.dots span{width:12px;height:12px;border-radius:50%;background:#ddd}.dots span:nth-child(1){background:#ff5f56}.dots span:nth-child(2){background:#ffbd2e}.dots span:nth-child(3){background:#27ca3f}.mockupContent{padding:0}.productPage{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;max-height:500px;overflow:hidden}.productImage{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#667eea;position:relative;overflow:hidden}.productImage:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#667eea1a;border-radius:8px;z-index:1}.productDetails{display:flex;flex-direction:column;gap:1rem}.productTitle{font-size:1.25rem;font-weight:700;color:#333;margin:0;line-height:1.3}.productPrice{font-size:1.75rem;font-weight:800;color:#667eea;margin:0}.productDescription{font-size:.9rem;color:#666;line-height:1.4;margin:0}.stockSection{margin-top:1rem}.stockTitle{font-size:1rem;font-weight:600;color:#333;margin:0 0 .75rem}.stockList{display:flex;flex-direction:column;gap:.5rem}.stockCard{background:#f8f9fa;padding:.75rem;border-radius:8px;margin-bottom:.5rem;border-left:3px solid #667eea;animation:pulse 2s ease-in-out infinite;font-size:.85rem}.stockCard:nth-child(2){border-left-color:#ff9500;animation-delay:.5s}.stockCard:nth-child(3){border-left-color:#ff3b30;animation-delay:1s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stockLocation{font-weight:600;color:#333;margin-bottom:.25rem;font-size:.85rem}.stockStatus{color:#666;font-size:.8rem}.addToCartButton{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #667eea4d}.addToCartButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.features{padding:1rem 0;background:#fff;position:relative}.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.featureGrid.reverse{direction:rtl}.featureGrid.reverse>*{direction:ltr}.featureContent{padding:2rem 0}.featureVisual{display:flex;justify-content:center;align-items:center}.featureSubtitle{font-size:1.1rem;color:#667eea;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.features .featureGrid:last-child{margin-bottom:0}.features .featureTitle{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:#333;line-height:1.2}.features .featureDescription{font-size:1.1rem;color:#666;line-height:1.6;margin:0}.features .mockupContainer{perspective:1000px;transition:transform .3s ease}.features .mockupContainer:hover{transform:scale(1.02)}.features .mockup{border-radius:15px;box-shadow:0 20px 40px #00000026;transition:all .3s ease;overflow:hidden}.features .mockup:hover{box-shadow:0 25px 50px #0003;transform:translateY(-5px)}.features .mockup img{border-radius:15px;transition:transform .3s ease}.features .mockup:hover img{transform:scale(1.05)}.sectionTitle{text-align:center;font-size:2.25rem;font-weight:800;margin:0 0 4rem;color:#333;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.featureCard{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden;text-align:left;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem}.featureCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.featureCard:hover:before{transform:scaleX(1)}.featureCard:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026}.featureIcon{font-size:3rem;margin:0;animation:bounce 2s ease-in-out infinite}.featureCard:nth-child(2) .featureIcon{animation-delay:.2s}.featureCard:nth-child(3) .featureIcon{animation-delay:.4s}.featureCard:nth-child(4) .featureIcon{animation-delay:.6s}.featureCard:nth-child(5) .featureIcon{animation-delay:.8s}.featureCard:nth-child(6) .featureIcon{animation-delay:1s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.featureTitle{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#333}.featureDescription{color:#666;line-height:1.6;margin:0;grid-column:1 / -1}.benefits{padding:6rem 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.benefitsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.benefitItem{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.benefitItem:hover{transform:scale(1.05)}.benefitNumber{font-size:3rem;font-weight:800;color:#667eea;margin-bottom:1rem}.benefitText{color:#666;font-weight:600}.testimonials{padding:6rem 0;background:#fff;position:relative}.testimonialsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem}.testimonialCard{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden}.testimonialCard:before{content:'"';position:absolute;top:1rem;left:2rem;font-size:4rem;color:#667eea;opacity:.2;font-family:serif}.testimonialCard:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.testimonialText{font-size:1.1rem;line-height:1.6;color:#555;margin:0 0 1.5rem;font-style:italic;position:relative;z-index:2}.testimonialAuthor{display:flex;align-items:center;gap:1rem}.authorAvatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.authorInfo{flex:1}.authorName{font-weight:700;color:#333;margin:0 0 .25rem}.authorTitle{color:#666;font-size:.9rem;margin:0}.testimonialRating{display:flex;gap:.25rem;margin-top:1rem}.star{color:gold;font-size:1.2rem}.cta{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;color:#fff}.ctaTitle{font-size:2.25rem;font-weight:800;margin:0 0 1.5rem;color:#fff}.ctaDescription{font-size:1.25rem;margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9}.ctaForm{margin-bottom:2rem}.ctaInputGroup{display:flex;gap:0;max-width:500px;margin:0 auto;background:#fff;border-radius:50px;padding:4px;box-shadow:0 20px 40px #0003}.ctaInput{flex:1;padding:1rem 1.5rem;border:none;background:transparent;font-size:1rem;outline:none;border-radius:50px}.ctaButton{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.ctaButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.ctaFeatures{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.ctaFeatures span{opacity:.9;font-weight:500}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.heroContent{gap:3rem}.heroTitle{font-size:2.25rem}.featuresGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.heroContent{grid-template-columns:1fr;text-align:center;gap:2rem}.heroTitle{font-size:2rem;line-height:1.2}.heroSubtitle{font-size:1.25rem}.heroDescription{font-size:1rem;max-width:100%}.sectionTitle{font-size:1.75rem;margin-bottom:3rem}.ctaTitle{font-size:1.5rem}.ctaDescription{font-size:1.1rem}.featuresGrid{grid-template-columns:1fr;gap:1.5rem}.featureCard{padding:2rem}.featureGrid{grid-template-columns:1fr;gap:2rem;text-align:center}.featureGrid.reverse{direction:ltr}.featureContent{padding:1rem 0}.featureSubtitle{font-size:1rem;margin-bottom:.75rem}.benefitsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.benefitItem{padding:1.5rem}.benefitNumber{font-size:2.5rem}.testimonialsGrid{grid-template-columns:1fr;gap:1.5rem}.testimonialCard{padding:2rem}.mockup{transform:none}.productPage{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;max-height:none}.productImage{height:200px}.ctaFeatures{gap:1rem;justify-content:center}.ctaFeatures span{font-size:.9rem}.inputGroup,.ctaInputGroup{flex-direction:column;background:transparent;padding:0;gap:1rem;max-width:100%}.shopInput,.ctaInput{background:#fff;border-radius:50px;box-shadow:0 4px 15px #0000001a;padding:1rem 1.5rem}.heroButton,.ctaButton{width:100%;justify-content:center}}@media (max-width: 640px){.hero{padding:5rem 1rem 3rem;min-height:auto}.heroTitle{font-size:1.75rem;margin-bottom:1rem;margin-top:1rem}.heroSubtitle{font-size:1.1rem;margin-bottom:.75rem}.heroDescription{font-size:.95rem;margin-bottom:1.5rem}.sectionTitle{font-size:1.5rem;margin-bottom:2rem}.ctaTitle{font-size:1.5rem}.ctaDescription{font-size:1rem;margin-bottom:2rem}.container{padding:0 1rem}.features,.benefits,.cta,.testimonials{padding:3rem 0}.featureCard{padding:1.5rem}.featureIcon{font-size:2.5rem;margin-bottom:1rem}.featureTitle{font-size:1.1rem;margin-bottom:.75rem}.featureDescription{font-size:.95rem}.featureGrid{gap:1.5rem;margin-bottom:2rem}.featureContent{padding:.5rem 0}.featureSubtitle{font-size:.9rem;margin-bottom:.5rem}.benefitsGrid{grid-template-columns:1fr;gap:1rem}.benefitItem{padding:1.25rem}.benefitNumber{font-size:2rem;margin-bottom:.75rem}.benefitText{font-size:.9rem}.testimonialCard{padding:1.5rem}.testimonialText{font-size:1rem;line-height:1.5}.authorAvatar{width:40px;height:40px;font-size:1rem}.authorName{font-size:.95rem}.authorTitle{font-size:.8rem}.testimonialRating{margin-top:.75rem}.star{font-size:1rem}.ctaFeatures{flex-direction:column;gap:.75rem;align-items:center}.ctaFeatures span{font-size:.85rem}.shopInput,.ctaInput{padding:.875rem 1.25rem;font-size:.95rem}.heroButton,.ctaButton{padding:.875rem 1.5rem;font-size:.95rem}.formHint{font-size:.8rem;text-align:center}.productPage{padding:.75rem}.productImage{height:150px;font-size:3rem}.productTitle{font-size:1.1rem}.productPrice{font-size:1.25rem}.stockSection{margin-top:.75rem}.stockTitle{font-size:.85rem;margin-bottom:.5rem}.stockCard{padding:.4rem;margin-bottom:.4rem}.stockLocation{font-size:.75rem;margin-bottom:.15rem}.stockStatus{font-size:.7rem}.addToCartButton{padding:.5rem 1rem;font-size:.8rem;margin-top:.75rem}.mockupHeader{padding:.75rem}.dots span{width:10px;height:10px}}@media (max-width: 480px){.hero{padding:2rem .75rem}.heroTitle{font-size:1.75rem;line-height:1.3}.heroSubtitle{font-size:1rem}.heroDescription{font-size:.9rem}.sectionTitle{font-size:1.5rem;margin-bottom:1.5rem}.ctaTitle{font-size:1.5rem}.ctaDescription{font-size:.95rem;margin-bottom:1.5rem}.container{padding:0 .75rem}.features,.benefits,.cta,.testimonials{padding:2.5rem 0}.featureCard{padding:1.25rem;margin-bottom:1rem}.featureIcon{font-size:2rem;margin-bottom:.75rem}.featureTitle{font-size:1.1rem;margin-bottom:.5rem}.featureDescription{font-size:.9rem;line-height:1.5}.benefitItem{padding:1rem}.benefitNumber{font-size:1.75rem;margin-bottom:.5rem}.benefitText{font-size:.85rem}.testimonialsGrid{gap:1rem}.testimonialCard{padding:1.25rem}.testimonialText{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.authorAvatar{width:35px;height:35px;font-size:.9rem}.authorName{font-size:.9rem}.authorTitle{font-size:.75rem}.testimonialRating{margin-top:.75rem}.star{font-size:1rem}.ctaFeatures{flex-direction:column;gap:.75rem;align-items:center}.ctaFeatures span{font-size:.85rem}.shopInput,.ctaInput{padding:.875rem 1.25rem;font-size:.95rem}.heroButton,.ctaButton{padding:.875rem 1.5rem;font-size:.95rem}.formHint{font-size:.8rem;text-align:center}.productPage{padding:.75rem}.productImage{height:150px;font-size:3rem}.productTitle{font-size:1.1rem}.productPrice{font-size:1.25rem}.stockSection{margin-top:.75rem}.stockTitle{font-size:.85rem;margin-bottom:.5rem}.stockCard{padding:.4rem;margin-bottom:.4rem}.stockLocation{font-size:.75rem;margin-bottom:.15rem}.stockStatus{font-size:.7rem}.addToCartButton{padding:.5rem 1rem;font-size:.8rem;margin-top:.75rem}.mockupHeader{padding:.75rem}.dots span{width:10px;height:10px}}