.gtin-wp-page{--gtin-navy:var(--navy);--gtin-line:var(--line);--gtin-soft:var(--soft);background:transparent}.gtin-wp-hero{position:relative;max-width:1160px;margin:0 auto;padding:105px 24px 76px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:center}.gtin-wp-hero-copy{min-width:0}.gtin-wp-hero h1{max-width:650px;margin:0;color:var(--navy);font-size:clamp(48px,6vw,76px);line-height:1.01;letter-spacing:-.07em;font-weight:650}.gtin-wp-hero-copy>p{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.gtin-language-switch{position:absolute;top:28px;right:24px;display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:100px;background:var(--soft);z-index:2}.gtin-language-switch button{min-width:34px;padding:6px 8px;border:0;border-radius:100px;background:transparent;color:#89949d;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.gtin-language-switch button.is-active{background:var(--navy);color:#fff}.gtin-hero-mark{min-height:250px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#f5f8fc,#edf3f8);color:var(--navy)}.gtin-hero-mark span{font-size:76px;line-height:.85;letter-spacing:-.09em;font-weight:680}.gtin-hero-mark strong{margin-top:20px;color:var(--blue);font-size:19px;letter-spacing:.04em}.gtin-hero-mark i{margin-top:8px;color:#86949e;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.12em}.gtin-wp-workspace{max-width:960px;margin:0 auto 145px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.gtin-wp-panel{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff}.gtin-wp-result-panel{background:var(--soft);display:flex;flex-direction:column}.gtin-wp-panel-heading>span,.gtin-wp-result-kicker,.gtin-wp-method>span{display:block;color:#89949d;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.gtin-wp-panel-heading h2,.gtin-wp-result-panel h2{margin:20px 0 12px;color:var(--navy);font-size:30px;line-height:1.08;letter-spacing:-.055em;font-weight:600}.gtin-wp-panel-heading p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.gtin-wp-type-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:30px 0 28px}.gtin-wp-type-list button{min-height:76px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.gtin-wp-type-list button strong{font-size:13px;font-weight:650}.gtin-wp-type-list button small{color:#8a969e;font-size:9px;line-height:1.3}.gtin-wp-type-list button:hover,.gtin-wp-type-list button.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.gtin-wp-type-list button:hover small,.gtin-wp-type-list button.is-active small{color:#bdcbd5}.gtin-wp-field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.gtin-wp-field label{font-size:12px;font-weight:650}.gtin-wp-field-label span{color:#89949d;font-size:10px;font-variant-numeric:tabular-nums}.gtin-wp-field input{width:100%;height:54px;padding:0 15px;border:1px solid #ccd5db;border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:20px;letter-spacing:.12em;font-variant-numeric:tabular-nums;outline:none;transition:border-color .2s,box-shadow .2s}.gtin-wp-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,128,239,.12)}.gtin-wp-field>small{display:block;margin-top:9px;color:#89949d;font-size:10px;line-height:1.5}.gtin-wp-complete-result[hidden],.gtin-wp-empty-state[hidden]{display:none}.gtin-wp-result-panel h2{margin-bottom:30px}.gtin-wp-result-number{padding:21px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--navy);font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(22px,3.2vw,43px);line-height:1.1;letter-spacing:0;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.gtin-wp-result-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}.gtin-wp-result-meta div{display:flex;flex-direction:column;gap:7px}.gtin-wp-result-meta small,.gtin-wp-udi-result small{color:#89949d;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.gtin-wp-result-meta strong{color:var(--navy);font-size:22px;font-weight:600}.gtin-wp-udi-result{padding:18px 0 0;border-top:1px solid var(--line)}.gtin-wp-udi-result small{display:block}.gtin-wp-udi-value{display:block;margin-top:8px;color:var(--blue);font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(16px,2vw,24px);line-height:1.2;letter-spacing:0;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.gtin-wp-copy-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;padding-top:0}.gtin-wp-copy-button{width:max-content;margin-top:0;padding:12px 15px;border:0;border-radius:6px;background:var(--navy);color:#fff;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.gtin-wp-copy-button--secondary{border:1px solid var(--navy);background:transparent;color:var(--navy)}.gtin-wp-copy-button:hover{border-color:var(--blue);background:var(--blue);color:#fff}.gtin-wp-empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:205px}.gtin-wp-empty-state strong{color:var(--navy);font-size:25px;letter-spacing:-.04em}.gtin-wp-empty-state p{max-width:260px;margin:10px 0 25px;color:var(--muted);font-size:12px;line-height:1.6}.gtin-wp-preview-number{color:#9aa5ad;font-size:30px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.gtin-wp-preview-number i{color:var(--blue);font-style:normal}.gtin-wp-result-panel.is-complete .gtin-wp-result-number{color:var(--blue)}.gtin-wp-method{grid-column:1/-1;padding:28px 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:28px}.gtin-wp-method p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.gtin-wp-method b{grid-column:2;margin-top:-14px;color:#89949d;font-size:10px;line-height:1.55;font-weight:500}.gtin-wp-method>span{padding-top:2px}
@media (prefers-color-scheme:dark){.gtin-wp-panel{background:#0f1c27;border-color:var(--line)}.gtin-wp-result-panel{background:var(--soft)}.gtin-wp-hero h1,.gtin-wp-panel-heading h2,.gtin-wp-result-panel h2,.gtin-wp-result-meta strong,.gtin-wp-empty-state strong{color:var(--ink)}.gtin-wp-type-list button{background:#0e1b26;border-color:var(--line);color:var(--ink)}.gtin-wp-type-list button:hover,.gtin-wp-type-list button.is-active{background:var(--blue);border-color:var(--blue);color:#07131d}.gtin-wp-type-list button:hover small,.gtin-wp-type-list button.is-active small{color:#07131d}.gtin-wp-field input{background:#0e1b26;border-color:var(--line);color:var(--ink)}.gtin-wp-copy-button--secondary{border-color:var(--blue);color:var(--blue)}}
@media (max-width:780px){.gtin-wp-hero{padding:92px 18px 50px;grid-template-columns:1fr;gap:30px}.gtin-language-switch{top:18px;right:18px}.gtin-hero-mark{min-height:180px;padding:24px;border-radius:17px}.gtin-hero-mark span{font-size:58px}.gtin-wp-workspace{margin:0 14px 95px;grid-template-columns:1fr;gap:12px}.gtin-wp-panel{padding:26px 22px;border-radius:17px}.gtin-wp-panel-heading h2,.gtin-wp-result-panel h2{font-size:27px}.gtin-wp-type-list{gap:5px;margin:24px 0}.gtin-wp-type-list button{min-height:70px;padding:10px 8px}.gtin-wp-type-list button small{font-size:8px}.gtin-wp-result-number{font-size:clamp(22px,7.2vw,30px)}.gtin-wp-method{grid-column:auto;padding:22px;grid-template-columns:1fr;gap:14px}.gtin-wp-method b{grid-column:auto;margin-top:0}.gtin-wp-copy-actions{gap:14px}}