:root{--navy:#102f51;--navy2:#17456d;--blue:#248cc9;--light:#f5f9fc;--ink:#163753;--muted:#536477}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#06182c;box-shadow:0 4px 18px #0002}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.brand img{width:164px;max-width:100%;background:#fff;border-radius:3px}.brand span{font-size:9px;letter-spacing:2px;color:#9eb9d4}nav{display:flex;align-items:center;gap:25px;color:#fff;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:#66b7ff}.nav-cta,.btn.primary{background:var(--blue);color:white;border-radius:5px}.nav-cta{padding:12px 18px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{background:linear-gradient(90deg,rgba(3,17,34,.96) 0%,rgba(4,23,45,.86) 48%,rgba(4,20,40,.2) 100%),url('assets/port-hero.jpg') center right/cover;min-height:530px;display:flex;align-items:center;color:#fff}.hero-inner{padding:85px 0}.hero-copy{max-width:720px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.4px;font-weight:800}.eyebrow{color:#7fceff}.hero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.09;letter-spacing:-2px;margin:15px 0 20px}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:630px;color:#e5edf7}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:13px 22px;font-weight:700;cursor:pointer;font-size:15px}.btn:hover,.nav-cta:hover{filter:brightness(1.15)}.btn.outline{border-color:#d5e3f4;color:#fff;border-radius:5px}.feature-strip{background:#0b2a49;color:white}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.features div{padding:5px 20px;border-right:1px solid #ffffff28}.features div:first-child{padding-left:0}.features div:last-child{border:0}.features strong,.features span{display:block}.features strong{font-size:18px}.features span{font-size:13px;color:#b7cee4}.section{padding:90px 0;scroll-margin-top:90px}.section-kicker{color:#147bd0;margin:0 0 10px}h2{font-size:clamp(29px,3.4vw,43px);line-height:1.2;letter-spacing:-1px;margin:0 0 23px}h3{line-height:1.3}.about-grid,.coverage-grid,.request-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-visual{position:relative;min-height:350px}.about-visual img{width:100%;height:385px;object-fit:cover;border-radius:10px}.image-tag{position:absolute;bottom:25px;left:20px;background:#071b32e8;color:white;font-size:11px;letter-spacing:1.2px;padding:10px 14px}.about p,.coverage p,.contact p{color:#475b70}.text-link{font-weight:700;color:#147bd0}.services-section{background:var(--light)}.section-intro{color:var(--muted);max-width:650px;margin-bottom:34px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid #e1e9f3;border-radius:9px;padding:28px;box-shadow:0 5px 18px #15314b08}.service-icon{font-size:32px;color:#0c7cce}.service-card h3{margin:14px 0 8px;font-size:19px}.service-card p{margin:0;color:var(--muted);font-size:14px}.coverage{background:#0b2846;color:#fff}.coverage p{color:#d1deeb}.port-panel{background:#ffffff12;border:1px solid #ffffff2a;padding:30px;border-radius:10px}.port-panel h3{margin-top:0}.port-tags{display:flex;flex-wrap:wrap;gap:10px}.port-tags span{border:1px solid #7fadd0;border-radius:4px;padding:6px 11px;font-size:13px}.request-section{background:#f5f8fc}.request-grid{align-items:start;grid-template-columns:.8fr 1.2fr}.request-note{background:#e3edf8;border-left:3px solid var(--blue);padding:15px;color:#254663;margin-top:28px}form{background:#fff;border:1px solid #e1e8f0;border-radius:10px;padding:30px;box-shadow:0 10px 32px #14345b10}form label{display:block;font-weight:700;font-size:13px;margin-bottom:17px}form label span{color:#d43d44}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}input:not([type=checkbox]),select,textarea{width:100%;display:block;margin-top:7px;padding:12px 11px;border:1px solid #ccd7e4;border-radius:4px;background:white;color:var(--ink);font:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #8dc6ff}.consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.4}.consent input{margin-top:3px}.submit{width:100%;border:0}.form-small{font-size:12px;color:#64748b;margin:10px 0 0}.honeypot{position:absolute;left:-9999px}.contact-card{background:#f3f7fb;padding:30px;border-radius:9px}.contact-card h3{margin-top:0}.contact-card a{color:#006fc5;overflow-wrap:anywhere}.contact-card small{color:#61748a}footer{background:#06182c;color:#d5e4f4;padding:50px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid img{width:150px;background:#fff}.footer-grid p{font-size:13px}.footer-grid strong,.footer-grid a{display:block;margin-bottom:9px}.footer-grid a{font-size:13px}.copyright{border-top:1px solid #ffffff26;margin-top:28px;padding-top:16px;color:#93a9bf;font-size:12px}@media(max-width:850px){.menu-toggle{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#06182c;padding:18px 22px;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.about-grid,.coverage-grid,.request-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:490px}.features{grid-template-columns:repeat(2,1fr);gap:15px}.features div:nth-child(2){border:0}}@media(max-width:550px){.wrap{width:min(100% - 30px,1160px)}.header-inner{min-height:78px}.brand img{width:140px}nav{top:78px}.hero-inner{padding:65px 0}.hero h1{letter-spacing:-1px}.hero-copy>p:not(.eyebrow){font-size:16px}.features strong{font-size:15px}.features div{padding:5px 8px}.features span{font-size:12px}.section{padding:58px 0}.service-grid,.field-grid,.footer-grid{grid-template-columns:1fr}form{padding:20px}.about-visual img{height:260px}.footer-grid{gap:18px}}

/* JM Marine BQS-inspired brand refinement: white sheets, light-blue input accents, crisp blue rules */
.site-header,footer{background:#102f51}.feature-strip,.coverage{background:#17456d}.brand img,.footer-grid img{background:#fff;border:2px solid #d6eaf6;padding:3px;border-radius:2px}.hero{background-image:linear-gradient(90deg,rgba(7,31,54,.91) 0%,rgba(9,40,67,.72) 42%,rgba(9,35,60,.08) 90%),url('assets/port-hero.jpg');background-position:center center}.section-kicker{color:#2188c5}.coverage .section-kicker{color:#a6dfff}.section h2{border-bottom:3px solid #2b8dc7;padding-bottom:15px}.service-card,.contact-card,form,.port-panel{border-radius:3px}.service-card{border-top:4px solid #2b8dc7;box-shadow:0 3px 14px #14345b0a}.request-note{background:#e7f4fc}.request-section{background:#f5f9fc}input:not([type=checkbox]),select,textarea{background:#f1faff;border-color:#b9dbea}.btn.primary,.nav-cta{background:#2188c5}.image-tag{background:#102f51ee}.port-tags span{border-radius:2px}.about-visual img{border-radius:3px}

/* Premium maritime visual system */
:root{--navy:#071b30;--navy2:#102e4c;--blue:#2088bd;--ink:#122c43;--light:#f4f7f9}
body{font-family:Arial,Helvetica,sans-serif;letter-spacing:.005em}
.site-header{background:#071b30}.header-inner{min-height:96px}nav{font-weight:500;letter-spacing:.025em}nav a{transition:color .2s}
.hero{min-height:660px;background-image:linear-gradient(90deg,rgba(3,16,29,.94),rgba(5,22,39,.69) 42%,rgba(4,17,30,.12) 100%),url('assets/port-hero.jpg');background-position:center center}
.hero-inner{padding:125px 0}.hero-copy{max-width:790px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,6vw,83px);letter-spacing:-1.5px;line-height:1.08}.eyebrow,.section-kicker{letter-spacing:3px;font-size:11px}.hero-copy>p:not(.eyebrow){max-width:570px;line-height:1.8}
.btn,.nav-cta{border-radius:2px!important;letter-spacing:.025em}.btn.primary,.nav-cta{background:#2185b5}.btn{padding:15px 25px}
.feature-strip{background:#102e4c}.features{padding:33px 0}.features strong{font-family:Georgia,serif;font-weight:400;font-size:25px}.features span{letter-spacing:.035em}
.section{padding:112px 0}.section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.8px;font-size:clamp(34px,4vw,54px);border:0;padding:0;margin-bottom:26px}.section-kicker:after{content:'';display:block;width:43px;height:2px;background:#2d98ca;margin-top:15px;margin-bottom:20px}.about-grid,.coverage-grid{gap:80px}.about-visual img{height:470px}.about p,.coverage p{line-height:1.85}.services-section{background:#f4f7f9}.service-grid{gap:16px}.service-card{border:1px solid #dbe5ec;border-top:2px solid #2185b5;border-radius:0;padding:34px;box-shadow:none;min-height:220px}.service-card h3{font-size:19px}.service-card p{line-height:1.7}.coverage{background:#102e4c}.port-panel{border-radius:0;padding:42px}.port-tags span{padding:9px 13px}.request-section{background:#edf3f7}form{border-radius:0;box-shadow:0 14px 40px #061b2e12}.contact-card{border-radius:0;border-left:3px solid #2185b5;background:#f1f6fa;padding:40px}footer{background:#071b30}
@media(max-width:850px){.hero{min-height:560px}.section{padding:75px 0}.about-visual img{height:340px}}@media(max-width:550px){.header-inner{min-height:78px}.hero{min-height:520px}.hero-inner{padding:75px 0}.hero h1{font-size:44px}.section{padding:60px 0}.features strong{font-size:20px}.service-card{min-height:auto}.contact-card{padding:24px}}

/* AI operations section */
.ai-section{background:linear-gradient(135deg,#f1f8fc 0%,#e7f3fa 100%)}
.ai-section>.wrap>p:not(.section-kicker):not(.section-intro):not(.ai-disclaimer){max-width:900px;line-height:1.75}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:32px 0 20px}
.ai-card{background:#fff;border:1px solid #d7e9f4;border-radius:12px;padding:24px;box-shadow:0 8px 25px rgba(19,70,102,.05)}
.ai-card h3{color:#164e72;margin:0 0 10px;font-size:1.12rem}
.ai-card p{margin:0;line-height:1.65}
.ai-disclaimer{font-size:.9rem;color:#4c6879;margin-top:22px}

/* Five feature highlights, responsive across desktop and mobile */
.features{grid-template-columns:repeat(5,minmax(0,1fr))}.features div{min-width:0}.features strong{font-size:clamp(17px,1.65vw,25px)}@media(max-width:850px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.features div:nth-child(2){border-right:0}.features div:last-child{grid-column:1/-1;border-right:0;border-top:1px solid #ffffff28;padding-top:14px}}@media(max-width:550px){.features strong{font-size:19px}}