@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#111;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.App{min-height:100vh}html{scroll-behavior:smooth}.navbar{background:#fff;border-bottom:1px solid #0000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{border-bottom:1px solid #f3f4f6;box-shadow:0 2px 8px #0000000d}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 40px}.logo,.nav-container{align-items:center;display:flex}.logo{gap:12px;text-decoration:none;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo-icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8555);border-radius:12px;display:flex;font-size:1.375rem;height:40px;justify-content:center;width:40px}.logo-text{color:#ff6b35;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.nav-actions{align-items:center;display:flex;gap:24px}.nav-link{color:#6b7280;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#ff6b35}.nav-btn{background:#ff6b35;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.nav-btn:hover{background:#e55a28;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}@media (max-width:768px){.nav-container{padding:16px 20px}.logo-icon{font-size:1.25rem;height:36px;width:36px}.logo-text{font-size:1.125rem}.nav-link{display:none}.nav-btn{font-size:.9375rem;padding:10px 20px}}.hero{align-items:center;background:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:120px 40px 80px}.hero-container{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%}.hero-content{min-height:500px;position:relative}.content-slide{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.content-slide.active{opacity:1;pointer-events:auto;transform:translateY(0)}.slide-number{background:#fff5f2;border-radius:20px;color:#ff6b35;display:inline-block;font-size:.875rem;font-weight:700;margin-bottom:24px;padding:6px 16px}.slide-title{color:#111;font-size:4rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:24px}.slide-description{color:#6b7280;font-size:1.25rem;line-height:1.7;margin-bottom:48px;max-width:500px}.hero-cta{bottom:80px;left:0;position:absolute}.app-store-link{display:inline-block;transition:transform .3s ease}.app-store-link:hover{transform:scale(1.05)}.app-store-link img{height:50px;width:auto}.progress-dots{bottom:20px;display:flex;gap:12px;left:0;position:absolute}.dot{background:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.dot.active{border-radius:4px;width:32px}.dot.active,.dot:hover{background:#ff6b35}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.iphone-mockup{animation:float 6s ease-in-out infinite;background:#1a1a1a;border-radius:50px;box-shadow:0 0 0 1px #0000001a,0 40px 80px #00000040;height:720px;padding:12px;position:relative;width:350px}.phone-screen{border-radius:40px;height:calc(100% - 24px);left:12px;object-fit:cover;opacity:0;position:absolute;top:12px;transform:scale(1.05);transition:all 1s cubic-bezier(.4,0,.2,1);width:calc(100% - 24px)}.phone-screen.active{opacity:1;transform:scale(1);z-index:1}@media (max-width:1200px){.hero-container{gap:80px;grid-template-columns:1fr}.hero-content{min-height:450px;text-align:center}.slide-title{font-size:3.5rem}.slide-description{margin-left:auto;margin-right:auto}.hero-cta,.progress-dots{left:50%;transform:translateX(-50%)}.iphone-mockup{height:660px;width:320px}}@media (max-width:768px){.hero{padding:100px 20px 60px}.hero-container{gap:60px}.hero-content{min-height:400px}.slide-title{font-size:2.5rem}.slide-description{font-size:1.125rem}.iphone-mockup{height:580px;width:280px}}@media (max-width:640px){.slide-title{font-size:2rem}.slide-description{font-size:1rem}.iphone-mockup{height:520px;width:250px}}.footer{background:#fafafa;border-top:1px solid #f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:32px 40px}.footer-container{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:32px;justify-content:center;margin:0 auto;max-width:1200px}.footer-container a{color:#6b7280;text-decoration:none;transition:color .2s ease}.footer-container a:hover{color:#111}@media (max-width:768px){.footer-container{flex-direction:column;gap:12px}}.eco-popup-overlay{align-items:center;background:#0000;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.eco-popup-overlay.visible{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;opacity:1;pointer-events:all}.eco-popup{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;opacity:0;padding:48px;position:relative;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:90%}.eco-popup.visible{opacity:1;transform:scale(1) translateY(0)}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.close-btn:hover{background:#e5e7eb;color:#111;transform:rotate(90deg)}.eco-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:24px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.eco-title{color:#111;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;text-align:center}.eco-text{color:#6b7280;font-size:1.125rem;line-height:1.7;margin-bottom:32px;text-align:center}.eco-text strong{color:#ff6b35;font-weight:600}.eco-stats{display:flex;gap:24px;margin-bottom:32px}.eco-stat{align-items:center;background:#fafafa;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.eco-stat:hover{background:#fff5f2;transform:translateY(-4px)}.stat-emoji{font-size:2rem}.stat-text{color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.eco-btn{background:#ff6b35;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.eco-btn:hover{background:#e55a28;box-shadow:0 8px 20px #ff6b354d;transform:translateY(-2px)}@media (max-width:640px){.eco-popup{padding:32px 24px}.eco-title{font-size:1.5rem}.eco-text{font-size:1rem}.eco-stats{flex-direction:column;gap:12px}}.impact-page{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.impact-container{margin:0 auto;max-width:1200px;padding:0 40px}.impact-hero{align-items:center;background:linear-gradient(135deg,#fff5f2,#fff);display:flex;justify-content:center;min-height:70vh;opacity:0;padding:140px 40px 100px;text-align:center;transform:translateY(20px);transition:all 1s cubic-bezier(.4,0,.2,1)}.impact-hero.visible{opacity:1;transform:translateY(0)}.impact-label{background:#ff6b35;border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:32px;padding:8px 20px;text-transform:uppercase}.impact-title{color:#111;font-size:5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:32px}.impact-subtitle{color:#6b7280;font-size:1.5rem;line-height:1.6;margin:0 auto;max-width:800px}.impact-stats{background:#fff;padding:100px 40px}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.stat-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:24px;padding:48px 32px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#ff6b35;box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.stat-icon{font-size:3rem;margin-bottom:24px}.stat-number{color:#ff6b35;font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:16px}.stat-label{color:#111;font-size:1.25rem;font-weight:600;margin-bottom:12px}.stat-description{color:#6b7280;font-size:1rem;line-height:1.6}.impact-how{background:linear-gradient(135deg,#fff5f2,#fff);padding:100px 40px}.section-title{color:#111;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:80px;text-align:center}.how-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr)}.how-step{padding:40px 32px;position:relative}.step-number{color:#ff6b35;font-size:5rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:24px}.how-step h3{color:#111;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.how-step p{color:#6b7280;font-size:1.125rem;line-height:1.7}.impact-visual{background:#fff;padding:100px 40px}.visual-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.2fr 1fr}.visual-content h2{color:#111;font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:32px}.visual-content p{color:#6b7280;font-size:1.25rem;line-height:1.8;margin-bottom:24px}.visual-facts{display:flex;flex-direction:column;gap:20px;margin-top:48px}.fact{align-items:center;background:#fff5f2;border-left:4px solid #ff6b35;border-radius:12px;display:flex;gap:16px;padding:20px 24px}.fact-icon{font-size:2rem}.fact-text{color:#111;font-size:1.125rem;font-weight:600}.eco-illustration{height:400px;margin:0 auto;position:relative;width:400px}.circle-1,.circle-2,.circle-3{align-items:center;animation:float 6s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 20px 60px #0000001a;display:flex;font-size:4rem;height:140px;justify-content:center;position:absolute;width:140px}.circle-1{animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.circle-2{animation-delay:2s;bottom:40px;left:0}.circle-3{animation-delay:4s;bottom:40px;right:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.impact-commitment{background:linear-gradient(135deg,#ff6b35,#ff8555);padding:100px 40px}.commitment-box{color:#fff;margin:0 auto;max-width:800px;text-align:center}.commitment-box h2{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:32px}.commitment-box p{font-size:1.375rem;line-height:1.8;margin-bottom:48px;opacity:.95}.cta-button{background:#fff;border-radius:12px;color:#ff6b35;display:inline-block;font-size:1.125rem;font-weight:700;padding:18px 40px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}@media (max-width:968px){.impact-title{font-size:3.5rem}.impact-subtitle{font-size:1.25rem}.how-grid,.stats-grid{gap:32px;grid-template-columns:1fr}.visual-grid{gap:60px;grid-template-columns:1fr}.commitment-box h2,.section-title{font-size:2.5rem}}@media (max-width:640px){.impact-hero{padding:120px 20px 80px}.impact-title{font-size:2.5rem}.impact-subtitle{font-size:1.125rem}.stat-number{font-size:3rem}.visual-content h2{font-size:2rem}.visual-content p{font-size:1.125rem}.eco-illustration{height:300px;width:300px}.circle-1,.circle-2,.circle-3{font-size:3rem;height:100px;width:100px}.commitment-box h2{font-size:2rem}.commitment-box p{font-size:1.125rem}}
/*# sourceMappingURL=main.76baad3f.css.map*/