:root{--ink:#0b0d10;--soft:#6d727b;--paper:#f5f4f0;--card:#fff;--red:#d9232e;--red-dark:#b71923;--line:#deddd8;--green:#1f7a50;--shadow:0 18px 50px rgba(11,13,16,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:84px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#0b0d10;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;color:#fff;text-align:left}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.12em}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;letter-spacing:-.02em}.brand-copy small{color:#9da3ad;font-size:11px;margin-top:2px}.country-pill{display:flex;gap:8px;align-items:center;border:1px solid #34383f;background:#171a1f;color:#fff;border-radius:999px;padding:10px 14px}.chev{opacity:.6}.view{display:none}.view.active{display:block}.hero{background:#0b0d10;color:#fff;padding:92px clamp(20px,8vw,120px) 80px;min-height:610px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#e9a8ad}.eyebrow.dark{color:#8d3037}.hero h1,.scan-header h1{font-size:clamp(44px,7vw,86px);line-height:.96;letter-spacing:-.055em;max-width:900px;margin:18px 0 24px}.hero h1 span{color:#ef3743}.hero>p{font-size:clamp(17px,2vw,21px);line-height:1.6;color:#b7bbc2;max-width:820px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:780px;margin:34px 0 18px}.primary-action,.secondary-action{border-radius:16px;padding:18px 20px;border:1px solid transparent;display:flex;gap:14px;align-items:center;text-align:left}.primary-action{background:var(--red);color:#fff}.primary-action:hover{background:var(--red-dark)}.secondary-action{background:#171a1f;color:#fff;border-color:#34383f}.primary-action strong,.secondary-action strong{display:block;font-size:16px}.primary-action small,.secondary-action small{display:block;margin-top:3px;opacity:.72}.action-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center}.search-wrap{max-width:780px;display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px 6px 6px 17px}.search-icon{color:#777;font-size:24px}.search-wrap input{flex:1;border:0;outline:0;padding:14px;color:#111;min-width:0}.search-wrap button{border:0;background:#111;color:#fff;padding:13px 18px;border-radius:11px;font-weight:800}.trust-row{display:flex;gap:40px;margin-top:30px;flex-wrap:wrap}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:13px}.trust-row span{font-size:12px;color:#868c95;margin-top:3px}.how-card{margin:-26px auto 60px;position:relative;z-index:2;max-width:1180px;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:42px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading.tight{align-items:center}.section-heading h2{margin:8px 0 0;font-size:31px;letter-spacing:-.04em}.text-button{background:none;border:0;font-weight:800;color:#8d3037}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.steps article{background:#f5f4f0;border-radius:16px;padding:25px}.steps article>span{font-size:12px;font-weight:900;color:#9c9a92}.steps h3{font-size:22px;margin:22px 0 8px}.steps p{color:#686b70;line-height:1.55;margin:0}.scan-page,.result-page{max-width:1100px;margin:auto;padding:50px 24px 100px}.back-link{border:0;background:none;padding:0;font-weight:800;color:#555}.scan-header{margin:40px 0 28px}.scan-header h1{font-size:clamp(44px,8vw,76px);color:#111;margin:12px 0}.scan-header p{color:#6a6d72;max-width:680px;font-size:18px;line-height:1.55}.camera-card{height:min(58vw,520px);min-height:320px;background:#111;border-radius:26px;position:relative;overflow:hidden;box-shadow:var(--shadow)}#cameraVideo{width:100%;height:100%;object-fit:cover;display:none}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#666}.camera-placeholder p{position:absolute;bottom:25px}.scan-frame{width:min(68%,540px);height:42%;position:relative}.scan-frame span{position:absolute;width:42px;height:42px;border-color:#fff}.scan-frame span:nth-child(1){left:0;top:0;border-left:4px solid;border-top:4px solid}.scan-frame span:nth-child(2){right:0;top:0;border-right:4px solid;border-top:4px solid}.scan-frame span:nth-child(3){left:0;bottom:0;border-left:4px solid;border-bottom:4px solid}.scan-frame span:nth-child(4){right:0;bottom:0;border-right:4px solid;border-bottom:4px solid}.scan-line{position:absolute;left:22%;right:22%;height:2px;background:#ef3743;top:50%;box-shadow:0 0 16px #ef3743}.camera-actions{display:flex;gap:12px;margin-top:16px}.compact{justify-content:center;flex:1}.microcopy{color:#85888d;font-size:12px}.product-hero{margin-top:34px;display:grid;grid-template-columns:340px 1fr;gap:45px;align-items:center}.product-image{background:#e9e7e1;border-radius:24px;aspect-ratio:1;display:grid;place-items:center}.bottle{height:74%;width:48%;border-radius:28px 28px 18px 18px;background:#f7f6f2;border:1px solid #c9c7c0;box-shadow:0 16px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;justify-content:center}.bottle span{font-size:10px;letter-spacing:.16em}.bottle strong{font-size:32px;margin:8px 0}.bottle small{color:#777}.verified-line{display:flex;gap:10px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#7d3035}.confidence{color:var(--green)}.product-summary h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;margin:12px 0 6px}.muted{color:#767a80}.score-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;gap:20px;align-items:center;margin-top:28px}.score-ring{width:100px;height:100px;border-radius:50%;border:10px solid #e6e5e0;border-top-color:var(--red);display:grid;place-content:center;text-align:center;flex:0 0 auto}.score-ring strong{font-size:31px}.score-ring span{font-size:11px;color:#777}.score-card h2{font-size:23px;margin:6px 0}.score-card p{margin:0;color:#73767b;line-height:1.45}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.facts-grid article{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px}.fact-icon{display:block;font-size:21px;margin-bottom:22px}.facts-grid small{display:block;color:#8a8d91;font-weight:700}.facts-grid strong{display:block;font-size:17px;margin:5px 0}.facts-grid p{font-size:13px;line-height:1.4;color:#777;margin:0}.evidence-panel,.alternatives-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:18px}.evidence-row{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #ecebe7}.evidence-row:first-of-type{margin-top:20px}.evidence-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.evidence-row p{margin:4px 0 0;color:#777;font-size:13px}.grade{width:34px;height:34px;border-radius:50%;background:#edf5f0;color:var(--green);display:grid;place-items:center;font-weight:900}.pill-note{font-size:11px;border:1px solid #d6d4ce;padding:7px 10px;border-radius:999px;color:#62666b}.alt-card{display:grid;grid-template-columns:54px 1fr auto auto;gap:16px;align-items:center;padding:20px 0;border-top:1px solid #ecebe7}.alt-card:first-of-type{margin-top:20px}.alt-logo{width:52px;height:52px;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center;font-weight:900}.alt-copy h3{margin:3px 0 4px}.alt-copy p{margin:0;color:#777;font-size:13px}.rank{font-size:10px;font-weight:900;color:#8d3037;letter-spacing:.08em}.alt-score{text-align:center}.alt-score strong{display:block;font-size:23px}.alt-score span{font-size:10px;color:#777}.alt-card button{border:1px solid #d3d1cb;background:#fff;padding:10px 14px;border-radius:10px;font-weight:800}.ranking-note{margin:18px 0 0;font-size:12px;color:#85888d}.mobile-nav{display:none}dialog{border:0;border-radius:20px;padding:0;max-width:510px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(0,0,0,.55)}.dialog-card{padding:26px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:5px 0}.dialog-head>button{border:0;background:none;font-size:30px}.dialog-card>p{color:#707379;line-height:1.5}.country-option{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;border:1px solid #deddd8;background:#fff;border-radius:13px;padding:14px;margin-top:10px}.country-option span:first-child{font-size:24px}.country-option div{display:flex;flex-direction:column}.country-option small{color:#84878b;margin-top:2px}.country-option.selected{border-color:#9c252d;background:#fff7f7}.country-option:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){.topbar{height:70px;padding:0 16px}.brand-copy small{display:none}.country-pill span:nth-child(2),.chev{display:none}.hero{padding:56px 18px 70px;min-height:auto}.hero h1{font-size:48px}.hero>p{font-size:16px}.action-grid{grid-template-columns:1fr}.search-wrap{margin-top:14px}.trust-row{gap:18px}.trust-row div{width:45%}.how-card{margin:-24px 14px 90px;padding:26px 20px}.section-heading{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}.steps article{padding:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #ddd;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#777}.mobile-nav button span{font-size:21px}.mobile-nav button.active{color:#a41e27}.scan-page,.result-page{padding:32px 16px 100px}.scan-header{margin-top:28px}.camera-card{height:54vh}.camera-actions{flex-direction:column}.product-hero{grid-template-columns:1fr;gap:24px}.product-image{max-height:310px}.product-summary h1{font-size:42px}.score-card{align-items:flex-start}.score-ring{width:84px;height:84px;border-width:8px}.facts-grid{grid-template-columns:1fr 1fr}.evidence-panel,.alternatives-panel{padding:22px 18px}.alt-card{grid-template-columns:48px 1fr auto}.alt-card button{grid-column:2/4;width:100%}.alt-logo{width:46px;height:46px}.section-heading.tight{flex-direction:row;align-items:center}.section-heading h2{font-size:26px}}
@media(max-width:420px){.facts-grid{grid-template-columns:1fr}.score-card{flex-direction:column}.hero h1{font-size:43px}.section-heading.tight{align-items:flex-start;flex-direction:column}.alt-card{grid-template-columns:44px 1fr}.alt-score{grid-row:1/3;grid-column:3}.alt-card button{grid-column:2/4}}
.result-status{margin-top:24px;border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.5;border:1px solid #d8d6d0;background:#fff}.result-status.demo{border-color:#d6d4ce;color:#666}.result-status.caution{border-color:#e4c36e;background:#fff9e8;color:#6d5512}.result-status.info{color:#555}.live-product-image{max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.12))}.search-wrap button:disabled{opacity:.65;cursor:wait}.live-image-fallback{height:68%;width:54%;border-radius:22px;background:#f7f6f2;border:1px solid #c9c7c0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777}.live-image-fallback span{font-size:10px;letter-spacing:.15em}.live-image-fallback strong{font-size:25px;color:#333;margin:7px 0}.live-image-fallback small{font-size:11px}

[hidden]{display:none!important}

.label-evidence-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:#f2efe7;border:1px solid #d9d4c8;border-radius:20px;padding:26px;margin:20px 0}.label-evidence-cta h2{margin:5px 0 8px;font-size:26px}.label-evidence-cta p{margin:0;max-width:720px;color:#676a6f;line-height:1.5}.label-evidence-cta small{display:block;margin-top:10px;color:#8a6b26}.label-scan-action{min-width:190px;justify-content:center}.label-dialog{max-width:840px}.label-dialog-card{padding:28px}.label-dialog-copy{color:#6f7378;line-height:1.55;margin:10px 0 22px}.label-capture-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:20px}.label-preview-wrap{min-height:300px;border-radius:18px;background:#111;overflow:hidden;display:grid;place-items:center}.label-preview-wrap img{width:100%;height:100%;max-height:480px;object-fit:contain;background:#111}.label-preview-placeholder{color:#8b8f96;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.label-preview-placeholder span{font-size:36px;color:#d8d9dc}.label-preview-placeholder strong{color:#f4f4f4}.label-preview-placeholder small{font-size:12px}.label-actions{display:flex;flex-direction:column;gap:12px}.ocr-progress{margin-top:22px;border:1px solid #dedbd3;border-radius:14px;padding:14px 16px;background:#faf9f6}.ocr-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px}.ocr-progress progress{width:100%;height:9px;accent-color:#a41e27}.ocr-result{margin-top:22px;border-top:1px solid #e4e1d9;padding-top:22px}.ocr-result h3{font-size:24px;margin:4px 0}.candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.candidate-chip{border:1px solid #ddd9cf;background:#fff;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:4px}.candidate-chip span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#8d3037;text-transform:uppercase}.candidate-chip strong{font-size:16px}.candidate-chip small{font-size:11px;color:#73777c;line-height:1.35}.candidate-empty{grid-column:1/-1;border:1px dashed #cec9bd;border-radius:13px;padding:15px;color:#74777b;font-size:13px}.ocr-details{margin:14px 0}.ocr-details summary{cursor:pointer;font-weight:800;color:#555}.ocr-details pre{white-space:pre-wrap;word-break:break-word;background:#111;color:#ececec;border-radius:13px;padding:16px;max-height:260px;overflow:auto;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.save-evidence-button{margin-top:16px;justify-content:center}.save-status{font-size:12px;color:#6f5a20;margin:10px 0 0}
@media(max-width:760px){.label-evidence-cta{grid-template-columns:1fr}.label-scan-action{width:100%}.label-dialog-card{padding:22px 16px}.label-capture-grid{grid-template-columns:1fr}.label-preview-wrap{min-height:240px}.candidate-list{grid-template-columns:1fr}}