:root{--primary-green:#28503f;--secondary-green:#3d6b57;--accent-green:#9caf9a;--light-green:#f0f3f1;--off-white:#f7f6f3;--border-gray:var(--border-color,#e0e1e3);--text-dark:#2f3634;--text-medium:#4a504d;--text-light:#6b736f;--accent-warm:#dea97a;--accent-copper:#b8937c;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-md:12px;--radius-lg:16px;--transition:.3s ease;--transition-smooth:.4s cubic-bezier(.4,0,.2,1)}.eco-navbar{backdrop-filter:blur(12px);background:rgba(247,246,243,.98);border-bottom:1px solid var(--border-gray,#e0e1e3);box-shadow:0 1px 3px rgba(40,80,63,.08);left:0;padding:.75rem 0;position:fixed;right:0;top:0;z-index:1000}.eco-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.eco-brand{color:var(--primary-green,#28503f);font-size:1.8rem;font-weight:800;text-decoration:none}.eco-nav-links{align-items:center;display:flex;gap:var(--spacing-lg)}.eco-nav-links .cart-icon{align-items:center;color:var(--text-medium,#4a504d);cursor:pointer;display:inline-flex;gap:.35rem;margin-left:8px;position:relative;text-decoration:none}.eco-nav-links .cart-count{align-items:center;background:var(--primary-green,#28503f);border-radius:999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1.4;min-width:1.5rem;padding:0 .35rem}.eco-nav-links a:not(.eco-btn-signup){color:var(--text-medium,#4a504d);font-weight:500;text-decoration:none;transition:var(--transition)}.eco-nav-links a:not(.eco-btn-signup):hover{color:var(--primary-green,#28503f)}.eco-btn-signup{background:var(--primary-green,#28503f);border-radius:var(--radius-md,8px);color:#fff!important;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition)}.eco-btn-signup:hover{background:var(--secondary-green,#3d6b57);color:#fff!important;transform:translateY(-2px)}.nav-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}@media(max-width:960px){.eco-nav-links{align-items:stretch;background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-gray,#e0e1e3);box-shadow:0 8px 20px rgba(40,80,63,.1);flex-direction:column;gap:var(--spacing-md,1.5rem);justify-content:flex-start;left:0;opacity:0;padding:var(--spacing-lg,2rem);position:fixed;right:0;top:70px;transform:translateY(-100%);transition:var(--transition,.3s ease);visibility:hidden;width:100%}.eco-nav-links.active{opacity:1;transform:translateY(0);visibility:visible}.eco-nav-links a:not(.eco-btn-signup){padding:.75rem 0;text-align:center;width:100%}.eco-btn-signup{text-align:center;width:100%}.cart-icon{border:1px solid var(--border-gray,#e0e1e3);border-radius:var(--radius-md,8px);display:flex;justify-content:center;margin-left:0!important;padding:.75rem 0;width:100%}.nav-toggle{display:flex;flex-direction:column}}.eco-hero{align-items:center;background:linear-gradient(135deg,var(--light-green) 0,var(--off-white,#f7f6f3) 100%);display:flex;min-height:80vh;overflow:hidden;padding-top:80px;position:relative}.eco-hero-container{margin:0;padding:0 var(--spacing-lg);position:relative;width:100%;z-index:2}.eco-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.eco-section{padding:var(--spacing-3xl) 0}.eco-section-header{margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:600px}.eco-section-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md)}.eco-section-subtitle{font-size:1.1rem;margin:0}.eco-hero-content{margin:0 auto;max-width:900px;text-align:center}.eco-hero-badge{background:#fff;border-radius:50px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--primary-green,#28503f);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.eco-hero h1{color:var(--text-dark,#2f3634);font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md)}.eco-hero h1 .highlight{color:var(--primary-green,#28503f)}.eco-hero-subtitle{color:var(--text-medium,#4a504d);font-size:1.15rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:640px}.eco-hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.eco-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-xs);padding:1rem 2rem;text-decoration:none;transition:var(--transition-smooth);will-change:transform,filter}.eco-btn-primary{background:var(--primary-green,#28503f);box-shadow:0 2px 8px rgba(40,80,63,.15);color:#fff}.eco-btn-primary:hover{background:var(--secondary-green,#3d6b57);filter:drop-shadow(0 6px 24px rgba(40,80,63,.2));transform:translateY(-2px)}.eco-btn-secondary{background:#fff;border:2px solid var(--border-gray,#e0e1e3);color:var(--text-dark,#2f3634)}.eco-btn-secondary:hover{border-color:var(--primary-green,#28503f);color:var(--primary-green,#28503f);transform:translateY(-2px)}@media(prefers-color-scheme:dark){:root{--primary-green:#3d6b57;--text-dark:#e8e6e1;--text-medium:#bdb9b0;--text-light:#9a968d;--off-white:#252827;--border-gray:#3d4340;--accent-warm:#e5b88a}.eco-card,.eco-navbar{background:#212421}img:not([src*=".svg"]){opacity:.9}}@media(max-width:768px){.eco-nav-links{gap:var(--spacing-md)}}.eco-section-header{margin:var(--spacing-2xl) auto var(--spacing-xl);max-width:720px;padding:0 var(--spacing-lg);text-align:center}.eco-section-title{color:var(--text-dark,#2f3634);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-sm)}.eco-section-title .highlight{color:var(--primary-green,#28503f)}.eco-section-subtitle{color:var(--text-medium,#4a504d);font-size:1.05rem;line-height:1.6}.eco-card{background:var(--bg-card,#fafaf8);border:1px solid var(--border-gray,#e0e1e3);border-radius:var(--radius-lg);contain:layout style paint;padding:var(--spacing-lg);transition:var(--transition-smooth);will-change:transform}.eco-card:hover{border-color:var(--secondary-color,#bccac3);filter:drop-shadow(0 6px 20px rgba(40,80,63,.15));transform:translateY(-3px)}.eco-cta{background:var(--primary-green,#28503f);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.eco-cta h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;margin-bottom:var(--spacing-sm)}.eco-cta p{font-size:1.1rem;margin-bottom:var(--spacing-lg);opacity:.92}.eco-cta .actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}