@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--color-purple-1: #53387D;--color-purple-2: #4F4B74;--color-purple-3: #EBE6F1;--color-mint-1: #B8DB99;--color-mint-2: #E5F7E6;--color-gray-95: #F2F2F2;--color-gray-70: #B3B3B3;--color-gray-40: #646464;--color-light: #FFFFFF;--color-dark: #000000;--main-column-width: 1280px;background-color:var(--color-dark);font-family:Poppins,sans-serif;color:var(--color-dark);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3em;font-weight:700;line-height:1.5}h2{font-size:1.5em;font-weight:700;line-height:1.5;margin-block:10px}h3{font-size:1.25em;font-weight:600;line-height:1.5;margin-block:10px}p,a,li,ul,ol,span{font-size:1em;font-weight:400;line-height:2;margin-block:10px}.quote{font-size:1.5em;font-weight:600;line-height:1.75}.caption{font-size:.75em;font-weight:400;line-height:1.5}button,.button{font-family:Poppins,sans-serif;background-color:var(--color-mint-1);color:var(--color-dark);border:none;border-radius:50px;padding:.75em 1.5em;font-size:1em;font-weight:600;line-height:1.25;cursor:pointer;text-decoration:none;transition:background-color .2s}button:hover,.button:hover{background-color:#98bb79!important}button:hover.color-dark,.button:hover.color-dark{background-color:#303030!important}button:hover.color-purple,.button:hover.color-purple{background-color:#422e63!important}button:hover.color-light,.button:hover.color-light{background-color:#b3b3b3!important}button:focus,button:focus-visible,.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{padding-block:10px;padding-inline:14px;font-family:Poppins,sans-serif;font-size:1em;font-weight:400;line-height:1.5;border-radius:5px;border:1px solid var(--color-gray-70);background-color:var(--color-light);resize:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-gray-70)}input::-webkit-input-placeholder,input:-ms-input-placeholder,input::-moz-placeholder,select::-webkit-input-placeholder,select:-ms-input-placeholder,select::-moz-placeholder,textarea::-webkit-input-placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder{color:var(--color-gray-70)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-gray-95)}select:invalid{color:var(--color-gray-70);font-weight:400}select:invalid option:not(:first-child){color:var(--color-dark)}.color-mint{background-color:var(--color-mint-1)}.color-purple{background-color:var(--color-purple-1)}.color-dark{background-color:var(--color-dark)}.color-light{background-color:var(--color-light)}.text-light{color:var(--color-light)}.text-dark{color:var(--color-dark)}.marquee{display:flex;width:100%;overflow:hidden}.marquee-content{display:flex;flex:none;animation:scroll 10s linear infinite;width:max-content;gap:20px;padding-inline:10px}.marquee-content.reverse{animation:scrollreverse 20s linear infinite}@keyframes scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes scrollreverse{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{display:flex;flex-direction:row;justify-content:center;padding-inline:20px;max-width:100vw;height:80px;background-color:var(--color-purple-1)}.navbar-container{display:flex;flex-direction:row;width:100%;max-width:var(--main-column-width);justify-content:space-between}.bannerLogo{margin:left;display:flex;align-items:center;flex-direction:row}.froodLogo{height:2em}.navButtons{display:flex;flex-direction:row;align-items:center;gap:30px}.nav-link{text-decoration:none;transition:transform .2s}.nav-link:hover{transform:scale(1.1)}.intro{display:flex;flex-direction:column;text-align:center;align-items:center;height:640px;max-height:85vh;background-image:opacity(.5);background-image:url(/landing/assets/HeroBackground-LE1fSh5C.jpg);background-size:cover;padding:20px}.hero-title{margin-block:60px 60px}.cta-links{display:flex;flex-direction:row;justify-content:space-around;width:480px;max-width:100vw;margin:20px}.download-buttons{display:flex;flex-direction:column;width:max-content;gap:10px;margin-top:30px}.store-button img{height:48px}.hero-title{color:var(--color-purple-1)}.banner{display:flex;flex-direction:row;background-color:var(--color-purple-2);padding-block:15px}.banner .marquee-content{animation-duration:30s}.intro-quote-section{display:flex;flex-direction:column;align-items:center;max-width:100vw;padding-inline:20px;background-color:var(--color-purple-3)}.quote-container{display:flex;flex-direction:column;align-items:center;width:100%;padding-block:80px;margin:auto;max-width:var(--main-column-width)}.quote-container .quote{max-width:640px}.mission-how-section{display:flex;flex-direction:column;align-items:center;padding-top:40px;padding-bottom:80px;gap:40px;padding-inline:20px;background-color:var(--color-light)}.mission-how-section h2,.mission-how-section h3{color:var(--color-purple-1)}.mission-block{display:flex;flex-direction:row;align-items:flex-start;gap:40px;max-width:var(--main-column-width)}.mission-text{display:flex;flex-direction:column;width:100%}.mission-image-container{width:100%}.mission-image-container img{width:100%;height:auto;border-radius:10px}.how-it-works{display:flex;flex-direction:column;width:100%;max-width:var(--main-column-width);gap:40px}.how-it-works p{max-width:720px}.steps-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:24px}.step-card{flex:1 1 200px;min-width:200px;max-width:200px;min-height:200px;background-color:var(--color-light);border:1px solid var(--color-gray-70);border-radius:16px;padding:12px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.step-card-number{font-size:20px;font-weight:700;margin-bottom:8px}.step-card-icon{font-size:48px;margin-bottom:12px}.step-card-title{font-size:18px;font-weight:600;margin-bottom:6px}.step-card-desc{font-size:14px;color:var(--color-gray-40)}@media (max-width: 768px){.mission-block{flex-direction:column-reverse;align-items:center;gap:20px}.mission-image-container img{width:100%;max-width:none;height:auto}.steps-grid{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}.step-card{width:90%}}.contact-section{display:flex;padding-block:80px;padding-inline:20px;background-color:var(--color-purple-3);align-items:center;justify-content:center}.contact-block{display:flex;flex-direction:row;max-width:var(--main-column-width);gap:40px;align-items:center}.contact-image-container{width:100%;align-self:stretch}.contact-image-container img{height:100%;width:100%;object-fit:cover;border-radius:20px}.contact-form-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--color-light);padding:40px;border-radius:20px}label h3{font-size:1em;margin-block:10px 0px}.inputField{width:100%;box-sizing:border-box;margin-block:5px}textarea.inputField{min-height:100px}.submitButton{margin-top:16px;padding:12px;width:100%}.formLabel{width:100%;display:flex;flex-direction:column}.sameLine{display:flex;flex-direction:row;gap:20px}@media (max-width: 1000px){.contact-block{flex-direction:column-reverse;gap:20px}}@media (max-width: 768px){.sameLine{flex-direction:column;gap:0px}}.impact-how-section{display:flex;flex-direction:column;align-items:center;padding-top:50px;padding-bottom:80px;padding-inline:20px;gap:40px;background-color:var(--color-purple-2);color:var(--color-light)}.impact-how-section h3{font-weight:700}.impact-block{display:flex;flex-direction:column;text-align:left;padding-bottom:30px;width:100%;max-width:var(--main-column-width)}.impact-cards-container{display:flex;flex-direction:column;align-items:center;text-align:left;gap:100px}.impact-cards-container .card-phone{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;gap:60px}.impact-cards-container .card-phone .text-content{display:flex;flex-direction:column;align-items:center}.impact-cards-container .card-phone .text-content h4{margin:10px}.impact-cards-container .card-phone .text-content ul{color:var(--color-light)}.impact-cards-container .card-phone .text-content li{line-height:225%}.impact-cards-container .card-phone img{max-width:300px}.impact-cards-container .card-phone.reverse{flex-direction:row-reverse}@media (max-width: 768px){.impact-cards-container .card-phone{flex-direction:column;gap:20px}.impact-cards-container .card-phone.reverse{flex-direction:column}}.testimonials-section{display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:60px;overflow:hidden;background-color:var(--color-light)}.testimonial-header{width:calc(100% - 40px);max-width:var(--main-column-width);padding-inline:20px}.testimonials-container{display:flex;flex-direction:row;width:fit-content;gap:40px;padding-inline:20px;margin-block:20px}.testimonials-container.marquee-content{animation-duration:30s}.testimonial-card{position:relative;display:flex;flex-direction:column;background-color:var(--color-light);width:480px;padding:30px 50px;border:1px solid var(--color-gray-70);border-radius:20px}.testimonial-card .quote-icon{position:absolute;font-size:3em}.testimonial-card .start-quote{top:10px;left:20px}.testimonial-card .end-quote{bottom:10px;right:20px}.testimonial-card .testimonial-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.testimonial-card .testimonial-text{font-size:1.5em;font-weight:600;line-height:1.75;padding:0;margin-block:10px}.testimonial-card .testimonial-author{display:flex;flex-direction:column}.testimonial-card .author-name{margin:0}.testimonial-card .author-role{font-style:italic;margin:0}.metrics-section{display:flex;flex-direction:column;align-items:center;background-color:var(--color-light);padding-block:60px;padding-inline:20px}.metrics-header{width:100%;max-width:var(--main-column-width)}.metrics-block{max-width:var(--main-column-width)}.metrics-cards-container{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin-top:30px}.metrics-cards-container .metric-card{border:1px solid var(--color-dark);border-radius:30px;padding:24px;box-sizing:border-box;text-align:center}#card-1{grid-column:1 / 2;grid-row:1 / 10;min-width:300px;height:500px;overflow:hidden}#card-1 .falling-food-container{position:relative;width:100%;height:100%}#card-1 .falling-food{animation:falling-food 1s ease-out;animation-iteration-count:1;animation-fill-mode:forwards}#card-1 .food-item{position:absolute}#card-1 .food-item img{width:150px;height:150px}@keyframes falling-food{0%{transform:translateY(-1000px)}to{transform:translateY(0)}}#card-2{grid-column:2 / 3;grid-row:1 / 5}#card-2 .metric-emoji-container{display:flex;justify-content:center;margin-top:35px}#card-2 .metric-emoji-container img{width:80px;height:80px}#card-2 .metric-img-opaque{opacity:.2}#card-3{position:relative;grid-column:2 / 3;grid-row:5 / 10}#card-3 .metric-speech-bubble{background-image:url(/landing/speech-bubble.png);background-size:100% 100%;height:75%;width:100%}#card-3 .metric-speech-bubble .metric-bubble-text{height:75%;display:flex;flex-direction:column;justify-content:center}#card-3 .silhouette-image{height:25%;width:auto;object-fit:contain;position:absolute;bottom:15px;left:20px}#card-4{grid-column:3 / 4;grid-row:1 / 6;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px}#card-4 .metrics-marquee-container{overflow:visible}#card-4 .metrics-marquee-container .marquee-content{animation-duration:10s}.metrics-marquee-container img{width:80px;height:80px}#card-5{grid-column:3 / 4;grid-row:6 / 10}#card-5 .metric-busts-emoji-row-container{display:flex;justify-content:center;margin-top:10px}#card-5 .metric-busts-emoji-row-container img{width:70px;height:70px}.metric-big-text{margin-block:0px 8px;line-height:1}.metric-little-text{margin-block:8px 0px;line-height:1.5}@media (max-width: 1200px){.metrics-cards-container{grid-template-columns:2fr;min-height:auto}.metrics-cards-container .metric-card,.metrics-cards-container #card-1,.metrics-cards-container #card-2,.metrics-cards-container #card-3,.metrics-cards-container #card-4,.metrics-cards-container #card-5{min-height:250px;max-width:425px}.metrics-cards-container #card-4{grid-column:1 / 2;grid-row:10 / 14}.metrics-cards-container #card-5{grid-column:2 / 3;grid-row:10 / 14}}@media (max-width: 768px){.metrics-cards-container{grid-template-columns:1fr;min-height:auto}.metrics-cards-container .metric-card,.metrics-cards-container #card-1,.metrics-cards-container #card-2,.metrics-cards-container #card-3,.metrics-cards-container #card-4,.metrics-cards-container #card-5{grid-column:auto;grid-row:auto;min-width:0}}div.thanksContainer{background-color:var(--color-purple-1);color:var(--color-light);min-height:100vh;min-width:100vw;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;margin:0;box-sizing:border-box}div.thanksContainer h1,div.thanksContainer h3{margin-block:5px}div.thanksContainer .button{margin-top:60px}
