
:root{
  --navy:#071d2b;--navy2:#0b2b3f;--gold:#e8b33f;--gold2:#c99221;
  --ink:#122634;--muted:#65747d;--light:#f5f8fa;--white:#fff;
  --border:#e2e8eb;--shadow:0 18px 50px rgba(7,29,43,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit} img{display:block;width:100%}
.container{width:min(1120px,92%);margin:auto}
.topbar{background:#051620;color:#b9c6cd;font-size:12px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between}
header{position:sticky;top:0;z-index:50;background:rgba(4,20,30,.97);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;color:#fff}
.logo-mark{width:58px;height:42px;object-fit:contain;border:0;border-radius:0;display:block}
.logo strong{display:block;font-size:17px;letter-spacing:.5px}
.logo small{display:block;color:#aebbc2;font-size:9px;letter-spacing:2px}
.navlinks{display:flex;gap:27px;align-items:center;color:#e9eef1;font-size:13px}
.navlinks a:hover,.navlinks a.active{color:var(--gold)}
.navcta{background:var(--gold);color:#132634;padding:11px 18px;border-radius:3px;font-weight:700}
.menu{display:none;color:#fff;font-size:27px;cursor:pointer}
.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,19,29,.96),rgba(3,19,29,.72),rgba(3,19,29,.25)),url("https://images.unsplash.com/photo-1569263979104-865ab7cd8d13?auto=format&fit=crop&w=2000&q=85") center/cover}
.hero-content{max-width:720px;color:#fff;padding:90px 0}
.eyebrow,.label{color:var(--gold2);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:800}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.04;margin:15px 0 22px}
.hero h1 span{color:var(--gold)}
.hero p{font-size:18px;color:#d4dde2;max-width:650px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:13px 23px;border-radius:3px;font-size:13px;font-weight:800}
.primary{background:var(--gold);color:#132634}.outline{border:1px solid #d9e1e5;color:#fff}.outline:hover{background:#fff;color:var(--ink)}
.stats{background:var(--navy);color:#fff}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:31px 12px;border-right:1px solid rgba(255,255,255,.12)}
.stat:last-child{border:0}.stat b{display:block;color:var(--gold);font-size:36px}.stat span{font-size:12px;color:#b9c6cd}
section{padding:88px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}
.sectionhead>div{max-width:650px}.title{font-size:40px;line-height:1.12;margin-top:8px}.intro{color:var(--muted);max-width:620px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--border);overflow:hidden;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.cardimg{height:220px;overflow:hidden}.cardimg img{height:100%;object-fit:cover;transition:.4s}.card:hover .cardimg img{transform:scale(1.05)}
.cardbody{padding:25px}.cardbody h3{font-size:20px;margin:8px 0}.cardbody p{font-size:14px;color:var(--muted)}.link{display:inline-block;margin-top:18px;color:var(--gold2);font-size:12px;font-weight:800}
.alt{background:var(--light)}
.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.aboutimg{height:500px;object-fit:cover}
.checks{list-style:none;margin:22px 0}.checks li{margin:11px 0;color:#3d4d56}.checks li:before{content:"✓";color:var(--gold2);font-weight:bold;margin-right:10px}
.mission{background:var(--navy);color:#fff}.mission .title{color:#fff}.mission .intro{color:#c4d0d6}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.value{padding:28px;background:#fff;border:1px solid var(--border)}.value h3{margin-bottom:7px}.value p{font-size:14px;color:var(--muted)}
.pagehero{padding:115px 0 75px;background:linear-gradient(90deg,rgba(3,19,29,.95),rgba(3,19,29,.55)),url("https://images.unsplash.com/photo-1516939884455-1445c8652f83?auto=format&fit=crop&w=2000&q=85") center/cover;color:#fff}.pagehero h1{font-size:52px;line-height:1.1;margin-top:10px}.pagehero p{color:#d2dce1;max-width:650px;margin-top:12px}
.project{position:relative;min-height:330px;overflow:hidden}.project img{height:100%;object-fit:cover;position:absolute}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.88))}.projectinfo{position:absolute;z-index:2;bottom:0;padding:25px;color:#fff}.projectinfo small{color:var(--gold);text-transform:uppercase;font-size:10px;letter-spacing:2px}.projectinfo h3{font-size:22px}
.safety{background:var(--navy);color:#fff}.safety .title{color:#fff}.safety .intro{color:#c4d0d6}.points{display:grid;gap:16px;margin-top:28px}.point{display:flex;gap:16px}.num{width:42px;height:42px;min-width:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:bold}.point p{font-size:13px;color:#b9c6cd}
.form{display:grid;gap:15px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form input,.form textarea,.form select{width:100%;border:1px solid #d8e0e4;padding:14px;font:inherit;outline:none;background:#fff}.form textarea{min-height:150px;resize:vertical}.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:55px}.contactitem{margin:20px 0}.contactitem strong{display:block;margin-bottom:3px}.contactitem span{color:var(--muted);font-size:14px}
.cta{background:linear-gradient(90deg,rgba(5,25,38,.94),rgba(5,25,38,.75)),url("https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff}.ctabox{display:flex;align-items:center;justify-content:space-between;gap:30px}.ctabox h2{font-size:38px;line-height:1.1}.ctabox p{color:#c5d0d6;margin-top:7px}
footer{background:#04131c;color:#fff;padding:65px 0 22px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}footer p,footer a,footer span{color:#94a3ab;font-size:13px}.footerbrand p{margin-top:17px;max-width:300px}.footercol h4{margin-bottom:17px}.footercol a{display:block;margin:9px 0}.footercol a:hover{color:var(--gold)}.bottom{padding-top:20px;display:flex;justify-content:space-between;color:#73828a;font-size:11px}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:850px){.navlinks{position:absolute;display:none;left:0;right:0;top:78px;background:var(--navy);padding:20px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.navcta{display:none}.grid3,.values{grid-template-columns:1fr 1fr}.aboutgrid,.contactgrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.ctabox{display:block}.ctabox .btn{margin-top:22px}}
@media(max-width:560px){.topbar{display:none}.nav{height:70px}.navlinks{top:70px}.statsgrid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.grid3,.grid2,.values,.formgrid,.footergrid{grid-template-columns:1fr}.sectionhead{display:block}.sectionhead .intro{margin-top:15px}.title{font-size:33px}.hero h1{font-size:44px}.pagehero h1{font-size:40px}.aboutimg{height:350px}.bottom{display:block}.bottom div+div{margin-top:8px}}

/* Uploaded company logo */
.logo-image{width:48px;height:44px;object-fit:contain;object-position:center;flex:0 0 48px}
.logo-image-footer{width:52px;height:46px;object-fit:contain;object-position:center;flex:0 0 52px}

/* Brand-focused refinements */
.brand img{width:48px;height:44px;object-fit:contain;object-position:center;flex:0 0 48px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}.brand:hover img{transform:scale(1.03);transition:.25s}.navlinks{letter-spacing:.15px}.navlinks a{position:relative;padding:30px 0}.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:linear-gradient(90deg,#ffd12a,#1687ff,#ef233c);transform:scaleX(0);transform-origin:center;transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{transform:scaleX(1)}.primary{background:linear-gradient(135deg,#ffd21f,#f2aa12);box-shadow:0 8px 22px rgba(232,179,63,.22)}.primary:hover{transform:translateY(-2px)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 28%,rgba(0,132,255,.15),transparent 28%),radial-gradient(circle at 70% 70%,rgba(239,35,60,.10),transparent 24%)}.hero{position:relative}.hero .container{position:relative;z-index:1}.sectionhead{position:relative}.sectionhead:after{content:"";position:absolute;left:0;bottom:-17px;width:64px;height:3px;background:linear-gradient(90deg,#ffd21f,#1687ff,#ef233c)}.pagehero{position:relative;overflow:hidden}.pagehero:after{content:"";position:absolute;inset:auto -5% -50px;height:130px;background:linear-gradient(90deg,rgba(255,210,31,.08),rgba(22,135,255,.08),rgba(239,35,60,.08));transform:skewY(-3deg)}.pagehero .container{position:relative;z-index:1}.card{border-radius:2px}.cardimg{position:relative}.cardimg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,210,31,.05),transparent 45%,rgba(22,135,255,.07))}.value{border-top:3px solid transparent;border-image:linear-gradient(90deg,#ffd21f,#1687ff,#ef233c) 1}.footerbrand .brand{margin-bottom:5px}@media(max-width:850px){.brand{min-width:0}.brand img{width:48px;height:44px;flex:0 0 48px}.brand-text{display:none}.navlinks a{padding:0}.navlinks a:after{display:none}}@media(max-width:560px){.brand img{width:46px;height:42px;flex:0 0 46px}}

/* Final compact logo sizing */
.brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:245px}.brand-text{display:block}.brand-text strong{display:block;font-size:15px;letter-spacing:.55px;line-height:1.15}.brand-text small{display:block;color:#aebbc2;font-size:8px;letter-spacing:2px;line-height:1.2;margin-top:3px}

@media(max-width:850px){.brand{min-width:0;gap:8px}.brand img{width:44px;height:40px;flex-basis:44px}.brand-text strong{font-size:13px}.brand-text small{font-size:7px;letter-spacing:1.5px}.navlinks a{padding:0}.navlinks a:after{display:none}}
@media(max-width:560px){.brand img{width:42px;height:38px;flex-basis:42px}.brand-text strong{font-size:12px}.brand-text small{font-size:6.5px}}
