@import url("https://fonts.googleapis.com/css2?family=Liter:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap");


:root{--g:#062f3d;--g2:#0b5268;--lime:#d4b16a;--gold:#c9a45b;--cream:#f4f1e9;--ink:#10242d;--muted:#66747b;--line:#dce4e8;--white:#fff;--soft:#edf3f5;--shadow:0 24px 70px rgba(6,47,61,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Liter",Arial,sans-serif;line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--g);color:#e7f0eb;font-size:12px}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar strong{color:#fff}.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #edf1ee}.navin{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brandlogo{display:block;width:205px;height:auto;max-height:62px;object-fit:contain;object-position:left center}.brandmark,.brandtext{display:none}.navlinks{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:800}.navlinks a:hover{color:var(--g2)}.menu{display:none;border:0;background:transparent;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:999px;background:var(--g);border:1px solid var(--g);color:#fff;font-weight:800;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,59,44,.18)}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.outline{background:#fff;color:var(--g);border-color:#d8e2dc}.btn.white{background:#fff;color:var(--g);border-color:#fff}.btn.small{padding:10px 15px;font-size:12px}
h1,h2,h3{font-family:"Liter",Arial,sans-serif;color:var(--g)}h1{font-size:clamp(42px,5.5vw,72px);line-height:1;letter-spacing:-3px;margin:18px 0}h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 14px}h3{margin:0 0 8px;font-size:21px}p{color:var(--muted);font-size:16px}.lead{font-size:20px;max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:99px;background:#eaf2e7;color:var(--g);padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.hero{padding:86px 0 76px;min-height:700px;background:radial-gradient(circle at 82% 10%,#e8e0cc 0,transparent 31%),linear-gradient(120deg,#faf8f1,#fff 65%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}.trustline{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trustline span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--g);font-size:11px;font-weight:800}.hero-photo{height:545px;border-radius:36px;position:relative;overflow:hidden;background:url("photos/ship-container-export.jpg") center/cover;box-shadow:var(--shadow)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(6,47,61,.08))}.floating{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.floatcard{background:rgba(255,255,255,.95);border-radius:18px;padding:17px}.floatcard b{font:800 22px "Liter",Arial,sans-serif;color:var(--g);display:block}.floatcard small{color:var(--muted)}
.section{padding:92px 0}.cream{background:var(--cream)}.dark{background:var(--g)}.dark h2,.dark h3{color:#fff}.dark p{color:#d6e4dd}.center{text-align:center}.head{max-width:820px;margin:0 auto 42px}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:0 9px 35px rgba(18,37,30,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:50px;height:50px;border-radius:15px;background:#edf4e8;display:grid;place-items:center;font-size:23px;margin-bottom:17px}.num{font-size:11px;font-weight:900;color:var(--gold);letter-spacing:1px}.tag{display:inline-block;background:#edf4e8;color:var(--g);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;margin:3px 3px 0 0}.cardlink{display:inline-flex;margin-top:13px;color:var(--g2);font-weight:900;font-size:13px}
.photo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.photo{border-radius:26px;overflow:hidden;min-height:300px;background-size:cover;background-position:center}.photo.large{min-height:490px}.p1{background-image:url("photos/ship-container-export.jpg")}.p2{background-image:url("photos/photo-pack-real.png")}.p3{background-image:url("photos/dubai-market-logistics.jpg")}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.check{list-style:none;padding:0;margin:20px 0}.check li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.check li:before{content:"✓";color:var(--g2);font-weight:900;margin-right:10px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.process .step{background:#fff;border-radius:19px;padding:22px;border-top:3px solid var(--lime)}.step strong{color:var(--gold);font-size:11px}.step h3{font-size:18px}
.cta{border-radius:30px;background:linear-gradient(135deg,#0b5268,#062f3d);padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}.cta h2{color:#fff}.cta p{color:#dce9e2}.pagehero{padding:78px 0;background:linear-gradient(120deg,var(--cream),#eef3f5)}.pagehero h1{max-width:980px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:20px}.minihero{padding:55px 0;background:var(--soft)}
.form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:31px;box-shadow:var(--shadow)}label{display:block;font-size:12px;font-weight:900;color:var(--g);margin:14px 0 6px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #ccd8d0;border-radius:12px;background:#fff;font:inherit;color:var(--ink)}textarea{min-height:125px}.form .btn{margin-top:18px;width:100%}.msg{display:none;color:var(--g2);font-weight:800;margin-top:12px}
.faq details{padding:17px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--g);font-weight:800}.article{max-width:850px}.article h2{font-size:34px;margin-top:40px}.article h3{margin-top:28px}.article ul{color:var(--muted);padding-left:22px}.note{padding:20px;border-left:4px solid var(--gold);background:#fbf7ed;border-radius:12px}.meta{font-size:12px;color:var(--muted);font-weight:700}.toc{position:sticky;top:100px;background:var(--soft);padding:22px;border-radius:20px}.toc a{display:block;color:var(--g2);font-weight:800;font-size:13px;margin:8px 0}
.footer{background:#041f2a;color:#d7e5df;padding:64px 0 24px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer p,.footer a{color:#b7c9c1}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:12px}.copyright span{float:right}.legal{font-size:13px}.legal h2{font-size:32px;margin-top:38px}.legal h3{font-size:20px;margin-top:26px}.legal p,.legal li{font-size:15px}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}.badge{display:inline-block;padding:6px 10px;border-radius:99px;background:#f0eadb;color:#765c25;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.postcard{overflow:hidden}.postimage{height:210px;background-size:cover;background-position:center;border-radius:18px;margin-bottom:18px}.pfruit{background-image:url("visuals/fruit.jpg")}.pveg{background-image:url("visuals/veg.jpg")}.pbox{background-image:url("visuals/export.jpg")}.pmarket{background-image:url("visuals/market.jpg")}.pcold{background-image:url("visuals/service-packaging.jpg")}.pplan{background-image:url("visuals/service-roadmap.jpg")}
@media(max-width:1080px){.navlinks{gap:10px}.navlinks a:nth-child(4),.navlinks a:nth-child(6){display:none}}
@media(max-width:960px){.navlinks{display:none}.menu{display:block}.hero-grid,.split,.photo-grid{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.hero-photo{height:450px}.toc{position:static}}
@media(max-width:600px){.topbar{display:none}.navin{min-height:68px}.hero{padding:60px 0}.hero-photo{height:370px}.g2,.g3,.g4,.process,.footgrid{grid-template-columns:1fr}.section{padding:66px 0}.cta{padding:30px;display:block}.copyright span{float:none;display:block;margin-top:9px}h1{letter-spacing:-1.7px}.floating{grid-template-columns:1fr}.floatcard b{font-size:18px}}

/* V4.1 visual and responsive refinements */
.dark .process .step h3{color:var(--g)!important}
.dark .process .step p{color:var(--muted)!important}
.process .step{min-height:190px;display:flex;flex-direction:column;justify-content:flex-start}
.process .step strong{margin-bottom:12px}
.process .step h3{margin-bottom:8px}
.process .step p{margin:0;font-size:14px;line-height:1.55}
.postimage img{display:block;width:100%;height:100%;object-fit:cover}
.article-cover{width:100%;height:auto;display:block;border-radius:28px;margin:0 0 30px;box-shadow:var(--shadow);background:var(--soft)}
.article .lead{font-size:21px}
.related-insights{margin-top:52px;padding-top:35px;border-top:1px solid var(--line)}
.related-insights h2{font-size:30px}
.image-caption{font-size:12px;color:var(--muted);margin:-20px 0 28px}
.home-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.proof-item{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}
.proof-item strong{display:block;color:var(--g);font:800 18px Manrope;margin-bottom:5px}
.proof-item span{font-size:13px;color:var(--muted)}
@media(max-width:960px){.home-proof{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
  .process .step{min-height:0}
  .article-cover{border-radius:20px}
  .article .lead{font-size:18px}
  .home-proof{grid-template-columns:1fr}
  .postimage{height:190px}
  .pagehero{padding:60px 0}
  .pagehero h1{font-size:clamp(36px,10vw,52px)}
}

/* V4.2 self-contained visual system */
.pagehero{position:relative;overflow:hidden}.pagehero .container{position:relative}.pagehero-visual{margin-top:34px;max-width:560px;margin-left:auto}.pagehero-visual img{display:block;width:100%;border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(6,47,61,.08)}
.inline-visual{width:100%;border-radius:28px;display:block;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--soft)}
.service-cover{width:100%;height:220px;object-fit:cover;border-radius:20px;margin-bottom:20px;background:var(--soft)}
.legal-visual{max-width:720px;margin:0 auto 35px}.legal-visual img{width:100%;display:block;border-radius:26px;box-shadow:var(--shadow)}
.article-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start;margin-bottom:25px}.article-intro img{width:100%;border-radius:26px;box-shadow:var(--shadow)}
@media(max-width:960px){.pagehero-visual{max-width:100%}.article-intro{grid-template-columns:1fr}}

/* Final brand, logistics and responsive polish */
.logistics-band{position:relative;overflow:hidden;border-radius:30px;min-height:360px;background-image:url("photos/ship-container-export.jpg");background-size:cover;background-position:center;box-shadow:var(--shadow);display:flex;align-items:flex-end}
.logistics-band:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,34,25,.02) 20%,rgba(6,47,61,.82) 100%)}
.logistics-content{position:relative;z-index:1;padding:34px;max-width:700px;color:#fff}
.logistics-content h2{color:#fff;margin-bottom:10px}
.logistics-content p{color:#e4eee9;margin-bottom:18px}
.logistics-kicker{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
@media(max-width:600px){
  .brand{min-width:0}.brandlogo{width:160px;max-height:52px}.navin{gap:8px}
  .hero-grid{gap:32px}.hero-photo{height:340px;border-radius:26px}
  .logistics-band{min-height:310px;border-radius:24px}.logistics-content{padding:25px}
  .logistics-content h2{font-size:30px}
}

.footer-logo{width:205px;max-width:100%;height:auto;display:block;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.96}.footer .footer-logo{object-fit:contain;object-position:left center}@media(max-width:600px){.footer-logo{width:175px}}

.export-highlight{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.export-highlight-media{min-height:430px;background-size:cover;background-position:center}
.export-highlight-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}
.export-highlight-copy h2{max-width:650px}
@media(max-width:800px){.export-highlight{grid-template-columns:1fr}.export-highlight-media{min-height:280px}.export-highlight-copy{padding:30px}}