:root{--navy:#05233b;--ink:#0b2849;--blue:#078cdb;--orange:#ff681b;--light:#edf6fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px 'DM Sans',Arial,sans-serif;background:#fff}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12;margin:0}p{line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #16a9ed;outline-offset:5px}header{height:100px;background:var(--navy);color:white;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}.brand{display:flex;gap:12px;align-items:center;font-size:32px;font-weight:700;letter-spacing:.12em}.brand svg{width:61px;height:61px}.brand small{display:block;text-align:center;font-size:10px;letter-spacing:.7em;margin-top:0}nav{display:flex;gap:43px;align-items:center}nav a{padding:15px 0;position:relative;font-size:14px}nav a.active:after{content:'';height:2px;background:var(--orange);position:absolute;bottom:4px;left:0;right:0}nav a:last-child span{margin-left:12px;color:#6cc8ff}.menu{display:none}.hero{min-height:570px;background:linear-gradient(90deg,#032239f5 0%,#032239c2 36%,#03223914 78%),var(--image) center/cover;display:flex;align-items:center;color:white;padding:70px 5.5%;position:relative}.hero.inner{min-height:410px}.eyebrow{font-size:11px;letter-spacing:.35em;text-transform:uppercase;font-weight:700;margin:0 0 22px;color:var(--blue);display:flex;align-items:center;gap:14px}.eyebrow:before{content:'';width:34px;height:2px;background:var(--orange)}.hero .eyebrow{color:white}.hero h1{font-size:clamp(40px,4.8vw,70px);max-width:780px;text-transform:uppercase;font-weight:800}.accent{color:#6dcaff}.hero p{max-width:510px;font-size:18px;margin:22px 0 28px;color:#edf5fd}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:15px 25px;border-radius:5px;background:var(--orange);color:white;font-size:13px;font-weight:700;border:1px solid var(--orange);cursor:pointer;transition:.2s}.btn:hover{background:#e6540c;transform:translateY(-2px)}.btn.outline{background:transparent;color:var(--ink);border:1px solid #91b6d5;padding:11px 19px}.btn.outline:hover{background:var(--light)}.hero-trust{display:flex;gap:45px;margin-top:38px;font-size:12px}.hero-trust span{display:block;font-size:25px;color:#a4dfff;margin-bottom:7px}.section{padding:65px 5.5%}.heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}.heading h2{font-size:clamp(28px,3vw,42px);max-width:740px}.heading p{max-width:310px;font-size:13px;color:#536c85;margin:0}.textlink{font-size:13px;color:var(--blue);white-space:nowrap;border-bottom:1px solid var(--orange);padding-bottom:7px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}.product img{width:100%;height:195px;object-fit:cover;border-radius:4px;transition:transform .4s}.product:hover img{transform:scale(1.025)}.product h3{font-size:17px;margin-top:13px;display:flex;justify-content:space-between;letter-spacing:-.025em}.product h3 span{font-weight:400}.product p{font-size:13px;color:#526a83;margin:7px 0 0;max-width:240px}.band{padding:64px 5.5%;color:white;background:linear-gradient(90deg,#032239 15%,#032239d0 45%,#03223920),var(--image) center/cover;min-height:310px}.band h2{font-size:40px;max-width:570px}.band p{max-width:470px}.light{background:var(--light)}.steps{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:25px;align-items:center}.steps h2{font-size:30px}.step{text-align:center;border-left:1px solid #bad5e7;padding:10px 15px;font-size:13px}.icon{font-size:34px;display:block;color:var(--blue);margin-bottom:12px}.cta{padding:60px 5.5%;background:linear-gradient(90deg,#032239ee,#03223966),var(--image) center/cover;color:white}.cta h2{font-size:40px}.cta p{max-width:470px}.detail{display:grid;grid-template-columns:1fr 1fr;min-height:360px;scroll-margin-top:20px}.detail:nth-child(even) .detail-img{order:2}.detail-img{width:100%;height:100%;min-height:360px;object-fit:cover}.detail-copy{padding:38px 10%;display:flex;flex-direction:column;justify-content:center}.number{color:var(--orange);font-size:12px;letter-spacing:.12em;margin-bottom:12px}.detail h2{font-size:30px}.subtitle{color:var(--blue);margin:10px 0;font-size:16px}.detail-copy p{font-size:14px;color:#506881;margin:7px 0 15px}ul{list-style:none;padding:0;margin:4px 0 20px}li{font-size:13px;line-height:1.7;margin-bottom:6px}li:before{content:'✓';color:var(--blue);border:1px solid var(--blue);border-radius:100%;font-size:10px;display:inline-grid;place-items:center;width:15px;height:15px;margin-right:10px}.detail .btn{align-self:flex-start}.services{grid-template-columns:repeat(3,1fr)}.service{border:1px solid #e0eaf1;border-radius:7px;overflow:hidden;background:white}.service header{background:white;color:var(--ink);padding:25px 24px 17px;height:auto;display:block}.service h2{font-size:25px}.service img{width:100%;height:220px;object-fit:cover}.service .body{padding:20px 24px 25px}.service p{font-size:14px;margin:0 0 17px;color:#526a83}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:350px;object-fit:cover;border-radius:5px}.split h2{font-size:38px}.split p{color:#526a83}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.value{display:flex;gap:16px}.value .icon{color:var(--orange)}.value h3{font-size:15px;letter-spacing:0}.value p{font-size:13px;margin:7px 0}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.contact h2{font-size:38px}.contact a{color:var(--blue)}.contact address{font-style:normal;line-height:1.8;margin:30px 0}form{padding:35px;background:var(--light);border-radius:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:1px solid #cadbe7;background:white;border-radius:4px;padding:12px;margin-top:8px;color:var(--ink)}textarea{resize:vertical;min-height:130px}.note{font-size:12px;color:#61758a}footer{padding:40px 5.5%;background:#031d32;color:#b0c5d5;display:flex;gap:30px;align-items:center;flex-wrap:wrap;font-size:12px}footer .footbrand{font-size:24px;letter-spacing:.1em;color:white}.footbrand small{display:block;font-size:9px;letter-spacing:.6em;text-align:center}footer p{flex:1}footer div{display:flex;gap:22px}footer>small{width:100%;border-top:1px solid #ffffff16;padding-top:20px}.fade{animation:fade .4s ease}@keyframes fade{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:900px){header{height:80px}.brand{font-size:26px}.brand svg{width:45px}.grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps>div:first-child{grid-column:1/-1}.values{grid-template-columns:repeat(2,1fr)}.heading{align-items:flex-start;flex-wrap:wrap}.split{gap:30px}.contact{gap:30px}}@media(max-width:600px){header{padding:0 6%;position:relative;z-index:10}.menu{display:block;border:0;background:transparent;color:white;font-size:26px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:20px 6%;background:var(--navy);gap:12px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:570px;padding:60px 6%;background-position:62% center}.hero.inner{min-height:390px}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-trust{gap:28px}.section{padding:42px 6%}.heading h2{font-size:29px}.heading{gap:20px}.grid{gap:25px 16px}.product img{height:145px}.product h3{font-size:15px}.product p{font-size:12px}.band,.cta{padding:45px 6%}.band h2,.cta h2{font-size:31px}.steps{gap:15px}.step{padding:12px 5px}.detail{grid-template-columns:1fr}.detail-img{height:240px;min-height:0}.detail:nth-child(even) .detail-img{order:0}.detail-copy{padding:30px 6%}.detail h2{font-size:27px}.services{grid-template-columns:1fr}.split,.contact{grid-template-columns:1fr;gap:28px}.split h2{font-size:31px}.split img{height:250px}.values{gap:22px}.value{gap:10px}.value h3{font-size:13px}.value .icon{font-size:25px}.formgrid{grid-template-columns:1fr;gap:0}form{padding:24px}.contact h2{font-size:31px}footer{gap:20px}footer p{flex-basis:55%}footer div{flex-wrap:wrap;gap:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Original artwork extracted directly from supplied PNG designs. */
.brand-original{width:220px;height:55px;object-fit:contain}.reference-hero,.reference-band,.reference-cta{position:relative;line-height:0}.reference-hero>img,.reference-band>img,.reference-cta>img{display:block;width:100%;height:auto}.image-hotspot{position:absolute;display:block;border-radius:12px}.image-hotspot:hover{background:#ffffff18;box-shadow:0 0 0 2px #ffffff70}.hero-button{left:5.4%;top:59%;width:16.3%;height:10%}.cta-button{left:5.3%;bottom:9%;width:18%;height:18%}.technology-button{left:5.5%;bottom:13%;width:16%;height:15%}.mobile-hero-copy{display:none}.product img{height:auto;aspect-ratio:1.76;object-fit:cover}.detail-img{object-fit:cover}.service img{height:auto;aspect-ratio:1.89;object-fit:cover}.section.light .values{margin-top:0}@media(max-width:600px){.brand-original{width:185px;height:auto}.reference-hero{background:linear-gradient(90deg,#032239f5,#03223980),url(assets/about-building.png) center/cover;line-height:normal;color:white}.reference-hero>.reference-image,.reference-hero>.hero-button{display:none}.mobile-hero-copy{display:block;padding:45px 6%}.mobile-hero-copy h1{font-size:36px}.mobile-hero-copy p{font-size:15px;line-height:1.6}.mobile-hero-copy .hero-trust{font-size:11px}.reference-band img,.reference-cta img{min-height:170px;object-fit:cover;object-position:left}.reference-cta .cta-button{width:25%;height:23%;bottom:8%}.reference-band .technology-button{width:25%;height:20%;bottom:10%}}

@media(max-width:600px){.home-reference{background-image:linear-gradient(90deg,#032239f5,#03223970),url(assets/home-scene.png)}.services-reference{background-image:linear-gradient(90deg,#032239f5,#03223970),url(assets/services-scene.png)}.products-reference{background-image:linear-gradient(90deg,#032239f5,#03223970),url(assets/products-scene.png)}}

.commitment-cta .cta-button{left:81%;top:30%;width:15%;height:20%}.product-cta .cta-button{left:5.2%;bottom:14%;width:17%;height:21%}
