:root{
  font-family:Inter,Arial,sans-serif;
  color:#172033;
  background:#f3f5f7;
}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
.topbar{
  display:flex;
  justify-content:flex-end;
  gap:28px;
  padding:10px 6vw;
  background:#0b1f3b;
  color:#fff;
  font-size:14px;
}
.topbar a{color:#ffb25a}
.site-header{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:18px 6vw;
  background:#fff;
  box-shadow:0 8px 30px #0b1f3b12;
}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:auto;height:clamp(62px,7vw,82px)}
.site-header nav{display:flex;gap:24px;font-weight:700;color:#26364a}
.page-hero{
  position:relative;
  min-height:430px;
  display:grid;
  align-items:center;
  overflow:hidden;
  color:#fff;
  isolation:isolate;
  background:#071427;
}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#071427f2,#0b1f3bb3,#0b1f3b26);
}
.page-hero--service{min-height:500px;background:linear-gradient(125deg,#071427,#0b3158 55%,#0a728f)}
.page-hero--service:after{
  background:
    radial-gradient(circle at 78% 28%,#22d3ee55,transparent 24%),
    linear-gradient(90deg,#06111ff7 0%,#0b1f3bd9 44%,#0b728a72 100%);
}
.page-hero__content{position:relative;z-index:2;width:min(1120px,88vw);margin:auto}
.page-hero__content h1{max-width:780px;margin:0 0 18px;font-size:clamp(42px,7vw,86px);line-height:.98}
.page-hero__content p:not(.eyebrow){max-width:700px;font-size:20px;line-height:1.55}
.eyebrow{
  margin:0 0 12px;
  color:#ff7a1a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
h1,h2,h3,p{margin-top:0}
h2{margin:0 0 18px;color:#0b1f3b;font-size:clamp(28px,4vw,48px);line-height:1.05}
.mission-grid,.card-grid,.testimonial-grid,.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  width:min(1120px,88vw);
  margin:70px auto;
}
.mission-grid article,.card,blockquote,.values,.tracking-panel,.quote-form,.service-detail,.contact-layout{
  background:#fff;
  border:1px solid #dbe2ea;
  border-radius:8px;
  padding:28px;
  box-shadow:0 18px 45px #0b1f3b12;
}
.mission-grid a,.card a,.button,.quote-form button,.tracking-panel button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:14px;
  padding:0 20px;
  border:0;
  background:#ff6a00;
  color:#111827;
  font-weight:900;
}
.tracking-panel,.values,.section,.gallery,.quote-form,.service-detail,.contact-layout{width:min(1120px,88vw);margin:70px auto}
.tracking-panel form,.quote-form form{display:grid;grid-template-columns:1fr auto;gap:12px}
.quote-form form{grid-template-columns:1fr 1fr}
.quote-form textarea{grid-column:1/-1;min-height:120px}
input,textarea{width:100%;border:1px solid #cfd8e3;padding:14px;font:inherit}
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;width:min(1120px,88vw);margin:70px auto;align-items:start}
.split p,.service-detail p{font-size:18px;line-height:1.7;color:#48576b}
.card{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#113765,#1388b6,#ff7a1a);
}
.card:hover{transform:translateY(-6px);border-color:#9bcce0;box-shadow:0 24px 60px #0b1f3b20}
.card h3{margin-top:0}
.card p,blockquote{line-height:1.65;color:#526176}
.values{background:#0b1f3b;color:#fff}
.values h2{color:#fff}
.logo-strip{display:flex;align-items:center;gap:16px;width:min(1120px,88vw);margin:36px auto;padding:18px 0;border-top:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea}
.logo-strip p{font-weight:900;color:#0b1f3b}
.logo-strip span,.gallery div{background:#fff;border:1px dashed #aab7c5;color:#68778a;padding:20px;text-align:center}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery .eyebrow{grid-column:1/-1}
.stats div{background:#0b1f3b;color:#fff;padding:28px;text-align:center}
.stats strong{display:block;font-size:42px;color:#ff7a1a}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}
.service-detail--enhanced{
  padding:0;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
}
.service-detail__intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:34px;
  padding:34px;
  border:1px solid #dbe2ea;
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 45px #0b1f3b12;
}
.capability-panel{
  display:grid;
  grid-template-columns:minmax(0,360px) 1fr;
  gap:26px;
  align-items:center;
  margin-top:22px;
  padding:30px;
  border-radius:8px;
  background:linear-gradient(135deg,#0b1f3b,#0b4e72);
  color:#fff;
}
.capability-panel h2{color:#fff}
.capability-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.capability-list li{
  padding:14px 16px;
  border:1px solid #ffffff2f;
  border-radius:6px;
  background:#ffffff12;
  font-weight:800;
}
.service-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.service-flow article{
  padding:24px;
  border:1px solid #dbe2ea;
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 45px #0b1f3b0d;
}
.service-flow span{
  display:inline-grid;
  width:42px;
  height:42px;
  place-items:center;
  margin-bottom:18px;
  border-radius:50%;
  background:#e7f8fb;
  color:#0b4e72;
  font-weight:900;
}
.service-flow h3{margin-bottom:8px;color:#0b1f3b}
.service-flow p{font-size:16px}
.service-visual{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.95;
}
.visual-grid{
  position:absolute;
  inset:-20%;
  background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);
  background-size:72px 72px;
  transform:rotate(-8deg);
  animation:gridDrift 18s linear infinite;
}
.visual-orbit,.visual-route,.visual-object{position:absolute}
.visual-route{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#7dd3fc,#fff,transparent);
  opacity:.72;
  animation:routeFlow 4.8s linear infinite;
}
.visual-route--one{top:30%;left:52%;width:38vw;transform:rotate(-12deg)}
.visual-route--two{top:66%;left:47%;width:46vw;transform:rotate(9deg);animation-delay:-2s}
.visual-object{
  width:54px;
  height:30px;
  border-radius:6px;
  background:#ffffff;
  box-shadow:0 20px 60px #38bdf855;
  animation:floatObject 7s ease-in-out infinite;
}
.visual-object--one{right:12%;top:28%}
.visual-object--two{right:28%;bottom:20%;animation-delay:-1.6s}
.visual-object--three{right:8%;bottom:36%;animation-delay:-3s}
.service-visual--ocean{background:linear-gradient(180deg,#05345f 0%,#087a9a 58%,#062640 100%)}
.service-visual--ocean:before,.service-visual--ocean:after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  height:145px;
  background:repeating-radial-gradient(ellipse at 50% 0%,#ffffff42 0 3px,transparent 4px 32px);
  opacity:.55;
  animation:waves 7s ease-in-out infinite;
}
.service-visual--ocean:before{bottom:18%;transform:rotate(1deg)}
.service-visual--ocean:after{bottom:5%;animation-delay:-2s;opacity:.35}
.service-visual--ocean .visual-object{width:96px;height:34px;border-radius:8px 8px 18px 18px;background:linear-gradient(#fff 0 48%,#ff7a1a 49% 100%)}
.service-visual--air{background:linear-gradient(160deg,#071427,#0f4f7a 48%,#67e8f9)}
.service-visual--air .visual-object{
  width:0;
  height:0;
  border-top:16px solid transparent;
  border-bottom:16px solid transparent;
  border-left:58px solid #fff;
  border-radius:0;
  background:transparent;
}
.service-visual--air .visual-route{height:2px;background:linear-gradient(90deg,transparent,#fff,#bae6fd,transparent)}
.service-visual--road{background:linear-gradient(165deg,#071427,#243447 56%,#475569)}
.service-visual--road:before{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-10%;
  width:64%;
  height:52%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,#111827,#1f2937);
  border-left:8px solid #ff7a1a;
}
.service-visual--road:after{
  content:"";
  position:absolute;
  right:0;
  bottom:14%;
  width:58%;
  height:4px;
  background:repeating-linear-gradient(90deg,#fff 0 46px,transparent 47px 92px);
  animation:laneMove 1.8s linear infinite;
}
.service-visual--road .visual-object{height:34px;border-radius:5px;background:#fff}
.service-visual--road .visual-object:after{content:"";position:absolute;right:-18px;top:7px;border-left:20px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.service-visual--warehouse,.service-visual--cargo{background:linear-gradient(135deg,#071427,#123764 46%,#0f766e)}
.service-visual--warehouse .visual-grid,.service-visual--cargo .visual-grid{background-size:58px 58px}
.service-visual--warehouse .visual-object,.service-visual--cargo .visual-object{width:58px;height:58px;border-radius:6px;background:linear-gradient(135deg,#ffb25a,#fff);box-shadow:0 18px 40px #ffb25a44}
.service-visual--customs{background:linear-gradient(135deg,#071427,#1e3a5f 52%,#0f766e)}
.service-visual--customs .visual-object{width:74px;height:98px;border-radius:7px;background:#fff}
.service-visual--customs .visual-object:after{content:"";position:absolute;left:12px;right:12px;top:24px;height:4px;background:#1388b6;box-shadow:0 18px 0 #1388b6,0 36px 0 #cbd5e1}
.service-visual--customs .visual-route{height:6px;background:linear-gradient(90deg,transparent,#ff7a1a,#fff,transparent)}
.service-visual--network{background:linear-gradient(135deg,#06111f,#0b1f3b 45%,#0e7490)}
.service-visual--network .visual-orbit{
  width:360px;
  height:360px;
  right:9%;
  top:12%;
  border:2px solid #ffffff42;
  border-radius:50%;
  animation:spin 16s linear infinite;
}
.service-visual--network .visual-orbit--two{width:260px;height:260px;right:20%;top:24%;animation-duration:10s;animation-direction:reverse}
@keyframes gridDrift{to{transform:rotate(-8deg) translate3d(-72px,72px,0)}}
@keyframes routeFlow{0%{opacity:.15;filter:blur(3px)}50%{opacity:.9;filter:blur(0)}100%{opacity:.15;filter:blur(3px)}}
@keyframes floatObject{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(-24px)}}
@keyframes waves{0%,100%{transform:translateX(0)}50%{transform:translateX(-52px)}}
@keyframes laneMove{to{transform:translateX(-92px)}}
@keyframes spin{to{transform:rotate(360deg)}}
.footer{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:54px 6vw;background:#071427;color:#fff}
.footer h2{color:#fff}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.footer-grid div{display:grid;gap:8px}
.footer a{color:#dce7f7}
@media(max-width:860px){
  .topbar,.site-header,.site-header nav{flex-wrap:wrap}
  .brand img{height:58px}
  .mission-grid,.card-grid,.testimonial-grid,.stats,.split,.contact-layout,.footer,.service-detail__intro,.capability-panel,.service-flow{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .tracking-panel form,.quote-form form{grid-template-columns:1fr}
  .quote-form textarea{grid-column:auto}
  .capability-list{grid-template-columns:1fr}
  .page-hero__content h1{font-size:44px}
  .page-hero--service{min-height:460px}
}