/* Scoped to the market map and statistics; the partner logo section is separate. */
.figma-home .proto-market {
  padding: 70px 0 0;
  overflow: hidden;
  background: #fff;
}
.figma-home .proto-market .proto-title { margin-bottom: 40px; }
.figma-home .proto-market .proto-wrap { width: min(1340px, calc(100% - var(--site-gutter))); }
.figma-home .proto-market-layout {
  width: 100%; height: auto; margin: 0 auto; overflow: visible;
  display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; align-items: center;
}
.figma-home .proto-market-side {
  position: relative; inset: auto; width: 100%; height: 100%; margin: 0;
  top: 0;
  display: flex; flex-direction: column; justify-content: center; gap: 52px;
}
.figma-home .market-info-block h3 { align-items: flex-start; gap: 8px; text-align: left; }
.figma-home .market-info-block h3 strong {
  font-size: 38px; font-weight: 500; line-height: 1.15; letter-spacing: 0;
  color: #005dbe; background: none;
  -webkit-text-fill-color: #005dbe;
}
.figma-home .market-info-block h3 span { color: #404954; font-size: 13px; }
.figma-home .proto-market-map {
  position: relative; inset: auto; width: 100%; height: 760px; min-height: 0;
  margin: 0; aspect-ratio: auto; transform: none; background: transparent;
  overflow: hidden; touch-action: pan-y;
}
.figma-home .market-globe-shadow {
  display: none; position: absolute; z-index: 0;
  left: 50%; top: var(--market-globe-center-y);
  width: var(--market-globe-diameter); height: var(--market-globe-diameter);
  max-width: none; transform: translate(-50%, -50%);
  object-fit: fill; opacity: .05; pointer-events: none; user-select: none;
}
.figma-home .proto-market-map.is-globe-ready .market-globe-shadow { display: block; }
.figma-home .market-globe-canvas { position: relative; z-index: 1; display: block; width: 100%; height: 100%; cursor: grab; }
.figma-home .market-globe-canvas:active { cursor: grabbing; }
.figma-home .proto-market-map.is-globe-ready .market-map-image,
.figma-home .proto-market-map.is-globe-ready .market-center-marker { display: none; }
.figma-home .proto-market-map.is-globe-ready .map-marker {
  width: 28px; height: 28px; border-radius: 50%; cursor: pointer;
}
.figma-home .proto-market-map.is-globe-ready .map-marker[hidden] { display: none; }
.figma-home .proto-market-map.is-globe-ready .map-marker::before {
  width: 15px; height: 15px; border: 2.5px solid #fff; box-sizing: border-box;
  background: #1769e8; box-shadow: 0 0 0 2px #fff, 0 3px 10px 2px rgba(36, 65, 105, .12);
}
.figma-home .proto-market-map.is-globe-ready .map-marker strong {
  left: 33px; right: auto; top: 50%; bottom: auto; transform: translateY(-50%);
  padding: 0; border: 0; border-radius: 0; background: transparent;
  color: #34445a; box-shadow: none; opacity: 1; visibility: visible;
  font-size: 12px; font-weight: 500; line-height: 1.4;
  text-shadow: 0 1px 3px #fff, 0 0 6px #fff; pointer-events: none;
}
.figma-home .proto-market-map.is-globe-ready .map-marker:is(:hover, :focus-visible) { z-index: 6; }
.figma-home .proto-market-map.is-globe-ready .map-marker:is(:hover, :focus-visible) strong { opacity: 1; visibility: visible; }
@media (max-width: 900px) {
  .figma-home .proto-market-layout { display: flex; flex-direction: column; gap: 24px; }
  .figma-home .proto-market-side {
    height: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
  }
  .figma-home .market-info-block h3 { align-items: center; text-align: center; }
  .figma-home .proto-market-map { height: 620px; }
}
@media (max-width: 600px) {
  .figma-home .proto-market { padding-top: 70px; }
  .figma-home .proto-market .proto-title { margin-bottom: 40px; }
  .figma-home .proto-market-side { gap: 12px; }
  .figma-home .market-info-block h3 strong { font-size: 34px; }
  .figma-home .market-info-block h3 span { font-size: 13px; }
  .figma-home .proto-market-map { height: 430px; }
}