*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#182231;background:#fff}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:78px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #00000012}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14263a}.brand .mc{background:#0758a7;color:#fff;font-weight:800;font-size:20px;padding:9px 8px;border-radius:4px}.brand b{display:block;font-family:Montserrat;font-size:21px;line-height:18px}.brand small{font-weight:700;letter-spacing:2px;font-size:9px;color:#557086}.nav nav{display:flex;align-items:center;gap:26px}.nav nav a{text-decoration:none;color:#273849;font-weight:600;font-size:14px}.nav-cta{background:#0758a7!important;color:#fff!important;padding:12px 17px;border-radius:4px}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/hero-chiller.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,50,.94) 0%,rgba(7,36,66,.82) 44%,rgba(7,36,66,.22) 75%,rgba(7,36,66,.05) 100%)}.hero-content{position:relative;color:#fff;padding:80px 0;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 16px;color:#b7d9ff}.eyebrow.blue{color:#0758a7}.hero h1{font-family:Montserrat;margin:0;max-width:780px;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-2px}.lead{font-size:21px;font-weight:600;margin:24px 0 10px}.intro{font-size:16px;max-width:620px;color:#e2edf8}.actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;border:0;border-radius:4px;padding:15px 22px;font-weight:800;text-decoration:none;cursor:pointer;font-size:14px}.primary{background:#0b66bd;color:#fff}.ghost{border:1px solid #ffffff80;color:#fff;background:#ffffff0d}.trust{background:#0758a7;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats div{padding:3px 25px;border-right:1px solid #ffffff38}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-size:28px;font-family:Montserrat}.stats span{font-size:12px;color:#d9ebfb}.section{padding:90px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}h2{font-family:Montserrat;font-size:clamp(31px,4vw,46px);line-height:1.08;margin:0;color:#12263a;letter-spacing:-1px}.copy{font-size:17px;line-height:1.8;color:#526170}.pale{background:#f4f7fa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.cards article{background:#fff;padding:28px;border:1px solid #e3eaf0;border-radius:8px;box-shadow:0 10px 28px #14395b0a}.cards .icon{font-size:27px}.cards h3{font-family:Montserrat;margin:18px 0 9px;color:#17334e}.cards p{margin:0;color:#607181;line-height:1.65;font-size:14px}.dark{background:#0c2237;color:#dce9f5}.dark h2{color:#fff}.cooling-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.cooling-grid p{line-height:1.75}.cooling-grid img{width:100%;height:410px;object-fit:cover;border-radius:8px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chips span{font-size:12px;border:1px solid #5b7792;padding:9px 12px;border-radius:20px}.text-link{color:#77bfff;text-decoration:none;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.gallery img{width:100%;height:245px;object-fit:cover;border-radius:6px}.service{border-top:1px solid #e6ebef}.blue-link{color:#0758a7}.industries{background:#0758a7;color:#fff;padding:72px 0}.industries h2{color:#fff}.industries p:last-child{max-width:980px;line-height:2;font-weight:600}.contact{background:#f5f7f9}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px}.contact p{color:#5b6977;line-height:1.7}.details{margin-top:25px}.contact form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 14px 35px #14395b12}.contact label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}.contact input,.contact textarea{width:100%;border:1px solid #d7e0e8;padding:12px;margin-top:6px;border-radius:4px;font:inherit}.contact form small{display:block;color:#7a8792;margin-top:12px;line-height:1.4}footer{background:#071827;color:#bdcddd;padding:40px 0}.footer{display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center}.footer p{font-size:12px;line-height:1.5}.footer-brand{color:#fff}.whatsapp{position:fixed;right:22px;bottom:22px;background:#159447;color:#fff;text-decoration:none;padding:13px 17px;border-radius:28px;font-weight:800;z-index:30;box-shadow:0 6px 20px #0003}@media(max-width:850px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:600px}.hero-shade{background:linear-gradient(90deg,rgba(7,28,50,.94),rgba(7,36,66,.68))}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats div{border:0;padding:4px}.two,.cooling-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.section{padding:65px 0}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero h1{font-size:40px}.lead{font-size:17px}.actions{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.cards,.gallery{grid-template-columns:1fr}.gallery img{height:220px}.cooling-grid img{height:280px}}
/* Version 2 brand and photo gallery refinements */
.brand-logo{width:190px;max-height:62px;object-fit:contain;object-position:left center;display:block}
.footer-brand .brand-logo{background:white;border-radius:3px;padding:4px;width:175px}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-item{margin:0;background:#fff;border:1px solid #e3eaf0;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #14395b10}
.gallery-open{display:block;width:100%;padding:0;border:0;background:#eaf0f5;cursor:zoom-in;overflow:hidden}
.gallery-open img{width:100%;height:235px;object-fit:cover;display:block;transition:transform .25s ease}
.gallery-open:hover img{transform:scale(1.035)}
.gallery-item figcaption{padding:13px 15px;color:#31465b;font-size:13px;font-weight:600;line-height:1.4}
.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(3,13,25,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 20px 25px}
.lightbox img{max-width:95vw;max-height:78vh;object-fit:contain}.lightbox p{color:white;text-align:center;font-size:14px}
.lightbox-close{position:absolute;right:22px;top:12px;background:transparent;color:white;border:0;font-size:42px;cursor:pointer}
@media(max-width:850px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-logo{width:160px}.gallery{grid-template-columns:1fr}.gallery-open img{height:235px}}

/* V4: home-page applications and downloadable catalogue */
.applications-section{background:#f3f7fd;text-align:center}.applications-section h2{max-width:820px;margin:0 auto 15px}.applications-intro{max-width:790px;margin:0 auto 28px;color:#536477;line-height:1.7}.application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.application-grid article{background:white;border:1px solid #dce6f3;border-radius:14px;padding:25px 14px;box-shadow:0 8px 24px rgba(20,58,105,.06)}.application-icon{display:block;font-size:35px;margin-bottom:12px}.application-grid h3{font-size:15px;line-height:1.4;margin:0;color:#123e79}.catalogue-section{background:#fff}.catalogue-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}.catalogue-layout p{line-height:1.8}.catalogue-layout img{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.catalogue-download{display:inline-block;margin:16px;color:#1259ae;font-weight:700;text-decoration:underline}@media(max-width:800px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-layout{grid-template-columns:1fr}}@media(max-width:420px){.application-grid{grid-template-columns:1fr 1fr;gap:9px}.application-grid article{padding:18px 8px}.application-grid h3{font-size:12px}.application-icon{font-size:28px}}

/* V5: applications-first homepage and right-aligned brand */
.topbar .nav{gap:20px;justify-content:flex-end}
.topbar .nav nav{order:1;gap:clamp(10px,1.3vw,22px);margin-right:auto}
.topbar .nav .brand{order:2;margin-left:auto;flex:0 0 auto}
.topbar .nav .brand-logo{width:170px;max-width:22vw;object-position:right center}
.topbar .nav .menu{order:0}
.hero-v5{min-height:0;background:linear-gradient(180deg,#f3f8ff 0%,#fff 100%);color:#12263a;display:block;overflow:visible}
.hero-v5-content{padding:55px 0 62px;text-align:center}
.hero-v5 h1{color:#102f59;max-width:1020px;margin:0 auto 20px;font-size:clamp(30px,4vw,54px);line-height:1.13;letter-spacing:-1.3px}
.hero-v5-intro,.hero-v5-support{max-width:1030px;margin:0 auto 28px;color:#3b536b;font-size:clamp(15px,1.55vw,19px);line-height:1.7}
.hero-applications-banner{margin:28px auto 25px;max-width:1400px;border-radius:12px;overflow:hidden;box-shadow:0 14px 36px #0c37652a;background:#052a55}
.hero-applications-banner img{display:block;width:100%;height:auto;object-fit:contain}
.hero-v5-support{font-size:16px;margin-bottom:0}
.hero-v5-actions{justify-content:center;margin-top:24px}
.btn.outline{border:1px solid #1263af;color:#1263af;background:#fff}
@media(max-width:1100px){.topbar .nav nav{gap:12px}.topbar .nav nav a{font-size:12px}.topbar .nav .brand-logo{width:145px}}
@media(max-width:850px){.topbar .nav{justify-content:space-between}.topbar .nav .menu{order:1;margin-right:auto}.topbar .nav .brand{order:2;margin-left:auto}.topbar .nav .brand-logo{max-width:none;width:155px}.topbar .nav nav{order:3;top:78px;left:0;right:0;margin:0;align-items:stretch}.topbar .nav nav a{font-size:15px;padding:8px 0}.hero-v5-content{padding:38px 0 48px}}
@media(max-width:560px){.hero-v5 h1{font-size:32px;letter-spacing:-.6px}.hero-v5-intro,.hero-v5-support{font-size:15px}.hero-applications-banner{border-radius:6px;margin:22px -7px}.hero-v5-actions{align-items:stretch}.hero-v5-actions .btn{text-align:center}.topbar .nav .brand-logo{width:145px}}

/* V6: requested typography, larger logo, multi-photo cooling section */
body,button,input,textarea,select{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif;font-size:10pt}
body p,body a,body span,body label,body small,body figcaption,body li,.cards p,.copy,.contact p,.nav nav a,.topbar .nav nav a,.stats span,.hero-v5-intro,.hero-v5-support,.btn,.eyebrow,.cards h3,.gallery-item figcaption{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif;font-size:10pt}
h1,h2,h3,.hero h1,.hero-v5 h1,.cards h3,.stats strong{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif}
h1,h2,.hero h1,.hero-v5 h1{font-size:15mm;line-height:1.13;letter-spacing:-.5px}
h3,.cards h3{font-size:15pt}
.topbar{height:112px}.topbar .nav .brand-logo{width:255px;max-width:255px;max-height:96px;object-fit:contain}
.topbar .nav nav{gap:clamp(7px,1vw,18px)}
.topbar .nav nav a{font-size:10pt}
.footer-brand .brand-logo{width:262px;max-height:100px}
.cooling-grid{grid-template-columns:1fr 1fr;gap:38px}
.cooling-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cooling-photo-grid img{width:100%;height:190px;object-fit:cover;border-radius:7px;display:block}
.catalogue-layout{display:block;max-width:850px}
@media(max-width:1100px){.topbar .nav .brand-logo{width:255px;max-width:255px}.topbar .nav nav a{font-size:10pt}.topbar .nav nav{gap:8px}}
@media(max-width:950px){.topbar .nav nav{display:none;position:absolute;top:112px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px #0002}.topbar .nav nav.open{display:flex}.topbar .nav .menu{display:block;order:1;margin-right:auto}.topbar .nav .brand{order:2;margin-left:auto}.topbar .nav .brand-logo{width:255px;max-width:255px}.cooling-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{height:100px}.topbar .nav nav{top:100px}.topbar .nav .brand-logo{width:min(255px,65vw);max-width:65vw}.hero-v5 h1,h1,h2{font-size:clamp(30px,9vw,15mm)}.cooling-photo-grid img{height:150px}.stats strong{font-size:21px}}

/* V7 revisions */
.hero-tagline{font-weight:800;font-size:clamp(19px,2.4vw,28px);color:#0758a7;margin:10px 0 18px}
.about-content .copy{max-width:1020px;margin-top:24px}
.reading-width{max-width:1000px}.catalogue-prose{font-family:Calibri,Arial,sans-serif;font-size:16px;line-height:1.8;color:#25384c}.catalogue-prose p{margin:0 0 19px}.catalogue-prose h3{margin-top:38px;font-family:Calibri,Arial,sans-serif;color:#0758a7}.source-note{color:#66788a}
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.application-grid a{display:block;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px #092b4b19}.application-grid img{display:block;width:100%;height:270px;object-fit:cover}.applications-intro{color:#526170}.projects-placeholder{margin-top:28px;padding:42px;border:2px dashed #d2dfeb;border-radius:8px;text-align:center;color:#607181}
.footer{grid-template-columns:1fr auto}
@media(max-width:700px){.application-grid{grid-template-columns:1fr}.application-grid img{height:auto}.footer{grid-template-columns:1fr}}

/* V9 protected gallery presentation (deterrence only) */
.gallery img,.lightbox img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.gallery-open{position:relative}.gallery-open:after{content:'© MARS CONSTROMAT';position:absolute;bottom:12px;right:12px;color:#fff;background:#002e6199;padding:4px 8px;font-size:11px;border-radius:3px}
.lightbox-prev,.lightbox-next{position:absolute;top:48%;background:#ffffff25;color:#fff;border:1px solid #ffffff55;padding:12px 16px;cursor:pointer;font-size:22px;z-index:2}.lightbox-prev{left:12px}.lightbox-next{right:12px}
@media(max-width:560px){.lightbox-prev,.lightbox-next{top:auto;bottom:20px}.lightbox img{max-height:65vh}}

/* V10: individual screen-aligned pages, keeping long content scrollable */
html{scroll-padding-top:0}
body.page-mode main>section,body.page-mode main>.industries,body.page-mode main>.trust{display:none}
body.page-mode main>section.active-page{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - var(--site-header-height,112px));padding-top:44px;padding-bottom:44px}
body.page-mode main>section.active-page:has(.catalogue-prose),body.page-mode main>section.active-page:has(.gallery),body.page-mode main>section.active-page:has(.application-grid){justify-content:flex-start}
body.page-mode footer{display:none}
body.page-mode .topbar{position:sticky}
@media(max-width:560px){body.page-mode main>section.active-page{padding-top:30px;padding-bottom:30px}}
/* V11: center short sections within the available viewport; allow tall sections to scroll */
body.page-mode main>section.active-page{box-sizing:border-box;min-height:calc(100dvh - var(--site-header-height,112px));height:auto;justify-content:safe center;scroll-margin-top:0}
body.page-mode main>section#solutions.active-page{justify-content:center;padding-block:clamp(20px,4vh,48px)}
body.page-mode main>section.active-page>.wrap{width:min(1180px,calc(100% - 40px));margin-block:auto}
body.page-mode main>section#projects.active-page,body.page-mode main>section#catalogue.active-page{justify-content:flex-start}
/* Improve legibility of subdued text while preserving the brand palette */
.copy,.cards p,.contact p,.applications-intro,.catalogue-prose,.hero-v5-intro,.hero-v5-support,.gallery-item figcaption,.source-note{color:#26384a!important}
.eyebrow.blue,.blue-link,.text-link.blue-link{color:#004e9e!important}
.dark .copy,.dark p,.dark .eyebrow{color:#f0f7ff!important}
@media(max-width:850px){body.page-mode main>section#solutions.active-page{justify-content:flex-start}}
