.eco-hero{background:linear-gradient(135deg,#065f46,#047857 30%,#059669,#047857);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:80px 0 60px}.eco-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(134,239,172,.05) 0%,transparent 50%);animation:heroGradient 15s ease-in-out infinite}@keyframes heroGradient{0%,to{opacity:.5}50%{opacity:.8}}.eco-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,50px 50px;animation:heroPattern 20s linear infinite}@keyframes heroPattern{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.eco-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff3,#ffffff1a);backdrop-filter:blur(15px);padding:12px 24px;border-radius:50px;color:#d1fae5;font-size:.95rem;font-weight:600;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.eco-badge: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 ease}.eco-badge:hover:before{left:100%}.eco-badge:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.eco-title{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:900;color:#fff;line-height:1;margin-bottom:2rem;text-shadow:0 8px 30px rgba(0,0,0,.4);position:relative;background:linear-gradient(135deg,#fff,#d1fae5,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.eco-subtitle{font-size:1.4rem;color:#fffffff2;line-height:1.8;margin-bottom:2.5rem;max-width:650px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.3)}.eco-features{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:2.5rem}.eco-feature{display:flex;align-items:center;gap:10px;color:#d1fae5;font-size:1rem;font-weight:500;background:#ffffff1a;padding:10px 16px;border-radius:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.eco-feature:hover{background:#ffffff26;transform:translateY(-2px)}.eco-feature i{font-size:1.2rem;color:#86efac;text-shadow:0 0 10px rgba(134,239,172,.5)}.eco-hero .btn{font-weight:600;padding:14px 28px;border-radius:12px;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.eco-hero .btn-light{background:linear-gradient(135deg,#fff,#f8fafc);color:#064e3b;border:none;box-shadow:0 8px 25px #0003}.eco-hero .btn-light:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d;background:linear-gradient(135deg,#f8fafc,#fff)}.eco-hero .btn-outline-light{border:2px solid rgba(255,255,255,.6);color:#fff;background:#ffffff1a;backdrop-filter:blur(10px)}.eco-hero .btn-outline-light:hover{background:#fff3;border-color:#fff;transform:translateY(-3px)}.eco-pricing{padding:120px 0;background:linear-gradient(180deg,#f0fdf4,#dcfce7,#f0fdf4);position:relative;overflow:hidden}.eco-pricing:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.05) 0%,transparent 50%);animation:pricingFloat 20s ease-in-out infinite}@keyframes pricingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.eco-card{background:#fff;border-radius:25px;padding:3rem 2.5rem;box-shadow:0 15px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:3px solid transparent;backdrop-filter:blur(10px)}.eco-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#10b981,#059669,#10b981);background-size:200% 100%;animation:cardGlow 3s linear infinite;opacity:0;transition:opacity .3s ease}@keyframes cardGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.eco-card:hover:before{opacity:1}.eco-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 80px #10b98140;border-color:#10b981}.eco-card.featured{border-color:#10b981;transform:scale(1.05);box-shadow:0 25px 70px #10b98133;background:linear-gradient(135deg,#fff,#f8fafc)}.eco-card.featured:before{opacity:1}.eco-card.featured:after{content:"MOST POPULAR";position:absolute;top:25px;right:-35px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 45px;font-size:.8rem;font-weight:700;transform:rotate(45deg);box-shadow:0 6px 20px #10b98166;z-index:10;letter-spacing:1px}.eco-card-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#fff;box-shadow:0 10px 30px #10b9814d;transition:all .3s ease;position:relative}.eco-card-icon:after{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;opacity:.3;z-index:-1;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.eco-card:hover .eco-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px #10b98166}.eco-plan-name{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:#064e3b;margin-bottom:.5rem}.eco-price{display:flex;align-items:baseline;gap:8px;margin-bottom:1.5rem}.eco-price .currency{font-size:1.5rem;font-weight:600;color:#10b981}.eco-price .amount{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;color:#064e3b;line-height:1}.eco-price .period{font-size:1rem;color:#6b7280;font-weight:500}.eco-features-list{list-style:none;padding:0;margin:2rem 0}.eco-features-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95rem}.eco-features-list li:last-child{border-bottom:none}.eco-features-list i{color:#10b981;font-size:1.1rem;flex-shrink:0}.eco-cta{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.eco-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d;color:#fff}.green-features{padding:80px 0;background:#fff}.green-feature-card{text-align:center;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);transition:all .3s ease;height:100%}.green-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #10b98126}.green-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}.green-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;color:#064e3b;margin-bottom:1rem}.green-desc{color:#6b7280;line-height:1.6;font-size:.95rem}.impact-section{padding:80px 0;background:linear-gradient(135deg,#065f46,#047857);color:#fff}.impact-stat{text-align:center;padding:2rem}.impact-number{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;color:#86efac;margin-bottom:.5rem}.impact-label{font-size:1.1rem;color:#ffffffe6;font-weight:500}.eco-benefits{padding:100px 0;background:linear-gradient(135deg,#f0fdf4,#e0f2fe,#f0fdf4);position:relative;overflow:hidden}.eco-benefits:before{content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.eco-benefits:after{content:"";position:absolute;bottom:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite 3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.benefit-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;transition:all .4s ease;position:relative;overflow:hidden;height:100%}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #10b98133}.benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;color:#fff;position:relative}.benefit-icon:after{content:"";position:absolute;inset:-5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;opacity:.3;z-index:-1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.eco-showcase{padding:100px 0;background:linear-gradient(135deg,#065f46,#047857);position:relative;overflow:hidden}.showcase-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(34,197,94,.1) 0%,transparent 50%);animation:drift 20s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(10px) translateY(-20px)}75%{transform:translate(-10px) translateY(10px)}}.showcase-image{border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #0000004d;position:relative}.showcase-image img{width:100%;height:auto;transition:transform .5s ease}.showcase-image:hover img{transform:scale(1.05)}.eco-testimonials{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;transition:all .3s ease;position:relative;height:100%}.testimonial-card:before{content:'"';position:absolute;top:20px;left:20px;font-size:4rem;color:#10b981;opacity:.2;font-family:Georgia,serif}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #10b98126}.rating-stars{color:#fbbf24;font-size:1.2rem;margin-bottom:1rem}.eco-hero .btn-group-mobile{display:flex;flex-wrap:wrap;gap:1rem}.eco-hero .btn-green-primary{background:linear-gradient(135deg,#fff,#f0fdf4);color:#064e3b;border:none;padding:16px 32px;border-radius:14px;font-weight:700;font-size:1.1rem;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0003,0 0 0 3px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.eco-hero .btn-green-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent);transition:left .6s ease}.eco-hero .btn-green-primary:hover:before{left:100%}.eco-hero .btn-green-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #0000004d,0 0 0 4px #fff3}.eco-hero .btn-green-outline{background:#ffffff1a;backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);padding:16px 32px;border-radius:14px;font-weight:700;font-size:1.1rem;display:inline-flex;align-items:center;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.eco-hero .btn-green-outline:hover{background:#fff3;border-color:#fffc;transform:translateY(-3px)}.hero-float-icon{position:absolute;animation:heroFloatIcon 4s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}@keyframes heroFloatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@media(max-width:1200px){.eco-title{font-size:3.5rem}.eco-card.featured{transform:scale(1.02)}}@media(max-width:992px){.eco-title{font-size:3rem}.eco-hero{padding:120px 0 80px;min-height:auto}.eco-card.featured{transform:scale(1)}}@media(max-width:768px){.eco-title{font-size:2.2rem;line-height:1.2;text-align:center}.eco-subtitle{font-size:1.1rem;text-align:center;max-width:100%;line-height:1.7}.eco-hero{padding:100px 0 60px;min-height:auto}.eco-hero .col-xl-6:first-child{text-align:center}.eco-hero .eco-badge{margin:0 auto 1.5rem;display:inline-flex;font-size:.85rem;padding:10px 18px}.eco-hero .d-flex.flex-wrap.gap-3{justify-content:center}.eco-hero .btn-group-mobile{justify-content:center;flex-direction:column;align-items:center;width:100%}.eco-hero .btn-green-primary,.eco-hero .btn-green-outline{width:100%;max-width:300px;justify-content:center}.eco-features{justify-content:center;gap:.8rem}.eco-feature{font-size:.85rem;padding:8px 14px;border-radius:20px}.eco-card{padding:2rem 1.5rem;margin-bottom:1rem}.eco-card.featured{transform:scale(1);margin-top:1rem}.eco-price .amount{font-size:2.5rem}.eco-card-icon{width:60px;height:60px;font-size:2rem}.eco-benefits,.eco-showcase,.eco-testimonials{padding:60px 0}.benefit-card,.testimonial-card{padding:1.5rem}.eco-hero .col-xl-6:last-child{margin-top:2rem}.eco-hero .col-xl-6:last-child>div{padding:1.5rem!important}.eco-hero .hero-float-icon{display:none}}@media(max-width:576px){.eco-title{font-size:1.9rem;line-height:1.25}.eco-subtitle{font-size:1rem;line-height:1.6}.eco-hero{padding:80px 0 40px}.eco-badge{font-size:.8rem;padding:8px 14px}.eco-features{gap:.6rem}.eco-feature{font-size:.8rem;padding:6px 12px}.eco-hero .btn-green-primary,.eco-hero .btn-green-outline{padding:14px 24px;font-size:1rem}.eco-card{padding:1.5rem 1rem;border-radius:20px}.eco-card-icon{width:55px;height:55px}.eco-price .amount{font-size:2.2rem}.eco-price .currency{font-size:1.3rem}.eco-plan-name{font-size:1.4rem}.eco-cta{padding:12px 20px;font-size:1rem}.display-3{font-size:1.8rem!important}.display-4{font-size:1.6rem!important}.hero-float-icon{display:none!important}.eco-pricing .text-center.mb-5 h2{font-size:1.7rem}.eco-pricing .lead{font-size:1rem}.eco-benefits h2{font-size:1.7rem}.benefit-card{padding:1.25rem}.benefit-icon{width:55px;height:55px;font-size:1.5rem}}@media(max-width:375px){.eco-title{font-size:1.7rem}.eco-feature{font-size:.75rem;padding:5px 10px}.eco-card{padding:1.25rem .875rem}.eco-price .amount{font-size:2rem}}@media(max-width:768px){.eco-pricing .row{--bs-gutter-x: 1rem}.eco-pricing .col-md-6{padding-left:.75rem;padding-right:.75rem}.eco-card{max-width:100%;margin-left:auto;margin-right:auto}.eco-card.featured{transform:scale(1);order:-1}.eco-price{justify-content:center}}@media(max-width:576px){.eco-pricing .col-12{padding-left:.5rem;padding-right:.5rem}.eco-card{border-radius:18px}.eco-features-list li{font-size:.9rem;padding:10px 0}.eco-features-list i{font-size:1rem}.eco-card .d-flex.justify-content-center.gap-2{flex-direction:column;gap:.5rem!important}.eco-card .badge{display:block;width:100%;text-align:center}}.text-white-75{color:#ffffffd9!important}.text-white-50{color:#ffffffbf!important}.eco-card[data-plan=starter] .eco-card-icon{background:linear-gradient(135deg,#0891b2,#0d9488);box-shadow:0 10px 30px #0891b259}.eco-card[data-plan=starter]:hover{border-color:#0d9488;box-shadow:0 30px 80px #0891b233}.eco-card[data-plan=business] .eco-card-icon{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 30px #7c3aed4d}.eco-card[data-plan=business]:hover{border-color:#7c3aed;box-shadow:0 30px 80px #7c3aed2e}.benefit-card[data-benefit="2"]:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.benefit-card[data-benefit="2"] .benefit-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d}.benefit-card[data-benefit="2"]:hover{box-shadow:0 20px 50px #3b82f626}.benefit-card[data-benefit="3"]:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.benefit-card[data-benefit="3"] .benefit-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d}.benefit-card[data-benefit="3"]:hover{box-shadow:0 20px 50px #f59e0b26}.benefit-card[data-benefit="4"]:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.benefit-card[data-benefit="4"] .benefit-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 25px #8b5cf64d}.benefit-card[data-benefit="4"]:hover{box-shadow:0 20px 50px #8b5cf626}.green-feature-card{border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d}.green-feature-card:hover{box-shadow:0 20px 50px #10b98126!important}.green-feature-card[data-feature="1"]{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.green-feature-card[data-feature="1"] .green-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d}.green-feature-card[data-feature="3"]{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.green-feature-card[data-feature="3"] .green-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d}.green-feature-card[data-feature="4"]{background:linear-gradient(135deg,#faf5ff,#ede9fe)}.green-feature-card[data-feature="4"] .green-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 25px #8b5cf64d}.impact-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem 1.5rem;backdrop-filter:blur(10px);transition:all .3s ease}.impact-stat:hover{background:#ffffff24;transform:translateY(-6px);box-shadow:0 15px 40px #0000001f}.impact-stat-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.pricing-trust-item{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:50px;color:#064e3b;font-weight:500;font-size:.9rem;transition:all .3s ease}.pricing-trust-item:hover{background:#10b98126;transform:translateY(-2px)}.accordion-button:not(.collapsed){background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#065f46;box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 .25rem #10b98140}.accordion-item{border-radius:12px!important;overflow:hidden}.eco-pricing{background:linear-gradient(180deg,#ecfdf5,#d1fae5,#ecfdf5)!important}.green-features{background:linear-gradient(180deg,#fff,#f8fafc)}.eco-benefits{background:linear-gradient(135deg,#f8fafc,#f0fdf4)}.eco-features-list li{color:#374151!important;font-weight:500}.green-desc{color:#4b5563!important;font-weight:400}.benefit-card p,.testimonial-card p{color:#4b5563!important}@media(max-width:1199.98px){.eco-hero{padding:100px 0 60px;text-align:center}.eco-hero .eco-subtitle{margin-left:auto;margin-right:auto}.eco-badge,.eco-features{justify-content:center}.hero-img-wrapper{margin-top:3rem}}.subpage-mockup-slider{width:100%;height:400px;background:#0f172a99;border:1.5px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000080;position:relative;transition:transform .5s ease,box-shadow .5s ease}.mockup-header-bar{height:38px;background:#0f172ad9;border-bottom:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 16px;gap:8px;z-index:6}.mockup-header-bar .mock-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.mock-dot.red{background:#ef4444}.mock-dot.yellow{background:#f59e0b}.mock-dot.green{background:#10b981}.mock-url-bar{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;height:20px;margin:0 12px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.68rem;letter-spacing:.5px;font-family:monospace}.mockup-slides-container{flex:1;position:relative;overflow:hidden}.mockup-slide{position:absolute;inset:0;background-size:cover;background-position:top center;opacity:0;transform:scale(1.03);transition:opacity .8s ease-in-out,transform 1.2s cubic-bezier(.16,1,.3,1)}.mockup-slide.active{opacity:1;transform:scale(1)}.subpage-mockup-slider.single-image .mockup-slide{opacity:1;animation:kenburns 20s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1%,-1.5%)}}