<!-- Cydekick animated mark — inline SVG (copy this into your HTML/JSX) -->
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
  <style>
    .ck-orbit { transform-origin: 24px 24px; animation: ck-spin 8s linear infinite; }
    @keyframes ck-spin { to { transform: rotate(360deg); } }
  </style>
  <rect width="48" height="48" rx="12" fill="#0B1B3B"/>
  <circle cx="24" cy="24" r="11" stroke="rgba(255,255,255,0.28)" stroke-width="1.5" fill="none"/>
  <circle cx="24" cy="24" r="3.5" fill="#2F5BFF"/>
  <g class="ck-orbit">
    <circle cx="24" cy="13" r="2.2" fill="#FFFFFF"/>
    <circle cx="35" cy="24" r="2.2" fill="#FFFFFF"/>
    <circle cx="24" cy="35" r="2.2" fill="#FFFFFF"/>
    <circle cx="13" cy="24" r="2.2" fill="#FFFFFF"/>
  </g>
</svg>