@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#10243a;--navy2:#183650;--gold:#d8a94f;--ink:#182635;--muted:#697582;--pale:#f3f5f6;--line:#e2e6e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,90%);margin:auto}.topbar{background:#091a2a;color:#d4dce3;font-size:12px}.topinner{display:flex;justify-content:space-between;padding:8px 0}.header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #10243a0c}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);line-height:1.2}.brandmark{background:var(--gold);color:var(--navy);font:800 21px Manrope;width:48px;height:48px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.brand b{display:block;font:800 18px Manrope;letter-spacing:1.2px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px}.links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.links a:not(.navcta):hover,.textlink:hover{color:#ad7b25}.navcta{background:var(--navy);color:#fff;padding:12px 17px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:610px;background:linear-gradient(90deg,rgba(7,22,36,.93),rgba(9,27,44,.72) 55%,rgba(9,27,44,.25)),var(--hero) center/cover;display:flex;align-items:center;color:white}.herocontent{padding:85px 0 35px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--gold);display:block;margin-bottom:17px}.eyebrow.dark{color:#9c7126}.hero h1,.pagehero h1{font:800 clamp(42px,6vw,72px)/1.08 Manrope;letter-spacing:-2.5px;margin:0 0 22px}.hero h1 em,.pagehero h1 em,h2 em{color:var(--gold);font-style:normal}.hero p,.pagehero p{max-width:620px;color:#e0e5e9;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;font-weight:700;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#172536}.outline{border:1px solid #ffffff80;color:white}.navy{background:var(--navy);color:white}.herofoot{border-top:1px solid #ffffff4a;margin-top:80px;padding-top:18px;display:flex;gap:40px;font-size:10px;letter-spacing:1.5px;color:#d4dce3}.stats{background:var(--gold);color:#172536}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:22px}.statgrid div{border-right:1px solid #8f6c2f55;padding-left:12px}.statgrid div:last-child{border:0}.statgrid b,.statgrid span{display:block}.statgrid b{font:700 16px Manrope}.statgrid span{font-size:12px}.section{padding:88px 0}.pale{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}h2{font:800 clamp(30px,4vw,46px)/1.2 Manrope;letter-spacing:-1.5px;margin:0 0 22px;color:var(--navy)}h2 em{color:#b9852c}p{color:var(--muted)}.textlink{font-weight:700;font-size:13px;color:var(--navy);display:inline-block;margin-top:12px}.textlink b{color:var(--gold);margin-left:8px}.featureimage{position:relative;padding:0 0 25px 25px}.featureimage:before{content:'';position:absolute;left:0;bottom:0;width:70%;height:65%;background:var(--gold)}.featureimage img{width:100%;height:400px;object-fit:cover;position:relative;display:block}.imagebadge{position:absolute;right:-10px;bottom:50px;background:var(--navy);color:white;padding:18px 24px;display:flex;flex-direction:column}.imagebadge b{font:700 17px Manrope}.imagebadge span{font-size:11px;color:#c9d2d9}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.sectionhead h2{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid var(--line);min-width:0;transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #122a3b12}.card>img{width:100%;height:220px;object-fit:cover;display:block;background:#dfe5e8}.cardbody{padding:23px}.num{font-size:10px;letter-spacing:1.6px;color:#a47a2e;font-weight:700}.card h3,.value h3{font:700 20px/1.35 Manrope;color:var(--navy);margin:9px 0}.card p{font-size:13px;margin:0 0 8px}.arrow{color:var(--gold);font-size:22px;position:absolute;right:22px;bottom:20px}.subtlelink{display:block;font-size:12px;color:#63717d;margin-top:8px}.cta{background:var(--navy);color:white;padding:55px 0}.ctainner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{color:white;margin:0}.cta p{color:#c4cdd5;margin-bottom:0}.pagehero{background:linear-gradient(100deg,#0c2033f2,#132f48e8),url('../images/photo-01.jpg') center/cover;color:white;padding:90px 0 85px}.pagehero h1{font-size:clamp(40px,5vw,62px);margin-bottom:15px}.pagehero p{margin-bottom:0}.aboutimg{width:100%;height:440px;object-fit:cover}.three{grid-template-columns:repeat(3,1fr)}.value{background:white;padding:30px;border-top:3px solid var(--gold)}.value>span{font:800 28px Manrope;color:#d4ad64}.value p{font-size:14px}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contactcard{border-bottom:1px solid var(--line);padding:10px 0}.contactcard h3{font:700 17px Manrope;color:var(--navy);margin-bottom:0}.contactcard p{margin:4px 0;font-size:14px}.mapbox iframe{width:100%;height:480px;border:0;display:block}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.galleryitem{position:relative;display:block;height:250px;overflow:hidden;background:#e4e8ea}.galleryitem img{width:100%;height:100%;object-fit:cover;transition:.4s}.galleryitem:hover img{transform:scale(1.05)}.galleryitem span{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;background:linear-gradient(transparent,#081827dd);color:white;font-size:12px;font-weight:700}.note{font-size:12px;margin-top:25px}.footer{background:#091a2a;color:#d8e0e6;padding:58px 0 0}.brand.light{color:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:55px;padding-bottom:40px}.footgrid p{color:#9eabb6;max-width:280px;font-size:13px}.footgrid h4{color:var(--gold);font:700 14px Manrope;margin:0 0 15px}.footgrid>div>a:not(.brand){display:block;font-size:13px;color:#c4cdd5;margin:8px 0}.copyright{border-top:1px solid #ffffff20;padding:17px 0;display:flex;justify-content:space-between;font-size:11px;color:#8e9ba6}.copyright a{color:var(--gold)}.floatactions{position:fixed;z-index:30;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px}.floatactions a{padding:10px 15px;color:white;font-size:12px;font-weight:700;box-shadow:0 4px 15px #0002}.floatwa{background:#168c55}.floatcall{background:var(--navy)}@media(max-width:950px){.links{gap:13px;font-size:12px}.navcta{padding:10px}.split{gap:35px}.cards{gap:16px}.cardbody{padding:18px}.card>img{height:190px}}@media(max-width:760px){.topinner{gap:5px;flex-direction:column;font-size:11px}.nav{min-height:72px}.brandmark{width:42px;height:42px}.brand b{font-size:16px}.menu{display:block;color:var(--navy)}.links{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:12px 0;border-bottom:1px solid var(--line)}.links .navcta{padding:12px;text-align:center;margin-top:10px}.hero{min-height:590px}.herocontent{padding:65px 0 25px}.hero h1{letter-spacing:-1.5px}.herofoot{margin-top:50px;gap:15px;flex-wrap:wrap}.statgrid{grid-template-columns:repeat(2,1fr)}.statgrid div:nth-child(2){border:0}.section{padding:60px 0}.split,.contactgrid{grid-template-columns:1fr;gap:30px}.featureimage img{height:300px}.sectionhead{align-items:start;gap:15px;flex-direction:column}.cards,.three{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehero{padding:65px 0}.pagehero h1{letter-spacing:-1.5px}.ctainner{align-items:flex-start;flex-direction:column}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.galleryitem{height:190px}.footgrid{grid-template-columns:1fr 1fr;gap:30px}.footgrid>div:first-child{grid-column:1/-1}.copyright{gap:8px;flex-wrap:wrap}.mapbox iframe{height:340px}}@media(max-width:480px){.cards,.three{grid-template-columns:1fr}.hero h1{font-size:43px}.hero p{font-size:14px}.herofoot{font-size:9px}.gallery{grid-template-columns:1fr 1fr;gap:9px}.galleryitem{height:155px}.card>img{height:220px}.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.copyright{flex-direction:column}.imagebadge{right:0}.actions .btn{width:100%}}

/* GulfGuard branded image and responsive refinements */
.brandlogo{width:64px;height:54px;object-fit:contain;display:block;background:#fff;border-radius:4px;margin-right:10px}
.brand{gap:10px;align-items:center}
.hero-banner{position:relative;max-width:100%;overflow:hidden;background:#102b50}
.hero-banner>img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}
.hero-banner-actions{position:absolute;left:5%;bottom:7%;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:650px){.brandlogo{width:48px;height:42px}.hero-banner-actions{position:static;padding:12px;justify-content:center;background:#10243a}.hero-banner>img{max-height:none;object-fit:contain}.hero-banner-actions .btn{font-size:13px;padding:11px}}

.hero-slides{position:relative}
.hero-slide{display:none;width:100%;height:auto;max-height:680px;object-fit:cover}
.hero-slide.active{display:block}
