@font-face{font-family:Editorial;src:url('/assets/editorial.woff2') format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:Teka;src:url('/assets/teka.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/mono.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--paper:#f2f2f8;--ink:#000}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:white;font-family:Teka,Arial,sans-serif;font-weight:500;font-size:clamp(1rem,.983vw,1.2rem);line-height:1.3}h1,h2,h3,p{margin:0}a{color:inherit}button,input{font:inherit}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e97e89;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;z-index:10;padding:12px;background:white;color:black;transform:translateY(-150%)}.skip:focus{transform:none}
header{position:fixed;top:0;left:0;width:100%;height:69px;background:black;display:flex;align-items:center;justify-content:center;z-index:5}header img{width:76px;height:auto;display:block}h1,h2{font-family:Editorial,Georgia,serif;font-weight:200}.hero{position:relative;height:46.08vw;min-height:570px}.raspberry{position:absolute;width:22.54%;height:auto;top:26.75%;left:38.72%}.powered{position:absolute;top:50.3%;font-family:Mono,monospace;font-size:.8125rem}.you{left:4.03%}.illio{right:4.03%}.processing{position:absolute;top:49.7%;left:29.3%}.hero h1{position:absolute;top:42.16%;left:51.37%;font-size:11.3vw;line-height:1;letter-spacing:-.035em}.product{min-height:59.5vw;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.6vw;padding:0 4.03%;align-items:center;background:linear-gradient(#d5d9e4,#f2f2f8);color:black}.can{width:100%;height:59vw;object-fit:contain;display:block}.ingredients{background:#ffffff66;border-radius:16px;padding:4.8vw 3.8vw 6.2vw}.ingredients h2{font-size:clamp(1.8rem,2.68vw,3.5rem);line-height:1.1;margin-bottom:1.7vw;white-space:nowrap}.ingredients p{margin-top:3.7vw;font-size:clamp(1rem,.983vw,1.2rem)}.why{width:68.8%;margin:auto;padding:6.5vw 0 8.5vw}.why>h2{font-size:clamp(3rem,4.49vw,6rem);line-height:1.1;margin-bottom:4.6vw}.benefit{display:grid;grid-template-columns:.75fr 1.9fr 4.15fr;gap:1vw;border-top:1px solid #292929;padding:4.1vw 0;font-size:clamp(1rem,1.345vw,1.75rem);line-height:1.3}.benefit h3{font:inherit;max-width:14em}.subscribe{background:linear-gradient(#f4f3f9,#ecedf3);color:black;text-align:center;padding:5.7vw 24px 6vw}.subscribe h2{font-size:clamp(3rem,4.49vw,6rem);line-height:1.1;margin-bottom:1rem}.subscribe form{display:flex;justify-content:center;gap:12px;margin:40px auto;max-width:520px}.subscribe input{width:280px;min-width:0;border:1px solid #ddd;background:white;color:black;border-radius:0;padding:20px 32px;height:66px}.subscribe input::placeholder{color:#888}.subscribe button,.social a{font-family:Mono,monospace;letter-spacing:.08em;font-size:1rem;border:0;border-radius:6px;padding:20px 32px;cursor:pointer;text-decoration:none;transition:opacity .15s}.subscribe button{background:black;color:white;min-height:64px;white-space:nowrap}.subscribe button:disabled{opacity:.55;cursor:wait}.subscribe button:hover,.social a:hover{opacity:.8}.privacy{font-size:.875rem}.form-status{max-width:540px;margin:-16px auto 24px;font-size:1rem}.social{padding:6.5vw 24px 5vw;text-align:center}.social p{font-size:clamp(1rem,1.345vw,1.75rem);margin-bottom:40px}.social a{display:block;background:white;color:black;max-width:418px;margin:auto;padding:28px 24px}footer{text-align:center;padding:36px 24px 50px;font: .8125rem Mono,monospace}
@media(min-width:768px) and (max-width:1250px){.hero{min-height:500px}.raspberry{top:22%;width:27%;left:36.5%}.ingredients{padding:3vw 2vw}.ingredients h2{font-size:2.65vw}.why{width:80%}}
@media(max-width:767px){header{height:66px}header img{width:98px}.hero{height:700px;min-height:0}.raspberry{width:82%;left:9%;top:30%}.you{top:21%;left:6%}.powered{font-size:.875rem}.illio{top:auto;bottom:9%;right:6%}.processing{left:10%;top:40%;font-size:1rem}.hero h1{top:50.5%;left:32%;font-size:32vw}.product{display:block;padding:0;min-height:0}.can{height:auto;width:100%;max-height:690px;object-fit:contain;padding:0 3%}.ingredients{border-radius:16px 16px 0 0;padding:35px 6% 40px}.ingredients h2{font-size:clamp(1.55rem,7.7vw,3rem);margin-bottom:25px;white-space:normal}.ingredients p{margin-top:42px;font-size:1rem}.why{width:88%;padding:55px 0 75px}.why>h2{font-size:3rem;margin-bottom:40px}.benefit{grid-template-columns:32px 1fr;gap:20px 12px;padding:30px 0;font-size:1rem}.benefit p{grid-column:2}.benefit h3{max-width:none}.subscribe{padding:65px 24px}.subscribe h2{font-size:3rem}.subscribe>p{max-width:340px;margin-left:auto;margin-right:auto}.subscribe form{flex-direction:column;align-items:center;margin:32px auto}.subscribe input{width:100%;max-width:320px}.subscribe button{width:100%;max-width:320px}.social{padding:64px 24px 40px}.social p{margin-bottom:30px}.social a{max-width:320px}footer{padding:30px 16px 40px;font-size:.75rem}}
/* Keep the hero label inside its own column as the desktop layout narrows. */
@media(min-width:768px){.processing{width:20%;text-wrap:balance;overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
