.hero-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:60px 20px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(100,200,255,.1) 0,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.hero-container{max-width:1200px;margin:0 auto}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.text-content{animation:slideInLeft .8s ease-out}.hero-title{font-size:48px;font-weight:700;color:#ffffff;margin-bottom:30px;line-height:1.2;animation:fadeInUp .8s ease-out}.hero-description{font-size:16px;line-height:1.8;color:#b0b0b0;margin-bottom:20px;animation:fadeInUp .8s ease-out .2s backwards}.cta-button{background:linear-gradient(135deg,#64d8cb,#4ecdc4);color:#0a0a0a;border:none;padding:18px 40px;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:20px;box-shadow:0 4px 15px rgba(100,216,203,.3);animation:fadeInUp .8s ease-out .4s backwards}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(100,216,203,.5);background:linear-gradient(135deg,#4ecdc4,#64d8cb)}.cta-button:active{transform:translateY(-1px)}.image-content{animation:slideInRight .8s ease-out}.browser-mockup{background:#f8f8f8;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);transition:transform .3s ease;animation:fadeInScale 1s ease-out .3s backwards}.browser-mockup:hover{transform:translateY(-10px)}.browser-header{background:#ffffff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}.browser-logo{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:pulse 2s ease-in-out infinite}.browser-nav{display:flex;gap:25px;font-size:14px;color:#333}.browser-nav span{cursor:pointer;transition:color .3s ease;position:relative}.browser-nav span:hover{color:#667eea}.browser-nav span:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.browser-nav span:hover:after{width:100%}.browser-actions{display:flex;gap:15px;align-items:center}.cart-icon,.search-icon,.user-icon{width:20px;height:20px;background:#666;border-radius:50%;cursor:pointer;transition:all .3s ease}.cart-icon:hover,.search-icon:hover,.user-icon:hover{background:#667eea;transform:scale(1.1)}.browser-content{background:linear-gradient(135deg,#88c968,#6db54c);min-height:400px;position:relative;padding:60px 40px}.plant-section{position:relative;z-index:2}.feel-fresh{font-size:64px;font-weight:900;color:rgba(255,255,255,.95);margin:0;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:slideInDown .8s ease-out .5s backwards}.tagline{font-size:18px;color:rgba(255,255,255,.85);margin:10px 0;letter-spacing:3px;font-weight:300;animation:fadeIn .8s ease-out .7s backwards}.subtitle{font-size:16px;color:rgba(255,255,255,.9);margin:20px 0;animation:fadeIn .8s ease-out .9s backwards}.shop-button{background:#ffffff;color:#333;border:none;padding:12px 30px;font-size:12px;font-weight:700;border-radius:5px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1);animation:fadeInUp .8s ease-out 1.1s backwards}.shop-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);background:#f0f0f0}.plant-image{position:absolute;right:40px;bottom:0;width:200px;height:300px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:floatPlant 3s ease-in-out infinite}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@keyframes floatPlant{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:36px}.feel-fresh{font-size:48px}.plant-image{width:150px;height:250px;right:20px}}@media (max-width:768px){.hero-section{padding:40px 15px}.hero-title{font-size:32px}.hero-description{font-size:14px}.cta-button{padding:15px 30px;font-size:12px}.browser-nav{display:none}.browser-content{padding:40px 20px;min-height:350px}.feel-fresh{font-size:36px}.subtitle,.tagline{font-size:14px}.plant-image{width:120px;height:200px;right:10px}}@media (max-width:480px){.hero-title{font-size:26px}.hero-description{font-size:13px}.feel-fresh{font-size:28px}.browser-header{padding:10px 15px}.browser-logo{width:30px;height:30px}.browser-actions{gap:10px}.cart-icon,.search-icon,.user-icon{width:16px;height:16px}.plant-image{width:100px;height:180px}}.recent-designs-section{background:#0a0a0a;padding:80px 20px;position:relative;overflow:hidden}.recent-designs-section:before{top:20%;left:-10%;background:radial-gradient(circle,rgba(100,200,255,.05) 0,transparent 70%);animation:floatSlow 10s ease-in-out infinite}.recent-designs-section:after,.recent-designs-section:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%}.recent-designs-section:after{bottom:20%;right:-10%;background:radial-gradient(circle,rgba(138,43,226,.05) 0,transparent 70%);animation:floatSlow 12s ease-in-out infinite reverse}.designs-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-title{text-align:center;font-size:42px;font-weight:700;margin-bottom:60px;letter-spacing:-.5px;animation:fadeInDown .8s ease-out}.carousel-wrapper{position:relative;display:flex;align-items:center;gap:30px}.carousel-content{flex:1 1;overflow:hidden;border-radius:20px}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;padding:0 10px}.slide-images{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.image-card{animation:fadeInScale .8s ease-out}.image-wrapper{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:2/1;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);cursor:pointer;transition:transform .4s ease}.image-wrapper:hover{transform:translateY(-8px)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}.image-wrapper:hover img{transform:scale(1.1);filter:brightness(.7)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.image-wrapper:hover .image-overlay{opacity:1}.view-text{color:#ffffff;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 30px;border:2px solid #ffffff;border-radius:50px;transition:all .3s ease}.image-wrapper:hover .view-text{background:#ffffff;color:#0a0a0a;transform:scale(1.05)}.carousel-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.carousel-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:scale(1.1)}.carousel-btn:active{transform:scale(.95)}.prev-btn{animation:slideInLeft .6s ease-out}.next-btn{animation:slideInRight .6s ease-out}.dots-container{display:flex;justify-content:center;gap:12px;margin-top:40px;animation:fadeIn .8s ease-out .4s backwards}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:rgba(255,255,255,.5);transform:scale(1.2)}.dot.active{background:#ffffff;width:30px;border-radius:5px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatSlow{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}@media (max-width:1024px){.section-title{font-size:36px;margin-bottom:50px}.carousel-wrapper{gap:20px}.carousel-btn{width:45px;height:45px}}@media (max-width:768px){.recent-designs-section{padding:60px 15px}.section-title{font-size:32px;margin-bottom:40px}.slide-images{grid-template-columns:1fr;gap:15px}.carousel-wrapper{gap:15px}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:20px;height:20px}.dots-container{margin-top:30px;gap:10px}.dot{width:8px;height:8px}.dot.active{width:24px}}@media (max-width:480px){.recent-designs-section{padding:50px 10px}.section-title{font-size:28px;margin-bottom:30px}.carousel-slide{padding:0 5px}.slide-images{gap:12px}.carousel-btn{width:36px;height:36px}.view-text{font-size:14px;padding:10px 24px}}@media (prefers-reduced-motion:reduce){.carousel-btn,.carousel-track,.dot,.image-wrapper img{transition:none}.recent-designs-section:after,.recent-designs-section:before{animation:none}}.solutions-section{background:#000000;padding:100px 20px;position:relative;overflow:hidden}.scroll-animate{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.solutions-container{max-width:1400px;margin:0 auto}.solutions-title{font-size:48px;font-weight:400;color:#b8b8b8;margin-bottom:80px;letter-spacing:-.5px;animation:fadeInUp .8s ease-out}.carousel-container{display:flex;align-items:center;gap:40px;position:relative}.cards-wrapper{flex:1 1;overflow:visible}.cards-track{gap:30px;align-items:stretch}.cards-track,.solution-card{display:flex;transition:all .6s cubic-bezier(.4,0,.2,1)}.solution-card{background:linear-gradient(135deg,#1a2a2e,#0f1b1f);border-radius:20px;padding:40px 30px;min-width:300px;flex:1 1;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);transform:translateX(0);will-change:transform}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(100,200,255,.03),transparent);opacity:0;transition:opacity .4s ease}.solution-card:hover{transform:translateY(-10px);border-color:rgba(100,200,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.5)}.solution-card:hover:before{opacity:1}.center-card{transform:scale(1.05);border-color:rgba(100,200,255,.15)}.center-card:hover{transform:scale(1.05) translateY(-10px)}.card-header{margin-bottom:30px}.service-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(100,200,255,.1);border-radius:20px;border:1px solid rgba(100,200,255,.2)}.badge-dot{width:6px;height:6px;border-radius:50%;background:#64d8cb;animation:pulse 2s ease-in-out infinite}.badge-text{font-size:12px;color:#64d8cb;font-weight:500;letter-spacing:.5px}.card-icon{width:80px;height:80px;margin-bottom:30px;color:#64d8cb;transition:all .4s ease}.solution-card:hover .card-icon{transform:scale(1.1) rotate(5deg);color:#4ecdc4}.solution-icon{width:100%;height:100%}.card-title{font-size:28px;font-weight:600;color:#ffffff;margin-bottom:20px;letter-spacing:-.5px;transition:color .3s ease}.solution-card:hover .card-title{color:#64d8cb}.card-description{font-size:15px;line-height:1.8;color:#a0a0a0;flex-grow:1}.nav-button{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-button:hover:not(:disabled){background:rgba(100,216,203,.2);border-color:rgba(100,216,203,.4);transform:scale(1.1)}.nav-button:active:not(:disabled){transform:scale(.95)}.prev-button{animation:slideInLeft .6s ease-out}.next-button{animation:slideInRight .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:1200px){.cards-track{gap:20px}.solution-card{min-width:280px}}@media (max-width:1024px){.solutions-title{font-size:40px;margin-bottom:60px}.carousel-container{gap:30px}.solution-card{min-width:260px;padding:35px 25px}.card-title{font-size:24px}.card-description{font-size:14px}}@media (max-width:768px){.solutions-section{padding:80px 15px}.solutions-title{font-size:32px;margin-bottom:50px}.carousel-container{gap:20px}.cards-track{flex-direction:column;gap:20px}.solution-card{min-width:100%}.center-card{transform:scale(1)}.center-card:hover{transform:translateY(-10px)}.nav-button{width:45px;height:45px}.nav-button svg{width:20px;height:20px}}@media (max-width:480px){.solutions-section{padding:60px 10px}.solutions-title{font-size:28px;margin-bottom:40px}.solution-card{padding:30px 20px}.card-icon{width:60px;height:60px;margin-bottom:20px}.card-title{font-size:22px;margin-bottom:15px}.card-description{font-size:13px}.nav-button{width:40px;height:40px}.service-badge{padding:5px 12px}.badge-text{font-size:11px}}@media (prefers-reduced-motion:reduce){.card-icon,.nav-button,.solution-card{transition:none}.badge-dot{animation:none}}.proposal-section{min-height:100vh;background-image:linear-gradient(135deg,rgba(10,20,40,.8),rgba(18,37,61,.7) 50%,rgba(19,43,75,.8)),url(/empower.PNG);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;padding:0 .5rem}.proposal-container,.proposal-section{position:relative;display:flex;align-items:center}.proposal-container{max-width:1400px;margin:0 auto;z-index:2}.proposal-content{color:white;z-index:3;max-width:100%}.proposal-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:2rem;background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.proposal-description{font-size:1.1rem;line-height:1.7;color:#d6d6d6;margin-bottom:2.5rem;max-width:600px}.ecom-cta-button{background:transparent;border:2px solid #ffffff;color:#ffffff;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ecom-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ecom-cta-button:hover:before{left:100%}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}}@media (max-width:768px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}}.ecommerce-features-section{background:#000000;color:white;padding:6rem 2rem;min-height:100vh;display:flex;align-items:center}.ecommerce-container{max-width:1400px;margin:0 auto;width:100%}.ecommerce-header{text-align:center;margin-bottom:4rem}.ecommerce-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ecommerce-description{font-size:1.1rem;line-height:1.7;color:#a0a0a0;max-width:900px;margin:0 auto}.ecommerce-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.ecommerce-card{background:#111111;border:2px solid #7be7ea;border-radius:16px;padding:1rem 1.5rem;position:relative;transition:all .3s ease;overflow:hidden}.ecommerce-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(74,222,128,.2);border-color:#7be6ea8f}.ecommerce-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7BE7EA,#48AAAD);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ecommerce-card:hover:before{transform:scaleX(1)}.ecommerce-card-header{display:flex;align-items:center;margin-bottom:1.5rem}.ecommerce-icon-wrapper{padding:.75rem;border-radius:12px;margin-right:1rem;display:flex;align-items:center;justify-content:center}.ecommerce-icon{width:40px;height:40px;color:#000000}.ecommerce-card-title{font-size:1.5rem;font-weight:600;color:white;margin:0}.ecommerce-card-content{color:#cccccc}.ecommerce-card-description{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#e0e0e0}.ecommerce-card-subtitle{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#ffffff}.ecommerce-feature-list{list-style:none;padding:0;margin:0}.ecommerce-feature-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:.95rem;line-height:1.5;color:#cccccc}.ecommerce-feature-list li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;background:#48AAAD;border-radius:50%}.ecommerce-feature-list li:hover{color:#ffffff;transition:color .2s ease}.ecommerce-card{opacity:0;transform:translateY(30px);animation:ecommerceFadeInUp .6s ease forwards}.ecommerce-card:first-child{animation-delay:.1s}.ecommerce-card:nth-child(2){animation-delay:.2s}.ecommerce-card:nth-child(3){animation-delay:.3s}@keyframes ecommerceFadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.ecommerce-cards-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.ecommerce-features-section{padding:4rem 1rem}.ecommerce-title{font-size:2.5rem}.ecommerce-description{font-size:1rem}.ecommerce-cards-grid{grid-template-columns:1fr;gap:1.5rem}.ecommerce-card{padding:2rem}.ecommerce-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.ecommerce-icon-wrapper{margin-right:0}}@media (max-width:480px){.ecommerce-title{font-size:2rem}.ecommerce-card{padding:1.5rem}}.tools-section{margin:0 auto;padding:6rem 2rem;text-align:center;background-color:#000000}.section-title{font-size:2rem;font-weight:600;margin-bottom:30px;color:#ffffff}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;justify-items:center}.tool-item{background-color:#000000;border-radius:8px;padding:20px;width:100%;max-width:220px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;color:#ffffff;border:1px solid white;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;gap:10px}.tool-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.tool-icon{font-size:2rem;color:#ffffff}.tool-text{font-size:1rem;text-align:center;line-height:1.2}@media (max-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}.tool-icon{font-size:1.8rem}.tool-text{font-size:.9rem}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}.tool-item{max-width:100%}.tool-icon{font-size:1.6rem}.tool-text{font-size:.85rem}}.landing-container{min-height:100vh;background:linear-gradient(135deg,#000000,#1a1a1a);color:white;padding:2rem;font-family:Arial,sans-serif}.content-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:calc(100vh - 4rem)}.text-section{padding-right:2rem}.main-heading{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em}.highlight{color:#ffffff;text-decoration:underline;-webkit-text-decoration-color:#44a08d;text-decoration-color:#44a08d;text-decoration-thickness:4px;text-underline-offset:8px}.description{font-size:1.1rem;line-height:1.6;color:#ebebeb;margin-bottom:3rem;max-width:90%}.cta-button{background:transparent;border:2px solid #ffffff;color:#ffffff;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:#ffffff;color:#000000;transform:translateY(-2px)}.image-section{display:flex;justify-content:center;align-items:center;min-height:300px}.image-section img{max-width:100%;height:auto;display:block}.hero-image{max-width:100%;width:500px;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:transform .3s ease}.hero-image:hover{transform:scale(1.02)}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr;gap:2rem;text-align:center}.text-section{padding-right:0}.main-heading{font-size:2.5rem}.hero-image{max-width:400px}}@media (max-width:768px){.landing-container{padding:1rem}.main-heading{font-size:2rem}.description{font-size:1rem;max-width:100%}.hero-image{max-width:300px}}