@font-face{font-family:Inter;src:url('assets/Inter.ttf')}@font-face{font-family:RitmSerif;src:url('assets/Serif.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f3ec url('assets/linen.png') center top/100% auto;color:#064f3e;font-family:Inter,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #da8e43;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #0a58441a;position:relative;z-index:5}.brand{font-size:39px;font-weight:750;letter-spacing:-2px;display:flex;align-items:center;gap:8px}.brand svg{width:34px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.brand span{font-size:8px;letter-spacing:1.8px;margin-left:12px;font-weight:500}nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav-cta{border:1px solid #0c614a50;border-radius:30px;padding:13px 22px}section{position:relative}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.07em;line-height:1.03}h1{font-size:clamp(60px,6.9vw,112px);margin-bottom:30px}em{font-family:RitmSerif,serif;font-weight:400;letter-spacing:-.07em}h2{font-size:clamp(43px,5.6vw,88px)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#08916f;margin-right:8px;box-shadow:0 0 0 5px #07966a13}.hero{min-height:calc(100svh - 100px);height:760px;max-height:930px;isolation:isolate;display:flex;align-items:center}.hero-copy{padding-left:6vw;width:55%;position:relative;z-index:2}.intro{font-size:17px;line-height:1.7;color:#527066;margin-bottom:30px}.button{background:#075d47;color:#fff;border:0;border-radius:40px;padding:19px 25px;display:inline-flex;align-items:center;gap:48px;font-size:14px;box-shadow:0 8px 20px #044c3820;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #044c3830}.button span{font-size:24px;line-height:1}.quiet{display:block;margin-top:18px;font-size:11px;color:#657c70}.hero-scene{position:absolute;inset:0 0 0 42%;z-index:0}.hero-food{width:100%;height:100%;object-fit:cover;object-position:57% center;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}.floating{position:absolute;background:#ffffffad;backdrop-filter:blur(16px);border:1px solid #ffffffc9;border-radius:60px;display:flex;align-items:center;gap:14px;padding:15px 22px;box-shadow:0 15px 45px #243d2718;animation:float 7s ease-in-out infinite}.floating small{display:block;font-size:10px;color:#5f756c;margin-bottom:5px}.floating strong{font-size:15px;font-weight:600}.meal-note{left:22%;top:16%;transform:rotate(-5deg)}.progress-note{right:8%;bottom:13%;animation-delay:-3s}.sun{font-size:25px;color:#aa7936}.mini-ring{border:3px solid #73aa8c;border-radius:50%;padding:9px}.scene-label{position:absolute;bottom:7%;right:9%;font-size:8px;letter-spacing:3px;color:#47644d}.scroll-note{position:absolute;bottom:35px;left:6vw;font-size:10px;letter-spacing:1px;display:flex;gap:40px;align-items:center}.scroll-note span{font-size:22px}.day{padding:100px 6vw 40px;display:grid;grid-template-columns:35% 65%;align-items:center;gap:2vw}.section-heading p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:290px;color:#5b7168}.day-scene{position:relative;min-height:650px}.meal-photo-wrap{position:absolute;inset:0 -2vw 0 -2vw;overflow:hidden;border-radius:52% 48% 47% 53%/45% 54% 46% 55%;box-shadow:30px 50px 90px #15442e19;transform:rotate(-7deg)}.meal-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform 1s;transform:rotate(7deg) scale(1.18)}.photo-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#083928c9)}.day-control{position:absolute;bottom:35px;left:6%;right:4%;color:white}.meal-tabs{display:flex;gap:3px;padding:5px;border-radius:40px;background:#ffffff21;backdrop-filter:blur(25px);width:max-content;margin-bottom:28px;border:1px solid #ffffff50}.meal-tabs button{padding:13px 18px;border-radius:30px;border:0;background:transparent;color:inherit;font-size:12px;transition:.3s}.meal-tabs button[aria-selected=true]{background:#f8f5e9;color:#16553e}.day-control>small{font-size:9px;letter-spacing:2px}.day-control h3{font-family:RitmSerif;font-weight:400;font-size:41px;letter-spacing:-2px;margin:12px 0}.day-control p{font-size:14px;max-width:75%}.round{position:absolute;right:10%;bottom:40px;background:#f8f5eb;color:#075b44;border:0;width:52px;height:52px;border-radius:50%;font-size:28px;box-shadow:0 5px 18px #143b2c20}.demo-label{font-size:9px;opacity:.8}.progress{padding:160px 6vw 130px;display:grid;grid-template-columns:55% 40%;gap:5%;align-items:center;overflow:hidden}.progress-orbit{position:relative;aspect-ratio:1;max-width:600px;background:radial-gradient(ellipse,#d8e4d299,transparent 65%);border-radius:50%}.progress-orbit svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.progress-orbit circle{fill:none;stroke:#195c3d0d;stroke-width:13}.progress-orbit .meter{stroke:#0a7152;stroke-linecap:round;stroke-dasharray:850 1320;filter:drop-shadow(0 5px 8px #175e3c20);animation:breathe 5s ease-in-out infinite}.measure{position:absolute;inset:25% 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.measure small{font-size:10px;letter-spacing:2px}.measure strong{font-size:clamp(60px,8vw,115px);font-weight:500;letter-spacing:-9px}.measure strong span{color:#78a08c}.measure>span{font-size:11px;color:#6f8778}.measure-pill{padding:12px 17px;background:#ffffff9c;border:1px solid white;border-radius:30px;font-size:11px;margin-top:20px;box-shadow:0 9px 20px #164e2e0b}.glass-chip{position:absolute;backdrop-filter:blur(18px);background:#ffffff91;border:1px solid white;padding:16px 20px;border-radius:30px;font-size:11px;box-shadow:0 14px 30px #173e2a16}.glass-chip.one{top:16%;right:-2%;transform:rotate(7deg)}.glass-chip.two{bottom:13%;left:0;transform:rotate(-6deg)}.progress-copy p:not(.eyebrow){color:#5b7168;line-height:1.8;font-size:16px}.rule{height:1px;background:#285a3f26;margin:30px 0}.progress-copy p.small-copy,.small-copy{font-size:12px;line-height:1.8;color:#6a7b6f}.approach{background:#075841;color:#fff;padding:120px 6vw;display:grid;grid-template-columns:50% 50%;isolation:isolate;overflow:hidden;clip-path:polygon(0 2%,20% 0,60% 2%,100% 0,100% 98%,75% 100%,30% 98%,0 100%)}.approach::before{content:'';position:absolute;inset:0;background:url('assets/linen.png') center/cover;mix-blend-mode:soft-light;opacity:.13;z-index:-1}.approach-copy{z-index:2}.approach p:not(.eyebrow){max-width:390px;font-size:16px;line-height:1.8;color:#c6dfd3}.light{background:#e4e9cf;color:#07543f;margin-top:15px}.ingredient-scene{position:relative;min-height:500px;margin-left:-80px;z-index:1}.ingredient-scene img{position:absolute;width:130%;height:120%;object-fit:cover;left:-8%;top:-10%;mask-image:radial-gradient(ellipse,#000 32%,transparent 71%);opacity:.8}.food-word{position:absolute;right:0;bottom:15%;font-size:70px;line-height:.95;letter-spacing:-4px;text-align:right}.taste-tags{position:absolute;left:22%;bottom:0;display:flex;gap:10px;transform:rotate(-7deg)}.taste-tags span{border:1px solid #ffffff5c;background:#ffffff16;backdrop-filter:blur(10px);border-radius:30px;padding:14px 20px;font-size:12px}.closing{text-align:center;padding:130px 25px 100px}.closing h2{font-size:clamp(48px,7vw,100px);margin:20px 0 25px}.closing>p:not(.eyebrow){color:#63796d;font-size:16px}.closing .button{margin:15px 0 35px}.closing .disclaimer{font-size:10px;line-height:1.8}footer{margin:0 5vw;padding:30px 0;border-top:1px solid #174f3321;display:flex;align-items:center;gap:30px;font-size:11px}footer .brand{font-size:30px;margin-right:auto}footer button{border:1px solid #2d694933;background:transparent;border-radius:30px;padding:10px;color:inherit;font-size:10px}dialog{border:1px solid #fff;background:#f8f5eced;backdrop-filter:blur(30px);color:#064f3e;border-radius:32px;max-width:520px;width:calc(100% - 32px);padding:48px;box-shadow:0 30px 100px #00291950}dialog::backdrop{background:#062c2290;backdrop-filter:blur(5px)}dialog h2{font-size:43px;margin-bottom:22px}dialog p{line-height:1.7}dialog .close{position:absolute;right:15px;top:15px;border:0;background:transparent;font-size:28px;color:inherit;width:44px;height:44px}dialog ul{list-style:none;padding:0}dialog li{border-top:1px solid #164e3320;padding:18px 0;display:flex;flex-direction:column;gap:8px}dialog li span{font-size:13px;color:#65776c}dialog .button{margin-top:15px}.paused *{animation-play-state:paused!important}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{translate:0 -12px}}@keyframes breathe{50%{opacity:.65;stroke-dasharray:900 1320}}
@media(max-width:800px){header{height:80px;padding:0 6vw}.brand{font-size:32px}.brand span{display:none}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:12px 17px}.hero{height:auto;max-height:none;min-height:900px;display:block;padding-top:45px}.hero-copy{width:100%;padding:0 7vw}h1{font-size:68px;max-width:90%;margin-bottom:20px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:14px;max-width:85%;margin-bottom:22px}.button{font-size:12px;padding:16px 22px;gap:35px}.quiet{font-size:9px}.hero-scene{inset:390px 0 15px 0}.hero-food{object-position:55% 45%;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 80%,transparent)}.meal-note{top:17%;left:7%;padding:12px 16px}.progress-note{bottom:13%;right:5%;padding:12px 16px}.floating strong{font-size:12px}.floating small{font-size:9px}.scene-label{font-size:7px;bottom:5%;right:8%}.scroll-note{display:none}.day{display:block;padding:65px 6vw 30px}.section-heading h2{font-size:57px;margin-bottom:20px}.section-heading p:not(.eyebrow){max-width:85%;font-size:14px}.day-scene{margin-top:40px;min-height:480px}.meal-photo-wrap{inset:0 -7vw;transform:rotate(-4deg);border-radius:45% 55% 42% 58%/46% 48% 52% 54%}.day-control{left:3%;right:0;bottom:30px}.meal-tabs button{padding:12px;font-size:11px}.day-control h3{font-size:32px}.day-control p{font-size:12px}.round{right:4%;bottom:25px;width:46px;height:46px}.progress{display:flex;flex-direction:column-reverse;padding:90px 7vw;gap:45px}.progress-copy h2{font-size:54px;margin-bottom:25px}.progress-copy p:not(.eyebrow){font-size:14px}.progress-copy p.small-copy{font-size:11px}.progress-orbit{width:100%;max-width:450px}.measure strong{font-size:80px;letter-spacing:-5px}.measure small{font-size:8px}.glass-chip{font-size:9px;padding:12px}.approach{display:block;padding:85px 7vw 65px;clip-path:polygon(0 1%,50% 0,100% 1%,100% 99%,50% 100%,0 99%)}.approach-copy h2{font-size:52px}.approach p:not(.eyebrow){font-size:14px}.ingredient-scene{margin:30px -5vw 0;min-height:380px}.food-word{right:10%;font-size:60px}.ingredient-scene img{width:120%;left:-10%}.taste-tags{left:10%;bottom:2%}.closing{padding:80px 25px}.closing h2{font-size:56px}.closing>p:not(.eyebrow){font-size:14px}.closing .disclaimer{font-size:9px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}dialog{padding:45px 27px}dialog h2{font-size:37px}}@media(max-width:370px){h1{font-size:58px}.hero{min-height:860px}.hero-scene{top:370px}.meal-tabs button{padding:11px 9px}.day-control h3{font-size:29px}.measure strong{font-size:70px}.measure-pill{font-size:9px}.glass-chip{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
body{overflow-x:hidden}.hero{height:calc(100svh - 100px);min-height:620px}@media(max-width:800px){.hero{height:auto;min-height:900px}}@media(max-width:370px){.hero{min-height:860px}}
@media(max-width:800px){h1{font-size:58px;max-width:100%}.hero .intro{max-width:100%}.desktop{display:none}.hero-scene{top:420px}.meal-note{top:20%}.hero .quiet{display:none}}@media(max-width:370px){h1{font-size:52px}.hero-scene{top:400px}}

.brand-logo{width:94px;height:60px;object-fit:contain;mix-blend-mode:multiply}.brand{letter-spacing:0}footer .brand-logo{width:78px;height:48px}.taste-tags button{border:1px solid #ffffff5c;background:#ffffff16;color:inherit;backdrop-filter:blur(10px);border-radius:30px;padding:14px 20px;font-size:12px;transition:background .2s,transform .2s}.taste-tags button:hover{background:#ffffff35;transform:translateY(-3px)}.floating:hover{border-color:#7caa91;box-shadow:0 18px 45px #243d2730}.round:hover{transform:scale(1.09)}.nav-cta:hover{background:#ffffff90}dialog .button{max-width:100%}dialog{max-height:85svh;overflow:auto}@media(max-width:800px){.brand-logo{width:80px;height:52px}}

.approach-copy.reveal{transform:none}

.brand-logo{width:52px;height:52px;border-radius:16px;mix-blend-mode:normal;box-shadow:0 4px 12px #123a2a18}footer .brand-logo{width:44px;height:44px;border-radius:13px}.progress-orbit .meter{animation:none;transition:stroke-dasharray .15s ease-out}.measure{inset:19% 0}.measure-pill{margin-top:15px}.measure>strong{font-variant-numeric:tabular-nums}#weight-slider{width:55%;max-width:280px;margin:17px 0 6px;accent-color:#087351;cursor:ew-resize;position:relative;z-index:4;min-height:28px}.range-limits{display:flex;justify-content:space-between;width:55%;max-width:280px;font-size:9px!important}.glass-chip{pointer-events:none}#weight-slider:focus-visible{outline:3px solid #dba748;outline-offset:4px;border-radius:8px}@media(max-width:800px){.brand-logo{width:46px;height:46px;border-radius:14px}.measure{inset:17% 0}.measure strong{font-size:68px}.measure-pill{font-size:9px;padding:8px;margin-top:9px}#weight-slider{margin-top:7px}.range-limits{font-size:8px!important}}

#weight-slider{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;z-index:3;cursor:grab;touch-action:none;border-radius:50%;background:transparent}#weight-slider:active{cursor:grabbing}.dial-thumb{position:absolute;width:26px;height:26px;background:#e7f39b;border:5px solid #076247;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 13px #073f3b50}.measure{pointer-events:none;z-index:4}.dial-hint{font-size:10px!important;margin-top:15px;color:#547664}.progress-orbit .meter{transition:none}.glass-chip{z-index:5}#weight-slider:focus-visible{outline:2px dashed #729b78;outline-offset:8px}@media(max-width:800px){#weight-slider{margin:0}.dial-thumb{width:23px;height:23px;border-width:4px}.dial-hint{font-size:9px!important}}

#weight-slider:focus-visible{border-radius:50%}
