:root{--navy:#0a2855;--blue:#0b59c6;--blue2:#0d7fe7;--muted:#405977;--line:#dce9f8;--paper:#f6fbff;--wrap:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font:16px/1.48 Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00a5ff;outline-offset:3px}.wrap{width:min(calc(100% - 72px),var(--wrap));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;padding:9px 14px;background:var(--blue);color:#fff}.skip-link:focus{top:12px}main [id]{scroll-margin-top:94px}

.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #d8e7f8;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:24px;min-height:76px}.brand{display:flex;align-items:center;gap:13px;min-width:292px}.brand-mark{display:grid;place-items:center;flex:0 0 60px;width:60px;height:50px;clip-path:polygon(16% 7%,88% 0,100% 89%,10% 100%,0 18%);background:var(--blue);color:white;font-weight:900;font-size:1rem;letter-spacing:-.03em}.brand-name{display:grid;padding-left:12px;border-left:1px solid #a8cbef;line-height:1.18}.brand-name strong{font-size:.97rem;letter-spacing:-.02em}.brand-name small{margin-top:4px;color:#496481;font-size:.75rem}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.main-nav a{position:relative;padding:27px 0;color:#173864;font-size:.84rem;font-weight:750;white-space:nowrap}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--blue);transition:right .2s}.main-nav a:hover::after,.main-nav a.active::after{right:0}.nav-cta{display:flex;align-items:center;justify-content:center;gap:17px;margin-left:10px;min-height:42px;padding:10px 18px;border-radius:8px;background:var(--blue);color:#fff;font-size:.8rem;font-weight:750;white-space:nowrap;box-shadow:0 8px 20px rgba(11,89,198,.14)}.nav-cta:hover,.btn-primary:hover{background:#074fae}.menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid #d5e4f6;border-radius:8px;background:white}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--navy)}

.hero{position:relative;isolation:isolate;min-height:588px;overflow:hidden;background:#e8f5ff}.hero-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 20%,rgba(255,255,255,.79) 34%,rgba(255,255,255,.32) 48%,rgba(255,255,255,0) 63%)}.hero-layout{position:relative;min-height:588px}.hero-copy{position:relative;z-index:2;width:min(49%,560px);padding:60px 0 94px}.eyebrow{margin:0 0 9px;color:#0a4ca7;font-size:.72rem;line-height:1.38;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.hero h1{margin:0;color:#092955;font-size:clamp(3rem,4.25vw,4.45rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.hero h1 span{color:#0b58bd}.hero-lead{max-width:470px;margin:19px 0 0;font-size:1.07rem;font-weight:550;line-height:1.34}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:45px;padding:10px 21px;border-radius:8px;border:1.5px solid var(--blue);font-size:.88rem;font-weight:760;white-space:nowrap;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(8,79,168,.13)}.btn-primary{background:var(--blue);color:white}.btn-outline{background:rgba(255,255,255,.96);color:var(--blue)}.btn-small{font-size:.78rem;min-height:38px;padding:8px 15px}.hero-callout{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:150px;padding:9px 12px;border:1px solid #dce9fa;border-radius:9px;background:rgba(255,255,255,.97);box-shadow:0 7px 19px rgba(5,43,89,.15);font-size:.74rem;line-height:1.2;font-weight:850}.hero-callout svg{flex:0 0 23px;width:23px;height:23px;fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero-callout:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(5,43,89,.22)}.callout-jetty{left:42%;top:20%}.callout-network{right:8%;top:13%}.callout-tank{left:49%;top:39%}.callout-security{right:3%;top:34%}.callout-workforce{right:7%;top:52%}.hero-disclosure{position:absolute;right:15px;bottom:9px;z-index:4;margin:0;padding:3px 7px;border-radius:4px;background:rgba(255,255,255,.75);color:#244566;font-size:.6rem}

.benefits{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);min-height:77px;margin-top:-36px;border:1px solid #d6e7f8;border-radius:11px;background:#fff;box-shadow:0 8px 21px rgba(20,91,161,.11)}.benefits>div{display:flex;align-items:center;gap:15px;padding:10px 25px;position:relative}.benefits>div:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#c8ddf5}.benefits strong{font-size:.82rem;line-height:1.18}.round-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff}.round-icon svg,.service-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.section{padding:26px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:15px}.section-head h2{max-width:950px;margin:0;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.14;letter-spacing:-.035em}.section-head-action .btn{margin-bottom:1px}.section-head p:not(.eyebrow){max-width:700px;margin:6px 0 0;color:#34506f;font-size:.91rem;line-height:1.42}
.main-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.main-service-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:10px;min-height:266px;padding:16px 16px 14px 14px;overflow:hidden;border:1px solid #d8e7f9;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(30,93,153,.07)}.main-service-card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.84) 62%,rgba(255,255,255,.1) 100%),var(--service-image);background-size:cover;background-position:right center}.main-service-card>*{position:relative;z-index:1}.service-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--blue);color:#fff}.main-service-copy h3{margin:1px 0 2px;color:#0b50b2;font-size:1rem;line-height:1.2}.main-service-copy p{max-width:210px;min-height:37px;margin:0;font-size:.74rem;line-height:1.28}.check-list{margin:7px 0 0;padding:0;list-style:none}.check-list li{position:relative;min-height:19px;padding-left:20px;font-size:.76rem;line-height:1.3}.check-list li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--blue);color:#fff;font-size:.56rem;font-weight:900}.main-service-copy>a,.specific-body>a,.banner-copy>a{display:inline-flex;gap:6px;margin-top:9px;color:var(--blue);font-size:.76rem;font-weight:850}.main-service-copy>a:hover,.specific-body>a:hover,.banner-copy>a:hover{text-decoration:underline}

.specific-solutions{padding-top:25px}.specific-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.specific-card{overflow:hidden;border:1px solid #d8e7f9;border-radius:10px;background:white;box-shadow:0 5px 16px rgba(30,93,153,.07)}.specific-photo{width:100%;height:158px;object-fit:cover}.specific-card:nth-child(3) .specific-photo,.specific-card:nth-child(4) .specific-photo{object-position:center 42%}.specific-body{min-height:273px;padding:10px 13px 13px}.specific-title{display:flex;align-items:start;gap:8px}.specific-title .round-icon{flex-basis:40px;width:40px;height:40px;margin-top:-25px;border:3px solid #fff}.specific-title .round-icon svg{width:20px;height:20px}.specific-title h3{margin:0;font-size:.88rem;line-height:1.15}.specific-title p{min-height:47px;margin:4px 0 0;font-size:.69rem;line-height:1.23}.specific-body .check-list{margin:7px 0 0}.specific-body .check-list li{font-size:.74rem;min-height:20px}.specific-body>a{margin-top:8px}.image-note{margin:8px 0 0;color:#607995;font-size:.66rem;line-height:1.35}.bracelet-note{display:flex;align-items:center;gap:20px;margin:15px 0;padding:9px 20px;min-height:128px;border:1px solid #d9e9fa;border-radius:9px;background:#f6fbff}.bracelet-note>img{flex:0 0 116px;width:116px;height:108px;object-fit:contain}.bracelet-note .eyebrow{font-size:.6rem}.bracelet-note h3{margin:0;font-size:1.02rem}.bracelet-note p:last-child{max-width:800px;margin:4px 0 0;color:#45617d;font-size:.77rem}.data-center-banner{position:relative;isolation:isolate;min-height:184px;overflow:hidden;border:1px solid #d7e6f8;border-radius:10px;background:#e2f1ff}.data-center-banner>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.data-center-banner::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 37%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.05) 78%)}.banner-copy{display:grid;grid-template-columns:60px 1fr;column-gap:12px;max-width:560px;padding:15px}.banner-copy .service-icon{grid-row:span 4;width:50px;height:50px}.banner-copy h3{margin:0;color:#0b50b2;font-size:1.26rem}.banner-copy p{margin:3px 0;font-size:.78rem}.banner-copy .check-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:5px}.banner-copy .check-list li{font-size:.72rem}.banner-copy>a{grid-column:2;margin-top:5px}

.safety-section{padding-top:24px}.safety-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.safety-grid>div{display:grid;align-content:center;justify-items:center;gap:7px;min-height:125px;padding:10px 6px;border:1px solid #d9e8f9;border-radius:9px;background:#fff;text-align:center;box-shadow:0 5px 13px rgba(28,91,156,.06)}.safety-icon{display:grid;place-items:center;width:45px;height:45px;border:3px solid currentColor;border-radius:50%}.safety-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.safety-icon.green{color:#18834e}.safety-icon.yellow{color:#c19a00}.safety-icon.black{color:#1d2d3d}.safety-icon.red{color:#d2373c}.safety-icon.blue{color:var(--blue)}.safety-grid strong{max-width:140px;font-size:.74rem;line-height:1.23}

.industries-section{padding-top:25px}.industry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.industry-grid article{overflow:hidden;border:1px solid #d8e7f9;border-radius:9px;background:#fff;box-shadow:0 5px 14px rgba(26,92,159,.07)}.industry-grid img{width:100%;height:105px;object-fit:cover}.industry-grid h3{min-height:38px;display:grid;place-items:center;margin:0;padding:6px;color:#0a3770;font-size:.79rem;line-height:1.1;text-align:center}.industry-grid article:first-child img{filter:saturate(.83)}

.client-section{padding:25px 0 29px}.client-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:12px}.client-head h2{margin:0;font-size:1.55rem;line-height:1.14;letter-spacing:-.03em}.client-head>p{max-width:465px;margin:0;color:#55708c;font-size:.78rem}.client-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #dce8f6;border-radius:9px;background:#dce8f6}.client-logos img{width:100%;height:76px;padding:12px;object-fit:contain;background:#fff}.all-brands{margin-top:9px;border:1px solid #dce8f6;border-radius:8px;background:#fff}.all-brands summary{display:flex;justify-content:space-between;padding:10px 14px;color:var(--blue);font-size:.76rem;font-weight:850;cursor:pointer}.all-brands img{width:min(100%,994px);height:auto;margin:0 auto;padding:12px}.client-footnote{margin:7px 0 0;color:#607995;font-size:.64rem}

.contact-section{position:relative;overflow:hidden;margin-top:7px;border-radius:22px 22px 0 0;background:linear-gradient(120deg,#074cae,#0e6dd2 67%,#0b438e);color:#fff}.contact-section::after{content:"";position:absolute;right:-90px;bottom:-140px;width:450px;height:300px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 74px rgba(255,255,255,.025)}.contact-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:118px;padding-block:17px}.contact-section .eyebrow{color:#c5e5ff;font-size:.65rem}.contact-section h2{margin:0;font-size:1.55rem;line-height:1.12}.contact-section p:last-child{max-width:750px;margin:5px 0 0;font-size:.79rem}.btn-white{border-color:#fff;background:#fff;color:#0a4fae}.site-footer{background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px}.footer-inner .brand{min-width:250px}.footer-inner .brand-mark{flex-basis:43px;width:43px;height:36px;font-size:.72rem}.footer-inner .brand-name strong{font-size:.79rem}.footer-inner .brand-name small{font-size:.63rem}.footer-inner nav{display:flex;gap:17px}.footer-inner nav a{font-size:.7rem}.footer-inner>small{color:#58728f;font-size:.66rem;text-align:right}

@media(max-width:1180px){.wrap{width:min(calc(100% - 42px),var(--wrap))}.header-inner{gap:12px}.brand{min-width:245px}.brand-mark{flex-basis:52px;width:52px;height:44px}.brand-name strong{font-size:.84rem}.brand-name small{font-size:.67rem}.main-nav{gap:17px}.main-nav a{font-size:.76rem}.nav-cta{padding:9px 12px;font-size:.74rem}.hero-copy{width:51%}.hero h1{font-size:clamp(2.65rem,4.4vw,3.8rem)}.main-service-card{grid-template-columns:42px 1fr}.service-icon{width:39px;height:39px}.main-service-copy h3{font-size:.91rem}.specific-title h3{font-size:.8rem}}
@media(max-width:950px){.nav-cta{display:none}.header-inner{min-height:68px}.main-nav{gap:14px}.hero{min-height:540px}.hero-layout{min-height:540px}.hero-copy{padding-top:58px;width:52%}.hero h1{font-size:clamp(2.55rem,5vw,3.35rem)}.hero-lead{font-size:.92rem}.hero-callout{min-width:0;font-size:.62rem;padding:6px 8px}.hero-callout svg{width:19px;height:19px;flex-basis:19px}.benefits>div{padding:9px 13px;gap:8px}.benefits strong{font-size:.71rem}.specific-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specific-photo{height:180px}.specific-body{min-height:250px}.safety-grid{grid-template-columns:repeat(4,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.industry-grid img{height:140px}.client-logos{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.site-header{position:relative}.header-inner{min-height:64px}.brand{min-width:0}.brand-mark{flex-basis:44px;width:44px;height:38px;font-size:.77rem}.brand-name strong{font-size:.8rem}.brand-name small{font-size:.64rem}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:18px;right:18px;z-index:40;margin:0;padding:10px;border:1px solid #d4e5f8;border-radius:9px;background:#fff;box-shadow:0 14px 27px rgba(18,70,125,.16)}.main-nav.open{display:grid;gap:0}.main-nav a{padding:11px;font-size:.87rem}.main-nav a::after{display:none}.hero{display:flex;flex-direction:column;min-height:0;background:#f3faff}.hero-art{position:relative;order:2;width:100%;height:330px;object-position:68% 68%}.hero-wash{display:none}.hero-layout{order:1;min-height:0}.hero-copy{width:100%;max-width:580px;padding:38px 0 25px}.hero h1{font-size:clamp(2.5rem,8vw,3.4rem)}.hero-lead{max-width:520px}.hero-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:10px}.hero-callout{position:static;min-height:42px;font-size:.65rem;box-shadow:none}.hero-disclosure{bottom:5px;right:5px;font-size:.5rem}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;border-radius:0}.benefits>div{min-height:66px;border-bottom:1px solid #d7e6f8}.benefits>div:nth-child(2)::after{display:none}.section{padding-top:34px}.section-head{align-items:start}.section-head h2{font-size:1.66rem}.main-service-grid{grid-template-columns:1fr}.main-service-card{min-height:220px;grid-template-columns:49px 1fr}.main-service-copy h3{font-size:1rem}.specific-solutions{padding-top:34px}.banner-copy{max-width:100%;background:rgba(255,255,255,.78)}.data-center-banner>img{object-position:70%}.data-center-banner::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 62%,rgba(255,255,255,.18) 100%)}.client-head{display:block}.client-head>p{margin-top:7px}.contact-inner{display:block;padding-block:22px}.contact-inner .btn{margin-top:16px}.footer-inner{flex-wrap:wrap;padding-block:16px}.footer-inner nav{order:3;width:100%;flex-wrap:wrap}.footer-inner>small{margin-left:auto}}
@media(max-width:480px){.wrap{width:min(calc(100% - 26px),var(--wrap))}.hero h1{font-size:clamp(2.22rem,9vw,2.7rem)}.hero-lead{font-size:.92rem}.hero-actions{gap:8px}.hero-actions .btn{font-size:.78rem;min-height:43px;padding:9px 12px}.hero-art{height:255px}.hero-callout{font-size:.58rem;gap:5px}.hero-callout svg{width:17px;height:17px;flex-basis:17px}.benefits .round-icon{flex-basis:33px;width:33px;height:33px}.benefits .round-icon svg{width:18px;height:18px}.benefits strong{font-size:.65rem}.section-head-action{display:block}.section-head-action .btn{margin-top:10px}.specific-grid{grid-template-columns:1fr}.specific-photo{height:180px}.specific-body{min-height:0}.bracelet-note{gap:10px;padding:7px 9px}.bracelet-note>img{flex-basis:88px;width:88px;height:100px}.bracelet-note h3{font-size:.86rem}.bracelet-note p:last-child{font-size:.68rem}.banner-copy{grid-template-columns:45px 1fr;padding:12px}.banner-copy .service-icon{width:39px;height:39px}.banner-copy h3{font-size:1rem}.banner-copy p{font-size:.7rem}.banner-copy .check-list{grid-template-columns:1fr}.safety-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid img{height:100px}.industry-grid h3{font-size:.68rem}.client-logos img{height:61px;padding:8px}.contact-section h2{font-size:1.3rem}}

/* Brochure-aligned service imagery, supplied brand mark, and visible trust signals. */
.brand-mark{overflow:hidden;clip-path:none;background:#fff;color:transparent}
.brand-mark img{width:105%;height:auto;max-width:none;flex:none}
.hero,.hero-layout{min-height:665px}
.hero-copy{padding-bottom:36px}
.hero-certification{max-width:455px;margin-top:26px;padding:11px 17px 10px;border:1px solid rgba(55,114,184,.22);border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(14,82,147,.09)}
.hero-certification>span{display:block;margin-bottom:5px;color:#194b85;font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.hero-certification img{width:100%;height:auto}
.main-service-card::before{right:0;left:auto;width:64%;background-image:var(--service-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.main-service-card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.85) 56%,rgba(255,255,255,.12) 84%,rgba(255,255,255,.05) 100%)}
.main-service-card>*{z-index:1}
.specific-visual{position:relative;height:180px;overflow:hidden}
.specific-visual .specific-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.specific-visual-cctv{background:linear-gradient(135deg,#f8fcff,#e7f3ff)}
.specific-visual-gps{background:linear-gradient(135deg,#f8fcff,#eaf6ee)}
.specific-visual-gps .specific-photo{padding:5px}
.specific-body{position:relative;z-index:1}
@media(min-width:481px){.specific-body{min-height:228px}}
.all-brands{overflow:hidden;margin-top:12px;border:1px solid #cfe1f5;border-radius:10px;background:#f7fbff}
.all-brands summary{align-items:center;gap:18px;padding:15px 20px;font-size:.86rem}
.all-brands summary>span:first-child{display:grid;gap:2px}
.all-brands summary strong{font-size:.91rem}
.all-brands summary small{color:#527193;font-size:.72rem;font-weight:550}
.all-brands summary>span:last-child{font-size:1.4rem;line-height:1}
.all-brands[open] summary{border-bottom:1px solid #dce8f6}
.all-brands img{width:min(100%,850px);padding:22px}
.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
.client-logos img{height:92px;padding:10px 14px}
.client-logo-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:15px;border:1px solid #dfebf7;border-radius:8px;overflow:hidden;background:#dfebf7}
.client-logo-gallery img{width:100%;height:84px;margin:0;padding:10px;object-fit:contain;background:#fff}
.portfolio-source{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 16px;padding:11px 0;border-top:1px solid #dce8f6;color:#506b88;font-size:.75rem}
.portfolio-source p{margin:0}
.portfolio-source a{flex:none;color:var(--blue);font-weight:800}
.portfolio-source a:hover{text-decoration:underline}
.all-brands .portfolio-sheet{width:min(calc(100% - 32px),700px);height:auto;margin:0 auto 16px;padding:0;border:1px solid #e3eaf4;background:#fff}
.quality-section{padding:21px 0 25px;background:#f6fbff;border-top:1px solid #e3eef9}
.quality-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:34px;padding:20px 26px;border:1px solid #d8e8f8;border-radius:11px;background:#fff}
.quality-inner h2{margin:0;font-size:1.46rem;line-height:1.17;letter-spacing:-.03em}
.quality-inner p:last-child{max-width:540px;margin:7px 0 0;color:#4d6681;font-size:.82rem}
.quality-inner img{width:100%;height:auto}
.skip-link{top:0;transform:translateY(-200%)}
.skip-link:focus{top:0;transform:none}
@media(max-width:950px){.hero,.hero-layout{min-height:665px}.hero-copy{width:53%}.hero-certification{padding:8px 11px}.quality-inner{grid-template-columns:1fr 420px;gap:20px}.client-logo-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.hero{min-height:0}.hero-layout{min-height:0}.hero-copy{width:100%;padding-bottom:22px}.hero-certification{max-width:455px;margin-top:18px}.quality-inner{grid-template-columns:1fr;gap:12px}.quality-inner img{max-width:520px}.client-logo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.hero-certification{max-width:100%;padding:8px 10px}.main-service-card::before{width:63%}.main-service-card::after{background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.88) 60%,rgba(255,255,255,.15) 100%)}.quality-inner{padding:16px}.all-brands summary{padding:13px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logos img{height:75px}.client-logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-source{display:block}.portfolio-source a{display:inline-block;margin-top:6px}}

/* Keep the hero focused and show service work rather than generic facilities. */
.hero,.hero-layout{min-height:588px}
.hero-copy{padding-bottom:94px}
.main-service-card:nth-child(2)::before{background-position:68% center}
.main-service-card:nth-child(3)::before{background-position:63% center}
#cctv>.specific-photo{object-position:center 44%}
.specific-visual-gps{background:linear-gradient(90deg,rgba(12,44,35,.12),rgba(12,44,35,.28)),url('assets/industry-plantation.jpeg') center 53%/cover no-repeat}
.specific-visual-gps::before{content:"";position:absolute;right:3%;top:8%;width:53%;height:84%;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 8px 20px rgba(7,45,28,.15)}
.specific-visual-gps .specific-photo{left:auto;right:5%;width:49%;height:100%;padding:9px;object-fit:contain}
.data-center-banner{display:grid;grid-template-columns:46% 54%;min-height:230px;isolation:auto;background:#fff}
.data-center-banner::after{display:none}
.data-center-banner>img{position:static;z-index:0;width:100%;height:240px;min-height:0;object-fit:cover;object-position:28% 44%}
.data-center-banner .banner-copy{align-content:center;max-width:none;padding:22px 27px}
@media(max-width:950px){.hero,.hero-layout{min-height:588px}.data-center-banner{grid-template-columns:43% 57%}.data-center-banner .banner-copy{padding:17px}}
@media(max-width:700px){.hero,.hero-layout{min-height:0}.hero-copy{padding-bottom:25px}.data-center-banner{grid-template-columns:1fr}.data-center-banner>img{height:190px;min-height:0;object-position:28% 45%}.data-center-banner .banner-copy{background:#fff;padding:18px}}
@media(max-width:480px){.data-center-banner>img{height:176px}.data-center-banner .banner-copy{padding:16px}.specific-visual-gps::before{right:4%;width:50%}.specific-visual-gps .specific-photo{right:6%;width:46%}}

/* About AIMS, authentic field work, and tighter service cards. */
.brand-mark{position:relative;display:block;flex:0 0 56px;width:56px;height:56px;overflow:hidden;clip-path:none;background:transparent}
.brand-mark img{position:absolute;top:50%;left:50%;width:127%;height:auto;max-width:none;transform:translate(-50%,-50%);mix-blend-mode:multiply;filter:brightness(1.055) contrast(1.025)}
.footer-inner .brand-mark{flex-basis:43px;width:43px;height:43px}
.main-service-card{min-height:0}
.specific-card{display:flex;flex-direction:column}
.specific-body{display:flex;flex:1;flex-direction:column;min-height:0}
.specific-body>a{margin-top:auto;padding-top:9px}
@media(min-width:481px){.specific-body{min-height:0}}

.about-section{padding:48px 0 0}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:54px;align-items:center;padding:34px;border:1px solid #d8e8f8;border-radius:16px;background:linear-gradient(115deg,#fff 0%,#fff 48%,#eff7ff 100%);box-shadow:0 12px 30px rgba(18,76,137,.07)}
.about-copy h2{max-width:570px;margin:0 0 18px;font-size:clamp(2rem,3vw,2.75rem);line-height:1.09;letter-spacing:-.045em}
.about-copy>p:not(.eyebrow){max-width:575px;margin:0 0 17px;color:#4d6480;font-size:.98rem;line-height:1.55}
.about-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.about-highlights span{padding:8px 12px;border:1px solid #cfe0f4;border-radius:100px;background:#fff;color:#1b477e;font-size:.74rem;font-weight:760}
.about-visual{position:relative;height:410px;margin-right:65px}
.about-main-photo{width:100%;height:100%;border-radius:12px;object-fit:cover;object-position:center 48%}
.about-year{position:absolute;top:18px;right:-48px;display:grid;gap:2px;min-width:142px;padding:14px 19px;border-radius:11px;background:#0b59c6;color:#fff;box-shadow:0 10px 25px rgba(8,55,121,.23)}
.about-year strong{font-size:2rem;line-height:1;font-weight:830}
.about-year span{font-size:.74rem}
.about-team-photo{position:absolute;right:-65px;bottom:-20px;width:53%;height:160px;padding:5px;border-radius:13px;background:#fff;object-fit:cover;object-position:center 45%;box-shadow:0 11px 30px rgba(8,44,91,.2)}
.team-section{padding:46px 0 0}
.team-head{align-items:end;gap:36px}
.team-head>p{max-width:410px;margin:0 0 3px!important;color:#4d6480!important;font-size:.85rem!important}
.team-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.team-tile{position:relative;min-width:0;height:270px;margin:0;overflow:hidden;border-radius:10px;background:#d6e7f7}
.team-tile-wide{grid-column:span 2}
.team-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.team-tile:hover img{transform:scale(1.025)}
.team-tile::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,24,55,.82));pointer-events:none}
.team-tile figcaption{position:absolute;z-index:1;right:15px;bottom:14px;left:15px;display:grid;gap:3px;color:white}
.team-tile figcaption strong{font-size:1rem;line-height:1.2}
.team-tile figcaption span{font-size:.72rem;line-height:1.3}
.team-tile:nth-child(2) img{object-position:center 44%}
.team-tile:nth-child(3) img{object-position:center 38%}
.team-tile:nth-child(4) img{object-position:center 42%}
.team-tile:nth-child(5) img{object-position:center 38%}
@media(max-width:950px){.about-layout{gap:30px;padding:25px}.about-visual{height:355px;margin-right:42px}.about-team-photo{right:-42px;width:59%;height:133px}.about-year{right:-28px}.team-tile{height:235px}}
@media(max-width:700px){.brand-mark{flex-basis:44px;width:44px;height:44px}.about-section{padding-top:37px}.about-layout{grid-template-columns:1fr;gap:18px;padding:22px}.about-copy h2{font-size:2rem}.about-copy>p:not(.eyebrow){font-size:.9rem}.about-visual{height:340px;margin:0 35px 17px 0}.about-year{right:-27px;top:12px}.about-team-photo{right:-35px;bottom:-13px;width:55%;height:135px}.team-section{padding-top:39px}.team-head{display:block}.team-head>p{margin-top:9px!important}.team-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.team-tile-wide{grid-column:span 2}.team-tile{height:230px}}
@media(max-width:480px){.about-layout{padding:18px}.about-copy h2{font-size:1.78rem}.about-visual{height:280px;margin-right:24px}.about-team-photo{right:-24px;width:61%;height:115px}.about-year{right:-17px;min-width:104px;padding:10px 12px}.about-year strong{font-size:1.45rem}.team-gallery{grid-template-columns:1fr;gap:10px}.team-tile,.team-tile-wide{grid-column:span 1;height:225px}.team-tile:nth-child(3){height:245px}}

/* Real AIMS personnel and a cohesive field-service visual for the bracelet. */
.main-service-card:nth-child(2)::before{background-position:55% 40%}
.specific-visual-gps{height:158px;background:linear-gradient(90deg,rgba(4,50,35,.96) 0%,rgba(3,56,37,.76) 47%,rgba(5,63,40,.28) 100%),url('assets/industry-plantation.jpeg') center 53%/cover no-repeat}
.specific-visual-gps::before{right:6%;top:9%;width:49%;height:82%;border:0;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(26px);box-shadow:none}
.specific-visual-gps .specific-photo{z-index:1;top:0;right:3%;left:auto;width:59%;height:100%;padding:3px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}
.gps-visual-label{position:absolute;z-index:2;top:32%;left:15px;max-width:39%;color:#fff;font-size:.89rem;line-height:1.16;font-weight:830;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.4)}
@media(max-width:950px){.specific-visual-gps{height:180px}.specific-visual-gps .specific-photo{right:7%;width:56%}}
@media(max-width:480px){.specific-visual-gps::before{right:9%;width:47%}.specific-visual-gps .specific-photo{right:10%;width:52%}.gps-visual-label{top:34%;left:18px;font-size:1rem}}

/* Restrained editorial About layout, aligned solution photography, and complete logo rows. */
.about-section{padding-top:43px}
.about-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:56px;align-items:center;padding:0 0 28px;border:0;border-bottom:1px solid #dce9f8;border-radius:0;background:#fff;box-shadow:none}
.about-copy h2{max-width:520px;margin-bottom:16px;font-size:clamp(2rem,3vw,2.7rem)}
.about-copy>p:not(.eyebrow){max-width:525px;margin-bottom:12px;font-size:.96rem}
.about-proof{display:flex;align-items:center;gap:18px;margin-top:24px;padding-top:17px;border-top:1px solid #d7e6f7}
.about-proof strong{color:var(--blue);font-size:2.55rem;line-height:1;letter-spacing:-.06em}
.about-proof span{color:#49617d;font-size:.74rem;line-height:1.42}
.about-proof b{color:var(--navy);font-weight:750}
.about-link{display:inline-flex;align-items:center;gap:9px;margin-top:20px;color:var(--blue);font-size:.82rem;font-weight:800}
.about-link:hover{text-decoration:underline}
.about-visual{height:auto;margin:0;overflow:hidden;border:1px solid #d8e8f8;border-radius:10px;background:#fff}
.about-main-photo{width:100%;height:360px;border-radius:0;object-fit:cover;object-position:center 48%}
.about-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:55px;padding:11px 15px;border-top:1px solid #e3edf8}
.about-visual figcaption span{color:var(--blue);font-size:.68rem;font-weight:880;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.about-visual figcaption strong{color:#294665;font-size:.76rem;font-weight:650;text-align:right}
.team-section{padding-top:35px}
#gps>.specific-photo{object-position:center 50%}
.data-center-banner{grid-template-columns:55% 45%;height:255px;min-height:0}
.data-center-banner .banner-copy{max-width:none;padding:23px 29px}
.data-center-banner>img{width:100%;height:255px;min-height:0;object-fit:cover;object-position:center 41%}
.client-logo-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:950px){.about-layout{gap:30px;padding:0 0 24px}.about-main-photo{height:310px}.about-visual{height:auto;margin:0}.data-center-banner{grid-template-columns:53% 47%}.data-center-banner>img{height:255px;min-height:0;object-position:center 42%}}
@media(max-width:700px){.about-section{padding-top:36px}.about-layout{grid-template-columns:1fr;gap:21px;padding:0 0 20px}.about-copy h2{font-size:2rem}.about-copy>p:not(.eyebrow){font-size:.9rem}.about-visual{height:auto;margin:0}.about-main-photo{height:310px}.about-visual figcaption{min-height:49px}.team-section{padding-top:31px}.data-center-banner{grid-template-columns:1fr;height:auto}.data-center-banner>img{order:-1;height:200px;min-height:0;object-position:center 40%}.data-center-banner .banner-copy{padding:19px}.client-logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.about-copy h2{font-size:1.82rem}.about-main-photo{height:250px}.about-visual figcaption{display:block}.about-visual figcaption strong{display:block;margin-top:3px;text-align:left}.about-proof strong{font-size:2.25rem}.data-center-banner>img{height:185px}.data-center-banner .banner-copy{padding:16px}}

/* Five brochure-led solution cards: one row on wide screens, balanced rows below. */
.specific-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#dfms>.specific-photo{object-position:center 48%}
@media(min-width:951px) and (max-width:1180px){.specific-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.specific-card{grid-column:span 2}.specific-card:nth-child(4),.specific-card:nth-child(5){grid-column:span 3}}
@media(min-width:481px) and (max-width:950px){.specific-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specific-card:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr)}.specific-card:nth-child(5)>.specific-photo{height:100%;min-height:235px}.specific-card:nth-child(5) .specific-body{padding:17px 20px 16px}.specific-card:nth-child(5) .specific-title .round-icon{margin-top:0}}
@media(max-width:480px){.specific-grid{grid-template-columns:1fr}.specific-card:nth-child(5){grid-column:auto}}

/* Official square AIMS artwork: no cropping, blending, filtering, or distortion. */
.brand-mark{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;overflow:hidden;background:#fff}
.brand-mark img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;filter:none;mix-blend-mode:normal}
.footer-inner .brand-mark{flex-basis:44px;width:44px;height:44px}

/* Give all five brochure headings the same clear blue hierarchy as the service banner. */
.specific-body{padding:10px 15px 15px}
.specific-title{display:block}
.specific-title .round-icon{margin-top:-29px}
.specific-title>div{margin-top:8px}
.specific-title h3{min-height:2.36em;color:#0b50b2;font-size:1.12rem;line-height:1.18;font-weight:820;letter-spacing:-.025em}
.specific-title p{min-height:0;margin:5px 0 0;font-size:.72rem;line-height:1.35}
.specific-body .check-list{margin-top:11px}

/* Frame the technician and cabling pathway together in the supplied photograph. */
.data-center-banner>img{object-position:center 48%}
.team-tile:nth-child(5) img{object-position:center 72%}
.portfolio-source{justify-content:flex-end}
@media(max-width:700px){.brand-mark{flex-basis:44px;width:44px;height:44px}.data-center-banner>img{object-position:center 51%}}
@media(max-width:480px){.specific-title h3{min-height:0;font-size:1.16rem}.specific-title>div{margin-top:9px}}

/* One consistent blue heading treatment across main, IoT, and data-center services. */
.main-service-copy h3,.specific-title h3,.banner-copy h3{color:#0b50b2;font-size:1.16rem;font-weight:820;line-height:1.18;letter-spacing:-.025em}

/* Standalone brochure pages: breadcrumb, intro, framed document viewer, and download actions. */
.brochure-crumb{padding:16px 0}
.brochure-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#55708c;font-size:.79rem}
.brochure-crumb a{color:var(--blue);font-weight:750}
.brochure-crumb a:hover{text-decoration:underline}
.brochure-crumb span[aria-hidden]{color:#9db3c9}
.brochure-hero{padding:6px 0 8px}
.brochure-hero .brochure-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:var(--blue);color:#fff}
.brochure-hero .brochure-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.brochure-hero h1{max-width:760px;margin:0;color:var(--navy);font-size:clamp(1.85rem,3.1vw,2.5rem);line-height:1.12;letter-spacing:-.035em}
.brochure-hero p{max-width:620px;margin:12px 0 0;color:#40597a;font-size:.98rem;line-height:1.5}
.brochure-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.brochure-actions .btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brochure-viewer{display:flex;justify-content:center;margin:28px 0 8px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.brochure-sheet{width:100%;max-width:680px;margin:0;overflow:hidden;border:1px solid #e3edf8;border-radius:10px;background:#fff;box-shadow:0 20px 48px rgba(10,40,85,.14)}
.brochure-sheet img{display:block;width:100%;height:auto}
.brochure-meta{max-width:680px;margin:14px auto 54px;color:#5b7591;font-size:.78rem;text-align:center;line-height:1.5}
@media(max-width:700px){.brochure-viewer{padding:16px;border-radius:14px}.brochure-hero h1{font-size:1.7rem}.brochure-actions .btn{flex:1 1 auto;justify-content:center}}
