:root{--navy:#031b3d;--navy2:#082b58;--blue:#0867b2;--cyan:#129ee8;--teal:#39c6ac;--white:#f7fcff;--muted:#a8c4d8;--orange:#129ee8;--line:rgba(129,206,255,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center}.brand img{display:block;width:190px;height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 12px rgba(0,0,0,.28))}
nav{display:flex;align-items:center;gap:32px;font-size:.9rem;font-weight:600}nav a:not(.nav-call){color:#d7e1e7}nav a:hover{color:white}.nav-call{border:1px solid rgba(255,255,255,.45);padding:11px 17px}.menu-button{display:none}
.hero{min-height:810px;height:100vh;position:relative;display:flex;align-items:center;padding:120px clamp(24px,7vw,110px) 60px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(4,16,27,.96) 0%,rgba(4,16,27,.75) 40%,rgba(4,16,27,.08) 75%),linear-gradient(0deg,rgba(4,16,27,.65),transparent 35%)}
.hero-content{position:relative;z-index:2;max-width:730px}.eyebrow{margin:0 0 14px;color:var(--orange);font-size:.78rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1,.section h2,.cta h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.9;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(4.4rem,9vw,8.7rem);max-width:760px}.hero-copy{font-size:1.1rem;max-width:630px;color:#ccdae3;margin:26px 0 32px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 26px;text-transform:uppercase;font-weight:700;font-size:.86rem;letter-spacing:.08em;transition:.2s}.button-primary{background:var(--orange);color:white}.button-primary:hover{background:#ff7d45;transform:translateY(-2px)}.button-ghost{border:1px solid rgba(255,255,255,.6)}.button-ghost:hover{background:white;color:var(--navy)}
.hero-badge{position:absolute;z-index:2;right:clamp(24px,6vw,90px);bottom:54px;width:160px;height:160px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(4,16,27,.32);backdrop-filter:blur(8px)}.hero-badge strong{font-family:"Barlow Condensed";font-size:3.2rem;color:var(--orange);line-height:1}.hero-badge span{font-size:.72rem;text-transform:uppercase;line-height:1.4;letter-spacing:.1em}
.service-strip{min-height:84px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:26px;padding:18px;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:700;font-size:1.15rem;letter-spacing:.05em}.service-strip i{width:5px;height:5px;background:var(--navy);border-radius:50%}
.section{padding:110px clamp(24px,7vw,110px)}.services{background:#f5f7f8;color:var(--navy)}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:50px}.section-heading h2,.process h2,.about h2{font-size:clamp(3.1rem,5vw,5rem)}.section-heading>p{max-width:480px;color:#506474;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7e0e5}.service-card{position:relative;min-height:430px;padding:34px 28px;border-right:1px solid #d7e0e5;background:white}.service-card:last-child{border:0}.service-card.featured{background:var(--navy2);color:white;transform:translateY(-12px);box-shadow:0 20px 45px rgba(6,20,33,.2)}.service-number{position:absolute;right:22px;top:22px;color:#8da0ac;font-family:"Barlow Condensed";font-size:.9rem}.icon{font-size:2rem;color:var(--orange);height:64px;display:flex;align-items:center}.service-card h3{font-family:"Barlow Condensed";font-size:1.75rem;text-transform:uppercase;margin:12px 0 10px}.service-card p{font-size:.92rem;color:#607382}.featured p{color:#b7c7d0}.service-card ul{list-style:none;padding:0;margin:25px 0 0;font-size:.82rem;font-weight:600}.service-card li{padding:9px 0;border-top:1px solid #e2e8eb}.featured li{border-color:rgba(255,255,255,.13)}
.process{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--navy2)}.process-copy>p:not(.eyebrow){color:#b8c7d0;max-width:560px}.text-link{display:inline-block;margin-top:22px;color:white;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:5px}.text-link span{color:var(--orange);margin-left:8px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:26px;padding:27px 0;border-bottom:1px solid var(--line)}.steps li>span{font-family:"Barlow Condensed";font-size:1rem;color:var(--orange);font-weight:700}.steps strong{font-family:"Barlow Condensed";font-size:1.6rem;text-transform:uppercase}.steps p{color:var(--muted);margin:1px 0}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center;background:#eef2f4;color:var(--navy)}.about-stat{width:340px;height:340px;max-width:100%;border-radius:50%;border:1px solid #a7b8c2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.about-stat:after{content:"";position:absolute;width:90%;height:90%;border:1px dashed #b7c4ca;border-radius:50%}.about-stat strong{font-family:"Barlow Condensed";font-size:4.4rem;line-height:1;color:var(--orange)}.about-stat span{text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.14em}.about-copy>p:not(.eyebrow){color:#526776;max-width:650px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.checks span{font-size:.9rem;font-weight:600}.checks span::first-letter{color:var(--orange)}
.cta{text-align:center;padding:110px 24px;background:linear-gradient(135deg,#081a29,#12364d)}.cta h2{font-size:clamp(4.4rem,8vw,8rem)}.cta>p:not(.eyebrow){color:#b9c8d1;max-width:580px;margin:18px auto 28px}.cta .button{min-width:220px;font-size:1.1rem}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px clamp(24px,5vw,80px);background:#030b12;border-top:1px solid var(--line);font-size:.76rem;color:#8fa4b1}footer .brand img{width:170px;height:105px}footer>p{margin:0;text-align:center}footer>div{display:flex;flex-direction:column;text-align:right}footer>div a{font-size:1rem;font-weight:700;color:white}.mobile-call{display:none}
@media(max-width:980px){nav{display:none;position:absolute;top:88px;left:0;right:0;padding:20px 24px;background:var(--navy);flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}nav a{padding:10px 0}.menu-button{display:block;border:1px solid #647785;color:white;background:transparent;padding:9px 14px;text-transform:uppercase;font-weight:700}.hero-badge{display:none}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card{border-bottom:1px solid #d7e0e5}.service-card.featured{transform:none}.process{gap:7vw}.about-stat{width:280px;height:280px}.service-strip{overflow:hidden;justify-content:flex-start;white-space:nowrap}}
@media(max-width:700px){.site-header{height:72px;padding:0 20px}.brand img{width:132px;height:62px}.hero{min-height:720px;height:92vh;padding:110px 22px 60px;align-items:flex-end}.hero-shade{background:linear-gradient(0deg,rgba(4,16,27,.98) 8%,rgba(4,16,27,.65) 60%,rgba(4,16,27,.12))}.hero h1{font-size:clamp(3.8rem,18vw,5.4rem)}.hero-copy{font-size:1rem;margin:20px 0 25px}.hero-actions{flex-wrap:wrap}.button{flex:1;white-space:nowrap}.service-strip{font-size:.92rem;min-height:66px;gap:16px}.section{padding:76px 22px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;min-height:auto;padding:28px 25px}.service-card.featured{box-shadow:none}.process,.about{grid-template-columns:1fr}.steps{margin-top:28px}.about-stat{margin:auto}.checks{grid-template-columns:1fr}.cta{padding:80px 22px}footer{flex-direction:column;text-align:center;padding-bottom:95px}footer .brand img{width:180px;height:120px}footer>div{text-align:center}.mobile-call{display:block;position:fixed;z-index:20;bottom:0;left:0;right:0;background:var(--orange);text-align:center;padding:15px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Brand palette drawn from the Open Ocean Marine logo */
.hero-shade{background:linear-gradient(90deg,rgba(3,20,48,.97) 0%,rgba(3,31,70,.78) 42%,rgba(3,27,61,.1) 76%),linear-gradient(0deg,rgba(3,27,61,.72),transparent 38%)}
.button-primary{background:linear-gradient(135deg,var(--cyan),#0877cf);box-shadow:0 10px 28px rgba(18,158,232,.25)}
.button-primary:hover{background:linear-gradient(135deg,#2cb5f2,#0781d9)}
.button-ghost{border-color:rgba(151,216,255,.72)}
.service-strip{background:linear-gradient(90deg,#0876ca 0%,var(--cyan) 55%,var(--teal) 100%)}
.service-strip i{background:white;opacity:.85}
.services{background:#f1f8fc}
.about{background:linear-gradient(135deg,#eef8fd,#e5f4f8)}
.cta{background:linear-gradient(135deg,#031b3d 0%,#074b85 65%,#087e9b 100%)}
@media(max-width:700px){.hero-shade{background:linear-gradient(0deg,rgba(3,20,48,.98) 8%,rgba(3,31,70,.68) 60%,rgba(3,27,61,.14))}}