@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--blue:#0c3876;--navy:#071e3b;--red:#e92e35;--ink:#15233a;--muted:#617087;--pale:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1190px;margin:auto;padding:0 26px}.topbar{background:#071d3a;color:#dbe8fa;font-size:12px}.topin{display:flex;justify-content:space-between;gap:12px;padding-top:9px;padding-bottom:9px}.sep{opacity:.4;margin:0 10px}.header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #092b5010}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:20px}.brand img{width:185px;height:75px;object-fit:contain;object-position:center}.nav nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:800}.nav nav a:hover,.text-link{color:#1464bf}.btn{background:#e52d34;border:1px solid #e52d34;color:#fff;border-radius:7px;padding:14px 21px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(.95)}.btn.small{padding:11px 16px;font-size:12px}.btn.outline{background:transparent;border-color:#fff;color:#fff}.btn.outline.dark{color:var(--blue);border-color:#d7e0ef}.btn.full{width:100%}.hamburger{display:none;background:none;border:0;font-size:27px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#062346,#0a4383 70%,#1160a6);color:white}.hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,#2876b350,transparent 43%),repeating-linear-gradient(125deg,transparent,transparent 90px,#ffffff05 91px,#ffffff05 92px)}.hero-grid{position:relative;min-height:550px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow,.section-tag{font-size:12px;font-weight:800;letter-spacing:2px;color:#4b94e4}.eyebrow{color:#94d7ff}.hero h1{font:800 clamp(38px,4.4vw,62px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-2.4px;margin:24px 0}.hero h1 em{color:#8bd7ff;font-style:normal}.hero-copy p{font-size:17px;color:#d2e5f8;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-dots{display:flex;gap:8px;margin-top:45px}.hero-dots button{height:7px;width:25px;border:0;border-radius:8px;background:#ffffff55}.hero-dots button.active{background:#f03b43;width:46px}.hero-art{position:relative;height:420px}.art-orb{position:absolute;width:365px;height:365px;border-radius:50%;background:linear-gradient(145deg,#277ac3,#a3dbff);left:17%;top:5%;box-shadow:0 0 0 25px #ffffff0a,0 0 0 65px #ffffff05}.ac-unit{position:absolute;top:75px;left:5%;width:85%;height:145px;background:linear-gradient(180deg,#fff,#e5eff6);border-radius:20px 20px 30px 30px;transform:rotate(-6deg);box-shadow:0 25px 35px #001a3888;border-bottom:12px solid #bccbd9}.ac-shine{height:15px;border-radius:20px 20px 0 0;background:#fff}.ac-brand{font-size:13px;color:#e02d34;font-weight:900;letter-spacing:2px;margin:20px 30px}.ac-vent{position:absolute;bottom:10px;left:25px;right:25px;height:14px;border-radius:30px;background:#8a9cad;box-shadow:inset 0 5px 6px #5b728e}.air-lines{position:absolute;top:155px;left:15%;display:flex;gap:28px}.air-lines i{display:block;width:20px;height:110px;border-radius:50%;border-left:4px solid #bbecff88;transform:rotate(20deg)}.fire-device{position:absolute;right:9%;bottom:13px;width:130px;height:240px;filter:drop-shadow(10px 18px 12px #001c3880)}.fire-handle{position:absolute;width:95px;height:12px;left:20px;top:0;background:#171e2b;border-radius:8px;transform:rotate(-15deg)}.fire-top{position:absolute;width:58px;height:32px;background:#9c1018;top:12px;left:38px;border-radius:15px 15px 3px 3px}.fire-body{position:absolute;top:40px;left:12px;width:115px;height:190px;border-radius:26px 26px 17px 17px;background:linear-gradient(90deg,#a90e18,#f13a3f 40%,#be1720);border:5px solid #b81520;text-align:center;padding-top:48px}.fire-body b,.fire-body small{display:block;color:white;letter-spacing:2px}.fire-body b{font-size:24px}.fire-body small{font-size:11px}.fire-body span{font-size:42px;color:#ffd5d5}.floating-label{position:absolute;bottom:6px;left:5%;background:#fff;color:#0d376b;padding:13px 18px;border-radius:10px;box-shadow:0 12px 25px #001e4355;font-size:12px;font-weight:900;letter-spacing:1px}.floating-label span{color:var(--red)}.stats{background:#fff;box-shadow:0 8px 25px #12335d0b}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px}.statgrid div{padding:0 24px;border-right:1px solid #e3e9f2}.statgrid div:first-child{padding-left:0}.statgrid div:last-child{border:0}.statgrid b{display:block;font-size:25px;color:var(--blue);font-family:Manrope}.statgrid span{font-size:12px;color:var(--muted)}.section{padding:90px 0}.pale{background:var(--pale)}h2{font:800 clamp(29px,3vw,42px)/1.22 Manrope;margin:14px 0 20px;letter-spacing:-1.4px}h2 span{color:#2367b0}.section p{color:var(--muted)}.aboutgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-visual{height:380px;position:relative}.about-blue{position:absolute;inset:0 60px 35px 0;background:linear-gradient(135deg,#092d61,#0b64aa);border-radius:18px;color:#fff;padding:55px 48px}.about-blue span{font-size:14px;letter-spacing:3px}.about-blue strong{display:block;font-size:95px;line-height:1.2;font-family:Manrope}.about-blue p{color:#d3e7fa}.about-red{position:absolute;right:0;bottom:0;background:#e63038;color:#fff;padding:28px;border-radius:13px;font-size:26px;font-weight:900;line-height:1.2;box-shadow:0 15px 30px #123d6544}.about-red span{color:#ffc5c5}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 27px;font-weight:700;font-size:13px}.ticks span::first-letter{color:#1682cb}.text-link{font-weight:800}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-head p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid #e2eaf3;border-radius:13px;padding:29px;min-height:255px;transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #123c7015}.service-icon{height:50px;width:50px;background:#e8f3ff;color:#0b59a6;border-radius:12px;display:grid;place-items:center;font-size:27px}.service-card h3{font-size:19px;margin:17px 0 7px}.service-card p{font-size:14px;margin:0 0 20px}.service-card a{color:#0c65ba;font-weight:800;font-size:13px}.service-card.highlight{background:#0b3b77;color:white}.service-card.highlight p,.service-card.highlight a{color:#d5eaff}.service-card.highlight .service-icon{background:#ffffff24;color:#fff}.section-tag.red{color:var(--red)}.firegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.firegrid article{border:1px solid #e6e9ee;border-radius:13px;overflow:hidden;background:white}.firegrid img{width:100%;height:205px;object-fit:cover;object-position:center}.firegrid h3{margin:20px 23px 5px}.firegrid p{margin:0 23px 25px;font-size:14px}.redbtn{background:#d72b32}.fire-banner{background:#d92730;color:white;border-radius:14px;padding:30px 36px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.fire-banner strong{font-size:23px}.fire-banner p{color:#ffdddd;margin:6px 0 0}.lightbtn{background:#fff;border-color:#fff;color:#0b3e78;white-space:nowrap}.intro{max-width:600px}.clientgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.clientgrid span{padding:22px 10px;background:white;border:1px solid #e0e8f2;border-radius:9px;text-align:center;font-weight:900;color:#25466d}.note{font-size:12px}.cta{background:linear-gradient(110deg,#07346c,#0d67ac);color:white;padding:55px 0}.ctain{display:flex;justify-content:space-between;align-items:center;gap:30px}.ctain h2{margin:8px 0}.ctain p{color:#d4e6f8;margin:0}.contactgrid{display:grid;grid-template-columns:1fr .85fr;gap:90px}.contact-items{display:grid;gap:15px;margin:28px 0}.contact-items div{border-bottom:1px solid #e7edf4;padding-bottom:10px}.contact-items b{color:var(--navy)}.contact-items p{margin:5px 0 0}.contact-items a:hover{color:#0a69bd}.formpanel{padding:36px;background:#f4f8fc;border-radius:15px}.formpanel h3{font-size:25px;margin:0}.formpanel>p{font-size:13px;margin-top:6px}.formpanel label{display:block;font-size:12px;font-weight:800;margin:14px 0}.formpanel input,.formpanel select,.formpanel textarea{display:block;width:100%;padding:13px;border:1px solid #d9e3ee;background:#fff;border-radius:6px;margin-top:7px;color:#172a40}.formpanel small{display:block;color:#6a7a8f;margin-top:12px;font-size:11px}footer{background:#071b34;color:#b8c9de;padding:45px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px}.footerlogo{width:180px;background:#fff;border-radius:7px;padding:5px}.footergrid p{max-width:310px;font-size:13px}.footergrid h4{color:white;margin:0 0 13px}.footergrid a,.footergrid span{display:block;font-size:13px;margin-bottom:10px}.copyright{font-size:12px;border-top:1px solid #ffffff20;margin-top:32px;padding-top:20px}.whatsapp{position:fixed;bottom:23px;right:23px;z-index:25;border-radius:30px;background:#19b967;color:white;box-shadow:0 7px 25px #093e2750;padding:12px 18px;font-weight:800;font-size:14px}.whatsapp:first-letter{font-size:19px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px}.modalshade{position:absolute;inset:0;background:#07192ec9}.modalcontent{position:relative;background:white;border-radius:18px;padding:35px;width:min(430px,100%);box-shadow:0 20px 70px #0005}.modalcontent h2{font-size:30px}.modalcontent p{color:var(--muted)}.modalclose{position:absolute;right:20px;top:12px;border:0;background:transparent;font-size:28px}.modalactions{display:grid;gap:10px;margin-top:22px}.green{background:#18aa5f;border-color:#18aa5f}@media(max-width:1000px){.nav nav{gap:12px;font-size:11px}.brand img{width:150px}.aboutgrid,.contactgrid{gap:40px}.hero-grid{min-height:510px}.fire-device{right:0}}@media(max-width:760px){.wrap{padding:0 18px}.topin{font-size:10px;flex-wrap:wrap}.sep{display:none}.nav{min-height:73px}.brand img{height:61px;width:160px}.hamburger{display:block}.nav nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:18px 25px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch;gap:14px;font-size:14px}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:45px;padding-bottom:25px}.hero h1{font-size:40px;letter-spacing:-1.6px}.hero-art{height:300px;max-width:440px;width:100%;margin:auto}.art-orb{width:270px;height:270px;left:20%}.ac-unit{top:65px;height:115px}.ac-vent{bottom:5px}.air-lines{top:120px}.fire-device{transform:scale(.7);transform-origin:bottom right;right:5%;bottom:0}.floating-label{bottom:4px;font-size:10px}.hero-dots{margin-top:26px}.statgrid{grid-template-columns:1fr 1fr;gap:20px}.statgrid div{padding:0 0 0 10px}.statgrid div:nth-child(2){border:0}.statgrid b{font-size:21px}.section{padding:65px 0}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:30px}.about-visual{height:310px}.about-blue strong{font-size:75px}.cards,.firegrid{grid-template-columns:1fr 1fr}.section-head,.ctain,.fire-banner{align-items:start;flex-direction:column}.clientgrid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr;gap:25px}.footergrid>div:first-child{grid-column:span 2}}@media(max-width:480px){.cards,.firegrid{grid-template-columns:1fr}.hero h1{font-size:36px}.hero-actions .btn{width:100%}.hero-art{height:255px}.art-orb{height:230px;width:230px}.ac-unit{top:55px}.ticks{grid-template-columns:1fr}.clientgrid{gap:9px}.clientgrid span{font-size:12px;padding:16px 7px}.formpanel{padding:24px}.whatsapp span{display:none}}

/* Updated wide-format NICE COOL brand mark */
.brand img{width:260px;height:76px;object-fit:contain}
.footerlogo{width:290px;max-width:100%;background:white;padding:5px}
@media(max-width:1000px){.brand img{width:205px;height:70px}}
@media(max-width:760px){.brand img{width:195px;height:61px}}

/* Four-image NICE COOL promotional slider */
.banner-slider{position:relative;width:100%;aspect-ratio:2.79/1;min-height:260px;max-height:760px;overflow:hidden;background:#edf4fa}
.banner-track,.banner-slide{position:absolute;inset:0}.banner-slide{opacity:0;transition:opacity .7s ease;pointer-events:none}.banner-slide.active{opacity:1;pointer-events:auto;z-index:1}.banner-slide img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.banner-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:43px;height:43px;border-radius:50%;border:1px solid #ffffff90;background:#102d55aa;color:#fff;font-size:22px;display:grid;place-items:center}.banner-prev{left:15px}.banner-next{right:15px}.banner-arrow:hover{background:#0b468c}
.banner-bottom{position:absolute;z-index:3;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;background:#061f3fba;padding:9px 13px;border-radius:30px}.banner-dots{display:flex;gap:8px;align-items:center}.banner-dots button{border:0;background:#ffffff90;width:10px;height:10px;border-radius:50%;padding:0}.banner-dots button.active{background:#f03b43;width:27px;border-radius:12px}.banner-enquiry{font-size:12px;padding:8px 13px;border-radius:25px;white-space:nowrap}
@media(max-width:760px){.banner-slider{min-height:0;aspect-ratio:2.79/1}.banner-arrow{height:30px;width:30px;font-size:16px}.banner-prev{left:5px}.banner-next{right:5px}.banner-bottom{bottom:5px;padding:5px 9px;gap:8px}.banner-enquiry{font-size:10px;padding:5px 8px}.banner-dots{gap:5px}.banner-dots button{width:7px;height:7px}.banner-dots button.active{width:17px}}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}}

/* Client-name carousel: placeholders pending approved official logo assets */
.client-carousel{overflow:hidden;position:relative;margin:32px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-track{display:flex;width:max-content;gap:18px;animation:client-scroll 36s linear infinite}
.client-carousel:hover .client-track{animation-play-state:paused}
.client-card{flex:0 0 215px;min-height:145px;border:1px solid #e1e9f1;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;box-shadow:0 6px 18px #163f6910}
.client-card img{width:100%;height:85px;object-fit:contain}
.client-card span{font-size:12px;color:#63748a;font-weight:700;text-align:center}
@keyframes client-scroll{to{transform:translateX(calc(-50% - 9px))}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-carousel{overflow-x:auto;mask-image:none}}

/* Updated fire-safety product photography */
.firegrid img{height:auto;aspect-ratio:12/7;object-fit:cover;display:block;background:#f4f8fd}.firegrid article{box-shadow:0 12px 32px rgba(8,43,83,.07);transition:transform .2s,box-shadow .2s}.firegrid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,43,83,.13)}

/* AC service photography */
#ac .service-card{padding:0 0 25px;overflow:hidden;display:flex;flex-direction:column;min-height:unset}
#ac .service-card .ac-service-photo{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;object-position:center;background:#eaf1f8}
#ac .service-card .service-icon{display:none}
#ac .service-card h3{margin:20px 22px 8px}
#ac .service-card p{margin:0 22px 18px;flex:1}
#ac .service-card a{margin:0 22px}
#ac .service-card.highlight{background:#0b3b77}
@media(max-width:600px){#ac .service-card .ac-service-photo{aspect-ratio:5/3}}

/* About Us: display full supplied banner without cropping */
#about .aboutgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:42px}
#about .about-visual.about-photo{height:auto;min-width:0}
#about .about-photo img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:14px;box-shadow:0 14px 35px #0b376018}
@media(max-width:760px){#about .aboutgrid{grid-template-columns:1fr;gap:26px}}

/* Trusted across industries – client logo grid */
.client-logo-showcase{width:100%;margin:28px auto 20px;padding:12px;background:#fff;border:1px solid #e7edf4;border-radius:18px;box-shadow:0 12px 34px rgba(12,43,75,.07);overflow:hidden}
.client-logo-showcase img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.client-logo-showcase{padding:6px;border-radius:10px}}

/* Minimal copyright-only footer */
.simple-footer{background:#071b36;color:#f5f8ff;padding:22px 0;font-size:14px}
.simple-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.simple-footer a{color:#9fd8ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.simple-footer-inner{flex-direction:column;text-align:center}}

/* Footer credit without underline and recognizable WhatsApp symbol */
.simple-footer a,.simple-footer a:hover,.simple-footer a:focus{text-decoration:none!important}
.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}
.whatsapp-icon{display:block;flex:none;width:25px;height:25px}
.whatsapp:first-letter{font-size:inherit}
@media(max-width:480px){.whatsapp{width:54px;height:54px;border-radius:50%;padding:0}.whatsapp-icon{width:29px;height:29px}}