*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3e9;color:#233e35;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #558d7d;outline-offset:6px}.meal-module{height:185vh;min-height:1300px}.stage{position:sticky;top:0;height:100svh;min-height:720px;max-height:1100px;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,#f3eee1 12%,#ebeee2 49%,#d8e9e2 100%)}.ambient{position:absolute;inset:-15%;z-index:-2;background:radial-gradient(ellipse at 88% 73%,#b1d8cd88,transparent 45%),radial-gradient(ellipse at 2% 23%,#f1c8a37a,transparent 40%),radial-gradient(ellipse at 48% 9%,#fff9dfaa,transparent 48%);filter:blur(24px)}.prism{position:absolute;width:900px;height:900px;left:45%;top:10%;border-radius:50%;border:1px solid #fff6;box-shadow:0 -30px 100px #edcf9a24,-70px 20px 100px #c9e5dd22;transform:rotate(-24deg) scaleY(.7);z-index:-1}.copy{position:absolute;top:clamp(75px,12vh,150px);left:6.1%;width:40%;z-index:3;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;margin:0 0 26px;color:#5a7266}h1{font-size:clamp(48px,5.45vw,86px);font-weight:450;line-height:1.03;letter-spacing:-.057em;margin:0}h1 span{color:#708777}.intro{font-size:16px;line-height:1.7;margin:25px 0 28px;color:#50665a}.cta{display:inline-flex;align-items:center;gap:19px;text-decoration:none;border-radius:35px;padding:17px 20px 17px 23px;background:#203e34;color:#f9f8ed;font-size:12px;font-weight:500;box-shadow:0 10px 24px #203e3410;transition:background .2s,transform .2s}.cta span{display:grid;place-items:center;background:#e8f2d91f;border:1px solid #ffffff1f;width:25px;height:25px;border-radius:50%;font-size:17px}.cta:hover{background:#355c4d;transform:translateY(-2px)}.cta-note{font-size:10px;color:#6e8073;margin:12px 0 0 23px}.device-space{position:absolute;left:47%;width:850px;top:19%;height:650px;perspective:1800px;transform:translateX(calc(var(--p,0) * -25px));}.tablet{width:830px;margin:0;transform:rotateY(calc(-22deg + var(--p,0)*16deg)) rotateX(calc(9deg - var(--p,0)*7deg)) rotateZ(calc(-7deg + var(--p,0)*5deg));transform-origin:15% 60%;will-change:transform;position:relative;z-index:1}.hardware{padding:18px 19px 18px 24px;border-radius:35px;background:linear-gradient(135deg,#7c8179,#e5e7dc 2%,#737970 3%,#323b36 5%,#26312c 94%,#a7aaa0 99%);box-shadow:2px 2px 0 #818d83,7px 8px 0 #56655a,14px 19px 25px #4c615838,35px 50px 75px #29483d24;position:relative}.hardware:before{content:'';position:absolute;left:5px;top:42px;bottom:42px;width:1px;background:#ffffff50}.camera{position:absolute;left:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#0d1717;box-shadow:inset 0 0 1px #8baaab}.screen{border-radius:20px;overflow:hidden;display:flex;height:532px;background:#f1f5f1;color:#28453b;border:2px solid #101d16}.sidebar{display:flex;flex-direction:column;align-items:center;gap:26px;width:58px;flex:none;padding:20px 0;background:#e9efea;border-right:1px solid #d8e0d9;color:#6d857a;font-size:23px}.drop{width:20px;height:26px;margin-bottom:12px}.sidebar>span{height:29px;width:34px;display:grid;place-items:center}.sidebar .nav-active{background:#d2e5da;border-radius:9px;color:#256859}.sidebar .profile{margin-top:auto;border-radius:50%;background:#dbe6dc;font-size:12px;width:27px;height:27px}.app{padding:17px 23px 15px;flex:1;min-width:0}header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.brand{font-weight:600;font-size:15px;letter-spacing:-.5px}.demo{font-size:7px;letter-spacing:1px;color:#7c8f80;margin-left:auto}.avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dbdfca;font-size:9px}.app-heading{display:flex;align-items:end;justify-content:space-between}.app-heading small{font-size:7px;letter-spacing:1.3px;color:#7e8f7c}.app-heading h2{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:5px 0 0}.twin-status{font-size:8px;padding:7px 9px;border-radius:20px;border:1px solid #ccdacf;white-space:nowrap;color:#647d69}.twin-status i{display:inline-block;width:4px;height:4px;background:#7caa85;border-radius:50%;margin-right:4px}.app-topline{display:flex;align-items:center;justify-content:space-between;margin:18px 0 11px}.mini-tabs{display:flex;gap:15px;font-size:9px;color:#7c897f}.mini-tabs .chosen{color:#2f6955;font-weight:600;border-bottom:2px solid #6a9b82;padding-bottom:5px}.filters{display:flex;gap:8px;font-size:8px;color:#728174}.filters span{padding:6px 9px;border:1px solid #d7e2d8;border-radius:7px}.week{display:flex;justify-content:space-between;border-top:1px solid #dae3da;border-bottom:1px solid #dae3da;padding:6px 0;margin-bottom:13px}.week>span{display:flex;align-items:center;gap:6px;padding:7px;font-size:7px;letter-spacing:.3px;color:#7f8e80}.week b{font-size:10px;font-weight:500;color:#516b59}.week .day-active{background:#dce9df;border-radius:7px;color:#345c47}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recipe{min-width:0;border-radius:14px;background:#ffffffce;border:1px solid #fff;box-shadow:0 4px 9px #294a3610;overflow:hidden}.recipe-photo{height:143px;position:relative;background:linear-gradient(#e6f0eb,#f9faf5)}.recipe-photo img{width:100%;height:100%;object-fit:cover}.recipe-photo>span{position:absolute;left:8px;top:8px;font-size:6px;letter-spacing:1px;background:#fcfff2de;border:1px solid #fff9;padding:5px 6px;border-radius:12px;backdrop-filter:blur(10px)}.recipe-body{padding:12px}.recipe h3{font-size:12px;line-height:16px;letter-spacing:-.1px;font-weight:500;margin:0;min-height:32px}.recipe p{font-size:8px;color:#7e8c7e;margin:7px 0 11px}.recipe-foot{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#688b72}.rings{display:flex;gap:3px}.rings i{width:13px;height:13px;border-radius:50%;border:1px solid #a8c7a7;border-top-color:#d0bd95;background:#f0f4ec}.rings i:nth-child(2){border-color:#d9c7a0;border-right-color:#a3c1b1}.rings i:nth-child(3){border-color:#a9cec6;border-bottom-color:#d6bdac}.plan-context{display:flex;gap:7px;align-items:center;font-size:8px;color:#718777;margin-top:13px}.plan-context p{margin:0}.plan-context>span:last-child{margin-left:auto;font-size:16px}.context-dot{width:5px;height:5px;background:#b5c992;border-radius:50%}.tablet figcaption{font-size:8px;letter-spacing:.3px;color:#799085;margin:22px 0 0 28px}.device-shadow{position:absolute;width:85%;height:50px;left:7%;bottom:10px;filter:blur(25px);background:#4b6d5426;border-radius:50%;transform:rotate(-4deg)}.annotation{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:14px 19px;background:linear-gradient(135deg,#fffdf7cc,#e8efe2a3);border:1px solid #fff9;border-radius:17px;box-shadow:0 12px 28px #34513d0b;backdrop-filter:blur(22px);transition:opacity .6s,transform .6s;max-width:340px;opacity:0;transform:translateY(15px)}.annotation strong{display:block;font-size:13px;font-weight:500;letter-spacing:-.2px}.annotation small{display:block;font-size:10px;color:#657e6e;margin-top:5px;line-height:1.4}.annotation-number{font-size:10px;border:1px solid #aec8ad;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;color:#6a886c}.annotation.visible{opacity:1;transform:translateY(0)}.a1{left:85px;top:-41px}.a2{left:-20px;top:410px}.a3{left:230px;top:560px}.scroll-note{position:absolute;bottom:31px;left:6.1%;font-size:8px;letter-spacing:1.3px;color:#7f9080;display:flex;align-items:center;gap:12px}.scroll-line{height:1px;width:37px;background:#839f8466}.review-footer{padding:45px 6%;display:flex;align-items:center;gap:30px;color:#748473;font-size:11px}.review-footer>span{font-size:8px;letter-spacing:1.3px}.review-footer p{margin-left:auto}.review-footer a{text-decoration:none;font-size:10px}
@media(min-width:1600px){.device-space{left:49%;top:22%;transform:scale(1.1) translateX(calc(var(--p,0) * -25px))}}
@media(max-width:1050px) and (min-width:701px){.copy{left:5%;width:44%}h1{font-size:54px}.device-space{left:48%;top:25%;transform:scale(.8);transform-origin:0 0}.intro{font-size:14px}.cta{font-size:10px;gap:12px;padding:13px 16px}.a2{top:510px;left:0}.a3{left:140px;top:600px}}
@media(max-width:700px){.meal-module{height:auto;min-height:0}.stage{position:relative;height:auto;max-height:none;min-height:100svh;padding:48px 24px 35px}.copy{position:relative;top:auto;left:auto;width:100%;pointer-events:auto}.eyebrow{font-size:8px;margin-bottom:23px}h1{font-size:clamp(43px,11vw,64px);line-height:1.04}.intro{font-size:14px;line-height:1.6;margin:21px 0 23px}.cta{font-size:11px;gap:16px;padding:13px 15px 13px 19px}.cta-note{font-size:9px;margin-left:18px}.device-space{position:relative;left:auto;top:auto;margin-top:45px;width:100%;height:auto;perspective:1000px;transform:none}.tablet{width:830px;transform:scale(var(--mobile-scale,.43)) rotateY(-7deg) rotateZ(-3deg);transform-origin:0 0}.device-shadow{display:none}.device-space{height:calc(570px * var(--mobile-scale,.43) + 232px)}.annotation{position:relative;left:auto;top:auto;opacity:1;transform:none;max-width:none;padding:10px 13px;border-radius:12px;margin-bottom:7px;gap:11px;box-shadow:none}.annotation.a1{margin-top:calc(-602px + 580px * var(--mobile-scale,.43))}.annotation strong{font-size:11px}.annotation small{font-size:10px;margin-top:3px}.annotation-number{width:23px;height:23px;font-size:8px}.scroll-note{display:none}.review-footer{padding:25px;display:block;font-size:10px}.review-footer p{margin:12px 0}.review-footer a{font-size:10px}.prism{left:0;top:45%;width:700px;height:700px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meal-module{height:auto;min-height:0}.stage{position:relative}.tablet{will-change:auto}.annotation{opacity:1;transform:none;transition:none}.cta{transition:none}.scroll-note{display:none}}
@media(min-width:1051px){.tablet{transform:rotateY(calc(-22deg + var(--p,0)*16deg)) rotateX(calc(9deg - var(--p,0)*7deg)) rotateZ(calc(-7deg + var(--p,0)*5deg)) scale(calc(1 - var(--p,0)*.12))}.a3{top:495px;left:220px}}