*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;overflow-x:hidden}.fonts-loaded *,.fonts-loaded body,html.fonts-loaded *{font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:1.25rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #00000026}@supports (padding: max(0px)){header{padding-top:max(1.25rem,env(safe-area-inset-top))}}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:2.5rem;font-weight:900;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Poppins,sans-serif}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s;font-family:Poppins,sans-serif}.nav-links a:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:#fff;color:#16a34a;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block;font-family:Poppins,sans-serif;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-logout{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;cursor:pointer;border:1px solid rgba(255,255,255,.3)}.btn-logout:hover{background:#ffffff4d}.btn-logout svg{width:20px;height:20px}.app-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.app-button{display:flex;align-items:center;gap:.5rem;background:#000;color:#fff;padding:.6rem 1.2rem;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600}.app-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.app-button.play-store,.app-button.app-store{background:#000}.app-icon{width:24px;height:24px;flex-shrink:0}.app-text{display:flex;flex-direction:column;line-height:1.2}.app-text-small{font-size:.7rem;opacity:.9}.app-text-large{font-size:.9rem;font-weight:700}.hero{background:linear-gradient(135deg,#dcfce7,#bbf7d0,#86efac);padding:4rem 0;position:relative;overflow:hidden}@media(min-width:769px){.hero{height:100vh;display:flex;flex-direction:column;justify-content:center}.join-section{height:100vh;min-height:100vh}.testimonials-section{height:70vh;display:flex;flex-direction:column;justify-content:center}footer{height:30vh;display:flex;flex-direction:column;justify-content:center}}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);border-radius:50%}.animated-map{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0;opacity:.45;contain:layout style paint;will-change:contents}.map-svg{width:100%;height:100%;position:absolute;top:0;left:0}.map-street{stroke:#22c55e59;stroke-width:1;fill:none;stroke-linecap:round;animation:street-fade 4s infinite ease-in-out;will-change:opacity,stroke-dashoffset}.map-street-primary{stroke:#16a34a73;stroke-width:1.5}.map-street-secondary{stroke:#22c55e4d;stroke-width:1}@keyframes street-fade{0%{opacity:0}20%{opacity:.5}50%{opacity:.65}80%{opacity:.5}to{opacity:0}}.map-street{stroke-dasharray:10,5;stroke-dashoffset:0;animation:street-fade 4s infinite ease-in-out,draw-street 3s linear infinite}.map-street-primary{stroke-dasharray:12,6;animation:street-fade 5s infinite ease-in-out,draw-street 4s linear infinite}@keyframes draw-street{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}.map-street-primary:nth-child(1){animation-delay:0s,0s}.map-street-primary:nth-child(2){animation-delay:.6s,.3s}.map-street-primary:nth-child(3){animation-delay:1.2s,.6s}.map-street-primary:nth-child(4){animation-delay:.3s,.15s}.map-street-primary:nth-child(5){animation-delay:.9s,.45s}.map-street-primary:nth-child(6){animation-delay:1.5s,.75s}.map-street-secondary:nth-child(7){animation-delay:.2s,.1s}.map-street-secondary:nth-child(8){animation-delay:.8s,.4s}.map-street-secondary:nth-child(9){animation-delay:1.4s,.7s}.map-street-secondary:nth-child(10){animation-delay:2s,1s}.map-street-secondary:nth-child(11){animation-delay:.4s,.2s}.map-street-secondary:nth-child(12){animation-delay:1s,.5s}.map-street-secondary:nth-child(13){animation-delay:1.6s,.8s}.map-street-secondary:nth-child(14){animation-delay:2.2s,1.1s}.gps-marker{position:absolute;transform:translate(-50%,-50%);z-index:10;animation:move-delivery 20s infinite ease-in-out;will-change:left,top}.gps-marker-2{animation:move-delivery-2 25s infinite ease-in-out;animation-delay:5s}.gps-marker-3{animation:move-delivery-3 18s infinite ease-in-out;animation-delay:10s}.gps-pulse{position:absolute;width:30px;height:30px;border-radius:50%;background:#22c55eb3;border:4px solid rgba(22,163,74,.9);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-gps 1.5s infinite ease-out;box-shadow:0 0 20px #22c55ecc;will-change:transform,opacity}.gps-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#16a34a;border:3px solid white;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #22c55e,0 0 40px #22c55e99,0 0 60px #22c55e4d;z-index:2}.gps-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;z-index:3;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}@keyframes pulse-gps{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(2.5);opacity:.4}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes move-delivery{0%{left:20%;top:20%}12.5%{left:50%;top:20%}25%{left:50%;top:40%}37.5%{left:80%;top:40%}50%{left:80%;top:60%}62.5%{left:50%;top:60%}75%{left:50%;top:80%}87.5%{left:20%;top:80%}to{left:20%;top:20%}}@keyframes move-delivery-2{0%{left:80%;top:40%}20%{left:50%;top:40%}40%{left:50%;top:60%}60%{left:20%;top:60%}80%{left:20%;top:40%}to{left:80%;top:40%}}@keyframes move-delivery-3{0%{left:50%;top:60%}25%{left:80%;top:60%}50%{left:80%;top:80%}75%{left:20%;top:80%}to{left:50%;top:60%}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:2}.hero-text h1{font-size:3.5rem;font-weight:800;color:#065f46;margin-bottom:.75rem;line-height:1.2;font-family:Poppins,sans-serif;letter-spacing:-1px}.hero-text .greeting{font-size:1.5rem;color:#065f46;margin-bottom:.5rem;font-weight:700;font-family:Poppins,sans-serif}.hero-text p{font-size:1.25rem;color:#064e3b;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:400}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.capybara-illustration{width:100%;max-width:420px;height:auto;object-fit:contain;animation:float 3s ease-in-out infinite;will-change:transform;aspect-ratio:651 / 434}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mascot-strip{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;position:relative;z-index:2}.mascot-card{display:flex;gap:1rem;align-items:center;padding:1rem 1.25rem;border-radius:18px;background:#ffffffd9;box-shadow:0 10px 30px #16a34a26;border:1px solid #bbf7d0}.mascot-card>div{flex:1}.mascot-icon{width:130px;height:130px;flex-shrink:0;object-fit:contain;aspect-ratio:275 / 183}.mascot-text-title{font-weight:700;color:#065f46;margin-bottom:.15rem;font-family:Poppins,sans-serif;font-size:1.05rem}.mascot-text-subtitle{font-size:.9rem;color:#064e3b;font-family:Poppins,sans-serif;font-weight:400}.join-section{padding:0 0 3rem;background:#fff;display:flex;align-items:center;min-height:100vh}.join-section .container{width:100%}.join-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1000px;margin:0 auto}.join-card{text-align:center;background:#fff;padding:2.5rem;border-radius:24px;transition:transform .3s}.join-card:hover{transform:translateY(-5px)}.join-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:0;height:280px}.join-image-bg{display:none}.join-image{position:relative;z-index:1;width:100%;max-width:300px;height:auto;object-fit:contain}.join-title{font-size:2rem;font-weight:800;color:#065f46;margin-top:-2.5rem;margin-bottom:1rem;font-family:Poppins,sans-serif;letter-spacing:-.5px;position:relative;z-index:3}.join-description{font-size:1.1rem;color:#064e3b;line-height:1.6;margin-bottom:2rem;font-family:Poppins,sans-serif;font-weight:400;position:relative;z-index:3}.join-button{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;font-size:1.1rem;transition:transform .3s,box-shadow .3s;font-family:Poppins,sans-serif;letter-spacing:.3px;position:relative;z-index:3}.join-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.testimonials-section{background:linear-gradient(135deg,#16a34a,#15803d);padding:5rem 0;color:#fff}.testimonials-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;font-family:Poppins,sans-serif;letter-spacing:-.5px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:#fffffff2;padding:2rem;border-radius:20px;color:#064e3b;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.testimonial-stars{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-text{font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:400;color:#064e3b}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;font-family:Poppins,sans-serif;flex-shrink:0}.testimonial-info{flex:1}.testimonial-name{font-weight:700;font-size:1.1rem;color:#065f46;margin-bottom:.25rem;font-family:Poppins,sans-serif}.testimonial-location{font-size:.9rem;color:#064e3b;opacity:.8;font-family:Poppins,sans-serif}footer{background:#15803d;color:#fff;padding:3rem 0 1.5rem;text-align:center}.footer-content{margin-bottom:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s}.footer-links a:hover{opacity:1}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);opacity:.8}.mobile-logo,.hero-image-mobile,.mobile-menu-toggle,.mobile-menu-button,.mobile-menu-overlay{display:none}.mobile-menu-button:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:scale(1.05)}.mobile-menu-button svg{width:24px;height:24px;color:#16a34a}.mobile-menu-button #closeIcon,.mobile-menu-button.active #menuIcon{display:none}.mobile-menu-button.active #closeIcon{display:block}.mobile-menu-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#faf8f3,#f5f1e8,#ede8dc);z-index:9999;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-overlay.active{transform:translate(0)}.mobile-menu-content{padding:5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fffc;border-radius:12px;color:#065f46;text-decoration:none;transition:all .3s;border:1px solid rgba(22,163,74,.2);box-shadow:0 2px 8px #0000001a;font-weight:600;font-size:1rem}.mobile-menu-item:hover{background:#fffffff2;transform:translate(5px);box-shadow:0 4px 12px #00000026}.mobile-menu-item.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a4d;justify-content:center}.mobile-menu-item.btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.mobile-menu-item svg{flex-shrink:0;width:20px;height:20px;color:#16a34a}.mobile-logout-form{margin-top:auto;padding:0}.mobile-logout-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#dc2626;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;font-size:inherit;box-shadow:0 2px 8px #ef44441a}.mobile-logout-btn:hover{background:#ef444440;transform:translate(5px);box-shadow:0 4px 12px #ef444433}.mobile-logout-btn svg{flex-shrink:0;width:20px;height:20px;color:#dc2626}@media(max-width:768px){header{display:none}.mobile-menu-toggle{display:block}.mobile-menu-button{display:flex;position:fixed;top:1rem;right:1rem;z-index:10000;background:#fffffff2;border:2px solid rgba(22,163,74,.3);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026;align-items:center;justify-content:center}.mobile-menu-button:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:scale(1.05)}.mobile-menu-button svg{width:24px;height:24px;color:#16a34a}.mobile-menu-overlay{display:block}.mobile-logo{display:block;font-size:5rem;font-weight:900;color:#fff;font-family:Poppins,sans-serif;letter-spacing:-3px;text-shadow:0 4px 8px rgba(0,0,0,.2);line-height:1;text-align:center;position:relative;z-index:10}.hero-image-mobile{display:block;text-align:center;margin-bottom:.5rem;padding:.5rem 0 0;position:relative;z-index:10}.hero-content{grid-template-columns:1fr;text-align:center;gap:0}.hero-image{display:flex;margin-top:-1rem;margin-bottom:-1rem}.mascot-strip{margin-top:1.5rem}.mascot-card{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.mascot-icon{width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:contain}.mascot-card>div{display:flex;flex-direction:column;justify-content:center}.hero-text{order:2;margin-top:-1rem}.hero-text h1{font-size:2.5rem;margin-bottom:.5rem}.hero-text p{margin-bottom:1rem}.hero{padding:2rem 0}.animated-map{top:-20%;height:120%}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.join-grid{grid-template-columns:1fr;gap:2rem}.join-card{padding:2rem 1.5rem}.join-image-wrapper{height:220px}.join-image{max-width:260px;z-index:1}.join-title{font-size:1.75rem;position:relative;z-index:3}.join-description{font-size:1rem;position:relative;z-index:3}.join-button{position:relative;z-index:3}.testimonials-title{font-size:2rem;margin-bottom:2rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}.testimonial-text{font-size:1rem}.app-buttons{justify-content:center}.app-button{padding:.5rem 1rem;font-size:.8rem}.app-icon{width:20px;height:20px}.capybara-mobile{width:100%;max-width:200px;height:auto}}