/* Presentation only: all application routes, forms and scripts are retained. */
@font-face{font-family:Outfit;src:url('../fonts/Outfit-Regular.ttf') format('truetype');font-display:swap}
:root{--brand-primary:#28574e;--brand-primary-2:#446f65;--ink:#0a1c28;--muted:#686e70;--bg:#f7f6f3;--border:#deded7;--radius:2px;--shadow:none}
body,.main-content{background:#f7f6f3!important;color:#0a1c28;font-family:Outfit,Arial,sans-serif}
h1,h2,h3,.navbar-nav,.login-btn,.maritime-quote{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.container{max-width:1280px;width:90%}
.header-nav{min-height:88px;background:#f7f6f3!important;border:0}
.navbar-brand{gap:15px;margin-right:auto}
.navbar-brand img{width:35px;height:35px;object-fit:contain;filter:grayscale(1)}
.maritime-wordmark{font-family:Georgia,serif;font-size:22px;letter-spacing:4px;color:#0a1c28;white-space:nowrap}
.maritime-wordmark em{font-style:normal;color:#527269}
.header-nav .navbar-collapse{flex-grow:0;gap:50px}
.header-nav .navbar-nav{gap:16px}
.header-nav .navbar-nav .nav-link{font-size:14px;color:#0a1c28!important;font-weight:400!important;border-radius:0;padding:12px 8px!important}
.header-nav .nav-link.active{text-decoration:underline;text-underline-offset:10px}
.nav-actions{gap:24px;flex-direction:row-reverse}
.login-btn{background:transparent;color:#0a1c28!important;box-shadow:none;min-width:0;padding:0;font-weight:400;border-radius:0;font-size:14px}
.maritime-quote{display:inline-flex;align-items:center;gap:25px;background:#28574e;color:#fff;text-decoration:none;padding:14px 23px;white-space:nowrap;font-size:14px}
.maritime-quote:hover{background:#1c4039;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #638f81;outline-offset:4px}
.hero-v2{min-height:550px;background:#f7f6f3;isolation:isolate;overflow:visible}
.hero-v2:before{content:'';position:absolute;inset:0 0 0 35%;background:url('../images/concept09/hero-ship.png') center/cover;filter:grayscale(1);z-index:-2}
.hero-v2:after{background:linear-gradient(90deg,#f7f6f3 0%,#f7f6f3 25%,rgba(247,246,243,.93) 36%,rgba(247,246,243,0) 65%);z-index:-1}
.hero-v2-inner{padding:40px 0 38px}
.hero-v2-grid{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-height:0}
.hero-v2-left{max-width:580px;color:#0a1c28}
.hero-v2-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.3vw,76px);letter-spacing:-2px;line-height:1.06;text-shadow:none;margin-bottom:18px}
.hero-v2-subtitle,.hero-v2-text{font-size:17px;font-weight:400;line-height:1.5;color:#626b70;text-shadow:none;max-width:460px;margin-bottom:12px}
.hero-v2-big{font-family:Georgia,serif;font-size:25px;font-weight:400;text-shadow:none;letter-spacing:0;margin:14px 0 8px}
.hero-v2-btn{background:none;padding:0;color:#28574e;font-size:12px;font-weight:500;border-radius:0;box-shadow:none;letter-spacing:1px}
.hero-v2-btn:hover{color:#0a1c28}
.hero-track-card{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:10px;max-width:590px;width:100%;min-height:0;margin:0;background:#092837;border:0;border-radius:2px;padding:18px 24px;box-shadow:none}
.hero-track-tabs{margin:0;grid-column:1/-1}
.hero-track-tab{font-family:Georgia,serif;font-size:17px;font-weight:400;padding:0}
.hero-track-tab.active:after{display:none}
.hero-track-label{grid-column:1/-1;max-width:none;font-size:11px;font-weight:400;margin:0;color:#bcc8cc}
.hero-track-input{margin:0;height:42px;border:1px solid #d6dedc;border-radius:2px;background:#f7f6f3;color:#0a1c28;font-size:13px}
.hero-track-input::placeholder{color:#737c7d}
.hero-track-btn{grid-column:2;grid-row:3;height:42px;border-radius:2px;background:#50786c;font-family:Georgia,serif;font-size:13px}
.hero-track-note{grid-column:1/-1;grid-row:4;margin:0;font-size:10px;font-weight:400;color:#bac9cb}
.track-result{grid-column:1/-1}
.services-section{background:#f7f6f3;color:#0a1c28;padding:36px 0 45px}
.services-top-bg{background:none;min-height:0;padding:0;margin:0}
.services-top-bg h2{font-family:Georgia,serif;color:#0a1c28;font-size:36px;font-weight:400;margin:0 0 28px}
.services-top-line,.services-down-icon,.services-decor,.service-dash{display:none}
.services-content{padding-top:0}
.services-grid{display:grid;grid-template-columns:1fr;gap:28px;min-height:0}
.services-list{display:grid;grid-template-columns:repeat(4,1fr);padding:0;gap:0}
.service-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-left:1px solid #d9ddd6;padding:8px 28px;margin:0}
.service-list-item span,.service-list-item.active span{background:none;border:1px solid #6c8d82;color:#52766a;border-radius:0;width:32px;height:32px;font-size:15px;flex-basis:auto}
.service-list-item p{font-family:Georgia,serif;font-size:19px;font-weight:400;color:#0a1c28;margin:0}
.services-image-wrap{width:100%;height:300px;position:relative;margin:0}
.services-image-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);border-radius:0}
.services-text-card{left:24px;top:auto;bottom:20px;width:min(440px,85%);min-height:0;padding:22px;background:#f7f6f3;color:#0a1c28;font-size:16px;border:0;border-radius:0}
.hero-stats{margin:0;padding:32px 0;background:#eeeee8}
.hero-stats-wrap{justify-content:space-around;gap:20px;flex-wrap:wrap}
.hero-stat-box{background:transparent;border:0;border-radius:0;box-shadow:none;color:#0a1c28}
.hero-stat-value{color:#28574e;font-family:Georgia,serif;font-weight:400}
.hero-stat-label,.hero-stat-ico{color:#53645f}
.process-section,.why-section,.faq-section,.about-intro,.approach-title-section,.approach-items,.contact-page{background:#f7f6f3!important;color:#0a1c28}
.process-section{padding:70px 0}
.process-item h3,.why-box h3,.faq-question h3,.faq-info-card h2,.contact-form-card h1,.location-card h2,.approach-card h2{color:#0a1c28;font-family:Georgia,serif;font-weight:400}
.process-item p,.why-box p,.faq-answer p,.faq-info-card p,.about-intro-text,.approach-card p,.contact-text,.contact-field label,.location-line{color:#626b70;font-weight:400}
.process-image-card,.process-image-card img,.faq-image-wrap,.about-hero-img,.contact-hero-img,.approach-image img{border-radius:0;filter:grayscale(1)}
.why-top-bg,.services-top-bg,.about-title-card,.approach-card,.contact-form-card,.location-card,.faq-info-card,.faq-item,.why-box{background:#f7f6f3!important;border-color:#deded7;border-radius:0;box-shadow:none}
.why-top-bg h2,.about-title-card h1,.approach-title,.approach-title span,.faq-question span{color:#0a1c28;font-family:Georgia,serif;font-weight:400}
.why-number,.process-icon,.approach-icon{color:#50786c}
.faq-question{color:#0a1c28}
.faq-more-btn,.process-story-btn,.contact-submit,.base-cta-btn{background:#28574e;color:#fff;border:0;border-radius:2px;box-shadow:none}
.base-cta-section{background:#eaece5;color:#0a1c28}
.base-cta-text h2{color:#0a1c28;font-family:Georgia,serif;font-weight:400}
.base-cta-text p{color:#626b70}
.base-cta-image{filter:grayscale(1);border-radius:0}
.footer{background:#0c2931}
.panel,.card,.form-control,.form-select,.btn,.dropdown-menu{border-radius:2px}
.contact-field input,.contact-field textarea{background:#fff;color:#0a1c28;border:1px solid #b8c5be;border-radius:2px}
@media(min-width:1100px){.services-section{position:relative}.services-top-bg .container{text-align:left!important}.services-top-bg h2{max-width:280px;font-size:40px}.services-list{margin-left:30%;margin-top:-80px;min-height:100px}.services-image-wrap{margin-top:20px}}
@media(max-width:1100px){.maritime-wordmark{font-size:17px;letter-spacing:2px}.header-nav .navbar-collapse{gap:15px}.nav-actions{gap:14px}.maritime-quote{padding:12px}.navbar-brand{margin-right:20px}}
@media(max-width:991px){.header-nav{min-height:78px}.header-nav .navbar-collapse{width:100%}.hero-v2:before{inset:0 0 0 20%;opacity:.5}.hero-v2:after{background:linear-gradient(90deg,#f7f6f3 5%,rgba(247,246,243,.85) 45%,rgba(247,246,243,.15))}.nav-actions{justify-content:flex-end;flex-direction:row-reverse}.services-list{grid-template-columns:repeat(2,1fr);gap:26px}.hero-v2-title{max-width:500px}.faq-image-wrap{margin-left:0}.process-grid,.faq-grid{gap:30px}}
@media(max-width:576px){.container{width:90%}.maritime-wordmark{font-size:14px;letter-spacing:2px}.navbar-brand img{width:28px}.hero-v2-inner{padding:32px 0}.hero-v2-title{font-size:48px}.hero-track-card{padding:18px;grid-template-columns:1fr}.hero-track-btn{grid-column:1;grid-row:4}.hero-track-note{grid-row:5}.hero-track-input{grid-column:1}.service-list-item{padding:8px 14px}.service-list-item p{font-size:17px}.services-top-bg h2{font-size:32px}.hero-stat-box{width:100%;justify-content:center}.services-image-wrap{height:320px}.services-text-card{font-size:14px}.process-image-card{max-width:100%}}

/* Concept 09: supplied original photography and shared page presentation. */
.hero-v2:before{inset:0;background-position:center right;filter:none}
.hero-v2:after{background:linear-gradient(90deg,#f7f6f3 0%,rgba(247,246,243,.96) 24%,rgba(247,246,243,.65) 42%,rgba(247,246,243,0) 72%)}
.hero-v2-inner{padding-top:48px;padding-bottom:42px}
.hero-v2{min-height:570px}
.hero-v2-title{font-size:clamp(48px,6.4vw,94px);line-height:.98;max-width:620px}
.hero-v2-left{max-width:620px}
.hero-v2-subtitle,.hero-v2-text{font-size:18px;max-width:490px}
.about-hero-img{background:linear-gradient(90deg,rgba(11,32,48,.65),rgba(11,32,48,.06)),url('../images/concept09/port.png') center/cover;filter:none;min-height:410px}
.contact-hero-img{background:linear-gradient(90deg,rgba(247,246,243,.55),rgba(247,246,243,0)),url('../images/concept09/aerial-ship.png') center/cover;filter:none;min-height:360px}
.about-title-card{border:0;padding:30px;min-height:0}
.about-title-card h1{font-size:64px;line-height:1.05}
.about-cube{display:none}
.about-intro{padding:65px 0}
.about-intro-text{font-size:18px;line-height:1.7}
.approach-row,.approach-row.second-row{gap:40px;margin-bottom:50px;align-items:center}
.approach-card,.approach-row.second-row .approach-card{padding:30px;min-height:0;border:1px solid #d7dcd8}
.approach-card h2{font-size:32px;line-height:1.2}
.approach-card p{font-size:17px;line-height:1.7}
.contact-form-card,.location-card{padding:30px;border:1px solid #d7dcd8}
.contact-form-card h1{font-size:52px;font-weight:400}
.contact-text{font-size:18px;line-height:1.65}
.auth-page{background:#f7f6f3}
.auth-card,.hero-panel{border-radius:2px!important;box-shadow:none!important;border:1px solid #d7dcd8}
.hero-panel{background:#0b2736!important}
.auth-card .card-header.bg-primary{background:#28574e!important}
.auth-card .btn-success{background:#28574e;border-color:#28574e}
body>.wrap{max-width:1100px;padding:55px 5%;width:100%}
.wrap>.card{box-shadow:none;border:1px solid #d7dcd8;background:white;border-radius:0;padding:36px}
.wrap h1{font-family:Georgia,serif;font-weight:400;font-size:52px;line-height:1.1;color:#0b2030}
.wrap .chip{background:transparent;border-radius:0;font-weight:400}
.wrap input,.wrap textarea,.wrap select{border-radius:0;background:white;border:1px solid #bbc7c5;color:#0b2030}
.wrap .btn.primary{background:#28574e;border-color:#28574e;border-radius:2px;box-shadow:none}
.wrap .btn{border-radius:2px;box-shadow:none}
@media(max-width:991px){.hero-v2:before{inset:0;opacity:1}.hero-v2:after{background:linear-gradient(90deg,rgba(247,246,243,.97),rgba(247,246,243,.7))}.hero-v2-title{font-size:64px}.about-title-card h1{font-size:48px}}
@media(max-width:576px){.hero-v2-title{font-size:52px}.hero-v2-subtitle,.hero-v2-text{font-size:16px}.hero-v2{min-height:0}.hero-v2-inner{padding:36px 0}.about-hero-img,.contact-hero-img{min-height:250px}.about-title-card h1,.wrap h1,.contact-form-card h1{font-size:40px}.wrap>.card{padding:22px}.approach-card,.approach-row.second-row .approach-card{width:100%;margin:0}.contact-form-card,.location-card{padding:22px}}
/* Exact supplied banner composition; live text and functional tracking controls. */
.maritime-mark{width:30px;height:27px;fill:none;stroke:#496f67;stroke-width:1.7;flex:none}
.header-nav{min-height:0;height:6vw;max-height:92px}
.header-nav>.container{width:90%;max-width:none;padding:0}
.navbar-brand{gap:20px;margin-right:auto}
.maritime-wordmark{font-size:1.75vw;letter-spacing:.22em}
.header-nav .navbar-nav{gap:26px}
.header-nav .navbar-collapse{gap:9vw}
.header-nav .navbar-nav .nav-link,.login-btn,.maritime-quote{font-size:1vw}
.maritime-quote{padding:1.05vw 1.65vw;gap:25px}
.login-btn span{margin-left:12px;font-size:18px;color:#54736e}
.hero-v2{height:35.4vw;min-height:0;overflow:hidden;background:#f7f6f3}
.hero-v2:before{inset:0;background-image:url('../images/concept09/banner-reference.jpeg');background-position:center -6vw;background-size:100% auto;background-repeat:no-repeat;opacity:1;filter:none}
.hero-v2:after{background:linear-gradient(90deg,#f7f6f3 0%,#f7f6f3 40%,rgba(247,246,243,.98) 43%,rgba(247,246,243,.88) 46%,rgba(247,246,243,0) 53%)}
.hero-v2-inner{width:90%;max-width:none;padding:2.7vw 0 2.8vw}
.hero-v2-grid{gap:0;min-height:0}
.hero-v2-left{max-width:52vw}
.reference-eyebrow{display:flex;align-items:center;gap:15px;text-transform:uppercase;font-family:Outfit,Arial,sans-serif;letter-spacing:.3em;font-size:.57vw;color:#7b8586;line-height:1.5;font-weight:400}
.reference-eyebrow:before{content:'';width:2.5vw;height:1px;background:#b7bdb9;flex:none}
.hero-v2-title{font-size:6.4vw;letter-spacing:-.045em;font-weight:400;line-height:.98;margin:1.25vw 0 1.4vw;max-width:51vw;color:#071724}
.hero-v2-subtitle{font-size:1.3vw;line-height:1.45;max-width:43vw;font-weight:400;margin:0;color:#646b70}
.hero-track-card{grid-template-columns:minmax(0,1fr) 11.3vw;width:45vw;max-width:none;min-height:0;margin-top:2.35vw;padding:1.2vw 1.65vw;gap:.45vw;background:#092837;border-radius:2px;box-shadow:none}
.hero-track-tabs{padding-left:3.6vw;position:relative}
.hero-track-tab{font-size:1.08vw;line-height:1.2}
.hero-track-tab i{position:absolute;left:.15vw;top:.2vw;font-size:1.9vw;font-weight:400;color:#d3e3e3}
.hero-track-label{padding-left:3.6vw;font-size:.77vw;line-height:1.2;margin-bottom:.55vw}
.hero-track-input{font-family:Georgia,serif;font-size:.86vw;height:3.1vw;padding:0 .9vw;border-radius:2px}
.hero-track-btn{height:3.1vw;font-size:1vw;font-weight:400;display:flex;justify-content:center;align-items:center;gap:1vw}
.services-section{padding:2.3vw 0 0;position:relative;background:#f7f6f3}
.services-top-bg>.container{width:90%;max-width:none;padding:0;text-align:left!important}
.services-top-bg h2{font-size:3.1vw;line-height:1.1;max-width:none;letter-spacing:-.04em;margin:1.05vw 0 .9vw;white-space:nowrap}
.services-top-bg p{font-size:1.15vw;color:#656e72;line-height:1.3;margin-bottom:1.4vw}
.services-content{width:100%;max-width:none;padding:0;margin-top:0}
.services-grid{display:block;min-height:0}
.services-list{position:absolute;left:45%;right:3%;top:3.65vw;margin:0;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;gap:0}
.service-list-item{gap:0;border-left:1px solid #d7dcd8;padding:.2vw 1.9vw .4vw;min-height:11.6vw}
.service-list-item span,.service-list-item.active span{width:auto;height:auto;border:0;color:#4f766d;background:none;font-size:2vw;display:block;line-height:1;margin:0 0 .9vw;flex:none}
.service-list-item p{font-family:Georgia,serif;font-weight:400;font-size:1.16vw;line-height:1.2;margin:0 0 1.1vw;color:#0a1c28}
.service-summary{font-size:.85vw;line-height:1.55;color:#626b70;font-weight:400}
.services-image-wrap{width:100%;height:340px;margin-top:2.3vw;border-radius:0}
.services-text-card{position:absolute;top:auto;bottom:24px;font-size:15px;max-width:400px;display:none}
.services-section>.services-top-btn{display:none}
@media(max-width:991px){.header-nav{height:76px;max-height:none}.maritime-wordmark{font-size:20px}.header-nav .navbar-collapse{background:#f7f6f3;padding:20px;z-index:100}.header-nav .navbar-nav .nav-link,.login-btn,.maritime-quote{font-size:15px}.maritime-quote{padding:14px 20px}.hero-v2{height:auto;min-height:540px}.hero-v2-inner{padding:36px 0}.hero-v2:before{background-size:auto 760px;background-position:right -68px;opacity:.75}.hero-v2:after{background:linear-gradient(90deg,#f7f6f3 0%,#f7f6f3 48%,rgba(247,246,243,.6) 70%,rgba(247,246,243,.1))}.hero-v2-left{max-width:100%}.reference-eyebrow{font-size:8px}.reference-eyebrow:before{width:25px}.hero-v2-title{font-size:74px;max-width:100%;margin:22px 0}.hero-v2-subtitle{font-size:17px;max-width:540px}.hero-track-card{width:min(620px,100%);grid-template-columns:1fr 160px;padding:20px;margin-top:30px;gap:8px}.hero-track-tabs,.hero-track-label{padding-left:35px}.hero-track-tab{font-size:16px}.hero-track-tab i{font-size:25px}.hero-track-label{font-size:11px;margin-bottom:6px}.hero-track-input,.hero-track-btn{height:44px;font-size:13px}.services-section{padding-top:30px}.services-top-bg h2{font-size:36px;white-space:normal;margin:14px 0}.services-top-bg p{font-size:16px;margin-bottom:20px}.services-list{position:relative;left:auto;right:auto;top:auto;width:90%;margin:30px auto;grid-template-columns:repeat(4,1fr)}.service-list-item{padding:10px 15px}.service-list-item span{font-size:26px;margin-bottom:16px}.service-list-item p{font-size:17px;margin-bottom:14px}.service-summary{font-size:12px}.services-image-wrap{margin:25px 0 0}}
@media(max-width:576px){.maritime-wordmark{font-size:14px}.hero-v2-title{font-size:52px}.hero-v2-subtitle{font-size:16px}.desktop-break{display:none}.hero-track-card{grid-template-columns:1fr}.hero-track-label{padding-left:0}.hero-track-btn{grid-column:1;grid-row:4}.hero-track-input{grid-row:3}.services-list{grid-template-columns:repeat(2,1fr);gap:24px 0}.service-list-item span{font-size:26px}.hero-v2:before{opacity:.3}.hero-v2:after{background:rgba(247,246,243,.8)}}

@media(min-width:992px){.hero-v2-title{line-height:.92;margin-bottom:1vw}.hero-v2:before{clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 65%,0 65%)}}
.tracking-cube{position:absolute;width:2.3vw;height:2.3vw;left:-3.6vw;top:0;fill:none;stroke:#d7e1e2;stroke-width:.9}
.service-line-icon{width:2.4vw;height:2.4vw;fill:none;stroke:#52756b;stroke-width:1.3;display:block}
.hero-track-tab{position:relative}
@media(max-width:991px){.tracking-cube{width:28px;height:28px;left:-35px}.service-line-icon{width:30px;height:30px}}
@media(min-width:992px){.hero-v2:before{clip-path:none}.hero-track-card{margin-top:2.03vw}}

/* Restore the original company logo with its original colors and proportions. */
.header-nav .navbar-brand .company-logo{width:auto;height:60px;max-width:80px;object-fit:contain;filter:none;display:block}
@media(max-width:991px){.header-nav .navbar-brand .company-logo{height:54px;width:auto}}