*{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f4c3a,#1a5f4a,#2d7a5f);z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out}html{scroll-behavior:smooth}body{padding-bottom:env(safe-area-inset-bottom);background:transparent}@supports (padding: max(0px)){body{padding-bottom:max(env(safe-area-inset-bottom),0px)}}.App{min-height:100vh;background:linear-gradient(135deg,#0f4c3a,#1a5f4a,#2d7a5f);color:#fff;font-family:Roboto,sans-serif}.header{position:fixed;top:0;left:0;right:0;background:#0f4c3af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #0000004d;opacity:0;transform:translateY(-100%);transition:all .8s ease-out}@media (max-width: 768px){.header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f4c3afa}}.header.animate-header{opacity:1;transform:translateY(0)}.logo-small{height:60px;width:auto}.nav{display:flex;gap:2rem;list-style:none}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:25px}.nav a:hover{color:#4ade80;background:#4ade801a}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:#fff;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-list a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:25px}.nav-list a:hover{color:#4ade80;background:#4ade801a}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#0f4c3a,#1a5f4a,#2d7a5f);position:relative;overflow:hidden}.hero-content{opacity:0;transition:opacity .5s ease-out}.hero-content.animate-content{opacity:1}.hero-phone-bg{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) translateZ(0);z-index:1;transition:all .1s ease-out;opacity:0;will-change:transform,opacity;max-width:100vw;overflow:hidden}.hero-phone-bg.animate-phone{animation:phoneFadeIn .8s ease-out .2s forwards}.hero-phone-bg.animate-phone-position{left:15%;top:45%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hero-phone-bg.animate-phone-fade-out{animation:phoneFadeOut 2s ease-out forwards!important;pointer-events:none}.hero-phone-bg.animate-phone-fade-out.animate-phone{animation:none}@keyframes phoneFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes phoneFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.phone-bg-image{width:500px;height:auto;max-width:100vw;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));opacity:.8;object-fit:contain}.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="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:3;max-width:1200px}.logo-large{max-width:400px;width:100%;height:auto;margin-bottom:2rem;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(45deg,#4ade80,#22c55e);color:#0f4c3a;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #4ade804d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4ade8066}.animate-logo{animation:logoFadeIn 1.2s ease-out forwards}.animate-title{animation:titleSlideIn 1s ease-out .3s both}.animate-description{animation:descriptionFadeIn 1s ease-out .6s both}.animate-button{animation:buttonBounceIn .8s ease-out .9s both}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:.9;transform:translateY(0)}}@keyframes buttonBounceIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.download-footer-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.download-section{padding:6rem 2rem;background:linear-gradient(135deg,#1a5f4a,#2d7a5f,#0f4c3a);position:relative;overflow:hidden;flex:1 1 auto;min-height:0;display:flex;align-items:center}.download-section: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="download-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23download-grain)"/></svg>');opacity:.3}.download-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.download-content{display:flex;align-items:center;gap:4rem;min-height:500px}.download-text{flex:1;max-width:600px}.download-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translate(-50px);transition:all .8s ease-out}.download-title.animate-download-title{opacity:1;transform:translate(0)}.download-description{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;opacity:.9;color:#fff;opacity:0;transform:translate(-50px);transition:all .8s ease-out .2s}.download-description.animate-download-description{opacity:.9;transform:translate(0)}.download-buttons{display:flex;gap:1.5rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out .4s}.download-buttons.animate-download-buttons{opacity:1;transform:translateY(0)}.download-button{display:flex;align-items:center;padding:1rem 1.5rem;border-radius:15px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);min-width:200px}@media (max-width: 768px){.download-button{backdrop-filter:none;-webkit-backdrop-filter:none}}.download-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.google-play{background:linear-gradient(135deg,#01875f,#00a86b);color:#fff}.google-play:hover{background:linear-gradient(135deg,#00a86b,#01875f)}.app-store{background:linear-gradient(135deg,#007aff,#0056b3);color:#fff}.app-store:hover{background:linear-gradient(135deg,#0056b3,#007aff)}.button-content{display:flex;align-items:center;gap:1rem;width:100%}.button-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:10px;flex-shrink:0}.button-icon svg{width:24px;height:24px}.button-text{display:flex;flex-direction:column;align-items:flex-start}.button-label{font-size:.9rem;opacity:.8;margin-bottom:.2rem}.button-store{font-size:1.1rem;font-weight:600}.download-phone{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.phone-container{position:relative;opacity:0;transform:translate(50px) scale(.8);transition:all 1s ease-out .6s}.phone-container.animate-phone{opacity:1;transform:translate(0) scale(1);animation:phoneFloat 3s ease-in-out infinite}.phone-image{width:500px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));position:relative;z-index:2}.phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:550px;height:550px;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);border-radius:50%;z-index:1;animation:glowPulse 2s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width: 768px){.download-footer-container{height:auto;min-height:100vh;overflow:visible}.download-section{padding:4rem 1.5rem;min-height:auto}.download-content{flex-direction:column;gap:2rem;min-height:auto}.download-text{max-width:100%;text-align:center}.download-buttons{flex-direction:column;width:100%}.download-button{width:100%;justify-content:center}.download-phone{max-width:300px;margin:0 auto}.phone-glow{width:370px;height:370px}}.footer{background:#0a3d2e;padding:2rem;text-align:center;color:#fff;flex-shrink:0}.footer p{opacity:.8}.footer-links{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.privacy-link{background:none;border:none;color:#fff9;font-size:.85rem;text-decoration:underline;cursor:pointer;padding:.25rem .5rem;transition:color .3s ease;display:inline-block}.privacy-link:hover{color:#ffffffe6}.privacy-link:visited{color:#fff9}.privacy-page{min-height:100vh;background:#fff;padding:2rem}.privacy-page-content{max-width:900px;margin:0 auto;color:#333}.privacy-back-button{background:#0a3d2e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;margin-bottom:2rem;transition:background-color .3s ease}.privacy-back-button:hover{background:#0f4d3a}.privacy-page-content h1{color:#0a3d2e;margin-bottom:1.5rem;font-size:2rem}.privacy-page-content h2{color:#0a3d2e;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.privacy-page-content h3{color:#0a3d2e;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem}.privacy-page-content p{margin-bottom:1rem;line-height:1.6;color:#333}.privacy-page-content ul{margin-bottom:1rem;padding-left:1.5rem;line-height:1.8}.privacy-page-content li{margin-bottom:.5rem;color:#333}.privacy-page-content strong{color:#0a3d2e}@media (max-width: 768px){.privacy-page{padding:1rem}.privacy-page-content h1{font-size:1.5rem}.privacy-page-content h2{font-size:1.25rem}.privacy-page-content h3{font-size:1.1rem}}@media (max-width: 768px){.hero{min-height:100vh;padding:3rem 1rem}.header{padding:1rem}.hamburger-menu{display:flex}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(135deg,#0f4c3afa,#1a5f4afa,#0f4c3afa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.nav: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="menu-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23menu-grain)"/></svg>');opacity:.3;pointer-events:none}.nav.nav-open{right:0}.nav.nav-open:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);border-radius:50%;animation:menuGlow 3s ease-in-out infinite;pointer-events:none}@keyframes menuGlow{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.2)}}.nav-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;position:relative;z-index:1;width:100%;max-width:400px;padding:2rem}.nav-logo{height:80px;width:auto;opacity:0;transform:translateY(-20px);transition:all .4s ease-out}.nav.nav-open .nav-logo{animation:logoFadeInMenu .6s ease-out .1s forwards}.nav:not(.nav-open) .nav-logo{animation:logoFadeOutMenu .3s ease-in forwards}@keyframes logoFadeInMenu{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFadeOutMenu{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.nav-list{flex-direction:column;gap:2rem;text-align:center;width:100%}.nav-list li{opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav.nav-open .nav-list li:nth-child(1){animation:menuItemSlideIn .5s ease-out .2s forwards}.nav.nav-open .nav-list li:nth-child(2){animation:menuItemSlideIn .5s ease-out .3s forwards}.nav.nav-open .nav-list li:nth-child(3){animation:menuItemSlideIn .5s ease-out .4s forwards}.nav:not(.nav-open) .nav-list li{animation:menuItemSlideOut .3s ease-in forwards}@keyframes menuItemSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes menuItemSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.nav-list a{font-size:1.2rem;font-weight:700;padding:.75rem 1rem;display:block;color:#cecece;text-decoration:none;transition:color .3s ease;letter-spacing:1px;text-transform:uppercase}.nav-list a:hover{color:#4ade80}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.logo-large{max-width:300px}.download-content{flex-direction:column;gap:3rem;text-align:center}.download-title{font-size:2.5rem}.download-description{font-size:1.1rem}.download-buttons{justify-content:center;flex-wrap:wrap}.download-button{min-width:180px}.phone-image{width:400px}.phone-glow{width:450px;height:450px}}.features-page{padding:4rem 2rem;background:#f5f5f5;position:relative;overflow:hidden}.features-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--plants-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.15;z-index:0;pointer-events:none}.features-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.features-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#000;opacity:1}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}.feature-card{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;padding:2rem;background:transparent;border:none;transition:all .3s ease;opacity:1;position:relative;overflow:visible}.feature-card:hover{background:transparent;transform:none;box-shadow:none}.feature-card-layout-left{grid-template-columns:1fr auto}.feature-card-layout-right{grid-template-columns:auto 1fr}.feature-card-layout-right .feature-content{order:2}.feature-card-layout-right .feature-image-wrapper{order:1}.feature-card-layout-top{grid-template-columns:1fr;gap:2rem;text-align:center}.feature-card-layout-top .feature-image-wrapper{display:flex;justify-content:center;order:1}.feature-card-layout-top .feature-content{order:2}.feature-card-layout-top .feature-header{justify-content:center}.feature-card-layout-bottom{grid-template-columns:1fr;gap:2rem;text-align:center}.feature-card-layout-bottom .feature-content{order:1}.feature-card-layout-bottom .feature-image-wrapper{display:flex;justify-content:center;order:2}.feature-card-layout-bottom .feature-header{justify-content:center}.feature-card-style-gradient{background:transparent;border:none;position:relative}.feature-card-style-gradient:hover{background:transparent;box-shadow:none}.feature-card-style-glass{background:transparent;border:none;box-shadow:none}.feature-card-style-glass:hover{background:transparent;box-shadow:none}.feature-card-style-bordered{background:transparent;border:none}.feature-card-style-bordered:hover{border:none;transform:none}.feature-card-style-shadow{background:transparent;border:none;box-shadow:none}.feature-card-style-shadow:hover{box-shadow:none;transform:none}.feature-card-style-default{background:transparent;border:none}.feature-content{display:flex;flex-direction:column;gap:1rem}.feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.feature-icon{font-size:2.5rem;line-height:1}.feature-card-title{font-size:3.5rem;font-weight:700;margin:0;color:#000;text-shadow:none;transition:all .3s ease}.feature-card-description{font-size:1.1rem;line-height:1.7;color:#000;opacity:.9;margin:0}.feature-items{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#000;opacity:.85;transition:all .3s ease}.feature-item:hover{opacity:1;transform:translate(5px)}.feature-item-icon{color:#4ade80;font-weight:700;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.feature-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0 0;padding:0}.feature-item-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:2px solid rgba(0,0,0,.2);font-size:.95rem;color:#000;transition:all .3s ease;background:transparent}.feature-item-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;background:transparent}.feature-item-card .feature-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-weight:600}.feature-image-wrapper{flex-shrink:0;position:relative;padding:20px;overflow:visible;will-change:transform;transform:translateZ(0)}.feature-phone{width:280px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));opacity:1;display:block;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 1024px){.feature-card{grid-template-columns:1fr!important;gap:2rem;text-align:center}.feature-card-layout-left,.feature-card-layout-right{grid-template-columns:1fr!important}.feature-card-layout-left .feature-content,.feature-card-layout-right .feature-content,.feature-card-layout-left .feature-image-wrapper,.feature-card-layout-right .feature-image-wrapper{order:unset!important}.feature-header{justify-content:center}.feature-image-wrapper{display:flex;justify-content:center}.feature-phone{width:300px}}@media (max-width: 768px){.features-page{padding:3rem 1.5rem;scroll-margin-top:55px}.features-title{font-size:2.2rem;margin-bottom:2rem}.features-grid{gap:1.5rem}.feature-card{padding:1.5rem;gap:1.5rem}.feature-card-title{font-size:2.5rem}.feature-card-description{font-size:1rem}.feature-phone{width:300px}.feature-icon{font-size:2rem}}@media (max-width: 480px){.download-footer-container{height:auto;min-height:100vh;overflow:visible}.hero{min-height:100vh;padding:1rem}.hero h1{font-size:2rem}.logo-large{max-width:250px}.features-page{padding:2rem 1rem}.features-title{font-size:1.8rem;margin-bottom:1.5rem}.feature-card{padding:1rem;gap:1rem}.feature-card-title{font-size:2rem}.feature-card-description{font-size:.95rem}.feature-phone{width:250px}.feature-item{font-size:.9rem}.story-text{font-size:.8rem}.download-section{padding:3rem 1rem;min-height:auto}.download-title{font-size:2rem}.download-description{font-size:1rem}.download-buttons{flex-direction:column;align-items:center}.download-button{width:100%;max-width:250px}.phone-image{width:320px}.phone-glow{width:370px;height:370px}}