.company .world {
  position: relative;
  width: min(100%, 560px);
  min-height: 0;
  aspect-ratio: 1;
  justify-self: center;
  overflow: hidden;
  isolation: isolate;
  border-radius: 50%;
  background: #012845;
  transform: none;
  box-shadow:
    0 45px 70px rgba(0,25,48,.34),
    0 16px 30px rgba(0,77,121,.2),
    0 0 0 1px rgba(83,205,255,.42),
    inset -82px -24px 100px rgba(0,5,20,.92),
    inset 48px 24px 70px rgba(92,217,255,.2);
}

.company .world::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 4%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 27% 19%, rgba(255,255,255,.3) 0 2%, rgba(120,221,255,.16) 8%, transparent 25%),
    radial-gradient(ellipse at 50% 42%, transparent 48%, rgba(0,14,35,.2) 68%, rgba(0,5,19,.82) 96%);
  box-shadow:
    inset 22px 10px 42px rgba(135,230,255,.08),
    inset -36px -12px 62px rgba(0,0,10,.36);
  pointer-events: none;
}

.company .world::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 1px solid rgba(87,211,255,.48);
  border-radius: 50%;
  background:
    linear-gradient(106deg, rgba(255,255,255,.12), transparent 24%, transparent 68%, rgba(0,4,16,.54));
  box-shadow:
    inset 0 0 58px rgba(62,198,255,.16),
    inset -26px -5px 48px rgba(0,3,14,.38);
  pointer-events: none;
}

.company .world .globe-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.company .world .pin {
  display: none;
}

.company .world .rings {
  display: block;
  position: absolute;
  z-index: 4;
  inset: 3%;
  border-radius: 50%;
  border-left: 2px solid rgba(132,226,255,.3);
  border-top: 1px solid rgba(176,238,255,.2);
  border-right: 2px solid rgba(0,15,34,.55);
  filter: blur(.2px);
  pointer-events: none;
}

@media (max-width: 900px) {
  .company .world { width: min(86vw, 520px); }
}