*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f3f1;color:#17191d;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#111318;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff18}.brand{width:150px;height:68px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#d5d7da}.nav a:hover{color:#fff}.nav-cta{padding:13px 18px;border:1px solid #df343b;color:#fff}.nav-cta span,.button span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:690px;background:#111318;color:#fff;position:relative;overflow:hidden;padding:100px 8vw 70px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-150px;top:-150px;background:radial-gradient(circle,#d72b3425,transparent 65%)}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#d8323a}.eyebrow span{display:inline-block;width:25px;height:2px;background:#df343b;vertical-align:middle;margin-right:10px}.hero h1,.section h2{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,82px);line-height:1.04;letter-spacing:-4px;margin:28px 0}.hero h1 em,.section h2 span,.project-band h2 em{font-style:normal;color:#e13a42}.hero-copy{max-width:520px;color:#bfc2c8;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;font-weight:700;font-size:13px;border:0;cursor:pointer}.button-red{background:#d72e37;color:#fff}.button-red:hover{background:#f0444d}.text-link{font-size:13px;color:#e6e6e6}.hero-note{display:flex;gap:18px;align-items:center;margin-top:75px;color:#9da1a9;font-size:11px;letter-spacing:1px}.hero-note b{color:#fff;font-size:18px;letter-spacing:3px}.hero-art{position:absolute;right:8vw;top:50%;transform:translateY(-50%);width:38%;max-width:490px;height:390px;border:1px solid #ffffff20;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;background:linear-gradient(145deg,#ffffff09,#ffffff01)}.hero-monogram{font-family:Manrope,sans-serif;font-size:clamp(90px,12vw,160px);font-weight:800;letter-spacing:-17px;color:#d7d9dc;text-shadow:0 8px 30px #000}.hero-monogram span{color:#e13a42}.hero-art p{font-weight:700;letter-spacing:3px;text-align:center;font-size:13px;line-height:1.8}.hero-art small{font-size:9px;letter-spacing:3px;color:#aeb2b9}.orbit{position:absolute;border:1px solid #d8323a;transform:rotate(-25deg);width:85%;height:48%;border-radius:50%}.orbit-one{top:16%}.orbit-two{bottom:12%;width:70%;height:30%;border-color:#ffffff38}.hero-art-line{width:70%;height:2px;background:#d8323a;margin-top:14px}.hero-bottom{position:absolute;bottom:25px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#777e89;font-size:9px;letter-spacing:2px}.section{padding:110px 8vw}.intro-main{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start}.section h2{font-size:clamp(40px,5vw,64px);margin:25px 0;letter-spacing:-3px}.lead{font-size:20px;line-height:1.55;color:#30343b}.intro-main p:not(.lead){line-height:1.8;color:#6a6e75}.underlined-link{display:inline-block;margin-top:20px;padding-bottom:9px;border-bottom:1px solid #d8323a;font-weight:700;font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading>p{max-width:280px;color:#71757c;line-height:1.7}.services{background:#e8e9e8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfd0d0;border:1px solid #cfd0d0}.service-card{background:#f5f5f3;padding:30px;min-height:275px;position:relative;transition:.25s}.service-card:hover{background:#fff;transform:translateY(-3px);z-index:1;box-shadow:0 15px 35px #0000000c}.service-number{font-size:10px;letter-spacing:2px;color:#d8323a;font-weight:700}.service-icon{font-size:26px;color:#d8323a;margin:25px 0 15px}.service-card h3{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 12px}.service-card p{color:#70747b;font-size:13px;line-height:1.7;min-height:66px}.service-card a{font-size:11px;font-weight:700;border-bottom:1px solid #d8323a;padding-bottom:5px}.service-wide{grid-column:span 2}.capabilities{background:#171a20;color:#fff}.capability-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:35px}.capabilities .lead{color:#aeb3bb;max-width:420px}.steps{border-top:1px solid #ffffff28}.step{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #ffffff28}.step>b{color:#e13a42;font-size:12px}.step h3{margin:0 0 7px;font-family:Manrope,sans-serif}.step p{margin:0;color:#aeb3bb;font-size:13px;line-height:1.7}.small-note{margin-top:35px;color:#858b95;font-size:11px;line-height:1.7}.project-band{background:#d72e37;color:#fff;position:relative;overflow:hidden;padding-top:90px;padding-bottom:90px}.project-band:after{content:"CDM";position:absolute;right:-25px;bottom:-110px;font-family:Manrope,sans-serif;font-size:330px;font-weight:800;color:#ffffff0c;letter-spacing:-30px}.project-band .section-kicker{color:#ffd7d8}.project-band h2{font-size:clamp(48px,6vw,76px);margin:25px 0}.project-band h2 em{color:#171a20}.project-band p{color:#ffe2e3;margin-bottom:30px}.button-light{background:#fff;color:#171a20}.project-mark{position:absolute;right:8vw;top:50%;transform:translateY(-50%);font-size:18px;font-weight:800;letter-spacing:5px}.project-mark span{font-size:10px;color:#ffd7d8}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:25px}.contact-details{display:flex;gap:35px;flex-wrap:wrap;margin-top:45px}.contact-details p{font-size:12px;line-height:1.8;color:#747980}.contact-details b{color:#17191d}.contact-form{display:grid;gap:18px}.contact-form label{font-size:11px;font-weight:700;letter-spacing:.5px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #d6d7d7;background:#fff;font:14px "DM Sans",sans-serif;color:#17191d;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d72e37}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start}.form-note{font-size:10px;color:#777}.footer{background:#111318;color:#fff;padding:55px 8vw 25px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:40px;letter-spacing:-3px}.footer-brand span{color:#e13a42}.footer>p{font-size:13px;line-height:1.7;color:#d1d3d7}.footer>p small{color:#858b95}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;color:#858b95;font-size:10px;letter-spacing:1px}
@media(max-width:900px){.hero-art{opacity:.22;right:-5%;width:55%}.hero-content{max-width:620px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-wide{grid-column:span 2}.project-mark{display:none}}
@media(max-width:650px){.site-header{height:72px;padding:0 5vw}.brand{width:120px;height:58px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111318;padding:20px 6vw 28px;flex-direction:column;align-items:flex-start;gap:22px}.nav.open{display:flex}.hero{min-height:650px;padding:90px 7vw 75px}.hero-art{width:100%;right:-25%;opacity:.15}.hero h1{font-size:51px;letter-spacing:-3px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{margin-top:55px}.hero-bottom{left:7vw;right:7vw}.section{padding:75px 7vw}.intro-main,.capability-layout,.contact-layout{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading>p{margin-top:20px}.section h2{font-size:43px}.service-grid{grid-template-columns:1fr}.service-wide{grid-column:auto}.service-card{min-height:245px}.service-card p{min-height:0}.project-band{padding-top:75px;padding-bottom:75px}.project-band h2{font-size:52px}.contact-details{gap:18px}.footer{padding:45px 7vw 22px;grid-template-columns:1fr}.footer-bottom{gap:15px;flex-wrap:wrap}}

/* LED display feature — primary business focus */
.led-feature{background:#171a20;color:#fff}
.led-feature-head{display:grid;grid-template-columns:1.1fr .8fr;gap:10%;align-items:end;margin:20px 0 42px}
.led-feature h2{margin-bottom:0}
.led-feature-head .lead{color:#c0c4cb;font-size:17px}
.led-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.led-card{position:relative;min-height:390px;background:#252932;overflow:hidden}
.led-card img{width:100%;height:220px;object-fit:cover;display:block;filter:saturate(.82)}
.led-main img{height:250px}
.led-card-copy{padding:22px}
.led-card-copy span{font-size:9px;letter-spacing:2px;color:#ed555b;font-weight:700}
.led-card-copy h3{font:700 21px Manrope,sans-serif;margin:12px 0 8px}
.led-card-copy p{font-size:12px;line-height:1.75;color:#b7bdc6;margin:0}
.led-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 32px}
.led-capabilities span{border:1px solid #ffffff35;padding:10px 13px;font-size:10px;letter-spacing:.5px;color:#e0e2e5}
@media(max-width:900px){.led-grid{grid-template-columns:1fr 1fr}.led-main{grid-column:span 2}.led-feature-head{grid-template-columns:1fr;gap:5px}}
@media(max-width:650px){.led-grid{grid-template-columns:1fr}.led-main{grid-column:auto}.led-card,.led-main{min-height:0}.led-card img,.led-main img{height:210px}.led-feature-head{display:block}.led-feature-head .lead{font-size:15px}}

.led-showcase{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center;border:1px solid #ffffff24;margin:5px 0 24px}
.led-seo-copy{max-width:900px;margin:8px 0 30px;padding:24px;border-left:3px solid #d8323a;background:#ffffff09}
.led-seo-copy h3{font:700 20px Manrope,sans-serif;margin:0 0 10px;color:#fff}
.led-seo-copy p{font-size:13px;line-height:1.8;color:#c1c5cc;margin:0}

.whatsapp-link{display:inline-block;margin-top:5px;color:#d8323a;font-weight:700;font-size:11px}.contact-details a{color:#d8323a}

.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:#20b95a;color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 28px #0004;transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0005}
.wa-icon{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;font-size:15px}
@media(max-width:650px){.whatsapp-float{right:14px;bottom:14px;padding:12px 15px}.wa-label{font-size:12px}}

/* Fixed WhatsApp enquiry button: keep above page content on all devices */
.whatsapp-float{position:fixed!important;right:20px!important;bottom:20px!important;left:auto!important;top:auto!important;z-index:2147483647!important;display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px;padding:13px 18px!important;border:0!important;border-radius:999px!important;background:#20b95a!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 28px #0005!important;pointer-events:auto!important}
.whatsapp-float .wa-icon{display:inline-flex!important;flex:0 0 23px;width:23px;height:23px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;color:#fff}
.whatsapp-float .wa-label{display:inline!important;color:#fff!important;white-space:nowrap!important}
.whatsapp-float:hover{transform:translateY(-3px)}
@media(max-width:650px){.whatsapp-float{right:12px!important;bottom:12px!important;padding:12px 15px!important;min-height:46px}}