.runtime-support-hero {
      margin-bottom: 0;
      margin-top: 0;
      text-align: center;
    }

    #runtime-support {
      min-height: 0;
    }

    .runtime-support-graphic {
      height: clamp(19rem, 40vw, 28rem);
      margin: 2.75rem auto 1.6rem;
      max-width: 880px;
      position: relative;
    }

    .runtime-support-connections {
      height: 100%;
      inset: 0;
      overflow: visible;
      pointer-events: none;
      position: absolute;
      width: 100%;
    }

    .runtime-support-connection,
    .runtime-support-pulse {
      fill: none;
      stroke-width: 3px;
      vector-effect: non-scaling-stroke;
    }

    .runtime-support-connection {
      filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.55));
      stroke: url(#runtime-support-link-gradient);
    }

    .runtime-support-pulse {
      animation: runtime-power-flow 2.8s ease-in-out infinite;
      filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.65));
      opacity: 0;
      stroke: rgba(255, 255, 255, 0.9);
      stroke-dasharray: 16 100;
      stroke-linecap: round;
    }

    .runtime-support-node {
      --runtime-side-size: clamp(5.8rem, 10vw, 8rem);
      align-items: center;
      background: rgba(13, 13, 28, 0.86);
      border: 1px solid rgba(147, 197, 253, 0.22);
      border-radius: 999px;
      box-shadow:
        0 22px 60px rgba(0, 0, 0, 0.42),
        0 0 34px rgba(96, 165, 250, 0.16);
      display: flex;
      height: var(--runtime-side-size);
      justify-content: center;
      left: 12%;
      overflow: hidden;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: var(--runtime-side-size);
      z-index: 1;
    }

    .runtime-support-node img {
      display: block;
      object-fit: contain;
    }

    .runtime-support-node.is-top {
      top: 16.6667%;
    }

    .runtime-support-node.is-bottom {
      top: 83.3333%;
    }

    .runtime-support-node.is-top,
    .runtime-support-node.is-bottom {
      height: calc(var(--runtime-side-size) * 0.7);
      width: calc(var(--runtime-side-size) * 0.7);
    }

    .runtime-support-node.is-openclaw {
      border-color: rgba(248, 113, 113, 0.45);
    }

    .runtime-support-node.is-openclaw img {
      height: auto;
      width: 86%;
    }

    .runtime-support-node.is-personastack {
      animation: runtime-center-pulse 2.8s ease-in-out infinite;
      background: linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(20, 31, 87, 0.92));
      border-color: rgba(96, 165, 250, 0.7);
      box-shadow:
        0 26px 72px rgba(0, 0, 0, 0.48),
        0 0 0 8px rgba(51, 116, 255, 0.08),
        0 0 54px rgba(51, 116, 255, 0.36);
      height: clamp(7.4rem, 13vw, 10.5rem);
      left: 50%;
      width: clamp(7.4rem, 13vw, 10.5rem);
    }

    .runtime-support-node.is-personastack img {
      height: 72%;
      width: 72%;
    }

    .runtime-support-node.is-hermes {
      background: #fff;
      left: 88%;
      border-color: rgba(167, 139, 250, 0.5);
    }

    .runtime-support-node.is-hermes img {
      filter: invert(1);
      height: 74%;
      width: 74%;
    }

    .runtime-support-copy {
      color: #aeb5c6;
      font-size: 1.08rem;
      line-height: 1.7;
      margin: 0 auto;
      max-width: 760px;
      text-wrap: balance;
    }

    .runtime-support-brand,
    .runtime-support-pill {
      align-items: center;
      display: inline-flex;
      gap: 0.4rem;
      vertical-align: middle;
      white-space: nowrap;
    }

    .runtime-support-brand > img {
      background: #010618;
      border: 1px solid rgba(96, 165, 250, 0.35);
      border-radius: 0.4rem;
      height: 1.75rem;
      padding: 0.15rem;
      width: 1.75rem;
    }

    .runtime-support-brand .brand-wordmark {
      transform: translateY(-0.1em);
    }

    .runtime-support-pill {
      background: rgba(20, 20, 34, 0.85);
      border: 1px solid rgba(148, 163, 184, 0.3);
      border-radius: 999px;
      color: #d1d5db;
      font-size: 0.94em;
      line-height: 1.4;
      margin-block: 0.15rem;
      padding: 0.15rem 0.65rem 0.15rem 0.4rem;
    }

    .runtime-support-pill img {
      height: 1.25rem;
      object-fit: contain;
      width: 1.25rem;
    }

    @keyframes runtime-power-flow {
      0% { stroke-dashoffset: 16; opacity: 0; }
      16% { opacity: 0.88; }
      84% { opacity: 0.88; }
      100% { stroke-dashoffset: -100; opacity: 0; }
    }

    @keyframes runtime-center-pulse {
      0%, 78%, 100% {
        box-shadow:
          0 26px 72px rgba(0, 0, 0, 0.48),
          0 0 0 8px rgba(51, 116, 255, 0.08),
          0 0 54px rgba(51, 116, 255, 0.36);
      }
      88% {
        box-shadow:
          0 26px 72px rgba(0, 0, 0, 0.48),
          0 0 0 12px rgba(96, 165, 250, 0.16),
          0 0 74px rgba(96, 165, 250, 0.58),
          0 0 34px rgba(255, 255, 255, 0.24);
      }
    }

    @media (max-width: 900px) {

      .runtime-support-node.is-openclaw,
      .runtime-support-node.is-hermes {
        --runtime-side-size: clamp(4.65rem, 8vw, 6.4rem);
      }
    }
#runtime-support { padding: clamp(3rem, 6vh, 6rem) 0; }
@media (prefers-reduced-motion: reduce) { #runtime-support * { animation: none !important; } }