{"id":22200,"date":"2021-11-04T10:20:50","date_gmt":"2021-11-04T06:20:50","guid":{"rendered":"https:\/\/starleddisplay.comhome-2\/"},"modified":"2026-06-25T16:52:37","modified_gmt":"2026-06-25T12:52:37","slug":"home","status":"publish","type":"page","link":"https:\/\/starleddisplay.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n

\r\n :root {\r\n --black: #000;\r\n --ink: #070709;\r\n --ink-2: #0c0c10;\r\n --ink-3: #13131a;\r\n --line: rgba(110, 193, 228, .16);\r\n --line-2: rgba(255, 255, 255, .08);\r\n --blue: #6EC1E4;\r\n --blue-deep: #2A93BD;\r\n --blue-glow: rgba(110, 193, 228, .35);\r\n --red: #DC0000;\r\n --red-glow: rgba(220, 0, 0, .35);\r\n --white: #fff;\r\n --mute: rgba(255, 255, 255, .62);\r\n --mute-2: rgba(255, 255, 255, .42);\r\n \/* tweakable theme *\/\r\n --t-accent: #6EC1E4;\r\n --t-accent-deep: #2A93BD;\r\n --t-accent-glow: rgba(110, 193, 228, .35);\r\n --t-accent-soft: rgba(110, 193, 228, .16);\r\n --t-pixel-size: 14px;\r\n --t-pixel-alpha: .18;\r\n --t-section-pad: 120px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box\r\n }\r\n\r\n html,\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Montserrat', system-ui, sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n font-feature-settings: \"ss01\", \"cv11\"\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n overscroll-behavior-y: none\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n\r\n img {\r\n display: block;\r\n max-width: 100%\r\n }\r\n\r\n button {\r\n font-family: inherit;\r\n cursor: pointer;\r\n border: 0;\r\n background: none;\r\n color: inherit\r\n }\r\n\r\n .wrap {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 32px\r\n }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n color: var(--blue)\r\n }\r\n\r\n .eyebrow::before {\r\n content: \"\";\r\n width: 28px;\r\n height: 1px;\r\n background: var(--blue)\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4 {\r\n margin: 0;\r\n font-weight: 700;\r\n letter-spacing: -.02em;\r\n line-height: 1.05\r\n }\r\n\r\n p {\r\n margin: 0;\r\n line-height: 1.6;\r\n color: var(--mute)\r\n }\r\n\r\n \/* ============ NAV ============ *\/\r\n .nav {\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n background: rgba(0, 0, 0, .78);\r\n backdrop-filter: blur(14px);\r\n border-bottom: 1px solid var(--line-2)\r\n }\r\n\r\n .nav-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 800;\r\n font-size: 18px;\r\n letter-spacing: .04em\r\n }\r\n\r\n .logo-mark {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 8px;\r\n background:\r\n radial-gradient(circle at 30% 30%, #fff 0 1.2px, transparent 1.5px) 0 0\/6px 6px,\r\n linear-gradient(135deg, var(--blue), var(--blue-deep));\r\n box-shadow: 0 0 24px var(--blue-glow), inset 0 0 0 1px rgba(255, 255, 255, .2)\r\n }\r\n\r\n .logo span b {\r\n color: var(--blue)\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: var(--mute)\r\n }\r\n\r\n .nav-links a:hover {\r\n color: var(--white)\r\n }\r\n\r\n .nav-cta {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 20px;\r\n border-radius: 999px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n letter-spacing: .02em;\r\n transition: transform .15s ease, background .15s ease, box-shadow .2s ease\r\n }\r\n\r\n .btn-primary {\r\n background: var(--blue);\r\n color: #031018;\r\n box-shadow: 0 10px 30px -10px var(--blue-glow), 0 0 0 1px rgba(255, 255, 255, .06) inset\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 14px 34px -8px var(--blue-glow)\r\n }\r\n\r\n .btn-ghost {\r\n border: 1px solid var(--line);\r\n color: var(--white)\r\n }\r\n\r\n .btn-ghost:hover {\r\n border-color: var(--blue);\r\n color: var(--blue)\r\n }\r\n\r\n .btn-red {\r\n background: var(--red);\r\n color: #fff;\r\n box-shadow: 0 10px 30px -10px var(--red-glow)\r\n }\r\n\r\n .btn .arr {\r\n display: inline-block;\r\n width: 14px;\r\n height: 1.5px;\r\n background: currentColor;\r\n position: relative\r\n }\r\n\r\n .btn .arr::after {\r\n content: \"\";\r\n position: absolute;\r\n right: 0;\r\n top: -3px;\r\n width: 7px;\r\n height: 7px;\r\n border-right: 1.5px solid currentColor;\r\n border-top: 1.5px solid currentColor;\r\n transform: rotate(45deg)\r\n }\r\n\r\n \/* ============ HERO ============ *\/\r\n .hero {\r\n position: relative;\r\n padding: 72px 0 60px;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(ellipse 90% 60% at 50% 0%, var(--t-accent-soft), transparent 60%),\r\n radial-gradient(ellipse 60% 40% at 80% 100%, rgba(220, 0, 0, .08), transparent 60%),\r\n #000\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle, var(--t-accent-soft) 0.6px, transparent 1px);\r\n background-size: 14px 14px;\r\n mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 30%, transparent 75%);\r\n pointer-events: none\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n text-align: center;\r\n z-index: 2\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(36px, 5.4vw, 76px);\r\n font-weight: 800;\r\n max-width: 980px;\r\n margin: 16px auto 16px;\r\n letter-spacing: -.035em\r\n }\r\n\r\n .hero h1 .accent {\r\n color: var(--blue);\r\n display: inline-block\r\n }\r\n\r\n .hero h1 .pulse {\r\n position: relative;\r\n display: inline-block;\r\n background: linear-gradient(180deg, #fff 50%, var(--blue) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent\r\n }\r\n\r\n .hero-meta {\r\n margin-top: 20px;\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap\r\n }\r\n\r\n .price-flag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 9px 16px;\r\n border-radius: 999px;\r\n background: rgba(220, 0, 0, .12);\r\n border: 1px solid rgba(220, 0, 0, .35);\r\n color: #ffb3b3;\r\n font-weight: 600;\r\n font-size: 12.5px;\r\n letter-spacing: .02em\r\n }\r\n\r\n .price-flag b {\r\n color: #fff\r\n }\r\n\r\n .hero-cta {\r\n margin-top: 22px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n flex-wrap: wrap\r\n }\r\n\r\n \/* hero carousel *\/\r\n .hero-carousel {\r\n position: relative;\r\n margin: 48px auto 0;\r\n max-width: 1280px;\r\n height: 520px;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n border: 1px solid var(--line-2);\r\n background: #05060a;\r\n isolation: isolate\r\n }\r\n\r\n .hero-carousel::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 22px;\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset, 0 40px 120px -40px var(--blue-glow);\r\n pointer-events: none;\r\n z-index: 5\r\n }\r\n\r\n .hc-slide {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0;\r\n transition: opacity .9s ease, transform 1.4s ease;\r\n transform: scale(1.045);\r\n z-index: 1\r\n }\r\n\r\n .hc-slide.active {\r\n opacity: 1;\r\n transform: scale(1);\r\n z-index: 2\r\n }\r\n\r\n \/* hc-slide dot overlay removed \u2014 expensive mix-blend-mode on mobile *\/\r\n\r\n .hc-slide::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .88) 100%);\r\n pointer-events: none\r\n }\r\n\r\n .hc-1 {\r\n background:\r\n radial-gradient(ellipse 55% 70% at 30% 50%, rgba(255, 180, 40, .55), transparent 60%),\r\n radial-gradient(ellipse 45% 60% at 75% 50%, rgba(255, 70, 90, .45), transparent 60%),\r\n linear-gradient(135deg, #2a0a18, #1a0510)\r\n }\r\n\r\n .hc-2 {\r\n background:\r\n radial-gradient(ellipse 60% 60% at 72% 38%, rgba(110, 193, 228, .65), transparent 60%),\r\n radial-gradient(ellipse 55% 55% at 28% 70%, rgba(80, 40, 200, .5), transparent 60%),\r\n linear-gradient(135deg, #06141c, #02060b)\r\n }\r\n\r\n .hc-3 {\r\n background:\r\n radial-gradient(ellipse 80% 55% at 50% 42%, rgba(255, 140, 40, .65), transparent 55%),\r\n radial-gradient(ellipse 50% 40% at 50% 80%, rgba(220, 0, 40, .45), transparent 60%),\r\n linear-gradient(135deg, #1a0500, #0a0200)\r\n }\r\n\r\n .hc-4 {\r\n background:\r\n radial-gradient(ellipse 50% 60% at 28% 50%, rgba(180, 255, 140, .42), transparent 60%),\r\n radial-gradient(ellipse 60% 60% at 72% 50%, rgba(60, 180, 220, .55), transparent 60%),\r\n linear-gradient(135deg, #031a14, #000a08)\r\n }\r\n\r\n .hc-5 {\r\n background:\r\n radial-gradient(ellipse 70% 60% at 50% 45%, rgba(255, 255, 255, .32), transparent 55%),\r\n radial-gradient(ellipse 40% 30% at 25% 70%, rgba(255, 80, 160, .42), transparent 60%),\r\n linear-gradient(135deg, #0a0a18, #000)\r\n }\r\n\r\n .hc-cap {\r\n position: absolute;\r\n left: 32px;\r\n right: 32px;\r\n bottom: 28px;\r\n z-index: 3;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n gap: 20px;\r\n color: #fff\r\n }\r\n\r\n .hc-cap .l {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n max-width: 560px\r\n }\r\n\r\n .hc-cap .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: var(--blue)\r\n }\r\n\r\n .hc-cap .tag::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 12px var(--blue-glow)\r\n }\r\n\r\n .hc-cap h3 {\r\n font-size: 30px;\r\n font-weight: 700;\r\n letter-spacing: -.02em;\r\n line-height: 1.1\r\n }\r\n\r\n .hc-cap .meta {\r\n font-size: 12.5px;\r\n color: rgba(255, 255, 255, .7);\r\n letter-spacing: .04em;\r\n max-width: 560px\r\n }\r\n\r\n .hc-cap .spec {\r\n display: flex;\r\n gap: 28px;\r\n align-items: end\r\n }\r\n\r\n .hc-cap .spec>div {\r\n text-align: right\r\n }\r\n\r\n .hc-cap .spec b {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff;\r\n display: block;\r\n letter-spacing: -.01em\r\n }\r\n\r\n .hc-cap .spec span {\r\n font-size: 10.5px;\r\n color: var(--mute);\r\n letter-spacing: .16em;\r\n text-transform: uppercase\r\n }\r\n\r\n .hc-corner {\r\n position: absolute;\r\n width: 24px;\r\n height: 24px;\r\n border: 1.5px solid rgba(255, 255, 255, .5);\r\n z-index: 3\r\n }\r\n\r\n .hc-corner.tl {\r\n top: 18px;\r\n left: 18px;\r\n border-right: 0;\r\n border-bottom: 0\r\n }\r\n\r\n .hc-corner.tr {\r\n top: 18px;\r\n right: 18px;\r\n border-left: 0;\r\n border-bottom: 0\r\n }\r\n\r\n \/* indicator strip *\/\r\n .hc-ind {\r\n position: absolute;\r\n top: 24px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 4;\r\n display: flex;\r\n gap: 8px\r\n }\r\n\r\n .hc-ind button {\r\n width: 38px;\r\n height: 3px;\r\n border-radius: 2px;\r\n background: rgba(255, 255, 255, .18);\r\n transition: background .3s ease;\r\n cursor: pointer;\r\n border: 0;\r\n padding: 0;\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .hc-ind button::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: var(--blue);\r\n transform: translateX(-100%)\r\n }\r\n\r\n .hc-ind button.active {\r\n background: rgba(255, 255, 255, .4)\r\n }\r\n\r\n .hc-ind button.active::after {\r\n animation: hcFill 5s linear forwards\r\n }\r\n\r\n @keyframes hcFill {\r\n from {\r\n transform: translateX(-100%)\r\n }\r\n\r\n to {\r\n transform: translateX(0)\r\n }\r\n }\r\n\r\n \/* arrow controls *\/\r\n .hc-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, .55);\r\n border: 1px solid rgba(255, 255, 255, .18);\r\n color: #fff;\r\n z-index: 4;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n backdrop-filter: blur(8px);\r\n transition: all .25s ease\r\n }\r\n\r\n .hc-nav:hover {\r\n background: var(--blue);\r\n color: #031018;\r\n border-color: var(--blue);\r\n transform: translateY(-50%) scale(1.05)\r\n }\r\n\r\n .hc-nav.prev {\r\n left: 18px\r\n }\r\n\r\n .hc-nav.next {\r\n right: 18px\r\n }\r\n\r\n .hc-nav svg {\r\n width: 18px;\r\n height: 18px\r\n }\r\n\r\n \/* slide counter *\/\r\n .hc-counter {\r\n position: absolute;\r\n top: 24px;\r\n right: 24px;\r\n z-index: 4;\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n color: rgba(255, 255, 255, .55);\r\n font-variant-numeric: tabular-nums;\r\n text-transform: uppercase\r\n }\r\n\r\n .hc-counter b {\r\n color: #fff;\r\n font-weight: 700\r\n }\r\n\r\n \/* stat ribbon under carousel *\/\r\n .hero-ribbon {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 0;\r\n border-top: 1px solid var(--line-2);\r\n border-bottom: 1px solid var(--line-2);\r\n background: rgba(255, 255, 255, .015)\r\n }\r\n\r\n .hero-ribbon>div {\r\n padding: 20px 18px;\r\n text-align: center;\r\n border-right: 1px solid var(--line-2);\r\n color: var(--mute);\r\n font-size: 12px;\r\n font-weight: 500;\r\n letter-spacing: .14em;\r\n text-transform: uppercase\r\n }\r\n\r\n .hero-ribbon>div:last-child {\r\n border-right: 0\r\n }\r\n\r\n .hero-ribbon b {\r\n color: #fff;\r\n font-weight: 700;\r\n letter-spacing: 0\r\n }\r\n\r\n @media (max-width:980px) {\r\n .hero-carousel {\r\n height: 380px;\r\n margin-top: 32px\r\n }\r\n\r\n .hc-cap {\r\n left: 18px;\r\n right: 18px;\r\n bottom: 18px;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 10px\r\n }\r\n\r\n .hc-cap h3 {\r\n font-size: 20px\r\n }\r\n\r\n .hc-cap .spec b {\r\n font-size: 16px\r\n }\r\n\r\n .hc-nav {\r\n width: 36px;\r\n height: 36px\r\n }\r\n }\r\n\r\n \/* ============ AEO BLOCK ============ *\/\r\n .aeo {\r\n padding: 88px 0;\r\n background: linear-gradient(180deg, #000, #05060a)\r\n }\r\n\r\n .aeo-card {\r\n display: grid;\r\n grid-template-columns: 280px 1fr;\r\n gap: 48px;\r\n align-items: start;\r\n padding: 48px;\r\n border: 1px solid var(--line);\r\n border-radius: 24px;\r\n background: linear-gradient(180deg, rgba(110, 193, 228, .04), rgba(255, 255, 255, .01));\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .aeo-card::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -80px;\r\n top: -80px;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--blue-glow), transparent 70%);\r\n filter: blur(20px)\r\n }\r\n\r\n .aeo-card h2 {\r\n font-size: 32px;\r\n line-height: 1.1;\r\n position: relative\r\n }\r\n\r\n .aeo-card h2 small {\r\n display: block;\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n color: var(--blue);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n margin-bottom: 14px\r\n }\r\n\r\n .aeo-card .body {\r\n font-size: 17px;\r\n line-height: 1.65;\r\n color: rgba(255, 255, 255, .82);\r\n position: relative\r\n }\r\n\r\n .aeo-card .body b {\r\n color: var(--blue);\r\n font-weight: 600\r\n }\r\n\r\n \/* ============ STAT PILLARS ============ *\/\r\n .stats {\r\n padding: 0 0 96px;\r\n background: #05060a\r\n }\r\n\r\n .stat-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px\r\n }\r\n\r\n .stat {\r\n padding: 34px 28px;\r\n border: 1px solid var(--line-2);\r\n border-radius: 18px;\r\n background:\r\n linear-gradient(180deg, rgba(110, 193, 228, .06), rgba(0, 0, 0, 0) 60%),\r\n #08090d;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform .25s ease, border-color .25s ease\r\n }\r\n\r\n .stat:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--blue)\r\n }\r\n\r\n .stat .num {\r\n font-size: 54px;\r\n font-weight: 800;\r\n letter-spacing: -.04em;\r\n color: #fff;\r\n line-height: 1\r\n }\r\n\r\n .stat .num .unit {\r\n color: var(--blue);\r\n font-size: 28px;\r\n margin-left: 2px;\r\n font-weight: 700\r\n }\r\n\r\n .stat .label {\r\n margin-top: 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #fff;\r\n letter-spacing: .01em\r\n }\r\n\r\n .stat .desc {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n color: var(--mute-2);\r\n line-height: 1.5\r\n }\r\n\r\n .stat-spark {\r\n position: absolute;\r\n right: 14px;\r\n top: 14px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 0 4px rgba(110, 193, 228, .18)\r\n }\r\n\r\n \/* ============ PRODUCT HUB ============ *\/\r\n .hub {\r\n padding: 120px 0;\r\n background: linear-gradient(180deg, #05060a, #000)\r\n }\r\n\r\n .section-head {\r\n display: grid;\r\n grid-template-columns: 1fr 360px;\r\n gap: 60px;\r\n align-items: end;\r\n margin-bottom: 48px\r\n }\r\n\r\n .section-head h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n letter-spacing: -.03em;\r\n max-width: 780px\r\n }\r\n\r\n .section-head h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .section-head p {\r\n font-size: 16px\r\n }\r\n\r\n .hub-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px\r\n }\r\n\r\n .hub-card {\r\n position: relative;\r\n padding: 28px;\r\n border: 1px solid var(--line-2);\r\n border-radius: 18px;\r\n background: #08090d;\r\n min-height: 280px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n transition: all .25s ease\r\n }\r\n\r\n .hub-card:hover {\r\n border-color: var(--blue);\r\n transform: translateY(-4px)\r\n }\r\n\r\n .hub-card .visual {\r\n position: absolute;\r\n inset: 0;\r\n opacity: .45;\r\n pointer-events: none;\r\n transition: opacity .3s\r\n }\r\n\r\n .hub-card:hover .visual {\r\n opacity: .75\r\n }\r\n\r\n .visual-indoor {\r\n background:\r\n repeating-linear-gradient(0deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px),\r\n repeating-linear-gradient(90deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px),\r\n radial-gradient(circle at 70% 30%, rgba(110, 193, 228, .35), transparent 60%)\r\n }\r\n\r\n .visual-outdoor {\r\n background:\r\n repeating-linear-gradient(0deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 14px),\r\n repeating-linear-gradient(90deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 14px),\r\n radial-gradient(circle at 70% 50%, rgba(220, 0, 0, .22), transparent 60%)\r\n }\r\n\r\n .visual-transparent {\r\n background:\r\n linear-gradient(180deg, transparent, rgba(110, 193, 228, .18)),\r\n repeating-linear-gradient(90deg, rgba(255, 255, 255, .18) 0 1px, transparent 1px 22px)\r\n }\r\n\r\n .visual-poster {\r\n background:\r\n linear-gradient(180deg, rgba(110, 193, 228, .12), transparent 60%),\r\n repeating-linear-gradient(0deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 6px);\r\n background-position: right;\r\n }\r\n\r\n .hub-card .label {\r\n position: relative;\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600\r\n }\r\n\r\n .hub-card .title {\r\n position: relative;\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-top: auto;\r\n line-height: 1.15\r\n }\r\n\r\n .hub-card .types {\r\n position: relative;\r\n margin-top: 10px;\r\n font-size: 13px;\r\n color: var(--mute);\r\n line-height: 1.55\r\n }\r\n\r\n .hub-card .go {\r\n position: relative;\r\n margin-top: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #fff;\r\n letter-spacing: .06em;\r\n text-transform: uppercase\r\n }\r\n\r\n .hub-card .go .arr {\r\n width: 18px;\r\n height: 1.5px;\r\n background: #fff;\r\n position: relative\r\n }\r\n\r\n .hub-card .go .arr::after {\r\n content: \"\";\r\n position: absolute;\r\n right: 0;\r\n top: -3px;\r\n width: 7px;\r\n height: 7px;\r\n border-right: 1.5px solid #fff;\r\n border-top: 1.5px solid #fff;\r\n transform: rotate(45deg)\r\n }\r\n\r\n \/* ============ FEATURED PRODUCTS ============ *\/\r\n .featured {\r\n padding: 120px 0;\r\n background: #000;\r\n position: relative\r\n }\r\n\r\n .featured::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--line), transparent)\r\n }\r\n\r\n .prod-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px\r\n }\r\n\r\n .prod {\r\n padding: 26px;\r\n border-radius: 20px;\r\n background: #0a0b0f;\r\n border: 1px solid var(--line-2);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n transition: all .25s ease\r\n }\r\n\r\n .prod:hover {\r\n border-color: var(--blue);\r\n background: #0e1015\r\n }\r\n\r\n .prod-thumb {\r\n aspect-ratio: 16\/10;\r\n border-radius: 12px;\r\n position: relative;\r\n overflow: hidden;\r\n background: #000\r\n }\r\n\r\n .prod-thumb::after {\r\n content: attr(data-tag);\r\n position: absolute;\r\n left: 14px;\r\n top: 14px;\r\n font-size: 10px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600;\r\n background: rgba(0, 0, 0, .6);\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n border: 1px solid var(--line)\r\n }\r\n\r\n .prod-thumb.t1 {\r\n background:\r\n radial-gradient(circle at 50% 50%, rgba(110, 193, 228, .35), transparent 55%),\r\n repeating-linear-gradient(0deg, rgba(110, 193, 228, .22) 0 1px, transparent 1px 5px),\r\n repeating-linear-gradient(90deg, rgba(110, 193, 228, .22) 0 1px, transparent 1px 5px)\r\n }\r\n\r\n .prod-thumb.t2 {\r\n background:\r\n radial-gradient(circle at 30% 40%, rgba(255, 255, 255, .45), transparent 55%),\r\n repeating-linear-gradient(0deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 3px),\r\n repeating-linear-gradient(90deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 3px)\r\n }\r\n\r\n .prod-thumb.t3 {\r\n background:\r\n linear-gradient(135deg, rgba(110, 193, 228, .3), rgba(110, 193, 228, .05) 60%),\r\n repeating-linear-gradient(0deg, rgba(110, 193, 228, .2) 0 1px, transparent 1px 4px),\r\n repeating-linear-gradient(90deg, rgba(110, 193, 228, .2) 0 1px, transparent 1px 4px)\r\n }\r\n\r\n .prod-thumb.t4 {\r\n background:\r\n linear-gradient(180deg, #0c1118, #050609),\r\n repeating-linear-gradient(0deg, rgba(110, 193, 228, .14) 0 1px, transparent 1px 10px)\r\n }\r\n\r\n .prod-thumb.t5 {\r\n background:\r\n radial-gradient(circle at 70% 80%, rgba(220, 0, 0, .55), transparent 60%),\r\n radial-gradient(circle at 30% 30%, rgba(255, 200, 120, .4), transparent 55%),\r\n repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 7px),\r\n repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 7px), #0a0c10\r\n }\r\n\r\n .prod-thumb.t6 {\r\n background:\r\n linear-gradient(135deg, #20242b, #0a0c10),\r\n repeating-linear-gradient(45deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 8px)\r\n }\r\n\r\n .prod-name {\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: -.01em\r\n }\r\n\r\n .prod-desc {\r\n font-size: 14px;\r\n line-height: 1.55;\r\n color: var(--mute)\r\n }\r\n\r\n .prod-meta {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 14px;\r\n border-top: 1px dashed var(--line-2)\r\n }\r\n\r\n .prod-pitch {\r\n font-size: 11px;\r\n letter-spacing: .18em;\r\n color: var(--mute-2);\r\n text-transform: uppercase;\r\n font-weight: 600\r\n }\r\n\r\n .prod-price {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #fff\r\n }\r\n\r\n .prod-price small {\r\n color: var(--blue);\r\n font-weight: 600;\r\n font-size: 11px;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n display: block;\r\n margin-bottom: 2px\r\n }\r\n\r\n .prod-price .ask {\r\n color: var(--mute);\r\n font-weight: 500\r\n }\r\n\r\n \/* ============ MONITORING ============ *\/\r\n .monitor {\r\n padding: 120px 0;\r\n background: linear-gradient(180deg, #000, #05060a)\r\n }\r\n\r\n .monitor-grid {\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: 60px;\r\n align-items: center\r\n }\r\n\r\n .monitor h2 {\r\n font-size: clamp(32px, 4vw, 48px);\r\n letter-spacing: -.03em;\r\n margin-bottom: 24px\r\n }\r\n\r\n .monitor h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .monitor p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, .78);\r\n margin-bottom: 18px;\r\n max-width: 520px\r\n }\r\n\r\n .monitor p:last-child {\r\n margin-bottom: 0\r\n }\r\n\r\n .dash {\r\n aspect-ratio: 5\/4;\r\n border-radius: 20px;\r\n border: 1px solid var(--line);\r\n background: #06070a;\r\n padding: 22px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px -20px rgba(110, 193, 228, .18)\r\n }\r\n\r\n .dash::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -100px;\r\n top: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--blue-glow), transparent 70%);\r\n filter: blur(40px)\r\n }\r\n\r\n .dash-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n position: relative\r\n }\r\n\r\n .dash-title {\r\n font-size: 12px;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: var(--mute);\r\n font-weight: 600\r\n }\r\n\r\n .dash-dot {\r\n display: flex;\r\n gap: 6px\r\n }\r\n\r\n .dash-dot span {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 8px var(--blue-glow)\r\n }\r\n\r\n .dash-dot span:nth-child(2) {\r\n background: rgba(255, 255, 255, .3);\r\n box-shadow: none\r\n }\r\n\r\n .dash-dot span:nth-child(3) {\r\n background: var(--red);\r\n box-shadow: 0 0 8px var(--red-glow)\r\n }\r\n\r\n .dash-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n position: relative\r\n }\r\n\r\n .dash-card {\r\n padding: 14px;\r\n border-radius: 10px;\r\n background: rgba(255, 255, 255, .03);\r\n border: 1px solid var(--line-2)\r\n }\r\n\r\n .dash-card .v {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff\r\n }\r\n\r\n .dash-card .v.green {\r\n color: var(--blue)\r\n }\r\n\r\n .dash-card .v.red {\r\n color: var(--red)\r\n }\r\n\r\n .dash-card .k {\r\n font-size: 10px;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--mute-2);\r\n margin-top: 4px;\r\n font-weight: 600\r\n }\r\n\r\n .dash-screens {\r\n flex: 1;\r\n display: grid;\r\n grid-template-columns: repeat(8, 1fr);\r\n grid-auto-rows: 1fr;\r\n gap: 6px;\r\n position: relative\r\n }\r\n\r\n .dash-screen {\r\n border-radius: 4px;\r\n background: linear-gradient(180deg, rgba(110, 193, 228, .4), rgba(110, 193, 228, .15));\r\n border: 1px solid rgba(110, 193, 228, .4)\r\n }\r\n\r\n .dash-screen.warn {\r\n background: linear-gradient(180deg, rgba(220, 0, 0, .4), rgba(220, 0, 0, .15));\r\n border-color: rgba(220, 0, 0, .5);\r\n animation: pulse 1.6s ease-in-out infinite\r\n }\r\n\r\n .dash-screen.dim {\r\n background: rgba(255, 255, 255, .06);\r\n border-color: var(--line-2)\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1\r\n }\r\n\r\n 50% {\r\n opacity: .45\r\n }\r\n }\r\n\r\n \/* ============ WHY US (redesigned) ============ *\/\r\n .why {\r\n padding: 120px 0;\r\n background: #04050a;\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .why::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle, var(--t-accent-soft) 0.6px, transparent 1px);\r\n background-size: 24px 24px;\r\n mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);\r\n opacity: .5;\r\n pointer-events: none\r\n }\r\n\r\n .why .wrap {\r\n position: relative\r\n }\r\n\r\n .why-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n margin-bottom: 40px;\r\n gap: 24px;\r\n flex-wrap: wrap\r\n }\r\n\r\n .why-head .why-title {\r\n max-width: 780px\r\n }\r\n\r\n .why-head h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n letter-spacing: -.03em;\r\n line-height: 1.05\r\n }\r\n\r\n .why-head h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .why-head p {\r\n margin-top: 14px;\r\n font-size: 15px;\r\n color: var(--mute);\r\n max-width: 620px;\r\n line-height: 1.55\r\n }\r\n\r\n .why-head .why-meta {\r\n display: flex;\r\n gap: 32px;\r\n align-items: end;\r\n border-left: 1px solid var(--line-2);\r\n padding-left: 32px\r\n }\r\n\r\n .why-head .why-meta div {\r\n font-size: 11px;\r\n color: var(--mute);\r\n letter-spacing: .16em;\r\n text-transform: uppercase\r\n }\r\n\r\n .why-head .why-meta b {\r\n display: block;\r\n font-size: 34px;\r\n color: var(--blue);\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n font-variant-numeric: tabular-nums;\r\n text-transform: none;\r\n letter-spacing: -.02em\r\n }\r\n\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n grid-auto-rows: minmax(220px, auto);\r\n gap: 18px\r\n }\r\n\r\n .why-card {\r\n position: relative;\r\n padding: 30px;\r\n border-radius: 20px;\r\n background: linear-gradient(180deg, #0c0d12, #08090d);\r\n border: 1px solid var(--line-2);\r\n overflow: hidden;\r\n transition: transform .3s ease, border-color .3s ease, background .3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n grid-column: span 2\r\n }\r\n\r\n .why-card::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--blue), transparent);\r\n opacity: 0;\r\n transition: opacity .35s ease\r\n }\r\n\r\n .why-card:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--blue);\r\n background: linear-gradient(180deg, #10121a, #0a0b10)\r\n }\r\n\r\n .why-card:hover::after {\r\n opacity: 1\r\n }\r\n\r\n .why-card .wc-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: start;\r\n margin-bottom: 18px\r\n }\r\n\r\n .why-card .wc-num {\r\n font-size: 11px;\r\n color: var(--mute-2);\r\n letter-spacing: .22em;\r\n font-weight: 600;\r\n font-variant-numeric: tabular-nums;\r\n padding-top: 14px\r\n }\r\n\r\n .why-card .wc-ico {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--t-accent-soft);\r\n border: 1px solid var(--line);\r\n color: var(--blue);\r\n position: relative;\r\n transition: transform .3s ease\r\n }\r\n\r\n .why-card:hover .wc-ico {\r\n transform: scale(1.08) rotate(-4deg)\r\n }\r\n\r\n .why-card .wc-ico svg {\r\n width: 22px;\r\n height: 22px\r\n }\r\n\r\n .why-card h3 {\r\n font-size: 19px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n color: #fff\r\n }\r\n\r\n .why-card p {\r\n font-size: 13.5px;\r\n line-height: 1.6;\r\n color: var(--mute);\r\n margin: 0\r\n }\r\n\r\n .why-card .wc-tag {\r\n margin-top: 16px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 10.5px;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n color: var(--blue);\r\n align-self: flex-start;\r\n padding: 5px 9px;\r\n border-radius: 6px;\r\n background: var(--t-accent-soft);\r\n border: 1px solid var(--line)\r\n }\r\n\r\n \/* featured card spans 3x2 *\/\r\n .why-feature {\r\n grid-column: span 3;\r\n grid-row: span 2;\r\n padding: 36px;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 80% 20%, var(--t-accent-soft), transparent 60%),\r\n linear-gradient(180deg, #0a0c14, #06080d);\r\n border: 1px solid var(--line);\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n position: relative;\r\n border-radius: 20px\r\n }\r\n\r\n .why-feature::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -60px;\r\n bottom: -60px;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--blue-glow), transparent 70%);\r\n filter: blur(30px);\r\n pointer-events: none;\r\n animation: wfPulse 6s ease-in-out infinite\r\n }\r\n\r\n @keyframes wfPulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: .55\r\n }\r\n\r\n 50% {\r\n opacity: .95\r\n }\r\n }\r\n\r\n\r\n .wf-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: start;\r\n gap: 24px;\r\n position: relative;\r\n z-index: 2\r\n }\r\n\r\n .wf-head .wc-num {\r\n font-size: 12px;\r\n color: var(--mute-2);\r\n letter-spacing: .22em;\r\n font-weight: 600\r\n }\r\n\r\n .wf-stage {\r\n position: absolute;\r\n right: 30px;\r\n top: 90px;\r\n width: 220px;\r\n height: 220px;\r\n border-radius: 50%;\r\n border: 1px dashed var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1\r\n }\r\n\r\n .wf-stage::before,\r\n .wf-stage-mid {\r\n content: \"\";\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid var(--line);\r\n pointer-events: none\r\n }\r\n\r\n .wf-stage::before {\r\n inset: 18px\r\n }\r\n\r\n .wf-stage .ring {\r\n position: absolute;\r\n inset: 38px;\r\n border-radius: 50%;\r\n border: 1px solid var(--t-accent-soft)\r\n }\r\n\r\n .wf-stage .core {\r\n width: 90px;\r\n height: 90px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--blue) 0%, var(--blue-deep) 60%, transparent 100%);\r\n box-shadow: 0 0 80px var(--blue-glow);\r\n position: relative;\r\n z-index: 2\r\n }\r\n\r\n .wf-stage .orbit {\r\n position: absolute;\r\n inset: -6px;\r\n border-radius: 50%;\r\n border: 1.5px solid transparent;\r\n border-top-color: var(--blue);\r\n border-right-color: var(--blue);\r\n animation: wfSpin 8s linear infinite;\r\n z-index: 3\r\n }\r\n\r\n @keyframes wfSpin {\r\n to {\r\n transform: rotate(360deg)\r\n }\r\n }\r\n\r\n .wf-stage .dot {\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 14px var(--blue-glow)\r\n }\r\n\r\n .wf-stage .dot.d1 {\r\n top: -4px;\r\n left: 50%;\r\n margin-left: -4px\r\n }\r\n\r\n .wf-stage .dot.d2 {\r\n bottom: -4px;\r\n left: 50%;\r\n margin-left: -4px\r\n }\r\n\r\n .wf-body {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 60%;\r\n margin-top: 32px\r\n }\r\n\r\n .wf-body h3 {\r\n font-size: 32px;\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.05;\r\n margin-bottom: 14px;\r\n color: #fff\r\n }\r\n\r\n .wf-body h3 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .wf-body p {\r\n font-size: 15px;\r\n line-height: 1.55;\r\n color: rgba(255, 255, 255, .78);\r\n max-width: 460px\r\n }\r\n\r\n .wf-foot {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n gap: 36px;\r\n margin-top: 24px;\r\n border-top: 1px solid var(--line-2);\r\n padding-top: 20px\r\n }\r\n\r\n .wf-foot div b {\r\n display: block;\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: #fff;\r\n letter-spacing: -.02em;\r\n line-height: 1;\r\n font-variant-numeric: tabular-nums\r\n }\r\n\r\n .wf-foot div span {\r\n font-size: 10.5px;\r\n color: var(--mute);\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n display: block;\r\n margin-top: 6px\r\n }\r\n\r\n @media (max-width:980px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n grid-auto-rows: auto\r\n }\r\n\r\n .why-card,\r\n .why-feature {\r\n grid-column: span 1\r\n }\r\n\r\n .why-feature {\r\n grid-row: auto;\r\n padding: 28px\r\n }\r\n\r\n .wf-stage {\r\n display: none\r\n }\r\n\r\n .wf-body {\r\n max-width: none;\r\n margin-top: 16px\r\n }\r\n\r\n .why-head .why-meta {\r\n padding-left: 0;\r\n border-left: 0;\r\n border-top: 1px solid var(--line-2);\r\n padding-top: 16px;\r\n width: 100%\r\n }\r\n }\r\n\r\n \/* ============ PROCESS ============ *\/\r\n .process {\r\n padding: 120px 0;\r\n background: linear-gradient(180deg, #05060a, #000);\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .process::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n width: 1px;\r\n height: 100%;\r\n background: linear-gradient(180deg, transparent, var(--line) 20%, var(--line) 80%, transparent);\r\n transform: translateX(-50%)\r\n }\r\n\r\n .proc-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0;\r\n position: relative;\r\n margin-top: 40px\r\n }\r\n\r\n .proc-step {\r\n padding: 36px 0;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px\r\n }\r\n\r\n .proc-step.left {\r\n padding-right: 60px;\r\n text-align: right;\r\n border-right: 1px dashed transparent\r\n }\r\n\r\n .proc-step.right {\r\n padding-left: 60px;\r\n grid-column: 2\r\n }\r\n\r\n .proc-step .n {\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n color: var(--blue)\r\n }\r\n\r\n .proc-step h3 {\r\n font-size: 24px;\r\n font-weight: 700\r\n }\r\n\r\n .proc-step p {\r\n font-size: 15px;\r\n line-height: 1.65;\r\n max-width: 420px\r\n }\r\n\r\n .proc-step.left p {\r\n margin-left: auto\r\n }\r\n\r\n .proc-node {\r\n position: absolute;\r\n left: 50%;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #000;\r\n border: 2px solid var(--blue);\r\n transform: translate(-50%, 0);\r\n margin-top: 44px;\r\n box-shadow: 0 0 0 6px rgba(110, 193, 228, .1)\r\n }\r\n\r\n \/* ============ PROJECTS ============ *\/\r\n .projects {\r\n padding: 120px 0;\r\n background: #000\r\n }\r\n\r\n .proj-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr;\r\n grid-template-rows: repeat(2, 220px);\r\n gap: 14px\r\n }\r\n\r\n .proj {\r\n border-radius: 14px;\r\n border: 1px solid var(--line-2);\r\n background: #0a0b0f;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer\r\n }\r\n\r\n .proj::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: repeating-linear-gradient(0deg, rgba(110, 193, 228, .12) 0 1px, transparent 1px 8px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .12) 0 1px, transparent 1px 8px)\r\n }\r\n\r\n .proj-1 {\r\n grid-column: 1;\r\n grid-row: 1 \/ span 2;\r\n background: radial-gradient(circle at 30% 40%, rgba(110, 193, 228, .35), transparent 60%), #0a0b0f\r\n }\r\n\r\n .proj-2 {\r\n background: radial-gradient(circle at 70% 50%, rgba(220, 0, 0, .4), transparent 60%), #0a0b0f\r\n }\r\n\r\n .proj-3 {\r\n background: radial-gradient(circle at 50% 50%, rgba(110, 193, 228, .3), transparent 65%), #0a0b0f\r\n }\r\n\r\n .proj-4 {\r\n background: radial-gradient(circle at 50% 60%, rgba(255, 255, 255, .18), transparent 60%), #0a0b0f\r\n }\r\n\r\n .proj-5 {\r\n background: radial-gradient(circle at 30% 40%, rgba(110, 193, 228, .25), transparent 60%), #0a0b0f\r\n }\r\n\r\n .proj-meta {\r\n position: absolute;\r\n left: 18px;\r\n right: 18px;\r\n bottom: 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n z-index: 2\r\n }\r\n\r\n .proj-meta .name {\r\n font-size: 15px;\r\n font-weight: 700\r\n }\r\n\r\n .proj-meta .tag {\r\n font-size: 10px;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600\r\n }\r\n\r\n .proj::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .85));\r\n z-index: 1\r\n }\r\n\r\n \/* ============ CLIENT LOGOS ============ *\/\r\n .logos {\r\n padding: 96px 0;\r\n background: #000;\r\n border-top: 1px solid var(--line-2);\r\n border-bottom: 1px solid var(--line-2)\r\n }\r\n\r\n .logos-head {\r\n text-align: center;\r\n margin-bottom: 48px\r\n }\r\n\r\n .logos-head h3 {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--mute);\r\n letter-spacing: .18em;\r\n text-transform: uppercase\r\n }\r\n\r\n .logo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 1px;\r\n background: var(--line-2);\r\n border: 1px solid var(--line-2)\r\n }\r\n\r\n .logo-cell {\r\n aspect-ratio: 2\/1;\r\n background: #05060a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: .04em;\r\n color: var(--mute);\r\n transition: all .2s ease;\r\n text-align: center;\r\n padding: 0 12px\r\n }\r\n\r\n .logo-cell:hover {\r\n color: #fff;\r\n background: #0a0b0f\r\n }\r\n\r\n .logo-cell .mk {\r\n font-size: 18px;\r\n letter-spacing: .06em;\r\n color: rgba(255, 255, 255, .7);\r\n font-weight: 700;\r\n text-transform: uppercase\r\n }\r\n\r\n .logo-cell .mk em {\r\n font-style: normal;\r\n color: var(--blue)\r\n }\r\n\r\n \/* ============ TESTIMONIALS ============ *\/\r\n .testi {\r\n padding: 120px 0;\r\n background: linear-gradient(180deg, #000, #05060a)\r\n }\r\n\r\n .testi-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px\r\n }\r\n\r\n .testi-card {\r\n padding: 32px;\r\n border-radius: 18px;\r\n background: #0a0b0f;\r\n border: 1px solid var(--line-2);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px\r\n }\r\n\r\n .testi-card.feature {\r\n background:\r\n linear-gradient(180deg, rgba(110, 193, 228, .06), transparent 50%),\r\n #0a0b0f;\r\n border-color: var(--line)\r\n }\r\n\r\n .testi-mark {\r\n font-size: 54px;\r\n line-height: .4;\r\n color: var(--blue);\r\n font-family: Georgia, serif;\r\n height: 24px\r\n }\r\n\r\n .testi-quote {\r\n font-size: 16px;\r\n line-height: 1.65;\r\n color: #fff;\r\n font-weight: 500;\r\n flex: 1\r\n }\r\n\r\n .testi-foot {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--line-2)\r\n }\r\n\r\n .testi-avatar {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--blue), var(--blue-deep));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: #031018\r\n }\r\n\r\n .testi-name {\r\n font-size: 14px;\r\n font-weight: 600\r\n }\r\n\r\n .testi-role {\r\n font-size: 12px;\r\n color: var(--mute-2);\r\n margin-top: 2px\r\n }\r\n\r\n \/* ============ FAQ ============ *\/\r\n .faq {\r\n padding: 120px 0;\r\n background: #05060a\r\n }\r\n\r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: 380px 1fr;\r\n gap: 60px\r\n }\r\n\r\n .faq h2 {\r\n font-size: clamp(32px, 4vw, 48px);\r\n letter-spacing: -.03em\r\n }\r\n\r\n .faq-side p {\r\n margin-top: 18px;\r\n font-size: 15px\r\n }\r\n\r\n .faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n border-top: 1px solid var(--line-2)\r\n }\r\n\r\n details.q {\r\n border-bottom: 1px solid var(--line-2);\r\n padding: 24px 0\r\n }\r\n\r\n details.q summary {\r\n list-style: none;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 20px;\r\n font-weight: 600;\r\n font-size: 17px;\r\n color: #fff\r\n }\r\n\r\n details.q summary::-webkit-details-marker {\r\n display: none\r\n }\r\n\r\n details.q summary .plus {\r\n width: 22px;\r\n height: 22px;\r\n flex-shrink: 0;\r\n border: 1px solid var(--line);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--blue);\r\n font-weight: 300;\r\n font-size: 16px;\r\n transition: all .2s\r\n }\r\n\r\n details.q[open] summary .plus {\r\n background: var(--blue);\r\n color: #031018;\r\n transform: rotate(45deg)\r\n }\r\n\r\n details.q[open] summary {\r\n color: var(--blue)\r\n }\r\n\r\n details.q .a {\r\n margin-top: 14px;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n color: var(--mute);\r\n max-width: 760px\r\n }\r\n\r\n \/* ============ PRICE CHALLENGE ============ *\/\r\n .challenge {\r\n padding: 80px 0;\r\n background: #000;\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .challenge-card {\r\n position: relative;\r\n padding: 54px 56px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(220, 0, 0, .22), rgba(220, 0, 0, .02) 60%),\r\n #08090d;\r\n border: 1px solid rgba(220, 0, 0, .3);\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr;\r\n align-items: center;\r\n gap: 40px;\r\n overflow: hidden\r\n }\r\n\r\n .challenge-card::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -100px;\r\n top: -100px;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(220, 0, 0, .25), transparent 70%);\r\n filter: blur(40px)\r\n }\r\n\r\n .challenge-card .eyebrow {\r\n color: #ff6e6e\r\n }\r\n\r\n .challenge-card .eyebrow::before {\r\n background: #ff6e6e\r\n }\r\n\r\n .challenge-card h2 {\r\n font-size: clamp(28px, 3.4vw, 44px);\r\n margin-top: 16px;\r\n letter-spacing: -.025em;\r\n position: relative\r\n }\r\n\r\n .challenge-card h2 .accent {\r\n color: #ff6e6e\r\n }\r\n\r\n .challenge-card p {\r\n position: relative;\r\n margin-top: 16px;\r\n font-size: 15px;\r\n line-height: 1.65;\r\n color: rgba(255, 255, 255, .8);\r\n max-width: 520px\r\n }\r\n\r\n .challenge-cta {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 14px;\r\n justify-self: end\r\n }\r\n\r\n .upload-card {\r\n padding: 24px;\r\n border: 1px dashed rgba(255, 255, 255, .2);\r\n border-radius: 14px;\r\n background: rgba(0, 0, 0, .4);\r\n font-size: 13px;\r\n color: var(--mute);\r\n min-width: 280px\r\n }\r\n\r\n .upload-card b {\r\n display: block;\r\n color: #fff;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n font-size: 14px\r\n }\r\n\r\n \/* ============ LOCATIONS \/ CTA ============ *\/\r\n .locations {\r\n padding: 120px 0;\r\n background: #000\r\n }\r\n\r\n .loc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 48px\r\n }\r\n\r\n .loc {\r\n padding: 34px;\r\n border-radius: 18px;\r\n border: 1px solid var(--line-2);\r\n background: #0a0b0f\r\n }\r\n\r\n .loc h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 13px;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600;\r\n margin-bottom: 14px\r\n }\r\n\r\n .loc h3::before {\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 0 4px rgba(110, 193, 228, .18)\r\n }\r\n\r\n .loc .city {\r\n font-size: 24px;\r\n font-weight: 700\r\n }\r\n\r\n .loc .addr {\r\n margin-top: 8px;\r\n font-size: 14px;\r\n color: var(--mute)\r\n }\r\n\r\n .loc .ln {\r\n margin-top: 18px;\r\n padding-top: 18px;\r\n border-top: 1px dashed var(--line-2);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 12px;\r\n color: var(--mute-2);\r\n text-transform: uppercase;\r\n letter-spacing: .14em\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n footer {\r\n padding: 64px 0 36px;\r\n background: #000;\r\n border-top: 1px solid var(--line-2)\r\n }\r\n\r\n .foot-grid {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr 1fr;\r\n gap: 48px;\r\n margin-bottom: 48px\r\n }\r\n\r\n .foot-grid h4 {\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600;\r\n margin-bottom: 16px\r\n }\r\n\r\n .foot-grid ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px\r\n }\r\n\r\n .foot-grid li a {\r\n font-size: 13.5px;\r\n color: var(--mute);\r\n transition: color .15s\r\n }\r\n\r\n .foot-grid li a:hover {\r\n color: #fff\r\n }\r\n\r\n .foot-tag {\r\n font-size: 14px;\r\n color: var(--mute);\r\n max-width: 340px;\r\n margin-top: 18px;\r\n line-height: 1.6\r\n }\r\n\r\n .foot-bottom {\r\n padding-top: 24px;\r\n border-top: 1px solid var(--line-2);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 12px;\r\n color: var(--mute-2)\r\n }\r\n\r\n \/* ============ PRODUCT EXPLORER (sidebar + dynamic panel) ============ *\/\r\n .explorer {\r\n padding: 120px 0;\r\n background: linear-gradient(180deg, #05060a, #000)\r\n }\r\n\r\n .explorer-head {\r\n text-align: center;\r\n margin-bottom: 48px\r\n }\r\n\r\n .explorer-head h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n max-width: 920px;\r\n margin: 18px auto 14px;\r\n letter-spacing: -.03em\r\n }\r\n\r\n .explorer-head h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .explorer-head p {\r\n font-size: 16px;\r\n max-width: 760px;\r\n margin: 0 auto\r\n }\r\n\r\n .explorer-grid {\r\n display: grid;\r\n grid-template-columns: 380px 1fr;\r\n gap: 18px;\r\n align-items: stretch\r\n }\r\n\r\n .ex-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px\r\n }\r\n\r\n .ex-item {\r\n display: grid;\r\n grid-template-columns: 42px 1fr 16px;\r\n gap: 14px;\r\n align-items: center;\r\n padding: 18px 18px;\r\n border: 1px solid var(--line-2);\r\n border-radius: 14px;\r\n background: #08090d;\r\n cursor: pointer;\r\n transition: all .25s ease;\r\n text-align: left\r\n }\r\n\r\n .ex-item:hover {\r\n border-color: var(--blue);\r\n background: #0c1015\r\n }\r\n\r\n .ex-item.active {\r\n border-color: var(--blue);\r\n background: linear-gradient(135deg, rgba(110, 193, 228, .14), rgba(110, 193, 228, .02));\r\n box-shadow: 0 0 0 1px var(--blue) inset, 0 12px 40px -16px var(--blue-glow)\r\n }\r\n\r\n .ex-ico {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 10px;\r\n background: rgba(110, 193, 228, .08);\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--blue);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: .04em\r\n }\r\n\r\n .ex-item.active .ex-ico {\r\n background: var(--blue);\r\n color: #031018\r\n }\r\n\r\n .ex-text .t {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #fff\r\n }\r\n\r\n .ex-text .s {\r\n font-size: 12px;\r\n color: var(--mute);\r\n margin-top: 2px;\r\n letter-spacing: .02em\r\n }\r\n\r\n .ex-chev {\r\n color: var(--mute-2);\r\n font-size: 14px\r\n }\r\n\r\n .ex-item.active .ex-chev {\r\n color: var(--blue)\r\n }\r\n\r\n .ex-panel {\r\n position: relative;\r\n border: 1px solid var(--line);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: #0a0b0f;\r\n min-height: 560px;\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 0\r\n }\r\n\r\n .ex-stage {\r\n position: relative;\r\n overflow: hidden;\r\n background: #04050a\r\n }\r\n\r\n .ex-stage::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(120deg, transparent 60%, rgba(0, 0, 0, .7))\r\n }\r\n\r\n .ex-bg {\r\n position: absolute;\r\n inset: 0;\r\n transition: opacity .5s ease, transform 8s linear\r\n }\r\n\r\n .ex-bg.show {\r\n opacity: 1\r\n }\r\n\r\n .ex-bg {\r\n opacity: 0\r\n }\r\n\r\n .ex-bg .grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: repeating-linear-gradient(0deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px);\r\n mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 30%, transparent 80%)\r\n }\r\n\r\n .ex-bg .glow {\r\n position: absolute;\r\n inset: 0\r\n }\r\n\r\n .ex-bg-1 .glow {\r\n background: radial-gradient(circle at 60% 40%, rgba(110, 193, 228, .4), transparent 55%), radial-gradient(circle at 30% 80%, rgba(110, 193, 228, .2), transparent 60%)\r\n }\r\n\r\n .ex-bg-2 .glow {\r\n background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .35), transparent 50%)\r\n }\r\n\r\n .ex-bg-2 .grid {\r\n background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 4px)\r\n }\r\n\r\n .ex-bg-3 .glow {\r\n background: linear-gradient(135deg, rgba(110, 193, 228, .45), transparent 65%)\r\n }\r\n\r\n .ex-bg-4 .glow {\r\n background: linear-gradient(180deg, rgba(110, 193, 228, .25), transparent 60%)\r\n }\r\n\r\n .ex-bg-4 .grid {\r\n background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .2) 0 1px, transparent 1px 22px);\r\n mask-image: none\r\n }\r\n\r\n .ex-bg-5 .glow {\r\n background: linear-gradient(180deg, rgba(110, 193, 228, .2), transparent 70%)\r\n }\r\n\r\n .ex-bg-5 .grid {\r\n background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 6px)\r\n }\r\n\r\n .ex-bg-6 .glow {\r\n background: radial-gradient(circle at 60% 60%, rgba(220, 0, 0, .5), transparent 55%), radial-gradient(circle at 30% 30%, rgba(255, 200, 120, .4), transparent 55%)\r\n }\r\n\r\n .ex-bg-7 .glow {\r\n background: radial-gradient(circle at 70% 30%, rgba(110, 193, 228, .35), transparent 55%)\r\n }\r\n\r\n .ex-bg-7 .grid {\r\n background-image: repeating-linear-gradient(45deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px), repeating-linear-gradient(-45deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 8px)\r\n }\r\n\r\n .ex-bg-8 .glow {\r\n background: radial-gradient(circle at 40% 60%, rgba(255, 255, 255, .25), transparent 55%)\r\n }\r\n\r\n .ex-bg-8 .grid {\r\n background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 10px)\r\n }\r\n\r\n .ex-tag {\r\n position: absolute;\r\n left: 24px;\r\n top: 24px;\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 700;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px\r\n }\r\n\r\n .ex-tag::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 0 4px rgba(110, 193, 228, .18)\r\n }\r\n\r\n .ex-stage .stage-foot {\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 24px;\r\n z-index: 2;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n color: #fff\r\n }\r\n\r\n .stage-pitch {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: rgba(0, 0, 0, .55);\r\n border: 1px solid var(--line);\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: .08em\r\n }\r\n\r\n .stage-price {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #fff\r\n }\r\n\r\n .stage-price small {\r\n display: block;\r\n font-size: 10px;\r\n letter-spacing: .16em;\r\n color: var(--blue);\r\n text-transform: uppercase;\r\n font-weight: 600\r\n }\r\n\r\n .ex-info {\r\n padding: 42px 38px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n border-left: 1px solid var(--line-2)\r\n }\r\n\r\n .ex-info .ico-pill {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(110, 193, 228, .1);\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--blue);\r\n font-weight: 800;\r\n font-size: 14px;\r\n letter-spacing: .04em\r\n }\r\n\r\n .ex-info h3 {\r\n font-size: 30px;\r\n font-weight: 700;\r\n letter-spacing: -.02em;\r\n line-height: 1.1\r\n }\r\n\r\n .ex-info p.lead {\r\n font-size: 15px;\r\n line-height: 1.65;\r\n color: var(--mute)\r\n }\r\n\r\n .ex-list-items {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px 18px\r\n }\r\n\r\n .ex-list-items li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n font-size: 13.5px;\r\n color: rgba(255, 255, 255, .88);\r\n font-weight: 500;\r\n line-height: 1.4\r\n }\r\n\r\n .ex-list-items li::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n border-radius: 50%;\r\n background: rgba(110, 193, 228, .15);\r\n border: 1px solid var(--blue);\r\n position: relative\r\n }\r\n\r\n .ex-list-items li::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 6px;\r\n height: 3px;\r\n border-left: 1.5px solid var(--blue);\r\n border-bottom: 1.5px solid var(--blue);\r\n transform: translate(4px, 5px) rotate(-45deg)\r\n }\r\n\r\n .ex-list-items li {\r\n position: relative\r\n }\r\n\r\n .ex-info .ex-cta {\r\n margin-top: auto;\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap\r\n }\r\n\r\n .ex-state {\r\n display: none\r\n }\r\n\r\n .ex-state.active {\r\n display: contents;\r\n animation: fadeUp .4s ease\r\n }\r\n\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(8px)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n }\r\n\r\n \/* ============ INDUSTRIES (hover reveal) ============ *\/\r\n .industries {\r\n padding: 120px 0;\r\n background: #000\r\n }\r\n\r\n .ind-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px\r\n }\r\n\r\n .ind-card {\r\n position: relative;\r\n border-radius: 16px;\r\n border: 1px solid var(--line-2);\r\n background: #0a0b0f;\r\n overflow: hidden;\r\n min-height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: transform .25s ease, border-color .25s ease\r\n }\r\n\r\n .ind-card:hover {\r\n transform: translateY(-3px);\r\n border-color: var(--blue)\r\n }\r\n\r\n .ind-top {\r\n padding: 24px 24px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n position: relative\r\n }\r\n\r\n .ind-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center\r\n }\r\n\r\n .ind-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 22px;\r\n font-weight: 700;\r\n letter-spacing: -.01em\r\n }\r\n\r\n .ind-mark {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 10px;\r\n background: rgba(110, 193, 228, .1);\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--blue);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: .04em\r\n }\r\n\r\n .ind-arr {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid var(--line-2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n transition: all .25s\r\n }\r\n\r\n .ind-card:hover .ind-arr {\r\n background: var(--blue);\r\n border-color: var(--blue);\r\n color: #031018;\r\n transform: rotate(-45deg)\r\n }\r\n\r\n .ind-arr svg {\r\n width: 14px;\r\n height: 14px\r\n }\r\n\r\n .ind-desc {\r\n font-size: 14px;\r\n line-height: 1.55;\r\n color: var(--mute);\r\n min-height: 42px\r\n }\r\n\r\n .ind-media {\r\n position: relative;\r\n flex: 1;\r\n margin: 0 16px 16px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #04050a;\r\n min-height: 240px\r\n }\r\n\r\n .ind-img {\r\n position: absolute;\r\n inset: 0;\r\n background-position: center;\r\n background-size: cover;\r\n transition: filter .45s ease, transform 8s ease\r\n }\r\n\r\n .ind-card:hover .ind-img {\r\n filter: blur(10px) brightness(.55);\r\n transform: scale(1.05)\r\n }\r\n\r\n .ind-media::after {\r\n content: attr(data-ph);\r\n position: absolute;\r\n left: 50%;\r\n bottom: 14px;\r\n transform: translateX(-50%);\r\n font-size: 10px;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .5);\r\n font-family: ui-monospace, monospace;\r\n font-weight: 600;\r\n z-index: 1;\r\n opacity: .7\r\n }\r\n\r\n .ind-card:hover .ind-media::after {\r\n opacity: 0\r\n }\r\n\r\n \/* LED-pixel placeholder media *\/\r\n .ind-img.led-retail {\r\n background: radial-gradient(circle at 50% 50%, rgba(110, 193, 228, .45), transparent 55%), repeating-linear-gradient(0deg, rgba(110, 193, 228, .22) 0 1px, transparent 1px 6px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .22) 0 1px, transparent 1px 6px), #050610\r\n }\r\n\r\n .ind-img.led-hosp {\r\n background: radial-gradient(circle at 30% 40%, rgba(255, 200, 120, .4), transparent 55%), radial-gradient(circle at 70% 60%, rgba(220, 0, 0, .3), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 7px), #06070a\r\n }\r\n\r\n .ind-img.led-corp {\r\n background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .3), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 3px), #06070a\r\n }\r\n\r\n .ind-img.led-out {\r\n background: radial-gradient(circle at 70% 60%, rgba(220, 0, 0, .6), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 10px), #06070a\r\n }\r\n\r\n .ind-img.led-air {\r\n background: linear-gradient(180deg, rgba(110, 193, 228, .3), rgba(110, 193, 228, .05) 60%), repeating-linear-gradient(0deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 5px), #06070a\r\n }\r\n\r\n .ind-img.led-edu {\r\n background: radial-gradient(circle at 40% 40%, rgba(110, 193, 228, .3), transparent 60%), radial-gradient(circle at 70% 70%, rgba(255, 255, 255, .2), transparent 60%), repeating-linear-gradient(45deg, rgba(110, 193, 228, .15) 0 1px, transparent 1px 9px), #06070a\r\n }\r\n\r\n \/* Hover reveal layer *\/\r\n .ind-reveal {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(8, 10, 18, .6), rgba(8, 10, 18, .92) 40%);\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n transform: translateY(100%);\r\n transition: transform .4s ease-in-out;\r\n z-index: 2;\r\n color: #fff\r\n }\r\n\r\n .ind-card:hover .ind-reveal {\r\n transform: translateY(0)\r\n }\r\n\r\n .ind-card.tap-open .ind-reveal {\r\n transform: translateY(0)\r\n }\r\n\r\n .ind-card.tap-open .ind-img {\r\n filter: blur(10px) brightness(.55);\r\n transform: scale(1.05)\r\n }\r\n\r\n .ind-checks {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px\r\n }\r\n\r\n .ind-checks li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 13.5px;\r\n font-weight: 500\r\n }\r\n\r\n .ind-checks li::before {\r\n content: \"\";\r\n width: 16px;\r\n height: 16px;\r\n flex-shrink: 0;\r\n border-radius: 50%;\r\n background: rgba(110, 193, 228, .18);\r\n border: 1.5px solid var(--blue);\r\n position: relative\r\n }\r\n\r\n .ind-cs {\r\n font-size: 12px;\r\n color: var(--blue);\r\n font-weight: 600;\r\n letter-spacing: .04em;\r\n margin-top: 4px\r\n }\r\n\r\n .ind-proj {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin-top: -4px\r\n }\r\n\r\n .ind-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0;\r\n padding: 12px 0;\r\n border-top: 1px solid var(--line-2);\r\n border-bottom: 1px solid var(--line-2);\r\n margin-top: 6px\r\n }\r\n\r\n .ind-stat {\r\n padding: 0 12px;\r\n border-right: 1px solid var(--line-2);\r\n text-align: left\r\n }\r\n\r\n .ind-stat:last-child {\r\n border-right: 0\r\n }\r\n\r\n .ind-stat .v {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1\r\n }\r\n\r\n .ind-stat .l {\r\n font-size: 10px;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--mute-2);\r\n font-weight: 600;\r\n margin-top: 6px\r\n }\r\n\r\n .ind-btn {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 18px;\r\n border: 1.5px solid #fff;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n text-transform: uppercase\r\n }\r\n\r\n .ind-btn:hover {\r\n background: #fff;\r\n color: #031018\r\n }\r\n\r\n \/* ============ STICKY PROCESS (circle + stacking cards) ============ *\/\r\n .process2 {\r\n position: relative;\r\n background: linear-gradient(180deg, #000, #05060a);\r\n hero: 120px 0 60px\r\n }\r\n\r\n .process2 .p2-head {\r\n text-align: center;\r\n margin-bottom: 60px\r\n }\r\n\r\n .process2 h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n letter-spacing: -.03em;\r\n max-width: 880px;\r\n margin: 18px auto 16px\r\n }\r\n\r\n .process2 h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .process2 p.intro {\r\n font-size: 16px;\r\n max-width: 680px;\r\n margin: 0 auto\r\n }\r\n\r\n .p2-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.05fr;\r\n gap: 60px;\r\n align-items: start;\r\n position: relative\r\n }\r\n\r\n .p2-circle-wrap {\r\n position: sticky;\r\n top: 120px;\r\n align-self: start;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 560px\r\n }\r\n\r\n .p2-circle {\r\n position: relative;\r\n width: 380px;\r\n height: 380px\r\n }\r\n\r\n .p2-ring {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 50%;\r\n border: 1px dashed rgba(110, 193, 228, .35)\r\n }\r\n\r\n .p2-center {\r\n position: absolute;\r\n inset: 60px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(110, 193, 228, .08), transparent 70%);\r\n border: 1px solid var(--line-2);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 30px\r\n }\r\n\r\n .p2-center .ico {\r\n font-size: 34px;\r\n margin-bottom: 14px\r\n }\r\n\r\n .p2-center .ttl {\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n line-height: 1.3\r\n }\r\n\r\n .p2-center .sub {\r\n font-size: 11px;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 600;\r\n margin-top: 8px\r\n }\r\n\r\n .p2-node {\r\n position: absolute;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 50%;\r\n background: #000;\r\n border: 1.5px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: var(--mute);\r\n transition: all .35s ease;\r\n font-feature-settings: \"tnum\"\r\n }\r\n\r\n .p2-node.active {\r\n background: var(--blue);\r\n color: #031018;\r\n border-color: var(--blue);\r\n box-shadow: 0 0 0 8px rgba(110, 193, 228, .16);\r\n transform: scale(1.08)\r\n }\r\n\r\n .p2-node-1 {\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%)\r\n }\r\n\r\n .p2-node-2 {\r\n right: -12px;\r\n top: 50%;\r\n transform: translateY(-50%)\r\n }\r\n\r\n .p2-node-3 {\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%)\r\n }\r\n\r\n .p2-node-4 {\r\n left: -12px;\r\n top: 50%;\r\n transform: translateY(-50%)\r\n }\r\n\r\n .p2-node-1.active {\r\n transform: translateX(-50%) scale(1.08)\r\n }\r\n\r\n .p2-node-2.active {\r\n transform: translateY(-50%) scale(1.08)\r\n }\r\n\r\n .p2-node-3.active {\r\n transform: translateX(-50%) scale(1.08)\r\n }\r\n\r\n .p2-node-4.active {\r\n transform: translateY(-50%) scale(1.08)\r\n }\r\n\r\n .p2-arc {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none\r\n }\r\n\r\n .p2-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px\r\n }\r\n\r\n .p2-card {\r\n position: sticky;\r\n top: 120px;\r\n border: 1px solid var(--line-2);\r\n border-radius: 18px;\r\n background: #0a0b0f;\r\n padding: 36px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px\r\n }\r\n\r\n .p2-card .p2-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-bottom: 18px;\r\n border-bottom: 1px solid var(--line-2)\r\n }\r\n\r\n .p2-card .p2-ico {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(110, 193, 228, .1);\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--blue);\r\n font-size: 20px\r\n }\r\n\r\n .p2-card .p2-num {\r\n font-size: 54px;\r\n font-weight: 800;\r\n letter-spacing: -.04em;\r\n color: var(--blue);\r\n line-height: 1;\r\n font-feature-settings: \"tnum\"\r\n }\r\n\r\n .p2-card h3 {\r\n font-size: 26px;\r\n font-weight: 700;\r\n letter-spacing: -.015em\r\n }\r\n\r\n .p2-card p {\r\n font-size: 15px;\r\n line-height: 1.65\r\n }\r\n\r\n .p2-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 6px\r\n }\r\n\r\n .p2-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, .04);\r\n border: 1px solid var(--line-2);\r\n font-size: 12px;\r\n color: var(--mute);\r\n font-weight: 500\r\n }\r\n\r\n .p2-pill::before {\r\n content: \"\";\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: var(--blue)\r\n }\r\n\r\n \/* ============ PROJECTS STRIP ============ *\/\r\n .projects2 {\r\n padding: 120px 0;\r\n background: #000\r\n }\r\n\r\n .projects2-head {\r\n text-align: center;\r\n margin-bottom: 48px\r\n }\r\n\r\n .projects2-head .eyebrow {\r\n justify-content: center;\r\n display: inline-flex\r\n }\r\n\r\n .projects2-head h2 {\r\n font-size: clamp(34px, 4.6vw, 60px);\r\n margin: 18px auto 14px;\r\n letter-spacing: -.03em;\r\n color: var(--blue)\r\n }\r\n\r\n .projects2-head p {\r\n font-size: 16px;\r\n max-width: 680px;\r\n margin: 0 auto\r\n }\r\n\r\n .strip {\r\n display: flex;\r\n width: 100%;\r\n height: 520px;\r\n gap: 6px;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n background: #04050a\r\n }\r\n\r\n .strip-item {\r\n position: relative;\r\n flex: 1;\r\n cursor: pointer;\r\n overflow: hidden;\r\n transition: flex 0.6s cubic-bezier(.7, .0, .2, 1);\r\n min-width: 60px\r\n }\r\n\r\n .strip-item.open {\r\n flex: 6\r\n }\r\n\r\n .strip-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n transition: transform .8s ease\r\n }\r\n\r\n .strip-item.open .strip-bg {\r\n transform: scale(1.02)\r\n }\r\n\r\n .strip-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, .85));\r\n z-index: 2\r\n }\r\n\r\n \/* Per-item LED visuals *\/\r\n .strip-bg.s1 {\r\n background: radial-gradient(circle at 50% 40%, rgba(255, 200, 180, .4), transparent 50%), repeating-linear-gradient(0deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .18) 0 1px, transparent 1px 5px), #08090e\r\n }\r\n\r\n .strip-bg.s2 {\r\n background: radial-gradient(circle at 60% 50%, rgba(220, 0, 0, .45), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 8px), #06070a\r\n }\r\n\r\n .strip-bg.s3 {\r\n background: radial-gradient(circle at 50% 40%, rgba(110, 193, 228, .4), transparent 55%), repeating-linear-gradient(45deg, rgba(110, 193, 228, .16) 0 1px, transparent 1px 7px), #06070a\r\n }\r\n\r\n .strip-bg.s4 {\r\n background: radial-gradient(circle at 50% 50%, rgba(110, 193, 228, .5), transparent 55%), linear-gradient(180deg, #0a0e16, #04060a), repeating-linear-gradient(0deg, rgba(110, 193, 228, .2) 0 1px, transparent 1px 4px)\r\n }\r\n\r\n .strip-bg.s5 {\r\n background: linear-gradient(135deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .05)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 8px), #07090d\r\n }\r\n\r\n .strip-bg.s6 {\r\n background: radial-gradient(circle at 50% 40%, rgba(220, 0, 0, .4), transparent 55%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 14px), #08090d\r\n }\r\n\r\n .strip-bg.s7 {\r\n background: radial-gradient(circle at 50% 40%, rgba(255, 140, 140, .35), transparent 55%), repeating-linear-gradient(0deg, rgba(110, 193, 228, .14) 0 1px, transparent 1px 6px), #08090e\r\n }\r\n\r\n .strip-num {\r\n position: absolute;\r\n left: 18px;\r\n top: 18px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #fff;\r\n background: rgba(0, 0, 0, .5);\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n border: 1px solid var(--line);\r\n z-index: 3;\r\n letter-spacing: .06em\r\n }\r\n\r\n .strip-pitch {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 130px;\r\n transform: translateX(-50%);\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #031018;\r\n background: var(--blue);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n z-index: 3;\r\n letter-spacing: .06em;\r\n opacity: 0;\r\n transition: opacity .3s .25s\r\n }\r\n\r\n .strip-item.open .strip-pitch {\r\n opacity: 1\r\n }\r\n\r\n .strip-meta {\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 24px;\r\n z-index: 3;\r\n color: #fff;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all .3s .25s\r\n }\r\n\r\n .strip-item.open .strip-meta {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n\r\n .strip-meta .name {\r\n font-size: 22px;\r\n font-weight: 700;\r\n letter-spacing: -.01em\r\n }\r\n\r\n .strip-meta .desc {\r\n font-size: 13.5px;\r\n color: rgba(255, 255, 255, .78);\r\n margin-top: 4px\r\n }\r\n\r\n .strip-side {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%) rotate(-90deg);\r\n transform-origin: center;\r\n font-size: 11px;\r\n letter-spacing: .32em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .7);\r\n font-weight: 700;\r\n white-space: nowrap;\r\n z-index: 3;\r\n transition: opacity .3s\r\n }\r\n\r\n .strip-item.open .strip-side {\r\n opacity: 0\r\n }\r\n\r\n .strip-view-cta {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 36px\r\n }\r\n\r\n \/* responsive minimal *\/\r\n @media (max-width: 980px) {\r\n .hero-ribbon {\r\n grid-template-columns: repeat(2, 1fr)\r\n }\r\n\r\n .hero-ribbon>div:nth-child(2n) {\r\n border-right: 0\r\n }\r\n\r\n .stat-grid,\r\n .hub-grid,\r\n .prod-grid,\r\n .why-grid,\r\n .testi-grid,\r\n .logo-grid {\r\n grid-template-columns: repeat(2, 1fr)\r\n }\r\n\r\n .section-head,\r\n .monitor-grid,\r\n .faq-grid,\r\n .challenge-card,\r\n .loc-grid,\r\n .foot-grid {\r\n grid-template-columns: 1fr;\r\n gap: 32px\r\n }\r\n\r\n .aeo-card {\r\n grid-template-columns: 1fr;\r\n padding: 32px\r\n }\r\n\r\n .proc-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .process::before {\r\n left: 14px\r\n }\r\n\r\n .proc-step.left,\r\n .proc-step.right {\r\n padding-left: 40px;\r\n padding-right: 0;\r\n text-align: left;\r\n grid-column: 1\r\n }\r\n\r\n .proc-step.left p {\r\n margin-left: 0\r\n }\r\n\r\n .proc-node {\r\n left: 14px\r\n }\r\n\r\n .proj-grid {\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: repeat(3, 200px)\r\n }\r\n\r\n .proj-1 {\r\n grid-column: 1 \/ span 2;\r\n grid-row: 1\r\n }\r\n\r\n .nav-links {\r\n display: none\r\n }\r\n\r\n .explorer-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .ex-panel {\r\n grid-template-columns: 1fr;\r\n min-height: auto\r\n }\r\n\r\n .ex-stage {\r\n min-height: 280px\r\n }\r\n\r\n .ex-info {\r\n padding: 28px\r\n }\r\n\r\n .ex-list-items {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .ind-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .p2-grid {\r\n grid-template-columns: 1fr;\r\n gap: 36px\r\n }\r\n\r\n .p2-circle-wrap {\r\n position: relative;\r\n top: 0;\r\n height: auto;\r\n margin-bottom: 24px\r\n }\r\n\r\n .p2-circle {\r\n width: 280px;\r\n height: 280px\r\n }\r\n\r\n .p2-card {\r\n position: relative;\r\n top: 0\r\n }\r\n\r\n .strip {\r\n flex-direction: column;\r\n height: auto\r\n }\r\n\r\n .strip-item {\r\n height: 200px\r\n }\r\n\r\n .strip-item.open {\r\n flex: none;\r\n height: 360px\r\n }\r\n\r\n .strip-side {\r\n transform: translate(-50%, -50%)\r\n }\r\n }\r\n\r\n \/* ============ FLIP PRODUCT CARDS ============ *\/\r\n .flip-products {\r\n padding: 120px 0;\r\n background: #000;\r\n position: relative\r\n }\r\n\r\n .flip-products::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--line), transparent)\r\n }\r\n\r\n .flip-section-head {\r\n text-align: center;\r\n margin-bottom: 0\r\n }\r\n\r\n .flip-cta-banner {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 28px;\r\n margin-bottom: 52px\r\n }\r\n\r\n .flip-cta-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 15px 26px;\r\n border-radius: 999px;\r\n background: linear-gradient(135deg, rgba(220, 0, 0, .18), rgba(220, 0, 0, .04));\r\n border: 1px solid rgba(220, 0, 0, .38);\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n text-align: center\r\n }\r\n\r\n .flip-cta-pill .fcp-accent {\r\n color: #ff8080;\r\n font-size: 19px;\r\n font-weight: 800\r\n }\r\n\r\n .flip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px\r\n }\r\n\r\n .flip-card {\r\n height: 420px;\r\n perspective: 1200px;\r\n cursor: pointer;\r\n outline: none\r\n }\r\n\r\n .flip-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transform-style: preserve-3d;\r\n transition: transform .75s cubic-bezier(.4, 0, .2, 1)\r\n }\r\n\r\n .flip-card:hover .flip-inner,\r\n .flip-card:focus .flip-inner,\r\n .flip-card.tapped .flip-inner {\r\n transform: rotateY(180deg)\r\n }\r\n\r\n .flip-front,\r\n .flip-back {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n overflow: hidden;\r\n border: 1px solid var(--line-2)\r\n }\r\n\r\n .flip-front {\r\n background: #08090d;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 28px\r\n }\r\n\r\n .flip-back {\r\n background: linear-gradient(160deg, #0d1118, #06080d);\r\n transform: rotateY(180deg);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 30px;\r\n gap: 12px;\r\n border-color: var(--line)\r\n }\r\n\r\n .flip-front .fv {\r\n position: absolute;\r\n inset: 0;\r\n opacity: .75;\r\n pointer-events: none;\r\n transition: opacity .4s ease\r\n }\r\n\r\n .flip-card:hover .flip-front .fv {\r\n opacity: .95\r\n }\r\n\r\n .flip-front-indoor .fv {\r\n background: radial-gradient(circle at 65% 35%, rgba(110, 193, 228, .55), transparent 55%), repeating-linear-gradient(0deg, rgba(110, 193, 228, .2) 0 1px, transparent 1px 6px), repeating-linear-gradient(90deg, rgba(110, 193, 228, .2) 0 1px, transparent 1px 6px), #050610\r\n }\r\n\r\n .flip-front-outdoor .fv {\r\n background: radial-gradient(circle at 60% 38%, rgba(220, 0, 0, .52), transparent 52%), radial-gradient(circle at 25% 68%, rgba(255, 140, 40, .28), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 10px), #06070a\r\n }\r\n\r\n .flip-front-transparent .fv {\r\n background: linear-gradient(180deg, transparent 20%, rgba(110, 193, 228, .2)), repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 1px, transparent 1px 22px), repeating-linear-gradient(0deg, rgba(110, 193, 228, .14) 0 1px, transparent 1px 14px), #050610\r\n }\r\n\r\n .flip-front-poster .fv {\r\n background: radial-gradient(circle at 50% 32%, rgba(110, 193, 228, .38), transparent 55%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 5px), linear-gradient(180deg, rgba(110, 193, 228, .16), transparent 65%), #060810\r\n }\r\n\r\n .flip-front::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 25%, rgba(0, 0, 0, .88));\r\n border-radius: 20px;\r\n pointer-events: none\r\n }\r\n\r\n .flip-front-label {\r\n position: relative;\r\n z-index: 2;\r\n font-size: 10.5px;\r\n letter-spacing: .24em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n font-weight: 700;\r\n margin-bottom: 8px\r\n }\r\n\r\n .flip-front-title {\r\n position: relative;\r\n z-index: 2;\r\n font-size: 24px;\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n color: #fff\r\n }\r\n\r\n .flip-front-hint {\r\n position: relative;\r\n z-index: 2;\r\n margin-top: 10px;\r\n font-size: 11px;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .42);\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px\r\n }\r\n\r\n .flip-front-hint::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 1.5px;\r\n background: var(--blue);\r\n display: inline-block;\r\n flex-shrink: 0\r\n }\r\n\r\n .flip-corner-reg {\r\n position: absolute;\r\n width: 18px;\r\n height: 18px;\r\n border: 1.5px solid rgba(255, 255, 255, .35);\r\n z-index: 3;\r\n pointer-events: none\r\n }\r\n\r\n .flip-corner-reg.tl {\r\n top: 14px;\r\n left: 14px;\r\n border-right: 0;\r\n border-bottom: 0\r\n }\r\n\r\n .flip-corner-reg.tr {\r\n top: 14px;\r\n right: 14px;\r\n border-left: 0;\r\n border-bottom: 0\r\n }\r\n\r\n .flip-back-badge {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 10px;\r\n background: rgba(110, 193, 228, .1);\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 12px;\r\n letter-spacing: .06em;\r\n color: var(--blue);\r\n flex-shrink: 0\r\n }\r\n\r\n .flip-back-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n color: #fff;\r\n line-height: 1.1\r\n }\r\n\r\n .flip-back-desc {\r\n font-size: 13px;\r\n line-height: 1.55;\r\n color: var(--mute);\r\n margin: 0\r\n }\r\n\r\n .flip-back-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n flex: 1\r\n }\r\n\r\n .flip-back-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n font-size: 12.5px;\r\n color: rgba(255, 255, 255, .88);\r\n font-weight: 500;\r\n line-height: 1.35\r\n }\r\n\r\n .flip-back-list li::before {\r\n content: \"\";\r\n width: 5px;\r\n height: 5px;\r\n min-width: 5px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 6px var(--blue-glow)\r\n }\r\n\r\n .flip-back-cta {\r\n margin-top: auto;\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap\r\n }\r\n\r\n .flip-back::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -50px;\r\n top: -50px;\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--blue-glow), transparent 70%);\r\n filter: blur(30px);\r\n pointer-events: none;\r\n animation: wfPulse 6s ease-in-out infinite\r\n }\r\n\r\n \/* ============ LOGO HOVER UPGRADE ============ *\/\r\n .logo-cell .mk {\r\n transition: transform .28s cubic-bezier(.4, 0, .2, 1), color .28s ease, text-shadow .28s ease;\r\n display: inline-block\r\n }\r\n\r\n .logo-cell:hover .mk {\r\n transform: scale(1.22);\r\n color: #fff;\r\n text-shadow: 0 0 28px var(--blue-glow)\r\n }\r\n\r\n .logo-cell:hover {\r\n background: #0d0e14;\r\n color: #fff\r\n }\r\n\r\n \/* ============ MOBILE: PROCESS FIX ============ *\/\r\n @media (max-width:980px) {\r\n .p2-circle-wrap {\r\n position: relative !important;\r\n top: 0 !important;\r\n height: auto;\r\n padding: 28px 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center\r\n }\r\n\r\n .p2-circle {\r\n width: 260px !important;\r\n height: 260px !important\r\n }\r\n\r\n .p2-center .ico {\r\n font-size: 26px;\r\n margin-bottom: 10px\r\n }\r\n\r\n .p2-center .ttl {\r\n font-size: 12px\r\n }\r\n\r\n .p2-cards {\r\n gap: 0 !important;\r\n position: relative;\r\n padding-left: 24px !important;\r\n border-left: 2px solid var(--line-2) !important\r\n }\r\n\r\n .p2-card {\r\n position: relative !important;\r\n top: 0 !important;\r\n border-radius: 14px;\r\n margin-bottom: 16px\r\n }\r\n\r\n .p2-card .p2-num {\r\n font-size: 40px\r\n }\r\n }\r\n\r\n \/* ============ MOBILE: EXPLORER ACCORDION ============ *\/\r\n @media (max-width:980px) {\r\n .explorer-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .ex-panel {\r\n display: none !important\r\n }\r\n\r\n .ex-item {\r\n cursor: pointer;\r\n transition: all .25s ease\r\n }\r\n\r\n .ex-item .ex-chev {\r\n transition: transform .25s ease;\r\n font-size: 18px\r\n }\r\n\r\n .ex-item.mobile-open .ex-chev {\r\n transform: rotate(90deg)\r\n }\r\n\r\n .ex-mobile-detail {\r\n animation: fadeUp .35s ease;\r\n background: linear-gradient(135deg, rgba(110, 193, 228, .09), rgba(110, 193, 228, .01));\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n padding: 20px 18px;\r\n margin: 6px 0 10px\r\n }\r\n\r\n .ex-mobile-detail h4 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin: 0 0 6px;\r\n letter-spacing: -.01em\r\n }\r\n\r\n .ex-mobile-lead {\r\n font-size: 13px;\r\n line-height: 1.55;\r\n color: var(--mute);\r\n display: block;\r\n margin-bottom: 14px\r\n }\r\n\r\n .ex-mobile-badge-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 4px 12px;\r\n background: var(--t-accent-soft);\r\n border: 1px solid var(--line);\r\n border-radius: 999px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: var(--blue);\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n margin-bottom: 12px\r\n }\r\n\r\n .ex-mobile-feats {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 16px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 7px 14px\r\n }\r\n\r\n .ex-mobile-feats li {\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, .85);\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-weight: 500\r\n }\r\n\r\n .ex-mobile-feats li::before {\r\n content: \"\";\r\n width: 5px;\r\n height: 5px;\r\n min-width: 5px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n flex-shrink: 0\r\n }\r\n\r\n .ex-mobile-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap\r\n }\r\n }\r\n\r\n \/* ============ MOBILE: PROJECTS STRIP ============ *\/\r\n @media (max-width:980px) {\r\n .strip {\r\n flex-direction: column !important;\r\n height: auto !important\r\n }\r\n\r\n .strip-item {\r\n height: 100px !important;\r\n flex: none !important;\r\n min-width: unset !important\r\n }\r\n\r\n .strip-item.open {\r\n height: 240px !important\r\n }\r\n\r\n .strip-side {\r\n transform: translate(-50%, -50%) !important;\r\n font-size: 9px;\r\n letter-spacing: .22em\r\n }\r\n\r\n .strip-meta .name {\r\n font-size: 16px\r\n }\r\n\r\n .strip-meta .desc {\r\n font-size: 12px\r\n }\r\n }\r\n\r\n \/* ============ MOBILE: GENERAL ============ *\/\r\n @media (max-width:980px) {\r\n .nav-cta .btn-ghost {\r\n display: none\r\n }\r\n\r\n .hero::before {\r\n display: none;\r\n }\r\n\r\n \/* Remove dot pattern on mobile *\/\r\n\r\n .hero {\r\n padding: 52px 0 40px\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(28px, 8vw, 52px) !important\r\n }\r\n\r\n .hero-cta {\r\n gap: 8px\r\n }\r\n\r\n .hero-ribbon {\r\n grid-template-columns: repeat(3, 1fr) !important\r\n }\r\n\r\n .hero-ribbon>div {\r\n padding: 14px 10px;\r\n font-size: 11px\r\n }\r\n\r\n .hero-ribbon>div:nth-child(3) {\r\n border-right: 0 !important\r\n }\r\n\r\n .hero-ribbon>div:nth-child(4) {\r\n grid-column: span 3 !important;\r\n border-right: 0;\r\n border-top: 1px solid var(--line-2)\r\n }\r\n\r\n .hero-ribbon>div:nth-child(5) {\r\n display: none !important\r\n }\r\n\r\n .aeo-card {\r\n grid-template-columns: 1fr !important;\r\n padding: 28px\r\n }\r\n\r\n .stat-grid {\r\n grid-template-columns: 1fr 1fr !important\r\n }\r\n\r\n .stat .num {\r\n font-size: 40px\r\n }\r\n\r\n .stat .num .unit {\r\n font-size: 20px\r\n }\r\n\r\n .section-head {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px\r\n }\r\n\r\n .hub-grid {\r\n grid-template-columns: 1fr 1fr !important\r\n }\r\n\r\n .hub-card {\r\n min-height: 200px;\r\n padding: 22px\r\n }\r\n\r\n .monitor-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px\r\n }\r\n\r\n .why-head {\r\n flex-direction: column;\r\n align-items: start\r\n }\r\n\r\n .why-head .why-meta {\r\n border-left: 0 !important;\r\n padding-left: 0 !important;\r\n border-top: 1px solid var(--line-2);\r\n padding-top: 16px;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n width: 100%\r\n }\r\n\r\n .why-grid {\r\n grid-template-columns: 1fr !important;\r\n grid-auto-rows: auto !important\r\n }\r\n\r\n .why-feature,\r\n .why-card {\r\n grid-column: 1 !important;\r\n grid-row: auto !important\r\n }\r\n\r\n .why-feature {\r\n padding: 28px !important\r\n }\r\n\r\n .wf-stage {\r\n display: none !important\r\n }\r\n\r\n .wf-body {\r\n max-width: none !important;\r\n margin-top: 0 !important\r\n }\r\n\r\n .wf-foot {\r\n flex-wrap: wrap;\r\n gap: 20px\r\n }\r\n\r\n .testi-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .faq-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 36px\r\n }\r\n\r\n .challenge-card {\r\n grid-template-columns: 1fr !important;\r\n padding: 32px 26px\r\n }\r\n\r\n .challenge-cta {\r\n justify-self: start !important;\r\n width: 100%\r\n }\r\n\r\n .upload-card {\r\n min-width: unset !important;\r\n width: 100%\r\n }\r\n\r\n .loc-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .ind-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .logo-grid {\r\n grid-template-columns: repeat(4, 1fr) !important\r\n }\r\n\r\n .flip-grid {\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 14px\r\n }\r\n\r\n .flip-card {\r\n height: 360px !important\r\n }\r\n\r\n .flip-front-title {\r\n font-size: 20px\r\n }\r\n\r\n .flip-back {\r\n padding: 22px 20px;\r\n gap: 10px\r\n }\r\n\r\n .flip-back-title {\r\n font-size: 17px\r\n }\r\n\r\n .flip-back-desc {\r\n font-size: 12px\r\n }\r\n\r\n .flip-back-list li {\r\n font-size: 11.5px\r\n }\r\n\r\n .foot-grid {\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 32px\r\n }\r\n\r\n .foot-grid>div:first-child {\r\n grid-column: 1 \/ -1\r\n }\r\n\r\n .prod-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n }\r\n\r\n @media (max-width:600px) {\r\n .wrap {\r\n padding: 0 16px\r\n }\r\n\r\n .hero-carousel {\r\n height: 260px !important;\r\n margin-top: 24px !important\r\n }\r\n\r\n .hc-cap {\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 8px;\r\n left: 14px;\r\n right: 14px;\r\n bottom: 14px\r\n }\r\n\r\n .hc-cap h3 {\r\n font-size: 16px !important\r\n }\r\n\r\n .hc-cap .spec b {\r\n font-size: 13px !important\r\n }\r\n\r\n .hc-cap .spec {\r\n gap: 18px\r\n }\r\n\r\n .nav-inner {\r\n height: 60px\r\n }\r\n\r\n .logo {\r\n font-size: 16px\r\n }\r\n\r\n .nav-cta .btn-primary {\r\n padding: 9px 14px;\r\n font-size: 12px\r\n }\r\n\r\n .btn .arr {\r\n display: none\r\n }\r\n\r\n .hero-ribbon {\r\n grid-template-columns: 1fr 1fr !important\r\n }\r\n\r\n .hero-ribbon>div:nth-child(2n) {\r\n border-right: 0 !important\r\n }\r\n\r\n .hero-ribbon>div:nth-child(3) {\r\n border-right: 1px solid var(--line-2) !important\r\n }\r\n\r\n .hero-ribbon>div:nth-child(4) {\r\n grid-column: span 2 !important;\r\n border-top: 1px solid var(--line-2);\r\n border-right: 0 !important\r\n }\r\n\r\n .stat-grid {\r\n grid-template-columns: 1fr 1fr !important\r\n }\r\n\r\n .hub-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .logo-grid {\r\n grid-template-columns: repeat(3, 1fr) !important\r\n }\r\n\r\n .flip-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .flip-card {\r\n height: 300px !important\r\n }\r\n\r\n .flip-front-title {\r\n font-size: 22px\r\n }\r\n\r\n .flip-back {\r\n padding: 24px\r\n }\r\n\r\n .flip-back-title {\r\n font-size: 18px\r\n }\r\n\r\n .flip-back-list li {\r\n font-size: 12px\r\n }\r\n\r\n .foot-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n details.q summary {\r\n font-size: 15px\r\n }\r\n\r\n .testi-grid {\r\n grid-template-columns: 1fr !important\r\n }\r\n\r\n .hc-ind button {\r\n width: 26px\r\n }\r\n\r\n .hc-nav {\r\n width: 34px;\r\n height: 34px\r\n }\r\n\r\n .p2-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 28px\r\n }\r\n\r\n .why-head .why-meta {\r\n gap: 14px\r\n }\r\n\r\n .wf-foot {\r\n gap: 14px\r\n }\r\n }\r\n\r\n\r\n \/* ================================================================\r\n IMAGE SLOT SYSTEM\r\n Each slot has: <img class=\"slot-img\" src=\"\" alt=\"...\" loading=\"lazy\" decoding=\"async\">\r\n Replace src=\"\" with your photo URL.\r\n The dashed tag auto-hides once you add a real URL.\r\n ================================================================ *\/\r\n .slot-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n \/* fills whole area while maintaining aspect ratio *\/\r\n object-position: center;\r\n border-radius: inherit;\r\n }\r\n\r\n .slot-img[src=\"\"] {\r\n display: none\r\n }\r\n\r\n \/* Floating indicator \u2014 hides automatically when src is filled *\/\r\n .img-slot-tag {\r\n display: none;\r\n position: absolute;\r\n z-index: 50;\r\n top: 10px;\r\n right: 10px;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 9px;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: rgba(110, 193, 228, .9);\r\n font-weight: 700;\r\n background: rgba(0, 6, 18, .82);\r\n padding: 5px 11px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(110, 193, 228, .35);\r\n pointer-events: none;\r\n white-space: nowrap;\r\n backdrop-filter: blur(4px);\r\n font-family: 'Montserrat', sans-serif\r\n }\r\n\r\n .img-slot-tag::before {\r\n content: \"\ud83d\udcf7 \"\r\n }\r\n\r\n .slot-img[src=\"\"]+.img-slot-tag {\r\n display: flex\r\n }\r\n\r\n .hero-carousel {\r\n position: relative;\r\n width: 100%;\r\n height: 620px;\r\n \/* adjust if needed *\/\r\n overflow: hidden;\r\n border-radius: 28px;\r\n }\r\n\r\n .hc-slide {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.6s ease;\r\n }\r\n\r\n .hc-slide.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .slot-img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n \/* image fills perfectly *\/\r\n object-position: center;\r\n }\r\n\r\n \/* Remove this if you added object-contain in HTML *\/\r\n .object-contain {\r\n object-fit: cover !important;\r\n }\r\n\r\n \/* Mobile responsive *\/\r\n @media (max-width: 768px) {\r\n .hero-carousel {\r\n height: 430px;\r\n border-radius: 20px;\r\n }\r\n\r\n .slot-img {\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-carousel {\r\n height: 360px;\r\n }\r\n }\r\n\r\n .hero,\r\n .aeo,\r\n .stats,\r\n .explorer,\r\n .flip-products,\r\n .monitor,\r\n .why,\r\n .process2,\r\n .projects2,\r\n .logos,\r\n .logos,\r\n .industries,\r\n .testi,\r\n .faq,\r\n .challenge,\r\n .locations {\r\n padding: 50px 0;\r\n }\r\n\r\n \/* EXACT LOCALHOST CARD FIX *\/\r\n \/* ====================================================\r\n EXACT LOCALHOST CARD FIX (WITH MOBILE RESPONSIVENESS)\r\n ==================================================== *\/\r\n #product-categories .flip-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 24px !important;\r\n }\r\n\r\n \/* Responsive Breakpoint for Medium Screens \/ Tablets *\/\r\n @media (max-width: 980px) {\r\n #product-categories .flip-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n \/* Drops to 2 columns *\/\r\n gap: 16px !important;\r\n }\r\n\r\n #product-categories .flip-card {\r\n height: 380px !important;\r\n \/* Slightly scales card height *\/\r\n }\r\n }\r\n\r\n \/* Responsive Breakpoint for Smaller Phones *\/\r\n @media (max-width: 560px) {\r\n #product-categories .flip-grid {\r\n grid-template-columns: 1fr !important;\r\n \/* Stacks completely into 1 column *\/\r\n }\r\n\r\n #product-categories .flip-card {\r\n height: 340px !important;\r\n }\r\n }\r\n\r\n #product-categories .flip-card {\r\n height: 420px !important;\r\n min-height: unset !important;\r\n perspective: 1200px !important;\r\n }\r\n\r\n \/* image exactly like localhost *\/\r\n #product-categories .slot-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n display: block !important;\r\n }\r\n\r\n .projects2 .strip-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .projects2 .slot-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n \/* fills full space while maintaining ratio *\/\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .projects2 .strip-item {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .industries .ind-media {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n min-height: 320px;\r\n }\r\n\r\n .industries .ind-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .industries .slot-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .industries .ind-reveal {\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n .industries .img-slot-tag {\r\n z-index: 4;\r\n }\r\n\r\n \/* All Background Variants *\/\r\n .ex-bg-1,\r\n .ex-bg-2,\r\n .ex-bg-3,\r\n .ex-bg-4,\r\n .ex-bg-5,\r\n .ex-bg-6,\r\n .ex-bg-7,\r\n .ex-bg-8 {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Full Space Images *\/\r\n .ex-bg-1 .bg-img,\r\n .ex-bg-2 .bg-img,\r\n .ex-bg-3 .bg-img,\r\n .ex-bg-4 .bg-img,\r\n .ex-bg-5 .bg-img,\r\n .ex-bg-6 .bg-img,\r\n .ex-bg-7 .bg-img,\r\n .ex-bg-8 .bg-img {\r\n position: absolute;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n object-fit: contain;\r\n object-position: center;\r\n\r\n z-index: 1;\r\n }\r\n\r\n \/* Overlay Elements *\/\r\n .ex-bg-1 .grid,\r\n .ex-bg-1 .glow,\r\n .ex-bg-2 .grid,\r\n .ex-bg-2 .glow,\r\n .ex-bg-3 .grid,\r\n .ex-bg-3 .glow,\r\n .ex-bg-4 .grid,\r\n .ex-bg-4 .glow,\r\n .ex-bg-5 .grid,\r\n .ex-bg-5 .glow,\r\n .ex-bg-6 .grid,\r\n .ex-bg-6 .glow,\r\n .ex-bg-7 .grid,\r\n .ex-bg-7 .glow,\r\n .ex-bg-8 .grid,\r\n .ex-bg-8 .glow {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 2;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .p2-grid {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .p2-circle-wrap {\r\n position: sticky !important;\r\n top: 80px !important;\r\n z-index: 5;\r\n height: auto;\r\n padding: 20px 0;\r\n background: #05060a;\r\n }\r\n\r\n .p2-circle {\r\n width: 240px !important;\r\n height: 240px !important;\r\n margin: 0 auto;\r\n }\r\n\r\n .p2-cards {\r\n position: relative;\r\n padding-left: 0 !important;\r\n border-left: 0 !important;\r\n }\r\n\r\n .p2-card {\r\n position: sticky !important;\r\n top: 360px !important;\r\n margin-bottom: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .p2-circle-wrap {\r\n top: 70px !important;\r\n }\r\n\r\n .p2-card {\r\n top: 330px !important;\r\n }\r\n\r\n .p2-circle {\r\n width: 220px !important;\r\n height: 220px !important;\r\n }\r\n }\r\n\r\n .dash-screens {\r\n flex: 1;\r\n display: block !important;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px;\r\n }\r\n\r\n .monitor-video {\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: block;\r\n object-fit: cover;\r\n border-radius: 12px;\r\n }\r\n\r\n .ex-stage {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n min-height: 520px !important;\r\n background: #000 !important;\r\n }\r\n\r\n .ex-bg {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .ex-bg.show {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .ex-bg .bg-img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n display: block !important;\r\n }\r\n\r\n .ex-stage::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg,\r\n rgba(0, 0, 0, 0.12),\r\n rgba(0, 0, 0, 0.65));\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .ex-tag,\r\n .stage-foot {\r\n position: relative !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .ex-panel {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .ex-stage {\r\n min-height: 420px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .ex-stage {\r\n min-height: 320px !important;\r\n border-radius: 18px !important;\r\n }\r\n\r\n .ex-bg .bg-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \/* ====================================================\r\n VIDEO REEL \/ INSTALLATION SECTION (ALL MATCHED DISPLAYS)\r\n ==================================================== *\/\r\n\r\n .reel {\r\n padding: var(--pad-section) 0;\r\n background: linear-gradient(180deg, var(--black), var(--ink-2));\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .reel-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n gap: 40px;\r\n margin-bottom: 40px\r\n }\r\n\r\n .reel-head .l {\r\n max-width: 720px\r\n }\r\n\r\n .reel-head h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n letter-spacing: -.03em\r\n }\r\n\r\n .reel-head h2 .accent {\r\n color: var(--blue)\r\n }\r\n\r\n .reel-head .l p {\r\n margin-top: 14px;\r\n font-size: 15.5px\r\n }\r\n\r\n .reel-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-shrink: 0\r\n }\r\n\r\n .reel-controls .count {\r\n font-family: var(--mono);\r\n font-size: 11px;\r\n letter-spacing: .2em;\r\n color: var(--mute);\r\n text-transform: uppercase\r\n }\r\n\r\n .reel-controls .count b {\r\n color: #fff\r\n }\r\n\r\n .reel-nav {\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 50%;\r\n border: 1px solid var(--line-2);\r\n display: grid;\r\n place-items: center;\r\n transition: all .25s;\r\n background: rgba(255, 255, 255, .02);\r\n color: #fff;\r\n cursor: pointer;\r\n }\r\n\r\n .reel-nav:hover:not(:disabled) {\r\n background: var(--blue);\r\n color: #031018;\r\n border-color: var(--blue);\r\n transform: scale(1.05)\r\n }\r\n\r\n .reel-nav:disabled {\r\n opacity: .35;\r\n cursor: not-allowed\r\n }\r\n\r\n .reel-nav svg {\r\n width: 18px;\r\n height: 18px\r\n }\r\n\r\n .reel-track {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n -webkit-overflow-scrolling: touch;\r\n padding: 4px 0 32px;\r\n scrollbar-width: none;\r\n touch-action: pan-x;\r\n overscroll-behavior-x: contain\r\n }\r\n\r\n .reel-track::-webkit-scrollbar {\r\n display: none\r\n }\r\n\r\n .reel-track::after {\r\n content: \"\";\r\n flex: 0 0 24px\r\n }\r\n\r\n \/* \u2500\u2500 Video Card \u2500\u2500 *\/\r\n .vcard {\r\n flex: 0 0 min(520px, 80vw);\r\n aspect-ratio: 16\/10;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #06080c;\r\n scroll-snap-align: start;\r\n cursor: pointer;\r\n border: 1px solid var(--line-2);\r\n transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;\r\n isolation: isolate\r\n }\r\n\r\n .vcard:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--blue);\r\n box-shadow: 0 30px 80px -30px var(--blue-glow)\r\n }\r\n\r\n .vcard .poster {\r\n position: absolute;\r\n inset: 0\r\n }\r\n\r\n \/* Thumbnail clean-up overrides *\/\r\n .vthumb {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 1 !important;\r\n }\r\n\r\n .vcard .pl {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, .5);\r\n border: 1.5px solid rgba(255, 255, 255, .5);\r\n display: grid;\r\n place-items: center;\r\n backdrop-filter: blur(8px);\r\n z-index: 3;\r\n transition: all .3s\r\n }\r\n\r\n .vcard:hover .pl {\r\n background: var(--blue);\r\n border-color: var(--blue);\r\n transform: translate(-50%, -50%) scale(1.08);\r\n box-shadow: 0 0 40px var(--blue-glow)\r\n }\r\n\r\n .vcard .pl::after {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 11px 0 11px 18px;\r\n border-color: transparent transparent transparent #fff;\r\n margin-left: 5px;\r\n transition: border-color .3s\r\n }\r\n\r\n .vcard:hover .pl::after {\r\n border-color: #031018\r\n }\r\n\r\n .vcard .vcap {\r\n position: absolute;\r\n left: 20px;\r\n right: 20px;\r\n bottom: 18px;\r\n z-index: 4\r\n }\r\n\r\n .vcard .vcap .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: var(--mono);\r\n font-size: 10px;\r\n letter-spacing: .22em;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n margin-bottom: 6px\r\n }\r\n\r\n .vcard .vcap .tag::before {\r\n content: \"\";\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 8px var(--blue-glow)\r\n }\r\n\r\n .vcard .vcap h3 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n letter-spacing: -.01em;\r\n line-height: 1.2;\r\n color: #fff;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis\r\n }\r\n\r\n .vcard .vcap .meta {\r\n margin-top: 4px;\r\n font-size: 11px;\r\n color: rgba(255, 255, 255, .6);\r\n font-family: var(--mono);\r\n letter-spacing: .04em;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis\r\n }\r\n\r\n .vcard .idx {\r\n position: absolute;\r\n top: 16px;\r\n left: 20px;\r\n font-family: var(--mono);\r\n font-size: 10px;\r\n letter-spacing: .2em;\r\n color: rgba(255, 255, 255, .55);\r\n text-transform: uppercase;\r\n z-index: 4\r\n }\r\n\r\n .vcard .idx b {\r\n color: #fff\r\n }\r\n\r\n .vcard .dur {\r\n position: absolute;\r\n top: 16px;\r\n right: 20px;\r\n font-family: var(--mono);\r\n font-size: 10px;\r\n color: rgba(255, 255, 255, .7);\r\n background: rgba(0, 0, 0, .55);\r\n padding: 5px 9px;\r\n border-radius: 6px;\r\n border: 1px solid rgba(255, 255, 255, .08);\r\n z-index: 4;\r\n backdrop-filter: blur(6px)\r\n }\r\n\r\n .reel-progress {\r\n position: relative;\r\n height: 3px;\r\n background: var(--line-2);\r\n border-radius: 2px;\r\n margin-top: 8px;\r\n overflow: hidden\r\n }\r\n\r\n .reel-progress .bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 20%;\r\n background: linear-gradient(90deg, var(--blue), var(--blue-deep));\r\n border-radius: 2px;\r\n transition: left .15s ease, width .15s ease;\r\n box-shadow: 0 0 12px var(--blue-glow)\r\n }\r\n\r\n \/* \u2500\u2500 Lightbox (Video Viewer Modal) \u2500\u2500 *\/\r\n .lb-video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: none;\r\n z-index: 5;\r\n background: #000\r\n }\r\n\r\n .lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, .88);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 100;\r\n opacity: 0;\r\n transition: opacity .35s ease\r\n }\r\n\r\n .lightbox.open {\r\n display: flex;\r\n opacity: 1\r\n }\r\n\r\n .lightbox-inner {\r\n position: relative;\r\n width: min(1100px, 92vw);\r\n aspect-ratio: 16\/9;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n background: #04060a;\r\n transform: scale(.95);\r\n transition: transform .45s cubic-bezier(.2, .7, .2, 1);\r\n box-shadow: 0 60px 140px -30px rgba(110, 193, 234, .4)\r\n }\r\n\r\n .lightbox.open .lightbox-inner {\r\n transform: scale(1)\r\n }\r\n\r\n .lightbox-poster {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center\r\n }\r\n\r\n .lightbox-pl {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n display: grid;\r\n place-items: center;\r\n cursor: pointer;\r\n transition: transform .25s, box-shadow .25s;\r\n box-shadow: 0 0 60px var(--blue-glow);\r\n z-index: 3\r\n }\r\n\r\n .lightbox-pl:hover {\r\n transform: translate(-50%, -50%) scale(1.06)\r\n }\r\n\r\n .lightbox-pl::after {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 14px 0 14px 24px;\r\n border-color: transparent transparent transparent #031018;\r\n margin-left: 5px\r\n }\r\n\r\n .lightbox-meta {\r\n position: absolute;\r\n left: 32px;\r\n right: 32px;\r\n bottom: 28px;\r\n z-index: 4\r\n }\r\n\r\n .lightbox-meta .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: var(--mono);\r\n font-size: 11px;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n margin-bottom: 10px;\r\n font-weight: 600\r\n }\r\n\r\n .lightbox-meta .tag::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--blue);\r\n box-shadow: 0 0 10px var(--blue-glow)\r\n }\r\n\r\n .lightbox-meta h3 {\r\n font-size: clamp(20px, 2.4vw, 30px);\r\n font-weight: 700;\r\n letter-spacing: -.015em;\r\n color: #fff\r\n }\r\n\r\n .lightbox-meta .meta {\r\n margin-top: 6px;\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, .7);\r\n font-family: var(--mono)\r\n }\r\n\r\n .lightbox-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, .55);\r\n border: 1px solid rgba(255, 255, 255, .25);\r\n color: #fff;\r\n display: grid;\r\n place-items: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all .25s;\r\n backdrop-filter: blur(8px)\r\n }\r\n\r\n .lightbox-close:hover {\r\n background: var(--red);\r\n border-color: var(--red);\r\n transform: rotate(90deg)\r\n }\r\n\r\n .lightbox-close svg {\r\n width: 18px;\r\n height: 18px\r\n }\r\n\r\n .lightbox-counter {\r\n position: absolute;\r\n top: 18px;\r\n left: 18px;\r\n font-family: var(--mono);\r\n font-size: 11px;\r\n letter-spacing: .2em;\r\n color: rgba(255, 255, 255, .7);\r\n background: rgba(0, 0, 0, .55);\r\n padding: 9px 14px;\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, .15);\r\n z-index: 10;\r\n backdrop-filter: blur(8px);\r\n text-transform: uppercase\r\n }\r\n\r\n .lightbox-counter b {\r\n color: #fff\r\n }\r\n\r\n .lightbox-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, .55);\r\n border: 1px solid rgba(255, 255, 255, .2);\r\n color: #fff;\r\n display: grid;\r\n place-items: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all .25s;\r\n backdrop-filter: blur(8px)\r\n }\r\n\r\n .lightbox-arrow:hover {\r\n background: var(--blue);\r\n border-color: var(--blue);\r\n color: #031018\r\n }\r\n\r\n .lightbox-arrow.prev {\r\n left: 18px\r\n }\r\n\r\n .lightbox-arrow.next {\r\n right: 18px\r\n }\r\n\r\n .lightbox-arrow svg {\r\n width: 20px;\r\n height: 20px\r\n }\r\n\r\n \/* ====================================================\r\n TABLET RESPONSIVE RULES (max-width: 1100px)\r\n ==================================================== *\/\r\n @media(max-width:1100px) {\r\n\r\n .reel-head {\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 24px\r\n }\r\n }\r\n\r\n \/* ====================================================\r\n MOBILE RESPONSIVE RULES (max-width: 680px)\r\n ==================================================== *\/\r\n @media(max-width:680px) {\r\n .vcard {\r\n flex: 0 0 86vw\r\n }\r\n\r\n .vcard .vcap h3 {\r\n font-size: 15px\r\n }\r\n\r\n .vcard .vcap .meta {\r\n display: none\r\n }\r\n\r\n .vcard .pl {\r\n width: 52px;\r\n height: 52px\r\n }\r\n\r\n .vcard .pl::after {\r\n border-width: 8px 0 8px 14px\r\n }\r\n\r\n .lightbox-arrow {\r\n width: 38px;\r\n height: 38px\r\n }\r\n\r\n .lightbox-arrow.prev {\r\n left: 8px\r\n }\r\n\r\n .lightbox-arrow.next {\r\n right: 8px\r\n }\r\n\r\n .lightbox-meta {\r\n left: 16px;\r\n right: 16px;\r\n bottom: 16px\r\n }\r\n\r\n .lightbox-pl {\r\n width: 64px;\r\n height: 64px\r\n }\r\n }\r\n\r\n \/* ====================================================\r\n CLEAN-UP OVERRIDES (TEXTURES\/OVERLAYS DEACTIVATION)\r\n ==================================================== *\/\r\n .poster .tex,\r\n .lightbox-poster .tex {\r\n background: none !important;\r\n background-image: none !important;\r\n }\r\n\r\n .poster .tex::before,\r\n .lightbox-poster .tex::before {\r\n display: none !important;\r\n content: none !important;\r\n animation: none !important;\r\n background: none !important;\r\n }\r\n\r\n .poster.p1 .tex,\r\n .poster.p2 .tex,\r\n .poster.p3 .tex,\r\n .poster.p4 .tex,\r\n .poster.p5 .tex,\r\n .poster.p6 .tex {\r\n background: none !important;\r\n background-image: none !important;\r\n }\r\n\r\n .poster::after,\r\n .vcard::after,\r\n .lightbox-poster::after {\r\n display: none !important;\r\n content: none !important;\r\n }\r\n\r\n\r\n \/* 1. Force exactly 6 equal columns per row *\/\r\n .logo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 15px;\r\n \/* Adjust the spacing between your squares here *\/\r\n }\r\n\r\n \/* 2. Force the cell into a perfect 1:1 square *\/\r\n .logo-cell {\r\n aspect-ratio: 1 \/ 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 3. Ensure the inner elements stretch to fill the square *\/\r\n .logo-cell .mk,\r\n .logo-cell img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n\r\n \/* 4. Keeps your original object-fit: cover *\/\r\n .logo-cell img {\r\n object-fit: contain;\r\n }\r\n\r\n \/* Optional: Drop to 3 per row on mobile screens so they don't get too tiny *\/\r\n @media (max-width: 768px) {\r\n .logo-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n\r\n \/* 1. Force the parent card container to act as the positioning anchor *\/\r\n \/* Note: If your parent container uses a different class name (like .card or .stage-media), apply this to it *\/\r\n .logo-grid,\r\n div:has(> .ex-tag) {\r\n position: relative !important;\r\n }\r\n\r\n \/* 2. Pin the top badge absolutely to the top-left corner *\/\r\n .ex-tag {\r\n position: absolute !important;\r\n top: 20px !important;\r\n left: 20px !important;\r\n margin: 0 !important;\r\n z-index: 10 !important;\r\n display: inline-block !important;\r\n }\r\n\r\n \/* 3. Pin the footer absolutely to the very bottom edge *\/\r\n .stage-foot {\r\n position: absolute !important;\r\n bottom: 20px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n padding: 0 20px !important;\r\n box-sizing: border-box !important;\r\n z-index: 10 !important;\r\n\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n align-items: flex-end !important;\r\n }\r\n\r\n \/* 4. Format the price block on the right to align right and never clip *\/\r\n .stage-price {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-end !important;\r\n text-align: right !important;\r\n white-space: nowrap !important;\r\n }\r\n\r\n .stage-price small {\r\n display: block !important;\r\n margin-bottom: 2px !important;\r\n }\r\n\r\n\r\n \/* ============ HERO ============ *\/\r\n .hero {\r\n position: relative;\r\n \/* Change from padding: 72px 0 60px; to: *\/\r\n padding: 160px 0 60px;\r\n overflow: hidden;\r\n background: radial-gradient(ellipse 90% 60% at 50% 0%, var(--t-accent-soft), transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(220, 0, 0, .08), transparent 60%), #000;\r\n }\r\n\r\n @media (max-width:980px) {\r\n .nav-cta .btn-ghost {\r\n display: none\r\n }\r\n\r\n .hero {\r\n \/* Change from padding: 52px 0 40px; to: *\/\r\n padding: 120px 0 40px;\r\n }\r\n }\r\n\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PERFORMANCE & MOBILE RESPONSIVENESS FIXES\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n \/* Respect user preference for reduced motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n \/* Paint containment \u2014 each section is an independent paint region *\/\r\n .hero,\r\n .aeo,\r\n .stats,\r\n .explorer,\r\n .flip-products,\r\n .monitor,\r\n .why,\r\n .process2,\r\n .projects2,\r\n .logos,\r\n .industries,\r\n .testi,\r\n .faq,\r\n .challenge,\r\n .locations,\r\n .reel {\r\n contain: layout style;\r\n }\r\n\r\n \/* GPU layer hints for animated elements *\/\r\n .hero-carousel {\r\n will-change: transform;\r\n }\r\n\r\n .hc-slide {\r\n will-change: opacity, transform;\r\n }\r\n\r\n .flip-inner {\r\n will-change: transform;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE PERFORMANCE (max-width: 980px) \u2500\u2500 *\/\r\n @media (max-width: 980px) {\r\n\r\n \/* Remove backdrop-filter from nav \u2014 huge paint cost on mobile *\/\r\n .nav {\r\n backdrop-filter: none !important;\r\n -webkit-backdrop-filter: none !important;\r\n background: rgba(0, 0, 0, .95) !important;\r\n }\r\n\r\n \/* Kill continuous animations that aren't visible *\/\r\n .wf-stage .orbit,\r\n .flip-back::before,\r\n .why-feature::after {\r\n animation: none !important;\r\n }\r\n\r\n \/* Correct hero carousel height on tablet *\/\r\n .hero-carousel {\r\n height: 320px !important;\r\n }\r\n\r\n \/* Kill heavy box-shadow repaints on scroll *\/\r\n .stat:hover,\r\n .hub-card:hover,\r\n .ind-card:hover,\r\n .prod:hover,\r\n .why-card:hover {\r\n box-shadow: none !important;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 SMALL MOBILE (max-width: 600px) \u2500\u2500 *\/\r\n @media (max-width: 600px) {\r\n\r\n \/* Correct carousel height *\/\r\n .hero-carousel {\r\n height: 220px !important;\r\n border-radius: 12px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n \/* \u2500\u2500 IMAGE OVERFLOW FIXES \u2500\u2500 *\/\r\n \/* Carousel images *\/\r\n .hc-slide .slot-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n \/* Product Explorer images *\/\r\n .ex-bg .bg-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n \/* Industries card images *\/\r\n .industries .slot-img,\r\n .ind-img .slot-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n \/* Projects strip images *\/\r\n .projects2 .slot-img,\r\n .strip-bg .slot-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n \/* Flip card product images *\/\r\n #product-categories .slot-img,\r\n .flip-front .slot-img {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n \/* Hero ribbon on small mobile *\/\r\n .hero-ribbon {\r\n grid-template-columns: 1fr 1fr !important;\r\n }\r\n\r\n .hero-ribbon>div:nth-child(5) {\r\n display: none !important;\r\n }\r\n\r\n \/* Stat numbers scale down *\/\r\n .stat .num {\r\n font-size: 36px;\r\n }\r\n\r\n .stat .num .unit {\r\n font-size: 18px;\r\n }\r\n\r\n \/* Section padding reduced on mobile *\/\r\n .hero,\r\n .aeo,\r\n .stats,\r\n .explorer,\r\n .flip-products,\r\n .monitor,\r\n .why,\r\n .process2,\r\n .projects2,\r\n .logos,\r\n .industries,\r\n .testi,\r\n .faq,\r\n .challenge,\r\n .locations,\r\n .reel {\r\n padding: 40px 0 !important;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 GLOBAL SAFE FALLBACK \u2500\u2500 *\/\r\n \/* Ensure no image causes horizontal overflow *\/\r\n .hero-carousel img,\r\n .ex-bg img,\r\n .ind-media img,\r\n .strip-bg img,\r\n .flip-front img {\r\n max-width: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"wrap hero-inner\">\r\n <span class=\"eyebrow \" style=\"color: #6ec1e4;\">Dubai \u00b7 Al Khawaneej 2 \u00b7 UAE & GCC<\/span>\r\n <h1>LED Screen Supplier in\r\n <br><span class=\"pulse\">Dubai, UAE<\/span>\r\n <\/h1>\r\n <p>Based in Dubai with 400+ UAE & GCC installations. We supply, and install indoor, outdoor, transparent,\r\n and poster LED screens within 2 business days.\r\n <\/p>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"background-color: #3861cb;\">Get a fixed quote <span class=\"arr\"><\/span><\/a>\r\n <a class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/led-display-products\/\">Browse LED Modules<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"wrap\">\r\n <div class=\"hero-carousel\" id=\"heroCarousel\">\r\n \r\n <span class=\"hc-corner tl\"><\/span>\r\n <span class=\"hc-corner tr\"><\/span>\r\n <span class=\"hc-counter\"><b id=\"hcNum\">01<\/b> \/ 05<\/span>\r\n\r\n <div class=\"hc-slide hc-1 active\" data-slide=\"0\">\r\n <img fetchpriority=\"high\" decoding=\"async\" class=\"slot-img object-cover\" fetchpriority=\"high\" width=\"1280\" height=\"620\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/a44526fc-44ec-410d-aa6d-26d87d0215ad.webp\"\r\n alt=\"COB indoor LED video wall installed at a Dubai retail flagship by StarLED\">\r\n <div class=\"img-slot-tag\">Slide 01 \u00b7 Retail<\/div>\r\n <div class=\"hc-cap\">\r\n <div class=\"l\">\r\n \r\n <h3>Luxury Retail Video Wall<\/h3>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hc-slide hc-2\" data-slide=\"1\">\r\n <img loading=\"lazy\" class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/itbf97ksxpattypjdrle.webp\"\r\n alt=\"Fine-pitch NX Series LED video wall in a Dubai hotel lobby by StarLED\" loading=\"lazy\"\r\n decoding=\"async\" width=\"1280\" height=\"620\">\r\n <div class=\"img-slot-tag\">Slide 02 \u00b7 Hotel<\/div>\r\n <div class=\"hc-cap\">\r\n <div class=\"l\">\r\n \r\n <h3>Hotel Lobby Centerpiece<\/h3>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hc-slide hc-3\" data-slide=\"2\">\r\n <img loading=\"lazy\" class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/11\/outdoor-screen.webp\"\r\n alt=\"XAO Black Rhino outdoor LED billboard on Sheikh Zayed Road by StarLED\" loading=\"lazy\"\r\n decoding=\"async\" width=\"1280\" height=\"620\">\r\n <div class=\"img-slot-tag\">Slide 03 \u00b7 Outdoor<\/div>\r\n <div class=\"hc-cap\">\r\n <div class=\"l\">\r\n \r\n <h3>Outdoor Billboard, 10,000 Nits<\/h3>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hc-slide hc-4\" data-slide=\"3\">\r\n <img loading=\"lazy\" class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_yd9fweyd9fweyd9f-1-e1778669872516.webp\"\r\n alt=\"All-in-one SPad LED display in a Dubai corporate boardroom by StarLED\" loading=\"lazy\"\r\n decoding=\"async\" width=\"1280\" height=\"620\">\r\n <div class=\"img-slot-tag\">Slide 04 \u00b7 Corporate<\/div>\r\n <div class=\"hc-cap\">\r\n <div class=\"l\">\r\n \r\n <h3>Corporate Boardroom Wall<\/h3>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hc-slide hc-5\" data-slide=\"4\">\r\n <img loading=\"lazy\" class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/Untitled-design-8.webp\"\r\n alt=\"Hero Slide 5 \u00b7 Transparent LED Window\" loading=\"lazy\" decoding=\"async\" width=\"1280\"\r\n height=\"620\">\r\n <div class=\"img-slot-tag\">Slide 05 \u00b7 Transparent<\/div>\r\n <div class=\"hc-cap\">\r\n <div class=\"l\">\r\n \r\n <h3>Transparent LED Window<\/h3>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"hc-nav prev\" id=\"hcPrev\" aria-label=\"Previous slide\"><svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M15 18l-6-6 6-6\" \/>\r\n <\/svg><\/button>\r\n <button class=\"hc-nav next\" id=\"hcNext\" aria-label=\"Next slide\"><svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 6l6 6-6 6\" \/>\r\n <\/svg><\/button>\r\n\r\n \r\n <div class=\"hc-ind\" id=\"hcInd\">\r\n <button class=\"active\" data-go=\"0\" aria-label=\"Slide 1\"><\/button>\r\n <button data-go=\"1\" aria-label=\"Slide 2\"><\/button>\r\n <button data-go=\"2\" aria-label=\"Slide 3\"><\/button>\r\n <button data-go=\"3\" aria-label=\"Slide 4\"><\/button>\r\n <button data-go=\"4\" aria-label=\"Slide 5\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-ribbon\">\r\n <div><b>2,000 m\u00b2<\/b> ready stock<\/div>\r\n <div><b>2-day<\/b> installation<\/div>\r\n <div><b>400+<\/b> installs in 4 years<\/div>\r\n <div><b>5-year<\/b> warranty<\/div>\r\n <div><b>CE \/ RoHS \/ ISO<\/b><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"aeo\">\r\n <div class=\"wrap\">\r\n <div class=\"aeo-card\">\r\n <div>\r\n <h2><small class=\"style=\" color: #6ec1e4;\">The short answer<\/small>Who is StarLED?<\/h2>\r\n <\/div>\r\n <div class=\"body\">\r\n <p style=\"color:rgba(255,255,255,.85);font-size:17px\">StarLED Display is a <b\r\n style=\"color: #6ec1e4;\">Dubai-based LED screen supplier<\/b> with over <b\r\n style=\"color: #6ec1e4;\">2,000 m\u00b2 of in-stock inventory<\/b> at Al Khawaneej 2.We supply\r\n indoor SMD and COB displays, fine-pitch NX video walls, all-in-one and poster displays,\r\n transparent LED, and high-brightness outdoor screens, <b style=\"color: #6ec1e4;\">all built\r\n in-house<\/b> and installed by our\r\n own UAE crew, never subcontracted. We have completed 400+ projects in the last 4 years across\r\n UAE retail, hospitality, corporate, and outdoor advertising. <b style=\"color: #6ec1e4;\">Standard\r\n delivery and full installation in 2 business days.\r\n <\/b><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"stats\">\r\n <div class=\"wrap\">\r\n <div class=\"stat-grid\">\r\n <div class=\"stat\">\r\n <span class=\"stat-spark\"><\/span>\r\n <div class=\"num\">2,000<span class=\"unit\">m\u00b2<\/span><\/div>\r\n <div class=\"label\">Stock in Dubai \u00b7 Al Khawaneej 2<\/div>\r\n <div class=\"desc\">Ready to ship this week, no overseas lead time.<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-spark\"><\/span>\r\n <div class=\"num\">2<span class=\"unit\">days<\/span><\/div>\r\n <div class=\"label\">Installation by our own crew <\/div>\r\n <div class=\"desc\">Standard indoor jobs commissioned in 48 hours.<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-spark\"><\/span>\r\n <div class=\"num\">100<span class=\"unit\">%<\/span><\/div>\r\n <div class=\"label\"> In-house manufacturing and install<\/div>\r\n <div class=\"desc\">One team from panel to handover.<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-spark\"><\/span>\r\n <div class=\"num\">400<span class=\"unit\">+<\/span><\/div>\r\n <div class=\"label\">Installs in 4 years across UAE and GCC<\/div>\r\n <div class=\"desc\">Malls, hotels, corporate, outdoor.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"explorer\" id=\"products\">\r\n <div class=\"wrap\">\r\n <div class=\"explorer-head\">\r\n <span class=\"eyebrow\" style=\"justify-content:center;display:inline-flex\">Product hub<\/span>\r\n <h2>Eight LED product lines.<br>One <span class=\"accent\">in-house Dubai team.<\/span><\/h2>\r\n <p>Stocked and delivered across the UAE and GCC. See the specs, pitch range, and where each one\r\n installs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"explorer-grid\">\r\n <div class=\"ex-list\" id=\"ex-list\">\r\n <button class=\"ex-item active\" data-target=\"ex-1\"><span class=\"ex-ico\">SMD<\/span><span\r\n class=\"ex-text\">\r\n <div class=\"t\">SMD Indoor LED<\/div>\r\n <div class=\"s\">Retail \u00b7 events \u00b7 lobbies<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-2\"><span class=\"ex-ico\">COB<\/span><span class=\"ex-text\">\r\n <div class=\"t\">COB Indoor LED<\/div>\r\n <div class=\"s\">Zero gaps \u00b7 IP65<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-3\"><span class=\"ex-ico\">NX<\/span><span class=\"ex-text\">\r\n <div class=\"t\">NX Series Fine-Pitch<\/div>\r\n <div class=\"s\">Premium corporate \u00b7 COB<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-4\"><span class=\"ex-ico\">SP<\/span><span class=\"ex-text\">\r\n <div class=\"t\">SPad All-in-One LED<\/div>\r\n <div class=\"s\">Plug-and-play \u00b7 no rack<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-5\"><span class=\"ex-ico\">TR<\/span><span class=\"ex-text\">\r\n <div class=\"t\">Transparent LED<\/div>\r\n <div class=\"s\">Shopfronts \u00b7 windows<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-6\"><span class=\"ex-ico\">XAO<\/span><span class=\"ex-text\">\r\n <div class=\"t\">XAO Black Rhino<\/div>\r\n <div class=\"s\">Outdoor \u00b7 10,000 nits<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-7\"><span class=\"ex-ico\">MAG<\/span><span class=\"ex-text\">\r\n <div class=\"t\">Magnesium Series<\/div>\r\n <div class=\"s\">Outdoor \u00b7 40% lighter<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <button class=\"ex-item\" data-target=\"ex-8\"><span class=\"ex-ico\">PST<\/span><span class=\"ex-text\">\r\n <div class=\"t\">Poster LED Display<\/div>\r\n <div class=\"s\">Slim \u00b7 floor-standing<\/div>\r\n <\/span><span class=\"ex-chev\">\u203a<\/span><\/button>\r\n <\/div>\r\n\r\n <div class=\"ex-panel\" id=\"ex-panel\">\r\n <div class=\"ex-stage\" id=\"ex-stage\">\r\n <div class=\"ex-bg ex-bg-1 show\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/10\/HWU-LED-Screen-Wall-01-Dubai.jpg\"\r\n alt=\"SMD indoor LED video wall installed in a Dubai retail space by StarLED\"\r\n class=\"bg-img\" loading=\"lazy\" decoding=\"async\">\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-2\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/10\/66164307f2c94.webp\"\r\n alt=\"COB fine-pitch indoor LED wall in a Dubai boardroom by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-3\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/WechatIMG51.jpg\"\r\n alt=\"NX Series fine-pitch COB LED video wall in a Dubai corporate HQ by StarLED\"\r\n class=\"bg-img\" loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-4\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/Untitled-design-9.png\"\r\n alt=\"SPad all-in-one LED display in a Dubai meeting room by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-5\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/Untitled-design-8.webp\"\r\n alt=\"Transparent LED display behind a Dubai shopfront by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-6\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20231115_083557493_iOS.webp\"\r\n alt=\"XAO Black Rhino outdoor LED billboard in Dubai by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-7\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/Untitled-design-15.png\"\r\n alt=\"Magnesium Series outdoor LED facade screen in Dubai by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n <\/div>\r\n <div class=\"ex-bg ex-bg-8\">\r\n <img src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/led_poster_display.webp\"\r\n alt=\"Poster LED display in a Dubai retail showroom by StarLED\" class=\"bg-img\"\r\n loading=\"lazy\" decoding=\"async\">\r\n\r\n <\/div>\r\n <span class=\"ex-tag\" id=\"ex-tag\">Indoor \u00b7 SMD<\/span>\r\n <div class=\"stage-foot\">\r\n <span class=\"stage-pitch\" id=\"ex-pitch\">P2 \u2014 P6<\/span>\r\n <span class=\"stage-price\" id=\"ex-price\"><small>From<\/small>7,500 AED \/ m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ex-info\">\r\n \r\n <div class=\"ex-state active\" data-state=\"ex-1\">\r\n <div class=\"ico-pill\">SMD<\/div>\r\n <h3>SMD Indoor LED<\/h3>\r\n <p class=\"lead\">he most versatile indoor screen we stock in the UAE. Surface-mounted LEDs on\r\n a board, cost-effective, reliable, and held in every common pitch at Al Khawaneej 2.\r\n Built for retail floors, events, lobbies, and restaurants.<\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P2-P6 pitch range<\/li>\r\n <li>1,800\u20132,500 nits brightness<\/li>\r\n <li>Front & rear service<\/li>\r\n <li>Curved & flat installs<\/li>\r\n <li>Novastar processor included<\/li>\r\n <li>Quick-lock magnetic modules<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/indoor-displays\/smd-led-display\/\"\r\n style=\"background-color: #3861cb;\">View SMD Series <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-2\">\r\n <div class=\"ico-pill\">COB<\/div>\r\n <h3>COB Indoor LED<\/h3>\r\n <p class=\"lead\">Chip-On-Board embeds the LEDs in resin, so there are no gaps, no dead\r\n pixels, and IP65 dust protection. Specified for boardrooms, control rooms, and luxury\r\n spaces viewed under 2 metres.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P0.9-P1.8 pitch range<\/li>\r\n <li>Zero dead-pixel finish<\/li>\r\n <li>IP65 dust & impact protection<\/li>\r\n <li>175\u00b0 viewing angle<\/li>\r\n <li>Anti-glare matte surface<\/li>\r\n <li>Hot-swap power & data<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/indoor-displays\/cob-led-displays\/\"\r\n style=\"background-color: #3861cb;\">View COB Series <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-3\">\r\n <div class=\"ico-pill\">NX<\/div>\r\n <h3>NX Series Fine-Pitch COB<\/h3>\r\n <p class=\"lead\">Flip-chip COB with 6-sided protection, our premium fine-pitch line.\r\n Specified for the corporate floors that will not accept a visible panel seam, and\r\n calibrated for broadcast-grade colour.<\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P1.25 \u2014 P2 pitch range<\/li>\r\n <li>Flip-chip COB technology<\/li>\r\n <li>6-sided ingress protection<\/li>\r\n <li>16-bit colour processing<\/li>\r\n <li>3,840 Hz refresh rate<\/li>\r\n <li>Calibrated to Delta E under 1.5<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/indoor-displays\/nx-series\/\"\r\n style=\"background-color: #3861cb;\">View NX Series <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-4\">\r\n <div class=\"ico-pill\">SP<\/div>\r\n <h3>SPad All-in-One LED<\/h3>\r\n <p class=\"lead\"> Processor, receiving card, and display in one rolling unit. Wheel it in,\r\n plug it in, switch it on. No rack room, no AV trolley. Built for meeting rooms and\r\n pop-up retail.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P1.25 \u2014 P2.5 pitch range<\/li>\r\n <li>Built-in processor & PSU<\/li>\r\n <li>HDMI \/ USB-C in<\/li>\r\n <li>Mobile stand or wall-mount<\/li>\r\n <li>Optional Android module<\/li>\r\n <li>Single power lead<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/indoor-displays\/spad-serie\"\r\n style=\"background-color: #3861cb;\">View Spad Series <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us\r\n <\/a><\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-5\">\r\n <div class=\"ico-pill\">TR<\/div>\r\n <h3>Transparent LED<\/h3>\r\n <p class=\"lead\">Up to 80% transparency. Mounts behind shopfront glass without blocking the\r\n window. Light, modular, and silent, designed for retail facades and creative storefront\r\n installs.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P3.91 \u2014 P10.4 pitch range<\/li>\r\n <li>Up to 80% transparency<\/li>\r\n <li>3,800\u20134,500 nits<\/li>\r\n <li>Hangs from rail or glass<\/li>\r\n <li>10 kg\/m\u00b2 panel weight<\/li>\r\n <li>Silent passive cooling<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/transparent-led-display\/\"\r\n style=\"background-color: #3861cb;\">View Transparent LED <span\r\n class=\"arr\"><\/span><\/a><a class=\"btn btn-ghost\"\r\n href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a><\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-6\">\r\n <div class=\"ico-pill\">XAO<\/div>\r\n <h3>XAO Outdoor Black Rhino<\/h3>\r\n <p class=\"lead\">IP68 sealed cabinet, 10,000 nits peak. Built and rated for 60 degree C\r\n ambient, direct sun, and salt-laden coastal air. Permanent outdoor work: billboards,\r\n building facades, drive-thrus.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P5 \u2014 P10 pitch range<\/li>\r\n <li>10,000 nits peak brightness<\/li>\r\n <li>IP68 dust & water sealing<\/li>\r\n <li>Operating to 60\u00b0C ambient<\/li>\r\n <li>Front-service cabinet<\/li>\r\n <li>10-year LED lifespan<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\"\r\n href=\"\/outdoor-displays\/xao-series-black-rhino\/\"\r\n style=\"background-color: #3861cb;\">View XAO Series <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-7\">\r\n <div class=\"ico-pill\">MAG<\/div>\r\n <h3>Magnesium Series Outdoor<\/h3>\r\n <p class=\"lead\">Die-cast magnesium alloy cabinets, 40% lighter than aluminium. Lower\r\n structural steel cost, faster install, same brightness and reliability. Specified on\r\n rooftop and facade jobs.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P3 \u2014 P10 pitch range<\/li>\r\n <li>Die-cast magnesium chassis<\/li>\r\n <li>40% lighter than aluminium<\/li>\r\n <li>Reduces steel substructure cost<\/li>\r\n <li>IP66 front IP54 rear<\/li>\r\n <li>Quick-release rear access<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/outdoor-displays\/magnesium-series\/\"\r\n style=\"background-color: #3861cb;\">View Magnesium Series<span\r\n class=\"arr\"><\/span><\/a><a class=\"btn btn-ghost\"\r\n href=\"https:\/\/starleddisplay.com\/contact-us\/\">Contact Us<\/a><\/div>\r\n <\/div>\r\n \r\n <div class=\"ex-state\" data-state=\"ex-8\">\r\n <div class=\"ico-pill\">PST<\/div>\r\n <h3>Poster LED Display<\/h3>\r\n <p class=\"lead\">Slim, floor-standing, plug-and-play digital posters, and our entry point\r\n into LED at 2,000 AED. Replace a printed lightbox with a screen you re-skin from your\r\n phone.\r\n <\/p>\r\n <ul class=\"ex-list-items\">\r\n <li>P1.86 \u2014 P2.5 pitch range<\/li>\r\n <li>Around 5 cm depth around 30 kg weight<\/li>\r\n <li>Single power lead<\/li>\r\n <li>WiFi & 4G content control<\/li>\r\n <li>Built-in CMS<\/li>\r\n <li>Standalone or networked<\/li>\r\n <\/ul>\r\n <div class=\"ex-cta\"><a class=\"btn btn-primary\" href=\"\/poster-led\/\"\r\n style=\"background-color: #3861cb;\">View Poster Led <span class=\"arr\"><\/span><\/a><a\r\n class=\"btn btn-ghost\" href=\"\/indoor-displays\/poster-led-display\/\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"flip-products\" id=\"product-categories\">\r\n <div class=\"wrap\">\r\n <div class=\"flip-section-head\">\r\n <span class=\"eyebrow\" style=\"justify-content:center;display:inline-flex\">Product categories<\/span>\r\n <h2 style=\"margin:18px auto 0;font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;max-width:820px\">LED\r\n Display Solutions for Every Application <span style=\"color:var(--blue)\"><\/span><\/h2>\r\n <br>\r\n <p> Indoor, outdoor, transparent, and poster LED, designed, stocked, and installed by our Dubai team.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flip-cta-banner\">\r\n <div class=\"flip-cta-pill\">\r\n LED displays from <span class=\"fcp-accent \" style=\"color: #d3281a;\">2,000 AED<\/span>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"margin-left:6px;font-size:12.5px;padding:10px 18px ;background-color: #3861cb\">Get a\r\n fixed quote in 24 hours.\r\n <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flip-grid\">\r\n\r\n \r\n <div class=\"flip-card\" tabindex=\"0\" aria-label=\"Indoor LED Display\">\r\n <div class=\"flip-inner\">\r\n <div class=\"flip-front flip-front-indoor\">\r\n <span class=\"flip-corner-reg tl\"><\/span><span class=\"flip-corner-reg tr\"><\/span>\r\n <div class=\"fv\"><\/div>\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/c0367ffa60fa490481544627d0dfe21a.jpg\"\r\n alt=\"Indoor LED display product photo by StarLED Dubai\" loading=\"lazy\" decoding=\"async\">\r\n \r\n \r\n <div class=\"flip-front-title\">Indoor LED<br>Display<\/div>\r\n <div class=\"flip-front-hint\">Hover to explore<\/div>\r\n <\/div>\r\n <div class=\"flip-back\">\r\n <div style=\"display:flex;align-items:center;gap:14px;flex-shrink:0\">\r\n <div class=\"flip-back-badge\">IN<\/div>\r\n <div class=\"flip-back-title\">Indoor LED Display<\/div>\r\n <\/div>\r\n <p class=\"flip-back-desc\"> From retail floors and hotel lobbies to boardrooms and control\r\n rooms, stocked in every common pitch at Al Khawaneej 2.<\/p>\r\n <ul class=\"flip-back-list\">\r\n <li>SMD P2\u2013P6 \u00b7 most versatile<\/li>\r\n <li>COB P0.9\u2013P1.8 \u00b7 zero dead pixels<\/li>\r\n <li>NX Fine-Pitch P1.25\u2013P2 \u00b7 flip-chip<\/li>\r\n <li>SPad all-in-one \u00b7 no rack needed<\/li>\r\n <li>5-year on-site warranty<\/li>\r\n <\/ul>\r\n <div class=\"flip-back-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/indoor-displays\/\"\r\n style=\"font-size:11.5px;padding:9px 15px ;background-color: #3861cb\">Explore <span\r\n class=\"arr\"><\/span><\/a>\r\n <a class=\"btn btn-ghost\" href=\"#quote\" style=\"font-size:11.5px;padding:9px 15px\">Get\r\n quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card\" tabindex=\"0\" aria-label=\"Outdoor LED Display\">\r\n <div class=\"flip-inner\">\r\n <div class=\"flip-front flip-front-outdoor\">\r\n <span class=\"flip-corner-reg tl\"><\/span><span class=\"flip-corner-reg tr\"><\/span>\r\n <div class=\"fv\"><\/div>\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20231115_083557493_iOS.webp\"\r\n alt=\"Outdoor LED display installation photo by StarLED Dubai\" loading=\"lazy\"\r\n decoding=\"async\">\r\n \r\n \r\n <div class=\"flip-front-title\">Outdoor LED<br>Display<\/div>\r\n <div class=\"flip-front-hint\">Hover to explore<\/div>\r\n <\/div>\r\n <div class=\"flip-back\">\r\n <div style=\"display:flex;align-items:center;gap:14px;flex-shrink:0\">\r\n <div class=\"flip-back-badge\">OD<\/div>\r\n <div class=\"flip-back-title\">Outdoor LED Display<\/div>\r\n <\/div>\r\n <p class=\"flip-back-desc\"> Billboards, building facades, and drive-thrus, engineered for\r\n direct Dubai sun, sandstorms, and year-round UAE operation.\r\n <\/p>\r\n <ul class=\"flip-back-list\">\r\n <li>XAO Black Rhino \u00b7 P5\u2013P10 \u00b7 IP68<\/li>\r\n <li>10,000 nits peak \u00b7 60\u00b0C ambient<\/li>\r\n <li>Magnesium Series \u00b7 40% lighter<\/li>\r\n <li>DM permit documentation included<\/li>\r\n <li>10-year LED lifespan \u00b7 UAE rated<\/li>\r\n <\/ul>\r\n <div class=\"flip-back-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/outdoor-displays\/\"\r\n style=\"font-size:11.5px;padding:9px 15px ;background-color: #3861cb\">Explore <span\r\n class=\"arr\"><\/span><\/a>\r\n <a class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"font-size:11.5px;padding:9px 15px\">Get\r\n quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card\" tabindex=\"0\" aria-label=\"Transparent LED Display\">\r\n <div class=\"flip-inner\">\r\n <div class=\"flip-front flip-front-transparent\">\r\n <span class=\"flip-corner-reg tl\"><\/span><span class=\"flip-corner-reg tr\"><\/span>\r\n <div class=\"fv\"><\/div>\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/Untitled-design-8.webp\"\r\n alt=\"Transparent LED display shopfront photo by StarLED Dubai\" loading=\"lazy\"\r\n decoding=\"async\">\r\n \r\n \r\n <div class=\"flip-front-title\">Transparent LED<br>Display<\/div>\r\n <div class=\"flip-front-hint\">Hover to explore<\/div>\r\n <\/div>\r\n <div class=\"flip-back\">\r\n <div style=\"display:flex;align-items:center;gap:14px;flex-shrink:0\">\r\n <div class=\"flip-back-badge\">TR<\/div>\r\n <div class=\"flip-back-title\">Transparent LED Display<\/div>\r\n <\/div>\r\n <p class=\"flip-back-desc\">Mount behind shopfront glass without blocking daylight. Light,\r\n modular, and silent, built for retail facades and creative storefronts.\r\n <\/p>\r\n <ul class=\"flip-back-list\">\r\n <li>Up to 80% transparency rate<\/li>\r\n <li>P3.91\u2013P10.4 pitch range<\/li>\r\n <li>3,800\u20134,500 nits brightness<\/li>\r\n <li>Rail-hung or glass-attached<\/li>\r\n <li>Silent passive cooling \u00b7 10 kg\/m\u00b2<\/li>\r\n <\/ul>\r\n <div class=\"flip-back-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/transparent-led-display\/\"\r\n style=\"font-size:11.5px;padding:9px 15px ;background-color: #3861cb\">Explore <span\r\n class=\"arr\"><\/span><\/a>\r\n <a class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"font-size:11.5px;padding:9px 15px\">Get\r\n quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card\" tabindex=\"0\" aria-label=\"Poster LED Display\">\r\n <div class=\"flip-inner\">\r\n <div class=\"flip-front flip-front-poster\">\r\n <span class=\"flip-corner-reg tl\"><\/span><span class=\"flip-corner-reg tr\"><\/span>\r\n <div class=\"fv\"><\/div>\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/led_poster_display-1.webp\"\r\n alt=\"Poster LED display product photo by StarLED Dubai\" loading=\"lazy\" decoding=\"async\">\r\n \r\n \r\n <div class=\"flip-front-title\">Poster LED<br>Display<\/div>\r\n <div class=\"flip-front-hint\">Hover to explore<\/div>\r\n <\/div>\r\n <div class=\"flip-back\">\r\n <div style=\"display:flex;align-items:center;gap:14px;flex-shrink:0\">\r\n <div class=\"flip-back-badge\">PST<\/div>\r\n <div class=\"flip-back-title\">Poster LED Display<\/div>\r\n <\/div>\r\n <p class=\"flip-back-desc\">Slim floor-standing digital posters from 2,000 AED. Replace\r\n printed lightboxes with a screen you re-skin from your phone in seconds.\r\n <\/p>\r\n <ul class=\"flip-back-list\">\r\n <li>P1.86\u2013P2.5 pitch range<\/li>\r\n <li>Around 5 cm depth \u00b7 around 30 kg weight<\/li>\r\n <li>WiFi & 4G content control<\/li>\r\n <li>Built-in CMS \u00b7 standalone or networked<\/li>\r\n <li>Single power lead installation<\/li>\r\n <\/ul>\r\n <div class=\"flip-back-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/poster-led\/\"\r\n style=\"font-size:11.5px;padding:9px 15px ;background-color: #3861cb\">Request demo\r\n <span class=\"arr\"><\/span><\/a>\r\n <a class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"font-size:11.5px;padding:9px 15px\">Get\r\n quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"monitor\" id=\"monitoring\">\r\n <div class=\"wrap monitor-grid\">\r\n <div>\r\n <span class=\"eyebrow\">Smart monitoring<\/span>\r\n <h2 style=\"margin-top:18px\">Most suppliers hand over a screen and walk away. <span class=\"accent\">We\r\n don't.<\/span><\/h2>\r\n <p> Every StarLED installation includes\r\n <strong style=\"color:#fff;font-weight:600\">remote health monitoring<\/strong> from our Dubai\r\n operations centre. We track temperature, voltage, module status, and brightness in real time, and we\r\n see a fault before it shows on your screen.\r\n <\/p>\r\n <p>Real-time diagnostics, brightness scheduling, and remote content control, all managed locally.<\/p>\r\n <p>Because we built the screen, we know exactly how to fix it, with no overseas tickets.<\/p>\r\n <div style=\"margin-top:30px;display:flex;gap:12px;flex-wrap:wrap\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/projects\/\"\r\n style=\"background-color: #3861cb;\">See the\r\n collections <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash\" aria-hidden=\"true\">\r\n <div class=\"dash-head\">\r\n <div class=\"dash-title\">StarLED OpsCentre \u00b7 Dubai<\/div>\r\n <div class=\"dash-dot\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n <div class=\"dash-row\">\r\n <div class=\"dash-card\">\r\n <div class=\"v green\">96.4%<\/div>\r\n <div class=\"k\">Fleet uptime<\/div>\r\n <\/div>\r\n <div class=\"dash-card\">\r\n <div class=\"v\">142<\/div>\r\n <div class=\"k\">Active screens<\/div>\r\n <\/div>\r\n <div class=\"dash-card\">\r\n <div class=\"v red\" style=\"color: #d3281a;\">2<\/div>\r\n <div class=\"k\">Alerts open<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dash-screens\">\r\n \r\n <video class=\"monitor-video\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/Videos2025-08-25_165027_841.mp4#t=10,190\"\r\n controls autoplay muted loop playsinline>\r\n <\/video>\r\n <\/div>\r\n\r\n <div\r\n style=\"display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:var(--mute-2);text-transform:uppercase;font-weight:600;position:relative\">\r\n <span>Retail concourse, Dubai<\/span><span>Live \u00b7 12:42 GST<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"why\" id=\"why\">\r\n <div class=\"wrap\">\r\n <div class=\"why-head\">\r\n <div class=\"why-title\">\r\n <span class=\"eyebrow\">Why choose StarLED<\/span>\r\n <h2 style=\"margin-top:18px\">The difference is <span class=\"accent\">we own every step.<\/span><\/h2>\r\n <p>The same Dubai team designs, supplies, installs, and maintains every screen. No middlemen, no\r\n overseas lead times, and no finger-pointing when something needs fixing.<\/p>\r\n <\/div>\r\n <div class=\"why-meta\">\r\n <div><b>400+<\/b>UAE installs<\/div>\r\n <div><b>2k m\u00b2<\/b>ready stock<\/div>\r\n <div><b>48h<\/b>typical install<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n \r\n <article class=\"why-feature\">\r\n <div class=\"wf-head\">\r\n <span class=\"eyebrow\" style=\"color:var(--blue)\">Our edge<\/span>\r\n <span class=\"wc-num\">01 \/ 06<\/span>\r\n <\/div>\r\n <div class=\"wf-stage\" aria-hidden=\"true\">\r\n <span class=\"ring\"><\/span>\r\n <span class=\"core\"><\/span>\r\n <span class=\"orbit\"><\/span>\r\n <span class=\"dot d1\"><\/span>\r\n <span class=\"dot d2\"><\/span>\r\n <\/div>\r\n <div class=\"wf-body\">\r\n <h3>One team. <span class=\"accent\">End to end.<\/span><\/h3>\r\n <p>We manufacture the panel, stock it in Dubai, install it with our own crew, and maintain it\r\n with our own engineers. No middlemen. No subcontractors. No 6-week overseas lead time.<\/p>\r\n <\/div>\r\n <div class=\"wf-foot\">\r\n <div><b>100%<\/b><span>In-house build<\/span><\/div>\r\n <div><b>0<\/b><span>Subcontractors<\/span><\/div>\r\n <div><b>5 yr<\/b><span>Parts & labour<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"why-card\">\r\n <div class=\"wc-top\">\r\n <div class=\"wc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" \/>\r\n <\/svg><\/div>\r\n <span class=\"wc-num\">02<\/span>\r\n <\/div>\r\n <div>\r\n <h3>2-day installation<\/h3>\r\n <p>Crew on standby in Dubai. Standard jobs switched on inside 48 hours.<\/p>\r\n <\/div>\r\n <span class=\"wc-tag\">48h typical<\/span>\r\n <\/article>\r\n\r\n <article class=\"why-card\">\r\n <div class=\"wc-top\">\r\n <div class=\"wc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-12V5l-8-3-8 3v5c0 8 8 12 8 12z\" \/>\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <\/svg><\/div>\r\n <span class=\"wc-num\">03<\/span>\r\n <\/div>\r\n <div>\r\n <h3>5-year warranty<\/h3>\r\n <p>Every panel. Parts & labour. No factory-return small print we fix it here.<\/p>\r\n <\/div>\r\n <span class=\"wc-tag\">Parts + labour<\/span>\r\n <\/article>\r\n\r\n <article class=\"why-card\">\r\n <div class=\"wc-top\">\r\n <div class=\"wc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" \/>\r\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" \/>\r\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" \/>\r\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" \/>\r\n <\/svg><\/div>\r\n <span class=\"wc-num\">04<\/span>\r\n <\/div>\r\n <div>\r\n <h3>2,000 m\u00b2 ready stock<\/h3>\r\n <p>Sitting in Al Khawaneej 2 right now. Quote Sunday, screen live by Tuesday.<\/p>\r\n <\/div>\r\n <span class=\"wc-tag\">Stocked locally<\/span>\r\n <\/article>\r\n\r\n <article class=\"why-card\">\r\n <div class=\"wc-top\">\r\n <div class=\"wc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\r\n <\/svg><\/div>\r\n <span class=\"wc-num\">05<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Certified quality<\/h3>\r\n <p>CE, RoHS, ISO 9001, GSO compliant. Docs ready for any procurement team.<\/p>\r\n <\/div>\r\n <span class=\"wc-tag\">CE \u00b7 RoHS \u00b7 ISO<\/span>\r\n <\/article>\r\n\r\n <article class=\"why-card\">\r\n <div class=\"wc-top\">\r\n <div class=\"wc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M2 12h2l3-7 4 14 3-10 2 6h6\" \/>\r\n <\/svg><\/div>\r\n <span class=\"wc-num\">06<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Smart monitoring<\/h3>\r\n <p>Remote diagnostics on every install we see the fault before you do.<\/p>\r\n <\/div>\r\n <span class=\"wc-tag\">Live ops<\/span>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"process2\" id=\"process\">\r\n <div class=\"wrap\">\r\n <div class=\"p2-head\">\r\n <span class=\"eyebrow\" style=\"justify-content:center;display:inline-flex\">Our process<\/span>\r\n <h2>Our 4-step path<br>from <span class=\"accent\">brief to switch-on.<\/span><\/h2>\r\n <p class=\"intro\">Same Dubai team, every step. No subcontractor handovers, no surprise extras at invoice\r\n time.<\/p>\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"p2-grid\">\r\n <div class=\"p2-circle-wrap\">\r\n <div class=\"p2-circle\">\r\n <div class=\"p2-ring\"><\/div>\r\n <div class=\"p2-center\">\r\n <div class=\"ico\">\u25c9<\/div>\r\n <div class=\"ttl\">Our 4-Step<br>Installation Process<\/div>\r\n <div class=\"sub\" id=\"p2-sub\">Step 01<\/div>\r\n <\/div>\r\n <div class=\"p2-node p2-node-1 active\" data-n=\"1\">01<\/div>\r\n <div class=\"p2-node p2-node-2\" data-n=\"2\">02<\/div>\r\n <div class=\"p2-node p2-node-3\" data-n=\"3\">03<\/div>\r\n <div class=\"p2-node p2-node-4\" data-n=\"4\">04<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p2-cards\" id=\"p2-cards\">\r\n <article class=\"p2-card\" data-step=\"1\" style=\"top:120px\">\r\n <div class=\"p2-row\">\r\n <div class=\"p2-ico\">\u25d0<\/div>\r\n <div class=\"p2-num\">01<\/div>\r\n <\/div>\r\n <h3>Brief, site survey & fixed quote<\/h3>\r\n <p>Tell us the space, the audience, and the budget. We visit the site in Dubai within 24 hours\r\n measure the wall, check power, check sightlines. You get a fixed, itemised quote inside one\r\n business day. No \"TBD\" lines.<\/p>\r\n <div class=\"p2-meta\"><span class=\"p2-pill\">Same-day callback<\/span><span class=\"p2-pill\">24h\r\n site visit<\/span><span class=\"p2-pill\">Fixed quote, no TBD<\/span><\/div>\r\n <\/article>\r\n <article class=\"p2-card\" data-step=\"2\" style=\"top:140px\">\r\n <div class=\"p2-row\">\r\n <div class=\"p2-ico\">\u25a4<\/div>\r\n <div class=\"p2-num\">02<\/div>\r\n <\/div>\r\n <h3>Manufacture & 48h bench QC<\/h3>\r\n <p>For stocked products we pull from Al Khawaneej 2 the same day. For custom builds we\r\n manufacture in-house and run every cabinet through a 48-hour bench burn-in before it leaves\r\n the floor. You see the test sheet before delivery.<\/p>\r\n <div class=\"p2-meta\"><span class=\"p2-pill\">2,000 m\u00b2 ready stock<\/span><span class=\"p2-pill\">48h\r\n burn-in<\/span><span class=\"p2-pill\">Per-cabinet QC report<\/span><\/div>\r\n <\/article>\r\n <article class=\"p2-card\" data-step=\"3\" style=\"top:160px\">\r\n <div class=\"p2-row\">\r\n <div class=\"p2-ico\">\u25a3<\/div>\r\n <div class=\"p2-num\">03<\/div>\r\n <\/div>\r\n <h3>2-day install & commissioning<\/h3>\r\n <p> Our crew arrives, rigs, wires, and commissions. We bring the processor, the cabling, and\r\n clean finish work. Standard jobs are switched on inside 48 hours, and we hand over a printed\r\n punch-list signed by the foreman.\r\n <\/p>\r\n <div class=\"p2-meta\"><span class=\"p2-pill\">In-house crew<\/span><span class=\"p2-pill\">48h\r\n standard install<\/span><span class=\"p2-pill\">Signed-off handover<\/span><\/div>\r\n <\/article>\r\n <article class=\"p2-card\" data-step=\"4\" style=\"top:180px\">\r\n <div class=\"p2-row\">\r\n <div class=\"p2-ico\">\u25c8<\/div>\r\n <div class=\"p2-num\">04<\/div>\r\n <\/div>\r\n <h3>Service After Sales & 5-Year Warranty<\/h3>\r\n <p>Our service after sales ensures your display never misses a beat. Every screen connects to\r\n the StarLED OpsCentre for remote health monitoring, brightness scheduling, and real-time\r\n diagnostics. Backed by a full 5-year warranty, all parts and labour are handled instantly by\r\n our local Dubai team. No overseas tickets, ever.<\/p>\r\n <div class=\"p2-meta\"><span class=\"p2-pill\">OpsCentre dashboard<\/span><span\r\n class=\"p2-pill\">5-year warranty<\/span><span class=\"p2-pill\">Dubai-only service<\/span>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"projects2\" id=\"projects\">\r\n <div class=\"wrap\">\r\n <div class=\"projects2-head\">\r\n <span class=\"eyebrow\">Our work<\/span>\r\n <h2>LED Projects Across the UAE<\/h2>\r\n <p>Every installation here was specified, supplied, and completed by StarLED's in-house Dubai team.\r\n Hover any panel to expand it.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"strip\" id=\"strip\">\r\n <div class=\"strip-item open\" data-id=\"1\">\r\n <div class=\"strip-bg s1\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/20241008_100821000_iOS.jpg\"\r\n alt=\" COB LED video wall in a Dubai retail flagship by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 01 \u00b7 Retail<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">01<\/span>\r\n <span class=\"strip-side\">RETAIL<\/span>\r\n <span class=\"strip-pitch\">P1.25<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">Luxury Retail Flagship<\/div>\r\n <div class=\"desc\">COB Video Wall \u2014 Dubai Mall<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"2\">\r\n <div class=\"strip-bg s2\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/Hotel-Lobby-LED-Display-Screen-1024x615.jpg.webp\"\r\n alt=\"SMD indoor LED ballroom wall in a Palm Jumeirah hotel by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 02 \u00b7 Hotel<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">02<\/span>\r\n <span class=\"strip-side\">HOTEL<\/span>\r\n <span class=\"strip-pitch\">P2.5<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">5-Star Ballroom Rig<\/div>\r\n <div class=\"desc\">SMD Indoor \u2014 Palm Jumeirah hotel<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"3\">\r\n <div class=\"strip-bg s3\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/20250723_105826221_iOS-1.jpg\"\r\n alt=\"NX fine-pitch LED command room wall in Dubai by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 03 \u00b7 Command<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">03<\/span>\r\n <span class=\"strip-side\">COMMAND<\/span>\r\n <span class=\"strip-pitch\">P1.5<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">Operations Command Room<\/div>\r\n <div class=\"desc\">NX Fine-Pitch \u2014 Dubai utility<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"4\">\r\n <div class=\"strip-bg s4\">\r\n \r\n <img class=\"slot-img\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/11\/Title-13.webp\"\r\n alt=\"COB fine-pitch LED trading wall in a DIFC financial HQ by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 04 \u00b7 DIFC<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">04<\/span>\r\n <span class=\"strip-side\">CORPORATE<\/span>\r\n <span class=\"strip-pitch\">P0.9<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\"> Financial HQ Trading Wall<\/div>\r\n <div class=\"desc\">COB Fine-Pitch \u2014 DIFC district<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"5\">\r\n <div class=\"strip-bg s5\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/10\/HWU-LED-Screen-Wall-02-Dubai.jpg\"\r\n alt=\" Transparent LED lobby wall on a Dubai campus by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 05 \u00b7 Campus<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">05<\/span>\r\n <span class=\"strip-side\">CAMPUS<\/span>\r\n <span class=\"strip-pitch\">P3.91<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">University Lobby Wall<\/div>\r\n <div class=\"desc\">Transparent LED \u2014 Dubai campus<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"6\">\r\n <div class=\"strip-bg s6\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/02\/Building-Facade-LED-Screens-in-UAE-6-1.webp\"\r\n alt=\"XAO Black Rhino outdoor billboard on Sheikh Zayed Road by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 06 \u00b7 Billboard<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">06<\/span>\r\n <span class=\"strip-side\">OUTDOOR<\/span>\r\n <span class=\"strip-pitch\">P8<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">Sheikh Zayed Rd Billboard<\/div>\r\n <div class=\"desc\">XAO Black Rhino \u2014 IP68<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\" data-id=\"7\">\r\n <div class=\"strip-bg s7\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/06\/NX-Series_Slide-2_V2.png\"\r\n alt=\"SMD indoor LED studio backdrop in Dubai Media City by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Strip 07 \u00b7 Studio<\/div>\r\n <\/div>\r\n <div class=\"strip-overlay\"><\/div>\r\n <span class=\"strip-num\">07<\/span>\r\n <span class=\"strip-side\">STUDIO<\/span>\r\n <span class=\"strip-pitch\">P1.9<\/span>\r\n <div class=\"strip-meta\">\r\n <div class=\"name\">Broadcast Studio Backdrop<\/div>\r\n <div class=\"desc\">SMD Indoor \u2014 Dubai Media City<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-view-cta\"><a class=\"btn btn-ghost\" href=\"https:\/\/starleddisplay.com\/projects\/\">View full\r\n project portfolio <span class=\"arr\"><\/span><\/a><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section style=\"display:none\" id=\"legacy-projects\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <span class=\"eyebrow\">Recent projects<\/span>\r\n <h2 style=\"margin-top:18px\">Some of our <span class=\"accent\">recent installs.<\/span><\/h2>\r\n <\/div>\r\n <p>400+ installations across UAE malls, hotels, corporate offices, and outdoor sites. <a\r\n href=\"\/projects\/\" style=\"color:var(--blue);font-weight:600\">View the full portfolio \u2192<\/a><\/p>\r\n <\/div>\r\n <div class=\"proj-grid\" aria-label=\"Project gallery placeholder \u2014 drop final photography here\">\r\n <a class=\"proj proj-1\" href=\"#\">\r\n <div class=\"proj-meta\">\r\n <div>\r\n <div class=\"tag\">Retail \u00b7 84 m\u00b2<\/div>\r\n <div class=\"name\">Mall of the Emirates concourse video wall<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"proj proj-2\" href=\"#\">\r\n <div class=\"proj-meta\">\r\n <div>\r\n <div class=\"tag\">Outdoor \u00b7 32 m\u00b2<\/div>\r\n <div class=\"name\">Sheikh Zayed Rd digital billboard<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"proj proj-3\" href=\"#\">\r\n <div class=\"proj-meta\">\r\n <div>\r\n <div class=\"tag\">Corporate \u00b7 COB<\/div>\r\n <div class=\"name\">DIFC trading floor wall<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"proj proj-4\" href=\"#\">\r\n <div class=\"proj-meta\">\r\n <div>\r\n <div class=\"tag\">Hospitality<\/div>\r\n <div class=\"name\">Atlantis ballroom rig<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"proj proj-5\" href=\"#\">\r\n <div class=\"proj-meta\">\r\n <div>\r\n <div class=\"tag\">Transparent \u00b7 18 m\u00b2<\/div>\r\n <div class=\"name\">Dubai Mall shopfront<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n <section class=\"reel\" id=\"reel\" data-screen-label=\"07 Video Reel\">\r\n <div class=\"wrap\">\r\n <div class=\"reel-head\">\r\n <div class=\"l\">\r\n <span class=\"eyebrow red\">LED Screen Installations<\/span>\r\n <h2 style=\"margin-top:14px\">See our walls <span class=\"accent\">running live.<\/span><\/h2>\r\n <p>Completed LED Screen installations across UAE<\/p>\r\n <\/div>\r\n <div class=\"reel-controls\">\r\n <span class=\"count\"><b id=\"reelIdx\">01<\/b> \/ <span id=\"reelTotal\">07<\/span><\/span>\r\n <button class=\"reel-nav\" id=\"reelPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M15 6l-6 6 6 6\" \/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"reel-nav\" id=\"reelNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 6l6 6-6 6\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reel-track\" id=\"reelTrack\">\r\n\r\n <div class=\"vcard\" data-i=\"0\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20240927_150217000_iOS-1.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-132414.png\">\r\n <div class=\"poster p1\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-132414.png\"\r\n alt=\"Highway billboard XAO Black Rhino installation\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vcard\" data-i=\"1\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/09\/y2mateis-Unilumin-Upad-III-P26-P-1.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/09\/alquiler-pantallas-led-2.jpg\">\r\n <div class=\"poster p2\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/09\/alquiler-pantallas-led-2.jpg\"\r\n alt=\"DIFC commercial tower facade LED installation\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vcard\" data-i=\"2\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250205_023724000_iOS-1.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/45472656-6b06-41d0-9367-4a603633f662.webp\">\r\n <div class=\"poster p3\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/45472656-6b06-41d0-9367-4a603633f662.webp\"\r\n alt=\"UAE stadium perimeter LED display\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vcard\" data-i=\"3\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250430_002755000_iOS.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-151241.png\">\r\n <div class=\"poster p4\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-151241.png\"\r\n alt=\"Petrol station forecourt LED branding installation\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vcard\" data-i=\"4\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/414c2d66-d798-45c0-8074-c41d1b6b4394.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20240327_201959855_iOS.jpg\">\r\n <div class=\"poster p5\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20240327_201959855_iOS.jpg\"\r\n alt=\"XAO Black Rhino product close-up IP68 cabinet\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vcard\" data-i=\"5\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/6017fa072fe411a45cfe3f8168f79c06_WC-EditVideo_1-1.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/IMG_1716.JPG.jpeg\">\r\n <div class=\"poster p6\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/IMG_1716.JPG.jpeg\"\r\n alt=\"Drive-thru QSR outdoor menu board installation\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div class=\"vcard\" data-i=\"6\"\r\n data-src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/04\/Start-Led-2.mp4\"\r\n data-poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-123029.png\">\r\n <div class=\"poster p7\">\r\n <img class=\"vthumb\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-26-123029.png\"\r\n alt=\"Drive-thru QSR outdoor menu board installation\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"pl\"><\/div>\r\n <div class=\"vcap\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"reel-progress\" aria-hidden=\"true\"><span class=\"bar\" id=\"reelBar\"><\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video viewer\">\r\n <button class=\"lightbox-arrow prev\" id=\"lbPrev\" aria-label=\"Previous video\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M15 6l-6 6 6 6\" \/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"lightbox-arrow next\" id=\"lbNext\" aria-label=\"Next video\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 6l6 6-6 6\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"lightbox-inner\">\r\n <video id=\"lbVideo\" class=\"lb-video\" controls playsinline preload=\"none\"><\/video>\r\n <div class=\"lightbox-poster\" id=\"lbPoster\">\r\n <div class=\"tex\"><\/div>\r\n <\/div>\r\n <span class=\"lightbox-counter\"><b id=\"lbIdx\">01<\/b> \/ <span id=\"lbTotal\">06<\/span><\/span>\r\n <button class=\"lightbox-close\" id=\"lbClose\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 6l12 12M18 6L6 18\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"lightbox-pl\" id=\"lbPlay\"><\/div>\r\n <div class=\"lightbox-meta\">\r\n <span class=\"tag\" id=\"lbTag\"><\/span>\r\n <h3 id=\"lbTitle\"><\/h3>\r\n <div class=\"meta\" id=\"lbMeta\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"logos\">\r\n <div class=\"wrap\">\r\n <div class=\"logos-head\">\r\n <h2>Trusted by businesses across the UAE and GCC<\/h2>\r\n <\/div>\r\n <div class=\"logo-grid\">\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1586-1.png\"\r\n alt=\"StarLED client logo - UAE business partner 1\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1589-1.png\"\r\n alt=\"StarLED client logo - UAE business partner 2\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1593-1.png\"\r\n alt=\"StarLED client logo - UAE business partner 3\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1594.png\"\r\n alt=\"StarLED client logo - UAE business partner 4\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1592.png\"\r\n alt=\"StarLED client logo - UAE business partner 5\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1591.png\"\r\n alt=\"StarLED client logo - UAE business partner 6\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1588.png\"\r\n alt=\"StarLED client logo - UAE business partner 7\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/IMG_1587.png\"\r\n alt=\"StarLED client logo - UAE business partner 8\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/84aab537-ae5f-4094-991c-43e2dd800e1a.png\"\r\n alt=\"StarLED client logo - UAE business partner 9\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/Untitled_Artwork.png\"\r\n alt=\"StarLED client logo - UAE business partner 10\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <div class=\"logo-cell\"><span class=\"mk\"><img\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2024\/02\/cropped-logo_748532816-1-1-1.png\"\r\n alt=\"StarLED client logo - UAE business partner 11\" loading=\"lazy\" decoding=\"async\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"industries\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <span class=\"eyebrow\">Industries we serve<\/span>\r\n <h2 style=\"margin-top:18px\">400+ installs across<br>six <span class=\"accent\">UAE sectors.<\/span>\r\n <\/h2>\r\n <\/div>\r\n <p>Hover any card to see the spec and the project type behind it.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-grid\" id=\"ind-grid\">\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">RT<\/span>Retail<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">From flagship boutiques to mall concourse walls \u2014 LED that lifts dwell time\r\n and average basket size.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"LED video wall \u00b7 in-situ photo\">\r\n <div class=\"ind-img led-retail\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/a44526fc-44ec-410d-aa6d-26d87d0215ad.webp\"\r\n alt=\" Retail LED video wall installation in Dubai by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Retail Install Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>P1.25 COB seamless finish<\/li>\r\n <li>Brightness-scheduled content<\/li>\r\n <li>Calibrated to brand palette<\/li>\r\n <li>5-year on-site warranty<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\"> Project \u00b7 Dubai mall flagship <\/div>\r\n <div class=\"ind-proj\">Luxury Retail COB Wall<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">24 m <sup>2<\/sup><\/div>\r\n <div class=\"l\">Wall size<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">P1.25<\/div>\r\n <div class=\"l\">Pixel Pitch<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\"><48h<\/div>\r\n <div class=\"l\">Install<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\" href=\"https:\/\/starleddisplay.com\/retail-led-screen\/\">Read full case study\r\n <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">HS<\/span>Hospitality<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">Ballrooms, lobbies, event spaces \u2014 fast-deploy walls that survive seven\r\n nights a week of events.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"Ballroom event wall \u00b7 in-situ photo\">\r\n <div class=\"ind-img led-hosp\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/03\/Hotel-Lobby-LED-Display-Screen-1024x615.jpg.webp\"\r\n alt=\"Hospitality LED ballroom wall installation in Dubai by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Hospitality Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>SMD P2.5 modular cabinets<\/li>\r\n <li>Rapid rig \/ de-rig hardware<\/li>\r\n <li>Stage processor included<\/li>\r\n <li>Spare-cabinet hotswap kit<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\">Project \u00b7 Palm Jumeirah hotel<\/div>\r\n <div class=\"ind-proj\">5-Star Ballroom Rig<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">128 m\u00b2<\/div>\r\n <div class=\"l\">Total area<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">9 days<\/div>\r\n <div class=\"l\">Quote to live<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">99.8%<\/div>\r\n <div class=\"l\">Uptime \u00b7 18 mo<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\" href=\"https:\/\/starleddisplay.com\/hospitality_and_fb-led-screen\/\">Read\r\n full case study <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">CP<\/span>Corporate<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">Boardrooms, trading floors, and reception walls in DIFC, ADGM, and Sheikh\r\n Zayed Road towers.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"Boardroom fine-pitch wall\">\r\n <div class=\"ind-img led-corp\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/ecf91f162a644164bda21cd95aace2bf.jpg\"\r\n alt=\"Corporate fine-pitch LED trading wall in Dubai by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Corporate Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>NX P0.9 flip-chip COB<\/li>\r\n <li>\u0394E < 1.5 colour calibration<\/li>\r\n <li>Anti-glare matte finish<\/li>\r\n <li>Silent passive cooling<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\">Project \u00b7 DIFC trading floor<\/div>\r\n <div class=\"ind-proj\">NX Fine-Pitch Trading Wall<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">24 m\u00b2<\/div>\r\n <div class=\"l\">Wall size<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">P0.9<\/div>\r\n <div class=\"l\">Pixel pitch<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">Silent<\/div>\r\n <div class=\"l\">Passive Cooling<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\"\r\n href=\"https:\/\/starleddisplay.com\/real-estate-and-corporate-led-screen\/\">Read full case\r\n study <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">OD<\/span>Outdoor Advertising<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">Permanent outdoor billboards and fa\u00e7ade displays \u2014 rated for direct Dubai\r\n sun and 60\u00b0C ambient.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"Outdoor billboard \u00b7 in-situ\">\r\n <div class=\"ind-img led-out\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/09\/20231115_083557493_iOS-scaled.jpg\"\r\n alt=\"Outdoor Advertising \u00b7 Roadside Billboard\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"img-slot-tag\">Outdoor Billboard Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>XAO Black Rhino P8 cabinets<\/li>\r\n <li>IP68 sealed against dust & rain<\/li>\r\n <li>10,000 nits peak brightness<\/li>\r\n <li>Full DM permit support<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\">Project \u00b7 Sheikh Zayed Road<\/div>\r\n <div class=\"ind-proj\">Roadside Billboard<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">10K<\/div>\r\n <div class=\"l\">Peak nits<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">IP68<\/div>\r\n <div class=\"l\">Sealing<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">60C<\/div>\r\n <div class=\"l\">Ambient rated<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\" href=\"https:\/\/starleddisplay.com\/residential-led-screen\/\">Read full case\r\n study <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">AV<\/span>Aviation & Transit<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">Airports, metro concourses, and large transit halls \u2014 24\/7 displays with\r\n full remote monitoring.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"Airport concourse display\">\r\n <div class=\"ind-img led-air\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_nul849nul849nul8.png\"\r\n alt=\"Aviation & Transit \u00b7 Airport Concourse Display\" loading=\"lazy\" decoding=\"async\">\r\n <div class=\"img-slot-tag\">Aviation Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>P2 SMD long-run cabinets<\/li>\r\n <li>24\/7 OpsCentre monitoring<\/li>\r\n <li>Hot-swap modules \u00b7 zero darks<\/li>\r\n <li>Flight-info system tested<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\">Project \u00b7 Regional transit hub<\/div>\r\n <div class=\"ind-proj\">Departures Hall Wall<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">24\/7<\/div>\r\n <div class=\"l\">Uptime SLA<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">62 m\u00b2<\/div>\r\n <div class=\"l\">Wall area<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\"><2h<\/div>\r\n <div class=\"l\">On-site response<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\" href=\"https:\/\/starleddisplay.com\/automotive-led-screen\/\">Read full case\r\n study <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <div class=\"ind-top\">\r\n <div class=\"ind-head\">\r\n <div class=\"ind-title\"><span class=\"ind-mark\">ED<\/span>Education & Campus<\/div>\r\n <span class=\"ind-arr\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path d=\"M7 17 17 7M9 7h8v8\" \/>\r\n <\/svg><\/span>\r\n <\/div>\r\n <p class=\"ind-desc\">Universities, training centres, and corporate campuses \u2014 lecture-grade\r\n screens with CMS for non-AV staff.<\/p>\r\n <\/div>\r\n <div class=\"ind-media\" data-ph=\"Campus lobby installation\">\r\n <div class=\"ind-img led-edu\">\r\n \r\n <img class=\"slot-img\"\r\n src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/06\/NX-Series_Slide-3-V2.png\"\r\n alt=\"Campus LED lobby wall installation in Dubai by StarLED\" loading=\"lazy\"\r\n decoding=\"async\">\r\n <div class=\"img-slot-tag\">Education Photo<\/div>\r\n <\/div>\r\n <div class=\"ind-reveal\">\r\n <ul class=\"ind-checks\">\r\n <li>P1.86 Poster LED + COB walls<\/li>\r\n <li>Built-in CMS \u00b7 no AV team needed<\/li>\r\n <li>Brightness scheduling<\/li>\r\n <li>Multi-screen content sync<\/li>\r\n <\/ul>\r\n <div class=\"ind-cs\">Project \u00b7 Dubai campus<\/div>\r\n <div class=\"ind-proj\">Faculty Lobby Wall<\/div>\r\n <div class=\"ind-stats\">\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">14<\/div>\r\n <div class=\"l\">Screens networked<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">1 day<\/div>\r\n <div class=\"l\">Staff training<\/div>\r\n <\/div>\r\n <div class=\"ind-stat\">\r\n <div class=\"v\">5 yr<\/div>\r\n <div class=\"l\">Warranty term<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"ind-btn\" href=\"https:\/\/starleddisplay.com\/education-led-screen\/\">Read full case\r\n study <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"testi\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <span class=\"eyebrow\">What clients say<\/span>\r\n <h2 style=\"margin-top:18px\">400+ projects.<br>One <span class=\"accent\">consistent answer.<\/span>\r\n <\/h2>\r\n <\/div>\r\n <p>From the project managers, AV consultants, and procurement leads we work with across the UAE.\r\n\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"testi-grid\">\r\n <div class=\"testi-card feature\">\r\n <div class=\"testi-mark\">\u201c<\/div>\r\n <p class=\"testi-quote\">We had a launch event in 9 days. StarLED scoped, supplied, and rigged a 64 m\u00b2\r\n indoor wall in 48 hours. The processor handover was clean, the crew were professional, and the\r\n screen has not blinked since.<\/p>\r\n <div class=\"testi-foot\">\r\n <div class=\"testi-avatar\">SK<\/div>\r\n <div>\r\n <div class=\"testi-name\">Sara Khoury<\/div>\r\n <div class=\"testi-role\">Head of Events \u00b7 luxury hospitality group, Dubai<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card\">\r\n <div class=\"testi-mark\">\u201c<\/div>\r\n <p class=\"testi-quote\">The XAO Black Rhino has been outdoors on Sheikh Zayed Road for 18 months.\r\n 10,000 nits is no marketing claim \u2014 it's still readable at 1pm in July. Service response time\r\n has been a few hours, never days.<\/p>\r\n <div class=\"testi-foot\">\r\n <div class=\"testi-avatar\">RA<\/div>\r\n <div>\r\n <div class=\"testi-name\">Rashid Al Mansoori<\/div>\r\n <div class=\"testi-role\">Operations Manager \u00b7 outdoor media network<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card\">\r\n <div class=\"testi-mark\">\u201c<\/div>\r\n <p class=\"testi-quote\">We tendered four LED suppliers for the DIFC boardroom refit. StarLED came in\r\n mid-price, but the in-house manufacturing and the 5-year on-site warranty made it a clear\r\n decision. Two years in, zero issues.<\/p>\r\n <div class=\"testi-foot\">\r\n <div class=\"testi-avatar\">JM<\/div>\r\n <div>\r\n <div class=\"testi-name\">James Mitchell<\/div>\r\n <div class=\"testi-role\">Procurement Director \u00b7 financial services, DIFC<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq\" id=\"faq\">\r\n <div class=\"wrap faq-grid\">\r\n <div class=\"faq-side\">\r\n <span class=\"eyebrow\">FAQ<\/span>\r\n <h2 style=\"margin-top:18px\">Pricing, pitch, permits.<\/h2>\r\n <p>The questions we get on almost every brief. If yours is not here, ask our Dubai team, we reply the\r\n same day on weekdays.<\/p>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/starleddisplay.com\/contact-us\/\" style=\"margin-top:24px\">Ask the\r\n Dubai team <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n\r\n <div class=\"faq-list\">\r\n <details class=\"q\" open>\r\n <summary>How much does an LED screen cost in Dubai? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"a\">StarLED LED displays start from <strong style=\"color:#fff\">2,000 AED <\/strong>\r\n for an all-in-one poster unit. Indoor SMD video walls are priced per square metre from 7,500\r\n AED, with fine-pitch COB and NX walls higher based on pixel pitch. Outdoor LED screens start\r\n from 9,500 AED per m\u00b2. Final pricing depends on size, pitch, structure, and installation, and we\r\n give you a fixed, itemised quote before any work begins.<\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>What is the difference between SMD and COB LED displays? <span class=\"plus\">+<\/span>\r\n <\/summary>\r\n <div class=\"a\">SMD mounts individual LEDs on a circuit board. It is cost-effective and stocked from\r\n P2 to P6 for most retail and hospitality settings. COB embeds the chips in resin for a seamless,\r\n dustproof, dead-pixel-free surface, specified for boardrooms, control rooms, and premium spaces\r\n viewed under 2 metres.\r\n <\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>Do you supply and install in the same project? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"a\">Yes. StarLED handles supply, delivery, installation, and commissioning in-house, and\r\n we never subcontract installation. Our Dubai team completes standard indoor installations within\r\n 2 business days.\r\n .<\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>Do your outdoor LED screens work in Dubai's climate? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"a\">Yes. Our outdoor range is engineered for UAE conditions. IP68 dust and water sealing,\r\n up to 10,000 nits peak brightness, and operating temperatures up to 60\u00b0C. Both the XAO Black\r\n Rhino and Magnesium Series arerated for year-round outdoor use.\r\n <\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>What warranty do you offer? <span class=\"plus\">+<\/span><\/summary>\r\n <div class=\"a\">StarLED offers a 5-year warranty covering panels, drivers, power supplies, and\r\n receiving cards. Warranty service is handled by our in-house Dubai team and is never referred to\r\n an overseas factory.\r\n <\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>Can you help with Dubai Municipality permits for outdoor screens? <span\r\n class=\"plus\">+<\/span><\/summary>\r\n <div class=\"a\">Yes. We provide full technical documentation for DM outdoor advertising permits,\r\n including structural load calculations, electrical schematics, wind-load analysis, and NOC\r\n support. Bring us in early and we coordinate permits alongside installation.\r\n <\/div>\r\n <\/details>\r\n <details class=\"q\">\r\n <summary>Do you provide LED screens for short-term event rental? <span class=\"plus\">+<\/span>\r\n <\/summary>\r\n <div class=\"a\">StarLED specialises in permanent and semi-permanent installations and does not offer\r\n short-term rental. For a permanent screen in an event venue, exhibition hall, or conference\r\n facility, contact our Dubai team.\r\n\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"challenge\">\r\n <div class=\"wrap\">\r\n <div class=\"challenge-card\">\r\n <div>\r\n <span class=\"eyebrow\" style=\"color: #d3281a;\">Price challenge<\/span>\r\n <h2>We challenge any UAE-based price. <span class=\"accent\" style=\"color: #d3281a;\">Seen a lower\r\n quote?<\/span><\/h2>\r\n <p>Send it over. We will match it, or show you exactly why our quality, warranty, and 2-day install\r\n justify the difference. Either way, you will know what you are paying for.<\/p>\r\n <\/div>\r\n <div class=\"challenge-cta\">\r\n <div class=\"upload-card\">\r\n <b>Upload your competing quote<\/b>\r\n PDF, JPG, or paste the line items. We reply within one business day with a same-spec match or a\r\n clear breakdown.\r\n <\/div>\r\n <a class=\"btn btn-red\" href=\"https:\/\/starleddisplay.com\/contact-us\/\"\r\n style=\"background-color: #d3281a;\">Send my quote <span class=\"arr\"><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"locations\" id=\"locations\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <span class=\"eyebrow\">Locations<\/span>\r\n <h2 style=\"margin-top:18px\">Two offices.<br><span class=\"accent\">One regional crew.<\/span><\/h2>\r\n <\/div>\r\n <p>Visit the Al Khawaneej 2 showroom to see every product family running side-by-side. Walk-ins welcome\r\n \u2014 call ahead so we can brief you first.<\/p>\r\n <\/div>\r\n <div class=\"loc-grid\">\r\n <div class=\"loc\">\r\n <h3>UAE \u00b7 Dubai \u00b7 Headquarters<\/h3>\r\n <div class=\"city\">Alhannah General Trading LLC<\/div>\r\n <div class=\"addr\">Al Khawaneej 2, Dubai, United Arab Emirates<\/div>\r\n <div class=\"ln\"><span>Showroom \u00b7 2,000 m\u00b2 stock<\/span><span>Sun \u2013 Thu \u00b7 9am \u2013 6pm<\/span><\/div>\r\n <\/div>\r\n <div class=\"loc\">\r\n <h3>Saudi Arabia \u00b7 Riyadh<\/h3>\r\n <div class=\"city\">Riyadh Regional Office<\/div>\r\n <div class=\"addr\">Serving KSA and the wider GCC region<\/div>\r\n <div class=\"ln\"><span>Sales \u00b7 install partner<\/span><span>Sun \u2013 Thu \u00b7 9am \u2013 6pm<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <script>\r\n (function () {\r\n \/\/ ===== Product Explorer: sidebar -> dynamic panel =====\r\n const exItems = document.querySelectorAll('.ex-item');\r\n const exStates = document.querySelectorAll('.ex-state');\r\n const exBgs = document.querySelectorAll('.ex-bg');\r\n const exTag = document.getElementById('ex-tag');\r\n const exPitch = document.getElementById('ex-pitch');\r\n const exPrice = document.getElementById('ex-price');\r\n const META = {\r\n 'ex-1': { tag: 'Indoor \u00b7 SMD', pitch: 'P2 \u2014 P6', price: '<small>From<\/small>7,500 AED \/ m\u00b2' },\r\n 'ex-2': { tag: 'Indoor \u00b7 COB', pitch: 'P0.9 \u2014 P1.8', price: '<small>From<\/small>18,000 AED \/ m\u00b2' },\r\n 'ex-3': { tag: 'Indoor \u00b7 NX Fine-Pitch', pitch: 'P1.25 \u2014 P2', price: '<small>From<\/small>22,000 AED \/ m\u00b2' },\r\n 'ex-4': { tag: 'Indoor \u00b7 SPad All-in-One', pitch: 'P1.25 \u2014 P2.5', price: '<small>Pricing<\/small>On request' },\r\n 'ex-5': { tag: 'Transparent \u00b7 Transparent', pitch: 'P3.91 \u2014 P10.4', price: '<small>Pricing<\/small>On request' },\r\n 'ex-6': { tag: ' XAO: Outdoor \u00b7 XAO Black Rhino', pitch: 'P5 \u2014 P10', price: '<small>From<\/small>9,500 AED \/ m\u00b2' },\r\n 'ex-7': { tag: 'Magnesium: Outdoor \u00b7 Magnesium Series', pitch: 'P3 \u2014 P10', price: '<small>Pricing<\/small>On request' },\r\n 'ex-8': { tag: 'Poster: Indoor \u00b7 Poster LED', pitch: 'P1.86 \u2014 P2.5', price: '<small>From<\/small>2000 AED' },\r\n };\r\n function activate(id) {\r\n exItems.forEach(b => b.classList.toggle('active', b.dataset.target === id));\r\n exStates.forEach(s => s.classList.toggle('active', s.dataset.state === id));\r\n exBgs.forEach((b, i) => b.classList.toggle('show', (i + 1) === Number(id.split('-')[1])));\r\n const m = META[id]; if (m) { exTag.textContent = m.tag; exPitch.textContent = m.pitch; exPrice.innerHTML = m.price; }\r\n }\r\n exItems.forEach(b => {\r\n b.addEventListener('mouseenter', () => activate(b.dataset.target));\r\n b.addEventListener('click', () => activate(b.dataset.target));\r\n });\r\n\r\n \/\/ ===== Sticky Process Circle: highlight active node on scroll =====\r\n const p2Cards = document.querySelectorAll('.p2-card');\r\n const p2Nodes = document.querySelectorAll('.p2-node');\r\n const p2Sub = document.getElementById('p2-sub');\r\n function syncProcess() {\r\n const vpMid = window.innerHeight * 0.5;\r\n let activeIdx = 0;\r\n p2Cards.forEach((c, i) => {\r\n const r = c.getBoundingClientRect();\r\n if (r.top < vpMid && r.bottom > 80) activeIdx = i;\r\n });\r\n p2Nodes.forEach((n, i) => n.classList.toggle('active', i === activeIdx));\r\n if (p2Sub) p2Sub.textContent = 'Step 0' + (activeIdx + 1);\r\n }\r\n window.addEventListener('scroll', syncProcess, { passive: true });\r\n syncProcess();\r\n\r\n \/\/ ===== Projects Strip: click\/hover to expand =====\r\n const stripItems = document.querySelectorAll('.strip-item');\r\n function openStrip(idx) {\r\n stripItems.forEach((it, i) => it.classList.toggle('open', i === idx));\r\n }\r\n stripItems.forEach((it, i) => {\r\n it.addEventListener('mouseenter', () => openStrip(i));\r\n it.addEventListener('click', () => openStrip(i));\r\n });\r\n\r\n \/\/ ===== Industries: tap-to-toggle on touch =====\r\n const indCards = document.querySelectorAll('.ind-card');\r\n let isTouch = matchMedia('(hover: none)').matches;\r\n if (isTouch) {\r\n indCards.forEach(c => {\r\n c.addEventListener('click', e => {\r\n const wasOpen = c.classList.contains('tap-open');\r\n indCards.forEach(o => o.classList.remove('tap-open'));\r\n if (!wasOpen) c.classList.add('tap-open');\r\n });\r\n });\r\n }\r\n\r\n \/\/ ===== Reveal-on-scroll for top-level sections =====\r\n if ('IntersectionObserver' in window) {\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: 0.08 });\r\n document.querySelectorAll('section').forEach(s => io.observe(s));\r\n }\r\n })();\r\n\r\n \/* ===== Hero carousel ===== *\/\r\n (function () {\r\n var slides = document.querySelectorAll('#heroCarousel .hc-slide');\r\n var dots = document.querySelectorAll('#hcInd button');\r\n var numEl = document.getElementById('hcNum');\r\n var i = 0, t = null, N = slides.length;\r\n function go(n) {\r\n i = (n + N) % N;\r\n slides.forEach(function (s, k) { s.classList.toggle('active', k === i) });\r\n dots.forEach(function (d, k) { d.classList.toggle('active', k === i) });\r\n if (numEl) numEl.textContent = String(i + 1).padStart(2, '0');\r\n }\r\n function play() { clearInterval(t); t = setInterval(function () { go(i + 1) }, 5000) }\r\n dots.forEach(function (d) { d.addEventListener('click', function () { go(+d.dataset.go); play() }) });\r\n document.getElementById('hcPrev').addEventListener('click', function () { go(i - 1); play() });\r\n document.getElementById('hcNext').addEventListener('click', function () { go(i + 1); play() });\r\n var car = document.getElementById('heroCarousel');\r\n car.addEventListener('mouseenter', function () { clearInterval(t) });\r\n car.addEventListener('mouseleave', play);\r\n play();\r\n })();\r\n\r\n\r\n \/* ===== MOBILE EXPLORER ACCORDION ===== *\/\r\n (function () {\r\n var BP = 980;\r\n function isMobile() { return window.innerWidth <= BP; }\r\n\r\n var MDATA = {\r\n 'ex-1': { badge: 'SMD', title: 'SMD Indoor LED', lead: 'The most versatile indoor screen in the UAE \u2014 cost-effective, reliable, and stocked in every common pitch.', feats: ['P2\u2013P6 pitch range', '1,800\u20132,500 nits', 'Front & rear service', 'Curved & flat installs', 'Novastar processor included', 'Magnetic quick-lock modules'], ctaHref: '#products', ctaLabel: 'Explore product' },\r\n 'ex-2': { badge: 'COB', title: 'COB Indoor LED', lead: 'Chip-On-Board embeds LEDs in resin \u2014 no gaps, no dead pixels, IP65 dustproof. Built for boardrooms and luxury environments under 2 metres viewing distance.', feats: ['P0.9\u2013P1.8 pitch range', 'Zero dead-pixel finish', 'IP65 dust protection', '175\u00b0 wide viewing angle', 'Anti-glare matte surface', 'Hot-swap power & data'], ctaHref: '#products', ctaLabel: 'Explore product' },\r\n 'ex-3': { badge: 'NX', title: 'NX Fine-Pitch COB', lead: 'Flip-Chip COB with 6-sided protection \u2014 our premium fine-pitch line, already installed in DIFC, DWTC, and top corporate spaces.', feats: ['P1.25\u2013P2 pitch range', 'Flip-chip COB technology', '6-sided ingress protection', '16-bit colour processing', '3,840 Hz refresh rate', '\u0394E < 1.5 calibrated'], ctaHref: '#products', ctaLabel: 'Explore product' },\r\n 'ex-4': { badge: 'SP', title: 'SPad All-in-One LED', lead: 'Processor, receive card, and display in one rolling unit. Wheel it in, plug it in, switch it on. No rack room needed.', feats: ['P1.25\u2013P2.5 pitch range', 'Built-in processor & PSU', 'HDMI \/ USB-C input', 'Mobile stand or wall-mount', 'Optional Android module', 'Single power lead'], ctaHref: '#products', ctaLabel: 'Request a demo' },\r\n 'ex-5': { badge: 'TR', title: 'Transparent LED', lead: 'Up to 80% transparency. Mounts behind shopfront glass \u2014 light, modular, and silent for retail facades and storefronts.', feats: ['P3.91\u2013P10.4 pitch range', 'Up to 80% transparency', '3,800\u20134,500 nits output', 'Rail-hung or glass-attached', '10 kg\/m\u00b2 panel weight', 'Silent passive cooling'], ctaHref: '#products', ctaLabel: 'Explore product' },\r\n 'ex-6': { badge: 'XAO', title: 'XAO Outdoor Black Rhino', lead: 'IP68 sealed, 10,000 nits peak. Built for 60\u00b0C ambient, direct sun, and salt-laden coastal air \u2014 permanent outdoor installs.', feats: ['P5\u2013P10 pitch range', '10,000 nits peak brightness', 'IP68 dust & water sealed', '60\u00b0C ambient rated', 'Front-service cabinet', '10-year LED lifespan'], ctaHref: '#quote', ctaLabel: 'Get outdoor quote' },\r\n 'ex-7': { badge: 'MAG', title: 'Magnesium Series Outdoor', lead: 'Die-cast magnesium alloy cabinets \u2014 40% lighter than aluminium. Lower structural steel cost, faster install on rooftops and facades.', feats: ['P3\u2013P10 pitch range', 'Die-cast magnesium chassis', '40% lighter than aluminium', 'Reduces substructure cost', 'IP66\/IP54 front\/rear', 'Quick-release rear access'], ctaHref: '#quote', ctaLabel: 'Get outdoor quote' },\r\n 'ex-8': { badge: 'PST', title: 'Poster LED Display', lead: 'Slim floor-standing digital posters. Replace a printed lightbox with a screen you can re-skin from your phone.', feats: ['P1.86\u2013P2.5 pitch range', '~5 cm depth \u00b7 ~30 kg total', 'Single power lead', 'WiFi & 4G content control', 'Built-in CMS system', 'Standalone or networked'], ctaHref: '#products', ctaLabel: 'Request a demo' }\r\n };\r\n\r\n var exItems = Array.from(document.querySelectorAll('.ex-item'));\r\n\r\n function removeDetails() {\r\n document.querySelectorAll('.ex-mobile-detail').forEach(function (d) { d.remove(); });\r\n }\r\n\r\n exItems.forEach(function (item) {\r\n item.addEventListener('click', function () {\r\n if (!isMobile()) return;\r\n var id = item.dataset.target;\r\n var d = MDATA[id];\r\n if (!d) return;\r\n var wasOpen = item.classList.contains('mobile-open');\r\n exItems.forEach(function (it) { it.classList.remove('mobile-open', 'active'); });\r\n removeDetails();\r\n if (wasOpen) return;\r\n item.classList.add('mobile-open', 'active');\r\n var featsHtml = d.feats.map(function (f) { return '<li>' + f + '<\/li>'; }).join('');\r\n var det = document.createElement('div');\r\n det.className = 'ex-mobile-detail';\r\n det.innerHTML =\r\n '<span class=\"ex-mobile-badge-pill\">' + d.badge + '<\/span>' +\r\n '<h4>' + d.title + '<\/h4>' +\r\n '<span class=\"ex-mobile-lead\">' + d.lead + '<\/span>' +\r\n '<ul class=\"ex-mobile-feats\">' + featsHtml + '<\/ul>' +\r\n '<div class=\"ex-mobile-actions\">' +\r\n '<a class=\"btn btn-primary\" href=\"' + d.ctaHref + '\" style=\"font-size:12px;padding:9px 16px\">' + d.ctaLabel + ' <span class=\"arr\"><\/span><\/a>' +\r\n '<a class=\"btn btn-ghost\" href=\"#quote\" style=\"font-size:12px;padding:9px 16px\">Get quote<\/a>' +\r\n '<\/div>';\r\n item.after(det);\r\n setTimeout(function () { det.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }, 60);\r\n });\r\n });\r\n })();\r\n\r\n \/* ===== FLIP CARDS \u2014 TOUCH SUPPORT ===== *\/\r\n (function () {\r\n var isTouch = matchMedia('(hover: none)').matches;\r\n if (!isTouch) return;\r\n var cards = document.querySelectorAll('.flip-card');\r\n cards.forEach(function (card) {\r\n card.addEventListener('click', function () {\r\n var wasOpen = card.classList.contains('tapped');\r\n cards.forEach(function (c) { c.classList.remove('tapped'); });\r\n if (!wasOpen) card.classList.add('tapped');\r\n });\r\n });\r\n })();\r\n\r\n \/* ===== KEYBOARD FLIP CARDS ===== *\/\r\n (function () {\r\n document.querySelectorAll('.flip-card').forEach(function (card) {\r\n card.addEventListener('keydown', function (e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n card.classList.toggle('tapped');\r\n }\r\n });\r\n });\r\n })();\r\n\r\n\/\/ ===== VIDEO REEL & LIGHTBOX MODAL FUNCTIONALITY =====\r\n(function () {\r\n const track = document.getElementById('reelTrack');\r\n const cards = document.querySelectorAll('.vcard');\r\n const prevBtn = document.getElementById('reelPrev');\r\n const nextBtn = document.getElementById('reelNext');\r\n const idxEl = document.getElementById('reelIdx');\r\n \r\n const lightbox = document.getElementById('lightbox');\r\n const lbVideo = document.getElementById('lbVideo');\r\n const lbClose = document.getElementById('lbClose');\r\n const lbPlay = document.getElementById('lbPlay');\r\n const lbPoster = document.getElementById('lbPoster');\r\n \r\n let currentIdx = 0;\r\n\r\n \/\/ 1. Open Lightbox on Card Click\r\n cards.forEach((card, index) => {\r\n card.addEventListener('click', () => {\r\n currentIdx = index;\r\n openVideo(card.dataset.src, card.dataset.poster);\r\n });\r\n });\r\n\r\n function openVideo(videoSrc, posterSrc) {\r\n if (!lightbox || !lbVideo) return;\r\n \r\n lbVideo.src = videoSrc;\r\n lbVideo.style.display = 'block';\r\n lightbox.classList.add('open');\r\n \r\n \/\/ Auto-play video\r\n lbVideo.load();\r\n lbVideo.play().catch(error => {\r\n console.log(\"Autoplay blocked by browser policy, showing play overlay instead.\");\r\n });\r\n \r\n if (lbPoster) lbPoster.style.display = 'none';\r\n if (lbPlay) lbPlay.style.display = 'none';\r\n }\r\n\r\n \/\/ 2. Close Lightbox Functionality\r\n if (lbClose) {\r\n lbClose.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n closeLightbox();\r\n });\r\n }\r\n\r\n if (lightbox) {\r\n lightbox.addEventListener('click', (e) => {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n }\r\n\r\n function closeLightbox() {\r\n if (!lightbox || !lbVideo) return;\r\n lightbox.classList.remove('open');\r\n lbVideo.pause();\r\n lbVideo.src = '';\r\n }\r\n\r\n \/\/ 3. Track Slider Arrow Navigation (Horizontal Scrolling)\r\n if (track && prevBtn && nextBtn) {\r\n function updateNav() {\r\n const scrollLeft = track.scrollLeft;\r\n const cardWidth = cards[0].offsetWidth + 20; \/\/ width + gap\r\n const currentCard = Math.round(scrollLeft \/ cardWidth);\r\n \r\n if (idxEl) idxEl.textContent = String(currentCard + 1).padStart(2, '0');\r\n \r\n prevBtn.disabled = scrollLeft <= 0;\r\n nextBtn.disabled = scrollLeft >= (track.scrollWidth - track.clientWidth - 5);\r\n }\r\n\r\n nextBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n track.scrollBy({ left: cardWidth, behavior: 'smooth' });\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n track.scrollBy({ left: -cardWidth, behavior: 'smooth' });\r\n });\r\n\r\n track.addEventListener('scroll', updateNav, { passive: true });\r\n window.addEventListener('resize', updateNav);\r\n updateNav(); \/\/ Initial state setup\r\n }\r\n})();\r\n\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e700d69 e-flex e-con-boxed e-con e-parent\" data-id=\"e700d69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca50e33 elementor-widget elementor-widget-shortcode\" data-id=\"ca50e33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"single-post\" data-elementor-id=\"25386\" class=\"elementor elementor-25386\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-279100ba elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"279100ba\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2ba4bd08\" data-id=\"2ba4bd08\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4308e918 elementor-widget elementor-widget-heading\" data-id=\"4308e918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#qrcode\">Get a Quote<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d0bf85 elementor-widget elementor-widget-text-editor\" data-id=\"4d0bf85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ready to Work Together? Transform your business with us!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa5049 elementor-widget elementor-widget-form\" data-id=\"1aa5049\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"button_width":"50","step_next_label":"Next","step_previous_label":"Previous","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"quote_form_landing\" name=\"Landing Page Form\" aria-label=\"Landing Page Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"25386\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1aa5049\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Led Display Screen Supplier in Dubai, UAE - StarLED Display\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"23605\"\/>\n\t\t\t\n\t\t\t<div class=\"ele-extensions-hide-form elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<span class=\"ccfef-editor-intl-input\" data-id=\"form-field-phone\" data-field-id=\"a8f8f85\" data-default-country=\"ae\" data-include-countries=\"\" data-exclude-countries=\"\" data-common-countries=\"same\" data-strict-mode=\"no\" data-dial-code-visibility=\"show\" style=\"display: none;\"><\/span>\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_aca0a17 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_aca0a17\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDisplay Requirements\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_aca0a17]\" id=\"form-field-field_aca0a17\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Indoor\">Indoor<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Outdoor\">Outdoor<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Transparent\">Transparent<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Modules\">Modules<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Wholesale(Modules)\">Wholesale(Modules)<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-field_dff1669 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[field_dff1669]\" id=\"form-field-field_dff1669\" class=\"elementor-field elementor-size-sm elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-company elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-company\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany\/Brand Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[company]\" id=\"form-field-company\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-lead_source elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[lead_source]\" id=\"form-field-lead_source\" class=\"elementor-field elementor-size-sm elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-50 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2995fb95\" data-id=\"2995fb95\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10a3f029 elementor-widget elementor-widget-heading\" data-id=\"10a3f029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h4 data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\" style=\"font-size: 40px;font-style: normal;text-transform: none\">We challenge any UAE-based price. Seen a lower quote?<span style=\"font-family: Montserrat, sans-serif;font-size: 60px;font-style: inherit;font-weight: 700;text-transform: capitalize;white-space: pre-wrap;float: none\"><\/span><\/h4><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-268d7f20 elementor-widget elementor-widget-text-editor\" data-id=\"268d7f20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>You don\u2019t need to go to China. We\u2019ve already brought the factory to you.<\/p><p>Want to see the quality before you decide? Visit our Dubai facility and experience a live demo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dubai \u00b7 Al Khawaneej 2 \u00b7 UAE & GCC LED Screen Supplier in Dubai, UAE Based in Dubai with 400+ […]<\/p>\n","protected":false},"author":2,"featured_media":23482,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","inline_featured_image":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22200","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Best LED Screens Supplier in Dubai | StarLED Displays<\/title>\n<meta name=\"description\" content=\"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/starleddisplay.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best LED Screens Supplier in Dubai | StarLED Displays\" \/>\n<meta property=\"og:description\" content=\"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/starleddisplay.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"StarLED\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-25T12:52:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"85 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/\",\"name\":\"Best LED Screens Supplier in Dubai | StarLED Displays\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png\",\"datePublished\":\"2021-11-04T06:20:50+00:00\",\"dateModified\":\"2026-06-25T12:52:37+00:00\",\"description\":\"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#breadcrumb\"},\"inLanguage\":\"ar-AE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/starleddisplay.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar-AE\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png\",\"contentUrl\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png\",\"width\":1080,\"height\":1080,\"caption\":\"StarLED Display offers high-quality indoor & outdoor LED screens, video walls, and affordable LED rentals in Dubai. Your trusted LED display screen supplier in UAE.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/starleddisplay.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#website\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/\",\"name\":\"StarLED Display\",\"description\":\"Premier LED display solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/starleddisplay.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar-AE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#organization\",\"name\":\"StarLED Display\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar-AE\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-cropped-White-black.png\",\"contentUrl\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-cropped-White-black.png\",\"width\":512,\"height\":171,\"caption\":\"StarLED Display\"},\"image\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/Starleddisplay\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/starsign-uae\"]}]}<\/script>\n","yoast_head_json":{"title":"Best LED Screens Supplier in Dubai | StarLED Displays","description":"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/starleddisplay.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Best LED Screens Supplier in Dubai | StarLED Displays","og_description":"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!","og_url":"https:\/\/starleddisplay.com\/ar\/","og_site_name":"StarLED","article_modified_time":"2026-06-25T12:52:37+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"85 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/starleddisplay.com\/","url":"https:\/\/starleddisplay.com\/","name":"Best LED Screens Supplier in Dubai | StarLED Displays","isPartOf":{"@id":"https:\/\/starleddisplay.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/starleddisplay.com\/#primaryimage"},"image":{"@id":"https:\/\/starleddisplay.com\/#primaryimage"},"thumbnailUrl":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png","datePublished":"2021-11-04T06:20:50+00:00","dateModified":"2026-06-25T12:52:37+00:00","description":"LED display screen supplier in Dubai. All in stock, ready to install. Lowest price in UAE. Show any UAE quote and we\u2019ll beat it. Get a quote!","breadcrumb":{"@id":"https:\/\/starleddisplay.com\/#breadcrumb"},"inLanguage":"ar-AE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/starleddisplay.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar-AE","@id":"https:\/\/starleddisplay.com\/#primaryimage","url":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png","contentUrl":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png","width":1080,"height":1080,"caption":"StarLED Display offers high-quality indoor & outdoor LED screens, video walls, and affordable LED rentals in Dubai. Your trusted LED display screen supplier in UAE."},{"@type":"BreadcrumbList","@id":"https:\/\/starleddisplay.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/starleddisplay.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/starleddisplay.com\/#website","url":"https:\/\/starleddisplay.com\/","name":"StarLED Display","description":"Premier LED display solutions","publisher":{"@id":"https:\/\/starleddisplay.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/starleddisplay.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar-AE"},{"@type":"Organization","@id":"https:\/\/starleddisplay.com\/#organization","name":"StarLED Display","url":"https:\/\/starleddisplay.com\/","logo":{"@type":"ImageObject","inLanguage":"ar-AE","@id":"https:\/\/starleddisplay.com\/#\/schema\/logo\/image\/","url":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/06\/cropped-cropped-White-black.png","contentUrl":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/06\/cropped-cropped-White-black.png","width":512,"height":171,"caption":"StarLED Display"},"image":{"@id":"https:\/\/starleddisplay.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/Starleddisplay\/","https:\/\/www.linkedin.com\/company\/starsign-uae"]}]}},"rttpg_featured_image_url":{"full":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",1080,1080,false],"landscape":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",1080,1080,false],"portraits":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",1080,1080,false],"thumbnail":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts-150x150.png",150,150,true],"medium":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts-300x300.png",300,300,true],"large":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts-1024x1024.png",1024,1024,true],"1536x1536":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",1080,1080,false],"2048x2048":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",1080,1080,false],"trp-custom-language-flag":["https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/05\/Why-Hospitals-Should-Switch-to-LED-Displays-for-Emergency-Alerts.png",12,12,false]},"rttpg_author":{"display_name":"Sameer Kassim","author_link":"https:\/\/starleddisplay.com\/ar\/blog\/author\/sameer\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Dubai \u00b7 Al Khawaneej 2 \u00b7 UAE & GCC LED Screen Supplier in Dubai, UAE Based in Dubai with 400+ […]","_links":{"self":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/22200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/comments?post=22200"}],"version-history":[{"count":149,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/22200\/revisions"}],"predecessor-version":[{"id":27362,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/22200\/revisions\/27362"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/media\/23482"}],"wp:attachment":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/media?parent=22200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}