*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080d;color:#f6f7f9;font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 15%,rgba(0,112,255,.13),transparent 25%),radial-gradient(circle at 25% 40%,rgba(255,91,0,.08),transparent 22%)}a{color:inherit;text-decoration:none}header{height:86px;padding:0 5vw;display:flex;align-items:center;gap:32px;border-bottom:1px solid #1b232e;background:rgba(5,8,13,.95);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:18px;font-weight:900}.brand b{color:#ff5b00}.brand small{display:block;font-size:8px;letter-spacing:1.3px;color:#8792a0;margin-top:4px}.gear{font-size:34px;color:#ff5b00}nav{display:flex;gap:24px;margin-left:auto;font-size:12px;font-weight:800}nav a:hover{color:#ff6a00}.quote,.primary{background:#ff5b00;padding:14px 22px;border-radius:4px;font-weight:900;font-size:12px;box-shadow:0 0 25px rgba(255,91,0,.18)}main{overflow:hidden}.hero{min-height:650px;display:grid;grid-template-columns:46% 54%;align-items:center;padding:55px 5vw;background:linear-gradient(90deg,#05080d 0%,#07101a 55%,#05080d 100%)}.eyebrow{color:#ff6a00;font-size:11px;font-weight:900;letter-spacing:2px}.hero h1,.section h2,.led h2,.about h2,.cta h2{font-size:clamp(42px,5vw,76px);line-height:.96;margin:18px 0;font-weight:1000;letter-spacing:-2.5px}.hero h1 em,.section h2 em,.led h2 em,.about h2 em,.cta h2 em{font-style:normal;color:#ff5b00}.hero p,.section-head p,.led p,.about p,.cta p{color:#9ba7b5;line-height:1.65;max-width:610px}.actions{display:flex;gap:12px;margin:30px 0}.secondary{border:1px solid #52606f;padding:14px 22px;border-radius:4px;font-weight:900;font-size:12px}.checks{display:flex;gap:18px;color:#9aa6b4;font-size:11px}.checks span:First-letter{color:#ff5b00}.hero-visual{height:560px;position:relative;overflow:hidden;border-radius:2px;box-shadow:-35px 0 70px #05080d inset}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:65% 11%;filter:saturate(1.08) contrast(1.06)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080d 0%,transparent 35%),linear-gradient(0deg,#05080d 0%,transparent 30%)}.badge{position:absolute;z-index:3;right:20px;bottom:20px;background:rgba(8,14,22,.88);border:1px solid #ff5b00;padding:14px 18px}.badge b,.badge small{display:block}.badge b{color:#ff6a00;font-size:11px}.badge small{font-size:9px;color:#a8b1bc;margin-top:5px}.section{padding:85px 5vw}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section h2{font-size:46px;margin:10px 0}.section-head p{max-width:420px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.cards article{background:#0a1018;border:1px solid #182331;padding-bottom:22px;transition:.25s}.cards article:hover{transform:translateY(-4px);border-color:#ff5b00}.crop{height:190px;background-size:cover;background-repeat:no-repeat;background-position:center}.c1{background-image:url('assets/channel-letters.webp')}.c2{background-image:url('assets/monument-signs.webp')}.c3{background-image:url('assets/interior-signs.webp')}.c4{background-image:url('assets/led-displays.webp')}.cards h3,.cards p,.cards a{margin-left:18px;margin-right:18px}.cards h3{font-size:16px}.cards p{font-size:12px;color:#909ba8;line-height:1.5;min-height:54px}.cards a{font-size:10px;color:#ff6a00;font-weight:900}.led{display:grid;grid-template-columns:45% 55%;padding:90px 5vw;background:#07101a;border-top:1px solid #14202c;border-bottom:1px solid #14202c;align-items:center;gap:40px}.led h2{font-size:55px}.features{display:flex;gap:28px;margin:28px 0 38px}.features span{display:grid;grid-template-columns:auto auto;gap:0 8px;color:#ff6a00;font-size:22px}.features b{color:#fff;font-size:10px}.features small{grid-column:2;color:#7f8b99;font-size:9px}.led-screen{min-height:420px;background:linear-gradient(135deg,#08131f,#0d2638);border:7px solid #151d26;box-shadow:0 0 70px rgba(0,119,255,.17);display:flex;align-items:center;justify-content:center;position:relative}.screen{width:82%;height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#ff781f 0,#ff4c00 34%,#161d2a 36%,#09101a 100%);text-align:center;text-shadow:0 0 15px #000}.screen b{font-size:34px}.screen strong{font-size:40px}.screen small{margin-top:10px}.pill{position:absolute;right:20px;bottom:20px;background:#ff5b00;padding:9px 14px;font-size:9px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 5vw;background:#080c12;border-bottom:1px solid #18212b}.stats div{text-align:center;border-right:1px solid #242c35}.stats div:last-child{border:0}.stats strong{display:block;color:#ff5b00;font-size:28px}.stats span{font-size:9px;color:#7f8994}.about{padding:100px 5vw;text-align:center}.about p{margin:auto}.cta{padding:110px 5vw;text-align:center;background:linear-gradient(rgba(3,8,14,.65),rgba(3,8,14,.95)),url('assets/approved-concept.webp') center 83%/cover}.cta p{margin:0 auto 30px}.cta h2{font-size:58px}footer{padding:35px 5vw;border-top:1px solid #202a34;display:flex;justify-content:space-between;color:#75808c;font-size:10px}footer b,footer small{display:block}footer b{color:#fff;font-size:14px}@media(max-width:900px){nav{display:none}.hero,.led{grid-template-columns:1fr}.hero-visual{height:420px}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr;gap:20px}.section-head{display:block}.checks{flex-wrap:wrap}footer{gap:20px;flex-direction:column}}@media(max-width:520px){header{padding:0 18px}.quote{display:none}.hero,.section,.led,.about,.cta{padding-left:20px;padding-right:20px}.cards{grid-template-columns:1fr}.hero h1{font-size:43px}.led h2,.cta h2{font-size:40px}.features{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.crop{background-size:1000px auto}.actions{flex-direction:column}.actions a{text-align:center}}
.brand{min-width:255px;overflow:visible}.brand img{display:block;width:240px;max-width:none;height:auto;object-fit:contain;object-position:left center}.brand .gear,.brand>span:not(.gear){display:none}

@media(max-width:520px){.brand{min-width:190px;overflow:visible}.brand img{width:185px;max-width:none;height:auto;object-fit:contain}}

/* Approved replacement for the existing LED / Your Message in Full Color section only */
.led-approved-banner{display:block!important;padding:0!important;min-height:0!important;background:none!important;overflow:hidden}
.led-approved-banner img{display:block;width:100%;height:auto}

.led-clean-video-wrap{position:relative;width:100%;overflow:hidden}
.led-clean-video{display:block;width:100%;height:auto}
.explore-led-hotspot{position:absolute;left:3.6%;top:50.2%;width:20.2%;height:11.4%;z-index:5}
.channel-card .card-image-link{display:block}.channel-card .card-image-link .crop{cursor:pointer}

/* Exact approved LED section — do not alter */
.led-perfect-section{display:block!important;padding:0!important;min-height:0!important;background:none!important;overflow:hidden}
.led-perfect-wrap{position:relative;width:100%;overflow:hidden}
.led-perfect-wrap img{display:block;width:100%;height:auto}
.explore-led-hotspot-perfect{position:absolute;left:5.2%;top:50.2%;width:21.1%;height:10.7%;z-index:5}

/* Turtle video positioned only inside the approved LED screen. */
.led-perfect-video{
position:absolute;
left:50.96%;
top:9.54%;
width:41.50%;
height:58.94%;
object-fit:cover;
z-index:3;
display:block;
overflow:hidden;
clip-path:polygon(0% 15%,98.5% 0%,100% 91%,0% 100%);
}

/* Exact approved frame overlay: only the LED frame area is visible above the moving video. */
.led-frame-overlay{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
z-index:4!important;
pointer-events:none!important;
clip-path:polygon(49.8% 7%,93.8% 0%,94.2% 69%,49.8% 70%);
}
.explore-led-hotspot-perfect{z-index:5!important}

.window-home{display:grid;grid-template-columns:1fr 1.15fr;min-height:520px;background:#050505;border-top:1px solid #202020;border-bottom:1px solid #202020}.window-home-image{display:block;overflow:hidden}.window-home-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;transition:transform .35s}.window-home-image:hover img{transform:scale(1.025)}.window-home-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(30px,6vw,90px)}.window-home-copy h2{font-size:clamp(48px,6vw,88px);line-height:.9;margin:14px 0 24px}.window-home-copy h2 em{display:block;color:#ff6700;font-style:normal}.window-home-copy p{max-width:650px;color:#d4d4d4;font-size:19px;line-height:1.6;margin-bottom:28px}@media(max-width:850px){.window-home{grid-template-columns:1fr}.window-home-image img{min-height:340px}.window-home-copy{padding:50px 28px}}

/* LED Displays home integration */
.led-home-feature{background:#050706;padding:42px 5.5% 58px;text-align:center}.led-home-feature>a:first-child{display:block;max-width:1180px;margin:auto}.led-home-feature img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 0 24px rgba(255,104,0,.16)}.led-home-action{margin-top:24px}.led-home-action .primary{display:inline-block}

/* LED hero screen animation — clipped strictly to the physical display */
.led-feature-visual{position:relative;overflow:hidden}
.led-screen-animation{position:absolute;left:49.9%;top:6.05%;width:42.25%;height:19.05%;clip-path:polygon(7.6% 16.8%,71.3% 0,100% 100%,0 91%);overflow:hidden;pointer-events:none;isolation:isolate}
.led-screen-animation::before{content:"";position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.06) 41%,rgba(255,255,255,.32) 49%,rgba(65,180,255,.16) 55%,transparent 66%);transform:translateX(-65%);animation:ledScreenSweep 4.2s ease-in-out infinite}
.led-screen-animation::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);opacity:.45;animation:ledScan 1.4s linear infinite}
@keyframes ledScreenSweep{0%,18%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}
@keyframes ledScan{from{transform:translateY(-4px)}to{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.led-screen-animation::before,.led-screen-animation::after{animation:none}}

/* Phone beside logo — only homepage change */
.brand-phone{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-phone .brand{min-width:255px}.header-phone{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:15px;font-weight:800;letter-spacing:.25px;color:#ff6a00;text-decoration:none}.phone-icon{font-size:18px;line-height:1;color:#ff6a00}.header-phone:hover{color:#ff6a00}@media(max-width:1100px){.brand-phone{gap:8px}.header-phone{font-size:13px}.phone-icon{font-size:16px}.brand-phone .brand{min-width:220px}.brand-phone .brand img{width:210px}}@media(max-width:900px){.header-phone{font-size:13px}}@media(max-width:620px){.brand-phone{gap:6px}.header-phone{font-size:11px;gap:4px}.phone-icon{font-size:13px}.brand-phone .brand{min-width:175px}.brand-phone .brand img{width:170px}}

/* WhatsApp icon beside phone number */
.whatsapp-icon{width:24px;height:24px;object-fit:contain;border-radius:0;display:block}
@media(max-width:1100px){.whatsapp-icon{width:21px;height:21px}}
@media(max-width:620px){.whatsapp-icon{width:18px;height:18px}}


/* Social/language bar: directly below header, scrolls normally with page */
.social-language-bar{
  position:static;
  width:100%;
  background:#050505;
  z-index:auto;
}
.social-language-bar .header-extras{
  width:100%;
  min-height:42px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:7px 20px;
  margin:0;
}
.social-links{display:flex;align-items:center;gap:11px}
.social-links a{
  width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  color:#ff5a00;text-decoration:none;transition:transform .18s ease,opacity .18s ease
}
.social-links a:hover{transform:translateY(-1px);opacity:.8}
.social-links svg{width:22px;height:22px;fill:currentColor;display:block}
.language-picker{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.7px;color:#ff5a00}
.language-picker select{
  border:1px solid #ff5a00;background:#050505;color:#fff;border-radius:4px;
  padding:4px 24px 4px 7px;font:inherit;font-size:10px;cursor:pointer
}
@media(max-width:900px){
  .social-language-bar .header-extras{gap:12px;min-height:40px}
  .social-links{gap:8px}
  .social-links a{width:22px;height:22px}
  .social-links svg{width:20px;height:20px}
}

/* Keep header and social/language bar fixed in their page position — NOT floating/sticky */
header{
  position:static !important;
  top:auto !important;
}
.social-language-bar,
.social-language-bar .header-extras{
  position:static !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}