.gtin{color:var(--text);font-variant-numeric:tabular-nums}.gtin [hidden]{display:none!important}.gtin :is(#result-state,#export-instructions,#gtin-control,.gtin-proof){scroll-margin-top:90px}.gtin-hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:26px 0 42px}.gtin-back{font-size:13px;text-decoration:none}.gtin-kicker{letter-spacing:.075em;text-transform:uppercase;color:#a33e1d;margin:26px 0 12px;font-size:12px;font-weight:700}.gtin h1{max-width:900px;margin:0 0 18px;font-size:clamp(32px,4.4vw,54px);line-height:1.13}.gtin h1 span{color:var(--brand)}.gtin h2{margin:0 0 18px;font-size:clamp(23px,3vw,32px);line-height:1.25}.gtin h3{font-size:18px;line-height:1.35}.gtin-lead{max-width:800px;margin:0 0 22px;font-size:18px;line-height:1.65}.gtin-facts{flex-wrap:wrap;gap:8px 22px;font-size:13px;font-weight:600;display:flex}.gtin-facts span:before{content:"✓";color:#177152;margin-right:7px}.gtin-content{padding-top:30px;padding-bottom:54px}.gtin-check{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:28px;box-shadow:0 8px 36px #172e4610}.gtin-check-intro{justify-content:space-between;align-items:center;gap:16px;display:flex}.gtin-check-intro .gtin-kicker{margin-top:0}.gtin-check-intro h2{font-size:26px}.gtin-format{white-space:nowrap;color:var(--noise);font-size:12px}.gtin-upload-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:stretch;gap:28px;display:grid}.gtin-upload-layout .gtin-dropzone{flex-direction:column;justify-content:center;align-items:center;display:flex}.gtin-quick-instructions{padding:4px 0}.gtin-quick-instructions h3{margin:0 0 12px}.gtin-quick-instructions ol{margin:0 0 16px;padding-left:20px;font-size:14px}.gtin-quick-instructions li{margin-bottom:8px;padding-left:3px}.gtin .gtin-instruction-toggle{color:var(--link);font:inherit;text-align:left;background:0 0;padding:8px 0;font-size:14px;font-weight:600}.gtin .gtin-instruction-toggle:hover{color:#1c4bb6;text-decoration:underline}.gtin-dropzone{text-align:center;background:var(--bg-soft);border:1.5px dashed #b5c3d1;border-radius:14px;padding:26px 20px;transition:background .15s,border-color .15s}.gtin-dropzone.drag{border-color:var(--link);background:#e8f2ff}.gtin-dropzone svg{color:#5a6c7e}.gtin-dropzone h3{margin:8px 0}.gtin-dropzone p{margin:0 0 18px;font-size:14px}.gtin button{cursor:pointer;border:0;line-height:1.5}.gtin .btn{text-align:center;border-radius:10px}.gtin .btn-ghost{border:1px solid #cbd4df}.gtin .btn-ghost:hover{color:var(--ink);box-shadow:none}.gtin :is(button,a.btn,summary):active{transform:translateY(1px)}.gtin :is(button,a,summary):focus-visible{outline:3px solid var(--link);outline-offset:3px}.gtin button:disabled{opacity:.55;cursor:wait;transform:none}.gtin-instructions{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.gtin-instructions:not([open]){display:none}.gtin summary{cursor:pointer;color:var(--ink);font-weight:600}.gtin summary:hover{color:var(--link)}.gtin-summary-hint{color:var(--noise);margin-left:12px;font-size:13px;font-weight:400}.gtin-instructions ol{margin-bottom:0;padding-left:24px}.gtin-instructions li{padding:12px 0}.gtin-instructions li p{margin:6px 0 14px;font-size:14px}.gtin-instructions img{border:1px solid var(--line);border-radius:8px;width:100%;max-width:900px;height:auto;display:block}.gtin-enlarge{margin-top:8px;font-size:13px;display:inline-block}.gtin-privacy,.gtin-note{color:#637080;font-size:13px;line-height:1.65}.gtin-privacy{margin:18px 0 0}.gtin-selected{background:var(--bg-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.gtin-selected b{overflow-wrap:anywhere}.gtin-selected p{margin:4px 0 0;font-size:13px}.gtin-actions{flex-wrap:wrap;gap:10px;display:flex}.gtin-loading{text-align:center;padding:32px}.gtin-spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:1s linear infinite gtin-spin}@keyframes gtin-spin{to{transform:rotate(360deg)}}.gtin-error{background:#fff3f1;border-radius:12px;padding:22px}.gtin-result-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.gtin-result-heading .gtin-kicker{margin-top:8px}.gtin-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 12px;display:grid}.gtin-metric{background:var(--bg-soft);border-radius:10px;padding:16px}.gtin-metric b{color:var(--ink);font-size:27px;display:block}.gtin-metric span{font-size:12px;display:block}.gtin-metric.good b{color:#167151}.gtin-metric.attention b{color:#b2422c}.gtin-result-cta{color:#dfebf5;background:#112b3f;border-radius:12px;margin:22px 0 26px;padding:22px}.gtin-result-cta h3{color:#fff;margin:0 0 8px}.gtin-result-cta p{margin:0 0 16px;font-size:14px}.gtin-result-cta small{color:#c2d2df;margin-top:10px;display:block}.gtin-product{border:1px solid var(--line);border-radius:10px;margin:10px 0;overflow:hidden}.gtin-product summary{padding:16px;line-height:1.6}.gtin-product summary:hover{background:var(--bg-soft)}.gtin-product summary span{margin-right:12px;display:inline-block}.gtin-product .gtin-product-meta{color:var(--noise);font-size:12px;font-weight:400;display:block}.gtin-badge{color:#526373;background:#edf0f4;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600}.gtin-badge.ok{color:#15654b;background:#e4f4ec}.gtin-badge.attention{color:#9e3929;background:#fff0eb}.gtin-badge.failed{color:#803939;background:#f9e9e9}.gtin-table-scroll{overflow-x:auto}.gtin table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;font-size:13px}.gtin td,.gtin th{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.gtin thead th{background:var(--bg-soft);color:var(--ink);font-size:12px}.gtin .gtin-codes{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}.gtin-how,.gtin-compare,.gtin-faq,.gtin-reading{margin-top:56px}.gtin-steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.gtin-steps>div{border-top:1px solid #cad4df;padding-top:18px}.gtin-steps span{color:#637080;font-size:13px}.gtin-steps h3{margin:8px 0}.gtin-steps p{margin:0;font-size:14px}.gtin-service{color:#d5e1eb;background:#102a3e;border-radius:20px;margin-top:56px;padding:34px}.gtin-service .gtin-kicker{color:#ffa184;margin-top:0}.gtin-service h2{color:#fff;font-size:clamp(26px,3.4vw,38px)}.gtin-service h2 span{color:#ffa184}.gtin-service-lead{max-width:820px;font-size:17px}.gtin-service-steps{grid-template-columns:1fr 1fr;gap:22px 32px;margin:28px 0;padding-left:23px;display:grid}.gtin-service-steps li{padding-left:5px}.gtin-service-steps b{color:#fff;font-size:15px;display:block}.gtin-service-steps span{margin-top:6px;font-size:14px;display:block}.gtin-trial{color:#bdcfdd;margin:12px 0 26px;font-size:12px}.gtin-proof{border-top:1px solid #335063;padding-top:22px}.gtin-proof-label{color:#e4edf3;margin:0 0 12px;font-size:13px}.gtin-interface-image{border-radius:10px;display:block;overflow:hidden}.gtin-interface-image img{width:100%;height:auto;display:block}.gtin-proof .gtin-note{color:#b7c9d7;margin-bottom:0}.gtin-compare .gtin-table-scroll{border:1px solid var(--line);border-radius:12px}.gtin-faq{max-width:880px}.gtin-faq details{border-bottom:1px solid var(--line);padding:18px 0}.gtin-faq p{margin-bottom:4px;font-size:15px}.gtin-reading{background:var(--bg-soft);border-radius:14px;padding:24px}.gtin-reading h2{font-size:22px}.gtin-reading a{margin:10px 0;font-size:14px;display:block}@media (width<=720px){.gtin-upload-layout{grid-template-columns:minmax(0,1fr);gap:22px}.gtin :is(#result-state,#export-instructions,#gtin-control,.gtin-proof){scroll-margin-top:122px}.gtin-hero{padding-bottom:28px}.desktop-break{display:none}.gtin-lead{font-size:16px}.gtin-facts{gap:7px;display:grid}.gtin-content{padding-top:20px}.gtin-check{padding:18px}.gtin-check-intro{display:block}.gtin-check-intro h2{margin-bottom:8px;font-size:22px}.gtin-format{margin-bottom:16px;display:block}.gtin-dropzone{padding:24px 14px}.gtin .btn{padding:12px 14px;font-size:13px}.gtin-selected,.gtin-result-heading{flex-direction:column;align-items:stretch}.gtin-summary-hint{margin:5px 0 0 18px;font-size:12px;display:block}.gtin-metrics{grid-template-columns:1fr 1fr}.gtin-metric{padding:12px}.gtin-result-cta{padding:18px}.gtin-steps,.gtin-service-steps{grid-template-columns:1fr;gap:18px}.gtin-service{padding:24px 18px}.gtin-service-lead{font-size:15px}.gtin-service .btn{width:100%}.gtin-how,.gtin-service,.gtin-compare,.gtin-faq,.gtin-reading{margin-top:38px}}