:root{
  --green:#2fac44;
  --green-dark:#118b3b;
  --blue:#07599b;
  --navy:#082b52;
  --teal:#009889;
  --text:#172033;
  --muted:#667085;
  --line:#e7edf4;
  --bg:#fbfdff;
  --shadow:0 24px 60px rgba(8,43,82,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);}
a{text-decoration:none;color:inherit}
.site-header{height:84px;padding:0 11.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(231,237,244,.8);position:sticky;top:0;z-index:20}
.brand img{width:260px;height:auto;display:block}.nav{display:flex;align-items:center;gap:46px;font-weight:600;color:#1f2937}.nav a{position:relative;font-size:15px}.nav a.active{color:var(--green)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;border-radius:2px;background:var(--green)}.nav-btn{background:var(--green)!important;color:#fff!important;padding:14px 24px;border-radius:10px;box-shadow:0 8px 20px rgba(47,172,68,.22)}
.hero{min-height:520px;padding:56px 10.7% 52px;display:grid;grid-template-columns:40% 60%;gap:20px;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 18%,#eef7ff 0,#fff 44%,#f8fbff 100%)}
.hero:before,.services:before,.why:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,rgba(7,89,155,.07) 1px,transparent 1px),linear-gradient(60deg,rgba(47,172,68,.05) 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 70%)}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--green);font-weight:800;margin-bottom:12px}.eyebrow span{display:inline-block;width:120px;height:2px;background:linear-gradient(90deg,var(--green),transparent);vertical-align:middle;margin-right:8px}.hero h1{font-size:62px;line-height:1.03;margin:0 0 20px;color:var(--navy);letter-spacing:-.055em}.hero h1 strong{font-weight:800;color:var(--green)}.hero p{max-width:640px;font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;gap:20px}.btn{height:48px;padding:0 28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:800;font-size:14px}.primary{background:linear-gradient(135deg,var(--green),#23c65a);color:#fff;box-shadow:0 16px 28px rgba(47,172,68,.25)}.secondary{background:#fff;color:#096073;border:1px solid var(--green);box-shadow:0 12px 24px rgba(8,43,82,.05)}
.hero-visual{height:430px;position:relative}.skyline{position:absolute;right:0;bottom:80px;width:88%;height:170px;display:flex;align-items:flex-end;gap:14px;opacity:.65}.skyline i{display:block;width:42px;border-radius:10px 10px 0 0;background:linear-gradient(#ecf5ff,#cddced)}.skyline i:nth-child(1){height:70px}.skyline i:nth-child(2){height:130px}.skyline i:nth-child(3){height:95px}.skyline i:nth-child(4){height:160px}.skyline i:nth-child(5){height:115px}.skyline i:nth-child(6){height:142px}.skyline i:nth-child(7){height:86px}.skyline i:nth-child(8){height:150px}.globe-wrap{position:absolute;right:22%;top:12px;width:305px;height:305px}.globe{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#7cc8ff,#095ea6 42%,#073b78 76%,#031f45);box-shadow:inset -26px -28px 60px rgba(0,0,0,.25),0 34px 60px rgba(7,89,155,.25)}.globe:before{content:"";position:absolute;inset:16px;border-radius:50%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 29px);mask-image:radial-gradient(circle,#000 52%,transparent 72%)}.continents{position:absolute;inset:42px;border-radius:50%;background:radial-gradient(circle at 35% 38%,rgba(255,255,255,.85) 0 2px,transparent 3px),radial-gradient(circle at 56% 40%,rgba(255,255,255,.75) 0 2px,transparent 3px),radial-gradient(circle at 60% 60%,rgba(255,255,255,.7) 0 2px,transparent 3px);background-size:18px 18px,14px 14px,20px 20px;opacity:.9}.ring{position:absolute;width:390px;height:88px;border:12px solid var(--green);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-16deg);left:-50px;top:112px;z-index:5;filter:drop-shadow(0 10px 12px rgba(47,172,68,.18))}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff}.n1{left:88px;top:80px}.n2{right:92px;top:112px}.n3{left:148px;bottom:70px}.n4{right:66px;bottom:116px}.ship{position:absolute;left:36px;bottom:54px;width:230px;height:68px;background:linear-gradient(135deg,#073c66,#05263d);border-radius:0 0 26px 55px;box-shadow:0 20px 32px rgba(8,43,82,.16)}.ship:before{content:"";position:absolute;left:40px;top:-60px;width:145px;height:60px;background:repeating-linear-gradient(90deg,#18a84b 0 34px,#0a65a8 34px 68px,#f2f8ff 68px 102px);border-radius:5px 5px 0 0}.truck{position:absolute;right:44px;bottom:66px;width:210px;height:86px;background:#f8fbff;border-radius:14px;border:1px solid #dce6f0;box-shadow:0 18px 34px rgba(8,43,82,.12)}.truck:before{content:"";position:absolute;left:-72px;bottom:0;width:78px;height:58px;border-radius:18px 8px 6px 8px;background:linear-gradient(135deg,#22b14c,#0b7f36)}.truck:after,.truck b:before{content:"";position:absolute;bottom:-12px;width:25px;height:25px;border-radius:50%;background:#142033;box-shadow:inset 0 0 0 7px #e6eef7}.truck:after{left:-42px}.truck b:before{right:16px}.robot{position:absolute;left:180px;top:120px;width:70px;height:95px;border-radius:18px;background:#eff6fd;border:1px solid #d5e2ee;box-shadow:0 18px 32px rgba(8,43,82,.12)}.robot:before{content:"";position:absolute;width:18px;height:92px;background:#deeaf5;left:26px;top:-78px;border-radius:14px;transform:rotate(35deg);transform-origin:bottom}.robot b{position:absolute;width:62px;height:18px;background:#2fac44;left:38px;top:-80px;border-radius:10px;transform:rotate(-25deg)}.robot i{position:absolute;left:15px;bottom:-22px;width:42px;height:22px;border-radius:20px;background:#c7d8e8}.plane{position:absolute;right:196px;top:0;font-size:70px;color:#d5e3f3;transform:rotate(-12deg);text-shadow:0 14px 22px rgba(8,43,82,.12)}
.services,.why,.solutions{padding:0 10.7%;position:relative}.services{padding-top:10px;padding-bottom:28px;background:#fff}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2,.why h2,.solutions h2{margin:0;font-size:26px;letter-spacing:-.03em;color:var(--navy)}.section-head span,.why h2 span,.solutions h2{color:var(--green)}.section-head a{color:var(--green);font-weight:700;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;padding:22px 20px;min-height:172px;box-shadow:0 12px 34px rgba(8,43,82,.035)}.card h3{margin:11px 0 8px;color:var(--green-dark);font-size:15px;line-height:1.2}.card p{font-size:13px;line-height:1.45;margin:0;color:#3d4656}.icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(7,89,155,.14),rgba(47,172,68,.14));position:relative}.icon:after{content:"";position:absolute;inset:12px;border:3px solid var(--blue);border-top-color:var(--green);border-radius:4px}.flask:after{border-radius:3px 3px 16px 16px;transform:rotate(45deg)}.globe-icon:after{border-radius:50%}.ship-icon:after{border-radius:0 0 14px 14px}.truck-icon:after{width:28px;height:18px;top:16px}.cube:after{transform:rotate(45deg);border-color:var(--green) var(--blue) var(--blue) var(--green)}
.why{padding-top:22px;padding-bottom:26px;display:grid;grid-template-columns:28% 72%;gap:34px;background:linear-gradient(180deg,#f8fbff,#fff)}.why-copy p,.solutions-copy p{color:#526070;font-size:14px;line-height:1.55}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.features article{display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:start;padding-right:10px;border-right:1px solid #e5ebf2}.features article:last-child{border-right:0}.features span{grid-row:1/3;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--blue);background:linear-gradient(135deg,#eaf5ff,#edfaef)}.features h3{margin:2px 0 6px;font-size:15px;color:var(--navy)}.features p{margin:0;color:#4c5868;font-size:13px;line-height:1.45}.solutions{display:grid;grid-template-columns:22% 78%;gap:28px;padding-top:16px;padding-bottom:18px;background:#fff}.solution-list{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.solution{height:96px;border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow);border:1px solid var(--line);background:linear-gradient(135deg,#e7f0fb,#fff)}.solution:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.85),transparent 28%),linear-gradient(135deg,rgba(7,89,155,.8),rgba(47,172,68,.72));opacity:.82}.solution:after{content:"";position:absolute;inset:18px;border:2px solid rgba(255,255,255,.55);border-radius:10px;transform:skew(-8deg)}.solution span{position:absolute;left:14px;right:12px;bottom:11px;z-index:3;color:#07355c;background:rgba(255,255,255,.92);border-radius:8px;padding:8px 10px;font-weight:800;font-size:12px}.industrial:before{background:linear-gradient(135deg,#0b4d87,#d7e9f8)}.consumer:before{background:linear-gradient(135deg,#161d2d,#d4d8df)}.chemicals:before{background:linear-gradient(135deg,#0e80c8,#d8fbff)}.packaging:before{background:linear-gradient(135deg,#b9894c,#fff1d5)}.sustainable:before{background:linear-gradient(135deg,#0b5e30,#77cf6c)}
.footer{height:96px;padding:0 10.7%;display:grid;grid-template-columns:250px 330px 430px 1fr;gap:36px;align-items:center;color:#fff;background:linear-gradient(110deg,#06447c,#009a64);position:relative;overflow:hidden}.footer-brand{height:58px;overflow:hidden;filter:brightness(0) invert(1)}.footer-brand img{width:220px}.footer-info{display:flex;gap:16px;align-items:center;border-left:1px solid rgba(255,255,255,.35);padding-left:28px}.footer-info span{font-size:25px;opacity:.9}.footer h4{margin:0 0 4px;font-size:13px}.footer p{margin:0;font-size:12px;line-height:1.35;color:rgba(255,255,255,.86)}.map-dots{height:80px;opacity:.2;background-image:radial-gradient(#fff 1.4px,transparent 1.4px);background-size:10px 10px;mask-image:radial-gradient(ellipse at center,#000 32%,transparent 68%)}
@media(max-width:1200px){.site-header,.hero,.services,.why,.solutions,.footer{padding-left:5%;padding-right:5%}.service-grid{grid-template-columns:repeat(3,1fr)}.solutions{grid-template-columns:1fr}.solution-list{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-visual{min-height:420px}.nav{gap:22px}}
@media(max-width:760px){.site-header{height:auto;padding-top:16px;padding-bottom:16px;gap:16px;flex-direction:column}.brand img{width:220px}.nav{flex-wrap:wrap;justify-content:center}.hero h1{font-size:42px}.hero-actions{flex-wrap:wrap}.service-grid,.features,.solution-list{grid-template-columns:1fr}.features article{border-right:0}.footer{height:auto;grid-template-columns:1fr;padding-top:24px;padding-bottom:24px}.solutions{padding-bottom:34px}}