.atlas-hero{height:500px;padding:0;background:#f7faf6}
.atlas-hero>.wrap{padding-top:67px}
.hero-atlas-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-atlas-stage{position:absolute;left:50%;top:0;margin-left:-640px;width:1280px;height:500px;transform:translate(250px,32px) scale(.87);transform-origin:top left}
.atlas-map{position:absolute;inset:0;background:url('/assets/atlas-world.png') center/cover no-repeat;filter:saturate(.55) contrast(.88) brightness(1.08);opacity:.86;mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 90%,transparent 100%)}
.atlas-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7faf6 0%,rgba(247,250,246,.98) 10%,rgba(247,250,246,.8) 20%,rgba(247,250,246,.35) 30%,rgba(247,250,246,.07) 42%,rgba(247,250,246,.04) 100%)}
.atlas-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.atlas-routes-mobile{display:none}
.atlas-route{fill:none;stroke:#075b49;stroke-width:2.25;stroke-dasharray:5 5;opacity:.9;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 -1px 0 rgba(255,255,255,.95))}
.atlas-leader{fill:none;stroke:#075b49;stroke-width:1.5;opacity:.8}
.atlas-node{fill:#fff;stroke:#075b49;stroke-width:2}
.atlas-badge{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);padding:3px;border:1px solid rgba(12,89,62,.26);border-radius:5px;background:rgba(255,255,255,.96);box-shadow:0 2px 7px rgba(7,56,45,.16)}
.atlas-badge img{width:22px;height:16.5px;border-radius:2px;display:block;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.09)}
.atlas-us{left:280px;top:159px}.atlas-uk{left:486px;top:83px}.atlas-de{left:573px;top:96px}.atlas-es{left:470px;top:147px}.atlas-it{left:605px;top:157px}.atlas-br{left:405px;top:310px}.atlas-za{left:617px;top:376px}.atlas-kr{left:997px;top:151px}.atlas-jp{left:1035px;top:158px}.atlas-au{left:1007px;top:369px}
.atlas-map-hint{display:none}
@media(max-width:1050px) and (min-width:701px){
  .hero-atlas-stage{transform:translate(220px,32px) scale(.8)}
  .hero-atlas-viewport{mask-image:linear-gradient(90deg,transparent 0%,transparent 55%,#000 95%)}
}
@media(max-width:700px){
  .atlas-hero{height:auto;padding:0 0 44px}.atlas-hero>.wrap{padding-top:36px}
  .atlas-hero .hero-description{max-width:100%;line-height:1.75}
  .atlas-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:5px}
  .hero-atlas-viewport{display:none}
}