.page-top{background:radial-gradient(circle at 50% -8%,#ff9d1b2e,#0000 32rem),radial-gradient(circle at 86% 10%,#ff60471a,#0000 26rem);padding-bottom:clamp(40px,6vw,80px);position:relative;overflow:hidden}.scan-scene{pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.scan-scene-veil{pointer-events:none;background:linear-gradient(#fff8ecf0 0%,#fff8ecb8 24%,#fff8ec66 55%,#fff8eca3 100%);position:absolute;inset:0}.page-top>:not(.scan-scene):not(.scan-scene-veil){z-index:1;position:relative}.tool-hero{text-align:center;max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,40px) 0}.tool-hero .kicker{color:var(--coral)}.tool-hero h1{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:10px auto 18px;font-size:clamp(40px,7.4vw,82px);font-weight:860;line-height:.96}.tool-hero__sub{color:var(--muted);max-width:56ch;margin:0 auto 34px;font-size:clamp(17px,1.8vw,21px);line-height:1.45}.scan-panel{text-align:left;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);background:#ffffff9e;border:1px solid #ffffffe6;border-radius:30px;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,30px);max-width:1080px;margin:0 auto;padding:clamp(16px,2.4vw,26px);display:grid;position:relative}.scan-upload{flex-direction:column;gap:14px;display:flex}.scan-upload__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.scan-tag{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;font-weight:800;display:inline-flex}.scan-tag__i{place-items:center;display:inline-grid}.scan-tag__i svg{width:16px;height:16px}.scan-formats{color:var(--soft);font-size:13px;font-weight:650}.scan-preview{aspect-ratio:3/2;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #4831171a}.scan-preview img{object-fit:cover;width:100%;height:100%;display:block}.scan-drop{cursor:pointer;background:#d9fbf159;border:1.5px dashed #006e6366;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.scan-drop:hover{background:#d9fbf199}.scan-drop.is-drag{border-color:var(--teal);background:#d9fbf1d9;transform:translateY(-1px)}.scan-drop__icon{width:40px;height:40px;color:var(--teal);background:#fff;border-radius:12px;flex:none;place-items:center;display:inline-grid;box-shadow:0 6px 14px #0050461f}.scan-drop__icon svg{width:22px;height:22px}.scan-drop__text{flex-direction:column;line-height:1.3;display:flex}.scan-drop__text b{color:var(--ink);font-size:15.5px;font-weight:820}.scan-drop__text span{color:var(--muted);font-size:13.5px}.scan-demos{flex-direction:column;gap:8px;display:flex}.scan-demos__label{color:var(--ink);font-size:14px;font-weight:800}.scan-demos__row{gap:10px;display:flex}.scan-demo{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;flex:1;padding:0;transition:transform .15s,border-color .15s;overflow:hidden;box-shadow:0 6px 16px #48311714}.scan-demo img{object-fit:cover;width:100%;height:100%;display:block}.scan-demo:hover{transform:translateY(-2px)}.scan-demo.is-active{border-color:var(--teal)}.scan-result{background:#ffffff80;border:1px solid #ffffffb3;border-radius:22px;flex-direction:column;gap:16px;padding:clamp(18px,2.4vw,26px);display:flex;position:relative}.scan-result__head{color:var(--teal-dark);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:820;display:inline-flex}.scan-result__i{color:var(--teal);place-items:center;display:inline-grid}.scan-result__i svg{width:20px;height:20px}.scan-kcal{align-items:center;gap:14px;display:flex}.scan-kcal__flame{background:radial-gradient(circle at 50% 40%, #fff, var(--cream));width:52px;height:52px;color:var(--coral);border-radius:999px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffffe6,0 8px 20px #ff604729}.scan-kcal__flame svg{width:26px;height:26px}.scan-kcal__img{object-fit:cover;border-radius:15px;flex:none;width:52px;height:52px;display:none;box-shadow:0 8px 20px #4831172e}.scan-kcal__num{color:var(--teal-dark);margin:0;line-height:1}.scan-kcal__num b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(40px,5vw,52px);font-weight:860}.scan-kcal__num span{color:var(--muted);margin-left:5px;font-size:20px;font-weight:800}.scan-kcal__tag{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;align-self:flex-start;margin-left:auto;padding:6px 12px;font-size:12.5px;font-weight:800}.scan-macros{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.scan-macro{background:#fff;border:1px solid #0b14220d;border-radius:16px;padding:14px;box-shadow:0 8px 20px #4831170d}.scan-macro__label{font-size:13px;font-weight:800}.is-protein .scan-macro__label{color:var(--teal)}.is-carbs .scan-macro__label{color:var(--coral)}.is-fat .scan-macro__label{color:var(--orange)}.scan-macro__g{color:var(--ink);margin:6px 0 2px;line-height:1}.scan-macro__g b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:860}.scan-macro__g{color:var(--muted);font-size:15px;font-weight:700}.scan-macro__pct{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:9px;font-size:12.5px;font-weight:650;display:block}.scan-macro__bar{background:#0b142214;border-radius:999px;height:6px;display:block;overflow:hidden}.scan-macro__bar span{border-radius:999px;height:100%;transition:width .4s;display:block}.is-protein .scan-macro__bar span{background:var(--teal)}.is-carbs .scan-macro__bar span{background:var(--coral)}.is-fat .scan-macro__bar span{background:var(--orange)}.scan-detected{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14.5px;display:flex}.scan-detected b{color:var(--ink);font-weight:820}.scan-detected__i{color:var(--teal);place-items:center;display:inline-grid}.scan-detected__i svg{width:18px;height:18px}.scan-detected__note{color:var(--soft);flex-basis:100%;font-size:13px}.scan-band{background:var(--teal-soft);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.scan-band__icon{border-radius:13px;flex:none;box-shadow:0 6px 16px #0050462e}.scan-band__text{flex:1;min-width:0}.scan-band__title{color:var(--ink);margin:0 0 2px;font-size:16px;font-weight:860}.scan-band__body{color:var(--teal-dark);opacity:.85;margin:0;font-size:13.5px;line-height:1.35}.scan-band__btn{white-space:nowrap;flex:none}.scan-result:after{content:attr(data-msg);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--muted);background:#fffdf9db;border-radius:22px;place-items:center;padding:24px;font-size:15px;font-weight:750;display:none;position:absolute;inset:0}.scan-result.is-loading:after,.scan-result.is-error:after{display:grid}.scan-result.is-error:after{color:var(--coral)}.scan-result.is-loading:after{animation:1.1s ease-in-out infinite scan-pulse}@keyframes scan-pulse{0%,to{opacity:.86}50%{opacity:.98}}.scan-trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px clamp(24px,4vw,44px);margin:clamp(20px,3vw,30px) auto 0;padding:0;font-size:14.5px;font-weight:700;list-style:none;display:flex}.scan-trust li{align-items:center;gap:8px;display:inline-flex}.scan-trust span{color:var(--teal);place-items:center;display:inline-grid}.scan-trust svg{width:18px;height:18px}.scan-slot{flex-direction:column;gap:14px;display:flex}.scan-dialog{background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.scan-dialog::backdrop{background:#0b142280}.scan-dialog__inner{-webkit-overflow-scrolling:touch;background:linear-gradient(#fffdf9 0%,#fff7ea 100%);height:100dvh;position:relative;overflow-y:auto}.scan-dialog[open] .scan-dialog__inner{animation:.34s cubic-bezier(.32,.72,0,1) scan-slide}@keyframes scan-slide{0%{transform:translateY(100%)}to{transform:translate(0,0)}}.scan-dialog__close{z-index:3;width:42px;height:42px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #0b142214;border-radius:999px;place-items:center;font-size:17px;display:grid;position:fixed;top:20px;right:20px;box-shadow:0 6px 18px #4831171a}.scan-dialog__body{box-sizing:border-box;flex-direction:column;justify-content:center;gap:16px;min-height:100dvh;padding:72px 20px 24px;display:flex}@media (width<=860px){.scan-panel{grid-template-columns:1fr}.scan-slot,.scan-kcal__flame{display:none}.scan-kcal__img{display:block}}@media (width<=720px){.scan-band{text-align:center;flex-direction:column}.scan-band__btn{text-align:center;justify-content:center;width:100%}.scan-scene{opacity:.5}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}