:root{--navy:#031b43;--navy2:#062e6f;--blue:#0b55b8;--orange:#ff6b00;--white:#fff;--ink:#10274b;--muted:#6f809b;--line:#dfe7f1;--light:#f5f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:38px;background:#021331;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:12px}.header{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3%;position:sticky;top:0;z-index:1000;box-shadow:0 8px 24px #001b4312}.brand{display:flex;align-items:center;gap:12px}.brand img{width:74px;height:74px;object-fit:contain;border-radius:50%}.brand b{display:block;font-size:28px;line-height:1;color:var(--navy)}.brand strong{display:block;font-size:16px;color:var(--orange);margin-top:5px}.brand small{display:block;font-size:8px;color:var(--navy);margin-top:6px;font-weight:700}.header nav{display:flex;align-items:center;gap:27px;font-size:15px;font-weight:800}.header nav a:hover{color:var(--orange)}.nav-cta{background:var(--orange);color:#fff!important;padding:16px 22px;border-radius:10px}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:585px;background:radial-gradient(circle at 48% 50%,#0b3f87 0,#062c67 35%,#021b43 70%);position:relative;overflow:hidden;color:#fff;display:flex}.hero-copy{width:43%;padding:70px 0 70px 6%;position:relative;z-index:8}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:900;color:#ff8a38}.eyebrow.blue{color:var(--blue)}.eyebrow.muted{color:#8eb5ec}.hero h1{font-size:60px;line-height:1.02;margin:16px 0 20px;letter-spacing:-2.6px}.hero h1 span,.section h2 span,.final h2 span{color:var(--orange)}.hero p{font-size:17px;line-height:1.75;max-width:610px;color:#e6eef9}.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:9px;font-weight:900;border:1px solid transparent}.btn.orange{background:var(--orange);color:#fff}.btn.glass{border-color:#d8e7ff;color:#fff;background:#ffffff0c}.hero-points{display:flex;gap:28px;margin-top:35px}.hero-points div{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;color:#e7f0ff}.hero-points b{font-size:24px;color:#fff}.people-layer{position:absolute;right:-2%;top:70px;width:49%;height:540px;z-index:2;overflow:hidden;pointer-events:none}.people-layer img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(1.04)}.hero-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#031b43 0%,#031b43dd 36%,#031b4300 64%),linear-gradient(0deg,#031b431f,#031b4300 45%);pointer-events:none}.globe-stage{position:absolute;z-index:8;left:38%;top:40px;width:48%;height:500px;pointer-events:none}.globe-stage canvas{width:100%!important;height:100%!important;display:block;position:absolute;inset:0;z-index:2}.globe-glow{position:absolute;width:430px;height:430px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#0b69d03c 0,#0096ff18 45%,transparent 70%);filter:blur(8px)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #ff7b0044;border-radius:50%;z-index:3;pointer-events:none}.orbit-a{width:500px;height:150px;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-b{width:480px;height:180px;transform:translate(-50%,-50%) rotate(57deg);border-color:#77b7ff38}.country-card small{font-size:9px;letter-spacing:1.2px;color:#6e7e98;font-weight:900}.country-card h3{font-size:18px;margin:3px 0}.country-card p{font-size:11px;color:#6e7e98;margin:0}.country-card>a{grid-column:1/-1;color:var(--orange);font-size:12px;font-weight:900}.card-connector{position:absolute;width:2px;height:62px;background:linear-gradient(#ff6b00,#ff6b0000);left:28px;bottom:-61px}.globe-caption{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#fff;background:#031b43cc;border:1px solid #ffffff2b;padding:8px 12px;border-radius:99px;backdrop-filter:blur(8px)}.globe-caption small{color:#a9c1df}.live-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 6px #ff6b0025;animation:pulse 1.6s infinite}.globe-controls{position:absolute;left:50%;top:50%;width:480px;transform:translate(-50%,-50%);z-index:9;display:flex;justify-content:space-between}.globe-controls button{pointer-events:auto;width:40px;height:40px;border:1px solid #ffffff55;background:#031b43aa;color:#fff;border-radius:50%;font-size:28px;cursor:pointer}.trust-strip{margin:-1px auto 0;position:relative;z-index:12;max-width:1320px;background:#062d68;color:#fff;border-radius:22px;padding:20px 30px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 45px #001a4520}.trust-strip div{text-align:center;border-right:1px solid #ffffff20}.trust-strip div:last-child{border:0}.trust-strip b{display:block;font-size:23px;color:#ff8a38}.trust-strip span{font-size:12px;color:#d9e7fb}.section{padding:82px 5.5%}.section.light{background:var(--light)}.section.dark{background:#041b41;color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2,.section h2{font-size:42px;line-height:1.1;margin:10px 0}.section-head p{max-width:520px;color:var(--muted);line-height:1.7;font-size:14px}.jobgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.job-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #001a4509}.job-image{height:190px;background:linear-gradient(135deg,#0b55b8,#ff6b00);position:relative;overflow:hidden}.job-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#031b4340,#ff6b0000)}.job-card .flag{position:absolute;top:12px;left:12px;background:#fff;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900;z-index:2}.job-body{padding:18px}.job-body h3{margin:0 0 8px;font-size:17px}.job-body p{font-size:12px;color:var(--muted);min-height:34px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;background:#eef4fb;padding:7px 9px;border-radius:99px}.details{margin-top:14px;color:var(--orange);font-size:12px;font-weight:900;cursor:pointer}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.country-item{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;display:flex;gap:12px;align-items:center}.country-item .flag{font-size:28px}.country-item b{display:block}.country-item small{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}.service-grid article span{color:var(--orange);font-weight:900}.service-grid h3{margin:18px 0 8px}.service-grid p,.industry-grid small,.steps p{font-size:13px;color:var(--muted);line-height:1.6}.industry-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.industry-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;font-size:28px}.industry-grid b{display:block;font-size:13px;margin-top:8px}.industry-grid small{display:block;font-size:10px;margin-top:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark p{color:#c8d8ee;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.steps article{padding:20px;border:1px solid var(--line);border-radius:14px}.steps b{color:var(--orange)}.steps h3{font-size:15px}.consult{background:linear-gradient(135deg,#062d68,#031b43);color:#fff;padding:80px 5.5%}.consult-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.consult h2{font-size:43px;line-height:1.1;margin:12px 0}.consult p{color:#c9d9ef;line-height:1.7}.contact-mini{margin-top:28px;display:grid;gap:10px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:0;border-radius:9px;padding:14px;background:#fff;color:#1b3152;font:inherit}.form-grid .full{grid-column:1/-1;min-height:100px;resize:vertical}.check{display:flex;gap:8px;align-items:center;font-size:11px;margin:14px 0;color:#d8e6f8}.final{padding:70px 5.5%;text-align:center;background:#f4f7fb}.final h2{font-size:42px;margin:0 0 24px}.footer-grid{background:#021633;color:#c7d7ed;padding:55px 5.5%;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}.footer-logo{width:110px;height:110px;border-radius:50%;object-fit:contain;background:#fff}.footer-grid p{font-size:12px;line-height:1.7;max-width:380px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid span{display:block;margin:10px 0;font-size:12px}.footer-bottom{background:#011027;color:#91a8c5;padding:16px 5.5%;font-size:10px;display:flex;justify-content:space-between}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:2000}.whatsapp a{width:58px;height:58px;background:#22c55e;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 25px #001a4530}.modal{position:fixed;inset:0;background:#00152dcc;display:none;align-items:center;justify-content:center;z-index:3000;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:18px;max-width:620px;width:100%;padding:32px;position:relative}.modal-box button{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px}.modal-box h2{font-size:30px}.modal-box p,.modal-box li{color:var(--muted);line-height:1.7;font-size:13px}@keyframes pulse{50%{box-shadow:0 0 0 10px #ff6b0000}}@keyframes cardIn{0%{opacity:0;transform:translate3d(50px,30px,0) rotateY(-35deg) scale(.75)}100%{opacity:1;transform:none}}@media(max-width:1050px){.header nav{gap:14px;font-size:12px}.hero-copy{width:52%;padding-left:4%}.hero h1{font-size:48px}.globe-stage{left:42%;width:55%}.jobgrid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.country-grid{grid-template-columns:repeat(3,1fr)}.industry-grid{grid-template-columns:repeat(4,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{display:none}.header{height:78px}.brand img{width:56px;height:56px}.brand b{font-size:21px}.brand strong{font-size:12px}.brand small{font-size:6px}.menu{display:block}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{min-height:720px}.hero-copy{width:100%;padding:45px 6% 30px;z-index:10}.hero h1{font-size:45px}.hero p{font-size:14px}.hero-points{gap:12px;flex-wrap:wrap}.people-layer{top:auto;bottom:0;right:-20%;width:95%;height:360px;opacity:.7}.globe-stage{left:12%;top:250px;width:90%;height:390px}.globe-controls{width:320px}.orbit-a,.orbit-b{width:330px}.trust-strip{margin:0 4%;grid-template-columns:repeat(2,1fr);gap:15px}.trust-strip div:nth-child(2){border:0}.section{padding:60px 6%}.section-head{display:block}.section-head h2,.section h2,.consult h2{font-size:34px}.jobgrid,.country-grid,.service-grid,.industry-grid,.steps{grid-template-columns:1fr}.split,.consult-inner{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

.globe-stage{isolation:isolate}
#globeCanvas{position:absolute;inset:0;z-index:2;pointer-events:none}

.globe-controls{z-index:13}
.globe-caption{z-index:13}

/* Realistic Earth hero treatment */
.hero{isolation:isolate}
.globe-stage{
  left:29%;
  top:48px;
  width:34%;
  height:500px;
  z-index:5;
  pointer-events:none;
}
.people-layer{
  right:0;
  top:0;
  width:51%;
  height:100%;
  z-index:8;
}
.real-globe{
  position:absolute;
  left:50%;
  top:44%;
  width:min(430px,78%);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  perspective:900px;
  transform-style:preserve-3d;
  filter:drop-shadow(0 20px 34px rgba(0,0,0,.30));
}
.earth-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  opacity:0;
  transform:rotateY(-8deg) scale(.98);
  transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);
  box-shadow:inset -28px -20px 50px rgba(0,0,0,.28),inset 12px 10px 28px rgba(255,255,255,.12);
}
.earth-frame.active{opacity:1;transform:rotateY(0) scale(1)}
.real-globe.turn{animation:earthTurn 1.7s cubic-bezier(.55,.05,.25,.95)}
.earth-atmosphere{
  position:absolute;
  inset:-2.5%;
  border-radius:50%;
  pointer-events:none;
  box-shadow:0 0 0 2px rgba(175,220,255,.38),0 0 25px rgba(85,175,255,.28),inset -18px -8px 30px rgba(0,0,0,.22);
}
.earth-pin{
  position:absolute;
  left:57%;
  top:43%;
  width:18px;height:18px;
  transform:translate(-50%,-50%);
  z-index:5;
}
.earth-pin i{
  position:absolute;
  width:10px;height:10px;left:4px;top:4px;
  border-radius:50%;
  background:#f3a900;
  border:2px solid #fff;
  box-shadow:0 0 0 5px rgba(243,169,0,.25),0 0 18px rgba(243,169,0,.85);
}
.earth-pin span{
  position:absolute;inset:-2px;border-radius:50%;
  border:1px solid rgba(243,169,0,.75);
}
.earth-pin.pulse span{animation:pinPulse 1.3s ease-out 2}

.globe-caption{bottom:6px;left:58%;z-index:15}
.globe-controls{width:100%;padding:0 2px;top:44%;z-index:16}
@keyframes earthTurn{
  0%{transform:translate(-50%,-50%) rotateY(0deg) scale(1)}
  45%{transform:translate(-50%,-50%) rotateY(38deg) scale(.98)}
  100%{transform:translate(-50%,-50%) rotateY(0deg) scale(1)}
}
@keyframes pinPulse{
  0%{transform:scale(.7);opacity:.9}
  100%{transform:scale(2.5);opacity:0}
}
@media(max-width:1050px){
  .globe-stage{left:28%;width:36%}
  .real-globe{width:min(370px,82%)}
}
@media(max-width:760px){
  .globe-stage{left:8%;top:235px;width:84%;height:360px;z-index:9}
  .real-globe{width:min(300px,70%)}
  .people-layer{z-index:7;opacity:.55}
  
  .globe-controls{width:82%}
  .globe-caption{left:60%;bottom:0}
}

/* v4 visual refinement: realistic globe gets more room without covering people */
.hero{min-height:610px}
.hero-copy{width:38%;padding:64px 0 88px 5.5%;z-index:10}
.hero h1{font-size:56px}
.globe-stage{left:32%;top:22px;width:43%;height:545px;z-index:7}
.globe-glow{width:390px;height:390px}
.people-layer{right:-1%;top:92px;width:34%;height:500px;z-index:9}
.people-layer img{object-position:right center}
.hero-shade{z-index:6;background:linear-gradient(90deg,#031b43 0%,#031b43e8 31%,#031b4350 47%,#031b4300 67%),linear-gradient(0deg,#031b4315,#031b4300 45%)}

.hero-metrics{position:absolute;left:5.5%;right:5.5%;bottom:0;z-index:12;background:#fff;color:var(--ink);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #001a451c;display:grid;grid-template-columns:repeat(5,1fr);padding:18px 20px;gap:10px}
.hero-metrics div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line)}
.hero-metrics div:last-child{border-right:0}
.hero-metrics b{font-size:25px;color:var(--orange)}
.hero-metrics span{font-size:11px;font-weight:700;color:var(--ink)}
.reviews-section{background:#f7f9fc}
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 28px #001a4508}
.stars{color:#ff7a00;letter-spacing:2px;font-size:17px;margin-bottom:14px}
.review-card p{font-size:13px;line-height:1.7;color:#33415b;min-height:110px}
.review-person{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:15px}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eef3fa;color:var(--ink);font-weight:900;font-size:11px}
.review-person b{display:block;font-size:12px}
.review-person small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.reviews-cta{text-align:center;margin-top:28px}
.review-hero{padding:90px 5.5%;background:linear-gradient(135deg,#f7f9fc,#fff)}
.review-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:0 auto;padding:60px 5.5%}
.review-page-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 35px #001a4508}
@media(max-width:980px){
 .hero{min-height:700px}
 .hero-copy{width:48%;padding-left:5%;padding-top:55px}
 .globe-stage{left:39%;width:47%;height:500px}
 .people-layer{width:31%;top:150px;height:430px}
 .hero-metrics{left:3%;right:3%;grid-template-columns:repeat(3,1fr)}
 .hero-metrics div:nth-child(3){border-right:0}
 .review-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .hero{min-height:820px}
 .hero-copy{width:90%;padding:45px 5% 0}
 .hero h1{font-size:42px}
 .globe-stage{left:5%;top:300px;width:90%;height:430px}
 .people-layer{width:46%;height:300px;top:260px;right:-3%;opacity:.85}
 
 .hero-metrics{left:4%;right:4%;bottom:0;grid-template-columns:repeat(2,1fr);padding:12px}
 .hero-metrics div{border-right:0;border-bottom:1px solid var(--line);padding:7px}
 .review-grid,.review-page-grid{grid-template-columns:1fr}
}

/* FINAL HERO LAYOUT: smaller fully visible globe, clear of people */
@media(min-width:981px){
  .hero{min-height:610px;}
  .hero-copy{width:39%;}
  .globe-stage{left:26%;top:20px;width:39%;height:550px;z-index:7;}
  .real-globe{width:min(370px,76%);top:44%;}
  .globe-glow{width:340px;height:340px;}
  .orbit-a{width:430px;height:135px;}
  .orbit-b{width:410px;height:160px;}
  .globe-controls{width:410px;}
  
  .people-layer{right:0;top:92px;width:31%;height:500px;z-index:9;}
}
@media(min-width:1200px){
  .globe-stage{left:25%;width:39%;}
  .real-globe{width:380px;}
  .people-layer{width:30%;}
}

/* Final realistic-globe animation: dependency-free, no floating country card. */
.globe-stage{perspective:1200px;transform:translateZ(0)}
.real-globe{position:absolute;left:50%;top:50%;width:min(430px,78%);aspect-ratio:1/1;transform:translate(-50%,-50%);transform-style:preserve-3d;z-index:4;will-change:transform}
.earth-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;opacity:0;backface-visibility:hidden;filter:drop-shadow(0 18px 30px rgba(0,0,0,.34));transition:opacity .65s ease}
.earth-frame.active{opacity:1}
.real-globe::before{content:"";position:absolute;inset:-1.5%;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle,rgba(50,175,255,.12),transparent 62%);box-shadow:0 0 0 2px rgba(145,210,255,.38),0 0 45px rgba(48,159,255,.28);pointer-events:none;z-index:5}
.earth-atmosphere{position:absolute;inset:-2%;border-radius:50%;box-shadow:inset -18px -12px 34px rgba(0,0,0,.42),inset 10px 8px 24px rgba(180,235,255,.20),0 0 22px rgba(115,205,255,.22);pointer-events:none;z-index:6}
.earth-pin{position:absolute;left:57%;top:43%;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,107,0,.20),0 0 20px rgba(255,168,45,.95);z-index:8;transform:translate(-50%,-50%);pointer-events:none}
.earth-pin i{display:block;width:8px;height:8px;margin:5px;border-radius:50%;background:#ff8a00}
.earth-pin span{position:absolute;inset:-8px;border:2px solid rgba(255,155,50,.55);border-radius:50%;animation:pinPulse 1.8s ease-out infinite}
.real-globe.turn{animation:globeTurn 4.2s cubic-bezier(.22,.72,.18,1) both}
.earth-frame.active{animation:earthBreath 4.2s ease-in-out infinite}
@keyframes globeTurn{
  0%{transform:translate(-50%,-50%) rotateY(-8deg) rotateZ(-1deg) scale(.985)}
  18%{transform:translate(-50%,-50%) rotateY(34deg) rotateZ(0deg) scale(1)}
  42%{transform:translate(-50%,-50%) rotateY(82deg) rotateZ(1deg) scale(.94)}
  50%{transform:translate(-50%,-50%) rotateY(96deg) rotateZ(0deg) scale(.90)}
  58%{transform:translate(-50%,-50%) rotateY(110deg) rotateZ(-1deg) scale(.94)}
  82%{transform:translate(-50%,-50%) rotateY(154deg) rotateZ(0deg) scale(1)}
  100%{transform:translate(-50%,-50%) rotateY(188deg) rotateZ(1deg) scale(.985)}
}
@keyframes earthBreath{0%,100%{filter:drop-shadow(0 18px 30px rgba(0,0,0,.34))}50%{filter:drop-shadow(0 22px 38px rgba(0,0,0,.42))}}
@keyframes pinPulse{0%{transform:scale(.65);opacity:.95}75%{transform:scale(1.7);opacity:0}100%{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){
 .real-globe.turn,.earth-frame.active,.earth-pin span{animation:none!important}
}

/* v8 — true 3D Earth and integrated people composition */
.globe-stage{left:27%;top:20px;width:42%;height:540px;z-index:7;overflow:visible;pointer-events:none}
#globeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:4;pointer-events:none}
.globe-stage .globe-glow{width:420px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.45}
.globe-stage .globe-caption{left:50%;bottom:14px;transform:translateX(-50%);z-index:15;white-space:nowrap}
.globe-controls{z-index:16;width:430px;top:48%;pointer-events:auto}
.people-layer{right:-1%;top:55px;width:34%;height:555px;z-index:9;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 8%,#000 20%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 8%,#000 20%,#000 100%)}
.people-layer img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}
.hero-shade{z-index:6;background:linear-gradient(90deg,#031b43 0%,#031b43e8 30%,#031b4360 48%,transparent 68%),linear-gradient(0deg,#031b4312,transparent 45%)}
@media(min-width:1200px){
  .globe-stage{left:27%;width:40%;height:540px}
  .people-layer{width:34%;right:1%;height:555px}
}
@media(max-width:1050px){
  .globe-stage{left:29%;width:42%;height:500px}
  .people-layer{width:32%;height:470px;top:100px}
  .globe-controls{width:90%}
}
@media(max-width:760px){
  .globe-stage{left:7%;top:260px;width:88%;height:390px}
  .people-layer{width:45%;height:300px;top:300px;right:-2%;opacity:.85}
  .globe-stage .globe-caption{bottom:2px}
}
.earth-frame{display:none!important}
.real-globe{display:none!important}

/* FINAL FIX: globe must remain visible above hero overlay */
.hero-shade{z-index:5 !important;}
.globe-stage{z-index:8 !important;}
#globeCanvas{z-index:9 !important;display:block !important;visibility:visible !important;opacity:1 !important;}
.people-layer{z-index:10 !important;}
.globe-caption,.globe-controls{z-index:12 !important;}
.real-globe{display:block !important;}

/* FINAL FIX: visible, continuous realistic Earth rotation without WebGL/Three.js */
.globe-stage{position:absolute;left:29%;top:25px;width:39%;height:560px;z-index:5;pointer-events:none;display:block}
.globe-realistic{position:absolute;left:50%;top:50%;width:min(510px,92%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:visible;filter:drop-shadow(0 20px 35px rgba(0,0,0,.28))}
.globe-earth{position:absolute;inset:0;border-radius:50%;background-image:url("https://threejs.org/examples/textures/planets/earth_atmos_2048.jpg");background-repeat:repeat-x;background-size:200% 100%;background-position:0 50%;box-shadow:inset -35px -25px 55px rgba(0,0,0,.52),inset 20px 10px 35px rgba(255,255,255,.16),0 0 0 2px rgba(125,195,255,.62),0 0 38px rgba(70,170,255,.30);overflow:hidden}
.globe-earth:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.20),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 42%,rgba(0,0,0,.24));pointer-events:none}
.globe-atmosphere{position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(102,190,255,.42);box-shadow:0 0 18px rgba(75,175,255,.35),inset 0 0 20px rgba(120,210,255,.18);pointer-events:none}
.globe-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.22),transparent 20%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.08) 52%,transparent 61%);pointer-events:none}
.globe-marker{position:absolute;width:13px;height:13px;border-radius:50%;background:#ff8a00;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 5px rgba(255,138,0,.22),0 0 20px rgba(255,138,0,.9);animation:globePulse 1.8s ease-in-out infinite;z-index:4}
.marker-uk{left:54%;top:31%}.marker-de{left:57%;top:34%}.marker-sg{left:72%;top:63%}.marker-uae{left:62%;top:48%}.marker-ca{left:27%;top:31%}.marker-kr{left:76%;top:37%}
@keyframes globePulse{50%{transform:scale(1.45);box-shadow:0 0 0 10px rgba(255,138,0,.04),0 0 28px rgba(255,138,0,1)}}
#globeCanvas{display:none!important}
.globe-controls{z-index:15}.globe-caption{z-index:15}.people-layer{z-index:8}
@media(max-width:1050px){.globe-stage{left:32%;width:40%;height:500px}.globe-realistic{width:min(430px,96%)}}
@media(max-width:760px){.globe-stage{left:7%;top:245px;width:88%;height:390px}.globe-realistic{width:330px}}

/* FINAL COUNTRY-MARKER SYNC
   Markers are projected from longitude/latitude on every animation frame.
   No marker has a fixed geographic screen position. */
.globe-realistic{position:relative;overflow:visible}
.globe-marker{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#ff8a00;border:3px solid rgba(255,255,255,.95);box-shadow:0 0 0 5px rgba(255,138,0,.20),0 0 20px rgba(255,138,0,.95);animation:globePulse 1.8s ease-in-out infinite;pointer-events:none;transform-origin:center}
.marker-uk,.marker-de,.marker-sg,.marker-uae,.marker-ca,.marker-kr{left:50%;top:50%}

/* FINAL EXACT 3D GEO-MARKER GLOBE
   Every destination marker is a Three.js child of the rotating Earth group.
   Longitude/latitude determine its 3D coordinate; there are no independent
   screen-positioned markers. */
.globe-stage{
  position:absolute;
  left:29%;
  top:18px;
  width:39%;
  height:570px;
  z-index:12;
  pointer-events:none;
  overflow:visible;
}
#earth3d{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.earth3d-canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}
.globe-caption{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  z-index:20;
  pointer-events:none;
}
.globe-controls{
  position:absolute;
  inset:0;
  z-index:21;
  pointer-events:none;
}
.globe-controls button{
  pointer-events:auto;
}
.people-layer{
  z-index:18;
}
@media(max-width:1050px){
  .globe-stage{left:30%;width:41%;height:500px}
}
@media(max-width:760px){
  .globe-stage{left:5%;top:230px;width:90%;height:390px}
}

/* STATIC REAL-EARTH HERO SLIDESHOW — one globe visible at a time */
.static-globe-stage{position:absolute;left:30%;top:20px;width:39%;height:570px;z-index:12;pointer-events:none;overflow:visible}
.globe-slides{position:absolute;inset:0}.globe-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.985);transition:opacity .65s ease,transform .65s ease;visibility:hidden}.globe-slide.active{opacity:1;transform:scale(1);visibility:visible}
.globe-slide img{display:block;width:min(100%,600px);height:auto;max-height:570px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.30))}.globe-label{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:9px 15px;border-radius:999px;background:rgba(3,24,58,.90);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:800;letter-spacing:.35px;white-space:nowrap;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.globe-controls{position:absolute;inset:0;z-index:30;pointer-events:none}.globe-controls button{position:absolute;top:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(4,24,58,.62);color:#fff;font-size:32px;line-height:1;cursor:pointer;pointer-events:auto;backdrop-filter:blur(6px)}.globe-controls button:first-child{left:4px}.globe-controls button:last-child{right:4px}
.globe-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:8px;z-index:31}.globe-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.72);display:block;transition:.25s}.globe-dots span.active{background:#ff6b00;transform:scale(1.25)}
@media(max-width:1050px){.static-globe-stage{left:29%;width:42%;height:500px}.globe-slide img{max-height:500px}}@media(max-width:760px){.static-globe-stage{left:5%;top:220px;width:90%;height:390px}.globe-slide img{max-height:390px}.globe-label{bottom:18px;font-size:10px}.globe-controls button{width:38px;height:38px}}

/* ============================================================
   FINAL HERO: SINGLE STATIC REALISTIC GLOBE
   One globe only. No rotation, no carousel, no floating cards.
   The globe is visually integrated into the navy hero and sits
   behind the content while remaining fully visible.
   ============================================================ */
.hero{
  position:relative;
  overflow:hidden;
  min-height:610px;
  background:#031b43;
}
.single-static-globe{
  position:absolute!important;
  left:28.5%!important;
  top:18px!important;
  width:43%!important;
  height:555px!important;
  z-index:7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.single-globe-wrap{
  position:relative;
  width:min(525px,100%);
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.single-globe-wrap::before{
  content:"";
  position:absolute;
  inset:2%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(65,150,255,.22) 0%,rgba(36,105,190,.10) 46%,transparent 72%);
  filter:blur(10px);
  z-index:-1;
}
.single-globe-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.36));
}
.single-static-globe + .people-layer{
  z-index:10!important;
}
.hero-shade{
  z-index:6!important;
  pointer-events:none;
  background:
    linear-gradient(90deg,#031b43 0%,#031b43ee 28%,#031b4355 46%,transparent 69%),
    linear-gradient(0deg,rgba(3,27,67,.12),transparent 48%);
}
.hero-copy{
  position:relative;
  z-index:11!important;
}
.hero-metrics{
  z-index:12!important;
}
@media(max-width:1050px){
  .single-static-globe{
    left:27%!important;
    width:45%!important;
    height:500px!important;
  }
  .single-globe-wrap{width:min(450px,100%)}
}
@media(max-width:760px){
  .hero{min-height:820px}
  .single-static-globe{
    left:4%!important;
    top:285px!important;
    width:92%!important;
    height:400px!important;
  }
  .single-globe-wrap{width:350px}
  .single-static-globe + .people-layer{
    top:330px!important;
    width:43%!important;
    height:300px!important;
  }
}

/* FINAL GLOBAL DESTINATIONS HERO
   Single static realistic globe, integrated into the hero.
   No animation, carousel, floating cards, or independent markers. */
.hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:610px!important;
  background:#031b43!important;
}
.single-static-globe{
  position:absolute!important;
  left:27.5%!important;
  top:20px!important;
  width:48%!important;
  height:570px!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.single-globe-wrap{
  position:relative!important;
  width:min(700px,100%)!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.single-globe-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.34))!important;
}
.hero-copy{
  position:relative!important;
  z-index:12!important;
  max-width:650px!important;
}
.people-layer{
  position:absolute!important;
  right:0!important;
  z-index:10!important;
  width:33%!important;
}
.hero-shade{
  z-index:8!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#031b43 0%,rgba(3,27,67,.97) 24%,rgba(3,27,67,.25) 51%,rgba(3,27,67,0) 70%)!important;
}
@media(max-width:1100px){
  .single-static-globe{
    left:24%!important;
    width:51%!important;
    height:520px!important;
  }
  .people-layer{width:32%!important}
}
@media(max-width:760px){
  .hero{min-height:850px!important}
  .single-static-globe{
    left:2%!important;
    top:300px!important;
    width:96%!important;
    height:400px!important;
  }
  .people-layer{
    top:330px!important;
    right:3%!important;
    width:40%!important;
  }
}

/* ==========================================================
   FINAL REFERENCE-MATCH HERO
   Uses the exact hero composition supplied by the customer.
   One static destination globe, already marked with countries.
   No generated/animated globe layer is used.
   ========================================================== */
.hero-reference-match{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#031b43!important;
  line-height:0!important;
}
.hero-reference-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
}
.hero-reference-actions{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
}
.hero-hotspot{
  position:absolute!important;
  display:block!important;
  pointer-events:auto!important;
  background:transparent!important;
  border:0!important;
}
.hero-hotspot-jobs{
  left:5.0%!important;
  top:63.8%!important;
  width:13.7%!important;
  height:11.5%!important;
}
.hero-hotspot-consult{
  left:20.0%!important;
  top:63.8%!important;
  width:17.8%!important;
  height:11.5%!important;
}
@media(max-width:760px){
  .hero-reference-image{width:100%!important;height:auto!important}
}

/* ==========================================================
   EXACT STATIC HERO BANNER
   The approved hero artwork is one complete image. It is not
   rebuilt with separate globe/person layers, so the browser
   renders exactly the supplied composition.
   ========================================================== */
.exact-static-hero{
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  background:#031b43;
  overflow:hidden;
  position:relative;
  z-index:20;
}
.exact-static-hero-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:center top;
}
[data-original-hero="hidden-by-exact-static-banner"]{
  display:none!important;
}

/* SINGLE HEADER FINALIZATION */
.exact-static-hero{
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  background:#031b43;
  overflow:hidden;
}
.exact-static-hero-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
}