.button,.header .button,.button.light{background:#f26835;color:#171716}.button:hover,.header .button:hover{background:#ff804a;color:#171716}.promise{flex-wrap:wrap}.promise span:last-child{white-space:normal}
.enhanced .chapter .copy{grid-column:1;max-width:540px}.enhanced .chapter .copy h2{font-size:clamp(46px,5vw,74px)}
.enhanced .chapter .hero-copy{max-width:660px}.hero-copy h1{font-size:clamp(60px,5.8vw,90px)}
.scroll-line{position:relative;overflow:hidden;background:#dddeda!important}.scroll-line:after{content:'';position:absolute;top:-35%;left:0;width:100%;height:45%;background:#f26835;animation:scroll-invite 1.7s ease-in-out infinite}@keyframes scroll-invite{0%{transform:translateY(0);opacity:0}25%{opacity:1}85%{opacity:1}100%{transform:translateY(210%);opacity:0}}
.dark-veil{position:absolute;inset:0;background:#171b17;z-index:2;opacity:0;pointer-events:none}.phone{z-index:1}.ring-object{z-index:3;height:390px;filter:none}.ring-object .ring{height:390px}.ring-object .macro-bars{position:absolute;top:100%;left:-35px;width:460px;max-width:none;margin-top:14px;padding:23px 25px;background:#171b17;border-radius:20px;opacity:var(--macro-visibility,0)}.stage-caption,.scene-progress{z-index:4}
.story[data-dark=true] .copy{color:#f5f7f2;background:transparent}.story[data-dark=true] .copy p,.story[data-dark=true] .stage-caption,.story[data-dark=true] .scene-progress{color:#c5cec2}.story[data-dark=true] .macro-key{color:#e7ece4}.ring-theme .header{background:#171b17ed;color:#f5f7f2;border-color:#394137}.macro-key .protein{background:#fa7e78}.macro-key .fat{background:#f6c553}.macro-key .carbs{background:#5e91e9}.macro-key .fiber{background:#54bf78}
#date-strip{position:relative;left:auto;top:auto;transform:none;opacity:1;display:flex;gap:12px;margin-top:32px;padding:0;background:none;box-shadow:none;width:max-content;max-width:100%}#date-strip>div{min-width:70px;transition:none}#date-strip img{width:68px;height:68px}#date-strip span{display:block;font-size:11px}#date-strip .current span{font-weight:700}
#assistant-layer{z-index:3;background:#171b17}.demo-chat{padding:23px 14px;color:#eef1eb;font-size:13px;line-height:1.35}.demo-chat-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin:7px 0 25px}.demo-chat-title img{width:35px;height:35px}.demo-question{margin-left:26px;padding:15px 13px;border-radius:19px 19px 3px 19px;background:#493122}.demo-chat-response{margin-top:17px}.demo-chat-response>p{font-size:14px;color:#e7ebe3;padding:0 4px 10px}.demo-meal{padding:14px 13px;background:#242a25;border:1px solid #424b40;border-radius:13px;margin:8px 0}.demo-meal b{display:block;font-size:14px}.demo-meal span{display:block;font-size:12px;color:#c4cebd;margin-top:5px}
.phone-celebration{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#171b17f5;color:#f6f7f2;text-align:center;padding:22px;opacity:0;overflow:hidden}.phone-celebration #assistant-avatar{height:155px;width:170px;display:grid;place-items:center}.phone-celebration .assistant-character{width:150px!important;height:150px!important}.phone-celebration strong{font-size:24px;line-height:1.14;margin-top:12px}.phone-celebration p{font-size:16px;color:#d1daca;margin:15px 0;line-height:1.45}.phone-celebration>span{font-size:14px;color:#92d5a5}#confetti{position:absolute;inset:0;pointer-events:none}#confetti i{position:absolute;width:7px;height:12px;border-radius:2px;left:0;top:0}
.health-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 17px;max-width:410px;margin-top:26px}.health-logo-grid>div{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}.health-logo-grid img{object-fit:contain}.health-logo-grid span{font-size:10px;line-height:1.2}.retailer-logos{display:flex;align-items:center;gap:26px;margin-top:28px}.rewe-wordmark{background:#cc071e;color:white;font-size:26px;font-weight:700;letter-spacing:-.07em;padding:3px 10px}.picnic-wordmark{color:#e53c34;font-size:29px;font-weight:700;letter-spacing:-.055em}
.goal-section{padding:110px 7%;background:#fff2e9;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative;z-index:4;scroll-margin-top:30px}.goal-heading h2{font-size:clamp(44px,4.5vw,64px);line-height:1.04}.goal-heading>p{font-size:19px;line-height:1.6;max-width:420px;margin-top:25px}#goal-avatar{width:150px;height:150px;margin-bottom:10px}#goal-avatar .assistant-character{width:140px!important;height:140px!important}.goal-panel{min-width:0;max-width:610px}.goal-conversation{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow:auto;scrollbar-width:thin}.goal-message{border-radius:20px 20px 20px 4px;background:#fff;padding:19px 22px;font-size:17px;line-height:1.5;color:#273125;white-space:pre-wrap}.goal-message.user{align-self:flex-end;margin-left:35px;background:#eddbc9;border-radius:20px 20px 4px 20px}.goal-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.goal-suggestions button{font-size:13px;color:#4b402e;padding:9px 13px;border:1px solid #d2bba8;border-radius:25px;background:transparent}.goal-suggestions button:hover{background:#f3ddc7}#goal-form{position:relative;margin-top:18px}#goal-input{font:inherit;font-size:16px;resize:vertical;min-height:100px;max-height:200px;width:100%;border:1px solid #c5b3a1;background:#fffdfb;border-radius:20px;padding:18px 62px 18px 18px;color:#171716}.goal-send{position:absolute;right:12px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:#171716;color:white;font-size:26px}.goal-send:disabled{opacity:.4}.goal-consent{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px;line-height:1.5;color:#655747;margin:12px 0}.goal-consent input{accent-color:#f26835}.goal-consent a{text-decoration:underline}#goal-status{font-size:13px;color:#7b3623;min-height:22px}#goal-next{margin-top:20px}#goal-next p{font-size:14px;line-height:1.6;margin-bottom:17px}#goal-next[hidden]{display:none}
@media(max-width:960px){.enhanced .chapter .copy{max-width:none}.enhanced .chapter .copy h2{font-size:clamp(36px,8.4vw,55px)}.story[data-dark=true] .copy{background:#171b17eb}.health-logo-grid{grid-template-columns:repeat(4,1fr);max-width:330px;gap:10px 12px;margin-top:16px}.health-logo-grid img{width:26px;height:26px}.health-logo-grid span{font-size:8px}.retailer-logos{margin-top:16px;gap:20px}.rewe-wordmark{font-size:20px}.picnic-wordmark{font-size:23px}#date-strip{gap:8px;margin-top:19px}#date-strip>div{min-width:53px}#date-strip img{width:47px;height:47px}#date-strip span{font-size:9px}.goal-section{padding:65px 6%;grid-template-columns:1fr;gap:30px}.goal-heading>p{font-size:17px;margin-top:18px}#goal-avatar{width:100px;height:95px}#goal-avatar .assistant-character{width:95px!important;height:95px!important}.goal-heading h2{font-size:43px}.goal-message{font-size:15px;padding:16px 18px}.goal-consent{font-size:11px}.goal-conversation{max-height:420px}.scroll-cue{display:flex;font-size:11px;margin-top:16px}.scroll-line{height:23px}.promise{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.scroll-line:after{animation:none;top:25%}.reduced #ueberblick{background:#171b17;color:white}.reduced #ueberblick p{color:#c5cec2}}
.button.light{background:#fbfbfa;color:#171716}.button.light:hover{background:#eeeae5}.header [data-start][data-suppressed=true]{visibility:hidden;pointer-events:none}.day-track img{height:auto;align-self:flex-start;object-fit:initial}
@media(max-width:960px){.hero-copy h1{font-size:clamp(40px,9.5vw,68px)}}
@media(min-width:961px){.enhanced .chapter .hero-copy{width:55%;max-width:740px}.hero-copy h1{font-size:clamp(54px,5.2vw,82px)}}