.hero-scan-demo{color:#172b21;isolation:isolate;width:100%;min-width:0;max-width:600px;margin:0 auto}.hero-scan-scene{height:515px;position:relative}.hero-scan-scene:before{content:"";z-index:-1;background:radial-gradient(at 46% 48%,#dfebc5 0%,#edf3df 48%,#edf3df00 73%);border-radius:50%;position:absolute;inset:35px 0 0}.hero-scan-phone{background:#17271e;border:1px solid #405446;border-radius:40px;width:66%;max-width:345px;height:478px;padding:8px;position:absolute;top:9px;left:3%;transform:rotate(-3deg);box-shadow:0 28px 48px -17px #2d432d3d,0 3px 7px #273b2614,inset 0 1px #637463}.hero-scan-photo{background:#ddd9c8;border-radius:31px;height:100%;position:relative;overflow:hidden}.hero-scan-photo>img{object-fit:cover;object-position:50% 51%}.hero-scan-photo-shade{pointer-events:none;background:linear-gradient(#10231aa6 0%,#15231b00 26% 68%,#11221dbd 100%);position:absolute;inset:0}.hero-scan-camera-header{color:#fff;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:22px 20px auto}.hero-scan-camera-header>span:first-child{align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.hero-scan-camera-example{letter-spacing:.3px;background:#10231a2b;border:1px solid #ffffff59;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:650}.hero-scan-viewfinder{pointer-events:none;position:absolute;inset:87px 23px 115px}.hero-scan-viewfinder>span{filter:drop-shadow(0 1px 3px #1d321d40);border:0 solid #f5ffdf;border-radius:3px;width:24px;height:24px;position:absolute}.hero-scan-viewfinder>span:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.hero-scan-viewfinder>span:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.hero-scan-viewfinder>span:nth-child(3){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.hero-scan-viewfinder>span:nth-child(4){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.hero-scan-sweep{background:#dbff88;height:2px;animation:1.6s ease-in-out both hero-scan-sweep;position:absolute;top:0;left:1px;right:1px;box-shadow:0 -9px 22px 8px #d4fb755c,0 0 9px #edffd3}.hero-scan-photo-status{color:#efffd9;text-shadow:0 1px 5px #0c231e;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:61px;left:20px;right:20px}.hero-scan-flash{pointer-events:none;background:#fff;animation:.22s ease-out both hero-scan-shutter-flash;position:absolute;inset:0}.hero-scan-shutter{color:#213324;cursor:pointer;background:#d4fb75;border:5px solid #ffffffed;border-radius:50%;place-items:center;width:60px;height:60px;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:34px;left:22px;box-shadow:0 0 0 2px #ffffff69,0 4px 12px #15231b24}.hero-scan-shutter>span{color:#fff;text-align:center;letter-spacing:.3px;font-size:10px;font-weight:650;position:absolute;top:calc(100% + 9px);left:-5px;right:-5px}.hero-scan-shutter-static{cursor:default}.hero-scan-shutter:focus-visible{outline-offset:6px;outline:3px solid #d4fb75}.hero-scan-result{z-index:2;background:#fff;border:1px solid #e4e9da;border-radius:26px;width:62%;max-width:346px;padding:23px;position:absolute;bottom:17px;right:0;box-shadow:0 24px 45px -17px #263e2636,0 3px 8px #273b260b}.hero-scan-demo[data-phase=nutrition] .hero-scan-result{animation:.45s ease-out both hero-scan-card-reveal}.hero-scan-result-eyebrow{justify-content:space-between;align-items:center;gap:6px;display:flex}.hero-scan-result-eyebrow>span:first-child{color:#52683d;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.hero-scan-example-tag{color:#5a6c4b;background:#f5f8ee;border:1px solid #e0e8d3;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:600}.hero-scan-meal-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.hero-scan-meal-heading h2{letter-spacing:-.55px;font-size:18px;font-weight:750;line-height:1.35}.hero-scan-calories{flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:61px;display:flex}.hero-scan-calories strong{font:800 42px/1 var(--heading,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-1.5px;display:block}.hero-scan-calories>span{color:#65745a;margin-top:3px;font-size:10px}.hero-scan-macros{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0;display:grid}.hero-scan-macro{background:#f8faf5;border:1px solid #ebeee3;border-radius:11px;min-width:0;padding:11px 10px 12px}.hero-scan-macro dt{color:#5d6d51;align-items:center;gap:5px;font-size:11px;display:flex}.hero-scan-macro-protein{background:#f8f5fb;border-color:#ebe5f1}.hero-scan-macro-carbs{background:#fcf7ee;border-color:#f0e7d8}.hero-scan-macro-fat{background:#f3f8fb;border-color:#e1eaf0}.hero-scan-macro dt>i{background:#8260b1;border-radius:50%;width:5px;height:5px}.hero-scan-macro-carbs dt>i{background:#bd803b}.hero-scan-macro-fat dt>i{background:#377f9e}.hero-scan-macro dd{font:750 24px/1.1 var(--heading,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin:7px 0 0}.hero-scan-macro dd>span{display:inline-block}.hero-scan-macro dd small{color:#65745a;font:500 10px var(--body,sans-serif);letter-spacing:0;margin-left:2px}.hero-scan-number-revealed{animation:.45s cubic-bezier(.2,.8,.2,1) both hero-scan-number-reveal}.hero-scan-macro-protein .hero-scan-number-revealed{animation-delay:.1s}.hero-scan-macro-carbs .hero-scan-number-revealed{animation-delay:.2s}.hero-scan-macro-fat .hero-scan-number-revealed{animation-delay:.3s}.hero-scan-diary-status{border-top:1px solid #edf0e7;align-items:center;gap:9px;margin-top:17px;padding-top:15px;display:flex}.hero-scan-status-icon{color:#58733a;background:#f0f5e5;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:background .3s;display:grid}.hero-scan-diary-status.is-ready .hero-scan-status-icon{color:#273c21;background:#d4fb75}.hero-scan-diary-status strong{font-size:11px;font-weight:700;line-height:1.45;display:block}.hero-scan-diary-status small{color:#65745a;margin-top:2px;font-size:10px;line-height:1.5;display:block}.hero-scan-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;padding:0;list-style:none;display:grid}.hero-scan-steps li{color:#607150;white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;transition:color .25s;display:flex}.hero-scan-steps li+li{border-left:1px solid #dce6ce}.hero-scan-steps li.is-active{color:#3d552e}.hero-scan-step-number{background:#f7f8f2;border:1px solid #dce6ce;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:9px;transition:background .25s,border-color .25s;display:grid}.hero-scan-steps li.is-active .hero-scan-step-number{background:#e7f3cc;border-color:#d3e7b0}.hero-scan-demo-footer{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:12px;min-height:44px;margin-top:10px;display:flex}.hero-scan-demo-footer p{color:#697b56;font-size:10px;line-height:1.6}.hero-scan-replay{color:#425f32;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:5px 3px;font-size:11px;font-weight:650;display:inline-flex}.hero-scan-replay:focus-visible{outline-offset:3px;outline:2px solid #567b3c}.hero-scan-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.hero-scan-shutter:not(.hero-scan-shutter-static):hover{background:#e4ffa1;transform:scale(1.05)}.hero-scan-replay:hover{color:#172b21;text-underline-offset:3px;text-decoration:underline}}.hero-scan-shutter:not(.hero-scan-shutter-static):active{background:#c4ec66;transform:scale(.96)}.hero-scan-demo[data-phase=shutter] .hero-scan-shutter{transform:scale(.9)}.hero-scan-replay:active{color:#172b21;background:#e5efd9}@keyframes hero-scan-sweep{0%{opacity:0;top:2%}10%{opacity:1}88%{opacity:1}to{opacity:0;top:96%}}@keyframes hero-scan-shutter-flash{0%{opacity:.8}to{opacity:0}}@keyframes hero-scan-number-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-scan-card-reveal{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width:1150px) and (min-width:861px){.hero-scan-scene{height:485px}.hero-scan-phone{max-width:325px;height:455px;left:2%}.hero-scan-result{width:61%;max-width:315px;padding:19px}.hero-scan-meal-heading h2{font-size:16px}.hero-scan-calories strong{font-size:37px}.hero-scan-macro{padding-inline:7px}.hero-scan-macro dt{font-size:10px}.hero-scan-macro dd{font-size:22px}}@media (max-width:540px){.hero-scan-scene{height:510px}.hero-scan-scene:before{border-radius:32px;inset:100px -6px 0}.hero-scan-phone{border-radius:30px;width:100%;max-width:none;height:302px;padding:7px;top:0;left:0;transform:none}.hero-scan-photo{border-radius:22px}.hero-scan-camera-header{top:19px;left:19px;right:19px}.hero-scan-camera-header>span:first-child{gap:6px;font-size:12px}.hero-scan-camera-example{padding:4px 7px;font-size:9px}.hero-scan-photo-status{font-size:10px;top:53px;left:19px;right:19px}.hero-scan-viewfinder{inset:74px 21px 68px}.hero-scan-viewfinder>span{width:22px;height:22px}.hero-scan-shutter{border-width:4px;width:56px;height:56px;bottom:92px;left:20px}.hero-scan-shutter>svg{width:20px;height:20px}.hero-scan-shutter>span{font-size:10px;top:calc(100% + 8px)}.hero-scan-result{border-radius:22px;width:auto;max-width:none;padding:19px;bottom:0;left:12px;right:12px}.hero-scan-result-eyebrow>span:first-child{font-size:10px}.hero-scan-example-tag{padding:3px 6px;font-size:8px}.hero-scan-meal-heading{gap:10px;margin-top:15px}.hero-scan-meal-heading h2{font-size:16px}.hero-scan-calories{min-width:60px}.hero-scan-calories strong{font-size:38px}.hero-scan-macros{gap:7px;margin-top:17px}.hero-scan-macro{border-radius:10px;padding:11px 9px}.hero-scan-macro dt{gap:4px;font-size:11px}.hero-scan-macro dd{margin-top:7px;font-size:24px}.hero-scan-diary-status{gap:9px;margin-top:15px;padding-top:14px}.hero-scan-diary-status strong{font-size:11px}.hero-scan-diary-status small{font-size:10px}.hero-scan-steps{margin-top:18px}.hero-scan-steps li{gap:5px;font-size:10px}.hero-scan-step-number{width:20px;height:20px;font-size:9px}.hero-scan-demo-footer{column-gap:8px;margin-top:8px}.hero-scan-demo-footer p,.hero-scan-replay{font-size:10px}}@media (max-width:360px){.hero-scan-result{padding:17px;left:9px;right:9px}.hero-scan-macro{padding-inline:7px}.hero-scan-meal-heading h2{font-size:15px}.hero-scan-calories strong{font-size:36px}.hero-scan-steps li{gap:4px;font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-scan-demo *,.hero-scan-demo :before,.hero-scan-demo :after{transition:none!important;animation:none!important}.hero-scan-flash,.hero-scan-sweep{display:none}.hero-scan-demo[data-phase=shutter] .hero-scan-shutter,.hero-scan-shutter:not(.hero-scan-shutter-static):hover,.hero-scan-shutter:not(.hero-scan-shutter-static):active{transform:none}}