@import"https://fonts.googleapis.com/css2?family=Ubuntu+Sans:wght@400;700&display=swap";:root{--primary-color: #DD5B41;--secondary-color: #3A5869;--accent-color: #569B27;--accent-color-orange: #FF8000;--text-color: #ffffff;--font-family: "Ubuntu Sans", sans-serif}body{font-family:var(--font-family);margin:0;padding:0;background:linear-gradient(to bottom,#1b2b37,#2a4250);color:var(--text-color)}.hero{text-align:center;padding:100px 20px}.hero h1{font-size:48px;font-weight:700;margin-bottom:10px}.hero p{font-size:22px;margin-bottom:20px}.hero{position:relative;text-align:center;padding:0 20px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.green-bar{position:absolute;width:70px;height:50vh;background-color:var(--accent-color-orange);z-index:-1}.green-bar.left{left:25%;top:0}.green-bar.right{right:17.675%;bottom:0;width:140px;height:30vh}.hero-image{position:absolute;left:22.5%;top:35vh;height:46vh}.hero-text{position:relative;z-index:2}.hero-dish{position:absolute;right:11%;bottom:5vh;height:40vh}.cta-button{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#e74c3c,#d84332);color:#fff;font-weight:700;font-size:18px;padding:12px 24px;border-radius:30px;border:2px solid white;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px #0003;max-width:320px}.cta-icon{margin-right:10px}.hero-bars-sticky{position:fixed;bottom:20px;left:0;z-index:10}.hero-bars{position:relative;margin-left:-260px;width:520px;max-width:100%;z-index:1}.how-it-works{position:relative;padding:0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:110vh}.how-it-works-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:center;gap:15px}.step-box{width:40px;height:40px;border-radius:5px}.step p{color:#fff;font-size:18px;max-width:280px}.dish-container{position:relative}.dish-image{width:300px;border-radius:10px}.background-elements{position:absolute;bottom:0;left:5%;width:100%;display:flex;align-items:center;justify-content:flex-start}.green-box{position:absolute;width:250px;height:100px;background-color:#5b9922;bottom:20px;left:10%;z-index:-10}.athlete-image{position:absolute;bottom:0;left:8%;width:300px;z-index:-5;opacity:.9}@media (max-width: 900px){.how-it-works-content{flex-direction:column;align-items:flex-start}.dish-container{margin-top:20px}.background-elements{left:0;width:100%;text-align:center}.green-box{left:50%;transform:translate(-50%)}.athlete-image{width:240px;left:50%;transform:translate(-50%)}}.cta-section{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:150px;padding:240px 20%;position:relative}.cta-content{color:var(--text-color);font-size:24px;font-weight:700}.cta-button{background-color:var(--accent-color);color:#fff;font-size:18px;padding:10px 20px;border:none;border-radius:5px;margin-top:20px;cursor:pointer;transition:background .3s ease}.cta-button:hover{background-color:#4e8f1a}.cta-image{position:relative}.cta-image img{width:500px;height:auto}.cta-square{position:absolute;width:250px;height:250px;background-color:var(--primary-color);bottom:0;right:0;z-index:-1}.footer{background-color:#000;color:#fff;padding:40px 10%}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.footer-logo .logo-text{font-size:24px;font-weight:700}.footer-links{display:flex;gap:60px}.footer-column h4{font-size:18px;margin-bottom:10px}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:5px}.footer-column ul li a{color:#fff;text-decoration:none;font-size:14px}.footer-right{text-align:right}.partner-logos img{height:40px;margin-right:10px}.social-icons{margin-top:10px}.social-icons a{color:#fff;font-size:18px;margin-right:10px}.footer-bottom{border-top:1px solid #444;margin-top:20px;padding-top:10px;display:flex;justify-content:space-between;font-size:12px}.footer-bottom ul{display:flex;gap:15px;list-style:none;padding:0}.footer-bottom ul li a{color:#fff;text-decoration:none;font-size:12px}.top-picks{text-align:center;padding:80px 20px}.top-picks h2{font-size:48px;font-weight:700;color:var(--text-color)}.top-picks p{font-size:24px;color:var(--text-color)}.highlight{color:var(--primary-color);text-decoration:underline}.picks-container{display:flex;justify-content:center;gap:50px;margin-top:40px}.pick{flex:1;position:relative;text-align:center;font-size:20px;font-weight:700;color:#fff}.pick img{width:220px;margin-top:10px}.pick.red:before,.pick.green:before,.pick.blue:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:50px;z-index:-1}.pick.red:before{background-color:var(--primary-color)}.pick.green:before{background-color:var(--accent-color)}.pick.blue:before{background-color:var(--secondary-color)}.food-teaser{background-color:var(--primary-color);padding:30px 0;display:flex;justify-content:center;align-items:center}.food-teaser_orange{background-color:var(--accent-color-orange);padding:30px 0;display:flex;justify-content:center;align-items:center}.food-container{display:flex;justify-content:center;gap:150px;max-width:1000px;width:100%}.food-container img{width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #0003}.header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#0c151c95;display:flex;align-items:center;justify-content:space-between;padding:0 80px;box-sizing:border-box;z-index:1000}.nav{display:flex;justify-content:flex-end;flex-grow:1}.nav ul{display:flex;list-style:none;gap:40px;margin:0;padding:0}.logo{font-size:24px;flex-shrink:0;margin-right:auto}.nav ul li{display:inline}.nav ul li a{text-decoration:none;color:var(--text-color);font-size:18px}.try-b-bars{text-align:center;padding:80px 20px;background:#0c151c;color:#fff;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.bars-image{width:400px;max-width:100%;margin:20px 0}.cta-button{display:inline-block;background:linear-gradient(180deg,#e74c3c,#d84332);color:#fff;font-weight:700;font-size:18px;padding:12px 24px;border-radius:30px;border:2px solid white;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px #0003;margin-top:20px}.cta-button:hover{transform:scale(1.05)}