
:root{--bg:#020d15;--panel:#071b27;--line:#153748;--white:#f4f8fb;--muted:#a9bac6;--orange:#ff5a00;--cyan:#24d7ff;--green:#35ef83;--violet:#a86bff;--lava:#ff7131}
*{box-sizing:border-box}html{background:#020d15;scroll-behavior:smooth}body{margin:0;background:#020d15;color:var(--white);font-family:Cairo,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.lab-page{min-height:100vh;position:relative;isolation:isolate;background:linear-gradient(180deg,#020d15 0%,#03131d 44%,#020c13 100%)}
.lab-page:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(2,13,21,.98) 0%,rgba(2,13,21,.93) 44%,rgba(2,13,21,.38) 74%,rgba(2,13,21,.12) 100%),url('/assets/lab/patterns/honeycomb-graphite.svg'),url('/assets/lab/patterns/carbon-weave.svg');background-size:auto,84px 96px,48px 48px;background-position:center,100% 0,100% 0;background-repeat:no-repeat,repeat,repeat;opacity:.92}.lab-page:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 88% 20%,rgba(36,215,255,.15),transparent 24%),radial-gradient(circle at 94% 58%,rgba(168,107,255,.16),transparent 22%),radial-gradient(circle at 91% 83%,rgba(255,90,0,.14),transparent 18%),linear-gradient(90deg,transparent 0 73%,rgba(2,13,21,.14) 100%)}
.lab-header{height:72px;display:flex;align-items:center;gap:30px;padding:0 clamp(18px,4vw,54px);border-bottom:1px solid rgba(132,190,219,.17);background:rgba(2,13,21,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.lab-brand img{display:block;width:clamp(158px,17vw,235px);height:auto}.lab-nav{display:flex;gap:24px;margin-inline-start:auto;align-items:center}.lab-nav a{font-size:13px;color:#d8e4eb;opacity:.88}.lab-nav a[aria-current=page]{color:#34ddff}.lab-header-actions{display:flex;align-items:center;gap:10px}.lab-lang-wrap{position:relative}.lab-lang{border:1px solid #265064;background:#071a25;color:#fff;border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:6px;cursor:pointer}.lab-lang svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.lab-language-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:210px;background:#082235;border:1px solid #27536b;border-radius:18px;padding:8px;box-shadow:0 20px 70px rgba(0,0,0,.38);z-index:70}.lab-language-menu[hidden]{display:none}.lab-language-menu a{display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:12px;color:#eaf4f8}.lab-language-menu a.active{background:#15384f}.lab-menu{width:44px;height:44px;border:0;background:transparent;display:none;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.lab-menu span{height:2px;width:26px;background:#fff;border-radius:10px}.lab-mobile-nav{position:fixed;top:72px;inset-inline:10px;display:none;flex-direction:column;padding:14px;background:#082235;border:1px solid #27536b;border-radius:18px;z-index:45}.lab-mobile-nav.open{display:flex}.lab-mobile-nav a{padding:11px 12px;border-radius:12px}.lab-mobile-nav a[aria-current=page]{background:#15384f;color:#39e4ff}
.lab-wrap{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:58px 0 42px}.lab-intro{max-width:760px;position:relative;padding-right:10px;margin-bottom:30px}.lab-eyebrow,.lab-kicker,.switch-title,.lab-cta small{display:block;color:#4edcff;font-size:12px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}.lab-intro h1{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:12px 0 18px}.lab-intro h1 em{font-style:normal;color:var(--orange)}.lab-intro p{color:#c4d2da;max-width:700px;font-size:16px;line-height:1.6;margin:0}.lab-scanner{display:flex;gap:9px;align-items:center;width:max-content;margin-top:18px;position:relative;padding:5px 1px}.lab-scanner span{width:9px;height:9px;border-radius:50%;background:rgba(45,221,119,.38);box-shadow:0 0 0 rgba(53,239,131,0)}.lab-scanner:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:3px;left:0;background:#4dff99;box-shadow:0 0 8px #4dff99,0 0 22px rgba(77,255,153,.9);animation:kitt 2.6s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes kitt{from{transform:translateX(0)}to{transform:translateX(108px)}}
.lab-panel{position:relative;border:1px solid rgba(62,142,177,.32);border-radius:28px;overflow:hidden}.lab-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(92deg,rgba(5,24,35,.96) 0%,rgba(5,24,35,.94) 70%,rgba(5,24,35,.47) 89%,rgba(5,24,35,.15) 100%);backdrop-filter:blur(14px)}.lab-panel:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 92% 12%,rgba(36,215,255,.1),transparent 29%),radial-gradient(circle at 95% 79%,rgba(168,107,255,.12),transparent 25%)}
.exhibit{padding:26px 26px 20px}.exhibit-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:18px}.exhibit-head h2{font-size:clamp(27px,3vw,41px);line-height:1.1;margin:8px 0 0}.exhibit-summary{max-width:420px;text-align:right;color:#bdd0da;margin:6px 0 0;line-height:1.5}.device-zone{position:relative;min-height:720px;margin-top:10px}.phone-wrap{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-2deg);width:min(38%,330px);filter:drop-shadow(0 26px 40px rgba(0,0,0,.45));animation:labFloat 6s ease-in-out infinite}.phone-shell{position:relative;border-radius:42px;padding:8px;background:linear-gradient(145deg,#cfd7dc,#252c31 22%,#0a0c0f 72%,#7c858c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 0 0 1px #000}.phone-screen{position:relative;overflow:hidden;border-radius:35px;background:#00111d;aspect-ratio:640/1330}.phone-screen>img{width:100%;height:100%;display:block;object-fit:cover}.phone-hole{position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#010509;box-shadow:0 0 0 3px rgba(20,25,30,.7),inset 0 0 0 2px #07131c}.target-anchor{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);opacity:.01;pointer-events:none}.hotspot-btn{position:absolute;z-index:9;border:1px solid color-mix(in srgb,var(--spot) 80%,white 20%);background:rgba(2,13,21,.8);color:#fff;width:52px;height:52px;border-radius:50%;font-weight:800;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.18),0 0 20px color-mix(in srgb,var(--spot) 50%,transparent);transition:.2s}.hotspot-btn:hover,.hotspot-btn.active{transform:scale(1.08);background:color-mix(in srgb,var(--spot) 25%,#06131c 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--spot) 55%,transparent),0 0 28px color-mix(in srgb,var(--spot) 80%,transparent)}.hotspot-btn .hotspot-label{position:absolute;white-space:nowrap;font-size:13px;font-weight:700;top:50%;transform:translateY(-50%);color:var(--spot);text-shadow:0 0 12px rgba(0,0,0,.8)}.hotspot-btn.left .hotspot-label{left:64px}.hotspot-btn.right .hotspot-label{right:64px}.connector-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.connector-path{fill:none;stroke:var(--spot);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:3.4 6;opacity:.8;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--spot) 65%,transparent));transition:opacity .2s,stroke-width .2s}.connector-path.active{stroke-width:2.2;opacity:1}.connector-dot{fill:var(--spot);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--spot) 85%,transparent))}.hotspot-info{position:absolute;z-index:10;right:3%;top:2%;width:min(330px,34%);padding:18px;border:1px solid var(--spot);border-radius:20px;background:linear-gradient(135deg,rgba(5,27,37,.95),rgba(4,19,29,.72));box-shadow:0 0 30px color-mix(in srgb,var(--spot) 14%,transparent);backdrop-filter:blur(18px)}.hotspot-info-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.hotspot-info-num{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--spot);border-radius:50%;font-weight:800;color:#fff;box-shadow:0 0 15px color-mix(in srgb,var(--spot) 45%,transparent)}.hotspot-info h3{font-size:18px;margin:0}.hotspot-info .what{color:#d8e7ed;font-size:14px;line-height:1.45;margin:0 0 7px}.hotspot-info .why{color:#9fc1ce;font-size:13px;line-height:1.5;margin:0}.hotspot-info .why strong{color:var(--spot)}
.client-switcher{margin-top:12px;padding:14px 16px;border:1px solid rgba(64,133,164,.28);border-radius:22px;background:rgba(3,18,28,.54);backdrop-filter:blur(12px)}.switch-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.switch-sub{font-size:12px;color:#9eb5c2}.client-cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.client-card{min-height:70px;border:1px solid #183c50;border-radius:15px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:rgba(3,16,25,.8)}.client-card.active{border-color:#ff6500;box-shadow:0 0 20px rgba(255,90,0,.12)}.client-card img{width:52px;height:52px;border-radius:11px;object-fit:cover}.client-card img.sd-mark{object-fit:contain;padding:7px;background:#08121a}.client-card strong{display:block}.client-card small{color:#95aebc}.client-arrow{margin-inline-start:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ff5a00}
.result{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin:24px 0}.result-copy{padding:26px 10px 22px 4px}.result-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.02;margin:8px 0 12px}.result-copy p{color:#b7c9d2;line-height:1.6;max-width:600px}.result-copy a{color:#38dcff;font-weight:800}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}.result-card{padding:20px 16px;border:1px solid #17445b;border-radius:20px;background:linear-gradient(120deg,rgba(6,28,40,.9),rgba(7,24,34,.45));min-height:190px}.result-icon{font-size:28px;color:#30dbff}.result-card b{display:block;font-size:17px;margin:9px 0}.result-card p{font-size:13px;color:#aabfc9;line-height:1.45;margin:0}.lab-cta{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;margin-top:18px;border:1px solid #ff5a00;border-radius:24px;background:linear-gradient(90deg,rgba(5,22,31,.93) 0%,rgba(5,22,31,.76) 75%,rgba(28,14,8,.72) 100%);box-shadow:0 0 34px rgba(255,90,0,.08)}.lab-cta-mark{width:68px;height:68px;object-fit:contain}.lab-cta h2{margin:4px 0;font-size:clamp(22px,2.5vw,34px)}.lab-cta p{margin:0;color:#b8c8d0}.lab-btn{border:0;border-radius:14px;background:#ff5a00;color:white;font-weight:800;padding:15px 20px;cursor:pointer;box-shadow:0 9px 28px rgba(255,90,0,.26)}.lab-footer{max-width:1180px;margin:0 auto;padding:28px 18px 34px;display:flex;align-items:center;gap:26px;border-top:1px solid rgba(96,152,180,.16)}.lab-footer img{width:180px}.lab-footer nav{display:flex;gap:18px;margin-inline:auto}.lab-footer nav a{font-size:12px;color:#c8d5dc}.lab-footer small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8199a5}
.sd-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,7,12,.68);display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s;backdrop-filter:blur(10px)}.sd-modal-backdrop[hidden]{display:none}.sd-modal-backdrop.open{opacity:1}.sd-modal{width:min(430px,100%);position:relative;padding:26px;border:1px solid rgba(79,180,207,.35);border-radius:26px;background:linear-gradient(145deg,rgba(4,24,34,.98),rgba(6,18,29,.95));box-shadow:0 30px 100px rgba(0,0,0,.5);overflow:hidden}.sd-modal:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 0 65%,rgba(168,107,255,.08) 100%),url('/assets/lab/patterns/honeycomb-graphite.svg');background-size:auto,84px 96px;opacity:.45}.sd-modal>*{position:relative}.sd-modal-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#0f3043;color:#fff;font-size:24px;cursor:pointer}.sd-modal-logo{width:210px;max-width:65%;margin-bottom:10px}.sd-modal h2{font-size:26px;margin:8px 0}.sd-modal>p{color:#b7c9d2;margin:0 0 18px}.sd-contact-option{display:flex;align-items:center;gap:12px;padding:13px;margin-top:10px;border:1px solid #24506a;border-radius:16px;background:rgba(6,29,42,.8)}.contact-app{width:38px;height:38px}.contact-app svg{width:38px;height:38px}.sd-contact-option strong,.sd-contact-option small{display:block}.sd-contact-option small{color:#9cb5c2}.chevron{margin-inline-start:auto}.sd-private{display:block;text-align:center;color:#8fa9b6;margin-top:14px}
@keyframes labFloat{0%,100%{transform:translate(-50%,-50%) rotate(-2deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-2deg) translateY(-3px)}}
@media(max-width:900px){.lab-nav{display:none}.lab-menu{display:flex}.lab-wrap{width:min(100% - 18px,720px);padding-top:30px}.lab-header{height:68px;padding:0 14px;gap:10px}.lab-brand img{width:155px}.lab-intro{padding:0 8px}.lab-intro h1{font-size:clamp(34px,9vw,48px)}.lab-intro p{font-size:14px}.exhibit{padding:16px 10px 14px}.exhibit-head{display:block;padding:0 6px}.exhibit-summary{text-align:start;font-size:13px;margin-top:8px}.device-zone{min-height:650px}.phone-wrap{width:min(58vw,300px);top:49%;animation:labFloatMobile 6s ease-in-out infinite}.hotspot-btn{width:42px;height:42px;font-size:12px}.hotspot-btn .hotspot-label{display:none}.hotspot-info{position:absolute;top:auto;bottom:-14px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 22px);padding:13px 14px;border-radius:16px}.hotspot-info-head{margin-bottom:4px}.hotspot-info-num{width:34px;height:34px}.hotspot-info h3{font-size:15px}.hotspot-info .what{font-size:12px;margin-bottom:4px}.hotspot-info .why{font-size:11px}.hotspot-btn[data-i="1"]{left:1%;top:15%}.hotspot-btn[data-i="2"]{left:1%;top:32%}.hotspot-btn[data-i="3"]{left:1%;top:49%}.hotspot-btn[data-i="4"]{left:1%;top:68%}.hotspot-btn[data-i="5"]{right:1%;top:52%}.hotspot-btn[data-i="6"]{right:1%;top:16%}.hotspot-btn[data-i="7"]{right:1%;top:73%}.client-switcher{margin-top:34px}.switch-head{display:block}.switch-sub{display:block;margin-top:4px}.client-cards{grid-template-columns:1.25fr .8fr .8fr}.client-card{padding:6px;gap:6px;min-width:0}.client-card img{width:38px;height:38px}.client-card strong{font-size:12px}.client-card small{font-size:10px}.client-arrow{width:28px;height:28px}.result{grid-template-columns:1fr;margin-top:18px}.result-copy{padding:18px 7px 4px}.result-cards{grid-template-columns:repeat(3,1fr);gap:7px}.result-card{min-height:140px;padding:14px 10px}.result-card b{font-size:13px}.result-card p{font-size:10px}.lab-cta{grid-template-columns:54px 1fr;padding:18px 14px}.lab-cta-mark{width:50px;height:50px}.lab-cta .lab-btn{grid-column:1/-1;width:100%}.lab-footer{display:block;text-align:center}.lab-footer img{width:155px}.lab-footer nav{justify-content:center;flex-wrap:wrap;margin:18px 0}.lab-footer small{display:block}.lab-language-menu{position:fixed;top:64px;right:10px;left:auto;width:min(270px,calc(100vw - 20px))}.lab-page:before{background-image:linear-gradient(90deg,rgba(2,13,21,.96) 0%,rgba(2,13,21,.76) 54%,rgba(2,13,21,.18) 100%),url('/assets/lab/patterns/honeycomb-graphite.svg'),url('/assets/lab/patterns/carbon-weave.svg');background-size:auto,72px 82px,42px 42px}.lab-page:after{background:radial-gradient(circle at 100% 19%,rgba(36,215,255,.15),transparent 28%),radial-gradient(circle at 98% 56%,rgba(168,107,255,.16),transparent 26%),radial-gradient(circle at 96% 87%,rgba(255,90,0,.14),transparent 23%)} }
@keyframes labFloatMobile{0%,100%{transform:translate(-50%,-50%) rotate(-1.4deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-1.4deg) translateY(-2px)}}
@media(max-width:430px){.lab-brand img{width:145px}.lab-lang{padding:9px 10px}.lab-intro h1{font-size:34px}.device-zone{min-height:610px}.phone-wrap{width:61vw;max-width:280px}.hotspot-btn{width:39px;height:39px}.hotspot-info{bottom:-18px}.client-switcher{margin-top:42px}.result-cards{grid-template-columns:1fr 1fr 1fr}.result-card{padding:12px 7px}.result-icon{font-size:22px}.lab-cta h2{font-size:20px}}
[dir="rtl"] .exhibit-summary{text-align:left}[dir="rtl"] .sd-modal-close{right:auto;left:14px}[dir="rtl"] .lab-panel:before{background:linear-gradient(268deg,rgba(5,24,35,.96) 0%,rgba(5,24,35,.94) 70%,rgba(5,24,35,.47) 89%,rgba(5,24,35,.15) 100%)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.lab-scanner:after,.phone-wrap{animation:none!important}}


/* v0.9.11 Lab refinement: visual lock cleanup */
.lab-scanner span{background:rgba(53,239,131,.34);box-shadow:0 0 7px rgba(53,239,131,.15)}
.lab-scanner:before{content:"";position:absolute;left:-4px;top:1px;width:34px;height:17px;border-radius:20px;background:radial-gradient(ellipse,rgba(77,255,153,.4),rgba(77,255,153,0) 72%);filter:blur(2px);animation:kittBeam 2.6s cubic-bezier(.45,0,.55,1) infinite alternate;pointer-events:none}
.lab-scanner:after{box-shadow:0 0 9px #4dff99,0 0 25px rgba(77,255,153,.95),0 0 42px rgba(77,255,153,.42)}
@keyframes kittBeam{from{transform:translateX(0)}to{transform:translateX(104px)}}

.lab-page:before{opacity:.98;background-image:linear-gradient(90deg,rgba(2,13,21,.97) 0%,rgba(2,13,21,.88) 43%,rgba(2,13,21,.46) 73%,rgba(2,13,21,.08) 100%),url('/assets/lab/patterns/honeycomb-graphite.svg'),url('/assets/lab/patterns/carbon-weave.svg')}
.lab-page:after{background:radial-gradient(circle at 91% 18%,rgba(36,215,255,.18),transparent 25%),radial-gradient(circle at 96% 55%,rgba(168,107,255,.20),transparent 24%),radial-gradient(circle at 94% 84%,rgba(255,90,0,.17),transparent 21%),linear-gradient(90deg,transparent 0 70%,rgba(2,13,21,.06) 100%)}
.lab-panel:before{background:linear-gradient(96deg,rgba(5,24,35,.95) 0%,rgba(5,24,35,.91) 58%,rgba(5,24,35,.72) 73%,rgba(5,24,35,.32) 88%,rgba(5,24,35,.09) 100%)}
.lab-panel:after{background:radial-gradient(ellipse at 98% 16%,rgba(36,215,255,.13),transparent 31%),radial-gradient(ellipse at 96% 76%,rgba(168,107,255,.16),transparent 30%),radial-gradient(ellipse at 102% 96%,rgba(255,90,0,.08),transparent 24%)}

.device-zone{min-height:690px}
.phone-wrap{width:min(34%,350px);top:52%}
.hotspot-info{right:3.2%;top:1.5%;width:min(330px,31%);background:linear-gradient(135deg,rgba(5,27,37,.93),rgba(4,19,29,.56));}
.hotspot-btn{width:48px;height:48px}
.hotspot-btn[data-i="1"]{left:5%!important;top:18%!important}
.hotspot-btn[data-i="2"]{left:5%!important;top:37%!important}
.hotspot-btn[data-i="3"]{left:5%!important;top:55%!important}
.hotspot-btn[data-i="4"]{left:5%!important;top:74%!important}
.hotspot-btn[data-i="5"]{right:5%!important;top:57%!important}
.hotspot-btn[data-i="6"]{right:5%!important;top:27%!important}
.hotspot-btn[data-i="7"]{right:5%!important;top:76%!important}
.connector-path{stroke-width:1.25;stroke-dasharray:2.2 7.4;opacity:.46;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--spot) 58%,transparent))}
.connector-path.active{stroke-width:1.65;opacity:.96;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--spot) 76%,transparent))}
.connector-dot{opacity:.8}
.hotspot-info{transition:border-color .2s,box-shadow .2s,transform .18s,opacity .18s}
.hotspot-info.info-pop{animation:infoPop .28s ease}
@keyframes infoPop{0%{transform:translateY(5px);opacity:.72}100%{transform:translateY(0);opacity:1}}

.client-switcher{margin-top:18px;background:linear-gradient(95deg,rgba(3,18,28,.72),rgba(3,18,28,.44) 74%,rgba(3,18,28,.18));}
.result-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:8px 12px;border:1px solid rgba(56,220,255,.55);border-radius:999px;background:rgba(15,55,70,.34);box-shadow:0 0 18px rgba(36,215,255,.08);transition:.18s}
.result-copy a:hover{background:rgba(21,82,102,.46);box-shadow:0 0 24px rgba(36,215,255,.16);transform:translateY(-1px)}
.result-card{position:relative;overflow:hidden;background:linear-gradient(118deg,rgba(6,28,40,.83),rgba(7,24,34,.42) 72%,rgba(7,24,34,.16));}
.result-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 104% 14%,rgba(36,215,255,.09),transparent 30%);}
.result-icon-img{display:block;width:50px;height:50px;object-fit:contain;margin-bottom:5px;filter:saturate(.92)}
.lab-cta{background:linear-gradient(94deg,rgba(5,22,31,.91) 0%,rgba(5,22,31,.69) 69%,rgba(28,14,8,.36) 88%,rgba(28,14,8,.12) 100%)}

/* Keep the client template selector ordered consistently in RTL locales. */
[dir="rtl"] .client-switcher,[dir="rtl"] .client-cards{direction:ltr}
[dir="rtl"] .client-card>div{direction:rtl;text-align:right}
[dir="rtl"] .switch-head{direction:rtl}
[dir="rtl"] .exhibit-summary{text-align:left}

@media(max-width:900px){
  .lab-panel:before{background:linear-gradient(102deg,rgba(5,24,35,.95) 0%,rgba(5,24,35,.86) 57%,rgba(5,24,35,.52) 75%,rgba(5,24,35,.18) 91%,rgba(5,24,35,.06) 100%)}
  .device-zone{min-height:760px;margin-top:6px}
  .phone-wrap{width:min(68vw,285px);top:40%;animation:labFloatMobile 6s ease-in-out infinite}
  .hotspot-btn{width:40px;height:40px;font-size:11px}
  .hotspot-btn[data-i="1"]{left:0!important;top:11%!important}
  .hotspot-btn[data-i="3"]{left:0!important;top:25%!important}
  .hotspot-btn[data-i="2"]{left:0!important;top:39%!important}
  .hotspot-btn[data-i="4"]{left:0!important;top:61%!important}
  .hotspot-btn[data-i="6"]{right:0!important;top:11%!important}
  .hotspot-btn[data-i="5"]{right:0!important;top:49%!important}
  .hotspot-btn[data-i="7"]{right:0!important;top:65%!important}
  .connector-path{stroke-width:1.05;stroke-dasharray:2 6.7;opacity:.42}
  .connector-path.active{stroke-width:1.45;opacity:.98}
  .hotspot-info{top:auto;bottom:8px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 18px);padding:14px 15px;background:linear-gradient(118deg,rgba(5,27,37,.91),rgba(4,19,29,.56) 76%,rgba(4,19,29,.25));}
  .hotspot-info.info-pop{animation:infoPopMobile .28s ease}
  @keyframes infoPopMobile{0%{transform:translateX(-50%) translateY(5px);opacity:.72}100%{transform:translateX(-50%) translateY(0);opacity:1}}
  .client-switcher{margin-top:20px;padding:13px 12px;overflow:hidden}
  .client-cards{display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:2px;scrollbar-width:none;direction:ltr}
  .client-cards::-webkit-scrollbar{display:none}
  .client-card{flex:0 0 165px;min-height:66px;scroll-snap-align:start;padding:7px 8px}
  .client-card.active{flex-basis:184px}
  .client-card img{width:42px;height:42px}
  .client-card strong{font-size:12px}.client-card small{font-size:10px}
  [dir="rtl"] .client-card>div{direction:rtl;text-align:right}
  .result-icon-img{width:40px;height:40px}
  .result-copy a{padding:9px 13px}
}
@media(max-width:430px){
  .device-zone{min-height:735px}
  .phone-wrap{width:min(67vw,276px);top:39.5%}
  .hotspot-info{bottom:6px}
  .client-switcher{margin-top:18px}
  .result-icon-img{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.lab-scanner:before{animation:none!important}}


/* ServiceDash Lab v0.9.12 - unified mobile header, flags and share action */
.lab-header{direction:ltr}
.lab-header-actions{margin-left:auto;margin-inline-start:auto;direction:ltr}
.lab-lang{height:42px;min-width:66px;padding:0 10px;border-radius:14px;gap:6px;justify-content:center;line-height:1}
.lab-current-flag{font-size:18px;line-height:1;filter:saturate(.92)}
.lab-current-code{font-size:12px;font-weight:800;letter-spacing:.04em}
.lab-lang svg{width:13px;height:13px}
.lab-share{width:42px;height:42px;flex:0 0 42px;border:1px solid #265064;background:#071a25;color:#eaf4f8;border-radius:14px;display:grid;place-items:center;cursor:pointer}
.lab-share svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lab-share:hover,.lab-lang:hover{border-color:#3d7188;background:#0a2230}
.lab-language-menu a{direction:ltr;gap:10px}
.lab-language-menu .lab-flag{width:24px;font-size:20px;line-height:1;text-align:center;flex:0 0 24px}
.lab-language-menu .lab-language-name{flex:1;min-width:0}
.lab-language-menu small{font-size:10px;letter-spacing:.08em;opacity:.55;margin-left:auto}
html[dir=rtl] .lab-nav{direction:rtl}
html[dir=rtl] .lab-mobile-nav{direction:rtl;text-align:right}

@media(max-width:900px){
  .lab-header{height:68px;padding:0 12px;gap:8px;justify-content:flex-start;direction:ltr}
  .lab-brand{flex:0 1 auto;min-width:0;margin-right:auto}
  .lab-brand img{width:clamp(132px,39vw,155px);max-width:155px}
  .lab-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto;direction:ltr;flex:0 0 auto}
  .lab-lang{height:40px;min-width:62px;padding:0 8px;border-radius:13px;gap:5px}
  .lab-current-flag{font-size:17px}
  .lab-current-code{font-size:11px}
  .lab-share{width:40px;height:40px;flex-basis:40px;border-radius:13px}
  .lab-share svg{width:20px;height:20px}
  .lab-menu{width:40px;height:40px;flex:0 0 40px;display:flex}
  .lab-menu span{width:24px}
  .lab-language-menu{position:fixed;top:64px;right:58px;left:auto;width:min(260px,calc(100vw - 76px));direction:ltr}
}
@media(max-width:380px){
  .lab-header{padding:0 9px;gap:5px}
  .lab-brand img{width:126px}
  .lab-header-actions{gap:4px}
  .lab-lang{min-width:58px;padding:0 6px}
  .lab-share,.lab-menu{width:38px;height:38px;flex-basis:38px}
}

/* v0.9.8.0: unified navigation and desktop flag visibility */
.lab-language-menu .lab-flag{display:inline-flex!important;align-items:center;justify-content:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.lab-nav-contact,.lab-mobile-nav .lab-nav-contact{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;text-decoration:none}
.lab-mobile-nav .lab-nav-contact{width:100%;text-align:start;padding:12px 14px}

/* v0.9.8.0 nav contact parity */
.lab-nav .lab-nav-contact{font-size:13px;color:#d8e4eb;opacity:.88}.lab-nav .lab-nav-contact:hover{opacity:1;color:#fff}.lab-mobile-nav .lab-nav-contact{color:#d8e4eb;border-radius:12px}.lab-mobile-nav .lab-nav-contact:hover{background:#15384f;color:#39e4ff}

/* v0.9.8.1: real cross-platform flag assets */
.lab-language-menu .lab-flag,.lab-current-flag{overflow:hidden;border-radius:3px}
.lab-language-menu .lab-flag img{display:block!important;width:24px;height:18px;object-fit:contain}
.lab-current-flag img{display:block!important;width:24px;height:18px;object-fit:contain}
