{"id":25315,"date":"2026-05-11T12:42:51","date_gmt":"2026-05-11T08:42:51","guid":{"rendered":"https:\/\/starleddisplay.com\/?page_id=25315"},"modified":"2026-05-15T11:59:14","modified_gmt":"2026-05-15T07:59:14","slug":"xao-series-black-rhino","status":"publish","type":"page","link":"https:\/\/starleddisplay.com\/ar\/outdoor-displays\/xao-series-black-rhino\/","title":{"rendered":"XAO series , black rhino"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25315\" class=\"elementor elementor-25315\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2db6c6 e-flex e-con-boxed e-con e-parent\" data-id=\"c2db6c6\" 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-484134a elementor-widget elementor-widget-html\" data-id=\"484134a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n  STARLED XAO SERIES LED PAGE \u2014 ANTIGRAVITY v3.1\r\n  Design system matched to COB LED page (antigravity v3.1)\r\n   \u2713 Hero slider with 4 slides, premium easing\r\n   \u2713 Antigravity scroll reveal (1.1s cubic-bezier(0.16,1,0.3,1))\r\n   \u2713 Hardware-accelerated translate3d\/scale3d animations\r\n   \u2713 NEW: Horizontal product installation video section\r\n   \u2713 All XAO content preserved\r\n================================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   1. DESIGN TOKENS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page {\r\n  --black:   #000;\r\n  --bg2:     #0a0a0a;\r\n  --bg3:     #111;\r\n  --card:    #0d0d0d;\r\n  --card2:   #161616;\r\n  --border:  rgba(255,255,255,.07);\r\n  --border2: rgba(255,255,255,.12);\r\n  --blue:    #6EC1E4;\r\n  --blue-d:  #4ba8d0;\r\n  --blue-gl: rgba(110,193,228,.12);\r\n  --blue-glow: rgba(110,193,228,.35);\r\n  --red:     #DC0000;\r\n  --red-h:   #f01414;\r\n  --white:   #fff;\r\n  --g1:      #e8e8e8;\r\n  --g2:      #999;\r\n  --g3:      #555;\r\n  --font:    'Montserrat',sans-serif;\r\n  --r:       6px;\r\n  --r2:      12px;\r\n  --r3:      20px;\r\n  --header-h: 80px;\r\n\r\n  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);\r\n  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n\r\n  --diagram-img-h:      320px;\r\n  --feat-card-ratio:    3 \/ 4;\r\n  --app-card-ratio:     4 \/ 3;\r\n  --proj-gallery-h:     520px;\r\n  --fam-img-h:          200px;\r\n\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  overflow-x: clip;\r\n  font-family: var(--font);\r\n  background: var(--black);\r\n  color: var(--white);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.slx-page *, .slx-page *::before, .slx-page *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.slx-page img  { max-width: 100%; height: auto; display: block; }\r\n.slx-page a    { color: inherit; text-decoration: none; }\r\n.slx-page ul   { list-style: none; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   2. UTILITIES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .img-cover {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center;\r\n  display: block;\r\n}\r\n.slx-page .img-cover[src=\"\"] { display: none; }\r\n\r\n.slx-page .grain {\r\n  position: fixed; inset: 0;\r\n  pointer-events: none; z-index: 9999; opacity: .028;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n  background-size: 128px;\r\n  will-change: transform;\r\n}\r\n\r\n.slx-page .wrap    { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n.slx-page .wrap-lg { max-width: 1380px; margin: 0 auto; padding: 0 24px; }\r\n.slx-page .sec { padding: 90px 0; }\r\n.slx-page .divider { height: 1px; background: var(--border); }\r\n.slx-page .center  { text-align: center; }\r\n\r\n.slx-page .eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: var(--blue); margin-bottom: 16px;\r\n}\r\n.slx-page .eyebrow::before,\r\n.slx-page .eyebrow::after {\r\n  content: ''; display: block; width: 28px; height: 1px;\r\n  background: var(--blue); opacity: .6;\r\n}\r\n\r\n.slx-page h2.title {\r\n  font-size: clamp(26px,3.5vw,44px);\r\n  font-weight: 800; line-height: 1.1; margin-bottom: 16px;\r\n  letter-spacing: -.5px;\r\n}\r\n.slx-page .sub {\r\n  font-size: 16px; color: var(--g2);\r\n  line-height: 1.78; max-width: 580px;\r\n  margin: 0 auto 52px;\r\n}\r\n\r\n.slx-page .btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 14px 28px; border-radius: var(--r);\r\n  font-family: var(--font); font-size: 14px; font-weight: 700;\r\n  letter-spacing: .5px; cursor: pointer; border: none;\r\n  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), background .25s, border-color .25s, color .25s;\r\n  white-space: nowrap; text-transform: uppercase;\r\n  will-change: transform;\r\n  position: relative; overflow: hidden;\r\n}\r\n.slx-page .btn::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.18), transparent 70%);\r\n  transform: translate3d(-110%, 0, 0);\r\n  transition: transform .6s var(--ease-out);\r\n  pointer-events: none;\r\n}\r\n.slx-page .btn:hover::before { transform: translate3d(110%, 0, 0); }\r\n.slx-page .btn .arr { transition: transform .35s var(--ease-spring); display: inline-block; }\r\n.slx-page .btn:hover .arr { transform: translate3d(6px, 0, 0); }\r\n\r\n.slx-page .btn-primary {\r\n  background: var(--red); color: var(--white);\r\n  box-shadow: 0 4px 14px rgba(220,0,0,.25);\r\n}\r\n.slx-page .btn-primary:hover {\r\n  background: var(--red-h);\r\n  transform: translate3d(0, -3px, 0);\r\n  box-shadow: 0 12px 32px rgba(220,0,0,.45), 0 0 50px rgba(220,0,0,.18);\r\n}\r\n\r\n.slx-page .btn-outline {\r\n  background: rgba(255,255,255,.02); color: var(--white);\r\n  border: 1.5px solid var(--border2);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n.slx-page .btn-outline:hover {\r\n  border-color: var(--blue); color: var(--blue);\r\n  transform: translate3d(0, -3px, 0);\r\n  box-shadow: 0 12px 32px rgba(110,193,228,.18);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   3. SCROLL REVEAL\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .reveal,\r\n.slx-page .reveal-up,\r\n.slx-page .reveal-left,\r\n.slx-page .reveal-right,\r\n.slx-page .reveal-scale,\r\n.slx-page .reveal-blur {\r\n  opacity: 0;\r\n  transition:\r\n    opacity   1.0s cubic-bezier(0.16, 1, 0.3, 1),\r\n    transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);\r\n  will-change: opacity, transform;\r\n}\r\n.slx-page .reveal,\r\n.slx-page .reveal-up    { transform: translate3d(0, 48px, 0); }\r\n.slx-page .reveal-left  { transform: translate3d(-48px, 0, 0); }\r\n.slx-page .reveal-right { transform: translate3d(48px, 0, 0); }\r\n.slx-page .reveal-scale { transform: scale3d(.92, .92, 1); }\r\n.slx-page .reveal-blur  { transform: translate3d(0, 32px, 0); }\r\n\r\n.slx-page .reveal.visible,\r\n.slx-page .reveal-up.visible,\r\n.slx-page .reveal-left.visible,\r\n.slx-page .reveal-right.visible,\r\n.slx-page .reveal-scale.visible,\r\n.slx-page .reveal-blur.visible {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);\r\n}\r\n\r\n.slx-page .d1 { transition-delay: .07s; }\r\n.slx-page .d2 { transition-delay: .14s; }\r\n.slx-page .d3 { transition-delay: .21s; }\r\n.slx-page .d4 { transition-delay: .28s; }\r\n.slx-page .d5 { transition-delay: .35s; }\r\n.slx-page .d6 { transition-delay: .42s; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   4. KEYFRAMES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes slx-orbFloat {\r\n  0%,100% { transform: translate3d(0,0,0) scale3d(1,1,1); }\r\n  33%      { transform: translate3d(20px,-24px,0) scale3d(1.06,1.06,1); }\r\n  66%      { transform: translate3d(-14px,16px,0) scale3d(.96,.96,1); }\r\n}\r\n@keyframes slx-orbPulse {\r\n  0%,100% { transform: translate3d(-50%,-50%,0) scale3d(1,1,1);    opacity: .7; }\r\n  50%     { transform: translate3d(-50%,-50%,0) scale3d(1.16,1.16,1); opacity: 1;  }\r\n}\r\n@keyframes slx-fadeUp {\r\n  from { opacity: 0; transform: translate3d(0, 28px, 0); }\r\n  to   { opacity: 1; transform: translate3d(0, 0, 0); }\r\n}\r\n@keyframes slx-pulse {\r\n  0%,100% { box-shadow: 0 0 8px var(--blue);  transform: scale3d(1,1,1);    }\r\n  50%     { box-shadow: 0 0 24px var(--blue); transform: scale3d(1.35,1.35,1); }\r\n}\r\n@keyframes slx-scanline {\r\n  0%,100% { opacity: 0; transform: scaleX(.3); }\r\n  50%     { opacity: 1; transform: scaleX(1);  }\r\n}\r\n@keyframes slx-gridShift {\r\n  0%   { background-position: 0 0, 0 0; }\r\n  100% { background-position: 60px 60px, 60px 60px; }\r\n}\r\n@keyframes slx-ring {\r\n  0%   { opacity: .5;  transform: translate3d(-50%,-50%,0) scale3d(.85,.85,1); }\r\n  100% { opacity: 0;   transform: translate3d(-50%,-50%,0) scale3d(1.2,1.2,1); }\r\n}\r\n@keyframes slx-shimmer {\r\n  0%   { transform: translate3d(-120%, 0, 0) skewX(-12deg); }\r\n  100% { transform: translate3d( 220%, 0, 0) skewX(-12deg); }\r\n}\r\n@keyframes slx-progress {\r\n  from { transform: scaleX(0); }\r\n  to   { transform: scaleX(1); }\r\n}\r\n@keyframes slx-floatSoft {\r\n  0%,100% { transform: translate3d(0, 0, 0); }\r\n  50%     { transform: translate3d(0, -8px, 0); }\r\n}\r\n@keyframes slx-kenburns {\r\n  from { transform: scale3d(1.0, 1.0, 1); }\r\n  to   { transform: scale3d(1.08, 1.08, 1); }\r\n}\r\n@keyframes slx-textShine {\r\n  0%   { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   5. HERO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .hero {\r\n  position: relative;\r\n  min-height: calc(100vh - var(--header-h));\r\n  background: var(--black);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  contain: layout paint;\r\n}\r\n\r\n.slx-page .hero-orb {\r\n  position: absolute; border-radius: 50%;\r\n  filter: blur(90px);\r\n  animation: slx-orbFloat 11s ease-in-out infinite;\r\n  pointer-events: none; will-change: transform;\r\n  z-index: 0;\r\n}\r\n.slx-page .orb1 {\r\n  width: 580px; height: 580px; top: -140px; right: -100px;\r\n  background: radial-gradient(circle, rgba(110,193,228,.18) 0%, transparent 70%);\r\n}\r\n.slx-page .orb2 {\r\n  width: 440px; height: 440px; bottom: -120px; left: -120px;\r\n  background: radial-gradient(circle, rgba(220,0,0,.1) 0%, transparent 70%);\r\n  animation-delay: -4s;\r\n}\r\n.slx-page .orb3 {\r\n  width: 360px; height: 360px; top: 38%; left: 38%;\r\n  background: radial-gradient(circle, rgba(110,193,228,.08) 0%, transparent 70%);\r\n  animation-delay: -2.2s;\r\n}\r\n\r\n.slx-page .hero-grid {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background:\r\n    linear-gradient(rgba(110,193,228,.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(110,193,228,.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, black, transparent 75%);\r\n  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, black, transparent 75%);\r\n  animation: slx-gridShift 22s linear infinite;\r\n  will-change: background-position;\r\n  pointer-events: none;\r\n}\r\n\r\n.slx-page .slx-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  flex: 1;\r\n  min-height: 580px;\r\n  overflow: hidden;\r\n  cursor: grab;\r\n  z-index: 1;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n}\r\n.slx-page .slx-slider.is-dragging { cursor: grabbing; }\r\n\r\n.slx-page .slx-slider-track {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);\r\n  will-change: transform;\r\n}\r\n.slx-page .slx-slider-track.no-transition { transition: none; }\r\n\r\n.slx-page .slx-slide {\r\n  position: relative;\r\n  min-width: 100%;\r\n  height: 100%;\r\n  min-height: 580px !important;\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.slx-page .slx-slide-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  will-change: transform, opacity;\r\n  transition: transform 1.2s var(--ease-out), opacity .9s ease;\r\n  z-index: 0;\r\n}\r\n.slx-page .slx-slide-bg img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center;\r\n  display: block;\r\n  pointer-events: none;\r\n}\r\n.slx-page .slx-slide.is-active .slx-slide-bg img {\r\n  animation: slx-kenburns 14s ease-out forwards;\r\n}\r\n\r\n.slx-page .slx-slide-overlay {\r\n  position: absolute; inset: 0;\r\n  background:\r\n    linear-gradient(105deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.18) 100%),\r\n    linear-gradient(180deg, transparent 60%, rgba(0,0,0,.4) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.slx-page .slx-slide-content {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 56px;\r\n}\r\n.slx-page .slx-slide-body {\r\n  max-width: 620px;\r\n}\r\n\r\n.slx-page .slx-slide-eyebrow,\r\n.slx-page .slx-slide-title,\r\n.slx-page .slx-slide-desc,\r\n.slx-page .slx-slide-btns {\r\n  opacity: 0;\r\n  transform: translate3d(0, 28px, 0);\r\n  filter: blur(6px);\r\n  transition:\r\n    opacity   .8s cubic-bezier(0.16, 1, 0.3, 1),\r\n    transform .8s cubic-bezier(0.16, 1, 0.3, 1),\r\n    filter    .8s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.slx-page .slx-slide.is-active .slx-slide-eyebrow {\r\n  transition-delay: .25s; opacity: 1; transform: translate3d(0,0,0); filter: blur(0);\r\n}\r\n.slx-page .slx-slide.is-active .slx-slide-title {\r\n  transition-delay: .38s; opacity: 1; transform: translate3d(0,0,0); filter: blur(0);\r\n}\r\n.slx-page .slx-slide.is-active .slx-slide-desc {\r\n  transition-delay: .52s; opacity: 1; transform: translate3d(0,0,0); filter: blur(0);\r\n}\r\n.slx-page .slx-slide.is-active .slx-slide-btns {\r\n  transition-delay: .65s; opacity: 1; transform: translate3d(0,0,0); filter: blur(0);\r\n}\r\n\r\n.slx-page .slx-slide-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: var(--blue);\r\n  margin-bottom: 22px;\r\n  padding: 8px 14px;\r\n  background: rgba(110,193,228,.08);\r\n  border: 1px solid rgba(110,193,228,.2);\r\n  border-radius: 40px;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n.slx-page .slx-slide-eyebrow-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: var(--blue);\r\n  box-shadow: 0 0 10px var(--blue);\r\n  animation: slx-pulse 2.5s ease-in-out infinite;\r\n}\r\n\r\n.slx-page .slx-slide-title {\r\n  font-size: clamp(32px,4.8vw,64px);\r\n  font-weight: 900; line-height: 1.04;\r\n  letter-spacing: -1.8px; margin-bottom: 20px;\r\n}\r\n.slx-page .slx-slide-title em {\r\n  font-style: normal;\r\n  background: linear-gradient(135deg, #6EC1E4 0%, #a8dcef 50%, #6EC1E4 100%);\r\n  background-size: 200% auto;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  position: relative;\r\n  animation: slx-textShine 6s linear infinite;\r\n}\r\n.slx-page .slx-slide-title em::after {\r\n  content: '';\r\n  position: absolute; bottom: 4px; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--blue), transparent);\r\n  opacity: .55;\r\n}\r\n\r\n.slx-page .slx-slide-desc {\r\n  font-size: 16px; color: var(--g1); line-height: 1.78;\r\n  max-width: 510px; margin-bottom: 36px;\r\n}\r\n\r\n.slx-page .slx-slide-btns {\r\n  display: flex; gap: 14px; flex-wrap: wrap;\r\n}\r\n\r\n.slx-page .slx-slider-ui {\r\n  position: absolute; bottom: 32px; left: 0; right: 0;\r\n  z-index: 10;\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 22px;\r\n}\r\n\r\n.slx-page .slx-arrow {\r\n  width: 46px; height: 46px;\r\n  border-radius: 50%;\r\n  background: rgba(0,0,0,.55);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  border: 1px solid rgba(110,193,228,.25);\r\n  color: var(--white);\r\n  cursor: pointer;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background .3s var(--ease-out), border-color .3s, transform .3s var(--ease-spring);\r\n  flex-shrink: 0;\r\n}\r\n.slx-page .slx-arrow:hover {\r\n  background: rgba(110,193,228,.22);\r\n  border-color: var(--blue);\r\n  transform: scale3d(1.12, 1.12, 1);\r\n  box-shadow: 0 0 24px rgba(110,193,228,.3);\r\n}\r\n.slx-page .slx-arrow:active { transform: scale3d(.95, .95, 1); }\r\n.slx-page .slx-arrow svg {\r\n  width: 18px; height: 18px;\r\n  stroke: var(--white); stroke-width: 2;\r\n  fill: none;\r\n}\r\n\r\n.slx-page .slx-dots {\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n.slx-page .slx-dot {\r\n  position: relative;\r\n  width: 28px; height: 4px;\r\n  border-radius: 2px;\r\n  background: rgba(255,255,255,.25);\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transition: width .45s var(--ease-out), background .3s;\r\n  border: none; padding: 0;\r\n}\r\n.slx-page .slx-dot.is-active {\r\n  width: 56px;\r\n  background: rgba(255,255,255,.18);\r\n}\r\n.slx-page .slx-dot-fill {\r\n  position: absolute; top: 0; bottom: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(90deg, var(--blue), #a8dcef);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n}\r\n.slx-page .slx-dot.is-active .slx-dot-fill {\r\n  animation: slx-progress var(--slide-duration, 6s) linear forwards;\r\n}\r\n.slx-page .slx-slider.is-paused .slx-dot.is-active .slx-dot-fill {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.slx-page .slx-counter {\r\n  font-size: 12px; font-weight: 700;\r\n  letter-spacing: 2px; color: rgba(255,255,255,.55);\r\n  min-width: 50px; text-align: center;\r\n}\r\n.slx-page .slx-counter strong {\r\n  color: var(--white);\r\n  display: inline-block;\r\n  min-width: 12px;\r\n}\r\n\r\n.slx-page .slx-slide-badge {\r\n  position: absolute; top: 24px; left: 24px; z-index: 3;\r\n  background: var(--red);\r\n  padding: 5px 14px; border-radius: 3px;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 1.5px; text-transform: uppercase;\r\n  box-shadow: 0 4px 14px rgba(220,0,0,.35);\r\n}\r\n\r\n.slx-page .slx-scanline {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px; z-index: 3;\r\n  background: linear-gradient(90deg, transparent, var(--blue), transparent);\r\n  animation: slx-scanline 3.5s ease-in-out infinite;\r\n}\r\n\r\n.slx-page .hero-stats-bar {\r\n  position: relative; z-index: 2;\r\n  background: rgba(6,6,10,.92);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  border-top: 1px solid rgba(110,193,228,.12);\r\n  padding: 24px 0;\r\n  opacity: 0;\r\n  animation: slx-fadeUp .8s var(--ease-out) .9s forwards;\r\n}\r\n.slx-page .hero-stats-inner {\r\n  display: flex; justify-content: center;\r\n  gap: 0; flex-wrap: wrap;\r\n}\r\n.slx-page .hero-stat-item {\r\n  padding: 10px 40px;\r\n  border-right: 1px solid var(--border2);\r\n  text-align: center;\r\n  transition: transform .35s var(--ease-out);\r\n}\r\n.slx-page .hero-stat-item:hover { transform: translate3d(0, -3px, 0); }\r\n.slx-page .hero-stat-item:last-child { border-right: none; }\r\n.slx-page .hero-stat-val {\r\n  font-size: 26px; font-weight: 900;\r\n  color: var(--white); line-height: 1; margin-bottom: 4px;\r\n  transition: color .25s;\r\n}\r\n.slx-page .hero-stat-val span { color: var(--blue); }\r\n.slx-page .hero-stat-item:hover .hero-stat-val { color: var(--blue); }\r\n.slx-page .hero-stat-lbl {\r\n  font-size: 11px; font-weight: 600;\r\n  color: var(--g3); letter-spacing: .5px; text-transform: uppercase;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   6. INTRO \/ RHINO STORY\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .intro-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start;\r\n}\r\n.slx-page .intro-body {\r\n  font-size: 15px; color: var(--g2); line-height: 1.82; margin-bottom: 22px;\r\n}\r\n.slx-page .rhino-stats {\r\n  display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 12px;\r\n}\r\n.slx-page .rstat {\r\n  background: var(--card); border: 1px solid var(--border);\r\n  border-radius: var(--r); padding: 18px 18px;\r\n  transition: transform .35s var(--ease-out), box-shadow .35s, border-color .3s;\r\n  position: relative; overflow: hidden;\r\n}\r\n.slx-page .rstat::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px; background: var(--blue);\r\n  transform: scaleX(0); transition: transform .4s var(--ease-out);\r\n}\r\n.slx-page .rstat:hover {\r\n  transform: translate3d(0, -5px, 0);\r\n  border-color: rgba(110,193,228,.25);\r\n  box-shadow: 0 16px 32px rgba(0,0,0,.45);\r\n}\r\n.slx-page .rstat:hover::after { transform: scaleX(1); }\r\n.slx-page .rstat-val { font-size: 26px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 4px; }\r\n.slx-page .rstat-val span { color: var(--blue); }\r\n.slx-page .rstat-lbl { font-size: 11px; font-weight: 700; letter-spacing: .5px; color: var(--g1); margin-bottom: 2px; }\r\n.slx-page .rstat-sub { font-size: 10px; color: var(--g3); }\r\n\r\n.slx-page .compare-box {\r\n  background: var(--card);\r\n  border: 1px solid rgba(110,193,228,.15);\r\n  border-radius: var(--r2); overflow: hidden; position: relative;\r\n  box-shadow: 0 0 40px rgba(110,193,228,.05);\r\n  transition: transform .5s var(--ease-out), box-shadow .5s;\r\n}\r\n.slx-page .compare-box:hover {\r\n  transform: translate3d(0, -4px, 0);\r\n  box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 50px rgba(110,193,228,.1);\r\n}\r\n.slx-page .compare-box::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg,var(--blue),var(--red)); z-index: 1;\r\n}\r\n.slx-page .compare-head {\r\n  padding: 18px 22px 14px; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase; color: var(--blue);\r\n  text-align: center; border-bottom: 1px solid var(--border);\r\n}\r\n.slx-page .compare-body { padding: 18px 22px; }\r\n.slx-page .cmp-row {\r\n  display: grid; grid-template-columns: 1.2fr 1fr 1fr;\r\n  border-bottom: 1px solid rgba(255,255,255,.04); padding: 10px 0; align-items: center;\r\n}\r\n.slx-page .cmp-row:last-child { border-bottom: none; }\r\n.slx-page .cmp-label { font-size: 12px; color: var(--g3); font-weight: 600; padding-right: 8px; }\r\n.slx-page .cmp-val { font-size: 13px; font-weight: 700; text-align: center; padding: 0 4px; }\r\n.slx-page .cmp-val.good { color: var(--blue); }\r\n.slx-page .cmp-val.bad { color: var(--g3); }\r\n.slx-page .cmp-thead .cmp-val { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 4px; }\r\n.slx-page .compare-foot {\r\n  border-top: 1px solid var(--border); padding: 10px 20px;\r\n  font-size: 11px; color: var(--g3); font-style: italic; text-align: center;\r\n}\r\n\r\n.slx-page .check-list {\r\n  display: flex; flex-direction: column; gap: 11px;\r\n}\r\n.slx-page .check-item {\r\n  display: flex; align-items: center; gap: 12px;\r\n  font-size: 14px; color: var(--g1); line-height: 1.4;\r\n  padding: 13px 16px;\r\n  background: var(--card); border: 1px solid var(--border);\r\n  border-left: 3px solid var(--blue); border-radius: var(--r);\r\n  transition: transform .35s var(--ease-out), background .3s, box-shadow .35s, border-color .3s;\r\n}\r\n.slx-page .check-item:hover {\r\n  background: var(--card2);\r\n  transform: translate3d(8px, 0, 0);\r\n  border-color: rgba(110,193,228,.3);\r\n  box-shadow: -6px 0 20px rgba(110,193,228,.1);\r\n}\r\n.slx-page .check-dot {\r\n  width: 22px; height: 22px; min-width: 22px;\r\n  border-radius: 50%; background: var(--blue);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 10px; font-weight: 800; color: #000;\r\n  transition: transform .35s var(--ease-spring);\r\n}\r\n.slx-page .check-item:hover .check-dot {\r\n  transform: rotate(360deg) scale3d(1.15, 1.15, 1);\r\n}\r\n\r\n\/* Pin diagram (SMD1921 tech) *\/\r\n.slx-page .pin-box {\r\n  background: var(--card);\r\n  border: 1px solid rgba(110,193,228,.15);\r\n  border-radius: var(--r2); overflow: hidden; position: relative;\r\n  box-shadow: 0 0 40px rgba(110,193,228,.05);\r\n  transition: transform .5s var(--ease-out), box-shadow .5s;\r\n}\r\n.slx-page .pin-box:hover {\r\n  transform: translate3d(0, -4px, 0);\r\n  box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 50px rgba(110,193,228,.1);\r\n}\r\n.slx-page .pin-box::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg,var(--blue),var(--red)); z-index: 1;\r\n}\r\n.slx-page .pin-head {\r\n  padding: 18px 22px 14px; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase; color: var(--blue);\r\n  text-align: center; border-bottom: 1px solid var(--border);\r\n}\r\n.slx-page .pin-body { padding: 24px 20px 20px; }\r\n.slx-page .pin-cols { display: grid; grid-template-columns: 1fr 1px 1fr; }\r\n.slx-page .pin-sep { background: var(--border); }\r\n.slx-page .pin-col { padding: 0 16px; }\r\n.slx-page .pin-col-title {\r\n  font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\r\n  text-transform: uppercase; text-align: center; margin-bottom: 16px;\r\n}\r\n.slx-page .ptc-blue { color: var(--blue); }\r\n.slx-page .ptc-grey { color: var(--g3); }\r\n.slx-page .pin-led { display: flex; flex-direction: column; gap: 7px; margin-bottom: 14px; }\r\n.slx-page .pin-channel {\r\n  display: flex; align-items: center; gap: 8px;\r\n  padding: 8px 10px; border-radius: 5px; background: var(--bg3);\r\n  border: 1px solid var(--border);\r\n  transition: border-color .3s;\r\n}\r\n.slx-page .pin-col:hover .pin-channel { border-color: rgba(110,193,228,.2); }\r\n.slx-page .pc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\r\n.slx-page .pc-r { background: #e03333; }\r\n.slx-page .pc-g { background: #33c855; }\r\n.slx-page .pc-b { background: #3380e0; }\r\n.slx-page .pc-txt { font-size: 12px; color: var(--g1); flex: 1; }\r\n.slx-page .pc-pins { font-size: 10px; color: var(--blue); font-weight: 700; white-space: nowrap; }\r\n.slx-page .pc-pins.grey { color: var(--g3); }\r\n.slx-page .pin-result {\r\n  font-size: 12px; font-weight: 700; text-align: center;\r\n  padding: 9px; border-radius: 5px;\r\n}\r\n.slx-page .pin-foot {\r\n  border-top: 1px solid var(--border); padding: 10px 20px;\r\n  font-size: 11px; color: var(--g3); font-style: italic; text-align: center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   7. FEATURES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .feat-sec { background: var(--bg2); }\r\n.slx-page .feat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }\r\n\r\n.slx-page .feat-card {\r\n  border-radius: var(--r2); overflow: hidden; position: relative;\r\n  cursor: default; aspect-ratio: var(--feat-card-ratio);\r\n  background: var(--bg3);\r\n  transition: transform .6s var(--ease-out), box-shadow .5s;\r\n  will-change: transform;\r\n  animation: slx-floatSoft 6s ease-in-out infinite;\r\n}\r\n.slx-page .feat-card:nth-child(2) { animation-delay: -1.2s; }\r\n.slx-page .feat-card:nth-child(3) { animation-delay: -2.4s; }\r\n.slx-page .feat-card:nth-child(4) { animation-delay: -3.6s; }\r\n.slx-page .feat-card:nth-child(5) { animation-delay: -1.8s; }\r\n.slx-page .feat-card:nth-child(6) { animation-delay: -3s; }\r\n\r\n.slx-page .feat-card.tilt-active {\r\n  animation-play-state: paused;\r\n  box-shadow: 0 30px 70px rgba(0,0,0,.75), 0 0 50px rgba(110,193,228,.18);\r\n  z-index: 2;\r\n}\r\n\r\n.slx-page .feat-bg {\r\n  position: absolute; inset: 0; overflow: hidden;\r\n  transition: transform .8s var(--ease-out);\r\n}\r\n.slx-page .feat-bg .img-cover { position: absolute; inset: 0; transition: transform .8s var(--ease-out); }\r\n.slx-page .feat-card.tilt-active .feat-bg .img-cover { transform: scale3d(1.08, 1.08, 1); }\r\n\r\n.slx-page .feat-card::after {\r\n  content: ''; position: absolute; inset: 0;\r\n  border-radius: var(--r2);\r\n  border: 1px solid rgba(110,193,228,0);\r\n  box-shadow: 0 0 0 rgba(110,193,228,0) inset;\r\n  transition: border-color .4s, box-shadow .4s;\r\n  pointer-events: none; z-index: 6;\r\n}\r\n.slx-page .feat-card.tilt-active::after {\r\n  border-color: rgba(110,193,228,.3);\r\n  box-shadow: 0 0 30px rgba(110,193,228,.12) inset;\r\n}\r\n\r\n.slx-page .feat-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.94) 0%, rgba(0,0,0,.45) 50%, rgba(0,0,0,.15) 100%);\r\n  transition: background .4s, opacity .4s;\r\n}\r\n.slx-page .feat-card.tilt-active .feat-overlay {\r\n  background: linear-gradient(to top, rgba(0,0,0,.97) 0%, rgba(0,0,0,.75) 40%, rgba(0,0,0,.4) 100%);\r\n}\r\n\r\n.slx-page .feat-tag {\r\n  position: absolute; top: 18px; left: 18px; z-index: 4;\r\n  padding: 5px 12px; border-radius: 20px;\r\n  font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n  background: rgba(110,193,228,.14); color: var(--blue);\r\n  border: 1px solid rgba(110,193,228,.3);\r\n  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n  transition: transform .35s var(--ease-out), background .3s;\r\n}\r\n.slx-page .feat-card.tilt-active .feat-tag {\r\n  background: rgba(110,193,228,.25);\r\n  transform: translate3d(0, -3px, 0);\r\n}\r\n\r\n.slx-page .feat-content {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  padding: 24px;\r\n  z-index: 3;\r\n}\r\n.slx-page .feat-title {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  transform: translate3d(0, 0, 0);\r\n  opacity: 1;\r\n  transition: opacity .35s var(--ease-out), transform .45s var(--ease-out);\r\n}\r\n.slx-page .feat-card.tilt-active .feat-title {\r\n  opacity: 0;\r\n  transform: translate3d(0, -12px, 0);\r\n}\r\n\r\n.slx-page .feat-desc-wrap {\r\n  position: absolute;\r\n  left: 24px; right: 24px; bottom: 24px;\r\n  opacity: 0;\r\n  transform: translate3d(0, 20px, 0);\r\n  transition: opacity .4s .1s var(--ease-out), transform .5s .1s var(--ease-out);\r\n  pointer-events: none;\r\n}\r\n.slx-page .feat-card.tilt-active .feat-desc-wrap {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  pointer-events: auto;\r\n}\r\n.slx-page .feat-desc-title {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n  margin-bottom: 10px;\r\n  color: var(--white);\r\n}\r\n.slx-page .feat-desc {\r\n  font-size: 13px;\r\n  color: var(--g1);\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   8. MODEL CARDS (pitch-style)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .pitch-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  width: 100%;\r\n  margin-bottom: 40px;\r\n}\r\n.slx-page .pitch-card {\r\n  flex: 1 1 250px;\r\n  max-width: 290px;\r\n  background: var(--card);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--r2);\r\n  padding: 30px 22px;\r\n  text-align: center;\r\n  transition: transform .45s var(--ease-out), box-shadow .45s, border-color .35s, background .35s;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: default;\r\n  will-change: transform;\r\n}\r\n.slx-page .pitch-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg, var(--blue), #a8dcef);\r\n  transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease-out);\r\n}\r\n.slx-page .pitch-card:hover {\r\n  border-color: rgba(110,193,228,.3);\r\n  background: var(--card2);\r\n  transform: translate3d(0, -9px, 0);\r\n  box-shadow: 0 28px 60px rgba(0,0,0,.65), 0 0 40px rgba(110,193,228,.1);\r\n}\r\n.slx-page .pitch-card:hover::before { transform: scaleX(1); }\r\n.slx-page .pitch-card::after {\r\n  content: ''; position: absolute; inset-block: 0;\r\n  width: 35%; left: -45%;\r\n  background: linear-gradient(105deg, transparent, rgba(110,193,228,.1), transparent);\r\n  transform: skewX(-15deg);\r\n  pointer-events: none;\r\n}\r\n.slx-page .pitch-card:hover::after { animation: slx-shimmer .8s ease forwards; }\r\n\r\n.slx-page .pitch-model {\r\n  font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\r\n  color: var(--g3); text-transform: uppercase; margin-bottom: 4px;\r\n}\r\n.slx-page .pitch-num {\r\n  font-size: 46px; font-weight: 900; color: var(--white);\r\n  line-height: 1; margin-bottom: 6px; position: relative; z-index: 1;\r\n  transition: color .35s, transform .4s var(--ease-spring);\r\n}\r\n.slx-page .pitch-card:hover .pitch-num { color: var(--blue); transform: scale3d(1.08, 1.08, 1); }\r\n.slx-page .pitch-dist { font-size: 12px; color: var(--blue); font-weight: 600; margin-bottom: 18px; position: relative; z-index: 1; }\r\n.slx-page .pitch-div { height: 1px; background: var(--border); margin: 14px 0; }\r\n.slx-page .pitch-uses { position: relative; z-index: 1; }\r\n.slx-page .pitch-uses li {\r\n  font-size: 13px; color: var(--g2); padding: 7px 0;\r\n  border-bottom: 1px solid rgba(255,255,255,.04);\r\n  display: flex; justify-content: space-between; gap: 8px;\r\n  transition: color .25s;\r\n}\r\n.slx-page .pitch-uses li:last-child { border: none; }\r\n.slx-page .pitch-uses li span:first-child { color: var(--g3); }\r\n.slx-page .pitch-uses li span:last-child { color: var(--g1); font-weight: 600; }\r\n.slx-page .pitch-card:hover .pitch-uses li span:last-child { color: var(--g1); }\r\n.slx-page .pitch-badge {\r\n  display: inline-block; margin-top: 14px;\r\n  padding: 4px 12px; border-radius: 20px;\r\n  font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n  background: rgba(110,193,228,.12); color: var(--blue);\r\n  border: 1px solid rgba(110,193,228,.25);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   9. CONFIGURATIONS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .config-sec { background: var(--bg2); }\r\n.slx-page .config-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 8px;\r\n}\r\n.slx-page .config-card {\r\n  background: var(--card); border: 1px solid var(--border);\r\n  border-radius: var(--r2); padding: 32px 28px;\r\n  transition: transform .4s var(--ease-out), box-shadow .4s, border-color .35s;\r\n  position: relative; overflow: hidden;\r\n  will-change: transform;\r\n}\r\n.slx-page .config-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg,var(--blue),var(--red));\r\n  transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease-out);\r\n}\r\n.slx-page .config-card:hover {\r\n  border-color: rgba(110,193,228,.3);\r\n  transform: translate3d(0, -7px, 0);\r\n  box-shadow: 0 24px 56px rgba(0,0,0,.6), 0 0 40px rgba(110,193,228,.1);\r\n}\r\n.slx-page .config-card:hover::before { transform: scaleX(1); }\r\n.slx-page .config-ico {\r\n  font-size: 36px; margin-bottom: 16px; display: block;\r\n  transition: transform .4s var(--ease-spring);\r\n}\r\n.slx-page .config-card:hover .config-ico { transform: scale3d(1.15, 1.15, 1) rotate(-6deg); }\r\n.slx-page .config-title { font-size: 18px; font-weight: 800; margin-bottom: 10px; }\r\n.slx-page .config-desc { font-size: 13px; color: var(--g2); line-height: 1.7; margin-bottom: 14px; }\r\n.slx-page .config-tag {\r\n  display: inline-block; padding: 4px 12px; border-radius: 3px;\r\n  font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n  background: rgba(220,0,0,.12); color: var(--red); border: 1px solid rgba(220,0,0,.2);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   10. SPECS TABLE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .specs-sec { background: var(--bg2); }\r\n.slx-page .specs-scroll {\r\n  overflow-x: auto; -webkit-overflow-scrolling: touch;\r\n  margin-top: 50px; border-radius: var(--r2); border: 1px solid var(--border);\r\n}\r\n.slx-page .specs-table {\r\n  width: 100%; min-width: 700px;\r\n  border-collapse: collapse;\r\n}\r\n.slx-page .specs-table thead th {\r\n  background: var(--bg3); padding: 14px 18px;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\r\n  text-transform: uppercase; color: var(--g2); text-align: left;\r\n  border-right: 1px solid var(--border); white-space: nowrap;\r\n}\r\n.slx-page .specs-table thead th:last-child { border-right: none; }\r\n.slx-page .specs-table tbody tr {\r\n  border-bottom: 1px solid var(--border); transition: background .25s;\r\n}\r\n.slx-page .specs-table tbody tr:last-child { border-bottom: none; }\r\n.slx-page .specs-table tbody tr:hover td { background: rgba(110,193,228,.05) !important; }\r\n.slx-page .specs-table td {\r\n  padding: 12px 18px; font-size: 13px; vertical-align: middle;\r\n  border-right: 1px solid var(--border); white-space: nowrap;\r\n}\r\n.slx-page .specs-table td:first-child {\r\n  font-weight: 600; color: var(--g1); background: var(--card);\r\n  position: sticky; left: 0; z-index: 1;\r\n}\r\n.slx-page .specs-table td:last-child { border-right: none; }\r\n.slx-page .td-val { color: var(--g2); }\r\n.slx-page .td-accent { color: var(--blue); font-weight: 700; }\r\n.slx-page .specs-note { font-size: 12px; color: var(--g3); margin-top: 14px; font-style: italic; text-align: center; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   11. INSTALLATION VIDEO SECTION (NEW \u2014 horizontal landscape)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .vid-sec {\r\n  background: var(--black); position: relative; overflow: hidden;\r\n}\r\n.slx-page .vid-orb {\r\n  position: absolute; width: 520px; height: 520px; border-radius: 50%;\r\n  filter: blur(120px);\r\n  background: radial-gradient(circle, rgba(110,193,228,.1), transparent 65%);\r\n  top: 50%; left: 50%;\r\n  transform: translate3d(-50%,-50%,0);\r\n  pointer-events: none;\r\n  animation: slx-orbPulse 9s ease-in-out infinite;\r\n  will-change: transform, opacity;\r\n}\r\n.slx-page .vid-header { text-align: center; margin-bottom: 56px; position: relative; z-index: 2; }\r\n.slx-page .vid-title {\r\n  font-size: clamp(26px,3.5vw,44px); font-weight: 800;\r\n  line-height: 1.1; margin-bottom: 16px; letter-spacing: -1px;\r\n}\r\n.slx-page .vid-title em { font-style: normal; color: var(--blue); }\r\n.slx-page .vid-sub {\r\n  font-size: 16px; color: var(--g2); line-height: 1.78;\r\n  max-width: 600px; margin: 0 auto;\r\n}\r\n.slx-page .vid-wrap {\r\n  position: relative; max-width: 1080px; margin: 0 auto;\r\n  border-radius: var(--r2); overflow: hidden;\r\n  border: 1px solid rgba(110,193,228,.22);\r\n  box-shadow: 0 0 60px rgba(110,193,228,.1), 0 32px 80px rgba(0,0,0,.7);\r\n  transition: transform .5s var(--ease-out), box-shadow .5s;\r\n  z-index: 2;\r\n}\r\n.slx-page .vid-wrap:hover {\r\n  transform: translate3d(0, -4px, 0);\r\n  box-shadow: 0 0 80px rgba(110,193,228,.15), 0 40px 100px rgba(0,0,0,.8);\r\n}\r\n.slx-page .vid-wrap::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg,var(--blue),var(--red)); z-index: 5;\r\n}\r\n.slx-page .vid-inner {\r\n  position: relative; aspect-ratio: 16\/9; background: #000;\r\n}\r\n.slx-page .vid-inner video {\r\n  position: absolute; inset: 0; width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n}\r\n.slx-page .vid-play-overlay {\r\n  position: absolute; inset: 0; display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center; gap: 18px;\r\n  z-index: 3; cursor: pointer;\r\n  background: linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.5) 100%);\r\n  transition: background .35s; border: none;\r\n}\r\n.slx-page .vid-play-overlay:hover {\r\n  background: linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.3) 100%);\r\n}\r\n.slx-page .vid-play-overlay.is-hidden { display: none; }\r\n.slx-page .vid-play-btn {\r\n  width: 86px; height: 86px; border-radius: 50%;\r\n  background: rgba(110,193,228,.18);\r\n  border: 2px solid rgba(110,193,228,.45);\r\n  display: flex; align-items: center; justify-content: center;\r\n  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n  transition: all .4s var(--ease-spring);\r\n}\r\n.slx-page .vid-play-overlay:hover .vid-play-btn {\r\n  background: var(--blue); border-color: var(--blue);\r\n  transform: scale3d(1.12, 1.12, 1); box-shadow: 0 0 50px rgba(110,193,228,.6);\r\n}\r\n.slx-page .vid-play-btn svg { width: 30px; height: 30px; fill: var(--white); margin-left: 4px; transition: fill .3s; }\r\n.slx-page .vid-play-overlay:hover .vid-play-btn svg { fill: #000; }\r\n.slx-page .vid-play-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.75); }\r\n.slx-page .vid-stats {\r\n  display: grid; grid-template-columns: repeat(4,1fr); gap: 1px;\r\n  background: var(--border); border: 1px solid var(--border);\r\n  border-radius: 0 0 var(--r2) var(--r2); overflow: hidden; margin-top: -1px;\r\n  max-width: 1080px; margin-left: auto; margin-right: auto;\r\n  position: relative; z-index: 2;\r\n}\r\n.slx-page .vid-stat {\r\n  background: var(--card); padding: 22px 16px; text-align: center;\r\n  transition: background .25s; position: relative; overflow: hidden;\r\n}\r\n.slx-page .vid-stat::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px; background: var(--blue);\r\n  transform: scaleX(0); transition: transform .35s var(--ease-out);\r\n}\r\n.slx-page .vid-stat:hover { background: var(--card2); }\r\n.slx-page .vid-stat:hover::after { transform: scaleX(1); }\r\n.slx-page .vid-stat-val { font-size: 19px; font-weight: 900; color: var(--blue); line-height: 1; margin-bottom: 4px; }\r\n.slx-page .vid-stat-lbl { font-size: 10px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: var(--g2); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   12. APPLICATIONS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .apps-sec { background: var(--black); }\r\n.slx-page .apps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }\r\n.slx-page .app-card {\r\n  background: var(--bg3); border: 1px solid var(--border);\r\n  border-radius: var(--r2); overflow: hidden; position: relative;\r\n  cursor: default; aspect-ratio: var(--app-card-ratio);\r\n  transition: border-color .35s, transform .4s var(--ease-out), box-shadow .4s;\r\n  will-change: transform;\r\n}\r\n.slx-page .app-card:hover {\r\n  border-color: rgba(110,193,228,.3); transform: translate3d(0, -7px, 0);\r\n  box-shadow: 0 24px 56px rgba(0,0,0,.6), 0 0 30px rgba(110,193,228,.1);\r\n}\r\n.slx-page .app-bg {\r\n  position: absolute; inset: 0; overflow: hidden;\r\n}\r\n.slx-page .app-bg .img-cover { position: absolute; inset: 0; transition: transform .8s var(--ease-out); }\r\n.slx-page .app-card:hover .app-bg .img-cover { transform: scale3d(1.1, 1.1, 1); }\r\n.slx-page .app-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.05) 100%);\r\n  transition: background .4s;\r\n}\r\n.slx-page .app-card:hover .app-overlay {\r\n  background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,.1) 100%);\r\n}\r\n.slx-page .app-front {\r\n  position: absolute; bottom: 0; left: 0; right: 0; padding: 22px; z-index: 2;\r\n  transition: opacity .35s, transform .4s var(--ease-out);\r\n}\r\n.slx-page .app-card:hover .app-front {\r\n  opacity: 0;\r\n  transform: translate3d(0, -10px, 0);\r\n}\r\n.slx-page .app-pitch-tag {\r\n  display: inline-block; padding: 4px 10px; border-radius: 3px;\r\n  font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n  background: rgba(0,0,0,.6); border: 1px solid rgba(110,193,228,.3); color: var(--blue); margin-bottom: 10px;\r\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n}\r\n.slx-page .app-name { font-size: 17px; font-weight: 700; line-height: 1.25; }\r\n.slx-page .app-detail {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  background: rgba(0,0,0,.92);\r\n  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n  padding: 22px; transform: translate3d(0, 100%, 0);\r\n  transition: transform .45s var(--ease-out); z-index: 3;\r\n}\r\n.slx-page .app-card:hover .app-detail { transform: translate3d(0, 0, 0); }\r\n.slx-page .app-loc { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--blue); margin-bottom: 6px; }\r\n.slx-page .app-detail-name { font-size: 15px; font-weight: 700; margin-bottom: 8px; }\r\n.slx-page .app-desc { font-size: 12.5px; color: var(--g2); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   13. PROJECTS GALLERY\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .proj-sec { background: var(--bg2); }\r\n.slx-page .strip-gallery {\r\n  display: flex; gap: 6px;\r\n  height: var(--proj-gallery-h); margin-top: 50px;\r\n  overflow: hidden; border-radius: var(--r2); border: 1px solid var(--border);\r\n}\r\n.slx-page .strip-item {\r\n  position: relative; flex: 1; min-width: 0; overflow: hidden;\r\n  cursor: pointer; transition: flex .65s var(--ease-out);\r\n}\r\n.slx-page .strip-item.is-active { flex: 5; }\r\n.slx-page .strip-img {\r\n  position: absolute; inset: 0; overflow: hidden;\r\n}\r\n.slx-page .strip-img .img-cover {\r\n  position: absolute; inset: 0;\r\n  transition: transform .9s var(--ease-out), filter .5s;\r\n  filter: brightness(.7) saturate(.85);\r\n}\r\n.slx-page .strip-item.is-active .strip-img .img-cover { filter: brightness(1) saturate(1); }\r\n.slx-page .strip-item:hover .strip-img .img-cover { transform: scale3d(1.06, 1.06, 1); }\r\n.slx-page .strip-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.2) 40%, rgba(0,0,0,.1) 100%);\r\n}\r\n.slx-page .strip-label {\r\n  position: absolute; bottom: 28px; left: 50%;\r\n  transform: translateX(-50%) rotate(-90deg); transform-origin: center;\r\n  white-space: nowrap; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  color: rgba(255,255,255,.75); transition: opacity .35s; pointer-events: none;\r\n}\r\n.slx-page .strip-item.is-active .strip-label { opacity: 0; }\r\n.slx-page .strip-info {\r\n  position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 32px;\r\n  opacity: 0; transform: translate3d(0, 24px, 0);\r\n  transition: opacity .45s .2s, transform .5s .2s var(--ease-out); pointer-events: none;\r\n}\r\n.slx-page .strip-item.is-active .strip-info { opacity: 1; transform: translate3d(0, 0, 0); pointer-events: auto; }\r\n.slx-page .strip-tag {\r\n  display: inline-block; padding: 4px 12px; border-radius: 20px;\r\n  font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n  background: rgba(110,193,228,.18); color: var(--blue);\r\n  border: 1px solid rgba(110,193,228,.28); margin-bottom: 10px;\r\n}\r\n.slx-page .strip-title { font-size: 19px; font-weight: 800; margin-bottom: 6px; line-height: 1.2; }\r\n.slx-page .strip-loc { font-size: 12px; color: var(--g2); font-weight: 500; }\r\n.slx-page .strip-num {\r\n  position: absolute; top: 22px; left: 22px;\r\n  font-size: 13px; font-weight: 800; color: rgba(255,255,255,.4);\r\n  opacity: 0; transition: opacity .35s .25s;\r\n}\r\n.slx-page .strip-item.is-active .strip-num { opacity: 1; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   14. PRODUCT FAMILY (Related Products)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .family-sec { background: var(--black); }\r\n.slx-page .family-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }\r\n.slx-page .fam-card {\r\n  background: var(--card); border: 1px solid var(--border);\r\n  border-radius: var(--r2); padding: 0 0 28px;\r\n  display: flex; flex-direction: column;\r\n  transition: transform .4s var(--ease-out), box-shadow .4s, border-color .35s;\r\n  position: relative; overflow: hidden;\r\n  will-change: transform;\r\n}\r\n.slx-page .fam-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg,var(--blue),var(--red));\r\n  transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease-out); z-index: 1;\r\n}\r\n.slx-page .fam-card:hover {\r\n  border-color: rgba(110,193,228,.3);\r\n  transform: translate3d(0, -9px, 0);\r\n  box-shadow: 0 28px 60px rgba(0,0,0,.6), 0 0 40px rgba(110,193,228,.1);\r\n}\r\n.slx-page .fam-card:hover::before { transform: scaleX(1); }\r\n.slx-page .fam-img-wrap {\r\n  position: relative; width: 100%; height: var(--fam-img-h);\r\n  overflow: hidden; background: var(--bg3); flex-shrink: 0;\r\n}\r\n.slx-page .fam-img-wrap .img-cover { position: absolute; inset: 0; }\r\n.slx-page .fam-img-wrap:has(.img-cover[src=\"\"]) { display: none; }\r\n.slx-page .fam-body { padding: 26px 26px 0; }\r\n.slx-page .fam-tag { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }\r\n.slx-page .fam-name { font-size: 23px; font-weight: 800; margin-bottom: 5px; }\r\n.slx-page .fam-pitch { font-size: 12px; color: var(--g2); font-weight: 600; margin-bottom: 14px; }\r\n.slx-page .fam-desc { font-size: 13px; color: var(--g2); line-height: 1.65; flex: 1; margin-bottom: 22px; }\r\n.slx-page .fam-link { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--blue); transition: gap .3s var(--ease-out); }\r\n.slx-page .fam-card:hover .fam-link { gap: 14px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   15. WHY STARLED\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.slx-page .why-sec { background: var(--bg2); }\r\n.slx-page .why-grid {\r\n  display: grid; grid-template-columns: repeat(4,1fr);\r\n  gap: 1px; background: var(--border);\r\n  border: 1px solid var(--border); border-radius: var(--r2);\r\n  overflow: hidden; margin-top: 48px;\r\n}\r\n.slx-page .why-card {\r\n  background: var(--card); padding: 32px 22px;\r\n  transition: background .3s, transform .35s var(--ease-out);\r\n  position: relative; overflow: hidden;\r\n}\r\n.slx-page .why-card::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: radial-gradient(circle at 50% 0%, rgba(110,193,228,.08) 0%, transparent 70%);\r\n  opacity: 0; transition: opacity .35s;\r\n  pointer-events: none;\r\n}\r\n.slx-page .why-card::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px; background: var(--blue); transform: scaleX(0); transition: transform .4s var(--ease-out);\r\n}\r\n.slx-page .why-card:hover { background: var(--card2); }\r\n.slx-page .why-card:hover::before { opacity: 1; }\r\n.slx-page .why-card:hover::after { transform: scaleX(1); }\r\n.slx-page .why-ico {\r\n  font-size: 26px; margin-bottom: 14px; display: block;\r\n  transition: transform .4s var(--ease-spring);\r\n}\r\n.slx-page .why-card:hover .why-ico { transform: scale3d(1.2, 1.2, 1) rotate(-6deg); }\r\n.slx-page .why-title { font-size: 14px; font-weight: 700; margin-bottom: 8px; }\r\n.slx-page .why-desc { font-size: 12.5px; color: var(--g2); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   16. RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .slx-page .intro-grid { grid-template-columns: 1fr; }\r\n  .slx-page .feat-grid, .slx-page .apps-grid { grid-template-columns: repeat(2,1fr); }\r\n  .slx-page .pitch-grid { gap: 14px; }\r\n  .slx-page .why-grid { grid-template-columns: repeat(2,1fr); }\r\n  .slx-page .family-grid { grid-template-columns: 1fr 1fr; }\r\n  .slx-page .config-grid { grid-template-columns: 1fr; }\r\n  .slx-page .strip-gallery { height: 440px; }\r\n  .slx-page { --proj-gallery-h: 440px; }\r\n  .slx-page .vid-stats { grid-template-columns: repeat(2,1fr); }\r\n  .slx-page .hero-stat-item { padding: 8px 22px; }\r\n  .slx-page .slx-slide-content { padding: 0 36px; }\r\n  .slx-page .rhino-stats { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .slx-page .sec { padding: 60px 0; }\r\n  .slx-page .slx-slider { min-height: 480px; }\r\n  .slx-page .slx-slide-content { padding: 0 28px; }\r\n  .slx-page .feat-grid, .slx-page .apps-grid { grid-template-columns: 1fr; }\r\n  .slx-page .family-grid { grid-template-columns: 1fr; }\r\n\r\n  .slx-page .feat-card { aspect-ratio: auto; animation: none !important; }\r\n  .slx-page .feat-bg { position: relative; width: 100%; height: 240px; }\r\n  .slx-page .feat-overlay { position: absolute; inset: 0; height: 240px; }\r\n  .slx-page .feat-content { position: relative; padding: 20px 24px 8px; }\r\n  .slx-page .feat-title { opacity: 1 !important; transform: none !important; }\r\n  .slx-page .feat-desc-wrap {\r\n    position: relative; left: auto; right: auto; bottom: auto;\r\n    padding: 0 24px 24px;\r\n    opacity: 1 !important; transform: none !important;\r\n    pointer-events: auto !important;\r\n  }\r\n  .slx-page .feat-desc-title { display: none; }\r\n\r\n  .slx-page .app-card { aspect-ratio: auto; }\r\n  .slx-page .app-detail { transform: translate3d(0, 0, 0); position: relative; }\r\n  .slx-page .app-front { position: relative; opacity: 1 !important; transform: none !important; }\r\n  .slx-page .app-bg { position: relative; width: 100%; height: 240px; }\r\n  .slx-page .app-overlay { height: 240px; }\r\n\r\n  .slx-page .strip-gallery { flex-direction: column; height: auto; gap: 4px; }\r\n  .slx-page .strip-item { height: 76px; flex: none !important; transition: height .55s var(--ease-out); }\r\n  .slx-page .strip-item.is-active { height: 320px; }\r\n  .slx-page .strip-label { transform: translate(-50%,-50%); bottom: auto; top: 50%; left: 50%; }\r\n\r\n  .slx-page .pin-cols { grid-template-columns: 1fr; gap: 16px; }\r\n  .slx-page .pin-sep { display: none; }\r\n  .slx-page .pin-col { padding: 0; border-bottom: 1px solid var(--border); padding-bottom: 16px; }\r\n  .slx-page .pin-col:last-child { border-bottom: none; padding-bottom: 0; }\r\n\r\n  .slx-page .vid-stats { grid-template-columns: 1fr 1fr; }\r\n  .slx-page .vid-play-btn { width: 70px; height: 70px; }\r\n  .slx-page .vid-play-btn svg { width: 24px; height: 24px; }\r\n\r\n  .slx-page .feat-card.tilt-active { transform: none !important; animation: none !important; box-shadow: none !important; }\r\n  .slx-page .hero-stats-inner { gap: 0; }\r\n  .slx-page .hero-stat-item { padding: 6px 14px; }\r\n  .slx-page .hero-stat-val { font-size: 20px; }\r\n\r\n  .slx-page .cmp-row { grid-template-columns: 1.5fr 1fr 1fr; gap: 4px; }\r\n  .slx-page .cmp-label { font-size: 11px; }\r\n  .slx-page .cmp-val { font-size: 12px; padding: 0 2px; }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .slx-page .slx-slider { min-height: 600px; }\r\n  .slx-page .slx-slide-content {\r\n    padding: 85px 22px 80px;\r\n    align-items: flex-start;\r\n  }\r\n  .slx-page .slx-slide-title { font-size: 30px; letter-spacing: -1px; margin-bottom: 12px; }\r\n  .slx-page .slx-slide-desc { font-size: 14px; margin-bottom: 24px; line-height: 1.5; }\r\n  .slx-page .slx-slide-btns { flex-direction: column; width: 100%; }\r\n  .slx-page .slx-slide-btns .btn { width: 100%; justify-content: center; }\r\n  .slx-page .slx-slider-ui { bottom: 18px; gap: 14px; }\r\n  .slx-page .slx-arrow { width: 38px; height: 38px; }\r\n  .slx-page .pitch-grid { grid-template-columns: 1fr; }\r\n  .slx-page .pitch-card { max-width: 100%; }\r\n  .slx-page .why-grid { grid-template-columns: 1fr; }\r\n  .slx-page .wrap { padding: 0 16px; }\r\n  .slx-page .hero-stats-inner { flex-wrap: wrap; justify-content: center; }\r\n  .slx-page .hero-stat-item { border-right: none !important; border-bottom: 1px solid var(--border); width: 50%; }\r\n  .slx-page { --fam-img-h: 160px; }\r\n  .slx-page .vid-stats { grid-template-columns: 1fr; }\r\n  .slx-page .rhino-stats { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .slx-page *,\r\n  .slx-page *::before,\r\n  .slx-page *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@media (max-width: 768px) {\r\n  .slx-page .slx-video-bg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    display: block;\r\n  }\r\n\r\n  \/* optional: adjust if video still looks shifted *\/\r\n  .slx-page .slx-slide:nth-child(4) .slx-video-bg {\r\n    object-position: center center;\r\n  }\r\n  \r\n  .slx-page .slx-slide-content {\r\n  align-items: flex-start;\r\n  padding: 110px 24px 0;\r\n}\r\n\r\n.slx-page .slx-slide-bg img {\r\n  object-position: top;\r\n}\r\n.slx-page .slx-slide-badge {\r\n  top: 70px;\r\n  left: 20px;\r\n}\r\n}\r\n\/* MOVE HERO CONTENT LOWER *\/\r\n.slx-page .slx-slide-content{\r\n    align-items: flex-start !important;\r\n    padding-top: 140px !important;\r\n}\r\n\r\n\/* MOVE RED SERIES BADGE LOWER *\/\r\n.slx-page .slx-slide-badge{\r\n    top: 100px !important;\r\n}\r\n\r\n\/* INCREASE HERO HEIGHT *\/\r\n.slx-page .hero{\r\n    min-height: 115vh !important;\r\n}\r\n\r\n\/* MOBILE + TABLET *\/\r\n@media (max-width:768px){\r\n\r\n    .slx-page .hero{\r\n        min-height: 100vh !important;\r\n    }\r\n\r\n    .slx-page .slx-slide-content{\r\n        padding-top: 120px !important;\r\n        padding-left: 24px !important;\r\n        padding-right: 24px !important;\r\n    }\r\n\r\n    .slx-page .slx-slide-badge{\r\n        top: 90px !important;\r\n        left: 20px !important;\r\n    }\r\n}\r\n<\/style>\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\u2550\u2550\u2550\u2550\r\n     HTML STRUCTURE\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\u2550\u2550\u2550\u2550 -->\r\n<div class=\"slx-page\">\r\n<div class=\"grain\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- ============================================================\r\n     1. HERO \u2014 4-slide carousel matching COB style\r\n============================================================ -->\r\n<section class=\"hero\" id=\"top\" aria-label=\"StarLED XAO Series Outdoor LED Display Hero\">\r\n  <div class=\"hero-orb orb1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-orb orb2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-orb orb3\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"slx-slider\" id=\"slxHeroSlider\" aria-roledescription=\"carousel\" tabindex=\"0\">\r\n    <div class=\"slx-slider-track\" id=\"slxHeroTrack\">\r\n\r\n      <!-- SLIDE 1 -->\r\n      <div class=\"slx-slide is-active\" aria-roledescription=\"slide\" aria-label=\"Slide 1 of 4\">\r\n        <div class=\"slx-slide-bg\">\r\n          <img\r\n            src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture4.jpg\"\r\n            alt=\"Black Rhino XAO Series Outdoor LED Display Dubai\"\r\n            loading=\"eager\"\r\n            fetchpriority=\"high\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"slx-slide-overlay\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"slx-slide-badge\">Outdoor XAO Series<\/div>\r\n        <div class=\"slx-scanline\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"slx-slide-content\">\r\n          <div class=\"slx-slide-body\">\r\n            <div class=\"slx-slide-eyebrow\">\r\n              <div class=\"slx-slide-eyebrow-dot\" aria-hidden=\"true\"><\/div>\r\n              Black Rhino \u00b7 Dubai, UAE\r\n            <\/div>\r\n            <h1 class=\"slx-slide-title\">Outdoor XAO Series<br><em>LED Display<\/em><\/h1>\r\n            <p class=\"slx-slide-desc\">StarLED's flagship outdoor XAO LED display. Dubai-stocked and installed by our in-house team.<\/p>\r\n            <div class=\"slx-slide-btns\">\r\n              <a href=\"#enquiry\" class=\"btn btn-primary\">Get a Free Site Survey <span class=\"arr\">&#8594;<\/span><\/a>\r\n              <a href=\"#specifications\" class=\"btn btn-outline\">View Full Specs <span class=\"arr\">&#8594;<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SLIDE 2 -->\r\n      <div class=\"slx-slide\" aria-roledescription=\"slide\" aria-label=\"Slide 2 of 4\">\r\n        <div class=\"slx-slide-bg\">\r\n          <img\r\n            src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/IMG_9767.jpg\"\r\n            alt=\"SMD1921 Six-Pin LED Technology Outdoor Display\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"slx-slide-overlay\" aria-hidden=\"true\"><\/div>\r\n       \r\n        <div class=\"slx-scanline\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"slx-slide-content\">\r\n          <div class=\"slx-slide-body\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SLIDE 3 -->\r\n      <div class=\"slx-slide\" aria-roledescription=\"slide\" aria-label=\"Slide 3 of 4\">\r\n        <div class=\"slx-slide-bg\">\r\n          <img\r\n            src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250417_015336000_iOS.jpg\"\r\n            alt=\"XAO Series P5 P6 P8 P10 Outdoor LED Models\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"slx-slide-overlay\" aria-hidden=\"true\"><\/div>\r\n        \r\n        <div class=\"slx-scanline\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"slx-slide-content\">\r\n          <div class=\"slx-slide-body\">\r\n          \r\n           \r\n            \r\n           \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SLIDE 4 -->\r\n      <div class=\"slx-slide\" aria-roledescription=\"slide\" aria-label=\"Slide 4 of 4\">\r\n       <div class=\"slx-slide-bg\">\r\n    <video autoplay muted loop playsinline poster=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/11\/Title-16.webp\" class=\"slx-video-bg\">\r\n        <source src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/01\/start-led-2.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n<\/div>\r\n        <div class=\"slx-slide-overlay\" aria-hidden=\"true\"><\/div>\r\n        \r\n        <div class=\"slx-scanline\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"slx-slide-content\">\r\n          <div class=\"slx-slide-body\">\r\n          \r\n          \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/track -->\r\n\r\n    <!-- Slider controls -->\r\n    <div class=\"slx-slider-ui\" role=\"group\" aria-label=\"Slideshow controls\">\r\n      <button class=\"slx-arrow slx-arrow-prev\" id=\"slxPrev\" aria-label=\"Previous slide\" type=\"button\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"slx-dots\" id=\"slxDots\" role=\"tablist\" aria-label=\"Slide indicators\">\r\n        <button class=\"slx-dot is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\"  aria-label=\"Go to slide 1\" data-index=\"0\"><span class=\"slx-dot-fill\"><\/span><\/button>\r\n        <button class=\"slx-dot\"           type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Go to slide 2\" data-index=\"1\"><span class=\"slx-dot-fill\"><\/span><\/button>\r\n        <button class=\"slx-dot\"           type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Go to slide 3\" data-index=\"2\"><span class=\"slx-dot-fill\"><\/span><\/button>\r\n        <button class=\"slx-dot\"           type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Go to slide 4\" data-index=\"3\"><span class=\"slx-dot-fill\"><\/span><\/button>\r\n      <\/div>\r\n      <span class=\"slx-counter\" aria-live=\"polite\"><strong id=\"slxCurrent\">1<\/strong> \/ 4<\/span>\r\n      <button class=\"slx-arrow slx-arrow-next\" id=\"slxNext\" aria-label=\"Next slide\" type=\"button\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"9,18 15,12 9,6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div><!-- \/slider -->\r\n\r\n  <!-- Hero Stats Bar -->\r\n  <div class=\"hero-stats-bar\" role=\"region\" aria-label=\"Key product statistics\">\r\n    <div class=\"wrap-lg\"><div class=\"hero-stats-inner\">\r\n      <div class=\"hero-stat-item\"><div class=\"hero-stat-val\">10,000 nits<\/div><div class=\"hero-stat-lbl\">Peak Brightness<\/div><\/div>\r\n      <div class=\"hero-stat-item\"><div class=\"hero-stat-val\">IP<span>68<\/span><\/div><div class=\"hero-stat-lbl\">Full Outdoor<\/div><\/div>\r\n      <div class=\"hero-stat-item\"><div class=\"hero-stat-val\">94%<\/div><div class=\"hero-stat-lbl\">Blackness Area<\/div><\/div>\r\n      <div class=\"hero-stat-item\"><div class=\"hero-stat-val\">25% Less<\/div><div class=\"hero-stat-lbl\">Energy Use<\/div><\/div>\r\n      <div class=\"hero-stat-item\"><div class=\"hero-stat-val\">8000:1<\/div><div class=\"hero-stat-lbl\">Contrast Ratio<\/div><\/div>\r\n    <\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     2. BLACK RHINO STORY + COMPARISON\r\n============================================================ -->\r\n<section class=\"sec\" id=\"about-xao\">\r\n  <div class=\"wrap\"><div class=\"intro-grid\">\r\n    <div class=\"reveal-left\">\r\n      <div class=\"eyebrow\">Black Rhino XAO Series<\/div>\r\n      <h2 class=\"title\">Why Dubai's Harshest Outdoor Conditions Demand Black Rhino<\/h2>\r\n      <p class=\"intro-body\">Summer ambient above 45\u00b0C, direct sunlight over 100,000 lux, dust storms, and humidity cycles destroy conventional outdoor LEDs in months. The Black Rhino was designed for exactly this. The SMD1921 six-pin LED is exclusive to this platform. Smaller chip means 45% more black surface. Six independent pins mean lower temperature, higher current capacity, and fewer failures under sustained high-brightness operation.<\/p>\r\n      <div class=\"rhino-stats\">\r\n        <div class=\"rstat reveal-up d1\"><div class=\"rstat-val\"><span>94<\/span>%<\/div><div class=\"rstat-lbl\">Physical Blackness<\/div><div class=\"rstat-sub\">vs industry 55\u201360%<\/div><\/div>\r\n        <div class=\"rstat reveal-up d2\"><div class=\"rstat-val\"><span>10<\/span>\u00b0C<\/div><div class=\"rstat-lbl\">Lower IC Temp<\/div><div class=\"rstat-sub\">vs conventional<\/div><\/div>\r\n        <div class=\"rstat reveal-up d3\"><div class=\"rstat-val\"><span>5<\/span>%<\/div><div class=\"rstat-lbl\">Brightness Decay<\/div><div class=\"rstat-sub\">vs 12% competitors<\/div><\/div>\r\n        <div class=\"rstat reveal-up d4\"><div class=\"rstat-val\"><span>25<\/span>%<\/div><div class=\"rstat-lbl\">Energy Saving<\/div><div class=\"rstat-sub\">vs common cathode<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"reveal-right\">\r\n      <div class=\"compare-box\">\r\n        <div class=\"compare-head\">Black Rhino vs Conventional (P8 Test)<\/div>\r\n        <div class=\"compare-body\">\r\n          <div class=\"cmp-row cmp-thead\"><div class=\"cmp-label\"><\/div><div class=\"cmp-val good\">Black Rhino<\/div><div class=\"cmp-val bad\">Conventional<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Brightness<\/div><div class=\"cmp-val good\">8,000 nits<\/div><div class=\"cmp-val bad\">7,800 nits<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Refresh Rate<\/div><div class=\"cmp-val good\">7,680 Hz<\/div><div class=\"cmp-val bad\">3,840 Hz<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Max Chip Temp<\/div><div class=\"cmp-val good\">50\u00b0C<\/div><div class=\"cmp-val bad\">69\u00b0C<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Temp Rise (2hr)<\/div><div class=\"cmp-val good\">30\u00b0C<\/div><div class=\"cmp-val bad\">49\u00b0C<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Surface Spread<\/div><div class=\"cmp-val good\">5\u00b0C<\/div><div class=\"cmp-val bad\">25\u00b0C<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Brightness Decay<\/div><div class=\"cmp-val good\">5%<\/div><div class=\"cmp-val bad\">12%<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Colour Shift<\/div><div class=\"cmp-val good\">None<\/div><div class=\"cmp-val bad\">Cyan Tint<\/div><\/div>\r\n          <div class=\"cmp-row\"><div class=\"cmp-label\">Power @ 8K nits<\/div><div class=\"cmp-val good\">550 W\/m\u00b2<\/div><div class=\"cmp-val bad\">720 W\/m\u00b2<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"compare-foot\">P8 controlled test. Full report on request.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div><\/div>\r\n<\/section>\r\n<div class=\"divider\"><\/div>\r\n\r\n<!-- ============================================================\r\n     3. SMD1921 TECHNOLOGY\r\n============================================================ -->\r\n<section class=\"sec\" id=\"technology\" style=\"background:var(--bg2)\">\r\n  <div class=\"wrap\"><div class=\"intro-grid\">\r\n    <div class=\"reveal-left\">\r\n      <div class=\"eyebrow\">Exclusive LED Technology<\/div>\r\n      <h2 class=\"title\">Why SMD1921 Six-Pin Changes Everything<\/h2>\r\n      <p class=\"intro-body\">Standard outdoor LEDs use 2727 or 3535 chips with four pins and a shared cathode. Black Rhino uses an exclusive SMD1921 six-pin LED where red, green, and blue each have their own dedicated anode and cathode. Three separate pairs, each controlled independently. The result: lower heat, lower power, better colour, longer lifespan.<\/p>\r\n      <ul class=\"check-list\">\r\n        <li class=\"check-item reveal-left d1\"><div class=\"check-dot\" aria-hidden=\"true\">\u2713<\/div><span>Six pins improve heat dissipation 15% vs four-pin<\/span><\/li>\r\n        <li class=\"check-item reveal-left d2\"><div class=\"check-dot\" aria-hidden=\"true\">\u2713<\/div><span>40% shorter thermal path \u2014 5 to 8\u00b0C lower working temp<\/span><\/li>\r\n        <li class=\"check-item reveal-left d3\"><div class=\"check-dot\" aria-hidden=\"true\">\u2713<\/div><span>Individual pin control delivers 25% energy savings<\/span><\/li>\r\n        <li class=\"check-item reveal-left d4\"><div class=\"check-dot\" aria-hidden=\"true\">\u2713<\/div><span>1921 chip smaller than 2727 \u2014 45% more black surface<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"reveal-right\">\r\n      <div class=\"pin-box\">\r\n        <div class=\"pin-head\">SMD1921 Six-Pin vs Common Cathode<\/div>\r\n        <div class=\"pin-body\">\r\n          <div class=\"pin-cols\">\r\n            <div class=\"pin-col\">\r\n              <div class=\"pin-col-title ptc-blue\">Black Rhino 6-Pin<\/div>\r\n              <div class=\"pin-led\">\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-r\"><\/div><div class=\"pc-txt\">Red 2.8V<\/div><div class=\"pc-pins\">R+ \/ R\u2212<\/div><\/div>\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-g\"><\/div><div class=\"pc-txt\">Green 3.8V<\/div><div class=\"pc-pins\">G+ \/ G\u2212<\/div><\/div>\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-b\"><\/div><div class=\"pc-txt\">Blue 3.8V<\/div><div class=\"pc-pins\">B+ \/ B\u2212<\/div><\/div>\r\n              <\/div>\r\n              <div class=\"pin-result\" style=\"color:var(--blue);background:rgba(110,193,228,.07)\">Independent control per channel<\/div>\r\n            <\/div>\r\n            <div class=\"pin-sep\"><\/div>\r\n            <div class=\"pin-col\">\r\n              <div class=\"pin-col-title ptc-grey\">Common Cathode<\/div>\r\n              <div class=\"pin-led\">\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-r\"><\/div><div class=\"pc-txt\">Red<\/div><div class=\"pc-pins grey\">R+<\/div><\/div>\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-g\"><\/div><div class=\"pc-txt\">Green<\/div><div class=\"pc-pins grey\">G+<\/div><\/div>\r\n                <div class=\"pin-channel\"><div class=\"pc-dot pc-b\"><\/div><div class=\"pc-txt\">Blue<\/div><div class=\"pc-pins grey\">B+<\/div><\/div>\r\n              <\/div>\r\n              <div class=\"pin-result\" style=\"color:var(--g3);background:rgba(255,255,255,.03)\">Shared single cathode<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pin-foot\">SMD1921 architecture \u2014 exclusive to XAO Series<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div><\/div>\r\n<\/section>\r\n<div class=\"divider\"><\/div>\r\n\r\n<!-- ============================================================\r\n     4. INSTALLATION VIDEO SECTION (NEW \u2014 horizontal landscape)\r\n============================================================ -->\r\n<section class=\"sec vid-sec\" id=\"installation-video\" aria-label=\"XAO Series Installation Video\">\r\n  <div class=\"vid-orb\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"wrap\">\r\n    <div class=\"vid-header reveal-up\">\r\n      <div class=\"eyebrow\">On Site in Dubai<\/div>\r\n      <h2 class=\"vid-title\">See the XAO Series <em>Installed<\/em><\/h2>\r\n      <p class=\"vid-sub\">Watch a Black Rhino outdoor LED installation handled end-to-end by StarLED's in-house Dubai team \u2014 from cabinet alignment and structural mounting to commissioning and calibration.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vid-wrap reveal-scale\">\r\n      <div class=\"vid-inner\">\r\n        <!-- \ud83c\udfa5 VIDEO PLACEHOLDER 1 \u2014 paste your horizontal\/landscape installation video URL in src=\"\" -->\r\n        <video\r\n          src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/01\/start-led-2.mp4\"\r\n          poster=\"\" playsinline muted preload=\"none\"\r\n          aria-label=\"XAO Series Outdoor LED Installation Video\"\r\n          id=\"slxInstallVideo\"\r\n        ><\/video>\r\n        <button class=\"vid-play-overlay\" id=\"slxInstallPlay\" aria-label=\"Play installation video\" type=\"button\">\r\n          <div class=\"vid-play-btn\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"8,5 20,12 8,19\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vid-play-label\">Watch the Install<\/div>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vid-stats reveal-up\">\r\n      <div class=\"vid-stat\"><div class=\"vid-stat-val\">In-House<\/div><div class=\"vid-stat-lbl\">Dubai Install Team<\/div><\/div>\r\n      <div class=\"vid-stat\"><div class=\"vid-stat-val\">IP68<\/div><div class=\"vid-stat-lbl\">Weatherproof Build<\/div><\/div>\r\n      <div class=\"vid-stat\"><div class=\"vid-stat-val\">Rear<\/div><div class=\"vid-stat-lbl\">Service Access<\/div><\/div>\r\n      <div class=\"vid-stat\"><div class=\"vid-stat-val\">5-Year<\/div><div class=\"vid-stat-lbl\">Warranty Backed<\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Optional second horizontal video \u2014 uncomment if you'd like a second clip\r\n    <div class=\"vid-wrap reveal-scale\" style=\"margin-top:32px\">\r\n      <div class=\"vid-inner\">\r\n        <video\r\n          src=\"\"\r\n          poster=\"\" playsinline muted preload=\"none\"\r\n          aria-label=\"XAO Series Time-Lapse Installation Video\"\r\n          id=\"slxInstallVideo2\"\r\n        ><\/video>\r\n        <button class=\"vid-play-overlay\" id=\"slxInstallPlay2\" aria-label=\"Play time-lapse video\" type=\"button\">\r\n          <div class=\"vid-play-btn\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"8,5 20,12 8,19\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vid-play-label\">Time-Lapse Install<\/div>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n    -->\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     5. FEATURES \u2014 6 reasons\r\n============================================================ -->\r\n<section class=\"sec feat-sec\" id=\"features\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\" style=\"margin-bottom:50px\">\r\n      <div class=\"eyebrow\">Key Capabilities<\/div>\r\n      <h2 class=\"title\">6 Reasons Dubai Advertisers Choose Black Rhino<\/h2>\r\n    <\/div>\r\n    <div class=\"feat-grid\">\r\n\r\n      <div class=\"feat-card reveal-blur d1\">\r\n        <div class=\"feat-bg\" style=\"background-color:#15100a\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.png\" alt=\"10000 Nits Sunlight Visible Outdoor LED Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">Sunlight Visible<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">Up to 10,000 Nits<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">Up to 10,000 Nits<\/div>\r\n          <p class=\"feat-desc\">Glare-resistant mask with 10,000 nits peak ensures content reads clearly against any sky condition in Dubai's desert sunlight.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card reveal-blur d2\">\r\n        <div class=\"feat-bg\" style=\"background-color:#0a1520\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.jpg\" alt=\"IP68 Rated Outdoor LED Display Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">IP68 Rated<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">IP68 Outdoor Protection<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">IP68 Outdoor Protection<\/div>\r\n          <p class=\"feat-desc\">Highest IP rating for outdoor LED. Full dust-tight and submersion-rated. No additional cooling equipment needed. Built for UAE coastal and desert.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card reveal-blur d3\">\r\n        <div class=\"feat-bg\" style=\"background-color:#0f1015\">\r\n          <img src=https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture2.png\" alt=\"94 Percent Physical Blackness Outdoor LED\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">True Black<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">94% Physical Blackness<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">94% Physical Blackness<\/div>\r\n          <p class=\"feat-desc\">Smaller 1921 chip reduces white fill per panel. Deep contrast and punchy colour saturation for outdoor advertising under strong ambient light.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card reveal-blur d4\">\r\n        <div class=\"feat-bg\" style=\"background-color:#100a0f\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture5.jpg\" alt=\"25 Percent Energy Saving Outdoor LED Display\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">Lower Cost<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">25% Energy Saving<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">25% Energy Saving<\/div>\r\n          <p class=\"feat-desc\">Six-pin independent channel design. Tested at 550 W\/m\u00b2 vs 720 W\/m\u00b2 for same-tier alternatives. Significant annual savings on 18-hour daily operation.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card reveal-blur d5\">\r\n        <div class=\"feat-bg\" style=\"background-color:#0a0f15\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture53.png\" alt=\"Proprietary Cooling System Outdoor LED Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">60\u00b0C Rated<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">Proprietary Cooling<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">Proprietary Cooling<\/div>\r\n          <p class=\"feat-desc\">Die-cast magnesium-aluminum with 230 W\/mK conductivity. Blade-type cooling. IC stays 10\u00b0C lower than conventional at same brightness.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-card reveal-blur d6\">\r\n        <div class=\"feat-bg\" style=\"background-color:#0f150a\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture644.png\" alt=\"Rear Maintenance Outdoor LED Display\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"feat-overlay\"><\/div>\r\n        <div class=\"feat-tag\">Rear Access<\/div>\r\n        <div class=\"feat-content\"><div class=\"feat-title\">Full Rear Maintenance<\/div><\/div>\r\n        <div class=\"feat-desc-wrap\">\r\n          <div class=\"feat-desc-title\">Full Rear Maintenance<\/div>\r\n          <p class=\"feat-desc\">Module handles standard. Optional safety rope for elevated installs. All components removable from the back for building-mounted displays.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     6. MODEL CARDS \u2014 4 pixel pitches\r\n============================================================ -->\r\n<section class=\"sec\" id=\"models\" style=\"background:var(--black)\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\">\r\n      <div class=\"eyebrow\">4 Models Available<\/div>\r\n      <h2 class=\"title\">Choose the Right XAO Model<\/h2>\r\n      <p class=\"sub\">All models share the 960 \u00d7 960 mm cabinet and IP68 architecture. Choice depends on viewing distance.<\/p>\r\n    <\/div>\r\n    <div class=\"pitch-grid\">\r\n      <div class=\"pitch-card reveal-blur d1\">\r\n        <div class=\"pitch-model\">XAO5S<\/div>\r\n        <div class=\"pitch-num\">P5<\/div>\r\n        <div class=\"pitch-dist\">5 to 15 m viewing<\/div>\r\n        <div class=\"pitch-div\"><\/div>\r\n        <ul class=\"pitch-uses\">\r\n          <li><span>Resolution<\/span><span>192 \u00d7 192<\/span><\/li>\r\n          <li><span>Max Power<\/span><span>560 W\/m\u00b2<\/span><\/li>\r\n          <li><span>Weight<\/span><span>27 kg<\/span><\/li>\r\n        <\/ul>\r\n        <span class=\"pitch-badge\">Retail Frontage<\/span>\r\n      <\/div>\r\n      <div class=\"pitch-card reveal-blur d2\">\r\n        <div class=\"pitch-model\">XAO6.6S<\/div>\r\n        <div class=\"pitch-num\">P6<\/div>\r\n        <div class=\"pitch-dist\">8 to 20 m viewing<\/div>\r\n        <div class=\"pitch-div\"><\/div>\r\n        <ul class=\"pitch-uses\">\r\n          <li><span>Resolution<\/span><span>144 \u00d7 144<\/span><\/li>\r\n          <li><span>Max Power<\/span><span>545 W\/m\u00b2<\/span><\/li>\r\n          <li><span>Weight<\/span><span>27 kg<\/span><\/li>\r\n        <\/ul>\r\n        <span class=\"pitch-badge\">Building Podium<\/span>\r\n      <\/div>\r\n      <div class=\"pitch-card reveal-blur d3\">\r\n        <div class=\"pitch-model\">XAO8S<\/div>\r\n        <div class=\"pitch-num\">P8<\/div>\r\n        <div class=\"pitch-dist\">15 to 35 m viewing<\/div>\r\n        <div class=\"pitch-div\"><\/div>\r\n        <ul class=\"pitch-uses\">\r\n          <li><span>Resolution<\/span><span>120 \u00d7 120<\/span><\/li>\r\n          <li><span>Max Power<\/span><span>550 W\/m\u00b2<\/span><\/li>\r\n          <li><span>Weight<\/span><span>27 kg<\/span><\/li>\r\n        <\/ul>\r\n        <span class=\"pitch-badge\">Most Popular<\/span>\r\n      <\/div>\r\n      <div class=\"pitch-card reveal-blur d4\">\r\n        <div class=\"pitch-model\">XAO10S<\/div>\r\n        <div class=\"pitch-num\">P10<\/div>\r\n        <div class=\"pitch-dist\">25 to 60 m viewing<\/div>\r\n        <div class=\"pitch-div\"><\/div>\r\n        <ul class=\"pitch-uses\">\r\n          <li><span>Resolution<\/span><span>96 \u00d7 96<\/span><\/li>\r\n          <li><span>Max Power<\/span><span>550 W\/m\u00b2<\/span><\/li>\r\n          <li><span>Weight<\/span><span>27 kg<\/span><\/li>\r\n        <\/ul>\r\n        <span class=\"pitch-badge\">Highway \/ Rooftop<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"text-align:center;margin-top:8px\">\r\n      <a href=\"#enquiry\" class=\"btn btn-outline reveal-up\">Need Help Choosing? Free Recommendation <span class=\"arr\">&#8594;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     7. CONFIGURATIONS\r\n============================================================ -->\r\n<section class=\"sec config-sec\" id=\"configurations\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\" style=\"margin-bottom:40px\">\r\n      <div class=\"eyebrow\">Creative Configurations<\/div>\r\n      <h2 class=\"title\">Curved Facades and Corner Displays<\/h2>\r\n    <\/div>\r\n    <div class=\"config-grid\">\r\n      <div class=\"config-card reveal-blur d1\">\r\n        <span class=\"config-ico\" aria-hidden=\"true\">\ud83d\udcd0<\/span>\r\n        <div class=\"config-title\">90-Degree Corner Display<\/div>\r\n        <p class=\"config-desc\">45-degree beveled cabinet creates seamless 90-degree corners. Connects directly with standard XAO cabinets. No visible seam. For flagship retail, hotel entrances, branded building corners.<\/p>\r\n        <span class=\"config-tag\">Available on Request<\/span>\r\n      <\/div>\r\n      <div class=\"config-card reveal-blur d2\">\r\n        <span class=\"config-ico\" aria-hidden=\"true\">\ud83c\udf00<\/span>\r\n        <div class=\"config-title\">Curved Outdoor LED<\/div>\r\n        <p class=\"config-desc\">Full-radius and partial-curvature cabinets. Concave and convex curves supported. For facade wraps, column displays, plaza centrepieces. Our team works with your architect to specify exact geometry.<\/p>\r\n        <span class=\"config-tag\">Available on Request<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     8. SPECS TABLE\r\n============================================================ -->\r\n<section class=\"sec specs-sec\" id=\"specifications\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\">\r\n      <div class=\"eyebrow\">Technical Data<\/div>\r\n      <h2 class=\"title\">XAO Series Technical Specifications<\/h2>\r\n    <\/div>\r\n    <div class=\"specs-scroll reveal-up\">\r\n      <table class=\"specs-table\" role=\"table\" aria-label=\"XAO Series Specifications\">\r\n        <thead>\r\n          <tr>\r\n            <th>Specification<\/th>\r\n            <th>XAO5S (P5)<\/th>\r\n            <th>XAO6.6S (P6)<\/th>\r\n            <th>XAO8S (P8)<\/th>\r\n            <th>XAO10S (P10)<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr><td>LED Technology<\/td><td class=\"td-accent\" colspan=\"4\">SMD1921 Six-Pin (Exclusive)<\/td><\/tr>\r\n          <tr><td>Pixel Pitch<\/td><td class=\"td-val\">5 mm<\/td><td class=\"td-val\">6 mm<\/td><td class=\"td-val\">8 mm<\/td><td class=\"td-val\">10 mm<\/td><\/tr>\r\n          <tr><td>Cabinet Resolution<\/td><td class=\"td-val\">192 \u00d7 192<\/td><td class=\"td-val\">144 \u00d7 144<\/td><td class=\"td-val\">120 \u00d7 120<\/td><td class=\"td-val\">96 \u00d7 96<\/td><\/tr>\r\n          <tr><td>Cabinet Size<\/td><td class=\"td-accent\" colspan=\"4\">960 \u00d7 960 \u00d7 100 mm<\/td><\/tr>\r\n          <tr><td>Cabinet Weight<\/td><td class=\"td-accent\" colspan=\"4\">27 kg<\/td><\/tr>\r\n          <tr><td>Brightness<\/td><td class=\"td-accent\" colspan=\"4\">8,000 \/ 10,000 nits opt.<\/td><\/tr>\r\n          <tr><td>Contrast<\/td><td class=\"td-accent\" colspan=\"4\">8,000:1<\/td><\/tr>\r\n          <tr><td>Viewing Angle (H\/V)<\/td><td class=\"td-accent\" colspan=\"4\">165\u00b0 \/ 145\u00b0<\/td><\/tr>\r\n          <tr><td>Refresh Rate<\/td><td class=\"td-accent\" colspan=\"4\">3,840 \/ 7,500 Hz opt.<\/td><\/tr>\r\n          <tr><td>Max Power<\/td><td class=\"td-val\">560 W\/m\u00b2<\/td><td class=\"td-val\">545 W\/m\u00b2<\/td><td class=\"td-val\">550 W\/m\u00b2<\/td><td class=\"td-val\">550 W\/m\u00b2<\/td><\/tr>\r\n          <tr><td>Avg Power<\/td><td class=\"td-accent\" colspan=\"4\">180 W\/m\u00b2<\/td><\/tr>\r\n          <tr><td>IP Rating<\/td><td class=\"td-accent\" colspan=\"4\">IP68<\/td><\/tr>\r\n          <tr><td>Operating Temp<\/td><td class=\"td-accent\" colspan=\"4\">\u221220 to 60\u00b0C<\/td><\/tr>\r\n          <tr><td>Material<\/td><td class=\"td-accent\" colspan=\"4\">Die-cast magnesium-aluminum<\/td><\/tr>\r\n          <tr><td>Thermal Conductivity<\/td><td class=\"td-accent\" colspan=\"4\">230 W\/mK<\/td><\/tr>\r\n          <tr><td>Configurations<\/td><td class=\"td-accent\" colspan=\"4\">Flat \/ Curved \/ 90-degree<\/td><\/tr>\r\n          <tr><td>Maintenance<\/td><td class=\"td-accent\" colspan=\"4\">Full rear<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n    <p class=\"specs-note\"><a href=\"#enquiry\" style=\"color:var(--blue);font-weight:600\">Request a project-specific specification sheet.<\/a><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     9. APPLICATIONS\r\n============================================================ -->\r\n<section class=\"sec apps-sec\" id=\"applications\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\" style=\"margin-bottom:50px\">\r\n      <div class=\"eyebrow\">Use Cases<\/div>\r\n      <h2 class=\"title\">Where XAO Series Performs in Dubai<\/h2>\r\n    <\/div>\r\n    <div class=\"apps-grid\">\r\n\r\n      <div class=\"app-card reveal-blur d1\">\r\n        <div class=\"app-bg\" style=\"background-color:#0a0f14\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture4.jpg\" alt=\"XAO Building Facade LED Display Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P5 \/ P6<\/div><div class=\"app-name\">Building Facades<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">Sheikh Zayed Road \/ Business Bay<\/div><div class=\"app-detail-name\">Building Facade Advertising<\/div><p class=\"app-desc\">Curved cabinets wrap geometry. 10,000 nits daylight visibility. IP68 handles humidity and dust storms.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"app-card reveal-blur d2\">\r\n        <div class=\"app-bg\" style=\"background-color:#0f0a0a\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20231115_083557493_iOS.webp\" alt=\"XAO DOOH Billboard LED Dubai Highway\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P8 \/ P10<\/div><div class=\"app-name\">DOOH Billboards<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">E311 \/ E11 \/ Al Khail Road<\/div><div class=\"app-detail-name\">Roadside DOOH Billboards<\/div><p class=\"app-desc\">Highway viewing 15 to 60 m. Rear maintenance simplifies elevated access without lane closures.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"app-card reveal-blur d3\">\r\n        <div class=\"app-bg\" style=\"background-color:#0a100a\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250520_154845614_iOS.jpg\" alt=\"XAO Retail Exterior LED Screen Dubai Mall\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P5 \/ P6<\/div><div class=\"app-name\">Retail Exteriors<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">Dubai Mall \/ Mall of Emirates<\/div><div class=\"app-detail-name\">Retail Exterior Screens<\/div><p class=\"app-desc\">High contrast against bright sky. Visuals vibrant all day. Brightness steps down at evening to save energy.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"app-card reveal-blur d4\">\r\n        <div class=\"app-bg\" style=\"background-color:#100a0f\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/01\/Title-3.webp\" alt=\"XAO Stadium Perimeter LED Display Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P6 \/ P8<\/div><div class=\"app-name\">Sports Venues<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">Dubai Sports City \/ Yas Island<\/div><div class=\"app-detail-name\">Stadium Perimeter Displays<\/div><p class=\"app-desc\">7,680 Hz broadcast-ready. IP68 outdoor rated. Curved configs wrap perimeters for seamless sponsor display.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"app-card reveal-blur d5\">\r\n        <div class=\"app-bg\" style=\"background-color:#0a0a10\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250804_074730715_iOS.jpg\" alt=\"XAO Plaza Entertainment Screen Dubai\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P6 \/ P8<\/div><div class=\"app-name\">Plazas<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">Festival City \/ Bluewaters<\/div><div class=\"app-detail-name\">Plaza Entertainment Screens<\/div><p class=\"app-desc\">Operates through Dubai summer where conventional displays fail or produce significant colour shift.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"app-card reveal-blur d6\">\r\n        <div class=\"app-bg\" style=\"background-color:#10100a\">\r\n          <img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/IMG_9767.jpg\" alt=\"XAO Campus Outdoor LED Display UAE\" class=\"img-cover\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"app-overlay\"><\/div>\r\n        <div class=\"app-front\"><div class=\"app-pitch-tag\">P8 \/ P10<\/div><div class=\"app-name\">Campus Screens<\/div><\/div>\r\n        <div class=\"app-detail\"><div class=\"app-loc\">Universities \/ Government<\/div><div class=\"app-detail-name\">Campus Outdoor Displays<\/div><p class=\"app-desc\">60\u00b0C covers exposed locations without shade. 25% energy savings reduce running costs over lifetime.<\/p><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     10. PROJECTS GALLERY\r\n============================================================ -->\r\n<section class=\"sec proj-sec\" id=\"projects\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\" style=\"margin-bottom:10px\">\r\n      <div class=\"eyebrow\">Our Work<\/div>\r\n      <h2 class=\"title\">XAO Series Installations in the UAE<\/h2>\r\n      <p class=\"sub\">Every project specified, supplied, and installed by StarLED's in-house Dubai team.<\/p>\r\n    <\/div>\r\n    <div class=\"strip-gallery reveal-scale\" id=\"slxGallery\">\r\n      <div class=\"strip-item is-active\">\r\n        <div class=\"strip-img\" style=\"background-color:#0a0f14\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2023\/08\/1611214967.0123_wm_3956.jpg\" alt=\"XAO Tower Facade LED Project Sheikh Zayed Road\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">01<\/div><span class=\"strip-label\">Facade<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO8S<\/div><div class=\"strip-title\">Tower Facade Display<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"strip-item\">\r\n        <div class=\"strip-img\" style=\"background-color:#0f0a0a\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250127_140843000_iOS.jpg\" alt=\"XAO DOOH Billboard Project Al Khail Road\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">02<\/div><span class=\"strip-label\">Billboard<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO10S<\/div><div class=\"strip-title\">Roadside DOOH Billboard<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"strip-item\">\r\n        <div class=\"strip-img\" style=\"background-color:#0a100a\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250327_100139000_iOS.jpg\" alt=\"XAO Stadium Perimeter LED Project Dubai Sports City\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">03<\/div><span class=\"strip-label\">Stadium<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO8S<\/div><div class=\"strip-title\">Stadium Perimeter<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"strip-item\">\r\n        <div class=\"strip-img\" style=\"background-color:#100a0f\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/IMG_9767.jpg\" alt=\"XAO Curved Facade LED Project Downtown Dubai\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">04<\/div><span class=\"strip-label\">Curved<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO6.6S<\/div><div class=\"strip-title\">Curved Facade<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"strip-item\">\r\n        <div class=\"strip-img\" style=\"background-color:#0a0a10\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/20250417_015336000_iOS.jpg\" alt=\"XAO Retail Exterior LED Project Mall Dubai\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">05<\/div><span class=\"strip-label\">Retail<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO5S<\/div><div class=\"strip-title\">Retail Exterior<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"strip-item\">\r\n        <div class=\"strip-img\" style=\"background-color:#10100a\"><img decoding=\"async\" src=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2025\/11\/outdoor-screen.webp\" alt=\"XAO 90-Degree Corner LED Project Abu Dhabi\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"strip-overlay\"><\/div><div class=\"strip-num\">06<\/div><span class=\"strip-label\">Corner<\/span>\r\n        <div class=\"strip-info\"><div class=\"strip-tag\">XAO6.6S<\/div><div class=\"strip-title\">90-Degree Corner<\/div><div class=\"strip-loc\"><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"text-align:center;margin-top:36px\">\r\n      <a href=\"\/projects\/\" class=\"btn btn-outline reveal-up\">View Full Portfolio <span class=\"arr\">&#8594;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     11. RELATED PRODUCTS\r\n============================================================ -->\r\n<section class=\"sec family-sec\" id=\"product-range\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\" style=\"margin-bottom:50px\">\r\n      <div class=\"eyebrow\">Explore More<\/div>\r\n      <h2 class=\"title\">Other StarLED Products<\/h2>\r\n    <\/div>\r\n    <div class=\"family-grid\">\r\n      <div class=\"fam-card reveal-blur d1\">\r\n        <div class=\"fam-img-wrap\"><img decoding=\"async\" src=\"\" alt=\"SLD Series Indoor LED Display Dubai\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"fam-body\">\r\n          <div class=\"fam-tag\">Fine Pitch Indoor<\/div>\r\n          <div class=\"fam-name\">SLD Series<\/div>\r\n          <div class=\"fam-pitch\">P1.2 to P2 Indoor LED<\/div>\r\n          <p class=\"fam-desc\">Fine-pitch indoor LED for studios, conference rooms, and retail. Silent, front service, 3840 Hz. The indoor counterpart to XAO.<\/p>\r\n          <a href=\"\/products\/sld-led-display\/\" class=\"fam-link\">View SLD <span class=\"arr\">&#8594;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fam-card reveal-blur d2\">\r\n        <div class=\"fam-img-wrap\"><img decoding=\"async\" src=\"\" alt=\"COB LED Display Dubai\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"fam-body\">\r\n          <div class=\"fam-tag\">Premium COB Indoor<\/div>\r\n          <div class=\"fam-name\">COB LED Display<\/div>\r\n          <div class=\"fam-pitch\">P0.9 to P1.8 COB<\/div>\r\n          <p class=\"fam-desc\">IP65 sealed surface. Wipe-clean, high contrast, 100,000-hour lifespan. For luxury retail, hotel lobbies, broadcast studios.<\/p>\r\n          <a href=\"\/products\/cob-led-display\/\" class=\"fam-link\">View COB LED <span class=\"arr\">&#8594;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fam-card reveal-blur d3\">\r\n        <div class=\"fam-img-wrap\"><img decoding=\"async\" src=\"\" alt=\"StarLED Full Product Range Dubai\" class=\"img-cover\" loading=\"lazy\"><\/div>\r\n        <div class=\"fam-body\">\r\n          <div class=\"fam-tag\">Full Range<\/div>\r\n          <div class=\"fam-name\">All Products<\/div>\r\n          <div class=\"fam-pitch\">Indoor, Outdoor, Specialist<\/div>\r\n          <p class=\"fam-desc\">Browse transparent, kiosk, and STEM Series displays across the full StarLED range.<\/p>\r\n          <a href=\"\/products\/\" class=\"fam-link\">Browse All <span class=\"arr\">&#8594;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     12. WHY STARLED\r\n============================================================ -->\r\n<section class=\"sec why-sec\" id=\"why-starled\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center reveal-up\">\r\n      <div class=\"eyebrow\">Why StarLED<\/div>\r\n      <h2 class=\"title\">Why Choose StarLED for Outdoor LED in Dubai?<\/h2>\r\n    <\/div>\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-card reveal-up d1\"><span class=\"why-ico\" aria-hidden=\"true\">\ud83d\udce6<\/span><div class=\"why-title\">Dubai Stock. No Import Delay.<\/div><p class=\"why-desc\">XAO cabinets at Al Khawaneej 2. Delivered and installed within days. No 6\u20138 week container wait.<\/p><\/div>\r\n      <div class=\"why-card reveal-up d2\"><span class=\"why-ico\" aria-hidden=\"true\">\ud83d\udd29<\/span><div class=\"why-title\">In-House Install Team.<\/div><p class=\"why-desc\">Structural engineering, civil permits, elevated access, weatherproof cabling. All in-house, no subcontractors.<\/p><\/div>\r\n      <div class=\"why-card reveal-up d3\"><span class=\"why-ico\" aria-hidden=\"true\">\ud83d\udee1<\/span><div class=\"why-title\">5-Year Warranty. Dubai-Based.<\/div><p class=\"why-desc\">On-site within 24 hours. Spare XAO cabinets held locally. No import wait on warranty replacements.<\/p><\/div>\r\n      <div class=\"why-card reveal-up d4\"><span class=\"why-ico\" aria-hidden=\"true\">\ud83d\udccb<\/span><div class=\"why-title\">Free Site Survey and Spec.<\/div><p class=\"why-desc\">Viewing distance, solar exposure, structural loading, power. Written spec with pitch recommendation. No charge.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- \/.slx-page -->\r\n\r\n<script>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   STARLED XAO ANTIGRAVITY JS  v3.1\r\n   Mirrors COB slider logic \u2014 bulletproof timer + drag + accessibility\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function () {\r\n  'use strict';\r\n\r\n  var page = document.querySelector('.slx-page');\r\n  if (!page) return;\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 1. SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var revealEls = page.querySelectorAll(\r\n    '.reveal, .reveal-up, .reveal-left, .reveal-right, .reveal-scale, .reveal-blur'\r\n  );\r\n  if (!('IntersectionObserver' in window)) {\r\n    revealEls.forEach(function (el) { el.classList.add('visible'); });\r\n  } else {\r\n    var revealIO = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) {\r\n          e.target.classList.add('visible');\r\n          revealIO.unobserve(e.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n    revealEls.forEach(function (el) { revealIO.observe(el); });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 2. HERO SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var slider    = document.getElementById('slxHeroSlider');\r\n  var track     = document.getElementById('slxHeroTrack');\r\n  var prevBtn   = document.getElementById('slxPrev');\r\n  var nextBtn   = document.getElementById('slxNext');\r\n  var dotsWrap  = document.getElementById('slxDots');\r\n  var counterEl = document.getElementById('slxCurrent');\r\n\r\n  if (slider && track) {\r\n    var slides    = track.querySelectorAll('.slx-slide');\r\n    var dots      = dotsWrap ? dotsWrap.querySelectorAll('.slx-dot') : [];\r\n    var total     = slides.length;\r\n    var current   = 0;\r\n    var autoTimer = null;\r\n    var DURATION  = 6000;\r\n    var transitionLock = false;\r\n    var hoverPaused    = false;\r\n\r\n    function stopAuto() {\r\n      if (autoTimer !== null) {\r\n        clearTimeout(autoTimer);\r\n        autoTimer = null;\r\n      }\r\n    }\r\n\r\n    function restartProgress() {\r\n      var fill = dots[current]\r\n        ? dots[current].querySelector('.slx-dot-fill')\r\n        : null;\r\n      if (!fill) return;\r\n      fill.style.animation = 'none';\r\n      void fill.offsetWidth;\r\n      fill.style.animation = '';\r\n    }\r\n\r\n    function setActiveDot() {\r\n      dots.forEach(function (d, i) {\r\n        var active = (i === current);\r\n        d.classList.toggle('is-active', active);\r\n        d.setAttribute('aria-selected', active ? 'true' : 'false');\r\n      });\r\n      if (counterEl) counterEl.textContent = current + 1;\r\n    }\r\n\r\n    function slideTo(index) {\r\n      var next = ((index % total) + total) % total;\r\n      if (transitionLock) return;\r\n      transitionLock = true;\r\n\r\n      slides[current].classList.remove('is-active');\r\n      current = next;\r\n      slides[current].classList.add('is-active');\r\n      track.style.transform = 'translateX(-' + (current * 100) + '%)';\r\n\r\n      setActiveDot();\r\n      restartProgress();\r\n\r\n      setTimeout(function () { transitionLock = false; }, 1150);\r\n    }\r\n\r\n    function startAuto() {\r\n      if (hoverPaused || autoTimer !== null) return;\r\n      autoTimer = setTimeout(function () {\r\n        autoTimer = null;\r\n        slideTo(current + 1);\r\n        startAuto();\r\n      }, DURATION);\r\n    }\r\n\r\n    function userGo(index) {\r\n      stopAuto();\r\n      slideTo(index);\r\n      startAuto();\r\n    }\r\n\r\n    if (prevBtn) {\r\n      prevBtn.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        userGo(current - 1);\r\n      });\r\n    }\r\n    if (nextBtn) {\r\n      nextBtn.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        userGo(current + 1);\r\n      });\r\n    }\r\n\r\n    dots.forEach(function (dot) {\r\n      dot.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        userGo(parseInt(dot.getAttribute('data-index'), 10));\r\n      });\r\n    });\r\n\r\n    slider.addEventListener('keydown', function (e) {\r\n      if (e.key === 'ArrowLeft')  { e.preventDefault(); userGo(current - 1); }\r\n      if (e.key === 'ArrowRight') { e.preventDefault(); userGo(current + 1); }\r\n    });\r\n\r\n    slider.addEventListener('mouseenter', function () {\r\n      hoverPaused = true;\r\n      slider.classList.add('is-paused');\r\n      stopAuto();\r\n    });\r\n    slider.addEventListener('mouseleave', function () {\r\n      hoverPaused = false;\r\n      slider.classList.remove('is-paused');\r\n      restartProgress();\r\n      startAuto();\r\n    });\r\n\r\n    document.addEventListener('visibilitychange', function () {\r\n      if (document.hidden) {\r\n        stopAuto();\r\n      } else if (!hoverPaused) {\r\n        startAuto();\r\n      }\r\n    });\r\n\r\n    \/* DRAG \/ SWIPE *\/\r\n    var drag = {\r\n      active: false, startX: 0, startY: 0,\r\n      currentX: 0, isDrag: false, startTime: 0\r\n    };\r\n\r\n    function onDragStart(x, y) {\r\n      stopAuto();\r\n      drag.active    = true;\r\n      drag.startX    = x;\r\n      drag.startY    = y;\r\n      drag.currentX  = x;\r\n      drag.isDrag    = false;\r\n      drag.startTime = Date.now();\r\n      track.classList.add('no-transition');\r\n      slider.classList.add('is-dragging', 'is-paused');\r\n    }\r\n\r\n    function onDragMove(x, y) {\r\n      if (!drag.active) return;\r\n      var dx = x - drag.startX;\r\n      var dy = y - drag.startY;\r\n      if (!drag.isDrag) {\r\n        if (Math.abs(dx) < 8) return;\r\n        if (Math.abs(dy) > Math.abs(dx)) { drag.active = false; return; }\r\n        drag.isDrag = true;\r\n      }\r\n      drag.currentX = x;\r\n      var pct = -(current * 100) + (dx \/ slider.offsetWidth * 100);\r\n      track.style.transform = 'translateX(' + pct + '%)';\r\n    }\r\n\r\n    function onDragEnd(x) {\r\n      if (!drag.active) return;\r\n      drag.active = false;\r\n      slider.classList.remove('is-dragging');\r\n      track.classList.remove('no-transition');\r\n\r\n      if (!drag.isDrag) {\r\n        slider.classList.remove('is-paused');\r\n        startAuto();\r\n        return;\r\n      }\r\n\r\n      var dx       = x - drag.startX;\r\n      var elapsed  = Date.now() - drag.startTime;\r\n      var velocity = Math.abs(dx) \/ elapsed;\r\n      var threshold = slider.offsetWidth * 0.18;\r\n\r\n      if      (dx < -threshold || (dx < -20 && velocity > 0.4)) slideTo(current + 1);\r\n      else if (dx >  threshold || (dx >  20 && velocity > 0.4)) slideTo(current - 1);\r\n      else track.style.transform = 'translateX(-' + (current * 100) + '%)';\r\n\r\n      slider.classList.remove('is-paused');\r\n      restartProgress();\r\n      startAuto();\r\n    }\r\n\r\n    slider.addEventListener('pointerdown', function (e) {\r\n      if (e.button !== 0 && e.pointerType === 'mouse') return;\r\n      if (e.target.closest('.slx-slider-ui')) return;\r\n      try { slider.setPointerCapture(e.pointerId); } catch (err) {}\r\n      onDragStart(e.clientX, e.clientY);\r\n    });\r\n    slider.addEventListener('pointermove', function (e) {\r\n      if (!drag.active) return;\r\n      onDragMove(e.clientX, e.clientY);\r\n    });\r\n    slider.addEventListener('pointerup',     function (e) { onDragEnd(e.clientX); });\r\n    slider.addEventListener('pointercancel', function (e) { onDragEnd(e.clientX); });\r\n\r\n    slider.addEventListener('touchstart', function (e) {\r\n      if (e.target.closest('.slx-slider-ui')) return;\r\n      var t = e.touches[0];\r\n      onDragStart(t.clientX, t.clientY);\r\n    }, { passive: true });\r\n    slider.addEventListener('touchmove', function (e) {\r\n      var t = e.touches[0];\r\n      onDragMove(t.clientX, t.clientY);\r\n      if (drag.isDrag) e.preventDefault();\r\n    }, { passive: false });\r\n    slider.addEventListener('touchend', function (e) {\r\n      var t = e.changedTouches[0];\r\n      onDragEnd(t.clientX);\r\n    });\r\n    slider.addEventListener('dragstart', function (e) { e.preventDefault(); });\r\n\r\n    slideTo(0);\r\n    restartProgress();\r\n    startAuto();\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 3. FEATURE CARD 3D TILT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var isTouchDevice = window.matchMedia('(pointer: coarse)').matches;\r\n  if (!isTouchDevice) {\r\n    var featCards = page.querySelectorAll('.feat-card');\r\n    featCards.forEach(function (card) {\r\n      var raf = null;\r\n      var targetRX = 0, targetRY = 0;\r\n      var currentRX = 0, currentRY = 0;\r\n      var MAX_TILT = 8, LERP = 0.12;\r\n\r\n      function lerp(a, b, t) { return a + (b - a) * t; }\r\n\r\n      function animateTilt() {\r\n        currentRX = lerp(currentRX, targetRX, LERP);\r\n        currentRY = lerp(currentRY, targetRY, LERP);\r\n        card.style.transform =\r\n          'perspective(1000px) rotateX(' + currentRX.toFixed(2) + 'deg)' +\r\n          ' rotateY(' + currentRY.toFixed(2) + 'deg) translateZ(8px)';\r\n        var dX = Math.abs(targetRX - currentRX);\r\n        var dY = Math.abs(targetRY - currentRY);\r\n        if (dX > 0.04 || dY > 0.04) {\r\n          raf = requestAnimationFrame(animateTilt);\r\n        } else {\r\n          card.style.transform =\r\n            'perspective(1000px) rotateX(' + targetRX + 'deg)' +\r\n            ' rotateY(' + targetRY + 'deg) translateZ(8px)';\r\n          raf = null;\r\n        }\r\n      }\r\n\r\n      card.addEventListener('mouseenter', function () {\r\n        card.classList.add('tilt-active');\r\n        if (!raf) raf = requestAnimationFrame(animateTilt);\r\n      });\r\n      card.addEventListener('mousemove', function (e) {\r\n        var rect = card.getBoundingClientRect();\r\n        var nx = (e.clientX - rect.left  - rect.width  \/ 2) \/ (rect.width  \/ 2);\r\n        var ny = (e.clientY - rect.top   - rect.height \/ 2) \/ (rect.height \/ 2);\r\n        targetRY =  nx * MAX_TILT;\r\n        targetRX = -ny * MAX_TILT;\r\n        if (!raf) raf = requestAnimationFrame(animateTilt);\r\n      }, { passive: true });\r\n      card.addEventListener('mouseleave', function () {\r\n        card.classList.remove('tilt-active');\r\n        targetRX = 0; targetRY = 0;\r\n        if (!raf) raf = requestAnimationFrame(animateTilt);\r\n        setTimeout(function () {\r\n          if (!card.classList.contains('tilt-active')) {\r\n            if (raf) { cancelAnimationFrame(raf); raf = null; }\r\n            card.style.transform = '';\r\n          }\r\n        }, 700);\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 4. PROJECTS GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var gallery = document.getElementById('slxGallery');\r\n  if (gallery) {\r\n    var stripItems = gallery.querySelectorAll('.strip-item');\r\n    stripItems.forEach(function (item) {\r\n      item.addEventListener('mouseenter', function () {\r\n        stripItems.forEach(function (el) { el.classList.remove('is-active'); });\r\n        item.classList.add('is-active');\r\n      });\r\n      item.addEventListener('click', function () {\r\n        stripItems.forEach(function (el) { el.classList.remove('is-active'); });\r\n        item.classList.add('is-active');\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 5. VIDEO HANDLERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  function setupVideo(videoId, btnId, sectionSelector) {\r\n    var v = document.getElementById(videoId);\r\n    var b = document.getElementById(btnId);\r\n    if (!v || !b) return;\r\n\r\n    function toggle() {\r\n      if (v.paused) { v.play(); b.classList.add('is-hidden'); }\r\n      else          { v.pause(); b.classList.remove('is-hidden'); }\r\n    }\r\n    b.addEventListener('click', toggle);\r\n    b.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\r\n    });\r\n    v.addEventListener('click',  function () { v.pause(); b.classList.remove('is-hidden'); });\r\n    v.addEventListener('ended',  function () { b.classList.remove('is-hidden'); });\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      var section = v.closest(sectionSelector);\r\n      if (section) {\r\n        new IntersectionObserver(function (entries, obs) {\r\n          if (entries[0].isIntersecting) {\r\n            v.load();\r\n            obs.disconnect();\r\n          }\r\n        }, { threshold: 0.1, rootMargin: '200px' }).observe(section);\r\n      }\r\n    }\r\n  }\r\n\r\n  setupVideo('slxInstallVideo',  'slxInstallPlay',  '.vid-sec');\r\n  setupVideo('slxInstallVideo2', 'slxInstallPlay2', '.vid-sec');\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 6. ELEMENTOR PARENT BG FIX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var node = page.parentElement;\r\n  while (node && node !== document.body) {\r\n    node.style.setProperty('background',       'transparent', 'important');\r\n    node.style.setProperty('background-color', 'transparent', 'important');\r\n    node = node.parentElement;\r\n  }\r\n\r\n}());\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-499cbc2 elementor-widget elementor-widget-shortcode\" data-id=\"499cbc2\" 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=\"section\" data-elementor-id=\"25392\" class=\"elementor elementor-25392\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27023c39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27023c39\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4024405a\" data-id=\"4024405a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-11fe9e5e elementor-widget elementor-widget-heading\" data-id=\"11fe9e5e\" 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-54b320f0 elementor-widget elementor-widget-text-editor\" data-id=\"54b320f0\" 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-597e7875 elementor-widget elementor-widget-form\" data-id=\"597e7875\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;50&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" 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=\"25392\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"597e7875\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"spt series - StarLED\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"25485\"\/>\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-field_a8f8f85 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_a8f8f85\" 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-field_a8f8f85\" data-field-id=\"a8f8f85\" data-default-country=\"ae\" data-include-countries=\"\" data-exclude-countries=\"\" data-common-countries=\"same\"  data-strict-mode=\"yes\" data-dial-code-visibility=\"show\" style=\"display: none;\"><\/span>\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_a8f8f85]\" id=\"form-field-field_a8f8f85\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" 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-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-a630448\" data-id=\"a630448\" 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-4aed0fa2 elementor-widget elementor-widget-heading\" data-id=\"4aed0fa2\" 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-6d74632e elementor-widget elementor-widget-text-editor\" data-id=\"6d74632e\" 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>Show us, we\u2019ll beat it. You don\u2019t need to go to China. We\u2019ve already brought the factory to you.<\/p><p>Come See It in Action<\/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<div class=\"elementor-element elementor-element-401c594d elementor-widget elementor-widget-heading\" data-id=\"401c594d\" 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\">Why book with us?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71433cd8 elementor-widget elementor-widget-text-editor\" data-id=\"71433cd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ready stock in Dubai &amp; UAE for faster delivery<\/span><span style=\"font-weight: 400;\"><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In-house engineers for installation &amp; setup<\/span><span style=\"font-weight: 400;\"><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Transparent pricing, no hidden costs<\/span><span style=\"font-weight: 400;\"><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Full after-sales support and warranty<\/span><\/li><\/ul>\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<div class=\"elementor-element elementor-element-2500b97 elementor-widget elementor-widget-html\" data-id=\"2500b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n  STARLED XAO SERIES - FAQ SECTION ONLY\r\n  Paste into a separate Elementor HTML widget, placed directly\r\n  below your Elementor Form widget on the XAO Series page.\r\n  Template: Elementor Full Width\r\n================================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.slx-faq-block {\r\n  --black:  #000000;\r\n  --bg2:    #070707;\r\n  --bg3:    #0e0e0e;\r\n  --card:   #0b0b0b;\r\n  --card2:  #131313;\r\n  --border: rgba(255,255,255,.07);\r\n  --blue:   #6EC1E4;\r\n  --white:  #FFFFFF;\r\n  --g2:     #8f8f8f;\r\n  --g3:     #4a4a4a;\r\n  --font:   'Montserrat', sans-serif;\r\n  --r:      6px;\r\n\r\n  \/* full-bleed breakout - matches main widget exactly *\/\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  overflow-x: clip;\r\n\r\n  font-family: var(--font);\r\n  background: var(--black);\r\n  color: var(--white);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.slx-faq-block *, .slx-faq-block *::before, .slx-faq-block *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* section padding - identical to .sec on main widget *\/\r\n.slx-faq-block .faq-sec {\r\n  padding: 90px 0;\r\n  background: var(--black);\r\n}\r\n\r\n\/* wrap - identical to main widget *\/\r\n.slx-faq-block .wrap {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* eyebrow - identical *\/\r\n.slx-faq-block .eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: var(--blue); margin-bottom: 16px;\r\n}\r\n.slx-faq-block .eyebrow::before,\r\n.slx-faq-block .eyebrow::after {\r\n  content: ''; display: block; width: 24px; height: 1px;\r\n  background: var(--blue); opacity: .55;\r\n}\r\n\r\n\/* title - identical *\/\r\n.slx-faq-block h2.title {\r\n  font-size: clamp(26px, 3.5vw, 44px);\r\n  font-weight: 800; line-height: 1.1; margin-bottom: 16px;\r\n}\r\n\r\n\/* sub - identical *\/\r\n.slx-faq-block .sub {\r\n  font-size: 16px; color: var(--g2);\r\n  line-height: 1.78; max-width: 600px;\r\n  margin: 0 auto 52px;\r\n}\r\n\r\n\/* center *\/\r\n.slx-faq-block .center { text-align: center; }\r\n\r\n\/* scroll reveal - identical *\/\r\n.slx-faq-block .reveal {\r\n  opacity: 0; transform: translateY(28px);\r\n  transition: opacity .65s ease, transform .65s ease;\r\n}\r\n.slx-faq-block .reveal.visible { opacity: 1; transform: translateY(0); }\r\n.slx-faq-block .d1 { transition-delay: .08s; }\r\n.slx-faq-block .d2 { transition-delay: .16s; }\r\n.slx-faq-block .d3 { transition-delay: .24s; }\r\n.slx-faq-block .d4 { transition-delay: .32s; }\r\n.slx-faq-block .d5 { transition-delay: .40s; }\r\n.slx-faq-block .d6 { transition-delay: .48s; }\r\n\r\n\/* faq wrap - identical to original *\/\r\n.slx-faq-block .faq-wrap {\r\n  max-width: 840px;\r\n  margin: 52px auto 0;\r\n}\r\n\r\n\/* faq items - identical *\/\r\n.slx-faq-block .faq-item {\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--r);\r\n  margin-bottom: 10px;\r\n  overflow: hidden;\r\n  transition: border-color .22s;\r\n}\r\n.slx-faq-block .faq-item.is-open {\r\n  border-color: rgba(110,193,228,.3);\r\n}\r\n.slx-faq-block .faq-btn {\r\n  width: 100%; background: var(--card); border: none;\r\n  padding: 19px 22px; cursor: pointer;\r\n  display: flex; justify-content: space-between;\r\n  align-items: center; gap: 14px;\r\n  font-family: var(--font); font-size: 14px; font-weight: 600;\r\n  color: var(--white); text-align: left; transition: background .22s;\r\n}\r\n.slx-faq-block .faq-btn:hover { background: var(--card2); }\r\n.slx-faq-block .faq-item.is-open .faq-btn {\r\n  background: var(--card2); color: var(--blue);\r\n}\r\n.slx-faq-block .faq-icon {\r\n  min-width: 24px; height: 24px; border-radius: 50%;\r\n  border: 1.5px solid var(--g3);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 15px; color: var(--g3);\r\n  transition: all .25s; flex-shrink: 0;\r\n}\r\n.slx-faq-block .faq-item.is-open .faq-icon {\r\n  border-color: var(--blue); color: var(--blue); transform: rotate(45deg);\r\n}\r\n.slx-faq-block .faq-ans {\r\n  background: var(--bg3); padding: 0 22px;\r\n  font-size: 14px; color: var(--g2); line-height: 1.78;\r\n  max-height: 0; overflow: hidden;\r\n  transition: max-height .35s ease, padding .3s ease;\r\n}\r\n.slx-faq-block .faq-item.is-open .faq-ans {\r\n  max-height: 300px; padding: 16px 22px 20px;\r\n}\r\n\r\n\/* responsive *\/\r\n@media(max-width:768px){\r\n  .slx-faq-block .faq-sec { padding: 60px 0; }\r\n  .slx-faq-block .wrap    { padding: 0 16px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"slx-faq-block\">\r\n  <section class=\"faq-sec\" id=\"faq\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"center reveal\">\r\n        <div class=\"eyebrow\">Quick Answers<\/div>\r\n        <h2 class=\"title\">Frequently Asked Questions<\/h2>\r\n        <p class=\"sub\">Common questions from Dubai clients specifying outdoor LED displays for the first time.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"faq-wrap\">\r\n\r\n        <div class=\"faq-item is-open reveal d1\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"true\">\r\n            What is the Black Rhino XAO Series outdoor LED display?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">The Black Rhino XAO Series is StarLED's flagship outdoor LED display, built on an industry-exclusive SMD1921 six-pin LED platform in partnership with LiKYLIN. Available in P5, P6, P8, and P10, it delivers up to 10,000 nits brightness, IP68 protection, 8,000:1 contrast ratio, 25% energy savings versus conventional outdoor displays, and a -20 to 60-degree C operating range that covers Dubai's outdoor conditions in every season.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal d2\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"false\">\r\n            Is the XAO Series suitable for Dubai's outdoor climate?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">Yes. The XAO Series was built specifically for harsh outdoor environments. IP68 full protection, operation up to 60 degrees C ambient, 10,000 nits brightness for direct sunlight visibility, proprietary cooling with 230 W\/m K thermal conductivity, and an IC operating temperature 10 degrees C lower than conventional products at the same brightness. No additional air conditioning or cooling equipment is required during installation.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal d3\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"false\">\r\n            What pixel pitch outdoor LED display do I need in Dubai?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">P5 for close-range retail frontage and building podiums viewed from 5 to 15 metres. P6 for mid-range building displays from 8 to 20 metres. P8 for roadside billboards and large facades from 15 to 35 metres. P10 for highway and rooftop displays from 25 to 60 metres. Our Dubai team will confirm the right pitch after a free site visit where we assess actual viewing distances, angles, and ambient light conditions.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal d4\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"false\">\r\n            How much energy does the XAO Series save versus conventional outdoor LED?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">25% energy reduction versus conventional common cathode outdoor LED displays. In tested conditions at 8,000 nits, the XAO8S consumed 550 W\/m2 compared to 720 W\/m2 for a same-tier competitor. For a 20 m2 outdoor display running 18 hours per day in Dubai, this represents a significant annual reduction in electricity costs over the product's operational lifetime.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal d5\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"false\">\r\n            Can the XAO Series be installed on a curved building facade in Dubai?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">Yes. Custom curved cabinet configurations are available for full and partial curvature outdoor LED displays. A 45-degree beveled cabinet version is also available for 90-degree corner displays. Both connect seamlessly with standard XAO cabinets with no visible joint or brightness inconsistency. Our team works directly with architects and fit-out contractors to specify the exact configuration needed for your building geometry.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal d6\">\r\n          <button class=\"faq-btn\" onclick=\"slxFaq(this)\" aria-expanded=\"false\">\r\n            Does StarLED install outdoor LED displays in Dubai?\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-ans\">Yes. StarLED's in-house team handles outdoor LED installation including structural assessment, civil permit liaison, elevated access, weatherproof cable management, controller commissioning, and CMS handover. We do not subcontract outdoor projects. Warranty callouts in Dubai and Abu Dhabi are responded to within 24 hours from our Al Khawaneej 2 base.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div><!-- \/.slx-faq-block -->\r\n\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var block = document.querySelector('.slx-faq-block');\r\n  if (!block) return;\r\n\r\n  \/* FAQ accordion *\/\r\n  window.slxFaq = function (btn) {\r\n    var item    = btn.parentElement;\r\n    var opening = !item.classList.contains('is-open');\r\n    block.querySelectorAll('.faq-item').forEach(function (el) {\r\n      el.classList.remove('is-open');\r\n      el.querySelector('.faq-btn').setAttribute('aria-expanded', 'false');\r\n    });\r\n    if (opening) {\r\n      item.classList.add('is-open');\r\n      btn.setAttribute('aria-expanded', 'true');\r\n    }\r\n  };\r\n\r\n  \/* Scroll reveal *\/\r\n  var els = block.querySelectorAll('.reveal');\r\n  if (!('IntersectionObserver' in window)) {\r\n    els.forEach(function (el) { el.classList.add('visible'); });\r\n    return;\r\n  }\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('visible');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.10 });\r\n  els.forEach(function (el) { io.observe(el); });\r\n\r\n}());\r\n<\/script>\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>Outdoor XAO Series Black Rhino \u00b7 Dubai, UAE Outdoor XAO SeriesLED Display StarLED&#8217;s flagship outdoor XAO LED display. Dubai-stocked and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":22525,"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":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-25315","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>XAO series , black rhino - StarLED<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"XAO series , black rhino - StarLED\" \/>\n<meta property=\"og:description\" content=\"Outdoor XAO Series Black Rhino \u00b7 Dubai, UAE Outdoor XAO SeriesLED Display StarLED&#8217;s flagship outdoor XAO LED display. Dubai-stocked and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/starleddisplay.com\/ar\/outdoor-displays\/xao-series-black-rhino\/\" \/>\n<meta property=\"og:site_name\" content=\"StarLED\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T07:59:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.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=\"49 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/\",\"name\":\"XAO series , black rhino - StarLED\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Picture1.png\",\"datePublished\":\"2026-05-11T08:42:51+00:00\",\"dateModified\":\"2026-05-15T07:59:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/#breadcrumb\"},\"inLanguage\":\"ar-AE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar-AE\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/#primaryimage\",\"url\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Picture1.png\",\"contentUrl\":\"https:\\\/\\\/starleddisplay.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Picture1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/xao-series-black-rhino\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/starleddisplay.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Outdoor-Displays\",\"item\":\"https:\\\/\\\/starleddisplay.com\\\/outdoor-displays\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"XAO series , black rhino\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"XAO series , black rhino - StarLED","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"ar_AR","og_type":"article","og_title":"XAO series , black rhino - StarLED","og_description":"Outdoor XAO Series Black Rhino \u00b7 Dubai, UAE Outdoor XAO SeriesLED Display StarLED&#8217;s flagship outdoor XAO LED display. Dubai-stocked and [&hellip;]","og_url":"https:\/\/starleddisplay.com\/ar\/outdoor-displays\/xao-series-black-rhino\/","og_site_name":"StarLED","article_modified_time":"2026-05-15T07:59:14+00:00","og_image":[{"url":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"49 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/","url":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/","name":"XAO series , black rhino - StarLED","isPartOf":{"@id":"https:\/\/starleddisplay.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/#primaryimage"},"image":{"@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/#primaryimage"},"thumbnailUrl":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.png","datePublished":"2026-05-11T08:42:51+00:00","dateModified":"2026-05-15T07:59:14+00:00","breadcrumb":{"@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/#breadcrumb"},"inLanguage":"ar-AE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/"]}]},{"@type":"ImageObject","inLanguage":"ar-AE","@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/#primaryimage","url":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.png","contentUrl":"https:\/\/starleddisplay.com\/wp-content\/uploads\/2026\/05\/Picture1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/starleddisplay.com\/outdoor-displays\/xao-series-black-rhino\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/starleddisplay.com\/"},{"@type":"ListItem","position":2,"name":"Outdoor-Displays","item":"https:\/\/starleddisplay.com\/outdoor-displays\/"},{"@type":"ListItem","position":3,"name":"XAO series , black rhino"}]},{"@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":null,"rttpg_author":{"display_name":"Sameer Kassim","author_link":"https:\/\/starleddisplay.com\/ar\/blog\/author\/sameer\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Outdoor XAO Series Black Rhino \u00b7 Dubai, UAE Outdoor XAO SeriesLED Display StarLED&#8217;s flagship outdoor XAO LED display. Dubai-stocked and [&hellip;]","_links":{"self":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/25315","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=25315"}],"version-history":[{"count":47,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/25315\/revisions"}],"predecessor-version":[{"id":26263,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/25315\/revisions\/26263"}],"up":[{"embeddable":true,"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/pages\/22525"}],"wp:attachment":[{"href":"https:\/\/starleddisplay.com\/ar\/wp-json\/wp\/v2\/media?parent=25315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}