:root{--yellow:#ffe436;--pink:#ff5da2;--blue:#56a9ff;--green:#aeea65;--orange:#ff713c;--black:#111;--white:#fffdf4;--fat:"Bowlby One",Impact,sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);color:var(--black);font-family:var(--mono);overflow-x:hidden}button,a{color:inherit}button{font-family:inherit}.p-nav{height:78px;padding:0 2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:3px solid var(--black);background:var(--white);position:relative;z-index:20}.p-logo{font:32px/1 var(--fat);letter-spacing:-.06em;text-decoration:none}.p-logo sup{font:10px var(--mono)}.p-nav nav{height:100%;display:flex}.p-nav nav a{display:grid;place-items:center;padding:0 24px;border-left:3px solid var(--black);font-weight:700;font-size:10px;text-decoration:none}.p-nav nav a:last-child{border-right:3px solid var(--black)}.p-nav nav a:hover{background:var(--blue)}.p-nav>button,.hero-words button,.p-cta button{justify-self:end;border:3px solid var(--black);background:var(--pink);padding:12px 14px;font-weight:700;font-size:10px;box-shadow:5px 5px 0 var(--black);cursor:pointer}.p-nav>button span{margin-left:28px}.p-nav>button:hover,.hero-words button:hover,.p-cta button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--black)}.p-hero{min-height:760px;height:calc(100vh - 78px);display:grid;grid-template-columns:1.15fr .85fr;position:relative;border-bottom:3px solid var(--black);overflow:hidden}.p-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--black) 1.5px,transparent 1.5px);background-size:27px 27px;opacity:.14}.hero-words{padding:9vh 4vw 7vh;position:relative;z-index:3;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.mini-label{display:inline-block;background:var(--black);color:#fff;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:.1em;transform:rotate(-1deg)}.hero-words h1,.why h2,.flavor h2,.inside h2,.truth h2,.faq h2,.p-cta h2{font:400 clamp(63px,7.8vw,126px)/.77 var(--fat);letter-spacing:-.065em;margin:32px 0}.hero-words h1 em,.why h2 i,.flavor h2 i,.p-cta h2 i{font-style:normal;color:var(--pink);-webkit-text-stroke:3px var(--black);text-shadow:7px 7px 0 var(--black)}.hero-words>p{max-width:600px;font-size:13px;line-height:1.65;font-weight:700}.hero-words button{justify-self:auto;margin-top:20px;background:var(--white);padding:17px 18px;min-width:300px;display:flex;justify-content:space-between}.hero-pack{position:relative;display:grid;place-items:center;border-left:3px solid var(--black);z-index:2}.hero-pack img{height:72%;max-width:90%;position:relative;z-index:4;filter:drop-shadow(16px 18px 0 var(--black));transform:rotate(5deg);animation:popfloat 3.5s ease-in-out infinite}@keyframes popfloat{50%{transform:translateY(-13px) rotate(1deg)}}.pink-blob{position:absolute;width:75%;aspect-ratio:1;background:var(--pink);border:3px solid;border-radius:44% 56% 63% 37%/39% 40% 60% 61%;animation:blob 9s linear infinite}@keyframes blob{to{transform:rotate(360deg)}}.blue-shadow{position:absolute;width:55%;height:25%;background:var(--blue);border:3px solid;border-radius:50%;bottom:8%;transform:rotate(-7deg);box-shadow:10px 10px 0 var(--black)}.sparkle{position:absolute;right:8%;top:8%;font:80px/1 var(--fat);z-index:5;transform:rotate(12deg)}.sticker{position:absolute;z-index:10;display:grid;place-items:center;text-align:center;font:20px/.85 var(--fat);border:3px solid;box-shadow:6px 6px 0 var(--black);cursor:grab;user-select:none;touch-action:none}.sticker:active{cursor:grabbing}.sticker-vegan{width:120px;height:120px;border-radius:50%;background:var(--green);right:41%;top:8%;transform:rotate(-10deg)}.sticker-days{width:100px;height:100px;background:var(--blue);right:2%;bottom:7%;transform:rotate(8deg)}.burst{position:absolute;font:100px/1 var(--fat);z-index:1}.burst-a{left:-2%;bottom:1%;color:var(--orange)}.burst-b{right:42%;bottom:5%;font-size:60px}.drag-hint{position:absolute;z-index:5;bottom:14px;right:2%;font-size:7px}.p-marquee{height:72px;background:var(--black);color:var(--yellow);border-bottom:3px solid var(--black);display:flex;align-items:center;overflow:hidden;white-space:nowrap}.p-marquee div{font:33px/1 var(--fat);min-width:max-content;animation:popmarquee 18s linear infinite}@keyframes popmarquee{to{transform:translateX(-50%)}}.why{padding:110px 4vw;background:var(--white)}.why header{text-align:center}.why h2{font-size:clamp(60px,7vw,105px)}.why h2 i{color:var(--blue);text-shadow:6px 6px 0 var(--black)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:80px}.why-grid article{border:3px solid;padding:26px;background:var(--yellow);min-height:450px;box-shadow:10px 10px 0 var(--black);display:flex;flex-direction:column}.tilt-left{transform:rotate(-1.5deg)}.tilt-right{transform:rotate(1.8deg);background:var(--pink)!important}.why-grid article>span{font-size:10px}.big-icon{font:110px/1 var(--fat);margin:auto;text-align:center}.why-grid h3{font:50px/1 var(--fat);margin:0}.why-grid p{font-size:11px;line-height:1.6}.flavor{min-height:700px;background:var(--blue);border-block:3px solid;display:grid;grid-template-columns:1fr 1fr}.flavor-copy{padding:100px 6vw;border-right:3px solid;display:flex;justify-content:center;flex-direction:column}.flavor h2{font-size:clamp(65px,7vw,105px)}.flavor h2 i{color:var(--yellow);text-shadow:6px 6px 0 var(--black)}.flavor-copy>p{font-size:12px;line-height:1.7;max-width:500px}.flavor-machine{margin:7vw;min-height:520px;background:var(--white);border:3px solid;box-shadow:13px 13px 0 var(--black);padding:50px;position:relative;display:flex;flex-direction:column;justify-content:center}.face{text-align:center}.face span{font:130px/.8 var(--fat);display:block;letter-spacing:-.15em}.face b{display:inline-block;background:var(--pink);border:3px solid;padding:8px 15px;transform:rotate(-4deg);font:25px var(--fat)}.scale{display:flex;justify-content:space-between;font-size:8px;font-weight:700;margin-top:60px}.flavor-machine input{appearance:none;width:100%;height:18px;background:linear-gradient(90deg,var(--yellow),var(--orange));border:3px solid;margin:12px 0}.flavor-machine input::-webkit-slider-thumb{appearance:none;width:40px;height:40px;border-radius:50%;background:var(--pink);border:3px solid;box-shadow:3px 3px 0 var(--black)}.flavor-machine small{font-size:7px;text-align:center;margin-top:30px}.bubble{position:absolute;width:80px;height:60px;border:3px solid;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font:18px var(--fat)}.bubble-one{left:-30px;top:25%;transform:rotate(-11deg)}.bubble-two{right:-20px;bottom:23%;background:var(--green);transform:rotate(8deg)}.inside{display:grid;grid-template-columns:.65fr 1.35fr;background:var(--pink);border-bottom:3px solid}.inside-title{padding:100px 4vw;border-right:3px solid;display:flex;justify-content:center;flex-direction:column}.inside h2{font-size:clamp(75px,8vw,120px)}.inside-title>p{font-size:11px;line-height:1.7}.nutrient-grid{display:grid;grid-template-columns:repeat(2,1fr)}.nutrient-grid article{min-height:300px;padding:25px;border-right:3px solid;border-bottom:3px solid;display:flex;flex-direction:column;justify-content:space-between}.nutrient-grid article:nth-child(even){border-right:0}.nutrient-grid article:nth-child(n+5){border-bottom:0}.nutrient-grid article>span{font:45px/1 var(--fat)}.nutrient-grid h3{font:30px/1 var(--fat);margin:auto 0 10px}.nutrient-grid b{font-size:16px}.nutrient-grid small{font-size:8px}.n-pink{background:var(--pink)}.n-blue{background:var(--blue)}.n-yellow{background:var(--yellow)}.n-orange{background:var(--orange)}.n-white{background:var(--white)}.n-green{background:var(--green)}.truth{padding:120px 6vw;background:var(--black);color:#fff;display:grid;grid-template-columns:130px 1fr .7fr;gap:5vw;align-items:center}.truth-badge{width:115px;height:115px;border-radius:50%;background:var(--yellow);color:var(--black);border:3px solid #fff;display:grid;place-items:center;text-align:center;font:20px/.85 var(--fat);transform:rotate(-8deg)}.truth h2{font-size:clamp(58px,7vw,105px);color:var(--pink)}.truth>div:last-child{font-size:11px;line-height:1.8}.truth>div:last-child p{margin:25px 0}.faq{padding:110px 6vw;background:var(--yellow);display:grid;grid-template-columns:.7fr 1fr;gap:7vw}.faq h2{font-size:clamp(75px,8vw,115px)}.faq-items{align-self:center}.faq details{border-top:3px solid}.faq details:last-child{border-bottom:3px solid}.faq summary{list-style:none;padding:23px 0;display:flex;justify-content:space-between;font:22px/1 var(--fat);cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:30px/1 var(--mono);transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:1.7;max-width:600px;margin:0 35px 25px 0}.p-cta{min-height:800px;padding:80px 6vw;background:var(--green);display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.cta-star{position:absolute;font:400 650px/1 var(--fat);color:var(--blue);left:-8%;top:3%;-webkit-text-stroke:3px var(--black)}.cta-pack{height:650px;position:relative;display:grid;place-items:center}.cta-pack img{height:88%;max-width:95%;position:relative;z-index:3;filter:drop-shadow(18px 20px 0 var(--black));transform:rotate(-5deg)}.cta-pack span{position:absolute;right:2%;top:10%;z-index:4;background:var(--pink);border:3px solid;box-shadow:6px 6px 0;padding:13px;font:25px/.85 var(--fat);transform:rotate(9deg)}.p-cta>div:last-child{position:relative;z-index:3}.p-cta h2{font-size:clamp(62px,7vw,110px)}.p-cta h2 i{color:var(--yellow)}.p-cta button{background:var(--white);padding:18px;width:100%;display:flex;justify-content:space-between}.p-cta>div:last-child>small{display:block;font-size:7px;text-align:center;margin-top:18px}footer{padding:30px 3vw;background:var(--white);border-top:3px solid;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:7px;font-weight:700}footer a{text-decoration:none}footer p{text-align:center;margin:0}footer b{text-align:right}.demo-modal{padding:0;border:3px solid;background:var(--yellow);max-width:500px;box-shadow:10px 10px 0 var(--pink)}.demo-modal::backdrop{background:rgba(17,17,17,.8)}.demo-modal__card{padding:38px;position:relative}.demo-modal__close{position:absolute;right:10px;top:5px;border:0;background:none;font:30px var(--mono)}.demo-modal__eyebrow{font:700 8px var(--mono);background:var(--black);color:#fff;padding:5px}.demo-modal h2{font:36px/.9 var(--fat);letter-spacing:-.04em;margin:20px 0}.demo-modal p{font-size:11px;line-height:1.7}.demo-modal__ok{border:3px solid;background:var(--pink);box-shadow:4px 4px 0 var(--black);padding:12px 16px;font-weight:700}
@media(max-width:850px){.p-nav{grid-template-columns:1fr auto}.p-nav nav{display:none}.p-logo{font-size:27px}.p-hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-words{padding:80px 6vw}.hero-words h1{font-size:64px}.hero-pack{height:590px;border-left:0;border-top:3px solid}.sticker-vegan{right:3%;top:48%}.sticker-days{bottom:2%}.burst{display:none}.why{padding:80px 6vw}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:400px}.flavor{grid-template-columns:1fr}.flavor-copy{border-right:0;border-bottom:3px solid;padding:80px 6vw}.flavor-machine{margin:10vw 7vw;padding:35px}.face span{font-size:100px}.inside{grid-template-columns:1fr}.inside-title{border-right:0;border-bottom:3px solid;padding:80px 6vw}.nutrient-grid article{min-height:260px}.truth{grid-template-columns:1fr;padding:90px 7vw}.faq{grid-template-columns:1fr;padding:90px 7vw}.p-cta{grid-template-columns:1fr;padding:70px 6vw}.cta-pack{height:580px}.cta-star{font-size:500px}.p-cta h2{font-size:65px}footer{grid-template-columns:1fr}footer p{text-align:left}footer b{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-pack img,.pink-blob,.p-marquee div{animation:none}}