/* The Onyx Trial Roadmap v1.1.0 */
.otr-roadmap {
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0 0 0 -50vw!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#fff;
  line-height:1.4;
  overflow:visible!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.otr-roadmap * { box-sizing:border-box; }
.otr-canvas {
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  line-height:0!important;
  overflow:hidden!important;
}
.otr-artwork {
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  image-rendering:auto;
}
/* Hover targets match the actual card row; there are no map-marker hit areas. */
.otr-card-hit {
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  line-height:normal!important;
  text-shadow:none!important;
  outline:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.otr-card-hit:hover,.otr-card-hit:focus-visible {
  border-color:rgba(72,215,232,.82)!important;
  background:rgba(72,215,232,.10)!important;
  box-shadow:0 0 0 1px rgba(72,215,232,.22),0 0 22px rgba(72,215,232,.18)!important;
  transform:translateY(-2px)!important;
}
.otr-card-atlas:hover,.otr-card-atlas:focus-visible {
  border-color:rgba(255,157,67,.86)!important;
  background:rgba(255,157,67,.10)!important;
  box-shadow:0 0 0 1px rgba(255,157,67,.22),0 0 22px rgba(255,157,67,.17)!important;
}
/* Actual card row: x-coordinates match the seven cards; y begins at card tops (~61.5%). */
.otr-card-polaris { left:1.7%;  top:61.3%; width:13.1%; height:29.3%; }
.otr-card-tidal   { left:15.5%; top:61.3%; width:13.2%; height:29.3%; }
.otr-card-aurora  { left:29.4%; top:61.3%; width:13.2%; height:29.3%; }
.otr-card-signal  { left:43.2%; top:61.3%; width:13.2%; height:29.3%; }
.otr-card-horizon { left:57.1%; top:61.3%; width:13.2%; height:29.3%; }
.otr-card-atlas   { left:71%;   top:61.3%; width:13.2%; height:29.3%; }
.otr-card-fusion  { left:84.9%; top:61.3%; width:13.4%; height:29.3%; }
@media(max-width:700px) {
  .otr-roadmap { overflow-x:auto!important; }
  .otr-canvas { min-width:760px!important; }
  .otr-card-hit { border-radius:8px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .otr-card-hit { transition:none!important; }
}