/* Glass Compatibility Lab: editorial graphite + electric citron visual language */
body.glass-lab{background:#090e15;color:#f4f6f8}
.glass-page{width:min(1320px,100%);margin:auto;padding:22px clamp(16px,4vw,58px) 34px;color:#f4f6f8}
.glass-breadcrumb{display:flex;gap:10px;align-items:center;margin:4px 0 18px;color:#65717e;font-size:10px;letter-spacing:.3px}
.glass-breadcrumb a{color:#8795a3;text-decoration:none}.glass-breadcrumb b{color:#d8e0e5;font-weight:600}
.glass-hero{position:relative;min-height:365px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;overflow:hidden;border:1px solid #27323b;border-radius:4px;background:linear-gradient(115deg,#141c22 0%,#10171d 52%,#172126 100%);box-shadow:0 24px 65px #0005}
.glass-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#c9f36b0d 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.9%,#c9f36b0a 50%,transparent 50.2%);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);pointer-events:none}
.glass-hero-copy{position:relative;z-index:2;padding:clamp(28px,5vw,64px)}
.glass-eyebrow{display:flex;align-items:center;gap:10px;color:#b9c5ca;font-size:9px;font-weight:800;letter-spacing:2px}
.eyebrow-mark{width:8px;height:8px;background:#c9f36b;box-shadow:0 0 15px #c9f36b;border-radius:50%}
.glass-hero h1{margin:25px 0 15px;color:#f3f6f4;font:700 clamp(42px,5.5vw,72px)/.99 "Space Grotesk",sans-serif;letter-spacing:-3.7px}
.glass-hero h1 em{color:#c9f36b;font-style:normal}
.glass-hero-copy>p{max-width:520px;margin:0;color:#a2afb5;font-size:14px;line-height:1.8}
.glass-hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px;color:#839199;font-size:10px}
.glass-hero-meta span{display:flex;align-items:center;gap:8px}.glass-hero-meta i{width:6px;height:6px;border-radius:50%;background:#c9f36b;box-shadow:0 0 10px #c9f36b}
.glass-hero-meta b{color:#d5dedc;font-weight:600}
.glass-visual{position:relative;min-height:365px;height:100%;overflow:hidden;background:radial-gradient(ellipse at 52% 50%,#c9f36b19,transparent 48%)}
.visual-orbit{position:absolute;left:50%;top:50%;width:310px;height:310px;border:1px solid #c9f36b25;border-radius:50%;transform:translate(-50%,-50%)}
.orbit-b{width:390px;height:390px;border-style:dashed;border-color:#9eabb01c}
.glass-phone{position:absolute;top:50%;left:50%;border-radius:29px;border:2px solid #9ba6a8;background:linear-gradient(145deg,#59666a,#171f23 42%,#0d1317);box-shadow:18px 24px 45px #0009,inset 0 0 0 2px #ffffff17}
.phone-back{width:142px;height:270px;transform:translate(-82%,-45%) rotate(-13deg);background:linear-gradient(145deg,#34434a,#111a1f 70%);border-color:#637176}
.phone-camera{position:absolute;left:13px;top:14px;width:53px;height:62px;border-radius:17px;background:#101619;border:1px solid #839094;box-shadow:inset 0 0 0 4px #273237}
.phone-camera:before,.phone-camera:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#81959b 0 10%,#18252a 30% 65%,#05090b 70%);border:1px solid #708187}
.phone-camera:before{left:7px;top:7px}.phone-camera:after{right:6px;bottom:7px}
.phone-shine{position:absolute;inset:0;border-radius:27px;background:linear-gradient(110deg,#ffffff12,transparent 35%,#c9f36b09 70%,transparent)}
.phone-front{width:151px;height:292px;transform:translate(-5%,-52%) rotate(9deg);border-color:#d1d8d6;background:linear-gradient(140deg,#cbd1ce,#394347 10%,#10171a 80%);padding:7px;z-index:2}
.phone-speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:37px;height:5px;border-radius:5px;background:#070c0e;z-index:3}
.phone-screen{position:absolute;inset:8px;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 35% 35%,#e3f5ad 0,#9dbd65 16%,#293c31 43%,#111a1d 74%);border:1px solid #7e8980}
.screen-glow{position:absolute;width:160px;height:160px;left:-35px;top:48px;border-radius:50%;background:#d8f99a44;filter:blur(28px)}
.screen-cross{position:absolute;inset:0;background:linear-gradient(115deg,transparent 47%,#e6f5c326 48%,transparent 49%),linear-gradient(25deg,transparent 57%,#e6f5c31a 58%,transparent 59%)}
.phone-home{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:36px;height:3px;border-radius:4px;background:#d9e0dd;z-index:3}
.visual-tag{position:absolute;z-index:4;padding:9px 12px;border:1px solid #c9f36b52;background:#10191c;color:#e1e9dc;font:700 8px "DM Sans";letter-spacing:1.5px;box-shadow:0 8px 20px #0005}
.visual-tag span{color:#c9f36b;margin-right:7px}.tag-top{top:17%;right:10%}.tag-bottom{bottom:17%;left:8%}
.visual-orbit-dot{position:absolute;top:25%;left:29%;width:8px;height:8px;border-radius:50%;background:#c9f36b;box-shadow:0 0 22px 7px #c9f36b55}
.glass-search-panel{position:relative;margin:-1px 5.5% 0;padding:28px clamp(20px,4vw,48px) 31px;border:1px solid #dce5d1;background:#edf2e7;color:#18221c;box-shadow:0 22px 55px #0003}
.search-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.glass-step{color:#6b7c63;font-size:9px;font-weight:900;letter-spacing:1.8px}
.search-panel-heading h2{margin:7px 0 4px;font:700 clamp(22px,2.7vw,30px) "Space Grotesk";letter-spacing:-1px;color:#1b2820}
.search-panel-heading p{margin:0;color:#758174;font-size:12px}
.search-heading-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #cbd6c0;border-radius:50%;color:#5e783d;font-size:33px}
.glass-search{max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}
.glass-search label{display:block;margin-bottom:9px;color:#65725f;font-size:9px;font-weight:900;letter-spacing:1.4px}
.glass-search-row{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 18px;border:1px solid #cbd6c2;background:#fff;border-radius:3px;box-shadow:0 5px 16px #23351c0b}
.search-lens{color:#7e8d75;font-size:26px}
.glass-search input{flex:1;min-width:0;padding:12px 4px;border:0;outline:0;background:transparent;color:#1d2a20;font:600 15px "DM Sans"}
.glass-search input::placeholder{color:#a2aca0;font-weight:400}
.glass-search button{display:flex;align-items:center;gap:25px;min-height:49px;padding:0 18px;border:0;border-radius:2px;background:#b9e85a;color:#17220e;font-size:11px;font-weight:900;cursor:pointer;transition:background .2s,transform .2s}
.glass-search button:hover{background:#c9f36b;transform:translateY(-1px)}
.glass-search button b{font-size:18px}
.glass-search button:disabled{opacity:.55;cursor:wait;transform:none}
.search-hints{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;color:#899486;font-size:10px}
.search-hints button{min-height:0;padding:6px 10px;border:1px solid #d2dccb;border-radius:2px;background:transparent;color:#4d6045;font-size:10px;font-weight:700}
.search-hints button:hover{background:#dfe9d6}
.glass-results{margin:27px 5.5% 0;padding:25px 0 0;border:0;border-top:1px solid #29353b;border-radius:0;background:transparent;box-shadow:none}
.glass-results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 0 18px;border-bottom:1px solid #26343a}
.glass-results-head h2{margin:7px 0 0;color:#edf3ef;font:700 clamp(21px,2.5vw,28px) "Space Grotesk";letter-spacing:-.8px}
.glass-live{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #34463a;background:#152019;color:#a9c58d;font-size:9px;white-space:nowrap}
.glass-live i{width:6px;height:6px;border-radius:50%;background:#c9f36b;box-shadow:0 0 9px #c9f36b}
.glass-result-body{padding:20px 0}
.glass-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#87959a}
.glass-empty>b{margin-top:10px;color:#e7eee9;font-size:14px}
.glass-empty p{max-width:400px;margin:6px 0 0;color:#829095;font-size:11px;line-height:1.6}
.empty-art{position:relative;width:68px;height:68px;border:1px solid #566849;border-radius:50%;display:grid;place-items:center;color:#c9f36b;font-size:35px}
.empty-art i,.empty-art b{position:absolute;display:block;width:8px;height:8px;border:1px solid #c9f36b;border-radius:50%;background:#101a19}
.empty-art i{right:0;top:8px}.empty-art b{left:1px;bottom:9px}
.glass-group{position:relative;margin:0 0 13px;padding:20px 21px;border:1px solid #303d39;border-radius:3px;background:linear-gradient(105deg,#151f1e,#11191b);box-shadow:0 10px 25px #0002;overflow:hidden}
.glass-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c9f36b}
.glass-group-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.glass-group h3{margin:0;color:#f0f5ee;font:700 15px "Space Grotesk"}
.glass-count{padding:6px 9px;background:#26351f;color:#c9f36b;font-size:9px;font-weight:800;white-space:nowrap}
.glass-models{display:flex;flex-wrap:wrap;gap:7px}
.glass-model{padding:8px 11px;border:1px solid #3b4a43;border-radius:2px;background:#1b2824;color:#c6d3ca;font-size:10px}
.glass-model.is-match{border-color:#91b84c;background:#28371d;color:#d8f69a;font-weight:800}
.glass-source{display:inline-flex;margin-top:14px;color:#c9f36b;font-size:10px;text-decoration:none}.glass-source:hover{text-decoration:underline}
.glass-footnote{display:flex;align-items:flex-start;gap:11px;margin-top:8px;padding:13px 15px;border-left:2px solid #9cbf52;background:#131d1b;color:#8e9e98;font-size:10px;line-height:1.7}
.glass-footnote>span{color:#c9f36b;font-weight:900}.glass-footnote p{margin:0}
.glass-error{padding:17px;border:1px solid #714d4d;background:#2a1a1a;color:#ffcece;font-size:12px}
.glass-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:28px 5.5% 0;padding:17px 0;border-top:1px solid #26343a;color:#75838a;font-size:9px}
.glass-footer a{color:#b8d985;text-decoration:none}
@media(max-width:850px){.glass-hero{grid-template-columns:1fr .75fr}.glass-hero h1{font-size:clamp(39px,6vw,58px)}.glass-visual{min-height:320px}.glass-search-panel,.glass-results,.glass-footer{margin-left:2%;margin-right:2%}}
@media(max-width:620px){.glass-page{padding:15px 12px 28px}.glass-breadcrumb{margin-bottom:12px}.glass-hero{grid-template-columns:1fr;min-height:0}.glass-hero-copy{padding:28px 23px 8px}.glass-hero h1{font-size:49px;letter-spacing:-2.8px;margin:19px 0 12px}.glass-hero-copy>p{font-size:12px}.glass-hero-meta{margin-top:17px;gap:13px}.glass-visual{min-height:280px}.visual-orbit{width:230px;height:230px}.orbit-b{width:290px;height:290px}.phone-back{width:113px;height:216px}.phone-front{width:120px;height:232px}.tag-top{right:7%;top:12%}.tag-bottom{left:6%;bottom:12%}.glass-search-panel{margin:12px 0 0;padding:22px 17px}.search-panel-heading{margin-bottom:17px}.search-heading-icon{width:42px;height:42px;font-size:26px}.search-panel-heading h2{font-size:22px}.search-panel-heading p{font-size:10px}.glass-search-row{flex-wrap:wrap;gap:5px;padding:8px}.glass-search input{font-size:13px}.glass-search button{width:100%;justify-content:space-between;padding:0 14px}.glass-results{margin:25px 0 0}.glass-results-head{align-items:flex-start;flex-direction:column}.glass-live{white-space:normal}.glass-group{padding:15px}.glass-group h3{font-size:13px}.glass-model{font-size:9px;padding:7px 8px}.glass-footer{margin:24px 0 0;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.glass-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Uzmantech Glass Compatibility | futuristic device diagnostics */
:root{--gl-blue:#28bfff;--gl-cyan:#69f1ed}
body.glass-lab{background:#070b12;color:#eaf5ff;background-image:linear-gradient(#10223520 1px,transparent 1px),linear-gradient(90deg,#10223520 1px,transparent 1px),radial-gradient(ellipse at 50% -20%,#12395a66,transparent 58%);background-size:34px 34px,34px 34px,auto}
.glass-page{width:min(1380px,100%);padding:24px clamp(15px,4vw,60px) 38px;color:#eaf5ff}
.glass-breadcrumb{color:#60788c;font:600 10px "DM Sans";letter-spacing:1px;text-transform:uppercase}.glass-breadcrumb a{color:#8da9bd}.glass-breadcrumb b{color:#d6e8f5}
.glass-hero{min-height:440px;border:1px solid #21415b;border-radius:10px;background:linear-gradient(112deg,#0b1420,#0b1928 54%,#0a2131);box-shadow:0 28px 90px #0009,inset 0 1px #9bdfff12;grid-template-columns:1fr 1fr}
.glass-hero:before{background:linear-gradient(90deg,transparent 49.9%,#42baff12 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.9%,#42baff12 50%,transparent 50.2%);background-size:48px 48px}
.glass-hero:after{content:"";position:absolute;left:0;top:0;width:180px;height:2px;background:linear-gradient(90deg,#69f1ed,transparent);box-shadow:0 0 20px #28bfff}
.glass-eyebrow{color:#8cb6d0;letter-spacing:2.3px}.eyebrow-mark{border-radius:2px;transform:rotate(45deg);background:#69f1ed;box-shadow:0 0 15px #69f1ed}
.glass-hero h1{color:#f0f8ff;font-size:clamp(43px,5.5vw,76px);letter-spacing:-3.8px}.glass-hero h1 em{color:#69f1ed;text-shadow:0 0 28px #39d9eb50}
.glass-hero-copy>p{color:#9ab0c2}.glass-hero-meta{color:#7894a9}.glass-hero-meta b{color:#c5dbea}.glass-hero-meta i{background:#63efcb;box-shadow:0 0 12px #63efcb}
.glass-visual{min-height:440px;background:radial-gradient(ellipse at 52% 50%,#168dcb28,transparent 48%)}
.visual-orbit{width:330px;height:330px;border-color:#42bfff40;box-shadow:0 0 40px #168dcb12,inset 0 0 40px #168dcb0b}
.orbit-b{width:430px;height:430px;border-color:#62e9ed25;animation:gl-spin 48s linear infinite}
.glass-phone{border-color:#9edcf0;background:linear-gradient(145deg,#345b70,#101c29 45%,#07111a);box-shadow:18px 24px 55px #000b,inset 0 0 0 2px #c4eff21a}
.phone-back{width:150px;height:285px;background:linear-gradient(145deg,#244b62,#0b1724 70%);border-color:#4a9dbd}
.phone-camera{background:#07131e;border-color:#4f829a;box-shadow:inset 0 0 0 4px #1d3a4b}
.phone-camera:before,.phone-camera:after{background:radial-gradient(circle at 35% 35%,#8adcf0 0 8%,#1b3c50 30% 65%,#030910 70%);border-color:#6bb8d2}
.phone-front{width:158px;height:304px;border-color:#9eddf0;background:linear-gradient(140deg,#8bc9dc,#1b394c 10%,#08131d 80%)}
.phone-screen{background:radial-gradient(circle at 35% 35%,#9af7f2 0,#258eb5 17%,#123b59 44%,#081522 76%);border-color:#54c7e2}
.screen-glow{background:#53e9ef55}.screen-cross{background:linear-gradient(115deg,transparent 47%,#b9ffff32 48%,transparent 49%),linear-gradient(25deg,transparent 57%,#b9ffff1a 58%,transparent 59%)}
.visual-tag{border:1px solid #28769b;border-radius:3px;background:#091827ef;color:#ccefff;box-shadow:0 8px 25px #0008,0 0 18px #28bfff12}.visual-tag span{color:#69f1ed}.visual-orbit-dot{background:#69f1ed;box-shadow:0 0 22px 7px #69f1ed66}
.glass-search-panel{z-index:5;margin:-28px 5% 0;padding:30px clamp(20px,4vw,48px) 32px;border:1px solid #24516a;border-radius:8px;background:linear-gradient(115deg,#101e2b,#0d1925);color:#eaf5ff;box-shadow:0 25px 65px #0009,inset 0 1px #b6f2ff12}
.glass-step{color:#5fcde9;letter-spacing:2px}.search-panel-heading h2{color:#edf8ff}.search-panel-heading p{color:#849eb1}
.search-heading-icon{border:1px solid #27617e;border-radius:8px;color:#70e7f2;background:#0b2638;box-shadow:inset 0 0 22px #28bfff10}
.glass-search label{color:#7fa7bd}.glass-search-row{border:1px solid #2b526a;border-radius:5px;background:#07131f;box-shadow:inset 0 0 25px #0a2940}
.search-lens{color:#69ddec}.glass-search input{color:#e7f7ff}.glass-search input::placeholder{color:#597487}
.glass-search button{border:1px solid #50d5e6;border-radius:4px;background:linear-gradient(110deg,#137fb0,#13a8b7);color:#f1fdff;box-shadow:0 0 22px #16b9d52b}.glass-search button:hover{filter:brightness(1.2)}
.search-hints{color:#68869a}.search-hints button{border:1px solid #24465c;border-radius:3px;background:#0b1b29;color:#9dc5d8}.search-hints button:hover{border-color:#3bbbd5;background:#102b3c;color:#d8faff}
.glass-results{margin:31px 5% 0;border-top:1px solid #1b3b50}.glass-results-head{border-bottom:1px solid #1b3447}.glass-results-head h2{color:#edf8ff}
.glass-live{border:1px solid #1d5361;border-radius:3px;background:#0b242a;color:#75d8d4}.glass-live i{background:#65f2cb;box-shadow:0 0 9px #65f2cb}
.glass-empty{color:#8298aa}.glass-empty>b{color:#e1f2fb}.glass-empty p{color:#8298aa}
.empty-art{border:1px solid #28718c;color:#69f1ed;background:radial-gradient(circle,#12364b,#0b1825 70%);box-shadow:0 0 35px #28bfff16}.empty-art:after{border-color:#2a718c;animation:gl-spin 22s linear infinite}.empty-art i,.empty-art b{border-color:#69f1ed;background:#0b1825}
.glass-group{border:1px solid #21435a;border-radius:6px;background:linear-gradient(105deg,#0f1d2a,#0b1722);box-shadow:0 12px 30px #0004}.glass-group:before{background:linear-gradient(#69f1ed,#238ed3);box-shadow:0 0 14px #28bfff}.glass-group h3{color:#edf8ff}
.glass-count{border:1px solid #1d6176;border-radius:3px;background:#0b2936;color:#70e8ed}.glass-model{border:1px solid #24465c;border-radius:3px;background:#0b1c29;color:#b4cbd8}.glass-model.is-match{border-color:#35b9d0;background:#103449;color:#a5f8f3;box-shadow:0 0 14px #28bfff18}
.glass-source{color:#6ce8ed}.glass-footnote{border:1px solid #1b3d51;border-radius:4px;background:#0b1823;color:#8299aa}.glass-footnote>span{color:#69f1ed}
.glass-error{border-color:#814e58;border-radius:4px;background:#281820;color:#ffd0d7}.glass-footer{border-top:1px solid #1b3447;color:#6e8799}.glass-footer a{color:#73dce8}
@keyframes gl-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.glass-hero{grid-template-columns:1fr .8fr}.glass-visual{min-height:350px}.glass-search-panel,.glass-results,.glass-footer{margin-left:2%;margin-right:2%}}
@media(max-width:620px){.glass-hero{grid-template-columns:1fr}.glass-visual{min-height:290px}.visual-orbit{width:230px;height:230px}.orbit-b{width:290px;height:290px}.phone-back{width:113px;height:216px}.phone-front{width:120px;height:232px}.glass-search-panel{margin:12px 0 0}.glass-results,.glass-footer{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){.glass-lab *{transition:none!important;animation:none!important}}

/* Approved concept artwork: preserve the generated composition pixel-for-pixel */
body.glass-lab{background:#06101a!important;color:#eaf5ff!important}
.glass-image-page{width:100%;max-width:1720px;margin:0 auto;padding:0 0 42px}
.glass-artboard{position:relative;width:100%;line-height:0;overflow:hidden}
.glass-concept-image{display:block;width:100%;height:auto;margin:0}
.glass-image-search-label{position:absolute;left:12%;top:52%;width:64%;height:7.5%;overflow:hidden;opacity:0;pointer-events:none}
.glass-image-search-input{position:absolute;left:16.5%;top:52.5%;width:58%;height:6%;padding:0 1%;border:0;outline:0;background:transparent;color:transparent;caret-color:#08cfff;font:600 clamp(12px,1.3vw,20px) Arial;line-height:1}
.glass-image-search-input::placeholder{color:transparent}
.glass-image-search-input::-webkit-search-cancel-button{display:none}
.glass-image-search-button{position:absolute;left:76%;top:52%;width:11.5%;height:7.5%;padding:0;border:0;border-radius:40px;background:transparent;cursor:pointer}
.glass-image-language{position:absolute;right:11.5%;top:2.5%;width:7%;height:5.5%;opacity:0;cursor:pointer}
.glass-image-search-button:focus-visible,.glass-image-search-input:focus-visible{outline:2px solid #69f1ed;outline-offset:2px}
.glass-image-page .glass-results{margin:30px clamp(15px,4vw,60px) 0}
@media(max-width:620px){.glass-image-search-input{font-size:12px}.glass-image-search-button{border-radius:30px}.glass-image-language{right:10%;top:2%;width:9%;height:6%}}

/* Functional navigation zones placed over the header already drawn in the approved artwork */
.glass-artboard{position:relative}
.glass-hotspot-nav{position:absolute;z-index:8;inset:0 0 auto;height:10.8%;pointer-events:none}
.glass-hotspot-nav a{position:absolute;top:0;height:100%;display:block;pointer-events:auto;background:transparent;border:0;outline-offset:-3px}
.glass-hotspot-nav a:focus-visible{outline:2px solid #72f5ff}
.hotspot-logo{left:0;width:20%}
.hotspot-home{left:20%;width:10.5%}
.hotspot-archive{left:30.5%;width:12%}
.hotspot-glass{left:42.5%;width:14.5%}
.hotspot-tools{left:57%;width:9.5%}
.hotspot-support{left:66.5%;width:10%}
.hotspot-language{left:79%;width:9%}
.hotspot-login{left:88%;width:11.5%}
/* Search input and invisible button align to the artwork's printed controls */
.glass-image-search-input{left:14.2%;top:52.5%;width:59.2%;height:6%;padding:0 1%;border:0!important;border-radius:0!important;outline:0;background:transparent!important;color:#26384b!important;caret-color:#078fe9;font:500 clamp(12px,1.25vw,20px) Arial;line-height:1;box-shadow:none!important}
.glass-image-search-input::placeholder{color:#667789!important;opacity:1}
.glass-image-search-button{left:75.5%;top:52%;width:12%;height:7.5%;padding:0!important;border:0!important;border-radius:40px;background:transparent!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;appearance:none}
.glass-image-search-button:before,.glass-image-search-button:after{display:none!important;content:none!important}
.glass-image-search-button:focus-visible{outline:2px solid #69f1ed!important;outline-offset:2px}
@media(max-width:620px){
 .glass-hotspot-nav{height:10.8%}
 .glass-image-search-input{left:14%;top:52.5%;width:59%;height:6%;font-size:11px}
 .glass-image-search-button{left:75%;top:52%;width:13%;height:7.5%}
}

/* Supplied neon concept adapted to the real Uzmantech portal */
body.glass-code-page{margin:0;min-height:100vh;padding:0;background-color:#070913;background-image:radial-gradient(circle at 10% 20%,rgba(0,140,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,240,255,.10) 0%,transparent 40%);color:#fff;font-family:'Plus Jakarta Sans',sans-serif}
.glass-code-page *{box-sizing:border-box}
.glass-code-page .site-global-header{position:sticky;top:0;z-index:40}
.glass-code-page .glass-header-login{display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border-radius:25px;background:linear-gradient(135deg,#06f,#00a2ff);color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 0 20px #0066ff66;white-space:nowrap}
.glass-code-container{width:min(1280px,calc(100% - 40px));margin:34px auto 70px}
.glass-code-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;min-height:370px;margin-bottom:26px;padding:42px 50px;border:1px solid rgba(0,162,255,.3);border-radius:24px;background:linear-gradient(135deg,rgba(13,20,43,.86),rgba(6,10,22,.92));box-shadow:0 10px 40px #0008}
.glass-code-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 40%,rgba(0,240,255,.06),transparent 75%);pointer-events:none}
.glass-code-kicker{display:flex;align-items:center;gap:10px;color:#00d9ff;font-size:10px;font-weight:800;letter-spacing:2px}
.glass-code-kicker i,.glass-live i{width:7px;height:7px;border-radius:50%;background:#00e9ff;box-shadow:0 0 12px #00e9ff}
.glass-code-copy h1{margin:18px 0 14px;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.05;letter-spacing:-1.8px}
.glass-code-copy h1 span{color:#00f0ff;text-shadow:0 0 20px #00f0ff66}
.glass-code-copy>p{max-width:540px;margin:0 0 27px;color:#94a3b8;font-size:14px;line-height:1.7}
.glass-code-badges{display:flex;flex-wrap:wrap;gap:10px}
.glass-code-badge{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #00a2ff4d;border-radius:30px;background:#00a2ff18;color:#00eaff;font-size:17px}
.glass-code-badge span{color:#eaf7ff;font-size:11px;font-weight:600}
.glass-code-visual{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;perspective:900px}
.glass-code-orbit{position:absolute;width:270px;height:270px;border:1px solid #00dfff55;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 32px #00bfff24}
.glass-code-orbit.orbit-b{width:340px;height:340px;border-color:#008cff2b}
.glass-code-phone{position:relative;z-index:2;width:158px;height:270px;padding:9px;border:2px solid #56eaff;border-radius:27px;background:linear-gradient(145deg,#283b59,#070d1c 65%);box-shadow:0 0 34px #00bfff66;transform:rotateY(-13deg) rotateZ(-8deg)}
.glass-code-screen{position:absolute;inset:8px;border-radius:19px;background:radial-gradient(ellipse at 45% 20%,#1e9bff99,transparent 35%),linear-gradient(145deg,#101a38,#02050d 70%);border:1px solid #7cecff66}
.glass-code-camera{position:absolute;z-index:3;top:12px;left:50%;width:43px;height:7px;border-radius:10px;background:#02050d;transform:translateX(-50%)}
.glass-code-glass{position:absolute;z-index:4;width:155px;height:265px;border:2px solid #8df7ff;border-radius:26px;background:linear-gradient(135deg,#a9f5ff55,#148aff12 45%,#d4ffff33);box-shadow:inset 0 0 25px #65eaff55,0 0 25px #00dfff66;transform:translate(45px,-12px) rotate(13deg) skewY(-2deg)}
.glass-code-chip{position:absolute;z-index:5;padding:7px 10px;border:1px solid #00cfff66;border-radius:6px;background:#061323d9;color:#75edff;font-size:8px;font-weight:800;letter-spacing:1.5px}
.glass-code-chip.chip-one{top:15%;left:2%}.glass-code-chip.chip-two{right:0;bottom:16%}
.glass-code-search{position:relative;display:flex;align-items:center;gap:0;margin:0 0 22px;padding:7px 8px 7px 22px;border:1px solid #00a2ff88;border-radius:50px;background:rgba(12,18,38,.92);box-shadow:0 0 30px #008cff2c}
.glass-code-search-icon{flex:0 0 auto;margin-right:13px;color:#00eaff;font-size:27px;line-height:1}
.glass-code-search .search-box{width:100%;min-width:0;padding:13px 12px;border:0;outline:0;background:transparent;color:#fff;font:500 15px 'Plus Jakarta Sans',sans-serif;box-shadow:none}
.glass-code-search .search-box::placeholder{color:#8295ad}
.glass-code-search .search-btn{position:static;flex:0 0 auto;transform:none;padding:13px 25px;border:0;border-radius:30px;background:linear-gradient(135deg,#06f,#00a2ff);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 0 18px #0066ff66}
.glass-code-search .search-btn:disabled{opacity:.65;cursor:wait}
.glass-code-brands{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px;margin-bottom:25px}
.glass-code-brands .brand-card{min-width:0;min-height:76px;padding:15px 7px;border:1px solid #ffffff18;border-radius:15px;background:#0c1226a6;color:#eaf7ff;cursor:pointer;transition:.2s}
.glass-code-brands .brand-card:hover{border-color:#00f0ff;background:#00a2ff1a;box-shadow:0 0 20px #00f0ff30;transform:translateY(-3px)}
.glass-code-brands .brand-card b{font-size:clamp(10px,1vw,14px);font-weight:800}
.brand-samsung{color:#168fff}.brand-apple{color:#fff}.brand-xiaomi{color:#ff8a25}.brand-oppo{color:#00d59b}.brand-realme{color:#ffd52a}.brand-vivo{color:#168fff}.brand-huawei{color:#ff5366}.brand-honor{color:#6beaff}
.glass-code-page .glass-results{margin:24px 0 28px;padding:25px;border:1px solid #00a2ff44;border-radius:20px;background:linear-gradient(145deg,#0c1226d9,#080d1b);box-shadow:0 8px 32px #0005}
.glass-code-page .glass-results-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.glass-code-page .glass-step{color:#00dfff;font-size:9px;font-weight:800;letter-spacing:2px}
.glass-code-page .glass-results-head h2{margin:7px 0 0;color:#f3f8ff;font-size:22px}
.glass-code-page .glass-live{display:flex;align-items:center;gap:8px;color:#8da6c0;font-size:11px;white-space:nowrap}
.glass-code-page .glass-empty{padding:25px;border:1px dashed #1b5278;border-radius:13px;color:#dceeff;text-align:center}
.glass-code-page .glass-empty p{margin:8px 0 0;color:#94a3b8;font-size:12px}
.glass-code-page .glass-group{margin-top:13px;padding:18px;border:1px solid #14517a;border-radius:13px;background:#091a2c}
.glass-code-page .glass-group-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.glass-code-page .glass-group-top h3{margin:0;color:#eaf7ff;font-size:15px}
.glass-code-page .glass-count{color:#00dfff;font-size:11px}
.glass-code-page .glass-models{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.glass-code-page .glass-model{padding:7px 10px;border:1px solid #28516f;border-radius:8px;background:#10243a;color:#cfe4f7;font-size:11px}
.glass-code-page .glass-model.is-match{border-color:#00dfff;background:#00dfff18;color:#8cf7ff}
.glass-code-page .glass-source{color:#36dfff;font-size:11px;text-decoration:none}
.glass-code-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.glass-code-features .feature-card{padding:23px;border:1px solid #00a2ff40;border-radius:18px;background:rgba(12,18,38,.75);box-shadow:0 8px 32px #0005;transition:.2s}
.glass-code-features .feature-card:hover{border-color:#00f0ff;box-shadow:0 0 25px #00f0ff22}
.glass-code-features .feature-symbol{margin-bottom:12px;color:#00eaff;font-size:28px;text-shadow:0 0 15px #00eaff66}
.glass-code-features h3{margin:0 0 8px;font-size:15px}
.glass-code-features p{margin:0;color:#94a3b8;font-size:12px;line-height:1.7}
@media(max-width:1050px){.glass-code-brands{grid-template-columns:repeat(5,minmax(0,1fr))}.glass-code-hero{padding:35px;gap:15px}}
@media(max-width:760px){.glass-code-container{width:calc(100% - 26px);margin:20px auto 45px}.glass-code-hero{grid-template-columns:1fr;padding:27px 22px}.glass-code-visual{min-height:250px}.glass-code-features{grid-template-columns:1fr}.glass-code-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.glass-code-page .glass-results{padding:17px}.glass-code-page .glass-results-head{align-items:flex-start;flex-direction:column}.glass-code-search{padding:7px 7px 7px 13px}.glass-code-search .search-box{font-size:12px;padding:12px 4px}.glass-code-search .search-btn{padding:12px 13px;font-size:11px}}
@media(max-width:420px){.glass-code-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-code-copy h1{font-size:35px}.glass-code-search-icon{display:none}.glass-code-search .search-btn{padding:11px 10px}}

/* Full viewport layout and readable responsive typography */
body.glass-code-page{padding:0!important}
.glass-code-container{width:calc(100% - clamp(24px,3vw,72px))!important;max-width:none!important;margin:clamp(18px,2.2vw,34px) auto 64px!important}
.glass-code-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:clamp(24px,3.5vw,64px);min-height:clamp(390px,34vw,560px);padding:clamp(32px,4vw,70px)}
.glass-code-copy h1{font-size:clamp(42px,4.4vw,72px);letter-spacing:-.045em}
.glass-code-copy>p{max-width:720px;font-size:clamp(15px,1.15vw,19px)}
.glass-code-badge{padding:clamp(10px,.9vw,15px) clamp(13px,1.15vw,19px);font-size:clamp(17px,1.35vw,22px)}
.glass-code-badge span{font-size:clamp(12px,.9vw,15px)}
.glass-code-visual{min-height:clamp(330px,30vw,490px)}
.glass-code-phone{width:clamp(165px,14vw,230px);height:clamp(280px,24vw,390px)}
.glass-code-glass{width:clamp(160px,14vw,225px);height:clamp(275px,23.5vw,380px)}
.glass-code-orbit{width:clamp(290px,27vw,440px);height:clamp(290px,27vw,440px)}
.glass-code-orbit.orbit-b{width:clamp(350px,33vw,540px);height:clamp(350px,33vw,540px)}
.glass-code-search{margin-bottom:clamp(24px,2vw,36px);padding:10px 12px 10px 26px}
.glass-code-search .search-box{font-size:clamp(16px,1.2vw,20px);padding:16px 14px}
.glass-code-search .search-btn{font-size:clamp(14px,1vw,17px);padding:16px 32px}
.glass-code-brands{gap:clamp(12px,1.2vw,20px);margin-bottom:clamp(28px,2vw,38px)}
.glass-code-brands .brand-card{min-height:clamp(82px,6.2vw,108px);padding:18px 12px}
.glass-code-brands .brand-card b{font-size:clamp(13px,1.05vw,17px)}
.glass-code-page .glass-results{padding:clamp(24px,2vw,36px);margin:clamp(28px,2.2vw,42px) 0}
.glass-code-page .glass-results-head h2{font-size:clamp(23px,1.8vw,32px)}
.glass-code-page .glass-step{font-size:clamp(10px,.8vw,13px)}
.glass-code-page .glass-live{font-size:clamp(11px,.85vw,14px)}
.glass-code-page .glass-group{padding:clamp(18px,1.5vw,26px)}
.glass-code-page .glass-group-top h3{font-size:clamp(16px,1.15vw,20px)}
.glass-code-page .glass-model{font-size:clamp(12px,.9vw,15px);padding:9px 13px}
.glass-code-features{gap:clamp(18px,1.5vw,26px)}
.glass-code-features .feature-card{padding:clamp(24px,2vw,36px)}
.glass-code-features h3{font-size:clamp(16px,1.15vw,20px)}
.glass-code-features p{font-size:clamp(13px,.95vw,16px)}
@media(max-width:1100px){.glass-code-container{width:calc(100% - 28px)!important}.glass-code-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);padding:30px;gap:18px}}
@media(max-width:760px){.glass-code-container{width:calc(100% - 24px)!important;margin:16px auto 42px!important}.glass-code-hero{grid-template-columns:1fr;min-height:0;padding:28px 22px}.glass-code-copy h1{font-size:clamp(38px,8vw,52px)}.glass-code-visual{min-height:280px}.glass-code-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.glass-code-search .search-box{font-size:14px}.glass-code-search .search-btn{font-size:12px;padding:12px 14px}.glass-code-page .glass-results{padding:18px}.glass-code-features{grid-template-columns:1fr}}
@media(max-width:420px){.glass-code-container{width:calc(100% - 18px)!important}.glass-code-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-code-search{border-radius:18px;flex-wrap:wrap}.glass-code-search .search-box{flex:1 1 100%}.glass-code-search .search-btn{width:100%}}