/*
 * SymSoul Talent Observatory — Portable Subdomain CSS
 * Source authority: Simme CSS Manager master exported 21/09/2026 12:38:51
 *
 * This file contains ONLY CSS rules belonging to the SymSoul Talent Observatory
 * (.ssto / data-ssto / ssto-* animations) extracted in original cascade order.
 *
 * No EDD Flow, Media Organiser, Lord Dancer, CSS Manager or other Simme site CSS
 * is included.
 */

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-hit {
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--halo {
  opacity: .56 !important;
  filter: blur(2.2px) drop-shadow(0 0 7px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--family {
  opacity: .72 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--energy {
  opacity: .95 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-family-count {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--halo {
  opacity: .72 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--family {
  opacity: .90 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-hit {
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-pulse,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-halo,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-inner,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-glyph-line,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-glyph-dot,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-glyph-centre,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-family-dot {
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
  outline: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-hit {
  fill: rgba(0,0,0,.001) !important;
  stroke: none !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:hover .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:focus .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node.is-selected .ssto-dna-node-body {
  stroke: #dcfbff !important;
  stroke-width: 2.1 !important;
  filter: drop-shadow(0 0 6px #8df1ff) drop-shadow(0 0 14px #31d4ff) drop-shadow(0 0 20px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:hover .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:focus .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node.is-selected .ssto-dna-node-orbit {
  stroke: #d6fbff !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px #55ddff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node.is-selected .ssto-dna-node-halo {
  opacity: .34 !important;
  filter: blur(3px) drop-shadow(0 0 11px #52ddff) drop-shadow(0 0 16px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel-link-layer {
  pointer-events: none !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel-link {
  fill: none !important;
  stroke: #9cf4ff !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 4 4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 4px #4edfff) !important;
  opacity: .86 !important;
  animation: ssto-v5861-panel-link-in .30s ease both !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel-link-dot {
  fill: var(--panel-colour,#7be8ff) !important;
  stroke: #e8fdff !important;
  stroke-width: .8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px var(--panel-colour,#7be8ff)) !important;
}

@keyframes ssto-v5861-panel-link-in {
  from { opacity: 0; stroke-dashoffset: 15; }
  to { opacity: .86; stroke-dashoffset: 0; }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel {
  position: absolute !important;
  z-index: 55 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: clamp(250px, 29vw, 310px) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 17px 18px 16px !important;
  overflow: hidden !important;
  color: #eefbff !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent), transparent 39%),
    radial-gradient(circle at 88% 0%, rgba(69,221,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(8,27,48,.985), rgba(3,15,29,.995)) !important;
  border: 1px solid rgba(120,231,255,.55) !important;
  border-radius: 25px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px color-mix(in srgb, var(--node-family,#4de9ff) 10%, transparent),
    0 0 28px rgba(54,214,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.74) translateY(7px) !important;
  transform-origin: var(--node-panel-origin-x,50%) var(--node-panel-origin-y,50%) !important;
  filter: blur(5px) !important;
  transition: opacity .23s ease, transform .30s cubic-bezier(.18,.86,.24,1.12), filter .22s ease, visibility .22s ease !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) translateY(0) !important;
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__top {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 11px !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__planet {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #dffcff !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(194,249,255,.20), transparent 22%),
    radial-gradient(circle, rgba(15,73,111,.98), rgba(4,21,41,.99) 70%) !important;
  border: 1px solid #7cecff !important;
  box-shadow: 0 0 0 4px rgba(83,220,255,.08), 0 0 18px rgba(67,220,255,.24), 0 0 23px color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__planet::after {
  position: absolute !important;
  inset: -6px !important;
  content: "" !important;
  border: 1px dashed rgba(136,239,255,.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: #89edff !important;
  font-size: .51rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.87rem,1.35vw,1.04rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__close {
  all: unset !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  color: #dffaff !important;
  background: rgba(10,35,57,.90) !important;
  border: 1px solid rgba(125,230,255,.35) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__close:hover,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__close:focus-visible {
  color: #fff !important;
  border-color: rgba(155,242,255,.86) !important;
  box-shadow: 0 0 14px rgba(64,220,255,.18) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__relationship {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--node-family,#4de9ff) 72%, #fff 28%) !important;
  background: color-mix(in srgb, var(--node-family,#4de9ff) 8%, rgba(6,18,34,.75)) !important;
  border: 1px solid color-mix(in srgb, var(--node-family,#4de9ff) 32%, transparent) !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__relationship::before {
  width: 6px !important;
  height: 6px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: var(--node-family,#4de9ff) !important;
  box-shadow: 0 0 8px var(--node-family,#4de9ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__summary {
  margin: 12px 0 0 !important;
  color: #b8cadd !important;
  font-size: .68rem !important;
  line-height: 1.48 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__status {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  color: #8ea8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(170,220,244,.09) !important;
  font-size: .57rem !important;
  line-height: 1.38 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__status::before {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 2px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #65dcff !important;
  box-shadow: 0 0 8px rgba(77,222,255,.62) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__atlas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg,rgba(24,112,153,.42),rgba(8,43,70,.62)) !important;
  border: 1px solid rgba(99,225,255,.35) !important;
  font-size: .57rem !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__atlas[hidden] {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"].has-lineage-panel .ssto-talent-side-label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:759px) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel.is-sheet {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 14px 13px !important;
    border-radius: 22px !important;
    transform: translateY(18px) scale(.98) !important;
    transform-origin: 50% 100% !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel.is-sheet.is-visible {
    transform: translateY(0) scale(1) !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__top {
    grid-template-columns: 42px minmax(0,1fr) 30px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__planet {
    width: 40px !important;
    height: 40px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel__summary {
    font-size: .62rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel,
  html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-node-panel-link {
    animation: none !important;
    transition: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-glyph {
  transform-box: fill-box !important;
  transform-origin: center !important;
  animation: ssto-v5861-glyph-spin 8.8s linear infinite !important;
  will-change: transform !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node.is-selected .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:hover .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node:focus .ssto-dna-node-glyph {
  animation-duration: 5.2s !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-hit {
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-halo {
  opacity: .26 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment {
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@keyframes ssto-v5861-glyph-spin {
  0% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(126deg) scale(1.03); }
  65% { transform: rotate(234deg) scale(.985); }
  100% { transform: rotate(360deg) scale(1); }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-glyph {
    animation: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node {
  isolation: isolate !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-node-hit {
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--halo {
  opacity: .96 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--energy {
  opacity: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--halo {
  stroke-width: 6.4 !important;
  opacity: .34 !important;
  filter: blur(1.7px) drop-shadow(0 0 6px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--family {
  stroke-width: 2.9 !important;
  opacity: .88 !important;
  filter: drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-segment--energy {
  stroke-width: 1.15 !important;
  opacity: .96 !important;
  filter: drop-shadow(0 0 2px #93f5ff) drop-shadow(0 0 5px #35d8ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-dna-pulse {
  filter: drop-shadow(0 0 5px #8ef4ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node {
  pointer-events: all !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-hit {
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-segment,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-pulse,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-halo,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-inner,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-glyph-line,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-glyph-dot,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-glyph-centre,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-family-dot {
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
  outline: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-hit {
  fill: rgba(0,0,0,.001) !important;
  stroke: none !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:hover .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:focus .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node.is-selected .ssto-dna-node-body {
  stroke: #dcfbff !important;
  stroke-width: 2.1 !important;
  filter: drop-shadow(0 0 6px #8df1ff) drop-shadow(0 0 14px #31d4ff) drop-shadow(0 0 20px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:hover .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:focus .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node.is-selected .ssto-dna-node-orbit {
  stroke: #d6fbff !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px #55ddff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node.is-selected .ssto-dna-node-halo {
  opacity: .34 !important;
  filter: blur(3px) drop-shadow(0 0 11px #52ddff) drop-shadow(0 0 16px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel-link-layer {
  pointer-events: none !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel-link {
  fill: none !important;
  stroke: #9cf4ff !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 4 4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 4px #4edfff) !important;
  opacity: .86 !important;
  animation: ssto-v581-panel-link-in .30s ease both !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel-link-dot {
  fill: var(--panel-colour,#7be8ff) !important;
  stroke: #e8fdff !important;
  stroke-width: .8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px var(--panel-colour,#7be8ff)) !important;
}

@keyframes ssto-v581-panel-link-in {
  from { opacity: 0; stroke-dashoffset: 15; }
  to { opacity: .86; stroke-dashoffset: 0; }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel {
  position: absolute !important;
  z-index: 55 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: clamp(250px, 29vw, 310px) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 17px 18px 16px !important;
  overflow: hidden !important;
  color: #eefbff !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent), transparent 39%),
    radial-gradient(circle at 88% 0%, rgba(69,221,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(8,27,48,.985), rgba(3,15,29,.995)) !important;
  border: 1px solid rgba(120,231,255,.55) !important;
  border-radius: 25px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px color-mix(in srgb, var(--node-family,#4de9ff) 10%, transparent),
    0 0 28px rgba(54,214,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.74) translateY(7px) !important;
  transform-origin: var(--node-panel-origin-x,50%) var(--node-panel-origin-y,50%) !important;
  filter: blur(5px) !important;
  transition: opacity .23s ease, transform .30s cubic-bezier(.18,.86,.24,1.12), filter .22s ease, visibility .22s ease !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) translateY(0) !important;
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__top {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 11px !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__planet {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #dffcff !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(194,249,255,.20), transparent 22%),
    radial-gradient(circle, rgba(15,73,111,.98), rgba(4,21,41,.99) 70%) !important;
  border: 1px solid #7cecff !important;
  box-shadow: 0 0 0 4px rgba(83,220,255,.08), 0 0 18px rgba(67,220,255,.24), 0 0 23px color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__planet::after {
  position: absolute !important;
  inset: -6px !important;
  content: "" !important;
  border: 1px dashed rgba(136,239,255,.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: #89edff !important;
  font-size: .51rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.87rem,1.35vw,1.04rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__close {
  all: unset !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  color: #dffaff !important;
  background: rgba(10,35,57,.90) !important;
  border: 1px solid rgba(125,230,255,.35) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__close:hover,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__close:focus-visible {
  color: #fff !important;
  border-color: rgba(155,242,255,.86) !important;
  box-shadow: 0 0 14px rgba(64,220,255,.18) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__relationship {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--node-family,#4de9ff) 72%, #fff 28%) !important;
  background: color-mix(in srgb, var(--node-family,#4de9ff) 8%, rgba(6,18,34,.75)) !important;
  border: 1px solid color-mix(in srgb, var(--node-family,#4de9ff) 32%, transparent) !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__relationship::before {
  width: 6px !important;
  height: 6px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: var(--node-family,#4de9ff) !important;
  box-shadow: 0 0 8px var(--node-family,#4de9ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__summary {
  margin: 12px 0 0 !important;
  color: #b8cadd !important;
  font-size: .68rem !important;
  line-height: 1.48 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__status {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  color: #8ea8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(170,220,244,.09) !important;
  font-size: .57rem !important;
  line-height: 1.38 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__status::before {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 2px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #65dcff !important;
  box-shadow: 0 0 8px rgba(77,222,255,.62) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__atlas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg,rgba(24,112,153,.42),rgba(8,43,70,.62)) !important;
  border: 1px solid rgba(99,225,255,.35) !important;
  font-size: .57rem !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__atlas[hidden] {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"].has-lineage-panel .ssto-talent-side-label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:759px) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel.is-sheet {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 14px 13px !important;
    border-radius: 22px !important;
    transform: translateY(18px) scale(.98) !important;
    transform-origin: 50% 100% !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel.is-sheet.is-visible {
    transform: translateY(0) scale(1) !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__top {
    grid-template-columns: 42px minmax(0,1fr) 30px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__planet {
    width: 40px !important;
    height: 40px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel__summary {
    font-size: .62rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel,
  html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-node-panel-link {
    animation: none !important;
    transition: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-glyph {
  transform-box: fill-box !important;
  transform-origin: center !important;
  animation: ssto-v581-glyph-spin 8.8s linear infinite !important;
  will-change: transform !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node.is-selected .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:hover .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node:focus .ssto-dna-node-glyph {
  animation-duration: 5.2s !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-hit {
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-halo {
  opacity: .26 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-segment {
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@keyframes ssto-v581-glyph-spin {
  0% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(126deg) scale(1.03); }
  65% { transform: rotate(234deg) scale(.985); }
  100% { transform: rotate(360deg) scale(1); }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-glyph {
    animation: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node {
  isolation: isolate !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-node-hit {
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-segment--halo {
  opacity: .96 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8.5"] .ssto-dna-segment--energy {
  opacity: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-segment,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-pulse,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-halo,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-inner,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-glyph-line,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-glyph-dot,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-glyph-centre,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-family-dot {
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
  outline: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-hit {
  fill: rgba(0,0,0,.001) !important;
  stroke: none !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:hover .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:focus .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node.is-selected .ssto-dna-node-body {
  stroke: #dcfbff !important;
  stroke-width: 2.1 !important;
  filter: drop-shadow(0 0 6px #8df1ff) drop-shadow(0 0 14px #31d4ff) drop-shadow(0 0 20px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:hover .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:focus .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node.is-selected .ssto-dna-node-orbit {
  stroke: #d6fbff !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px #55ddff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node.is-selected .ssto-dna-node-halo {
  opacity: .34 !important;
  filter: blur(3px) drop-shadow(0 0 11px #52ddff) drop-shadow(0 0 16px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel-link-layer {
  pointer-events: none !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel-link {
  fill: none !important;
  stroke: #9cf4ff !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 4 4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 4px #4edfff) !important;
  opacity: .86 !important;
  animation: ssto-v58-panel-link-in .30s ease both !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel-link-dot {
  fill: var(--panel-colour,#7be8ff) !important;
  stroke: #e8fdff !important;
  stroke-width: .8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px var(--panel-colour,#7be8ff)) !important;
}

@keyframes ssto-v58-panel-link-in {
  from { opacity: 0; stroke-dashoffset: 15; }
  to { opacity: .86; stroke-dashoffset: 0; }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel {
  position: absolute !important;
  z-index: 55 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: clamp(250px, 29vw, 310px) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 17px 18px 16px !important;
  overflow: hidden !important;
  color: #eefbff !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent), transparent 39%),
    radial-gradient(circle at 88% 0%, rgba(69,221,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(8,27,48,.985), rgba(3,15,29,.995)) !important;
  border: 1px solid rgba(120,231,255,.55) !important;
  border-radius: 25px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px color-mix(in srgb, var(--node-family,#4de9ff) 10%, transparent),
    0 0 28px rgba(54,214,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.74) translateY(7px) !important;
  transform-origin: var(--node-panel-origin-x,50%) var(--node-panel-origin-y,50%) !important;
  filter: blur(5px) !important;
  transition: opacity .23s ease, transform .30s cubic-bezier(.18,.86,.24,1.12), filter .22s ease, visibility .22s ease !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) translateY(0) !important;
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__top {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 11px !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__planet {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #dffcff !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(194,249,255,.20), transparent 22%),
    radial-gradient(circle, rgba(15,73,111,.98), rgba(4,21,41,.99) 70%) !important;
  border: 1px solid #7cecff !important;
  box-shadow: 0 0 0 4px rgba(83,220,255,.08), 0 0 18px rgba(67,220,255,.24), 0 0 23px color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__planet::after {
  position: absolute !important;
  inset: -6px !important;
  content: "" !important;
  border: 1px dashed rgba(136,239,255,.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: #89edff !important;
  font-size: .51rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.87rem,1.35vw,1.04rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__close {
  all: unset !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  color: #dffaff !important;
  background: rgba(10,35,57,.90) !important;
  border: 1px solid rgba(125,230,255,.35) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__close:hover,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__close:focus-visible {
  color: #fff !important;
  border-color: rgba(155,242,255,.86) !important;
  box-shadow: 0 0 14px rgba(64,220,255,.18) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__relationship {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--node-family,#4de9ff) 72%, #fff 28%) !important;
  background: color-mix(in srgb, var(--node-family,#4de9ff) 8%, rgba(6,18,34,.75)) !important;
  border: 1px solid color-mix(in srgb, var(--node-family,#4de9ff) 32%, transparent) !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__relationship::before {
  width: 6px !important;
  height: 6px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: var(--node-family,#4de9ff) !important;
  box-shadow: 0 0 8px var(--node-family,#4de9ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__summary {
  margin: 12px 0 0 !important;
  color: #b8cadd !important;
  font-size: .68rem !important;
  line-height: 1.48 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__status {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  color: #8ea8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(170,220,244,.09) !important;
  font-size: .57rem !important;
  line-height: 1.38 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__status::before {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 2px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #65dcff !important;
  box-shadow: 0 0 8px rgba(77,222,255,.62) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__atlas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg,rgba(24,112,153,.42),rgba(8,43,70,.62)) !important;
  border: 1px solid rgba(99,225,255,.35) !important;
  font-size: .57rem !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__atlas[hidden] {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"].has-lineage-panel .ssto-talent-side-label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:759px) {
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel.is-sheet {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 14px 13px !important;
    border-radius: 22px !important;
    transform: translateY(18px) scale(.98) !important;
    transform-origin: 50% 100% !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel.is-sheet.is-visible {
    transform: translateY(0) scale(1) !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__top {
    grid-template-columns: 42px minmax(0,1fr) 30px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__planet {
    width: 40px !important;
    height: 40px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel__summary {
    font-size: .62rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel,
  html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-node-panel-link {
    animation: none !important;
    transition: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-glyph {
  transform-box: fill-box !important;
  transform-origin: center !important;
  animation: ssto-v58-glyph-spin 8.8s linear infinite !important;
  will-change: transform !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node.is-selected .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:hover .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node:focus .ssto-dna-node-glyph {
  animation-duration: 5.2s !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-hit {
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-halo {
  opacity: .26 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-segment {
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@keyframes ssto-v58-glyph-spin {
  0% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(126deg) scale(1.03); }
  65% { transform: rotate(234deg) scale(.985); }
  100% { transform: rotate(360deg) scale(1); }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-glyph {
    animation: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node {
  isolation: isolate !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-node-hit {
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-segment--halo {
  opacity: .96 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.8"] .ssto-dna-segment--energy {
  opacity: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-segment,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-pulse,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-halo,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-inner,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-glyph-line,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-glyph-dot,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-glyph-centre,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-family-dot {
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
  outline: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-hit {
  fill: rgba(0,0,0,.001) !important;
  stroke: none !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:hover .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:focus .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node.is-selected .ssto-dna-node-body {
  stroke: #dcfbff !important;
  stroke-width: 2.1 !important;
  filter: drop-shadow(0 0 6px #8df1ff) drop-shadow(0 0 14px #31d4ff) drop-shadow(0 0 20px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:hover .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:focus .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node.is-selected .ssto-dna-node-orbit {
  stroke: #d6fbff !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px #55ddff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node.is-selected .ssto-dna-node-halo {
  opacity: .34 !important;
  filter: blur(3px) drop-shadow(0 0 11px #52ddff) drop-shadow(0 0 16px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel-link-layer {
  pointer-events: none !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel-link {
  fill: none !important;
  stroke: #9cf4ff !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 4 4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 4px #4edfff) !important;
  opacity: .86 !important;
  animation: ssto-v57-panel-link-in .30s ease both !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel-link-dot {
  fill: var(--panel-colour,#7be8ff) !important;
  stroke: #e8fdff !important;
  stroke-width: .8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px var(--panel-colour,#7be8ff)) !important;
}

@keyframes ssto-v57-panel-link-in {
  from { opacity: 0; stroke-dashoffset: 15; }
  to { opacity: .86; stroke-dashoffset: 0; }
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel {
  position: absolute !important;
  z-index: 55 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: clamp(250px, 29vw, 310px) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 17px 18px 16px !important;
  overflow: hidden !important;
  color: #eefbff !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent), transparent 39%),
    radial-gradient(circle at 88% 0%, rgba(69,221,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(8,27,48,.985), rgba(3,15,29,.995)) !important;
  border: 1px solid rgba(120,231,255,.55) !important;
  border-radius: 25px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px color-mix(in srgb, var(--node-family,#4de9ff) 10%, transparent),
    0 0 28px rgba(54,214,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.74) translateY(7px) !important;
  transform-origin: var(--node-panel-origin-x,50%) var(--node-panel-origin-y,50%) !important;
  filter: blur(5px) !important;
  transition: opacity .23s ease, transform .30s cubic-bezier(.18,.86,.24,1.12), filter .22s ease, visibility .22s ease !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) translateY(0) !important;
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__top {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 11px !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__planet {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #dffcff !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(194,249,255,.20), transparent 22%),
    radial-gradient(circle, rgba(15,73,111,.98), rgba(4,21,41,.99) 70%) !important;
  border: 1px solid #7cecff !important;
  box-shadow: 0 0 0 4px rgba(83,220,255,.08), 0 0 18px rgba(67,220,255,.24), 0 0 23px color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__planet::after {
  position: absolute !important;
  inset: -6px !important;
  content: "" !important;
  border: 1px dashed rgba(136,239,255,.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: #89edff !important;
  font-size: .51rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.87rem,1.35vw,1.04rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__close {
  all: unset !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  color: #dffaff !important;
  background: rgba(10,35,57,.90) !important;
  border: 1px solid rgba(125,230,255,.35) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__close:hover,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__close:focus-visible {
  color: #fff !important;
  border-color: rgba(155,242,255,.86) !important;
  box-shadow: 0 0 14px rgba(64,220,255,.18) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__relationship {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--node-family,#4de9ff) 72%, #fff 28%) !important;
  background: color-mix(in srgb, var(--node-family,#4de9ff) 8%, rgba(6,18,34,.75)) !important;
  border: 1px solid color-mix(in srgb, var(--node-family,#4de9ff) 32%, transparent) !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__relationship::before {
  width: 6px !important;
  height: 6px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: var(--node-family,#4de9ff) !important;
  box-shadow: 0 0 8px var(--node-family,#4de9ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__summary {
  margin: 12px 0 0 !important;
  color: #b8cadd !important;
  font-size: .68rem !important;
  line-height: 1.48 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__status {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  color: #8ea8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(170,220,244,.09) !important;
  font-size: .57rem !important;
  line-height: 1.38 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__status::before {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 2px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #65dcff !important;
  box-shadow: 0 0 8px rgba(77,222,255,.62) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__atlas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg,rgba(24,112,153,.42),rgba(8,43,70,.62)) !important;
  border: 1px solid rgba(99,225,255,.35) !important;
  font-size: .57rem !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__atlas[hidden] {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"].has-lineage-panel .ssto-talent-side-label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:759px) {
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel.is-sheet {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 14px 13px !important;
    border-radius: 22px !important;
    transform: translateY(18px) scale(.98) !important;
    transform-origin: 50% 100% !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel.is-sheet.is-visible {
    transform: translateY(0) scale(1) !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__top {
    grid-template-columns: 42px minmax(0,1fr) 30px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__planet {
    width: 40px !important;
    height: 40px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel__summary {
    font-size: .62rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel,
  html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-node-panel-link {
    animation: none !important;
    transition: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-glyph {
  transform-box: fill-box !important;
  transform-origin: center !important;
  animation: ssto-v57-glyph-spin 8.8s linear infinite !important;
  will-change: transform !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node.is-selected .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:hover .ssto-dna-node-glyph,
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node:focus .ssto-dna-node-glyph {
  animation-duration: 5.2s !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-hit {
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-halo {
  opacity: .26 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-segment {
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@keyframes ssto-v57-glyph-spin {
  0% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(126deg) scale(1.03); }
  65% { transform: rotate(234deg) scale(.985); }
  100% { transform: rotate(360deg) scale(1); }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.7"] .ssto-dna-node-glyph {
    animation: none !important;
  }
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-layer {
  pointer-events: auto !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-segment,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-pulse,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-halo,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-inner,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-glyph-line,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-glyph-dot,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-glyph-centre,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-family-dot {
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node {
  pointer-events: auto !important;
  cursor: pointer !important;
  outline: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node-hit {
  fill: rgba(0,0,0,.001) !important;
  stroke: none !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node:hover .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node:focus .ssto-dna-node-body,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node.is-selected .ssto-dna-node-body {
  stroke: #dcfbff !important;
  stroke-width: 2.1 !important;
  filter: drop-shadow(0 0 6px #8df1ff) drop-shadow(0 0 14px #31d4ff) drop-shadow(0 0 20px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node:hover .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node:focus .ssto-dna-node-orbit,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node.is-selected .ssto-dna-node-orbit {
  stroke: #d6fbff !important;
  stroke-width: 1.45 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px #55ddff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-dna-node.is-selected .ssto-dna-node-halo {
  opacity: .34 !important;
  filter: blur(3px) drop-shadow(0 0 11px #52ddff) drop-shadow(0 0 16px currentColor) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel-link-layer {
  pointer-events: none !important;
  overflow: visible !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel-link {
  fill: none !important;
  stroke: #9cf4ff !important;
  stroke-width: 1.45 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 4 4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 4px #4edfff) !important;
  opacity: .86 !important;
  animation: ssto-v56-panel-link-in .30s ease both !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel-link-dot {
  fill: var(--panel-colour,#7be8ff) !important;
  stroke: #e8fdff !important;
  stroke-width: .8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 5px var(--panel-colour,#7be8ff)) !important;
}

@keyframes ssto-v56-panel-link-in {
  from { opacity: 0; stroke-dashoffset: 15; }
  to { opacity: .86; stroke-dashoffset: 0; }
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel {
  position: absolute !important;
  z-index: 55 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: clamp(250px, 29vw, 310px) !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 17px 18px 16px !important;
  overflow: hidden !important;
  color: #eefbff !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent), transparent 39%),
    radial-gradient(circle at 88% 0%, rgba(69,221,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(8,27,48,.985), rgba(3,15,29,.995)) !important;
  border: 1px solid rgba(120,231,255,.55) !important;
  border-radius: 25px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px color-mix(in srgb, var(--node-family,#4de9ff) 10%, transparent),
    0 0 28px rgba(54,214,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.74) translateY(7px) !important;
  transform-origin: var(--node-panel-origin-x,50%) var(--node-panel-origin-y,50%) !important;
  filter: blur(5px) !important;
  transition: opacity .23s ease, transform .30s cubic-bezier(.18,.86,.24,1.12), filter .22s ease, visibility .22s ease !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) translateY(0) !important;
  filter: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__top {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 11px !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__planet {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #dffcff !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(194,249,255,.20), transparent 22%),
    radial-gradient(circle, rgba(15,73,111,.98), rgba(4,21,41,.99) 70%) !important;
  border: 1px solid #7cecff !important;
  box-shadow: 0 0 0 4px rgba(83,220,255,.08), 0 0 18px rgba(67,220,255,.24), 0 0 23px color-mix(in srgb, var(--node-family,#4de9ff) 15%, transparent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__planet::after {
  position: absolute !important;
  inset: -6px !important;
  content: "" !important;
  border: 1px dashed rgba(136,239,255,.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: #89edff !important;
  font-size: .51rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.87rem,1.35vw,1.04rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__close {
  all: unset !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 50% !important;
  color: #dffaff !important;
  background: rgba(10,35,57,.90) !important;
  border: 1px solid rgba(125,230,255,.35) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__close:hover,
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__close:focus-visible {
  color: #fff !important;
  border-color: rgba(155,242,255,.86) !important;
  box-shadow: 0 0 14px rgba(64,220,255,.18) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__relationship {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--node-family,#4de9ff) 72%, #fff 28%) !important;
  background: color-mix(in srgb, var(--node-family,#4de9ff) 8%, rgba(6,18,34,.75)) !important;
  border: 1px solid color-mix(in srgb, var(--node-family,#4de9ff) 32%, transparent) !important;
  font-size: .56rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__relationship::before {
  width: 6px !important;
  height: 6px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: var(--node-family,#4de9ff) !important;
  box-shadow: 0 0 8px var(--node-family,#4de9ff) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__summary {
  margin: 12px 0 0 !important;
  color: #b8cadd !important;
  font-size: .68rem !important;
  line-height: 1.48 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__status {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  color: #8ea8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(170,220,244,.09) !important;
  font-size: .57rem !important;
  line-height: 1.38 !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__status::before {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 2px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #65dcff !important;
  box-shadow: 0 0 8px rgba(77,222,255,.62) !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__atlas {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg,rgba(24,112,153,.42),rgba(8,43,70,.62)) !important;
  border: 1px solid rgba(99,225,255,.35) !important;
  font-size: .57rem !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__atlas[hidden] {
  display: none !important;
}

html body section.ssto.ssto--v5[data-ssto-version="5.6"].has-lineage-panel .ssto-talent-side-label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:759px) {
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel.is-sheet {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 14px 13px !important;
    border-radius: 22px !important;
    transform: translateY(18px) scale(.98) !important;
    transform-origin: 50% 100% !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel.is-sheet.is-visible {
    transform: translateY(0) scale(1) !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__top {
    grid-template-columns: 42px minmax(0,1fr) 30px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__planet {
    width: 40px !important;
    height: 40px !important;
  }

html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel__summary {
    font-size: .62rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel,
  html body section.ssto.ssto--v5[data-ssto-version="5.6"] .ssto-node-panel-link {
    animation: none !important;
    transition: none !important;
  }
}

html body .ssto.ssto--v5 .ssto-talent-tooltip,
html body .ssto.ssto--v5 .ssto-talent:hover .ssto-talent-tooltip,
html body .ssto.ssto--v5 .ssto-talent:focus-visible .ssto-talent-tooltip,
html body .ssto.ssto--v5 .ssto-talent.is-focused .ssto-talent-tooltip,
html body .ssto.ssto--v5 .ssto-talent.is-focused:hover .ssto-talent-tooltip,
html body .ssto.ssto--v5 .ssto-talent.is-focused:focus-visible .ssto-talent-tooltip {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label {
  position: absolute !important;
  z-index: 46 !important;
  display: block !important;
  width: max-content !important;
  min-width: 145px !important;
  max-width: min(225px, 45vw) !important;
  margin: 0 !important;
  padding: 9px 13px 10px !important;
  border: 1px solid color-mix(in srgb, var(--label-colour,#9ceeff) 48%, rgba(255,255,255,.18)) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--label-colour,#9ceeff) 14%, transparent), transparent 42%),
    rgba(3,17,33,.94) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.30),
    0 0 20px color-mix(in srgb, var(--label-colour,#9ceeff) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  filter: blur(7px) !important;
  transition: opacity .22s ease, transform .24s cubic-bezier(.2,.72,.2,1), filter .22s ease, visibility .22s ease !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label[data-placement="left-edge"] {
  transform: translate(0,-50%) translateX(-8px) scale(.96) !important;
  text-align: left !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label[data-placement="right-edge"] {
  transform: translate(-100%,-50%) translateX(8px) scale(.96) !important;
  text-align: right !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label[data-placement="top-edge"] {
  transform: translate(-50%,0) translateY(-7px) scale(.96) !important;
  text-align: center !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label[data-placement="bottom-edge"] {
  transform: translate(-50%,-100%) translateY(7px) scale(.96) !important;
  text-align: center !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label.is-visible[data-placement="left-edge"] {
  transform: translate(0,-50%) translateX(0) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label.is-visible[data-placement="right-edge"] {
  transform: translate(-100%,-50%) translateX(0) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label.is-visible[data-placement="top-edge"] {
  transform: translate(-50%,0) translateY(0) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label.is-visible[data-placement="bottom-edge"] {
  transform: translate(-50%,-100%) translateY(0) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label__family {
  display: block !important;
  margin: 0 0 3px !important;
  color: color-mix(in srgb, var(--label-colour,#9ceeff) 78%, #fff 22%) !important;
  font-size: .54rem !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label strong {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.72rem,1.05vw,.88rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.015em !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label small {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 6px !important;
  color: #9fefff !important;
  font-size: .54rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
}

html body .ssto.ssto--v5 .ssto-talent-side-label small i {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  border-radius: 50% !important;
  background: #9ff6ff !important;
  box-shadow: 0 0 8px #52dfff !important;
}

html body .ssto.ssto--v5.has-dna-route .ssto-web-edge:not(.is-emphasised),
html body .ssto.ssto--v5.has-dna-route .ssto-family-edge:not(.is-emphasised),
html body .ssto.ssto--v5.has-dna-route .ssto-core-edge:not(.is-emphasised) {
  opacity: .045 !important;
}

html body .ssto.ssto--v5.has-dna-route .ssto-talent.is-focused .ssto-talent-ring {
  opacity: 1 !important;
  animation: ssto-v55-launch-ring .72s cubic-bezier(.2,.72,.2,1) 1 both !important;
}

@keyframes ssto-v55-launch-ring {
  0% { transform: scale(.72); opacity: .20; }
  55% { transform: scale(1.42); opacity: 1; }
  100% { transform: scale(1); opacity: .78; }
}

@media(max-width:759px) {
html body .ssto.ssto--v5 .ssto-talent-side-label {
    min-width: 118px !important;
    max-width: 155px !important;
    padding: 7px 10px 8px !important;
    border-radius: 16px !important;
  }

html body .ssto.ssto--v5 .ssto-talent-side-label__family { font-size: .46rem !important; }

html body .ssto.ssto--v5 .ssto-talent-side-label strong { font-size: .66rem !important; }

html body .ssto.ssto--v5 .ssto-talent-side-label small { font-size: .46rem !important; }
}

@media(prefers-reduced-motion:reduce) {
html body .ssto.ssto--v5.has-dna-route .ssto-talent.is-focused .ssto-talent-ring {
    animation: none !important;
  }
}

html body .ssto.ssto--v5 .ssto-family-caption,
html body .ssto.ssto--v5 .ssto-family-caption.is-selected,
html body .ssto.ssto--v5 .ssto-family-caption.is-dim,
html body .ssto.ssto--v5 .ssto-core-label {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble {
  position: absolute !important;
  z-index: 40 !important;
  display: block !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: min(210px, 44vw) !important;
  margin: 0 !important;
  padding: 8px 12px 9px !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--bubble-colour,#9ceeff) 48%, rgba(255,255,255,.18)) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 25% 25%, color-mix(in srgb, var(--bubble-colour,#9ceeff) 13%, transparent), transparent 46%),
    rgba(4,18,35,.94) !important;
  color: #f5fbff !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.28),
    0 0 18px color-mix(in srgb, var(--bubble-colour,#9ceeff) 14%, transparent),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .20s ease, filter .20s ease, transform .22s cubic-bezier(.2,.72,.2,1), visibility .20s ease !important;
  filter: blur(6px) !important;
  text-align: left !important;
  white-space: normal !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble strong {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.68rem, 1vw, .82rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble span {
  display: block !important;
  margin-top: 3px !important;
  color: color-mix(in srgb, var(--bubble-colour,#9ceeff) 78%, #fff 22%) !important;
  font-size: .58rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble[data-placement="right"] {
  transform: translate(calc((var(--ssto-family-size,90px) / 2) + 13px), -50%) scale(.94) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble[data-placement="left"] {
  transform: translate(calc(-100% - (var(--ssto-family-size,90px) / 2) - 13px), -50%) scale(.94) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble[data-placement="top"] {
  transform: translate(-50%, calc(-100% - (var(--ssto-family-size,90px) / 2) - 13px)) scale(.94) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble[data-placement="bottom"] {
  transform: translate(-50%, calc((var(--ssto-core-size,150px) / 2) + 12px)) scale(.94) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  animation: ssto-v53-bubble-float 3.2s ease-in-out infinite !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible[data-placement="right"] {
  transform: translate(calc((var(--ssto-family-size,90px) / 2) + 13px), -50%) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible[data-placement="left"] {
  transform: translate(calc(-100% - (var(--ssto-family-size,90px) / 2) - 13px), -50%) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible[data-placement="top"] {
  transform: translate(-50%, calc(-100% - (var(--ssto-family-size,90px) / 2) - 13px)) scale(1) !important;
}

html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible[data-placement="bottom"] {
  transform: translate(-50%, calc((var(--ssto-core-size,150px) / 2) + 12px)) scale(1) !important;
}

@keyframes ssto-v53-bubble-float {
  0%,100% { margin-top: 0; }
  50% { margin-top: -3px; }
}

html body .ssto.ssto--v5 .ssto-star {
  fill: rgba(167,229,255,.58) !important;
}

html body .ssto.ssto--v5 .ssto-star--bright {
  fill: rgba(211,249,255,.96) !important;
  filter: drop-shadow(0 0 4px rgba(95,215,255,.68)) !important;
}

@media (max-width:759px) {
html body .ssto.ssto--v5 .ssto-hover-bubble {
    max-width: 148px !important;
    padding: 7px 10px 8px !important;
  }

html body .ssto.ssto--v5 .ssto-hover-bubble strong { font-size: .62rem !important; }

html body .ssto.ssto--v5 .ssto-hover-bubble span { font-size: .52rem !important; }
}

@media (prefers-reduced-motion: reduce) {
html body .ssto.ssto--v5 .ssto-hover-bubble.is-visible {
    animation: none !important;
  }
}

.ssto {
  --ssto-shell: #07162b;
  --ssto-panel: #0b2440;
  --ssto-panel-2: #102f50;
  --ssto-panel-3: #153b61;
  --ssto-line: rgba(125, 211, 252, .22);
  --ssto-line-strong: rgba(165, 243, 252, .38);
  --ssto-text: #f8fbff;
  --ssto-muted: #cbd8e7;
  --ssto-faint: #94a9c0;
  --ssto-cyan: #22d3ee;
  --ssto-satellite-size: 40px;
  --ssto-family-size: 84px;
  --ssto-core-size: 160px;
  box-sizing: border-box;
  width: min(1180px, calc(100% - 24px));
  margin: 28px auto;
  color: var(--ssto-text);
  font-family: inherit;
}

.ssto *, .ssto *::before, .ssto *::after { box-sizing: border-box; }

.ssto button { font: inherit; }

.ssto-heading {
  margin: 0 0 18px;
  padding: 0 4px;
}

.ssto-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #9ceeff;
  font-size: clamp(.72rem, 1vw, .88rem);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ssto-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4.3vw, 3.65rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.ssto-heading p {
  max-width: 820px;
  margin: 12px 0 0;
  color: var(--ssto-muted);
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
  line-height: 1.6;
}

.ssto-stage-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ssto-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 45%, rgba(34,211,238,.11), transparent 27%),
    radial-gradient(circle at 14% 25%, rgba(167,139,250,.08), transparent 25%),
    radial-gradient(circle at 84% 25%, rgba(251,146,60,.07), transparent 25%),
    linear-gradient(180deg, #0d2a49 0%, #081b33 100%);
  box-shadow: 0 24px 65px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
}

.ssto-stage {
  position: relative;
  width: 100%;
  height: clamp(570px, 58vw, 690px);
  min-height: 570px;
  isolation: isolate;
}

.ssto-orbits {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ssto-orbit {
  fill: none;
  stroke: rgba(112, 211, 255, .13);
  stroke-width: 1.2;
}

.ssto-orbit--inner { stroke: rgba(34,211,238,.20); stroke-width: 1.4; }

.ssto-orbit--talent { stroke-dasharray: 2 8; stroke: rgba(103, 202, 255, .20); }

.ssto-orbit--family { stroke: rgba(85, 174, 226, .15); }

.ssto-orbit--outer { stroke-dasharray: 1 12; stroke: rgba(155,225,255,.14); }

.ssto-starfield circle { fill: rgba(164,235,255,.55); }

.ssto-family-arc {
  fill: none;
  stroke-width: 3.2;
  stroke-linecap: round;
  opacity: .34;
  filter: drop-shadow(0 0 5px currentColor);
}

.ssto-focus-path {
  fill: none;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 4 8;
  opacity: .82;
  filter: drop-shadow(0 0 5px currentColor);
  transition: d .25s ease, stroke .25s ease;
}

.ssto-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: var(--ssto-core-size);
  height: var(--ssto-core-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(16,97,172,.75), rgba(4,36,71,.82) 58%, rgba(4,25,49,.15) 72%, transparent 73%);
  color: #fff;
  cursor: pointer;
  outline: none;
}

.ssto-core::before {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(79,224,255,.72);
  border-radius: 50%;
  box-shadow: 0 0 22px rgba(34,211,238,.22), inset 0 0 24px rgba(14,165,233,.12);
}

.ssto-core:focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(34,211,238,.62); }

.ssto-core-orbit {
  position: absolute;
  border: 1px solid rgba(76,214,255,.24);
  border-radius: 50%;
  inset: -6%;
}

.ssto-core-orbit--b { inset: -15%; border-style: dashed; opacity: .55; }

.ssto-core-orbit--c { inset: -25%; opacity: .30; }

.ssto-core-visual {
  position: absolute;
  inset: 18% 20% 23%;
  display: grid;
  place-items: center;
}

.ssto-core-image, .ssto-core-visual .ssto-simme-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ssto-simme-svg { overflow: visible; filter: drop-shadow(0 0 10px rgba(34,211,238,.34)); }

.ssto-core-label {
  position: absolute;
  left: 50%;
  bottom: -34px;
  width: 180px;
  transform: translateX(-50%);
  text-align: center;
  text-shadow: 0 2px 10px rgba(0,0,0,.8);
}

.ssto-core-label strong { display: block; font-size: clamp(.82rem, 1.3vw, 1rem); }

.ssto-core-label small { display: block; margin-top: 2px; color: #9ceeff; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

.ssto-family-anchor {
  position: absolute;
  z-index: 7;
  width: var(--ssto-family-size);
  height: var(--ssto-family-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  color: var(--family);
  cursor: pointer;
  outline: none;
  transition: transform .2s ease, opacity .2s ease;
}

.ssto-family-anchor:hover, .ssto-family-anchor:focus-visible, .ssto-family-anchor.is-selected, .ssto-family-anchor.is-related {
  transform: translate(-50%, -50%) scale(1.07);
}

.ssto-family-anchor:focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, var(--family) 60%, transparent); }

.ssto-family-medallion {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1.5px solid color-mix(in srgb, var(--family) 88%, white 12%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 34%, color-mix(in srgb, var(--family) 31%, transparent), transparent 32%),
    radial-gradient(circle, rgba(9,25,48,.92), rgba(4,17,33,.97));
  box-shadow:
    0 0 0 7px color-mix(in srgb, var(--family) 8%, transparent),
    0 0 24px color-mix(in srgb, var(--family) 27%, transparent),
    inset 0 0 26px rgba(0,0,0,.28);
}

.ssto-family-medallion::before, .ssto-family-medallion::after {
  content: "";
  position: absolute;
  border: 1px solid color-mix(in srgb, var(--family) 48%, transparent);
  border-radius: 50%;
}

.ssto-family-medallion::before { inset: 9%; }

.ssto-family-medallion::after { inset: 18%; border-style: dotted; opacity: .55; }

.ssto-family-medallion img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 3; }

.ssto-family-svg { position: relative; z-index: 2; width: 40%; height: 40%; filter: drop-shadow(0 0 7px currentColor); }

.ssto-family-svg svg { width: 100%; height: 100%; }

.ssto-family-count {
  position: absolute;
  z-index: 5;
  right: -4px;
  bottom: -4px;
  min-width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  padding: 0 6px;
  border: 1px solid color-mix(in srgb, var(--family) 74%, white 15%);
  border-radius: 999px;
  background: #07182e;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.35);
}

.ssto-family-anchor.is-selected .ssto-family-medallion {
  box-shadow:
    0 0 0 8px color-mix(in srgb, var(--family) 15%, transparent),
    0 0 34px color-mix(in srgb, var(--family) 48%, transparent),
    inset 0 0 26px color-mix(in srgb, var(--family) 10%, transparent);
}

.ssto-family-caption {
  position: absolute;
  z-index: 4;
  width: 190px;
  transform: translate(-50%, -50%);
  color: rgba(234,244,255,.66);
  pointer-events: none;
  transition: color .2s ease, opacity .2s ease;
}

.ssto-family-caption[data-align="left"] { text-align: left; }

.ssto-family-caption[data-align="right"] { text-align: right; }

.ssto-family-caption[data-align="center"] { text-align: center; }

.ssto-family-caption strong { display: block; font-size: clamp(.76rem, 1.35vw, .98rem); line-height: 1.15; }

.ssto-family-caption span { display: block; margin-top: 3px; color: color-mix(in srgb, var(--family) 65%, #d8e7f8 35%); font-size: .68rem; }

.ssto-family-caption.is-selected { color: #fff; }

.ssto-talent {
  position: absolute;
  z-index: 8;
  width: var(--ssto-satellite-size);
  height: var(--ssto-satellite-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--family) 30%, #193650 70%), #07172c 66%);
  color: #eff8ff;
  cursor: pointer;
  outline: none;
  opacity: .96;
  box-shadow: 0 0 0 1.5px var(--family), 0 0 14px color-mix(in srgb, var(--family) 24%, transparent);
  transition: transform .18s ease, opacity .18s ease, filter .18s ease, box-shadow .18s ease;
}

.ssto-talent:hover, .ssto-talent:focus-visible, .ssto-talent.is-focused {
  z-index: 14;
  transform: translate(-50%, -50%) scale(1.26);
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px color-mix(in srgb, var(--family) 42%, transparent), 0 0 24px color-mix(in srgb, var(--family) 50%, transparent);
}

.ssto-talent:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.ssto-talent.is-muted { opacity: .25; filter: saturate(.45); }

.ssto-talent.is-hidden-tablet { opacity: .05; pointer-events: none; }

.ssto-talent-ring { position: absolute; inset: -7px; border: 1px dotted color-mix(in srgb, var(--family) 38%, transparent); border-radius: 50%; opacity: 0; }

.ssto-talent.is-focused .ssto-talent-ring, .ssto-talent.is-best .ssto-talent-ring, .ssto-talent.is-active .ssto-talent-ring { opacity: 1; }

.ssto-talent-mark {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, var(--family) 78%, white 22%);
  font-size: clamp(.53rem, .85vw, .72rem);
  font-weight: 800;
  letter-spacing: -.03em;
}

.ssto-talent-image { position: absolute; inset: 8%; z-index: 3; width: 84%; height: 84%; object-fit: contain; }

.ssto-talent-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 13px);
  z-index: 20;
  width: max-content;
  max-width: 210px;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--family) 50%, rgba(255,255,255,.15));
  border-radius: 9px;
  transform: translate(-50%, 5px) scale(.95);
  background: rgba(4,18,35,.96);
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  white-space: normal;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
  transition: opacity .15s ease, transform .15s ease;
}

.ssto-talent:hover .ssto-talent-tooltip, .ssto-talent:focus-visible .ssto-talent-tooltip, .ssto-talent.is-focused .ssto-talent-tooltip {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.ssto-state-badge {
  position: absolute;
  z-index: 6;
  width: 18px;
  height: 18px;
  display: none;
  place-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #07172c;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 2px 10px rgba(0,0,0,.4);
}

.ssto-state-badge--best { right: -9px; top: -8px; background: #fff065; }

.ssto-state-badge--active { left: -8px; bottom: -8px; background: #5df29a; }

.ssto-state-badge--alt { right: -8px; bottom: -8px; background: #cbd5e1; }

.ssto-talent.is-best .ssto-state-badge--best, .ssto-talent.is-active .ssto-state-badge--active, .ssto-talent.is-alt .ssto-state-badge--alt { display: grid; }

.ssto-active-orbits {
  position: absolute;
  inset: -20px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transform: scale(.92);
  transition: opacity .22s ease, transform .22s ease;
}

.ssto-active-orbit-track {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--orbit-size);
  height: var(--orbit-size);
  margin-left: calc(var(--orbit-size) / -2);
  margin-top: calc(var(--orbit-size) / -2);
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--family) 36%, rgba(93,242,154,.46));
  opacity: .72;
  transform-origin: 50% 50%;
  animation: ssto-active-orbit-spin var(--orbit-speed) linear infinite;
}

.ssto-active-orbit-track--b {
  animation-name: ssto-active-orbit-spin-rev;
  border-style: solid;
  opacity: .58;
}

.ssto-active-orbit-track--c {
  opacity: .42;
  border-style: dotted;
}

.ssto-active-orbit-planet {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--planet-size);
  height: var(--planet-size);
  margin-left: calc(var(--planet-size) / -2);
  margin-top: calc((var(--orbit-size) / -2) * -1 - (var(--planet-size) / 2));
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 30%, rgba(232,255,243,.96), rgba(146,255,195,.92) 32%, rgba(60,216,124,.98) 68%, rgba(14,74,44,.98));
  border: 1px solid rgba(226,255,236,.88);
  box-shadow:
    0 0 0 2px rgba(93,242,154,.10),
    0 0 12px rgba(93,242,154,.42),
    0 0 18px rgba(93,242,154,.20);
}

.ssto-active-orbit-track--a { --orbit-size: calc(100% + 10px); --planet-size: 9px; --orbit-speed: 8.8s; }

.ssto-active-orbit-track--b { --orbit-size: calc(100% + 23px); --planet-size: 6px; --orbit-speed: 11.2s; }

.ssto-active-orbit-track--c { --orbit-size: calc(100% + 36px); --planet-size: 4px; --orbit-speed: 14.4s; }

.ssto-talent.is-active .ssto-active-orbits,
.ssto-talent.is-focused .ssto-active-orbits {
  opacity: 1;
  transform: scale(1);
}

.ssto-talent.is-active .ssto-state-badge--active,
.ssto-talent.is-focused .ssto-state-badge--active {
  display: none;
}

@keyframes ssto-active-orbit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes ssto-active-orbit-spin-rev {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@media (max-width: 820px) {
.ssto-active-orbits { inset: -16px; }

.ssto-active-orbit-track--a { --planet-size: 8px; }

.ssto-active-orbit-track--b { --planet-size: 5px; }

.ssto-active-orbit-track--c { --planet-size: 3.5px; }
}

@media (prefers-reduced-motion: reduce) {
.ssto-active-orbit-track { animation: none !important; }
}

.ssto-mobile { display: none; padding: 20px 14px 24px; }

.ssto-mobile-families { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 10px; scrollbar-width: none; }

.ssto-mobile-families::-webkit-scrollbar { display: none; }

.ssto-mobile-family {
  flex: 0 0 150px;
  min-height: 88px;
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-template-rows: 1fr auto;
  gap: 4px 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(126,202,242,.22);
  border-radius: 16px;
  background: rgba(9,30,54,.78);
  color: #fff;
  text-align: left;
}

.ssto-mobile-family > span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; color: var(--family); border: 1px solid var(--family); border-radius: 50%; }

.ssto-mobile-family svg { width: 19px; height: 19px; }

.ssto-mobile-family strong { font-size: .73rem; line-height: 1.15; }

.ssto-mobile-family small { color: #a9bdd3; }

.ssto-mobile-family.is-selected { border-color: var(--family); background: color-mix(in srgb, var(--family) 12%, #0b2340 88%); box-shadow: 0 0 18px color-mix(in srgb, var(--family) 18%, transparent); }

.ssto-mobile-orbit { position: relative; min-height: 290px; margin-top: 8px; overflow: hidden; border: 1px solid rgba(125,211,252,.17); border-radius: 22px; background: radial-gradient(circle at 50% 30%, rgba(34,211,238,.08), transparent 46%), rgba(5,22,42,.55); }

.ssto-mobile-orbit-ring { position: absolute; left: 50%; top: 34px; width: 280px; height: 280px; transform: translateX(-50%); border: 1px solid rgba(86,198,250,.16); border-radius: 50%; box-shadow: inset 0 0 30px rgba(34,211,238,.04); }

.ssto-mobile-family-hero { position: relative; z-index: 2; width: 190px; min-height: 90px; margin: 18px auto 0; padding: 12px; border: 1px solid var(--family); border-radius: 18px; background: color-mix(in srgb, var(--family) 10%, #081d35 90%); text-align: center; box-shadow: 0 0 24px color-mix(in srgb, var(--family) 14%, transparent); }

.ssto-mobile-family-hero strong, .ssto-mobile-family-hero small { display: block; }

.ssto-mobile-family-hero strong { margin-top: 4px; font-size: .88rem; }

.ssto-mobile-family-hero small { margin-top: 2px; color: #a9bdd3; }

.ssto-mobile-family-icon { display: grid; place-items: center; width: 32px; height: 32px; margin: 0 auto; border: 1px solid var(--family); border-radius: 50%; color: var(--family); }

.ssto-mobile-talents { position: relative; z-index: 3; display: flex; gap: 11px; overflow-x: auto; margin-top: 26px; padding: 0 16px 18px; scroll-snap-type: x proximity; scrollbar-width: none; }

.ssto-mobile-talents::-webkit-scrollbar { display: none; }

.ssto-mobile-talent { flex: 0 0 118px; min-height: 84px; padding: 11px 8px; border: 1px solid color-mix(in srgb, var(--family) 45%, rgba(255,255,255,.10)); border-radius: 16px; background: rgba(7,25,47,.92); color: #fff; scroll-snap-align: center; }

.ssto-mobile-talent > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 6px; border: 1px solid var(--family); border-radius: 50%; color: var(--family); font-size: .66rem; font-weight: 800; }

.ssto-mobile-talent small { display: block; font-size: .71rem; line-height: 1.15; }

.ssto-mobile-talent.is-focused { border-color: var(--family); box-shadow: 0 0 0 2px color-mix(in srgb, var(--family) 20%, transparent), 0 0 18px color-mix(in srgb, var(--family) 20%, transparent); }

.ssto-focus-card {
  display: grid;
  grid-template-columns: 74px minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--ssto-line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(17,48,80,.98), rgba(8,28,51,.98));
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
}

.ssto-focus-icon { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid var(--family, var(--ssto-cyan)); border-radius: 50%; background: rgba(4,22,42,.74); color: var(--family, var(--ssto-cyan)); font-weight: 900; box-shadow: 0 0 20px color-mix(in srgb, var(--family, var(--ssto-cyan)) 20%, transparent); }

.ssto-focus-family { display: block; margin-bottom: 3px; font-size: .69rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }

.ssto-focus-copy h3 { margin: 0; color: #fff; font-size: clamp(1.2rem,2vw,1.5rem); }

.ssto-focus-copy p { margin: 5px 0 0; color: var(--ssto-muted); line-height: 1.45; }

.ssto-focus-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.ssto-focus-tags span { padding: 5px 8px; border: 1px solid rgba(137,195,230,.18); border-radius: 999px; background: rgba(72,114,153,.16); color: #dceafa; font-size: .72rem; }

.ssto-focus-actions { display: flex; gap: 8px; }

.ssto-button, .ssto-test-grid button {
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid rgba(125,211,252,.34);
  border-radius: 12px;
  background: rgba(7,26,48,.72);
  color: #eaf7ff;
  font-weight: 750;
  cursor: pointer;
}

.ssto-button:hover, .ssto-button:focus-visible, .ssto-test-grid button:hover, .ssto-test-grid button:focus-visible { border-color: #7dd3fc; background: rgba(12,48,79,.92); }

.ssto-button--primary { border-color: #22d3ee; background: linear-gradient(135deg, rgba(8,112,145,.92), rgba(14,86,134,.92)); }

.ssto-button:disabled { opacity: .42; cursor: default; }

.ssto-test-controls { margin-top: 14px; border: 1px solid rgba(125,211,252,.16); border-radius: 16px; background: rgba(7,22,42,.7); }

.ssto-test-controls summary { padding: 13px 15px; color: #bfefff; font-weight: 800; cursor: pointer; }

.ssto-test-grid { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 15px 10px; }

.ssto-event-log { margin: 0; padding: 4px 15px 14px; color: #8facbf; font-size: .78rem; }

@media (max-width: 919px) and (min-width: 760px) {
.ssto-stage { height: 610px; }

.ssto-family-caption { width: 145px; }

.ssto-family-caption strong { font-size: .76rem; }

.ssto-core-label { bottom: -28px; }

.ssto-talent.is-muted { opacity: .12; }
}

@media (max-width: 759px) {
.ssto { width: min(100% - 14px, 640px); margin-top: 18px; }

.ssto-heading { padding-inline: 5px; }

.ssto-heading h2 { font-size: clamp(1.9rem, 9vw, 2.65rem); }

.ssto-stage { display: none; }

.ssto-mobile { display: block; }

.ssto-stage-shell { border-radius: 22px; }

.ssto-focus-card { grid-template-columns: 54px minmax(0,1fr); gap: 12px; padding: 14px; border-radius: 18px; }

.ssto-focus-icon { width: 50px; height: 50px; }

.ssto-focus-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }

.ssto-button { width: 100%; }

.ssto-test-grid { display: grid; grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
.ssto-mobile-family { flex-basis: 138px; }

.ssto-mobile-talents { padding-inline: 10px; }

.ssto-mobile-talent { flex-basis: 108px; }

.ssto-focus-tags span { font-size: .67rem; }
}

@media (prefers-reduced-motion: reduce) {
.ssto *, .ssto *::before, .ssto *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation: none !important; }
}

.ssto.ssto--asset-medallions .ssto-core {
    background: transparent;
}

.ssto.ssto--asset-medallions .ssto-core::before,
.ssto.ssto--asset-medallions .ssto-core-orbit {
    display: none;
}

.ssto.ssto--asset-medallions .ssto-core-visual {
    inset: -4%;
    overflow: visible;
}

.ssto.ssto--asset-medallions .ssto-core-image {
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter:
        drop-shadow(0 0 10px rgba(36, 208, 255, .25))
        drop-shadow(0 0 22px rgba(24, 139, 255, .18));
}

.ssto.ssto--asset-medallions .ssto-core-image + .ssto-simme-svg {
    display: none;
}

.ssto.ssto--asset-medallions .ssto-core-visual > .ssto-simme-svg {
    z-index: 2;
}

.ssto.ssto--asset-medallions .ssto-family-medallion {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ssto.ssto--asset-medallions .ssto-family-medallion::before,
.ssto.ssto--asset-medallions .ssto-family-medallion::after {
    display: none;
}

.ssto.ssto--asset-medallions .ssto-family-medallion img {
    z-index: 4;
    inset: -5%;
    width: 110%;
    height: 110%;
    max-width: none;
    object-fit: contain;
    filter:
        drop-shadow(0 0 9px color-mix(in srgb, var(--family) 28%, transparent))
        drop-shadow(0 0 18px color-mix(in srgb, var(--family) 16%, transparent));
    transition:
        transform .22s ease,
        filter .22s ease;
}

.ssto.ssto--asset-medallions .ssto-family-medallion img + .ssto-family-svg {
    display: none;
}

.ssto.ssto--asset-medallions .ssto-family-anchor:hover .ssto-family-medallion img,
.ssto.ssto--asset-medallions .ssto-family-anchor:focus-visible .ssto-family-medallion img,
.ssto.ssto--asset-medallions .ssto-family-anchor.is-selected .ssto-family-medallion img,
.ssto.ssto--asset-medallions .ssto-family-anchor.is-related .ssto-family-medallion img {
    transform: scale(1.045);
    filter:
        drop-shadow(0 0 11px color-mix(in srgb, var(--family) 40%, transparent))
        drop-shadow(0 0 25px color-mix(in srgb, var(--family) 24%, transparent));
}

.ssto.ssto--asset-medallions .ssto-family-count {
    right: -7px;
    bottom: -7px;
    background: rgba(5, 20, 39, .94);
    backdrop-filter: blur(6px);
    box-shadow:
        0 5px 14px rgba(0,0,0,.38),
        0 0 10px color-mix(in srgb, var(--family) 20%, transparent);
}

@media (max-width: 980px) {
.ssto.ssto--asset-medallions .ssto-core-visual {
        inset: 0;
    }

.ssto.ssto--asset-medallions .ssto-family-medallion img {
        inset: -3%;
        width: 106%;
        height: 106%;
    }
}

@media (prefers-reduced-motion: reduce) {
.ssto.ssto--asset-medallions .ssto-family-medallion img {
        transition: none;
    }
}

.ssto {
  --ssto-stage-ratio: 1000 / 650;
}

.ssto .ssto-stage {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: var(--ssto-stage-ratio);
  overflow: hidden;
}

.ssto .ssto-mobile {
  display: none !important;
}

.ssto .ssto-stage-shell {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 49%, rgba(20,154,210,.12), transparent 23%),
    radial-gradient(circle at 27% 28%, rgba(129,87,246,.075), transparent 22%),
    radial-gradient(circle at 75% 25%, rgba(251,146,60,.07), transparent 22%),
    radial-gradient(circle at 23% 72%, rgba(74,222,128,.06), transparent 20%),
    radial-gradient(circle at 61% 78%, rgba(251,191,36,.055), transparent 21%),
    linear-gradient(180deg, #102d4d 0%, #081b33 100%);
}

.ssto .ssto-orbits {
  overflow: visible;
}

.ssto .ssto-star {
  fill: rgba(167,229,255,.38);
}

.ssto .ssto-star--bright {
  fill: rgba(181,240,255,.70);
  filter: drop-shadow(0 0 3px rgba(95,215,255,.45));
}

.ssto .ssto-core-guide {
  fill: none;
  stroke: rgba(66,203,243,.17);
  stroke-width: 1.05;
  vector-effect: non-scaling-stroke;
}

.ssto .ssto-core-guide--dashed {
  stroke-dasharray: 3 8;
  stroke: rgba(83,218,255,.19);
}

.ssto .ssto-core-guide--soft {
  stroke: rgba(74,178,230,.10);
}

.ssto .ssto-ambient-sweep {
  fill: none;
  stroke: rgba(93,191,233,.075);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.ssto .ssto-ambient-sweep--faint { opacity: .68; }

.ssto .ssto-ambient-sweep--ghost { opacity: .42; stroke-dasharray: 2 10; }

.ssto .ssto-web-edge,
.ssto .ssto-family-edge,
.ssto .ssto-core-edge {
  fill: none;
  vector-effect: non-scaling-stroke;
  transition: opacity .18s ease, stroke-width .18s ease, filter .18s ease;
}

.ssto .ssto-web-edge {
  stroke: rgba(111,195,233,.17);
  stroke-width: 1.05;
  stroke-dasharray: 2 7;
}

.ssto .ssto-web-edge--cross {
  opacity: .62;
  stroke-dasharray: 1 10;
}

.ssto .ssto-web-edge.is-emphasised {
  opacity: .78;
  stroke: rgba(149,224,255,.38);
}

.ssto .ssto-web-edge.is-dim { opacity: .07; }

.ssto .ssto-family-edge {
  stroke-width: 1.55;
  opacity: .43;
  stroke-linecap: round;
  filter: drop-shadow(0 0 3px color-mix(in srgb, currentColor 26%, transparent));
}

.ssto .ssto-family-edge.is-emphasised {
  stroke-width: 2.15;
  opacity: .88;
  filter: drop-shadow(0 0 5px currentColor);
}

.ssto .ssto-family-edge.is-dim { opacity: .09; }

.ssto .ssto-core-edge {
  stroke-width: 1.7;
  stroke-dasharray: 4 8;
  opacity: .28;
}

.ssto .ssto-core-edge.is-emphasised {
  stroke-width: 2.25;
  opacity: .76;
  filter: drop-shadow(0 0 5px currentColor);
}

.ssto .ssto-core-edge.is-dim { opacity: .06; }

.ssto .ssto-junction-dot {
  opacity: .58;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px currentColor);
}

.ssto .ssto-focus-path {
  fill: none;
  stroke-width: 2.35;
  stroke-linecap: round;
  stroke-dasharray: 4 7;
  opacity: .92;
  filter: drop-shadow(0 0 5px currentColor);
  vector-effect: non-scaling-stroke;
}

.ssto.ssto--asset-medallions .ssto-core {
  z-index: 12;
  background: transparent;
  transition: transform .2s ease, filter .2s ease;
}

.ssto.ssto--asset-medallions .ssto-core:hover,
.ssto.ssto--asset-medallions .ssto-core:focus-visible {
  transform: translate(-50%, -50%) scale(1.035);
}

.ssto.ssto--asset-medallions .ssto-core-visual {
  inset: -7%;
}

.ssto.ssto--asset-medallions .ssto-core-image {
  filter:
    drop-shadow(0 0 9px rgba(36,208,255,.28))
    drop-shadow(0 0 24px rgba(24,139,255,.19));
}

.ssto .ssto-core-label {
  bottom: -29px;
  width: 170px;
}

.ssto .ssto-core-label strong {
  font-size: clamp(.78rem, 1.25vw, .98rem);
}

.ssto .ssto-core-label small {
  margin-top: 1px;
  font-size: .62rem;
  letter-spacing: .10em;
}

.ssto .ssto-family-anchor {
  z-index: 11;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}

.ssto .ssto-family-anchor:hover,
.ssto .ssto-family-anchor:focus-visible,
.ssto .ssto-family-anchor.is-selected {
  transform: translate(-50%, -50%) scale(1.075);
}

.ssto .ssto-family-anchor.is-related:not(.is-selected) {
  transform: translate(-50%, -50%) scale(1.035);
}

.ssto .ssto-family-anchor.is-dim {
  opacity: .34;
  filter: saturate(.55);
}

.ssto.ssto--asset-medallions .ssto-family-medallion img {
  inset: -7%;
  width: 114%;
  height: 114%;
  filter:
    drop-shadow(0 0 7px color-mix(in srgb, var(--family) 26%, transparent))
    drop-shadow(0 0 17px color-mix(in srgb, var(--family) 17%, transparent));
}

.ssto .ssto-family-caption {
  z-index: 10;
  width: 176px;
  color: rgba(231,242,253,.78);
  text-shadow: 0 2px 9px rgba(1,10,20,.84);
  transition: opacity .18s ease, color .18s ease;
}

.ssto .ssto-family-caption strong {
  font-size: clamp(.72rem, 1.22vw, .96rem);
  line-height: 1.12;
}

.ssto .ssto-family-caption span {
  margin-top: 4px;
  font-size: .66rem;
  font-weight: 650;
}

.ssto .ssto-family-caption.is-selected { color: #fff; }

.ssto .ssto-family-caption.is-dim { opacity: .32; }

.ssto .ssto-talent {
  z-index: 13;
  transform: translate(-50%, -50%) scale(var(--ssto-node-scale, 1));
  opacity: .91;
  background:
    radial-gradient(circle at 38% 31%, color-mix(in srgb, var(--family) 33%, #24415b 67%), #07172c 65%);
  box-shadow:
    0 0 0 1.35px color-mix(in srgb, var(--family) 88%, white 12%),
    0 0 11px color-mix(in srgb, var(--family) 21%, transparent);
}

.ssto .ssto-talent::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
}

.ssto .ssto-talent:hover,
.ssto .ssto-talent:focus-visible,
.ssto .ssto-talent.is-focused {
  z-index: 20;
  transform: translate(-50%, -50%) scale(calc(var(--ssto-node-scale, 1) * 1.22));
  opacity: 1;
}

.ssto .ssto-talent.is-muted {
  opacity: .20;
  filter: saturate(.42);
}

.ssto .ssto-talent.is-focused {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 5px color-mix(in srgb, var(--family) 38%, transparent),
    0 0 22px color-mix(in srgb, var(--family) 48%, transparent);
}

.ssto .ssto-talent-mark {
  font-size: clamp(.50rem, .78vw, .68rem);
}

.ssto .ssto-talent-tooltip {
  max-width: 190px;
  bottom: calc(100% + 10px);
  font-size: .68rem;
}

@media (max-width: 1019px) {
.ssto .ssto-family-caption { width: 150px; }

.ssto .ssto-family-caption strong { font-size: .74rem; }

.ssto .ssto-family-caption span { font-size: .61rem; }

.ssto .ssto-core-label { bottom: -25px; width: 150px; }
}

@media (max-width: 759px) {
.ssto {
    width: min(calc(100% - 12px), 640px);
    margin-top: 18px;
  }

.ssto .ssto-stage {
    display: block !important;
    min-height: 0;
  }

.ssto .ssto-stage-shell {
    border-radius: 22px;
  }

.ssto .ssto-family-caption {
    width: 112px;
  }

.ssto .ssto-family-caption strong {
    font-size: clamp(.60rem, 2.55vw, .72rem);
    line-height: 1.06;
  }

.ssto .ssto-family-caption span {
    margin-top: 2px;
    font-size: clamp(.51rem, 2.05vw, .59rem);
  }

.ssto .ssto-family-count {
    right: -6px;
    bottom: -6px;
    min-width: 21px;
    height: 21px;
    padding-inline: 5px;
    font-size: .60rem;
  }

.ssto .ssto-core-label {
    bottom: -25px;
    width: 128px;
  }

.ssto .ssto-core-label strong {
    font-size: clamp(.68rem, 2.7vw, .78rem);
  }

.ssto .ssto-core-label small {
    font-size: .51rem;
    letter-spacing: .08em;
  }

.ssto .ssto-talent-mark {
    font-size: clamp(.42rem, 2vw, .55rem);
  }

.ssto .ssto-talent-tooltip {
    display: none;
  }

.ssto .ssto-focus-card {
    grid-template-columns: 50px minmax(0,1fr);
    gap: 11px;
    padding: 14px;
  }

.ssto .ssto-focus-icon {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 390px) {
.ssto .ssto-family-caption { width: 98px; }

.ssto .ssto-family-caption strong { font-size: .60rem; }

.ssto .ssto-family-caption span { font-size: .50rem; }

.ssto .ssto-core-label { bottom: -23px; }
}

@media (prefers-reduced-motion: reduce) {
.ssto .ssto-web-edge,
  .ssto .ssto-family-edge,
  .ssto .ssto-core-edge,
  .ssto .ssto-family-anchor,
  .ssto .ssto-family-caption,
  .ssto .ssto-talent,
  .ssto.ssto--asset-medallions .ssto-core {
    transition: none !important;
  }
}

.ssto.ssto--v5 {
  --ssto-stage-ratio: 1000 / 600;
  width: min(1160px, calc(100% - 24px));
}

.ssto.ssto--v5 .ssto-stage-shell {
  overflow: hidden;
  border-radius: 27px;
  background:
    radial-gradient(circle at 50% 48%, rgba(24,174,226,.14), transparent 22%),
    radial-gradient(circle at 29% 29%, rgba(129,87,246,.075), transparent 20%),
    radial-gradient(circle at 72% 28%, rgba(251,146,60,.07), transparent 20%),
    radial-gradient(circle at 27% 70%, rgba(74,222,128,.06), transparent 19%),
    radial-gradient(circle at 58% 77%, rgba(251,191,36,.055), transparent 19%),
    linear-gradient(180deg, #102d4d 0%, #081a31 100%);
  box-shadow:
    0 24px 65px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 72px rgba(2,10,24,.17);
}

.ssto.ssto--v5 .ssto-stage {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: var(--ssto-stage-ratio);
  overflow: hidden;
}

.ssto.ssto--v5 .ssto-web-edge { opacity: .13; }

.ssto.ssto--v5 .ssto-web-edge--cross { opacity: .46; }

.ssto.ssto--v5 .ssto-web-edge.is-emphasised { opacity: .66; }

.ssto.ssto--v5 .ssto-ambient-sweep { opacity: .72; }

.ssto.ssto--v5 .ssto-core-guide { opacity: .78; }

.ssto.ssto--v5 .ssto-family-edge--secondary {
  stroke-width: 1.05;
  stroke-dasharray: 1 6;
  opacity: .24;
  filter: none;
}

.ssto.ssto--v5 .ssto-family-edge--secondary.is-emphasised {
  stroke-width: 1.45;
  opacity: .64;
  filter: drop-shadow(0 0 4px currentColor);
}

.ssto.ssto--v5 .ssto-family-edge--secondary.is-dim { opacity: .055; }

.ssto.ssto--v5 .ssto-family-caption {
  width: 164px;
  max-width: 164px;
  padding: 7px 9px 7px;
  border: 1px solid color-mix(in srgb, var(--family) 22%, rgba(185,216,244,.14));
  border-radius: 11px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--family) 5%, rgba(8,25,46,.79)),
      rgba(5,20,38,.68));
  color: rgba(240,247,255,.90);
  box-shadow:
    0 8px 22px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  text-shadow: 0 2px 8px rgba(1,10,20,.72);
}

.ssto.ssto--v5 .ssto-family-caption[data-align="left"] {
  transform: translate(0, -50%);
  text-align: left;
}

.ssto.ssto--v5 .ssto-family-caption[data-align="right"] {
  transform: translate(-100%, -50%);
  text-align: right;
}

.ssto.ssto--v5 .ssto-family-caption[data-align="center"] {
  transform: translate(-50%, -50%);
  text-align: center;
}

.ssto.ssto--v5 .ssto-family-caption strong {
  display: block;
  color: #f5f9ff;
  font-size: clamp(.70rem, 1.08vw, .90rem);
  line-height: 1.08;
  letter-spacing: -.01em;
  text-wrap: balance;
}

.ssto.ssto--v5 .ssto-family-caption span {
  margin-top: 4px;
  font-size: .61rem;
  font-weight: 760;
  letter-spacing: .015em;
}

.ssto.ssto--v5 .ssto-family-caption.is-selected {
  border-color: color-mix(in srgb, var(--family) 46%, rgba(255,255,255,.15));
  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    0 0 18px color-mix(in srgb, var(--family) 11%, transparent),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.ssto.ssto--v5 .ssto-family-caption.is-dim { opacity: .40; }

.ssto.ssto--v5 .ssto-family-anchor.is-dim {
  opacity: .42;
  filter: saturate(.60);
}

.ssto.ssto--v5.ssto--asset-medallions .ssto-family-medallion img {
  inset: -5%;
  width: 110%;
  height: 110%;
}

.ssto.ssto--v5 .ssto-family-count {
  right: -4px;
  bottom: -4px;
  min-width: 23px;
  height: 23px;
  padding-inline: 5px;
  font-size: .64rem;
}

.ssto.ssto--v5 .ssto-talent {
  opacity: .94;
}

.ssto.ssto--v5 .ssto-talent:hover,
.ssto.ssto--v5 .ssto-talent:focus-visible,
.ssto.ssto--v5 .ssto-talent.is-focused {
  transform: translate(-50%, -50%) scale(calc(var(--ssto-node-scale, 1) * 1.15));
}

.ssto.ssto--v5 .ssto-talent.is-muted {
  opacity: .24;
  filter: saturate(.48);
}

.ssto.ssto--v5 .ssto-talent.is-focused .ssto-talent-tooltip {
  opacity: 0;
  transform: translate(-50%, 4px) scale(.95);
}

.ssto.ssto--v5 .ssto-talent.is-focused:hover .ssto-talent-tooltip,
.ssto.ssto--v5 .ssto-talent.is-focused:focus-visible .ssto-talent-tooltip {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.ssto.ssto--v5 .ssto-dna-layer {
  pointer-events: none;
}

.ssto.ssto--v5 .ssto-dna-segment {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: .96;
  filter:
    drop-shadow(0 0 3px currentColor)
    drop-shadow(0 0 7px color-mix(in srgb, currentColor 45%, transparent));
  animation: ssto-v5-dna-draw .27s cubic-bezier(.2,.72,.2,1) forwards;
  animation-delay: var(--dna-delay, 0ms);
}

.ssto.ssto--v5 .ssto-dna-segment.is-static {
  stroke-dashoffset: 0;
  animation: none;
}

.ssto.ssto--v5 .ssto-dna-node {
  opacity: 0;
  transform: scale(.30);
  transform-box: fill-box;
  transform-origin: center;
  animation: ssto-v5-dna-node .34s cubic-bezier(.2,.82,.25,1.2) forwards;
  animation-delay: var(--dna-delay, 0ms);
}

.ssto.ssto--v5 .ssto-dna-node.is-static {
  opacity: 1;
  transform: none;
  animation: none;
}

.ssto.ssto--v5 .ssto-dna-node-ring {
  fill: rgba(5,24,44,.93);
  stroke: currentColor;
  stroke-width: 1.2;
  opacity: .96;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px currentColor);
}

.ssto.ssto--v5 .ssto-dna-node-core {
  fill: #dffaff;
  stroke: rgba(255,255,255,.94);
  stroke-width: .7;
  vector-effect: non-scaling-stroke;
  filter:
    drop-shadow(0 0 3px #85efff)
    drop-shadow(0 0 6px currentColor);
}

@keyframes ssto-v5-dna-draw {
  from { stroke-dashoffset: 1; opacity: .28; }
  to   { stroke-dashoffset: 0; opacity: .96; }
}

@keyframes ssto-v5-dna-node {
  0%   { opacity: 0; transform: scale(.30); }
  62%  { opacity: 1; transform: scale(1.42); }
  100% { opacity: 1; transform: scale(1); }
}

.ssto.ssto--v5.is-dna-arriving .ssto-core-image {
  animation: ssto-v5-core-receive .62s ease 620ms 1 both;
}

@keyframes ssto-v5-core-receive {
  0%,100% {
    filter:
      drop-shadow(0 0 9px rgba(36,208,255,.28))
      drop-shadow(0 0 24px rgba(24,139,255,.19));
  }
  48% {
    filter:
      drop-shadow(0 0 14px rgba(118,239,255,.58))
      drop-shadow(0 0 33px rgba(38,173,255,.44))
      drop-shadow(0 0 52px rgba(37,126,255,.20));
  }
}

.ssto.ssto--v5 .ssto-focus-card {
  grid-template-columns: 60px minmax(0,1fr) auto;
  gap: 13px;
  margin-top: 12px;
  padding: 14px 15px;
  border-radius: 18px;
}

.ssto.ssto--v5 .ssto-focus-icon {
  width: 54px;
  height: 54px;
}

.ssto.ssto--v5 .ssto-focus-copy h3 {
  font-size: clamp(1.08rem,1.7vw,1.36rem);
}

.ssto.ssto--v5 .ssto-focus-copy p {
  margin-top: 4px;
  font-size: .88rem;
  line-height: 1.4;
}

.ssto.ssto--v5 .ssto-focus-tags {
  margin-top: 8px;
}

.ssto.ssto--v5 .ssto-focus-tags span {
  padding: 4px 7px;
  font-size: .68rem;
}

.ssto.ssto--v5 .ssto-button {
  min-height: 40px;
  padding: 8px 13px;
}

@media (max-width: 1019px) {
.ssto.ssto--v5 {
    width: min(calc(100% - 18px), 960px);
  }

.ssto.ssto--v5 .ssto-stage-shell { border-radius: 24px; }

.ssto.ssto--v5 .ssto-family-caption {
    width: 142px;
    max-width: 142px;
    padding: 6px 8px;
  }

.ssto.ssto--v5 .ssto-family-caption strong {
    font-size: .70rem;
  }

.ssto.ssto--v5 .ssto-family-caption span {
    font-size: .57rem;
  }

.ssto.ssto--v5 .ssto-focus-card {
    grid-template-columns: 56px minmax(0,1fr);
  }

.ssto.ssto--v5 .ssto-focus-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

@media (max-width: 759px) {
.ssto.ssto--v5 {
    width: min(calc(100% - 10px), 620px);
    margin-top: 14px;
  }

.ssto.ssto--v5 .ssto-stage-shell {
    border-radius: 19px;
  }

.ssto.ssto--v5 .ssto-family-caption {
    width: 112px;
    max-width: 112px;
    padding: 5px 6px;
    border-radius: 9px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }

.ssto.ssto--v5 .ssto-family-caption strong {
    font-size: clamp(.58rem,2.45vw,.68rem);
    line-height: 1.05;
  }

.ssto.ssto--v5 .ssto-family-caption span {
    margin-top: 2px;
    font-size: clamp(.49rem,1.95vw,.56rem);
  }

.ssto.ssto--v5 .ssto-family-count {
    right: -3px;
    bottom: -3px;
    min-width: 20px;
    height: 20px;
    font-size: .56rem;
  }

.ssto.ssto--v5 .ssto-core-label {
    bottom: -22px;
    width: 120px;
  }

.ssto.ssto--v5 .ssto-core-label strong {
    font-size: clamp(.64rem,2.55vw,.74rem);
  }

.ssto.ssto--v5 .ssto-core-label small {
    font-size: .48rem;
  }

.ssto.ssto--v5 .ssto-dna-segment {
    stroke-width: 2.05;
  }

.ssto.ssto--v5 .ssto-focus-card {
    grid-template-columns: 48px minmax(0,1fr);
    gap: 10px;
    padding: 12px;
    margin-top: 10px;
  }

.ssto.ssto--v5 .ssto-focus-icon {
    width: 46px;
    height: 46px;
  }

.ssto.ssto--v5 .ssto-focus-actions {
    gap: 7px;
  }

.ssto.ssto--v5 .ssto-button {
    min-height: 42px;
    padding-inline: 9px;
    font-size: .78rem;
  }
}

@media (max-width: 390px) {
.ssto.ssto--v5 .ssto-family-caption {
    width: 104px;
    max-width: 104px;
  }

.ssto.ssto--v5 .ssto-family-caption strong { font-size: .58rem; }

.ssto.ssto--v5 .ssto-family-caption span { font-size: .48rem; }
}

@media (prefers-reduced-motion: reduce) {
.ssto.ssto--v5 .ssto-dna-segment {
    stroke-dashoffset: 0 !important;
    opacity: .96 !important;
    animation: none !important;
  }

.ssto.ssto--v5 .ssto-dna-node {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

.ssto.ssto--v5.is-dna-arriving .ssto-core-image {
    animation: none !important;
  }
}

.ssto.ssto--v5 .ssto-core {
  z-index: 12;
}

.ssto.ssto--v5 .ssto-core-label {
  z-index: 3;
  width: auto;
  min-width: 188px;
  padding: 7px 14px 8px;
  border: 1px solid rgba(123, 225, 255, .18);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(7, 22, 42, .90), rgba(3, 15, 30, .96));
  box-shadow: 0 8px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}

.ssto.ssto--v5 .ssto-core-label strong {
  line-height: 1;
}

.ssto.ssto--v5 .ssto-core-label small {
  margin-top: 5px;
  letter-spacing: .12em;
}

.ssto.ssto--v5 .ssto-family-caption {
  width: 176px;
  max-width: 176px;
  min-height: 78px;
  padding: 12px 16px 11px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--family) 28%, rgba(202,225,248,.16));
  background:
    radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--family) 10%, transparent), transparent 40%),
    linear-gradient(145deg, color-mix(in srgb, var(--family) 5%, rgba(8,25,46,.82)), rgba(5,20,38,.74));
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(255,255,255,.015);
}

.ssto.ssto--v5 .ssto-family-caption strong,
.ssto.ssto--v5 .ssto-family-caption span {
  display: block;
  width: 100%;
  text-wrap: balance;
}

.ssto.ssto--v5 .ssto-family-caption strong {
  font-size: clamp(.73rem, 1.08vw, .92rem);
  line-height: 1.08;
}

.ssto.ssto--v5 .ssto-family-caption span {
  margin-top: 5px;
  font-size: .68rem;
  font-weight: 780;
}

.ssto.ssto--v5 .ssto-family-count {
  right: -2px;
  bottom: -2px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.ssto.ssto--v5 .ssto-state-badge--active {
  left: 50%;
  top: 50%;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  display: none;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ssto.ssto--v5 .ssto-state-badge--active::after {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(93,242,154,.42);
  border-radius: 50%;
  opacity: .75;
  box-shadow: 0 0 12px rgba(93,242,154,.18);
}

.ssto.ssto--v5 .ssto-state-badge--active::before {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle at 35% 35%, #e8fff1 0 23%, #89f7b4 26%, #45dc82 70%, #158b49 100%);
  box-shadow:
    0 0 0 1px rgba(232,255,241,.66),
    0 0 10px rgba(93,242,154,.62),
    0 0 18px rgba(93,242,154,.24);
}

.ssto.ssto--v5 .ssto-talent.is-active .ssto-state-badge--active {
  display: block;
  animation: ssto-v51-active-orbit 4.6s linear infinite;
}

@keyframes ssto-v51-active-orbit {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (max-width: 1019px) {
.ssto.ssto--v5 .ssto-family-caption {
    width: 154px;
    max-width: 154px;
    min-height: 72px;
    padding: 10px 13px;
    border-radius: 23px;
  }

.ssto.ssto--v5 .ssto-family-caption strong {
    font-size: .72rem;
  }

.ssto.ssto--v5 .ssto-family-caption span {
    font-size: .62rem;
  }
}

@media (max-width: 759px) {
.ssto.ssto--v5 .ssto-core-label {
    min-width: 150px;
    padding: 6px 12px 7px;
  }

.ssto.ssto--v5 .ssto-family-caption {
    width: 118px;
    max-width: 118px;
    min-height: 64px;
    padding: 8px 10px;
    border-radius: 18px;
  }

.ssto.ssto--v5 .ssto-family-caption strong {
    font-size: clamp(.58rem, 2.4vw, .68rem);
  }

.ssto.ssto--v5 .ssto-family-caption span {
    margin-top: 3px;
    font-size: clamp(.48rem, 1.9vw, .56rem);
  }

.ssto.ssto--v5 .ssto-family-count {
    width: 23px;
    min-width: 23px;
    height: 23px;
    font-size: .58rem;
  }

.ssto.ssto--v5 .ssto-state-badge--active {
    width: calc(100% + 14px);
    height: calc(100% + 14px);
  }

.ssto.ssto--v5 .ssto-state-badge--active::before {
    width: 9px;
    height: 9px;
    right: 4px;
  }
}

.ssto.ssto--v5 .ssto-star {
  fill: rgba(167,229,255,.42);
  transform-origin: center;
  transform-box: fill-box;
  animation: ssto-v52-star-twinkle var(--twinkle-duration, 3.2s) ease-in-out infinite;
  animation-delay: var(--twinkle-delay, 0s);
}

.ssto.ssto--v5 .ssto-star--bright {
  fill: rgba(197,245,255,.82);
  filter: drop-shadow(0 0 4px rgba(95,215,255,.52));
}

@keyframes ssto-v52-star-twinkle {
  0%, 100% { opacity: .36; transform: scale(1); }
  22%      { opacity: .82; transform: scale(var(--twinkle-scale, 1.12)); }
  48%      { opacity: .28; transform: scale(.92); }
  72%      { opacity: .68; transform: scale(1.04); }
}

.ssto.ssto--v5 .ssto-talent {
  transform: translate(-50%, -50%) scale(var(--ssto-node-scale, 1));
}

.ssto.ssto--v5 .ssto-talent:hover,
.ssto.ssto--v5 .ssto-talent:focus-visible,
.ssto.ssto--v5 .ssto-talent.is-focused {
  transform: translate(-50%, -50%) scale(calc(var(--ssto-node-scale, 1) * 1.12));
}

.ssto.ssto--v5 .ssto-family-caption {
  opacity: 0;
  filter: blur(7px);
  visibility: hidden;
}

.ssto.ssto--v5 .ssto-family-caption[data-align="left"] {
  transform: translate(0, -50%) translateY(10px) scale(.96);
}

.ssto.ssto--v5 .ssto-family-caption[data-align="right"] {
  transform: translate(-100%, -50%) translateY(10px) scale(.96);
}

.ssto.ssto--v5 .ssto-family-caption[data-align="center"] {
  transform: translate(-50%, -50%) translateY(10px) scale(.96);
}

.ssto.ssto--v5 .ssto-family-anchor:hover + .ssto-family-caption,
.ssto.ssto--v5 .ssto-family-anchor:focus-visible + .ssto-family-caption,
.ssto.ssto--v5 .ssto-family-anchor.is-selected + .ssto-family-caption,
.ssto.ssto--v5 .ssto-family-anchor.is-related + .ssto-family-caption,
.ssto.ssto--v5 .ssto-family-caption.is-selected {
  opacity: 1;
  filter: none;
  visibility: visible;
}

.ssto.ssto--v5 .ssto-family-anchor:hover + .ssto-family-caption[data-align="left"],
.ssto.ssto--v5 .ssto-family-anchor:focus-visible + .ssto-family-caption[data-align="left"],
.ssto.ssto--v5 .ssto-family-anchor.is-selected + .ssto-family-caption[data-align="left"],
.ssto.ssto--v5 .ssto-family-anchor.is-related + .ssto-family-caption[data-align="left"],
.ssto.ssto--v5 .ssto-family-caption.is-selected[data-align="left"] {
  transform: translate(0, -50%) translateY(0) scale(1);
}

.ssto.ssto--v5 .ssto-family-anchor:hover + .ssto-family-caption[data-align="right"],
.ssto.ssto--v5 .ssto-family-anchor:focus-visible + .ssto-family-caption[data-align="right"],
.ssto.ssto--v5 .ssto-family-anchor.is-selected + .ssto-family-caption[data-align="right"],
.ssto.ssto--v5 .ssto-family-anchor.is-related + .ssto-family-caption[data-align="right"],
.ssto.ssto--v5 .ssto-family-caption.is-selected[data-align="right"] {
  transform: translate(-100%, -50%) translateY(0) scale(1);
}

.ssto.ssto--v5 .ssto-family-anchor:hover + .ssto-family-caption[data-align="center"],
.ssto.ssto--v5 .ssto-family-anchor:focus-visible + .ssto-family-caption[data-align="center"],
.ssto.ssto--v5 .ssto-family-anchor.is-selected + .ssto-family-caption[data-align="center"],
.ssto.ssto--v5 .ssto-family-anchor.is-related + .ssto-family-caption[data-align="center"],
.ssto.ssto--v5 .ssto-family-caption.is-selected[data-align="center"] {
  transform: translate(-50%, -50%) translateY(0) scale(1);
}

.ssto.ssto--v5 .ssto-core-label {
  opacity: 0;
  visibility: hidden;
  filter: blur(7px);
  transform: translateX(-50%) translateY(10px) scale(.96);
  transition: opacity .22s ease, transform .22s ease, filter .22s ease, visibility .22s ease;
}

.ssto.ssto--v5 .ssto-core:hover .ssto-core-label,
.ssto.ssto--v5 .ssto-core:focus-visible .ssto-core-label {
  opacity: 1;
  visibility: visible;
  filter: none;
  transform: translateX(-50%) translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
.ssto.ssto--v5 .ssto-star {
    animation: none !important;
    opacity: .62 !important;
    transform: none !important;
  }

.ssto.ssto--v5 .ssto-family-caption,
  .ssto.ssto--v5 .ssto-core-label {
    transition: none !important;
  }
}

@media (max-width: 759px) {
.ssto.ssto--v5 {
    --ssto-satellite-size: 36px;
    --ssto-family-size: 74px;
    --ssto-core-size: 146px;
  }

.ssto.ssto--v5 .ssto-stage-shell {
    border-radius: 19px;
  }

.ssto.ssto--v5 .ssto-family-count {
    right: -3px;
    bottom: -3px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    font-size: .56rem;
  }

.ssto.ssto--v5 .ssto-talent-mark {
    font-size: clamp(.50rem, 2.1vw, .66rem);
  }
}

.ssto.ssto--v5 .ssto-dna-layer {
  pointer-events: none;
  overflow: visible;
}

.ssto.ssto--v5 .ssto-dna-segment {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  vector-effect: non-scaling-stroke;
  animation: ssto-v55-route-draw var(--dna-duration,395ms) cubic-bezier(.2,.72,.2,1) forwards;
  animation-delay: var(--dna-delay,0ms);
}

.ssto.ssto--v5 .ssto-dna-segment.is-static {
  stroke-dashoffset: 0;
  animation: none;
}

.ssto.ssto--v5 .ssto-dna-segment--halo {
  stroke: currentColor;
  stroke-width: 8.5;
  opacity: .16;
  filter: blur(2.1px) drop-shadow(0 0 8px currentColor);
}

.ssto.ssto--v5 .ssto-dna-segment--family {
  stroke: currentColor;
  stroke-width: 3.4;
  opacity: .96;
  filter: drop-shadow(0 0 4px currentColor) drop-shadow(0 0 9px currentColor);
}

.ssto.ssto--v5 .ssto-dna-segment--energy {
  stroke: #d8fbff;
  stroke-width: 1.35;
  opacity: .98;
  filter: drop-shadow(0 0 3px #93f5ff) drop-shadow(0 0 7px #35d8ff);
}

@keyframes ssto-v55-route-draw {
  0% { stroke-dashoffset: 1; opacity: .10; }
  42% { opacity: 1; }
  100% { stroke-dashoffset: 0; }
}

.ssto.ssto--v5 .ssto-dna-pulse {
  fill: #fff;
  stroke: #b9f8ff;
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
  filter:
    drop-shadow(0 0 3px #fff)
    drop-shadow(0 0 8px #62e7ff)
    drop-shadow(0 0 13px currentColor);
}

.ssto.ssto--v5 .ssto-dna-node {
  opacity: 0;
  transform: scale(.24);
  transform-box: fill-box;
  transform-origin: center;
  animation: ssto-v55-node-arrive .46s cubic-bezier(.16,.9,.25,1.28) forwards;
  animation-delay: var(--dna-delay,0ms);
}

.ssto.ssto--v5 .ssto-dna-node.is-static {
  opacity: 1;
  transform: none;
  animation: none;
}

.ssto.ssto--v5 .ssto-dna-node-halo {
  fill: currentColor;
  opacity: .10;
  stroke: none;
  filter: blur(2.6px) drop-shadow(0 0 7px currentColor);
  animation: ssto-v55-node-halo .82s ease var(--dna-delay,0ms) 1 both;
}

.ssto.ssto--v5 .ssto-dna-node-orbit {
  fill: none;
  stroke: rgba(142,239,255,.78);
  stroke-width: 1;
  stroke-dasharray: 2 2.6;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 3px rgba(75,218,255,.55));
}

.ssto.ssto--v5 .ssto-dna-node-body {
  fill: rgba(5,25,47,.98);
  stroke: #82ecff;
  stroke-width: 1.45;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px rgba(68,215,255,.75)) drop-shadow(0 0 9px currentColor);
}

.ssto.ssto--v5 .ssto-dna-node-inner {
  fill: rgba(8,48,79,.96);
  stroke: rgba(184,247,255,.34);
  stroke-width: .65;
  vector-effect: non-scaling-stroke;
}

.ssto.ssto--v5 .ssto-dna-node-glyph-line {
  stroke: #c9faff;
  stroke-width: .78;
  opacity: .88;
  vector-effect: non-scaling-stroke;
}

.ssto.ssto--v5 .ssto-dna-node-glyph-dot,
.ssto.ssto--v5 .ssto-dna-node-glyph-centre {
  fill: #e5fdff;
  filter: drop-shadow(0 0 2px #6feaff);
}

.ssto.ssto--v5 .ssto-dna-node-family-dot {
  fill: currentColor;
  stroke: rgba(255,255,255,.92);
  stroke-width: .55;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 3px currentColor);
}

@keyframes ssto-v55-node-arrive {
  0% { opacity: 0; transform: scale(.24); }
  48% { opacity: 1; transform: scale(1.38); }
  72% { transform: scale(.90); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes ssto-v55-node-halo {
  0%,25% { opacity: 0; }
  58% { opacity: .34; }
  100% { opacity: .10; }
}

.ssto.ssto--v5.is-dna-arriving .ssto-core-image {
  animation: ssto-v55-core-receive .82s cubic-bezier(.2,.72,.2,1) var(--dna-arrival-delay,1100ms) 1 both;
}

.ssto.ssto--v5.is-dna-arriving .ssto-core::before {
  animation: ssto-v55-core-ring .84s ease var(--dna-arrival-delay,1100ms) 1 both;
}

.ssto.ssto--v5.is-dna-arriving .ssto-core-orbit--a {
  animation: ssto-v55-core-orbit-answer .88s ease var(--dna-arrival-delay,1100ms) 1 both;
}

@keyframes ssto-v55-core-receive {
  0%,100% {
    transform: scale(1);
    filter: drop-shadow(0 0 9px rgba(36,208,255,.28)) drop-shadow(0 0 24px rgba(24,139,255,.19));
  }
  42% {
    transform: scale(1.055);
    filter: drop-shadow(0 0 16px rgba(195,251,255,.86)) drop-shadow(0 0 38px rgba(52,209,255,.62)) drop-shadow(0 0 62px rgba(37,126,255,.28));
  }
}

@keyframes ssto-v55-core-ring {
  0%,100% { box-shadow: 0 0 22px rgba(34,211,238,.22), inset 0 0 24px rgba(14,165,233,.12); }
  45% { box-shadow: 0 0 24px rgba(184,249,255,.72), 0 0 46px rgba(42,211,255,.42), inset 0 0 32px rgba(98,230,255,.22); }
}

@keyframes ssto-v55-core-orbit-answer {
  0%,100% { opacity: inherit; transform: scale(1); }
  45% { opacity: .95; transform: scale(1.10); }
}

@media(max-width:759px) {
.ssto.ssto--v5 .ssto-dna-segment--halo { stroke-width: 7.2; }

.ssto.ssto--v5 .ssto-dna-segment--family { stroke-width: 3.0; }

.ssto.ssto--v5 .ssto-dna-segment--energy { stroke-width: 1.2; }
}

@media(prefers-reduced-motion:reduce) {
.ssto.ssto--v5 .ssto-dna-segment,
  .ssto.ssto--v5 .ssto-dna-node,
  .ssto.ssto--v5 .ssto-dna-node-halo,
  .ssto.ssto--v5.is-dna-arriving .ssto-core-image,
  .ssto.ssto--v5.is-dna-arriving .ssto-core::before,
  .ssto.ssto--v5.is-dna-arriving .ssto-core-orbit--a {
    animation: none !important;
  }

.ssto.ssto--v5 .ssto-dna-segment { stroke-dashoffset: 0 !important; }

.ssto.ssto--v5 .ssto-dna-node { opacity: 1 !important; transform: none !important; }
}

.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon .ssto-talent-image {
  position: absolute;
  inset: 14%;
  z-index: 4;
  width: 72%;
  height: 72%;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--family) 30%, rgba(255,255,255,.25)));
}

.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon .ssto-talent-mark,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon .ssto-talent-mark {
  opacity: 0;
}

.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon:hover .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon:focus-visible .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon.is-focused .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon:hover .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon:focus-visible .ssto-talent-image,
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon.is-focused .ssto-talent-image {
  transform: scale(1.03);
}

@media (max-width: 980px) {
.ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-embedded-icon .ssto-talent-image,
  .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-talent.has-asset-icon .ssto-talent-image {
    inset: 15%;
    width: 70%;
    height: 70%;
  }
}

html body .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-focus-icon.has-talent-icon {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--family) 12%, rgba(255,255,255,.055)), transparent 62%),
    rgba(4,22,42,.78);
}

html body .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-focus-icon.has-talent-icon img {
  display: block;
  width: 78%;
  height: 78%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--family) 28%, transparent));
}

html body .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-mobile-talent.has-talent-icon .ssto-mobile-talent-icon {
  width: 42px;
  height: 42px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--family) 12%, rgba(255,255,255,.055)), transparent 64%),
    rgba(4,22,42,.76);
}

html body .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-mobile-talent.has-talent-icon .ssto-mobile-talent-icon img {
  display: block;
  width: 78%;
  height: 78%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--family) 25%, transparent));
}

@media (max-width: 759px) {
html body .ssto.ssto--v5[data-ssto-version="5.8.23"] .ssto-focus-icon.has-talent-icon img {
    width: 80%;
    height: 80%;
  }
}