// Generated by orrery. Edit the diagram spec and re-render instead of editing this file.
import { type SVGProps, useId } from "react";

export default function ProductLaunch(props: SVGProps<SVGSVGElement>) {
  const uid = useId().replace(/[^A-Za-z0-9_-]/g, "");
  return (
    <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="921" height="640" viewBox="0 0 921 640" role="img" aria-labelledby={`${uid}-sdw-title ${uid}-sdw-desc`} fontFamily="'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" {...props}>
      <title id={`${uid}-sdw-title`}>
        Product launch
      </title>
      <desc id={`${uid}-sdw-desc`}>
        Product launch. 21 components. Connections: Product launch to Market; Product launch to Product; Product launch to Sales; Product launch to Comms; Product launch to Support; Market to Personas; Market to Competitors; Market to Pricing tiers; Product to Beta feedback; Product to Docs and guides; Product to Release notes; Product to Feature flags; Sales to Demo script; Sales to Partner deals; Sales to Sales training; Comms to Press kit; Comms to Launch blog post; Comms to Launch video; Support to FAQ; Support to On-call rota.
      </desc>
      <defs>
        <linearGradient id={`${uid}-bg`} x1="0" y1="0" x2="0.34" y2="0.94">
          <stop offset="0" stopColor="#0e1a24" />
          <stop offset="0.6" stopColor="#0b1012" />
        </linearGradient>
        <pattern id={`${uid}-grid`} width="20.93" height="20.93" patternUnits="userSpaceOnUse">
          <path d="M0 0.52H20.93M0.52 0V20.93" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1.05" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="471.64" cy="354" r="353.82">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
      </defs>
      <rect width="921" height="640" fill={`url(#${uid}-bg)`} />
      <rect width="921" height="640" fill={`url(#${uid}-grid)`} />
      <rect width="921" height="640" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          PRODUCT LAUNCH
        </tspan>
      </text>
      <text fontSize="11.5" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65.25">
          Everything the launch needs, by workstream, as a two-sided mind map
        </tspan>
      </text>
      <g id={`${uid}-e-e1`}>
        <path d="M554.27 370 C586.27 370 586.27 186 618.27 186 L618.27 186" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M554.27 370 C586.27 370 586.27 186 618.27 186 L618.27 186" fill="none" stroke="#2f7fe0" strokeOpacity="0.5" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.316;0.5032;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3615;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M389 370 C357 370 357 254 325 254 L325 254" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M389 370 C357 370 357 254 325 254 L325 254" fill="none" stroke="#d9480f" strokeOpacity="0.5" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.316;0.4518;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3615;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M554.27 370 C586.27 370 586.27 386 618.27 386 L618.27 386" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M554.27 370 C586.27 370 586.27 386 618.27 386 L618.27 386" fill="none" stroke="#2f9e44" strokeOpacity="0.5" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.316;0.4171;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3615;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M389 370 C357 370 357 486 325 486 L325 486" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M389 370 C357 370 357 486 325 486 L325 486" fill="none" stroke="#8b5cf6" strokeOpacity="0.5" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.316;0.4518;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3615;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M554.27 370 C586.27 370 586.27 554 618.27 554 L618.27 554" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M554.27 370 C586.27 370 586.27 554 618.27 554 L618.27 554" fill="none" stroke="#0c8599" strokeOpacity="0.5" strokeWidth="1.88" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.316;0.5032;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3615;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M726.27 186 C750.27 186 750.27 122 774.27 122 L774.27 122" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 186 C750.27 186 750.27 122 774.27 122 L774.27 122" fill="none" stroke="#2f7fe0" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M726.27 186 C750.27 186 750.27 186 774.27 186 L774.27 186" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 186 C750.27 186 750.27 186 774.27 186 L774.27 186" fill="none" stroke="#2f7fe0" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M726.27 186 C750.27 186 750.27 250 774.27 250 L774.27 250" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 186 C750.27 186 750.27 250 774.27 250 L774.27 250" fill="none" stroke="#2f7fe0" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M217 254 C193 254 193 158 169 158 L169 158" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 254 C193 254 193 158 169 158 L169 158" fill="none" stroke="#d9480f" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6725;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M217 254 C193 254 193 222 169 222 L169 222" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 254 C193 254 193 222 169 222 L169 222" fill="none" stroke="#d9480f" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M217 254 C193 254 193 286 169 286 L169 286" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 254 C193 254 193 286 169 286 L169 286" fill="none" stroke="#d9480f" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e12`}>
        <path d="M217 254 C193 254 193 350 169 350 L169 350" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 254 C193 254 193 350 169 350 L169 350" fill="none" stroke="#d9480f" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6725;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e13`}>
        <path d="M726.27 386 C750.27 386 750.27 322 774.27 322 L774.27 322" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 386 C750.27 386 750.27 322 774.27 322 L774.27 322" fill="none" stroke="#2f9e44" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e14`}>
        <path d="M726.27 386 C750.27 386 750.27 386 774.27 386 L774.27 386" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 386 C750.27 386 750.27 386 774.27 386 L774.27 386" fill="none" stroke="#2f9e44" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e15`}>
        <path d="M726.27 386 C750.27 386 750.27 450 774.27 450 L774.27 450" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 386 C750.27 386 750.27 450 774.27 450 L774.27 450" fill="none" stroke="#2f9e44" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e16`}>
        <path d="M217 486 C193 486 193 422 169 422 L169 422" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 486 C193 486 193 422 169 422 L169 422" fill="none" stroke="#8b5cf6" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e17`}>
        <path d="M217 486 C193 486 193 486 169 486 L169 486" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 486 C193 486 193 486 169 486 L169 486" fill="none" stroke="#8b5cf6" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e18`}>
        <path d="M217 486 C193 486 193 550 169 550 L169 550" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M217 486 C193 486 193 550 169 550 L169 550" fill="none" stroke="#8b5cf6" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e19`}>
        <path d="M726.27 554 C750.27 554 750.27 522 774.27 522 L774.27 522" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 554 C750.27 554 750.27 522 774.27 522 L774.27 522" fill="none" stroke="#0c8599" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-e-e20`}>
        <path d="M726.27 554 C750.27 554 750.27 586 774.27 586 L774.27 586" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.05" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M726.27 554 C750.27 554 750.27 586 774.27 586 L774.27 586" fill="none" stroke="#0c8599" strokeOpacity="0.5" strokeWidth="1.26" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5638;0.6649;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.6093;0.9;0.9455;1" dur="3.956s" repeatCount="indefinite" />
        </path>
      </g>
      <g id={`${uid}-n-launch`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="389" y="338" width="165.27" height="64" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="389" y="338" width="165.27" height="64" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="472.07" y="373.91">
            PRODUCT LAUNCH
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-market`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="618.27" y="160" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f7fe0" fillOpacity="0.15" stroke="#2f7fe0" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="618.27" y="160" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="672.71" y="189.91">
            MARKET
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-personas`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="96" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f7fe0" fillOpacity="0.15" stroke="#2f7fe0" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="96" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.71" y="125.91">
            PERSONAS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-competitors`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="160" width="110" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f7fe0" fillOpacity="0.15" stroke="#2f7fe0" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="160" width="110" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="829.71" y="189.91">
            COMPETITORS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-pricing`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="224" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f7fe0" fillOpacity="0.15" stroke="#2f7fe0" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="224" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="10" fontWeight="700" letterSpacing="0.8" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.67" y="253.55">
            PRICING TIERS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-product`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="217" y="228" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#d9480f" fillOpacity="0.15" stroke="#d9480f" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="217" y="228" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="271.44" y="257.9">
            PRODUCT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-beta`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="46" y="132" width="123" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#d9480f" fillOpacity="0.15" stroke="#d9480f" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="46" y="132" width="123" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="107.94" y="161.91">
            BETA FEEDBACK
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-docs`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="32" y="196" width="137" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#d9480f" fillOpacity="0.15" stroke="#d9480f" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="32" y="196" width="137" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="100.94" y="225.91">
            DOCS AND GUIDES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-notes`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="48" y="260" width="121" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#d9480f" fillOpacity="0.15" stroke="#d9480f" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="48" y="260" width="121" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="108.94" y="289.9">
            RELEASE NOTES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-flags`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="54" y="324" width="115" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#d9480f" fillOpacity="0.15" stroke="#d9480f" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="54" y="324" width="115" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="111.94" y="353.91">
            FEATURE FLAGS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-sales`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="618.27" y="360" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f9e44" fillOpacity="0.15" stroke="#2f9e44" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="618.27" y="360" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="672.71" y="389.91">
            SALES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-demo`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="296" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f9e44" fillOpacity="0.15" stroke="#2f9e44" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="296" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.71" y="325.9">
            DEMO SCRIPT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-partners`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="360" width="116" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f9e44" fillOpacity="0.15" stroke="#2f9e44" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="360" width="116" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="832.71" y="389.91">
            PARTNER DEALS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-training`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="424" width="118" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#2f9e44" fillOpacity="0.15" stroke="#2f9e44" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="424" width="118" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="10.5" fontWeight="700" letterSpacing="0.84" fill="#9d9fa0" textAnchor="middle">
          <tspan x="833.69" y="453.73">
            SALES TRAINING
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-comms`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="217" y="460" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#8b5cf6" fillOpacity="0.15" stroke="#8b5cf6" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="217" y="460" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="271.45" y="489.91">
            COMMS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-press`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="61" y="396" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#8b5cf6" fillOpacity="0.15" stroke="#8b5cf6" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="61" y="396" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="115.44" y="425.91">
            PRESS KIT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-blog`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="28" y="460" width="141" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#8b5cf6" fillOpacity="0.15" stroke="#8b5cf6" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="28" y="460" width="141" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="98.94" y="489.91">
            LAUNCH BLOG POST
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-video`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="52" y="524" width="117" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#8b5cf6" fillOpacity="0.15" stroke="#8b5cf6" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="52" y="524" width="117" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="110.94" y="553.91">
            LAUNCH VIDEO
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-support`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="618.27" y="528" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#0c8599" fillOpacity="0.15" stroke="#0c8599" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="618.27" y="528" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="672.72" y="557.91">
            SUPPORT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-faq`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="496" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#0c8599" fillOpacity="0.15" stroke="#0c8599" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="496" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.72" y="525.91">
            FAQ
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-oncall`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.05">
          <rect x="774.27" y="560" width="108" height="52" rx="12" />
        </g>
        <g opacity="0">
          <g fill="#0c8599" fillOpacity="0.15" stroke="#0c8599" strokeOpacity="0.65" strokeWidth="1.05">
            <rect x="774.27" y="560" width="108" height="52" rx="12" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1769;0.2224;0.8945;0.94;1" dur="3.956s" repeatCount="indefinite" />
        </g>
        <text fontSize="10.75" fontWeight="700" letterSpacing="0.86" fill="#9d9fa0" textAnchor="middle">
          <tspan x="828.7" y="589.82">
            ON-CALL ROTA
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <path d="M554.27 370 C586.27 370 586.27 186 618.27 186 L618.27 186" fill="none" stroke="#2f7fe0" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.11 2" strokeDashoffset="0.11" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.11;0.11;-0.89;-1;-1" keyTimes="0;0.316;0.5032;0.5237;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3185;0.5237;0.5262;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f7fe0" opacity="0">
          <animateMotion path="M554.27 370 C586.27 370 586.27 186 618.27 186 L618.27 186" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.316;0.5032;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2781;0.316;0.5638;0.6017;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M389 370 C357 370 357 254 325 254 L325 254" fill="none" stroke="#d9480f" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.15 2" strokeDashoffset="0.15" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.15;0.15;-0.85;-1;-1" keyTimes="0;0.316;0.4518;0.4724;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3185;0.4724;0.4749;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#d9480f" opacity="0">
          <animateMotion path="M389 370 C357 370 357 254 325 254 L325 254" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.316;0.4518;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2781;0.316;0.5125;0.5504;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M554.27 370 C586.27 370 586.27 386 618.27 386 L618.27 386" fill="none" stroke="#2f9e44" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.34 2" strokeDashoffset="0.34" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.34;0.34;-0.66;-1;-1" keyTimes="0;0.316;0.4171;0.4515;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3185;0.4515;0.454;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f9e44" opacity="0">
          <animateMotion path="M554.27 370 C586.27 370 586.27 386 618.27 386 L618.27 386" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.316;0.4171;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2781;0.316;0.4777;0.5157;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M389 370 C357 370 357 486 325 486 L325 486" fill="none" stroke="#8b5cf6" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.15 2" strokeDashoffset="0.15" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.15;0.15;-0.85;-1;-1" keyTimes="0;0.316;0.4518;0.4724;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3185;0.4724;0.4749;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#8b5cf6" opacity="0">
          <animateMotion path="M389 370 C357 370 357 486 325 486 L325 486" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.316;0.4518;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2781;0.316;0.5125;0.5504;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M554.27 370 C586.27 370 586.27 554 618.27 554 L618.27 554" fill="none" stroke="#0c8599" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.11 2" strokeDashoffset="0.11" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.11;0.11;-0.89;-1;-1" keyTimes="0;0.316;0.5032;0.5237;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.316;0.3185;0.5237;0.5262;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#0c8599" opacity="0">
          <animateMotion path="M554.27 370 C586.27 370 586.27 554 618.27 554 L618.27 554" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.316;0.5032;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2781;0.316;0.5638;0.6017;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 186 C750.27 186 750.27 122 774.27 122 L774.27 122" fill="none" stroke="#2f7fe0" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f7fe0" opacity="0">
          <animateMotion path="M726.27 186 C750.27 186 750.27 122 774.27 122 L774.27 122" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 186 C750.27 186 750.27 186 774.27 186 L774.27 186" fill="none" stroke="#2f7fe0" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.5638;0.6649;0.7155;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.7155;0.718;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f7fe0" opacity="0">
          <animateMotion path="M726.27 186 C750.27 186 750.27 186 774.27 186 L774.27 186" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 186 C750.27 186 750.27 250 774.27 250 L774.27 250" fill="none" stroke="#2f7fe0" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f7fe0" opacity="0">
          <animateMotion path="M726.27 186 C750.27 186 750.27 250 774.27 250 L774.27 250" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 254 C193 254 193 158 169 158 L169 158" fill="none" stroke="#d9480f" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.19 2" strokeDashoffset="0.19" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.19;0.19;-0.81;-1;-1" keyTimes="0;0.5638;0.6725;0.693;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.693;0.6956;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#d9480f" opacity="0">
          <animateMotion path="M217 254 C193 254 193 158 169 158 L169 158" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6725;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6725;0.7104;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 254 C193 254 193 222 169 222 L169 222" fill="none" stroke="#d9480f" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.34 2" strokeDashoffset="0.34" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.34;0.34;-0.66;-1;-1" keyTimes="0;0.5638;0.6649;0.6993;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6993;0.7018;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#d9480f" opacity="0">
          <animateMotion path="M217 254 C193 254 193 222 169 222 L169 222" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 254 C193 254 193 286 169 286 L169 286" fill="none" stroke="#d9480f" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.34 2" strokeDashoffset="0.34" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.34;0.34;-0.66;-1;-1" keyTimes="0;0.5638;0.6649;0.6993;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6993;0.7018;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#d9480f" opacity="0">
          <animateMotion path="M217 254 C193 254 193 286 169 286 L169 286" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 254 C193 254 193 350 169 350 L169 350" fill="none" stroke="#d9480f" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.19 2" strokeDashoffset="0.19" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.19;0.19;-0.81;-1;-1" keyTimes="0;0.5638;0.6725;0.693;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.693;0.6956;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#d9480f" opacity="0">
          <animateMotion path="M217 254 C193 254 193 350 169 350 L169 350" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6725;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6725;0.7104;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 386 C750.27 386 750.27 322 774.27 322 L774.27 322" fill="none" stroke="#2f9e44" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f9e44" opacity="0">
          <animateMotion path="M726.27 386 C750.27 386 750.27 322 774.27 322 L774.27 322" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 386 C750.27 386 750.27 386 774.27 386 L774.27 386" fill="none" stroke="#2f9e44" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.5638;0.6649;0.7155;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.7155;0.718;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f9e44" opacity="0">
          <animateMotion path="M726.27 386 C750.27 386 750.27 386 774.27 386 L774.27 386" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 386 C750.27 386 750.27 450 774.27 450 L774.27 450" fill="none" stroke="#2f9e44" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#2f9e44" opacity="0">
          <animateMotion path="M726.27 386 C750.27 386 750.27 450 774.27 450 L774.27 450" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 486 C193 486 193 422 169 422 L169 422" fill="none" stroke="#8b5cf6" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#8b5cf6" opacity="0">
          <animateMotion path="M217 486 C193 486 193 422 169 422 L169 422" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 486 C193 486 193 486 169 486 L169 486" fill="none" stroke="#8b5cf6" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.5638;0.6649;0.7155;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.7155;0.718;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#8b5cf6" opacity="0">
          <animateMotion path="M217 486 C193 486 193 486 169 486 L169 486" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M217 486 C193 486 193 550 169 550 L169 550" fill="none" stroke="#8b5cf6" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.5638;0.6649;0.6895;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6895;0.692;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#8b5cf6" opacity="0">
          <animateMotion path="M217 486 C193 486 193 550 169 550 L169 550" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 554 C750.27 554 750.27 522 774.27 522 L774.27 522" fill="none" stroke="#0c8599" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.34 2" strokeDashoffset="0.34" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.34;0.34;-0.66;-1;-1" keyTimes="0;0.5638;0.6649;0.6993;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6993;0.7018;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#0c8599" opacity="0">
          <animateMotion path="M726.27 554 C750.27 554 750.27 522 774.27 522 L774.27 522" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
        <path d="M726.27 554 C750.27 554 750.27 586 774.27 586 L774.27 586" fill="none" stroke="#0c8599" strokeOpacity="0.6" strokeWidth="2.51" pathLength="1" strokeDasharray="0.34 2" strokeDashoffset="0.34" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.34;0.34;-0.66;-1;-1" keyTimes="0;0.5638;0.6649;0.6993;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="3.956s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5638;0.5663;0.6993;0.7018;1" dur="3.956s" repeatCount="indefinite" />
        </path>
        <circle r="2.62" fill="#0c8599" opacity="0">
          <animateMotion path="M726.27 554 C750.27 554 750.27 586 774.27 586 L774.27 586" dur="3.956s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5638;0.6649;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5259;0.5638;0.6649;0.7028;1" dur="3.956s" repeatCount="indefinite" />
        </circle>
      </g>
    </svg>
  );
}