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