@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:#08264a;--navy2:#0d3764;--blue:#0879dc;--green:#3b9e45;--ink:#122d4d;--muted:#5d6f83;--pale:#f4f8fc;--line:#e3ebf2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:86px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(8,38,74,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:flex;align-items:center;gap:10px}.brand img{width:53px;height:53px;object-fit:contain}.brand-copy,.footer-brand span{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong,.footer-brand strong{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:.04em;font-weight:800}.brand-copy small,.footer-brand small{font-size:11px;letter-spacing:.28em;font-weight:700;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.site-header nav>a:not(.nav-cta){transition:color .2s}.site-header nav>a:hover{color:var(--green)}.nav-cta{background:var(--navy);color:#fff;padding:12px 17px;border-radius:5px}.nav-cta span{color:#83d66e;margin-left:8px}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7fbff 0%,#fff 57%,#eaf4fc 100%);padding:70px 0 76px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em;margin:0 0 22px}.eyebrow>span{display:inline-block;width:28px;height:3px;background:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(42px,5vw,65px);margin-bottom:21px;color:var(--navy);font-weight:800}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-lead{font-size:19px;font-weight:800;color:var(--blue);margin-bottom:10px}.hero-text{font-size:15px;line-height:1.85;color:#53677d;max-width:510px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 19px;border-radius:4px;font-size:12px;font-weight:800}.button-primary{background:var(--navy);color:#fff;box-shadow:0 8px 22px #08264a1c}.button-primary span{color:#8ee27b;font-size:17px}.text-link{font-size:12px;font-weight:800;color:var(--navy)}.text-link span{color:var(--green);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:43px}.proof-icon{width:42px;height:42px;border:1px solid var(--green);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:25px}.hero-proof p{margin:0;font-size:14px;font-weight:800;line-height:1.4}.hero-proof p span{font-weight:500;color:var(--muted);font-size:12px}.hero-visual{height:470px;position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(180deg,#53b8f3 0%,#b7e3fa 48%,#f8c78e 65%,#204f77 66%,#08264a 100%);box-shadow:0 22px 55px #12395a22}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 52%,#fff3 52.2%,transparent 53%)}.sun{position:absolute;width:95px;height:95px;border-radius:50%;background:#ffe5ac;right:55px;top:94px;box-shadow:0 0 55px #fff1ad}.cloud{position:absolute;height:14px;width:80px;background:#ffffff8a;border-radius:50px;filter:blur(1px)}.cloud-one{top:58px;left:55px}.cloud-two{top:95px;left:145px;width:52px}.crane{position:absolute;z-index:2;top:60px;width:5px;height:210px;background:#b44f3c;transform:rotate(2deg);transform-origin:bottom}.crane i{position:absolute;top:0;left:-4px;width:180px;height:5px;background:#a74536;transform:rotate(-5deg);transform-origin:left}.crane b{position:absolute;top:0;left:22px;width:3px;height:130px;background:#a74536}.crane span{position:absolute;top:126px;left:19px;height:35px;width:2px;background:#f4e1bf}.crane-one{left:34%;top:35px}.crane-two{left:66%;top:77px;transform:scale(.8) rotate(-4deg)}.ship{position:absolute;z-index:4;left:4%;right:2%;bottom:62px;height:200px}.containers{position:absolute;bottom:62px;left:9%;width:76%;height:106px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3px}.containers i{display:block;border:1px solid #ffffff32;box-shadow:inset 0 0 0 2px #0000000b}.c-blue{background:#1675a8}.c-green{background:#45985d}.c-red{background:#d35b43}.c-navy{background:#153e62}.ship-top{position:absolute;z-index:2;right:12%;bottom:168px;width:80px;height:28px;background:#f4f6f6;border-top:5px solid #d6e0e8}.ship-top span{display:inline-block;width:15px;height:10px;background:#91b8c7;margin:3px}.hull{position:absolute;bottom:20px;left:0;width:100%;height:65px;background:linear-gradient(170deg,#e6edf1 0 15%,#0a3157 16%);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.water{position:absolute;bottom:0;height:75px;left:0;right:0;background:repeating-linear-gradient(0deg,#ffffff18 0 2px,transparent 2px 13px)}.visual-label{position:absolute;z-index:5;bottom:16px;left:17px;display:flex;align-items:center;gap:10px;color:#fff}.label-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8be277;border-radius:50%;font-size:13px;font-weight:800}.visual-label strong,.visual-label small{display:block}.visual-label strong{font-size:11px}.visual-label small{font-size:9px;color:#c4d7e9}.visual-tag{position:absolute;z-index:5;top:20px;right:18px;color:#fff;text-align:right;font-size:10px;letter-spacing:.18em;line-height:1.5}.visual-tag b{font-size:18px;color:#a7f08b}.hero-stripe{position:absolute;bottom:0;left:0;height:5px;width:37%;background:var(--green)}
.section{padding:92px 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.section-heading h2,.why h2{font-size:clamp(34px,4vw,48px);color:var(--navy);margin:0}.intro-copy{padding-top:19px;color:var(--muted);font-size:14px;line-height:1.9}.intro-copy p:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.value-card{border:1px solid var(--line);padding:28px 27px 26px;border-radius:6px;background:#fff;transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0d37640d}.value-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf8ed;color:var(--green);font-size:27px;margin-bottom:22px}.value-card h3{font-family:Manrope,sans-serif;color:var(--navy);font-size:17px;margin-bottom:10px}.value-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.business{background:var(--navy);color:#fff;position:relative;overflow:hidden}.business:after{content:"";position:absolute;right:-100px;top:-160px;width:420px;height:420px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04;pointer-events:none}.business-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px;position:relative;z-index:1}.eyebrow-light{color:#a9e99a}.business h2,.contact h2{font-size:clamp(36px,4vw,49px);margin:0;color:#fff}.business-heading>p{max-width:370px;color:#c0d1e2;font-size:13px;margin:0 0 4px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;position:relative;z-index:1}.business-item{display:flex;gap:14px;align-items:flex-start;padding:24px 0;border-top:1px solid #ffffff22}.business-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #67bd63;border-radius:50%;color:#a8eb91;font-size:18px}.business-item h3{font-family:Manrope,sans-serif;font-size:13px;margin:2px 0 7px;color:#fff}.business-item p{font-size:11px;line-height:1.65;color:#b6c8d9;margin:0}
.why-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.why-intro{font-size:14px;color:var(--muted);max-width:510px;margin:23px 0 28px}.benefits{list-style:none;padding:0;margin:0;display:grid;gap:17px}.benefits li{display:flex;gap:14px;align-items:flex-start}.benefits li>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:var(--green);color:white;font-size:13px;font-weight:800}.benefits strong{display:block;color:var(--navy);font-size:13px}.benefits p{font-size:11px;color:var(--muted);margin:2px 0 0}.why-art{min-height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e8f5e9 0%,#f5f9fc 57%,transparent 72%);overflow:hidden}.orbit{position:absolute;width:350px;height:350px;border:1px solid #b7d6bd;border-radius:50%;transform:rotate(-28deg) scaleY(.65)}.orbit-b{width:285px;height:285px;transform:rotate(35deg) scaleY(.65);border-color:#a8cbe5}.globe{position:relative;width:190px;height:190px;border-radius:50%;background:linear-gradient(140deg,#0b85db,#0b315b 75%);box-shadow:inset -20px -15px 30px #001a37a8,0 25px 50px #0b315b25;display:grid;place-items:center;overflow:hidden;color:white}.globe:before,.globe:after{content:"";position:absolute;border:1px solid #ffffff55;border-radius:50%;width:90px;height:190px}.globe:after{width:190px;height:72px}.globe b{font-family:Manrope,sans-serif;font-size:45px;letter-spacing:-.1em;z-index:2}.globe-line{position:absolute;width:190px;height:1px;background:#ffffff55;top:50%}.line-a{transform:rotate(45deg)}.line-b{transform:rotate(-45deg)}.line-c{top:35%}.route{position:absolute;border-top:2px dashed var(--green);width:130px;transform:rotate(-25deg)}.route-a{top:135px;left:8%}.route-b{bottom:125px;right:4%;transform:rotate(24deg)}.art-card{position:absolute;background:white;border:1px solid var(--line);box-shadow:0 12px 35px #0d376418;padding:13px 17px;border-radius:5px;min-width:140px}.art-card span{float:right;color:var(--green);font-size:10px;font-weight:800}.art-card strong,.art-card small{display:block}.art-card strong{font-size:13px;color:var(--navy)}.art-card small{font-size:10px;color:var(--muted)}.card-top{top:62px;right:2%}.card-bottom{bottom:78px;left:2%}.art-caption{position:absolute;bottom:12px;right:3%;font-size:11px;color:var(--muted);line-height:1.6;text-align:right}.art-caption strong{color:var(--navy)}
.contact{background:linear-gradient(110deg,#0b315b,#071f3c);color:#fff;padding:72px 0;position:relative;overflow:hidden}.contact:after{content:"NL";font-family:Manrope,sans-serif;font-weight:800;font-size:260px;line-height:1;position:absolute;right:2%;bottom:-80px;color:#ffffff07;pointer-events:none}.contact-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:1}.contact-wrap>div>p:last-child{color:#c1d0df;font-size:13px;max-width:400px;margin:18px 0 0}.contact-email{display:flex;align-items:center;gap:17px;background:#fff;color:var(--navy);padding:21px 23px;border-radius:5px;min-width:min(390px,100%);box-shadow:0 14px 35px #0002}.mail-icon{display:grid;place-items:center;width:44px;height:44px;background:#eaf7e9;color:var(--green);border-radius:50%;font-size:21px}.contact-email small,.contact-email strong{display:block}.contact-email small{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:800}.contact-email strong{font-size:14px;margin-top:3px}.contact-email .arrow{margin-left:auto;color:var(--green);font-size:22px}.site-footer{background:#061a31;color:#9db0c4;padding:24px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.footer-brand{color:white}.footer-brand img{width:36px;height:36px;object-fit:contain}.footer-brand strong{font-size:12px}.footer-brand small{font-size:8px}.footer-wrap p{margin:0}.footer-wrap>span{margin:0}
@media(max-width:900px){.site-header nav{gap:17px}.hero-grid{gap:25px}.hero-visual{height:420px}.business-grid{grid-template-columns:repeat(2,1fr)}.why-grid{gap:30px}.intro-grid{gap:45px}}
@media(max-width:700px){.container{width:min(100% - 34px,560px)}.site-header{height:72px}.brand img{width:44px;height:44px}.brand-copy strong{font-size:15px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 24px 25px;box-shadow:0 15px 20px #08264a12;align-items:stretch;gap:0;flex-direction:column}.site-header nav.nav-open{display:flex}.site-header nav>a{padding:13px 0}.site-header nav .nav-cta{padding:13px 15px;margin-top:8px;text-align:center}.menu-toggle{display:block}.hero{padding:47px 0 55px}.hero-grid{grid-template-columns:1fr;gap:35px}h1{font-size:clamp(39px,10vw,56px)}.hero-text{font-size:14px}.hero-visual{height:350px}.hero-proof{margin-top:30px}.section{padding:65px 0}.intro-grid{grid-template-columns:1fr;gap:15px}.intro-copy{padding-top:0}.values-grid{grid-template-columns:1fr;margin-top:32px;gap:13px}.value-card{padding:23px}.value-icon{margin-bottom:14px}.business-heading{display:block}.business-heading>p{margin-top:18px}.business-grid{grid-template-columns:1fr 1fr;gap:0 16px}.business-item{gap:10px;padding:19px 0}.business-icon{width:33px;height:33px;flex-basis:33px;font-size:15px}.business-item h3{font-size:12px}.business-item p{font-size:10px}.why-grid{grid-template-columns:1fr;gap:25px}.why-art{min-height:360px}.globe{width:155px;height:155px}.globe:before{height:155px;width:75px}.globe:after{width:155px}.globe b{font-size:37px}.orbit{width:285px;height:285px}.orbit-b{width:230px;height:230px}.card-top{top:40px;right:0}.card-bottom{bottom:65px;left:0}.contact-wrap{align-items:flex-start;flex-direction:column;gap:28px}.contact-email{min-width:0;width:100%;padding:17px 15px;gap:12px}.contact-email strong{font-size:12px}.footer-wrap{flex-wrap:wrap}.footer-wrap p{order:3;width:100%}.footer-wrap>span{max-width:145px;text-align:right}.contact{padding:60px 0}.contact:after{font-size:180px;bottom:-45px}}
@media(max-width:390px){.hero-actions{gap:14px;flex-wrap:wrap}.button{gap:12px}.business-grid{grid-template-columns:1fr}.business-item{padding:16px 0}.contact-email strong{font-size:11px}}


/* Updated hero: use the real cargo-port photograph supplied in the company profile. */
.hero-visual{position:relative;overflow:hidden;background:#0b315b;border-radius:8px;min-height:390px;box-shadow:0 24px 55px #0b315b20}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent 0%,#061a31b8 100%);pointer-events:none}
.visual-label,.visual-tag{z-index:2}
@media(max-width:700px){.hero-visual{min-height:0;height:350px}.hero-photo{object-position:center center}}