/* Refinement of the pinned dark passage. All detail is static and decorative. */
.dark-world-inner {
  background: repeating-linear-gradient(90deg, transparent 0 8px, #1b1b1d 9px, transparent 10px);
}
.horizon:before {
  background: linear-gradient(#111112, #111112) padding-box,
    linear-gradient(90deg, #c47743 4%, #b2ad58 38%, #afc1ad 52%, #96c3cc 70%, #526775 96%) border-box;
}
.horizon:after {
  top: -6px;
  background: linear-gradient(90deg, #c47743 4%, #b2ad58 38%, #afc1ad 52%, #96c3cc 70%, #526775 96%);
  filter: blur(16px);
  opacity: .62;
}
.signal-visual {
  --signal-accent: #9fc5b2;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #111112;
}
.signal-visual[data-product="mtm"] { --signal-accent: #91b6c5; }
.signal-visual[data-product="sms"] { --signal-accent: #b2c7a3; }
.signal-visual:before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--signal-accent) 7%, transparent), transparent 70%);
}
.signal-visual > [role="tabpanel"] {
  position: relative;
  width: 100%;
  max-width: 460px;
  z-index: 1;
}
.signal-mark-wrap {
  position: relative;
  isolation: isolate;
  width: 460px;
  max-width: 100%;
  margin: 0 auto 30px;
}
.signal-visual .signal-mark-wrap .product-mark {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  margin: 0;
}
.signal-radar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 640px;
  max-width: none;
  transform: translate(-50%, -50%);
  pointer-events: none;
  stroke-width: 1;
  mask-image: radial-gradient(circle, transparent 0 55px, #000 112px);
}
.radar-rings { stroke: #343638; }
.radar-axes { stroke: #2b2d2f; stroke-dasharray: 2 7; }
.radar-accent { stroke: var(--signal-accent); opacity: .45; }
.radar-register { stroke: #626769; opacity: .5; }
.signal-visual p, .signal-visual .text-link {
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 6px #111112, 0 0 3px #111112;
}
.connectivity {
  position: relative;
  isolation: isolate;
  background: #111112;
}
.connectivity:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 8px, #202022 9px, transparent 10px);
  mask-image: radial-gradient(ellipse at 50% 58%, #000 10%, transparent 76%);
}
.channel-orbit {
  gap: clamp(24px, 3.2vw, 46px);
  max-width: 1040px;
}
.channel-orbit:before {
  background: linear-gradient(90deg, transparent, #323436 20%, #424549 50%, #323436 80%, transparent);
}
.channel-orbit > span {
  width: clamp(80px, 6.667vw, 96px);
  height: clamp(80px, 6.667vw, 96px);
  border-color: #303234;
  background: linear-gradient(155deg, #242527, #1b1c1e 70%);
}
.channel-orbit > span:nth-child(2n) { transform: none; }
.channel-orbit > span > .icon {
  width: 38px;
  height: 38px;
  stroke-width: 1.75;
  color: #e7e9ec;
}
@media (max-width: 767px) {
  .signal-radar { width: 430px; height: 430px; }
  .signal-mark-wrap { width: 330px; margin-bottom: 25px; }
  .channel-orbit { gap: 12px; max-width: 280px; }
  .channel-orbit > span { width: 64px; height: 64px; }
  .channel-orbit > span > .icon { width: 30px; height: 30px; }
  .horizon:after { filter: blur(12px); opacity: .52; top: -4px; }
}