diff --git a/frontend/common/services/useEnvironment.ts b/frontend/common/services/useEnvironment.ts
index 4a0c76e67f63..40d71733220a 100644
--- a/frontend/common/services/useEnvironment.ts
+++ b/frontend/common/services/useEnvironment.ts
@@ -6,6 +6,17 @@ export const environmentService = service
   .enhanceEndpoints({ addTagTypes: ['Environment'] })
   .injectEndpoints({
     endpoints: (builder) => ({
+      createEnvironment: builder.mutation<
+        Res['environment'],
+        Req['createEnvironment']
+      >({
+        invalidatesTags: [{ id: 'LIST', type: 'Environment' }],
+        query: (body: Req['createEnvironment']) => ({
+          body,
+          method: 'POST',
+          url: `environments/`,
+        }),
+      }),
       getEnvironment: builder.query<Res['environment'], Req['getEnvironment']>({
         providesTags: (res) => [{ id: res?.id, type: 'Environment' }],
         query: (query: Req['getEnvironment']) => ({
@@ -84,6 +95,7 @@ export async function updateEnvironment(
 // END OF FUNCTION_EXPORTS
 
 export const {
+  useCreateEnvironmentMutation,
   useGetEnvironmentMetricsQuery,
   useGetEnvironmentQuery,
   useGetEnvironmentsQuery,
diff --git a/frontend/common/services/useOrganisation.ts b/frontend/common/services/useOrganisation.ts
index 82e0f45f79f1..dfb1801108bc 100644
--- a/frontend/common/services/useOrganisation.ts
+++ b/frontend/common/services/useOrganisation.ts
@@ -6,6 +6,17 @@ export const organisationService = service
   .enhanceEndpoints({ addTagTypes: ['Organisation'] })
   .injectEndpoints({
     endpoints: (builder) => ({
+      createOrganisation: builder.mutation<
+        Res['organisation'],
+        Req['createOrganisation']
+      >({
+        invalidatesTags: [{ id: 'LIST', type: 'Organisation' }],
+        query: (body: Req['createOrganisation']) => ({
+          body,
+          method: 'POST',
+          url: `organisations/`,
+        }),
+      }),
       deleteOrganisation: builder.mutation<void, Req['deleteOrganisation']>({
         invalidatesTags: [{ id: 'LIST', type: 'Organisation' }],
         query: ({ id }: Req['deleteOrganisation']) => ({
@@ -85,6 +96,7 @@ export async function getOrganisations(
 // END OF FUNCTION_EXPORTS
 
 export const {
+  useCreateOrganisationMutation,
   useDeleteOrganisationMutation,
   useGetOrganisationQuery,
   useGetOrganisationsQuery,
diff --git a/frontend/common/services/useProject.ts b/frontend/common/services/useProject.ts
index 73e4a65c0817..988d7607d6ed 100644
--- a/frontend/common/services/useProject.ts
+++ b/frontend/common/services/useProject.ts
@@ -7,6 +7,14 @@ export const projectService = service
   .enhanceEndpoints({ addTagTypes: ['Project'] })
   .injectEndpoints({
     endpoints: (builder) => ({
+      createProject: builder.mutation<Res['project'], Req['createProject']>({
+        invalidatesTags: [{ id: 'LIST', type: 'Project' }],
+        query: (body: Req['createProject']) => ({
+          body,
+          method: 'POST',
+          url: `projects/`,
+        }),
+      }),
       deleteProject: builder.mutation<void, Req['deleteProject']>({
         invalidatesTags: [{ id: 'LIST', type: 'Project' }],
         query: ({ id }: Req['deleteProject']) => ({
@@ -99,6 +107,7 @@ export async function getProject(
 // END OF FUNCTION_EXPORTS
 
 export const {
+  useCreateProjectMutation,
   useDeleteProjectMutation,
   useGetProjectPermissionsQuery,
   useGetProjectQuery,
diff --git a/frontend/common/types/requests.ts b/frontend/common/types/requests.ts
index 0677227f4702..b7b8c0f92fd5 100644
--- a/frontend/common/types/requests.ts
+++ b/frontend/common/types/requests.ts
@@ -172,6 +172,7 @@ export type Req = {
   }>
   getOrganisations: {}
   getOrganisation: { id: number }
+  createOrganisation: { name: string }
   updateOrganisation: { id: number; body: UpdateOrganisationBody }
   deleteOrganisation: { id: number }
   uploadOrganisationLicence: {
@@ -635,6 +636,7 @@ export type Req = {
     id: string
   }
   getProject: { id: number }
+  createProject: { name: string; organisation: number }
   updateProject: { id: number; body: UpdateProjectBody }
   deleteProject: { id: number }
   migrateProject: { id: number }
@@ -682,6 +684,7 @@ export type Req = {
     feature_id: number
     group_ids: number[]
   }
+  createEnvironment: { name: string; project: number }
   updateEnvironment: { id: number; body: Environment }
   createCloneIdentityFeatureStates: {
     environment_id: string
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 35798233d0d7..df792e6a2358 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -35,7 +35,6 @@
         "@rspack/plugin-react-refresh": "^1.6.2",
         "@sentry/browser": "^7.119.1",
         "@sentry/webpack-plugin": "2.22.7",
-        "@slack/web-api": "^6.9.1",
         "array-find-index": "^1.0.2",
         "body-parser": "^2.2.2",
         "bootstrap": "5.2.2",
@@ -61,6 +60,7 @@
         "jquery": "^3.7.1",
         "js-cookie": "3.0.7",
         "lodash": "^4.18.1",
+        "lottie-react": "^2.4.1",
         "moment": "2.29.4",
         "node-fetch": "2.6.7",
         "polyfill-react-native": "1.0.5",
@@ -6040,52 +6040,6 @@
         "@sinonjs/commons": "^3.0.1"
       }
     },
-    "node_modules/@slack/logger": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@slack/logger/-/logger-3.0.0.tgz",
-      "integrity": "sha512-DTuBFbqu4gGfajREEMrkq5jBhcnskinhr4+AnfJEk48zhVeEv3XnUKGIX98B74kxhYsIMfApGGySTn7V3b5yBA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": ">=12.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0",
-        "npm": ">= 6.12.0"
-      }
-    },
-    "node_modules/@slack/types": {
-      "version": "2.15.0",
-      "resolved": "https://registry.npmjs.org/@slack/types/-/types-2.15.0.tgz",
-      "integrity": "sha512-livb1gyG3J8ATLBJ3KjZfjHpTRz9btY1m5cgNuXxWJbhwRB1Gwb8Ly6XLJm2Sy1W6h+vLgqIHg7IwKrF1C1Szg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 12.13.0",
-        "npm": ">= 6.12.0"
-      }
-    },
-    "node_modules/@slack/web-api": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/@slack/web-api/-/web-api-6.13.0.tgz",
-      "integrity": "sha512-dv65crIgdh9ZYHrevLU6XFHTQwTyDmNqEqzuIrV+Vqe/vgiG6w37oex5ePDU1RGm2IJ90H8iOvHFvzdEO/vB+g==",
-      "license": "MIT",
-      "dependencies": {
-        "@slack/logger": "^3.0.0",
-        "@slack/types": "^2.11.0",
-        "@types/is-stream": "^1.1.0",
-        "@types/node": ">=12.0.0",
-        "axios": "^1.7.4",
-        "eventemitter3": "^3.1.0",
-        "form-data": "^2.5.0",
-        "is-electron": "2.2.2",
-        "is-stream": "^1.1.0",
-        "p-queue": "^6.6.1",
-        "p-retry": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0",
-        "npm": ">= 6.12.0"
-      }
-    },
     "node_modules/@stencil/core": {
       "version": "4.36.2",
       "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.36.2.tgz",
@@ -7596,15 +7550,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/is-stream": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@types/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha512-jkZatu4QVbR60mpIzjINmtS1ZF4a/FqdTUTBeQDVOQ2PYyidtwFKr0B5G6ERukKwliq+7mIXvxyppwzG5EgRYg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/istanbul-lib-coverage": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
@@ -7834,12 +7779,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==",
-      "license": "MIT"
-    },
     "node_modules/@types/semver": {
       "version": "7.7.1",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.7.1.tgz",
@@ -9514,12 +9453,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
-    },
     "node_modules/at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -9565,42 +9498,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/axios": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.16.0.tgz",
-      "integrity": "sha512-6hp5CwvTPlN2A31g5dxnwAX0orzM7pmCRDLnZSX772mv8WDqICwFjowHuPs04Mc8deIld1+ejhtaMn5vp6b+1w==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.16.0",
-        "form-data": "^4.0.5",
-        "proxy-from-env": "^2.1.0"
-      }
-    },
-    "node_modules/axios/node_modules/form-data": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/axios/node_modules/proxy-from-env": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
-      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/babel-jest": {
       "version": "30.2.0",
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-30.2.0.tgz",
@@ -10714,18 +10611,6 @@
         "node": ">=0.1.90"
       }
     },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/comma-separated-tokens": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
@@ -11624,15 +11509,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -12096,6 +11972,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
       "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -12808,12 +12685,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/eventemitter3": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-3.1.2.tgz",
-      "integrity": "sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==",
-      "license": "MIT"
-    },
     "node_modules/events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -13775,23 +13646,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/form-data": {
-      "version": "2.5.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.5.tgz",
-      "integrity": "sha512-jqdObeR2rxZZbPSGL+3VckHMYtu+f9//KXBsVny6JSX/pa38Fy+bGjuG8eW/H6USNQWhLi8Num++cU2yOCNz4A==",
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.35",
-        "safe-buffer": "^5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.12"
-      }
-    },
     "node_modules/formdata-polyfill": {
       "version": "4.0.10",
       "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
@@ -14301,6 +14155,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
       "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
@@ -15383,12 +15238,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-electron": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/is-electron/-/is-electron-2.2.2.tgz",
-      "integrity": "sha512-FO/Rhvz5tuw4MCWkpMzHFKWD2LsfHzIb7i6MdPYZ/KW7AlxawyLkqdy+jPZP1WubqEADE3O4FUENlJHDfQASRg==",
-      "license": "MIT"
-    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -15685,15 +15534,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-stream": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/is-string": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
@@ -17602,6 +17442,25 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lottie-react": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.1.tgz",
+      "integrity": "sha512-LQrH7jlkigIIv++wIyrOYFLHSKQpEY4zehPicL9bQsrt1rnoKRYCYgpCUe5maqylNtacy58/sQDZTkwMcTRxZw==",
+      "license": "MIT",
+      "dependencies": {
+        "lottie-web": "^5.10.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/lottie-web": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.13.0.tgz",
+      "integrity": "sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==",
+      "license": "MIT"
+    },
     "node_modules/loupe": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
@@ -18988,15 +18847,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/p-finally": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -19043,53 +18893,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-queue": {
-      "version": "6.6.2",
-      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-6.6.2.tgz",
-      "integrity": "sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==",
-      "license": "MIT",
-      "dependencies": {
-        "eventemitter3": "^4.0.4",
-        "p-timeout": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-queue/node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "license": "MIT"
-    },
-    "node_modules/p-retry": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
-      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/retry": "0.12.0",
-        "retry": "^0.13.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/p-timeout": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
-      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
-      "license": "MIT",
-      "dependencies": {
-        "p-finally": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a8fdf5f42d69..ede60e126585 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -98,6 +98,7 @@
     "jquery": "^3.7.1",
     "js-cookie": "3.0.7",
     "lodash": "^4.18.1",
+    "lottie-react": "^2.4.1",
     "moment": "2.29.4",
     "node-fetch": "2.6.7",
     "polyfill-react-native": "1.0.5",
diff --git a/frontend/web/components/App.js b/frontend/web/components/App.js
index eba77aab7ab1..e2a584ac5387 100644
--- a/frontend/web/components/App.js
+++ b/frontend/web/components/App.js
@@ -136,8 +136,15 @@ const App = class extends Component {
     }
 
     if (!AccountStore.getOrganisation() && !invite) {
-      // If user has no organisation redirect to /create
-      this.props.history.replace(`/create${query}`)
+      // If user has no organisation redirect to /create — unless the new
+      // onboarding flow is enabled, which creates the organisation as its
+      // first step at /getting-started.
+      const noOrgDestination = Utils.getFlagsmithHasFeature(
+        'onboarding_quickstart_flow',
+      )
+        ? '/getting-started'
+        : '/create'
+      this.props.history.replace(`${noOrgDestination}${query}`)
       return
     }
 
@@ -225,6 +232,12 @@ const App = class extends Component {
     const projectId = this.getProjectId(this.props)
     const environmentId = this.getEnvironmentId(this.props)
 
+    // The quickstart onboarding flow is a focused, distraction-free surface —
+    // suppress the marketing announcement banners while the user is in it.
+    const isOnboardingFlow =
+      pathname === '/getting-started' &&
+      Utils.getFlagsmithHasFeature('onboarding_quickstart_flow')
+
     if (
       AccountStore.getOrganisation() &&
       AccountStore.getOrganisation().block_access_to_admin &&
@@ -273,24 +286,36 @@ const App = class extends Component {
           onLogin={this.onLogin}
         >
           {({ isSaving, user }, { twoFactorLogin }) => {
-            return user && user.twoFactorPrompt ? (
-              <div className='col-md-6 push-md-3 mt-5'>
-                <TwoFactorPrompt
-                  pin={this.state.pin}
-                  error={this.state.error}
-                  onSubmit={() => {
-                    this.setState({ error: false })
-                    twoFactorLogin(this.state.pin, () => {
-                      this.setState({ error: true })
-                    })
-                  }}
-                  isLoading={isSaving}
-                  onChange={(e) =>
-                    this.setState({ pin: Utils.safeParseEventValue(e) })
-                  }
-                />
-              </div>
-            ) : (
+            if (user && user.twoFactorPrompt) {
+              return (
+                <div className='col-md-6 push-md-3 mt-5'>
+                  <TwoFactorPrompt
+                    pin={this.state.pin}
+                    error={this.state.error}
+                    onSubmit={() => {
+                      this.setState({ error: false })
+                      twoFactorLogin(this.state.pin, () => {
+                        this.setState({ error: true })
+                      })
+                    }}
+                    isLoading={isSaving}
+                    onChange={(e) =>
+                      this.setState({ pin: Utils.safeParseEventValue(e) })
+                    }
+                  />
+                </div>
+              )
+            }
+
+            // Chromeless onboarding: render only the flow — no nav, sidebar,
+            // or header links — so the customer can't navigate away mid-flow.
+            // The flow provides its own explicit "Skip — set up manually"
+            // escape.
+            if (isOnboardingFlow) {
+              return <div>{this.props.children}</div>
+            }
+
+            return (
               <Nav
                 header={
                   <>
diff --git a/frontend/web/components/base/BareButton.scss b/frontend/web/components/base/BareButton.scss
new file mode 100644
index 000000000000..28da98fb1ac3
--- /dev/null
+++ b/frontend/web/components/base/BareButton.scss
@@ -0,0 +1,26 @@
+// Reset for `<button>` primitives that need keyboard / screen-reader
+// semantics but don't want the project's `.btn` chrome. Composed with
+// utility classes for layout + appearance at the call site.
+.bare-button {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-align: inherit;
+  cursor: pointer;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  // Accessible focus default. Consumers can override with their own
+  // focus-visible rules if they need a different indicator.
+  &:focus-visible {
+    outline: 2px solid var(--color-border-action);
+    outline-offset: 2px;
+  }
+}
diff --git a/frontend/web/components/base/BareButton.tsx b/frontend/web/components/base/BareButton.tsx
new file mode 100644
index 000000000000..cef25c0b115e
--- /dev/null
+++ b/frontend/web/components/base/BareButton.tsx
@@ -0,0 +1,30 @@
+import React, { ButtonHTMLAttributes, forwardRef } from 'react'
+import './BareButton.scss'
+
+type BareButtonProps = ButtonHTMLAttributes<HTMLButtonElement>
+
+/**
+ * A button with no default chrome — just a clickable, keyboard-accessible
+ * surface. Use when you need a `<button>` for accessibility (keyboard
+ * activation, focus, screen-reader semantics) but the visual design is
+ * a styled custom shape — e.g. card rows, custom radios, icon-only
+ * triggers — that shouldn't inherit the project's `.btn` styling.
+ *
+ * Defaults `type='button'` so it never accidentally submits a parent
+ * form. Provides a `bare-button` reset class plus a default
+ * `:focus-visible` outline so keyboard users see where they are.
+ */
+const BareButton = forwardRef<HTMLButtonElement, BareButtonProps>(
+  ({ className, type = 'button', ...rest }, ref) => (
+    <button
+      ref={ref}
+      type={type}
+      className={`bare-button ${className ?? ''}`.trim()}
+      {...rest}
+    />
+  ),
+)
+
+BareButton.displayName = 'BareButton'
+
+export default BareButton
diff --git a/frontend/web/components/base/forms/GhostInput.tsx b/frontend/web/components/base/forms/GhostInput.tsx
index c9c94048bb36..ec34959a367d 100644
--- a/frontend/web/components/base/forms/GhostInput.tsx
+++ b/frontend/web/components/base/forms/GhostInput.tsx
@@ -30,7 +30,9 @@ const GhostInput = forwardRef<HTMLInputElement, GhostInputProps>(
 
     useEffect(() => {
       if (spanRef.current) {
-        setInputWidth(spanRef.current.offsetWidth * 0.95)
+        // Match the measured text width plus a small buffer for the caret;
+        // anything less clips the last character(s).
+        setInputWidth(spanRef.current.offsetWidth + 2)
       }
     }, [value])
 
diff --git a/frontend/web/components/navigation/navbars/TopNavbar.tsx b/frontend/web/components/navigation/navbars/TopNavbar.tsx
index 8eb7f5b2c147..d5579a4add72 100644
--- a/frontend/web/components/navigation/navbars/TopNavbar.tsx
+++ b/frontend/web/components/navigation/navbars/TopNavbar.tsx
@@ -7,6 +7,7 @@ import Icon from 'components/icons/Icon'
 import Headway from 'components/Headway'
 import { Project } from 'common/types/responses'
 import AccountDropdown from 'components/navigation/AccountDropdown'
+import OnboardingChipWithDrawer from 'web/components/onboarding-quickstart/OnboardingChipWithDrawer'
 
 type TopNavType = {
   activeProject: Project | undefined
@@ -25,16 +26,7 @@ const TopNavbar: FC<TopNavType> = ({ activeProject, projectId }) => {
           <div className='me-3'>
             <GithubStar />
           </div>
-          <NavLink
-            activeClassName='active'
-            to={'/getting-started'}
-            className='d-flex gap-1 d-none d-md-flex text-end lh-1 align-items-center'
-          >
-            <span>
-              <Icon name='rocket' width={20} fill='#9DA4AE' />
-            </span>
-            <span className='d-none d-md-block'>Getting Started</span>
-          </NavLink>
+          <OnboardingChipWithDrawer />
           <a
             className='d-flex gap-1 ps-3 text-end lh-1 align-items-center'
             href={'https://docs.flagsmith.com'}
diff --git a/frontend/web/components/onboarding-quickstart/ConceptDrawer.scss b/frontend/web/components/onboarding-quickstart/ConceptDrawer.scss
new file mode 100644
index 000000000000..05df84636254
--- /dev/null
+++ b/frontend/web/components/onboarding-quickstart/ConceptDrawer.scss
@@ -0,0 +1,86 @@
+// Slide-in concept-learning drawer. Single-mode; auto-dismissed by the
+// chip when all items are complete. Tokens drive colour; this file owns
+// the slide-in transform, backdrop fade, progress bar geometry, and the
+// progress-fill width via a CSS custom property.
+
+.concept-drawer {
+  position: fixed;
+  inset: 0 0 0 auto;
+  width: min(360px, 100vw);
+  z-index: 1050;
+  transform: translateX(100%);
+  transition: transform var(--duration-normal) var(--easing-standard);
+  border-left: 1px solid var(--color-border-default);
+  display: flex;
+  flex-direction: column;
+
+  &--open {
+    transform: translateX(0);
+  }
+
+  &__backdrop {
+    position: fixed;
+    inset: 0;
+    background-color: rgba(0, 0, 0, 0.12);
+    z-index: 1040;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity var(--duration-normal) var(--easing-standard);
+
+    &--open {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
+  &__items {
+    overflow-y: auto;
+    flex: 1;
+  }
+
+  &__bar {
+    height: 6px;
+    overflow: hidden;
+  }
+
+  &__bar-fill {
+    height: 100%;
+    width: var(--concept-drawer-progress, 0%);
+    transition: width var(--duration-normal) var(--easing-standard);
+  }
+
+  &__marker {
+    display: inline-flex;
+    width: 22px;
+    height: 22px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__marker-empty {
+    width: 14px;
+    height: 14px;
+    border-radius: 9999px;
+    border: 1.5px solid var(--color-border-strong);
+  }
+
+  &__item {
+    cursor: pointer;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      border-color var(--duration-fast) var(--easing-standard);
+
+    &:disabled {
+      cursor: default;
+      opacity: 0.7;
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .concept-drawer,
+  .concept-drawer__backdrop,
+  .concept-drawer__bar-fill,
+  .concept-drawer__item {
+    transition: none;
+  }
+}
diff --git a/frontend/web/components/onboarding-quickstart/ConceptDrawer.tsx b/frontend/web/components/onboarding-quickstart/ConceptDrawer.tsx
new file mode 100644
index 000000000000..1a6be830a636
--- /dev/null
+++ b/frontend/web/components/onboarding-quickstart/ConceptDrawer.tsx
@@ -0,0 +1,142 @@
+import React, { FC, useEffect } from 'react'
+import Icon from 'components/icons/Icon'
+import {
+  CONCEPT_ITEMS,
+  ConceptItemId,
+} from 'web/components/pages/onboarding-quickstart/data/presets'
+import './ConceptDrawer.scss'
+
+type ConceptDrawerProps = {
+  activeId: ConceptItemId | null
+  completedIds: ConceptItemId[]
+  isOpen: boolean
+  onClose: () => void
+  onItemClick: (id: ConceptItemId) => void
+}
+
+const ConceptDrawer: FC<ConceptDrawerProps> = ({
+  activeId,
+  completedIds,
+  isOpen,
+  onClose,
+  onItemClick,
+}) => {
+  useEffect(() => {
+    if (!isOpen) return
+    const handler = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') onClose()
+    }
+    document.addEventListener('keydown', handler)
+    return () => document.removeEventListener('keydown', handler)
+  }, [isOpen, onClose])
+
+  const completedCount = completedIds.length
+  const totalCount = CONCEPT_ITEMS.length
+
+  return (
+    <>
+      <div
+        className={`concept-drawer__backdrop ${
+          isOpen ? 'concept-drawer__backdrop--open' : ''
+        }`}
+        onClick={onClose}
+        aria-hidden='true'
+      />
+      <aside
+        className={`concept-drawer bg-surface-default border-default shadow-lg ${
+          isOpen ? 'concept-drawer--open' : ''
+        }`}
+        role='dialog'
+        aria-label='Get started'
+        aria-hidden={!isOpen}
+      >
+        <header className='concept-drawer__header d-flex align-items-center justify-content-between p-3 border-bottom border-default'>
+          <h3 className='mb-0'>Get started</h3>
+          <button
+            type='button'
+            className='btn btn-link p-0 text-muted'
+            onClick={onClose}
+            aria-label='Close'
+          >
+            <Icon name='close' width={20} />
+          </button>
+        </header>
+
+        <div className='concept-drawer__progress px-3 pt-3'>
+          <div className='d-flex align-items-center justify-content-between mb-2'>
+            <span className='text-muted'>Progress</span>
+            <span className='text-muted'>
+              {completedCount}/{totalCount}
+            </span>
+          </div>
+          <div className='concept-drawer__bar bg-surface-muted rounded-full'>
+            <div
+              className='concept-drawer__bar-fill bg-surface-action rounded-full'
+              style={
+                {
+                  // CSS custom property used for width so we keep styling
+                  // out of inline style declarations elsewhere.
+                  '--concept-drawer-progress': `${
+                    (completedCount / totalCount) * 100
+                  }%`,
+                } as React.CSSProperties
+              }
+            />
+          </div>
+        </div>
+
+        <ul className='concept-drawer__items list-unstyled m-0 p-3 d-flex flex-column gap-2'>
+          {CONCEPT_ITEMS.map((item) => {
+            const isCompleted = completedIds.includes(item.id)
+            const isActive = activeId === item.id && !isCompleted
+            return (
+              <li key={item.id}>
+                <button
+                  type='button'
+                  onClick={() => onItemClick(item.id)}
+                  className={`concept-drawer__item w-100 text-start p-3 rounded-md border ${
+                    isActive
+                      ? 'concept-drawer__item--active border-action bg-surface-action-subtle'
+                      : 'border-default bg-surface-default'
+                  }`}
+                  disabled={isCompleted}
+                >
+                  <div className='d-flex align-items-start gap-2'>
+                    <span
+                      className={`concept-drawer__marker ${
+                        isCompleted
+                          ? 'concept-drawer__marker--done icon-success'
+                          : ''
+                      }`}
+                      aria-hidden='true'
+                    >
+                      {isCompleted ? (
+                        <Icon name='checkmark' width={18} />
+                      ) : (
+                        <span className='concept-drawer__marker-empty' />
+                      )}
+                    </span>
+                    <span className='flex-1'>
+                      <span
+                        className={`d-block fw-semibold ${
+                          isCompleted ? 'text-muted' : 'text-default'
+                        }`}
+                      >
+                        {item.title}
+                      </span>
+                      <span className='d-block text-muted'>
+                        {item.description}
+                      </span>
+                    </span>
+                  </div>
+                </button>
+              </li>
+            )
+          })}
+        </ul>
+      </aside>
+    </>
+  )
+}
+
+export default ConceptDrawer
diff --git a/frontend/web/components/onboarding-quickstart/OnboardingChip.scss b/frontend/web/components/onboarding-quickstart/OnboardingChip.scss
new file mode 100644
index 000000000000..21e44fc97fd5
--- /dev/null
+++ b/frontend/web/components/onboarding-quickstart/OnboardingChip.scss
@@ -0,0 +1,64 @@
+// Header chip — idle + pulsing states. Lives in the top navbar slot.
+// Colour comes from semantic tokens; this file owns only motion + geometry.
+
+.onboarding-chip {
+  background: var(--color-surface-default);
+  cursor: pointer;
+  transition: background-color var(--duration-fast) var(--easing-standard);
+
+  &:hover {
+    background-color: var(--color-surface-hover);
+  }
+
+  &__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 9999px;
+    background-color: var(--color-icon-action);
+    position: relative;
+    display: inline-block;
+
+    &--pulsing {
+      &::before,
+      &::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        border-radius: 9999px;
+        background-color: currentColor;
+        opacity: 0.28;
+        animation: onboarding-chip-pulse 2s ease-out infinite;
+      }
+
+      &::after {
+        animation-delay: 1s;
+      }
+    }
+  }
+
+  &__counter {
+    font-size: 0.75rem;
+    font-variant-numeric: tabular-nums;
+  }
+}
+
+@keyframes onboarding-chip-pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.28;
+  }
+  100% {
+    transform: scale(2.4);
+    opacity: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .onboarding-chip__dot--pulsing {
+    &::before,
+    &::after {
+      animation: none;
+      opacity: 0;
+    }
+  }
+}
diff --git a/frontend/web/components/onboarding-quickstart/OnboardingChip.tsx b/frontend/web/components/onboarding-quickstart/OnboardingChip.tsx
new file mode 100644
index 000000000000..58d0db51e7e6
--- /dev/null
+++ b/frontend/web/components/onboarding-quickstart/OnboardingChip.tsx
@@ -0,0 +1,41 @@
+import React, { FC } from 'react'
+import Icon from 'components/icons/Icon'
+import './OnboardingChip.scss'
+
+type OnboardingChipProps = {
+  completedCount: number
+  isPulsing: boolean
+  label?: string
+  onClick: () => void
+  totalCount: number
+}
+
+const OnboardingChip: FC<OnboardingChipProps> = ({
+  completedCount,
+  isPulsing,
+  label = 'Getting Started',
+  onClick,
+  totalCount,
+}) => (
+  <button
+    type='button'
+    onClick={onClick}
+    className='onboarding-chip d-inline-flex align-items-center gap-2 px-2 py-1 rounded-full border border-default bg-surface-default'
+  >
+    <span
+      className={`onboarding-chip__dot ${
+        isPulsing ? 'onboarding-chip__dot--pulsing' : ''
+      }`}
+      aria-hidden='true'
+    />
+    <span className='onboarding-chip__label d-none d-md-inline text-default'>
+      {label}
+    </span>
+    <span className='onboarding-chip__counter text-muted'>
+      {completedCount}/{totalCount}
+    </span>
+    <Icon name='rocket' width={14} />
+  </button>
+)
+
+export default OnboardingChip
diff --git a/frontend/web/components/onboarding-quickstart/OnboardingChipWithDrawer.tsx b/frontend/web/components/onboarding-quickstart/OnboardingChipWithDrawer.tsx
new file mode 100644
index 000000000000..7bdef2784ddc
--- /dev/null
+++ b/frontend/web/components/onboarding-quickstart/OnboardingChipWithDrawer.tsx
@@ -0,0 +1,51 @@
+import React, { FC, useState } from 'react'
+import OnboardingChip from 'web/components/onboarding-quickstart/OnboardingChip'
+import ConceptDrawer from 'web/components/onboarding-quickstart/ConceptDrawer'
+import {
+  CONCEPT_ITEMS,
+  ConceptItemId,
+} from 'web/components/pages/onboarding-quickstart/data/presets'
+
+const OnboardingChipWithDrawer: FC = () => {
+  const [isOpen, setIsOpen] = useState(false)
+  // First-flag concept is auto-ticked when the user reaches the AHA moment.
+  // Persisting completion across sessions is a follow-up — for the POC
+  // we start from the AHA milestone already completed.
+  const [completedIds, setCompletedIds] = useState<ConceptItemId[]>([
+    'first-flag',
+  ])
+
+  const activeId =
+    CONCEPT_ITEMS.find((item) => !completedIds.includes(item.id))?.id ?? null
+
+  const handleItemClick = (id: ConceptItemId) => {
+    setCompletedIds((existing) =>
+      existing.includes(id) ? existing : [...existing, id],
+    )
+  }
+
+  if (completedIds.length === CONCEPT_ITEMS.length) {
+    // Drawer has graduated the user — chip retires.
+    return null
+  }
+
+  return (
+    <>
+      <OnboardingChip
+        completedCount={completedIds.length}
+        isPulsing={completedIds.length < CONCEPT_ITEMS.length}
+        totalCount={CONCEPT_ITEMS.length}
+        onClick={() => setIsOpen(true)}
+      />
+      <ConceptDrawer
+        activeId={activeId}
+        completedIds={completedIds}
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+        onItemClick={handleItemClick}
+      />
+    </>
+  )
+}
+
+export default OnboardingChipWithDrawer
diff --git a/frontend/web/components/pages/onboarding-quickstart/BACKEND_INTEGRATION_PLAN.md b/frontend/web/components/pages/onboarding-quickstart/BACKEND_INTEGRATION_PLAN.md
new file mode 100644
index 000000000000..283facea7266
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/BACKEND_INTEGRATION_PLAN.md
@@ -0,0 +1,102 @@
+# Onboarding quickstart — backend integration plan
+
+> Wiring the flow's create chain to real APIs. Step 5 (first-eval
+> signal) stays mocked via `useFirstEvaluationPoll` — out of scope here.
+> Companion to `PLAN.md` and `FIRST_EVAL_BACKEND_PLAN.md`.
+
+## Decisions (locked)
+
+- **New RTK Query mutations** for project / environment / feature, not the
+  legacy Flux actions. Aligns with the migrate-off-`AccountStore`/
+  `OrganisationStore` direction.
+- **Organisation is hybrid**: reuse the already-selected org (the common
+  case — self-serve signup creates + selects one at registration) and skip
+  the org step; only create one when none exists. Org *selection* state is
+  Flux/Redux-owned (`selectedOrganisation` slice), so a pure-RTK create
+  would leave the shell unaware of the new org. The no-org create path uses
+  the awaitable RTK `createOrganisation` mutation + `setSelectedOrganisationId`
+  (cleaner than the fire-and-forget `AppActions.createOrganisation`, which
+  returns no id).
+- **Two default environments** (Development + Production) per project,
+  matching what normal project creation produces. Onboarding lands on
+  Development. Sample identities (created by the Flux flow) are omitted —
+  not needed to get a flag working.
+
+## The create chain (`handleFinish`)
+
+```
+createOrganisation({ name })            → org.id        (skip if org exists)
+  → createProject({ name, organisation: org.id })       → project.id
+    → createEnvironment({ name: 'Development', project }) → env.api_key
+    → createEnvironment({ name: 'Production',  project })
+    → createProjectFlag({ project_id, body })            (already wired)
+  → navigate /project/{project.id}/environment/{dev.api_key}/features
+```
+
+Each step `.unwrap()`'d so a rejection stops the chain and surfaces an error.
+
+## Phases
+
+### Phase 1 — RTK mutations (low risk) — DONE
+- `requests.ts`: add `createOrganisation`, `createProject`,
+  `createEnvironment` request types.
+- `useOrganisation.ts`: `createOrganisation` mutation, invalidates
+  `Organisation/LIST`, returns `Res['organisation']`.
+- `useProject.ts`: `createProject` mutation, invalidates `Project/LIST`,
+  returns `Res['project']`.
+- `useEnvironment.ts`: `createEnvironment` mutation, invalidates
+  `Environment/LIST`, returns `Res['environment']`.
+- Export the three `useCreate…Mutation` hooks.
+
+### Phase 2 — Chain in `handleFinish` — DONE
+- Replaced the `DEMO_ENVIRONMENT_KEY` stub with the awaited chain
+  (org-reuse-or-create → project → Dev + Prod envs → feature flag).
+- Fixed the features URL: now uses **numeric `project.id`** and the
+  Development **`api_key`** (Matt's Step 5 "Explore the dashboard" bug).
+- Minimal `createProjectFlag` body (`name`, `project`, `type: STANDARD`),
+  asserted to the request type.
+- Per-step error handling via try/catch → `<ErrorMessage>` on the feature
+  step; failures stop the chain.
+- Absorbed the org-exists branch (was Phase 4): org step is dropped from
+  the timeline when an org is already selected; navigation is array-driven
+  so it stays correct.
+
+### Phase 3 — Flux coherence (partially done; needs runtime verification)
+After the chain, `AppActions.refreshOrganisation()` is called so the
+legacy `OrganisationStore` project list/switcher pick up the new project.
+**Still to verify by running the app**: that the switcher + project list
+reflect the new entities without a hard reload, and that the no-org create
+path (RTK `createOrganisation` + `setSelectedOrganisationId`) leaves any
+legacy `AccountStore`-reading surfaces coherent.
+
+### Phase 4 — Remaining guards
+- **Idempotency**: going Back after a *partial* failure and re-submitting
+  can still create a second project/env. Store created ids in state and
+  reuse on retry. (Double-submit during a run is already blocked by
+  `isSubmitting`.)
+- **Self-hosted / permissions**: org creation may be restricted; surface a
+  clear message rather than a raw error.
+
+### Phase 5 — Flag + cleanup — DONE (flag must exist on FoF)
+- `GettingStartedSwitch` now gates on
+  `Utils.getFlagsmithHasFeature('onboarding_quickstart_flow')` — the
+  `FORCE_ON` override is removed. The no-org post-signup routing
+  (`App.js`) gates on the same flag.
+- **Still required:** create + enable `onboarding_quickstart_flow` on
+  Flagsmith-on-Flagsmith. Until it exists, the flag reads false and the
+  old `GettingStartedPage` + `/create` flow render (safe default).
+
+### Known follow-ups (not blockers for a flagged rollout)
+- No-org users landing on `/getting-started` trigger the shell's
+  `OrganisationStore.getOrganisation()` bootstrap with no org id, firing
+  harmless failed calls (`get-subscription-metadata` etc.). Dev-only red
+  overlay; silent in production. Fix would guard the shared store.
+
+## Out of scope
+- First-eval signal (stays mocked — see `FIRST_EVAL_BACKEND_PLAN.md`).
+- PM "Connect your tools" integrations destination (product decision).
+- Plan-based "Invite a teammate" gating (needs subscription context).
+
+## Estimate
+~3 dev-days: Phase 1–2 ≈ 1 day; Phases 3–4 (coherence, org-exists,
+guards/errors) ≈ 2 days.
diff --git a/frontend/web/components/pages/onboarding-quickstart/GettingStartedSwitch.tsx b/frontend/web/components/pages/onboarding-quickstart/GettingStartedSwitch.tsx
new file mode 100644
index 000000000000..aff26c49f4e8
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/GettingStartedSwitch.tsx
@@ -0,0 +1,40 @@
+import React, { FC } from 'react'
+import Utils from 'common/utils/utils'
+import GettingStartedPage from 'web/components/pages/GettingStartedPage'
+import OnboardingQuickstartPage from 'web/components/pages/onboarding-quickstart/OnboardingQuickstartPage'
+import OnboardingSinglePageContainer from 'web/components/pages/onboarding-quickstart/OnboardingSinglePageContainer'
+
+/**
+ * Routes the /getting-started surface to an onboarding variant.
+ *
+ * Primary gate is the multivariate flag `onboarding_experience`
+ * (`control` / `stepped` / `single_page`) so the approaches can be A/B'd and
+ * audiences targeted per variant — see EXPERIMENT_PLAN.md. The legacy boolean
+ * `onboarding_quickstart_flow` is honoured as a fallback while the multivariate
+ * flag is rolled out. Missing/`control` → the existing GettingStartedPage.
+ */
+// TEMP (local validation only): force an onboarding variant so you can view
+// it without the flag existing. Set back to '' before merge — the real gate is
+// the onboarding_experience flag. Values: 'single_page' | 'stepped' | ''.
+const FORCE_VARIANT = 'single_page'
+
+const GettingStartedSwitch: FC = () => {
+  const variant =
+    FORCE_VARIANT || Utils.getFlagsmithValue('onboarding_experience')
+
+  if (variant === 'single_page') {
+    return <OnboardingSinglePageContainer />
+  }
+  if (variant === 'stepped') {
+    return <OnboardingQuickstartPage />
+  }
+
+  // Fallback to the legacy boolean flag until the multivariate flag exists.
+  return Utils.getFlagsmithHasFeature('onboarding_quickstart_flow') ? (
+    <OnboardingQuickstartPage />
+  ) : (
+    <GettingStartedPage />
+  )
+}
+
+export default GettingStartedSwitch
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingFlagTable.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingFlagTable.tsx
new file mode 100644
index 000000000000..e89e88958df2
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingFlagTable.tsx
@@ -0,0 +1,67 @@
+import React, { FC } from 'react'
+import Switch from 'components/Switch'
+import FeatureName from 'components/feature-summary/FeatureName'
+import FeatureDescription from 'components/feature-summary/FeatureDescription'
+import Tag from 'components/tags/Tag'
+
+type OnboardingFlagTableProps = {
+  featureName: string
+  // Gated until the SDK's first request: the toggle only goes live once the
+  // app is connected, so flipping it visibly changes the connected app.
+  connected: boolean
+  flagEnabled: boolean
+  flagToggleDisabled?: boolean
+  onToggleFlag: () => void
+}
+
+// The single demo flag rendered as a row in the real features-table, using the
+// product's own components — FeatureName (name + copy button), Tag,
+// FeatureDescription, Switch — so it's visually identical and can't drift
+// from the product. We deliberately don't pull in the whole
+// FeatureRow (coupled to stores, modals, permissions, the actions menu) or
+// FeatureTags (health/overrides/stale machinery), none of which apply to a
+// fresh onboarding flag. Env switcher + Create Feature are a fast-follow.
+const OnboardingFlagTable: FC<OnboardingFlagTableProps> = ({
+  connected,
+  featureName,
+  flagEnabled,
+  flagToggleDisabled = false,
+  onToggleFlag,
+}) => (
+  <div className='onboarding-single__flagtable-wrap'>
+    <div
+      className={`onboarding-single__flagtable rounded-lg${
+        connected ? '' : ' onboarding-single__flagtable--locked'
+      }`}
+    >
+      <div className='onboarding-single__flagtable-colhead d-flex align-items-center'>
+        <span className='onboarding-single__flagtable-col onboarding-single__flagtable-col--feature'>
+          Feature
+        </span>
+        <span className='onboarding-single__flagtable-col onboarding-single__flagtable-col--enabled'>
+          Enabled
+        </span>
+      </div>
+
+      <div className='onboarding-single__flagtable-row d-flex align-items-center'>
+        <div className='onboarding-single__flagtable-feature'>
+          <div className='onboarding-single__flagtable-nameline d-flex align-items-center'>
+            <FeatureName name={featureName} />
+            <Tag tag={{ color: '#27AB83', label: 'Onboarding' }} />
+          </div>
+          <FeatureDescription description='Controls the demo button shown to your users' />
+        </div>
+        <div className='onboarding-single__flagtable-enabled d-flex align-items-center'>
+          <Switch
+            checked={connected && flagEnabled}
+            disabled={!connected || flagToggleDisabled}
+            onChange={onToggleFlag}
+            aria-label={`Toggle ${featureName}`}
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+)
+
+export default OnboardingFlagTable
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingLoading.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingLoading.tsx
new file mode 100644
index 000000000000..51b4ce321412
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingLoading.tsx
@@ -0,0 +1,23 @@
+import React, { FC } from 'react'
+import Lottie from 'lottie-react'
+import settingUpAnimation from 'web/components/pages/onboarding-quickstart/settingUpAnimation.json'
+
+// The "setting up your workspace" screen shown while the onboarding resources
+// (org/project/envs/flag) are created. Lazy-loaded by the container so
+// lottie-web + the animation JSON only download when this screen actually
+// renders — keeping them out of the page's initial bundle.
+const OnboardingLoading: FC = () => (
+  <div className='onboarding-single__loading'>
+    <Lottie
+      className='onboarding-single__loading-anim'
+      animationData={settingUpAnimation}
+      loop
+      aria-hidden
+    />
+    <span className='onboarding-single__loading-text'>
+      Setting up your workspace…
+    </span>
+  </div>
+)
+
+export default OnboardingLoading
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.scss b/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.scss
new file mode 100644
index 000000000000..67c133c8545d
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.scss
@@ -0,0 +1,350 @@
+// Onboarding AHA-first flow
+// Inspired by the feat/experiments-v2 wizard idiom — vertical step
+// sidebar + content column. All colour/spacing values come from semantic
+// design tokens; this file only owns the layout geometry, the bespoke
+// status panel motion, and one literal-hex code-block surface that the
+// token set does not yet expose.
+
+.onboarding-quickstart {
+  background-color: var(--color-surface-subtle);
+  min-height: 100vh;
+
+  // Re-assert the semantic text-token utilities at the page scope.
+  // Bootstrap's theme maps `$secondary` to brand mustard (#F7D56E) and its
+  // `.text-secondary` is loaded after _token-utilities.scss, so without
+  // this scoping every `text-secondary` element inside onboarding renders
+  // yellow on the white surface. Resolving via the CSS custom properties
+  // also makes the flow dark-mode ready automatically — slate-500 in light
+  // theme, slate-300 in dark theme.
+  .text-default { color: var(--color-text-default); }
+  .text-secondary { color: var(--color-text-secondary); }
+  .text-tertiary { color: var(--color-text-tertiary); }
+  .text-disabled { color: var(--color-text-disabled); }
+  .text-action { color: var(--color-text-action); }
+  .text-info { color: var(--color-text-info); }
+  .text-success { color: var(--color-text-success); }
+  .text-warning { color: var(--color-text-warning); }
+  .text-danger { color: var(--color-text-danger); }
+
+  // Page is full-width — per-block constraints (heading, stepper, content)
+  // set their own max-widths so form steps stay readable while the AHA-step
+  // surfaces (status panel + code snippet) get the horizontal room they need.
+  &__page {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    padding: 32px 48px;
+    width: 100%;
+  }
+
+  &__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    width: 100%;
+    max-width: 1200px;
+    margin-inline: auto;
+  }
+
+  &__heading-crumb {
+    font-size: 0.75rem;
+    letter-spacing: 0.3px;
+  }
+
+  &__heading-title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1.3;
+    color: var(--color-text-default);
+  }
+
+  // Slim progress bar — shares the heading rail width so it lines up with the
+  // title above it.
+  &__progress {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    width: 100%;
+    max-width: 1200px;
+    margin-inline: auto;
+  }
+
+  &__progress-label {
+    font-size: 0.8125rem;
+    font-weight: 500;
+  }
+
+  &__progress-track {
+    width: 100%;
+    height: 6px;
+    border-radius: 9999px;
+    background-color: var(--color-surface-muted);
+    overflow: hidden;
+  }
+
+  &__progress-fill {
+    width: var(--onboarding-progress, 0%);
+    height: 100%;
+    border-radius: inherit;
+    background-color: var(--color-icon-action);
+    transition: width var(--duration-normal) var(--easing-standard);
+  }
+
+  &__layout {
+    display: flex;
+    width: 100%;
+  }
+
+  &__layout-content {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    flex: 1;
+    min-width: 0;
+    width: 100%;
+    // Default narrow for form steps — single-input forms read better at
+    // ~800px than stretched across the viewport.
+    max-width: 800px;
+    margin-inline: auto;
+
+    // The AHA step shows a wider status panel and a multi-line code
+    // snippet that earn more horizontal room.
+    &--wide {
+      max-width: 1200px;
+    }
+  }
+
+  @media (max-width: 900px) {
+    &__page {
+      padding: 20px 16px;
+      gap: 16px;
+    }
+  }
+
+  &__step-label {
+    font-size: 0.6875rem;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+  }
+
+  &__radio-row {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      border-color var(--duration-fast) var(--easing-standard);
+
+    &:hover {
+      background-color: var(--color-surface-hover);
+    }
+  }
+
+  &__radio-dot {
+    width: 14px;
+    height: 14px;
+    border-radius: 9999px;
+    border: 1.5px solid var(--color-border-strong);
+    background-color: var(--color-surface-default);
+    flex-shrink: 0;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      border-color var(--duration-fast) var(--easing-standard);
+
+    &--on {
+      background-color: var(--color-icon-action);
+      border-color: var(--color-icon-action);
+      box-shadow: inset 0 0 0 3px var(--color-surface-default);
+    }
+  }
+
+  // The semantic `text-warning` / `text-success` tokens map to the
+  // 500-weight brand colours, which fail contrast on their own tinted
+  // surfaces. Use the darker 700-weights here. When the design system
+  // adds `text-warning-strong` / `text-success-strong` semantic pairs
+  // (tracked under #6606), swap these for the semantic class.
+  &__status-text {
+    &--waiting {
+      color: var(--orange-700);
+    }
+    &--received {
+      color: var(--green-700);
+    }
+  }
+
+  &__status {
+    transition: background-color var(--duration-normal)
+        var(--easing-standard),
+      border-color var(--duration-normal) var(--easing-standard);
+
+    &-dot {
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      border-radius: 9999px;
+      background-color: currentColor;
+      position: relative;
+
+      &--solid {
+        color: var(--color-icon-success);
+      }
+
+      &--pulsing {
+        color: var(--color-icon-warning);
+
+        &::before,
+        &::after {
+          content: '';
+          position: absolute;
+          inset: 0;
+          border-radius: 9999px;
+          background-color: currentColor;
+          opacity: 0.28;
+          animation: onboarding-quickstart-pulse 2s ease-out infinite;
+        }
+
+        &::after {
+          animation-delay: 1s;
+        }
+      }
+    }
+
+    &-grid {
+      row-gap: 0.5rem;
+    }
+  }
+
+  &__node {
+    font-family: var(--font-family-mono, monospace);
+    font-size: 0.875rem;
+  }
+
+  &__toggle {
+    width: 44px;
+    height: 24px;
+    border: 1px solid var(--color-border-default);
+    border-radius: 9999px;
+    background-color: var(--color-surface-muted);
+    position: relative;
+    cursor: pointer;
+
+    &:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    &-track {
+      display: block;
+      width: 100%;
+      height: 100%;
+      border-radius: inherit;
+      position: relative;
+    }
+
+    &-thumb {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 18px;
+      height: 18px;
+      border-radius: 9999px;
+      background-color: var(--color-surface-default);
+      box-shadow: var(--shadow-sm);
+      transition: transform var(--duration-fast) var(--easing-standard);
+    }
+
+    &--enabled {
+      background-color: var(--color-surface-success);
+      border-color: var(--color-border-success);
+
+      .onboarding-quickstart__toggle-thumb {
+        transform: translateX(20px);
+      }
+    }
+  }
+
+  &__snippet-pre {
+    overflow-x: auto;
+    font-family: var(--font-family-mono, monospace);
+    font-size: 0.8125rem;
+    line-height: 1.5;
+  }
+
+  // Hi-fi doc spec: code blocks use dark navy bg + light blue mono text,
+  // matching the Flagsmith brand treatment for code surfaces. Literal
+  // values used because the semantic token set does not currently expose
+  // an "inverse code surface" pair.
+  &__code-block {
+    background-color: #1a2634;
+    color: #a0d4ff;
+    overflow-x: auto;
+    font-family: var(--font-family-mono, monospace);
+    font-size: 0.8125rem;
+    line-height: 1.5;
+
+    code {
+      color: inherit;
+      background: transparent;
+    }
+  }
+}
+
+@keyframes onboarding-quickstart-pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.28;
+  }
+  100% {
+    transform: scale(2.6);
+    opacity: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .onboarding-quickstart__status-dot--pulsing {
+    &::before,
+    &::after {
+      animation: none;
+      opacity: 0;
+    }
+  }
+
+  .onboarding-quickstart__toggle-thumb,
+  .onboarding-quickstart__radio-row,
+  .onboarding-quickstart__radio-dot {
+    transition: none;
+  }
+}
+
+// Restore visible focus on interactive elements within the onboarding
+// flow. The project-wide `.btn:focus-visible { box-shadow: none }` in
+// `web/styles/project/_buttons.scss` removes the focus indicator for
+// sighted keyboard users — scoping the restoration here keeps the
+// rest of the app unchanged.
+.onboarding-quickstart {
+  .btn:focus-visible,
+  &__radio-row:focus-visible {
+    outline: 2px solid var(--color-border-action);
+    outline-offset: 2px;
+    box-shadow: none;
+  }
+}
+
+// PM path integrations grid — read-only visual capability check.
+// Three columns on desktop, two on tablet, one on mobile. Keeps the
+// list compact enough to scan at the AHA moment without scrolling.
+.onboarding-quickstart__integrations {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+
+  @media (max-width: 900px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  @media (max-width: 600px) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.onboarding-quickstart__integration-logo {
+  width: 20px;
+  height: 20px;
+  object-fit: contain;
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.tsx
new file mode 100644
index 000000000000..59025d853ddc
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.tsx
@@ -0,0 +1,404 @@
+import React, { FC, useEffect, useMemo, useRef, useState } from 'react'
+import { useHistory } from 'react-router-dom'
+import { useDispatch } from 'react-redux'
+import Button from 'components/base/forms/Button'
+import ErrorMessage from 'components/ErrorMessage'
+import { useGetProfileQuery } from 'common/services/useProfile'
+import { organisationService } from 'common/services/useOrganisation'
+import { useCreateProjectMutation } from 'common/services/useProject'
+import { useCreateEnvironmentMutation } from 'common/services/useEnvironment'
+import { useCreateProjectFlagMutation } from 'common/services/useProjectFlag'
+import useSelectedOrganisation from 'common/hooks/useSelectedOrganisation'
+import AccountStore from 'common/stores/account-store'
+import AppActions from 'common/dispatcher/app-actions'
+import { Req } from 'common/types/requests'
+import { ProjectFlag } from 'common/types/responses'
+import OnboardingProgress, {
+  OnboardingStepDef,
+  OnboardingStepKey,
+} from 'web/components/pages/onboarding-quickstart/components/OnboardingProgress'
+import InviteUsersModal from 'components/modals/InviteUsers'
+import RoleStep from 'web/components/pages/onboarding-quickstart/components/RoleStep'
+import OrgStep from 'web/components/pages/onboarding-quickstart/components/OrgStep'
+import ProjectStep from 'web/components/pages/onboarding-quickstart/components/ProjectStep'
+import FeatureStep, {
+  PRESET_CUSTOM,
+} from 'web/components/pages/onboarding-quickstart/components/FeatureStep'
+import FeatureEvaluationStep from 'web/components/pages/onboarding-quickstart/components/FeatureEvaluationStep'
+import { FEATURE_PRESETS } from 'web/components/pages/onboarding-quickstart/data/presets'
+import { OnboardingRoleKey } from 'web/components/pages/onboarding-quickstart/data/roles'
+import { useSmartDefaults } from 'web/components/pages/onboarding-quickstart/hooks/useSmartDefaults'
+import 'web/components/pages/onboarding-quickstart/OnboardingQuickstartPage.scss'
+
+/**
+ * Telemetry placeholder — replace with the real structured-logging
+ * pipeline once the feature is wired to a tracked event sink.
+ */
+const trackEvent = (event: string, attributes: Record<string, unknown> = {}) =>
+  // eslint-disable-next-line no-console
+  console.info(`[onboarding.quickstart] ${event}`, attributes)
+
+/**
+ * Create an organisation through the legacy account store rather than the RTK
+ * mutation. Much of the shell still reads the current organisation from
+ * `AccountStore`, and only this path populates it (adds to
+ * `AccountStore.model.organisations` and sets the selection). A pure-RTK create
+ * leaves `AccountStore.getOrganisation()` empty, which breaks org-scoped calls
+ * on the destination page. Resolves with the new organisation id. Mirrors the
+ * save/select handling in CreateOrganisationPage.
+ */
+const createOrganisationViaAccountStore = (name: string): Promise<number> =>
+  new Promise((resolve, reject) => {
+    const cleanup = () => {
+      AccountStore.off('saved', onSaved)
+      AccountStore.off('problem', onProblem)
+      clearTimeout(timer)
+    }
+    const onSaved = () => {
+      cleanup()
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore — savedId is set by the createOrganisation controller
+      resolve(AccountStore.savedId as number)
+    }
+    const onProblem = () => {
+      cleanup()
+      reject(AccountStore.error || new Error('Failed to create organisation'))
+    }
+    const timer = setTimeout(() => {
+      cleanup()
+      reject(new Error('Timed out creating organisation'))
+    }, 20000)
+    AccountStore.on('saved', onSaved)
+    AccountStore.on('problem', onProblem)
+    AppActions.createOrganisation(name)
+  })
+
+const OnboardingQuickstartPage: FC = () => {
+  const history = useHistory()
+  const dispatch = useDispatch()
+  const { data: profile } = useGetProfileQuery({})
+  const defaults = useSmartDefaults(
+    profile?.email ?? '',
+    profile?.first_name ?? '',
+  )
+
+  // Self-serve signup creates and selects an organisation at registration, so
+  // most users reaching onboarding already have one — reuse it and skip the
+  // org step. Only when none exists do we create one (rare).
+  const selectedOrganisation = useSelectedOrganisation()
+  const hasExistingOrg = !!selectedOrganisation
+
+  const [createProject] = useCreateProjectMutation()
+  const [createEnvironment] = useCreateEnvironmentMutation()
+  const [createProjectFlag] = useCreateProjectFlagMutation()
+
+  const [step, setStep] = useState<OnboardingStepKey>('role')
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [submitError, setSubmitError] = useState<unknown>(null)
+  const [selectedRole, setSelectedRole] = useState<OnboardingRoleKey | null>(
+    null,
+  )
+  const [orgName, setOrgName] = useState('')
+  const [projectName, setProjectName] = useState('')
+  const [selectedPreset, setSelectedPreset] = useState<string>(
+    FEATURE_PRESETS[0]?.key ?? '',
+  )
+  const [customFeature, setCustomFeature] = useState('')
+  // Set from the created project + its Development environment, used to build
+  // the post-onboarding features URL and the evaluation step's snippet.
+  const [projectId, setProjectId] = useState<number | null>(null)
+  const [environmentKey, setEnvironmentKey] = useState('')
+
+  // Tracks entities already created so a retry after a partial failure (e.g.
+  // project created but an environment call failed) reuses them rather than
+  // creating duplicates. A deliberate Back + rename after a step succeeded
+  // reuses the original — acceptable, since retries follow failures.
+  const createdRef = useRef<{
+    orgId?: number
+    projectId?: number
+    devKey?: string
+    prodDone?: boolean
+    featureDone?: boolean
+  }>({})
+
+  // Org name is pre-filled from the email domain — it's meaningful data the
+  // user can keep or edit. The project name is NOT pre-filled: 'My first
+  // project' is shown as placeholder text only (see ProjectStep), so the user
+  // doesn't have to clear a generic default before typing their own. A name is
+  // required (ProjectStep disables Next until one is entered); the trim here is
+  // a defensive guard against a whitespace-only value.
+  useEffect(() => {
+    setOrgName((existing) => existing || defaults.orgName)
+  }, [defaults.orgName])
+
+  const effectiveProjectName = projectName.trim() || defaults.projectName
+
+  // Focus management — when the step changes, land focus on the first
+  // interactive element of the new step. Without this, focus stays on
+  // the now-invisible Next button and keyboard users have to Tab from
+  // the document body to find the next field/option.
+  const layoutRef = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    const focusable = layoutRef.current?.querySelector<HTMLElement>(
+      'input:not([disabled]), button:not([disabled]):not([tabindex="-1"])',
+    )
+    focusable?.focus()
+  }, [step])
+
+  const featureName =
+    selectedPreset === PRESET_CUSTOM ? customFeature : selectedPreset
+
+  // Final-step label varies by role — the engineer path culminates in
+  // "see the SDK work", the PM path in connecting tools. Other never
+  // reaches this step.
+  const evaluationStepTitle =
+    selectedRole === 'pm' ? 'Connect your tools' : 'See it works'
+
+  // The timeline adapts to the user: the org step is dropped when they
+  // already have one, and the evaluation step is dropped for the 'other'
+  // role (Other = "orient, don't commit"), so the stepper reflects the flow
+  // they'll actually walk.
+  const steps: OnboardingStepDef[] = useMemo(() => {
+    const base: OnboardingStepDef[] = [{ key: 'role', title: 'Your role' }]
+    if (!hasExistingOrg) base.push({ key: 'org', title: 'Organisation' })
+    base.push(
+      { key: 'project', title: 'Project' },
+      { key: 'feature', title: 'First feature' },
+    )
+    if (selectedRole === 'other') return base
+    return [...base, { key: 'evaluation', title: evaluationStepTitle }]
+  }, [evaluationStepTitle, hasExistingOrg, selectedRole])
+
+  // Step navigation is driven by the `steps` array so it stays correct as
+  // steps are added/removed (org skip, role branching) — no hardcoded
+  // next/previous keys to keep in sync.
+  const goToAdjacentStep = (offset: number) => {
+    const index = steps.findIndex((s) => s.key === step)
+    const target = steps[index + offset]
+    if (target) setStep(target.key)
+  }
+  const goNext = () => goToAdjacentStep(1)
+  const goBack = () => goToAdjacentStep(-1)
+
+  // Post-onboarding destination. The features route expects the numeric
+  // project id and the environment's api_key (not names).
+  const featuresUrl = (pid: number | null, envKey: string) =>
+    pid && envKey
+      ? `/project/${pid}/environment/${envKey}/features`
+      : '/organisations'
+
+  const finishedDestination = featuresUrl(projectId, environmentKey)
+
+  const handleFinish = async () => {
+    setIsSubmitting(true)
+    setSubmitError(null)
+    trackEvent('question_step.submitted', {
+      featureName,
+      orgName,
+      projectName: effectiveProjectName,
+      role: selectedRole,
+    })
+
+    const created = createdRef.current
+    try {
+      // 1. Organisation — reuse the selected one, otherwise create + select.
+      let organisationId = selectedOrganisation?.id ?? created.orgId
+      if (!organisationId) {
+        organisationId = await createOrganisationViaAccountStore(orgName)
+        // Select it (sets the cookie, the Redux slice and AccountStore's
+        // current org) and refresh the RTK organisation list.
+        AppActions.selectOrganisation(organisationId)
+        dispatch(
+          organisationService.util.invalidateTags([
+            { id: 'LIST', type: 'Organisation' },
+          ]),
+        )
+        created.orgId = organisationId
+      }
+
+      // 2. Project.
+      let newProjectId = created.projectId
+      if (!newProjectId) {
+        const project = await createProject({
+          name: effectiveProjectName,
+          organisation: organisationId,
+        }).unwrap()
+        newProjectId = project.id
+        created.projectId = project.id
+      }
+
+      // 3. Environments — Development (where we land) then Production, matching
+      // what normal project creation produces.
+      let devKey = created.devKey
+      if (!devKey) {
+        const devEnvironment = await createEnvironment({
+          name: 'Development',
+          project: newProjectId,
+        }).unwrap()
+        devKey = devEnvironment.api_key
+        created.devKey = devKey
+      }
+      if (!created.prodDone) {
+        await createEnvironment({
+          name: 'Production',
+          project: newProjectId,
+        }).unwrap()
+        created.prodDone = true
+      }
+
+      // 4. First feature flag. The create endpoint only needs a small subset
+      // of ProjectFlag; the request type models the full entity, so assert it.
+      if (!created.featureDone) {
+        const featureBody: Partial<ProjectFlag> = {
+          name: featureName,
+          project: newProjectId,
+          type: 'STANDARD',
+        }
+        await createProjectFlag({
+          body: featureBody as Req['createProjectFlag']['body'],
+          project_id: newProjectId,
+        }).unwrap()
+        created.featureDone = true
+      }
+
+      // 5. Refresh the legacy organisation store so the shell (project list,
+      // switcher) picks up the freshly created project without a reload.
+      AppActions.refreshOrganisation()
+
+      setProjectId(newProjectId)
+      setEnvironmentKey(devKey)
+      trackEvent('setup.completed', {
+        projectId: newProjectId,
+        role: selectedRole,
+      })
+
+      // 'other' role skips the AHA step entirely and lands on the features
+      // page. Build the URL inline because the freshly-set state isn't visible
+      // in this closure yet.
+      if (selectedRole === 'other') {
+        history.push(featuresUrl(newProjectId, devKey))
+        return
+      }
+      setStep('evaluation')
+    } catch (error) {
+      trackEvent('setup.failed', { role: selectedRole })
+      setSubmitError(error)
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const handleSkip = () => {
+    trackEvent('skipped', { atStep: step })
+    history.push('/organisations')
+  }
+
+  const handleInvite = () => {
+    trackEvent('invite_teammate.clicked', { role: selectedRole })
+    openModal('Invite Users', <InviteUsersModal />, 'p-0 side-modal')
+  }
+
+  const handleExplore = () => {
+    trackEvent('explore_dashboard.clicked', { role: selectedRole })
+    history.push(finishedDestination)
+  }
+
+  const handleFirstEvalReceived = () => {
+    trackEvent('first_eval.received')
+  }
+
+  return (
+    <div className='onboarding-quickstart'>
+      <div className='onboarding-quickstart__page'>
+        <header className='onboarding-quickstart__heading'>
+          <div className='onboarding-quickstart__heading-crumb text-muted'>
+            Onboarding / Get your first flag working
+          </div>
+          <div className='onboarding-quickstart__heading-row d-flex align-items-center justify-content-between gap-3'>
+            <h1 className='onboarding-quickstart__heading-title mb-0'>
+              Let’s set you up in 2 minutes
+            </h1>
+            <Button theme='outline' size='small' onClick={handleSkip}>
+              Skip — set up manually
+            </Button>
+          </div>
+        </header>
+
+        <OnboardingProgress currentStep={step} steps={steps} />
+
+        <div className='onboarding-quickstart__layout'>
+          <div
+            ref={layoutRef}
+            className={`onboarding-quickstart__layout-content${
+              step === 'evaluation'
+                ? ' onboarding-quickstart__layout-content--wide'
+                : ''
+            }`}
+          >
+            {step === 'role' && (
+              <RoleStep
+                value={selectedRole}
+                onChange={(role) => {
+                  setSelectedRole(role)
+                  trackEvent('role.selected', { role })
+                }}
+                onNext={goNext}
+              />
+            )}
+
+            {step === 'org' && (
+              <OrgStep value={orgName} onChange={setOrgName} onNext={goNext} />
+            )}
+
+            {step === 'project' && (
+              <ProjectStep
+                value={projectName}
+                placeholder={defaults.projectName}
+                onChange={setProjectName}
+                onBack={goBack}
+                onNext={goNext}
+              />
+            )}
+
+            {step === 'feature' && (
+              <>
+                <FeatureStep
+                  selectedPreset={selectedPreset}
+                  customValue={customFeature}
+                  isSubmitting={isSubmitting}
+                  onPresetChange={setSelectedPreset}
+                  onCustomChange={setCustomFeature}
+                  onBack={goBack}
+                  onFinish={handleFinish}
+                />
+                {!!submitError && (
+                  <div className='mt-3'>
+                    <ErrorMessage error={submitError} />
+                  </div>
+                )}
+              </>
+            )}
+
+            {step === 'evaluation' &&
+              selectedRole &&
+              selectedRole !== 'other' && (
+                <FeatureEvaluationStep
+                  role={selectedRole}
+                  environmentKey={environmentKey}
+                  featureName={featureName}
+                  projectName={effectiveProjectName}
+                  onExplore={handleExplore}
+                  onFirstEvalReceived={handleFirstEvalReceived}
+                  onInvite={handleInvite}
+                />
+              )}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+OnboardingQuickstartPage.displayName = 'OnboardingQuickstartPage'
+
+export default OnboardingQuickstartPage
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.scss b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.scss
new file mode 100644
index 000000000000..0b0957951f0f
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.scss
@@ -0,0 +1,670 @@
+// Single-page onboarding (the AI + manual + verify flow). Everything is
+// pre-created; the user connects their app via their AI agent or the snippet,
+// and an honest waiting→connected signal confirms it for real. Colours via
+// semantic tokens; literal hex only for the dark code/prompt surface, which
+// the token set doesn't expose.
+
+.onboarding-single {
+  background-color: var(--color-surface-subtle);
+  min-height: 100vh;
+
+  // Re-assert semantic text tokens (Bootstrap overrides some with brand
+  // colours that fail on these surfaces).
+  .text-default {
+    color: var(--color-text-default);
+  }
+  .text-action {
+    color: var(--color-text-action);
+  }
+
+  &__page {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    width: 100%;
+    max-width: 1100px;
+    margin-inline: auto;
+    padding: 40px 48px;
+  }
+
+  // Full-viewport, vertically-centred splash (no app shell during setup), so
+  // the content sits in the middle rather than floating near the top.
+  &__loading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    min-height: 100vh;
+    padding: 24px;
+    background-color: var(--color-surface-subtle);
+    text-align: center;
+  }
+
+  &__loading-anim {
+    width: min(480px, 72vw);
+    aspect-ratio: 1600 / 1400;
+  }
+
+  &__loading-text {
+    font-size: 1.125rem;
+    font-weight: 500;
+    color: var(--color-text-default);
+  }
+
+  &__crumb {
+    font-size: 0.75rem;
+    letter-spacing: 0.3px;
+  }
+
+  &__title {
+    font-size: 1.625rem;
+    font-weight: 700;
+    line-height: 1.25;
+    color: var(--color-text-default);
+  }
+
+  &__subtitle {
+    font-size: 0.875rem;
+    line-height: 2;
+    // Breathing room between the title and the pre-created-resources sentence.
+    margin-top: 12px;
+
+    // Inline-editable chips sit inside the sentence.
+    .onboarding-single__chip {
+      vertical-align: middle;
+    }
+  }
+
+  &__chip {
+    padding: 4px 10px;
+    font-size: 0.8125rem;
+
+    &--flag {
+      background-color: var(--color-surface-action-subtle);
+    }
+
+    // Inline-editable chip: reads as a chip, edits in place. A faint border
+    // hints it's interactive; it turns into an action ring while focused. The
+    // pencil is always visible so the field reads as editable without a hover.
+    &--editable {
+      border: 1px solid var(--color-border-default);
+      transition: border-color var(--duration-fast) var(--easing-standard),
+        background-color var(--duration-fast) var(--easing-standard);
+      cursor: text;
+
+      svg {
+        opacity: 0.6;
+        transition: opacity var(--duration-fast) var(--easing-standard);
+      }
+
+      &:hover svg,
+      &:focus-within svg {
+        opacity: 1;
+      }
+
+      &:focus-within {
+        border-color: var(--color-border-action);
+        background-color: var(--color-surface-default);
+      }
+    }
+  }
+
+  &__connect {
+    padding: 24px;
+  }
+
+  // SDK selector chips (manual path) — active is filled purple, others grey,
+  // matching the design's langSwitch.
+  &__sdk {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    background-color: var(--color-surface-subtle);
+    border: 0;
+    border-radius: 6px;
+    padding: 5px 12px;
+    font-size: 0.8125rem;
+    font-weight: 600;
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    transition: color var(--duration-fast) var(--easing-standard),
+      background-color var(--duration-fast) var(--easing-standard);
+
+    &--active {
+      color: #ffffff;
+      background-color: var(--color-icon-action);
+    }
+  }
+
+  // Brand logo inside a language chip; brand colours are baked into the SVG.
+  &__sdk-logo {
+    flex: none;
+    display: block;
+  }
+
+  // Numbered step badge.
+  &__step-num {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    border-radius: 9999px;
+    background-color: var(--color-icon-action);
+    color: #ffffff;
+    font-size: 0.6875rem;
+    font-weight: 700;
+    flex-shrink: 0;
+  }
+
+  // Light code cards, matching the design (white body, light header, dark
+  // text with brand-purple keywords). Hardcoded light for now — proper
+  // light/dark theming of the snippets is a follow-up.
+  &__codecard {
+    border-radius: 10px;
+    overflow: hidden;
+    background-color: #ffffff;
+    border: 1px solid #e1e4ea;
+
+    .hljs {
+      background: #ffffff;
+      border: 0;
+      border-radius: 0;
+      color: #1f2328;
+
+      // The global customScrollDark mixin hides the horizontal scrollbar and
+      // flips it to display:block on :hover. As a 12px space-reserving webkit
+      // scrollbar (not overlay), that toggle shoves the page around (flicker).
+      // Reserve the gutter at the overflow level (scroll, not auto) so it's
+      // permanent, and force the styled bar shown in both states — re-showing a
+      // display:none'd webkit scrollbar alone doesn't reliably reserve space.
+      overflow-x: scroll;
+      overflow-y: hidden;
+
+      &::-webkit-scrollbar,
+      &:hover::-webkit-scrollbar {
+        display: block !important;
+      }
+    }
+
+    // Light syntax palette. Scoped here so it overrides the app's global
+    // dark hljs theme (one extra class = higher specificity).
+    .hljs-keyword,
+    .hljs-built_in,
+    .hljs-literal,
+    .hljs-selector-tag {
+      color: #6837fc;
+    }
+
+    .hljs-string,
+    .hljs-regexp {
+      color: #0a7c5a;
+    }
+
+    .hljs-attr,
+    .hljs-attribute,
+    .hljs-property,
+    .hljs-number,
+    .hljs-type {
+      color: #0550ae;
+    }
+
+    .hljs-title,
+    .hljs-name,
+    .hljs-section {
+      color: #1f2328;
+    }
+
+    .hljs-comment,
+    .hljs-quote {
+      color: #6e7781;
+      font-style: italic;
+    }
+
+    .hljs-meta {
+      color: #5d6878;
+    }
+  }
+
+  &__codecard-head {
+    padding: 10px 14px;
+    background-color: #f8fafc;
+    border-bottom: 1px solid #e5e7eb;
+  }
+
+  &__codecard-lang {
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: #5d6878;
+  }
+
+  // npm / yarn pills inside the install card header — each shows a single
+  // copy-pasteable command.
+  &__pm {
+    border-radius: 6px;
+    overflow: hidden;
+    border: 1px solid #e1e4ea;
+  }
+
+  &__pm-opt {
+    background: transparent;
+    border: 0;
+    padding: 3px 12px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: #5d6878;
+    cursor: pointer;
+
+    &--active {
+      background-color: var(--color-icon-action);
+      color: #ffffff;
+    }
+  }
+
+  // "More" accordion: an in-flow panel of long-tail SDK chips revealed below
+  // the quick-pick row (the trigger reuses the chip &__sdk styling).
+  &__more-panel {
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px solid var(--color-border-default);
+  }
+
+  // "Connect your code" (primary) on the left, "✦ Connect with AI" on the
+  // right. The active option carries the accent underline.
+  &__connect-head {
+    border-bottom: 1px solid var(--color-border-default);
+    margin-bottom: 20px;
+  }
+
+  &__connect-tab,
+  &__connect-ai {
+    background: transparent;
+    border: 0;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+    padding: 0 0 12px;
+    cursor: pointer;
+    transition: color var(--duration-fast) var(--easing-standard),
+      border-color var(--duration-fast) var(--easing-standard);
+  }
+
+  &__connect-tab {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--color-text-default);
+
+    &--active {
+      color: var(--color-text-action);
+      border-bottom-color: var(--color-icon-action);
+    }
+  }
+
+  &__connect-ai {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--color-text-secondary);
+
+    &--active {
+      color: var(--color-text-action);
+      border-bottom-color: var(--color-icon-action);
+    }
+  }
+
+  &__sparkle {
+    color: var(--color-text-action);
+    font-size: 0.875rem;
+  }
+
+  // Dark prompt surface for the AI tab.
+  &__prompt {
+    background-color: #1a2634;
+    padding: 16px;
+  }
+
+  &__prompt-text {
+    color: #a0d4ff;
+    font-family: var(--font-family-mono, monospace);
+    font-size: 0.8125rem;
+    line-height: 1.5;
+    background: transparent;
+    white-space: pre-wrap;
+  }
+
+  &__steps {
+    padding-left: 18px;
+
+    li {
+      margin-bottom: 4px;
+    }
+  }
+
+  // Verify (v3) — two columns: a sonar (left) and a live SDK console with the
+  // flag card beneath (right). State colours go purple (waiting) → green
+  // (connected).
+  // Verify is now a single full-width SDK console (no radar). The --waiting /
+  // --connected modifiers remain for the console's LIVE/LISTENING badge colour.
+  &__verify {
+    padding: 24px;
+    background-color: var(--color-surface-default);
+  }
+
+  // Honest progress checklist (replaces the SDK console).
+  // SDK console — dark terminal whose body is the honest checklist/log.
+  &__console {
+    border-radius: 12px;
+    overflow: hidden;
+    background-color: #0d1117;
+  }
+
+  &__console-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    background-color: #161b22;
+  }
+
+  &__console-light {
+    width: 12px;
+    height: 12px;
+    border-radius: 9999px;
+
+    &--r {
+      background-color: #ff5f57;
+    }
+    &--y {
+      background-color: #ffbd2e;
+    }
+    &--g {
+      background-color: #28c840;
+    }
+  }
+
+  &__console-name {
+    color: #8b949e;
+    font-size: 0.75rem;
+  }
+
+  &__console-badge {
+    margin-left: auto;
+    font-size: 0.6875rem;
+    font-weight: 600;
+    padding: 3px 8px;
+    border-radius: 9999px;
+
+    .onboarding-single__verify--connected & {
+      color: #22c55e;
+      background-color: #0d2b14;
+    }
+    .onboarding-single__verify--waiting & {
+      color: #f59e0b;
+      background-color: #2b1d0d;
+    }
+  }
+
+  // The status dot pulses while listening, to signal "live, waiting".
+  &__console-badge--listening &__console-badge-dot {
+    animation: onboarding-single-blink 1.4s ease-in-out infinite;
+  }
+
+  &__console-body {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 20px 24px;
+    font-family: var(--font-family-mono, 'Menlo', 'Monaco', monospace);
+  }
+
+  &__console-line {
+    font-size: 0.8125rem;
+    white-space: pre-wrap;
+    background: transparent;
+
+    &--prompt {
+      color: #7ee787;
+    }
+    &--ok {
+      color: #3fb950;
+    }
+    &--done {
+      color: #4ade80;
+      font-weight: 700;
+    }
+    &--meta {
+      color: #6e7781;
+    }
+    &--connected {
+      color: #22c55e;
+      font-weight: 700;
+    }
+    &--pending {
+      color: #6e7781;
+    }
+    &--await {
+      color: #f0883e;
+    }
+  }
+
+  // Blinking cursor inside the ambient typewriter line (inherits the line's
+  // prompt colour).
+  &__type-cursor {
+    margin-left: 1px;
+    animation: onboarding-single-blink 1s step-end infinite;
+  }
+
+  // "Your flags" — the demo flag rendered as a centred features-table card,
+  // narrow so it reads as the spotlight rather than another full-width strip.
+  &__flags {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  &__flags-title {
+    font-size: 1rem;
+  }
+
+  &__flagtable-wrap {
+    display: flex;
+    justify-content: center;
+  }
+
+  &__flagtable {
+    width: 100%;
+    max-width: 760px;
+    overflow: hidden;
+    background-color: var(--color-surface-default);
+    // Highlighted as the hero element: a faint brand border + a stronger
+    // brand-purple glow (with spread) over a neutral drop, so it clearly pops
+    // off the page rather than reading as just another card.
+    border: 1px solid rgba(104, 55, 252, 0.3);
+    box-shadow: 0 18px 44px 2px rgba(104, 55, 252, 0.2),
+      0 6px 16px rgba(15, 23, 42, 0.1);
+
+    // Greyed out until the first evaluation — the flag can't be flipped until
+    // the app is connected, so the whole table reads as inactive. The brand
+    // highlight is dropped here; it belongs to the live (connected) state only.
+    &--locked {
+      opacity: 0.55;
+      pointer-events: none;
+      border-color: var(--color-border-default);
+      box-shadow: none;
+    }
+  }
+
+  &__flagtable-colhead {
+    gap: 12px;
+    padding: 8px 20px;
+    border-bottom: 1px solid var(--color-border-default);
+  }
+
+  &__flagtable-col {
+    font-size: 0.6875rem;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    color: var(--color-text-secondary);
+
+    &--feature {
+      flex: 1;
+    }
+    &--enabled {
+      width: 90px;
+    }
+  }
+
+  &__flagtable-row {
+    gap: 12px;
+    padding: 14px 20px;
+  }
+
+  &__flagtable-feature {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__flagtable-enabled {
+    width: 90px;
+  }
+
+  // Next quests — grayed/locked until the first evaluation.
+  &__quests {
+    &--locked {
+      opacity: 0.55;
+      pointer-events: none;
+    }
+  }
+
+  &__quests-lock {
+    font-size: 0.75rem;
+    margin-bottom: 6px;
+  }
+
+  &__quests-title {
+    font-size: 1rem;
+  }
+
+  &__quests-sub {
+    font-size: 0.8125rem;
+    margin-top: 2px;
+    margin-bottom: 14px;
+  }
+
+  &__quests-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 12px;
+
+    @media (max-width: 900px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+  &__quest {
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  &__quest-title {
+    font-size: 0.875rem;
+  }
+
+  &__quest-desc {
+    font-size: 0.75rem;
+    flex: 1;
+  }
+
+  &__quest-visual {
+    margin-top: 8px;
+  }
+
+  &__quest-bar {
+    height: 6px;
+    border-radius: 9999px;
+    background-color: var(--color-surface-subtle);
+    overflow: hidden;
+  }
+
+  &__quest-bar-fill {
+    display: block;
+    width: 25%;
+    height: 100%;
+    background-color: var(--color-icon-action);
+  }
+
+  &__quest-bar-label {
+    font-size: 0.6875rem;
+  }
+
+  &__quest-ab {
+    display: inline-flex;
+    border: 1px solid var(--color-border-default);
+    border-radius: 6px;
+    overflow: hidden;
+  }
+
+  &__quest-ab-opt {
+    padding: 2px 12px;
+    font-size: 0.8125rem;
+    color: var(--color-text-secondary);
+
+    &--active {
+      background-color: var(--color-surface-action-subtle);
+      color: var(--color-text-action);
+    }
+  }
+
+  &__quest-config {
+    font-size: 0.75rem;
+    padding: 4px 8px;
+    border-radius: 4px;
+    background-color: var(--color-surface-action-subtle);
+    color: var(--color-text-action);
+  }
+
+  // Decorative "on" toggle for the kill-switch quest — full opacity (not a
+  // disabled control), purely illustrative.
+  &__quest-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-end;
+    width: 44px;
+    height: 26px;
+    padding: 3px;
+    border-radius: 9999px;
+    background-color: var(--color-icon-action);
+  }
+
+  &__quest-toggle-knob {
+    width: 20px;
+    height: 20px;
+    border-radius: 9999px;
+    background-color: #ffffff;
+  }
+
+  // Manual snippet code cards carry their own light hljs palette (see
+  // &__codecard above), matching the design. The verify "sdk console" below
+  // stays dark on purpose — it's a terminal, not a code listing.
+
+  @media (max-width: 760px) {
+    &__page {
+      padding: 24px 16px;
+    }
+  }
+}
+
+@keyframes onboarding-single-blink {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.tsx
new file mode 100644
index 000000000000..2603cc69b7b5
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePage.tsx
@@ -0,0 +1,710 @@
+import React, { FC, useEffect, useMemo, useState } from 'react'
+import Button from 'components/base/forms/Button'
+import Icon from 'components/icons/Icon'
+import GhostInput from 'components/base/forms/GhostInput'
+import Constants from 'common/constants'
+import Utils from 'common/utils/utils'
+import Highlight from 'components/Highlight'
+import {
+  getSdkSnippet,
+  SdkLang,
+  SDK_LANGS,
+} from 'web/components/pages/onboarding-quickstart/sdkSnippets'
+import { LANGUAGE_LOGOS } from 'web/components/pages/onboarding-quickstart/languageLogos'
+import OnboardingFlagTable from 'web/components/pages/onboarding-quickstart/OnboardingFlagTable'
+import OnboardingTypewriter from 'web/components/pages/onboarding-quickstart/OnboardingTypewriter'
+import 'web/components/pages/onboarding-quickstart/OnboardingSinglePage.scss'
+
+type ConnectTab = 'ai' | 'manual'
+
+type Quest = { desc: string; key: string; title: string }
+
+// "What's your next quest" cards — illustrative for now (the flows behind each
+// are future work, per the design review). Shown grayed until first traffic.
+const QUESTS: Quest[] = [
+  {
+    desc: 'Turn a feature off instantly — no deploy.',
+    key: 'kill',
+    title: 'Kill switch',
+  },
+  {
+    desc: 'Ship to a % of your users.',
+    key: 'rollout',
+    title: 'Gradual rollout',
+  },
+  {
+    desc: 'A/B test which variant wins.',
+    key: 'experiment',
+    title: 'Experiment',
+  },
+  {
+    desc: 'Serve a value, not just on/off.',
+    key: 'config',
+    title: 'Remote config',
+  },
+]
+
+type OnboardingSinglePageProps = {
+  environmentKey: string
+  featureName: string
+  // Project enforces lower-case feature names — feeds the flag-name normaliser.
+  caseSensitive: boolean
+  // The flag's real `enabled` state in the Development environment, and a
+  // handler that persists a toggle to Flagsmith. Not local UI state — flipping
+  // this actually changes the flag, which is the whole point of the page.
+  flagEnabled: boolean
+  flagToggleDisabled?: boolean
+  onToggleFlag: () => void
+  onGoToDashboard: () => void
+  onRenameFeature?: (name: string) => void
+  onRenameOrganisation?: (name: string) => void
+  onRenameProject?: (name: string) => void
+  organisationName: string
+  projectName: string
+  // Becomes true when the SDK makes its first real request. Wired to the real
+  // "first traffic" signal when it exists — never faked. Until then it stays
+  // in the waiting state, which is honest.
+  connected?: boolean
+}
+
+type EditableChipProps = {
+  label: string
+  onCommit: (next: string) => void
+  value: string
+  // Optional normaliser applied before commit (e.g. a flag name must be a
+  // valid identifier). The chip then shows the normalised value.
+  transform?: (raw: string) => string
+}
+
+// An inline-editable chip built on the shared GhostInput (the transparent,
+// auto-sizing text field used for inline renames elsewhere). Keeps a local
+// draft and commits on blur / Enter; an empty value reverts to the last good
+// name rather than persisting a blank.
+const EditableChip: FC<EditableChipProps> = ({
+  label,
+  onCommit,
+  transform,
+  value,
+}) => {
+  const [draft, setDraft] = useState(value)
+
+  // Keep the draft in sync when the committed value changes upstream (e.g. the
+  // flag name is normalised on rename, or adopted from a refetch).
+  useEffect(() => {
+    setDraft(value)
+  }, [value])
+
+  const commit = () => {
+    const next = transform ? transform(draft) : draft.trim()
+    if (!next) {
+      setDraft(value)
+      return
+    }
+    if (next !== value) {
+      onCommit(next)
+    } else {
+      // Normalisation collapsed back to the current value — show it cleanly.
+      setDraft(value)
+    }
+  }
+
+  return (
+    <span className='onboarding-single__chip onboarding-single__chip--editable d-inline-flex align-items-center gap-1 rounded-sm bg-surface-subtle text-default'>
+      <GhostInput
+        value={draft}
+        placeholder={label}
+        aria-label={`${label} name`}
+        onChange={(e) => setDraft(e.target.value)}
+        onBlur={commit}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter') {
+            e.currentTarget.blur()
+          }
+        }}
+      />
+      <Icon
+        name='edit'
+        width={12}
+        fill='var(--color-icon-secondary)'
+        aria-hidden
+      />
+    </span>
+  )
+}
+
+// Normalise a flag name with the SAME rule as the create-feature modal
+// (web/components/modals/create-feature/components/FeatureNameInput.tsx):
+// spaces become underscores, and the name is lower-cased when the project
+// enforces lower-case feature names. The backend regex is the final word on
+// validity (the recreate is rejected if it doesn't conform).
+const sanitizeFlagName = (raw: string, caseSensitive: boolean): string => {
+  const next = raw.replace(/ /g, '_')
+  return caseSensitive ? next.toLowerCase() : next
+}
+
+const OnboardingSinglePage: FC<OnboardingSinglePageProps> = ({
+  caseSensitive,
+  connected = false,
+  environmentKey,
+  featureName,
+  flagEnabled,
+  flagToggleDisabled = false,
+  onGoToDashboard,
+  onRenameFeature,
+  onRenameOrganisation,
+  onRenameProject,
+  onToggleFlag,
+  organisationName,
+  projectName,
+}) => {
+  const [tab, setTab] = useState<ConnectTab>('manual')
+  const [copiedPrompt, setCopiedPrompt] = useState(false)
+  const [sdkLang, setSdkLang] = useState<SdkLang>(SDK_LANGS[0])
+  const [copiedManual, setCopiedManual] = useState<string | null>(null)
+  // "More" languages dropdown (the long tail behind the quick-pick chips).
+  const [moreOpen, setMoreOpen] = useState(false)
+  // npm vs yarn for npm-based SDKs — each shows a single copy-pasteable line.
+  const [installPm, setInstallPm] = useState<'npm' | 'yarn'>('npm')
+  const [copiedInstall, setCopiedInstall] = useState(false)
+  const [copiedCode, setCopiedCode] = useState(false)
+
+  // No-MCP path: the prompt carries the pre-created env key + flag, so the
+  // user's coding agent can wire it in with zero extra setup. When this app
+  // isn't on the default SaaS endpoint (staging / self-hosted / region), the
+  // SDK would otherwise default to edge.api.flagsmith.com and silently fail to
+  // authenticate — so we inject the real API base URL the key belongs to and
+  // tell the agent to wire it into the SDK's api/apiUrl option, not just the
+  // test. The honesty instruction mirrors the "demonstrate, don't simulate"
+  // principle: the agent must observe a real evaluation before claiming success.
+  const apiBaseUrl = Constants.getFlagsmithSDKUrl()
+  const apiLine = Constants.isCustomFlagsmithUrl()
+    ? `\n- API base URL: ${apiBaseUrl} (use as the SDK's api/apiUrl)`
+    : ''
+  const aiPrompt = `Set up Flagsmith in this project.
+- Environment key: ${environmentKey}
+- Flag: ${featureName}${apiLine}
+Detect my stack, install the SDK, and wire ${featureName} into one place. Then run the app and confirm ${featureName} actually evaluates before telling me it worked.`
+
+  const copyPrompt = () => {
+    Utils.copyToClipboard(aiPrompt)
+    setCopiedPrompt(true)
+    setTimeout(() => setCopiedPrompt(false), 1500)
+  }
+
+  const copyManual = (id: string, code: string) => {
+    Utils.copyToClipboard(code)
+    setCopiedManual(id)
+    // Tick the matching checklist item (stays ticked).
+    if (id === 'install') {
+      setCopiedInstall(true)
+    } else {
+      setCopiedCode(true)
+    }
+    setTimeout(() => setCopiedManual(null), 1500)
+  }
+
+  // Render a code card for the manual path: a header bar (left slot for
+  // pills/language, a Copy Code button on the right) over the code body.
+  // Highlight escapes the content for display (so JSX shows as text and
+  // highlights instead of being parsed as HTML), while Copy uses the raw string
+  // — which is why CodeHelp (innerHTML, escaping off) can't be used here.
+  const renderManualCode = (
+    id: string,
+    code: string,
+    hljsClass: string,
+    headerLeft: React.ReactNode,
+  ) => (
+    <div className='onboarding-single__codecard'>
+      <div className='onboarding-single__codecard-head d-flex align-items-center'>
+        <div className='d-flex align-items-center gap-2'>{headerLeft}</div>
+        <Button
+          theme='primary'
+          size='small'
+          className='ms-auto'
+          onClick={() => copyManual(id, code)}
+        >
+          <span className='d-inline-flex align-items-center gap-1'>
+            <Icon name='copy' width={14} fill='white' />
+            {copiedManual === id ? 'Copied' : 'Copy Code'}
+          </span>
+        </Button>
+      </div>
+      <Highlight forceExpanded className={hljsClass}>
+        {code}
+      </Highlight>
+    </div>
+  )
+
+  // One console checklist line: [✓]/[ ] + label, green when done, dim when not.
+  const renderCheck = (done: boolean, label: string, doneClass = 'ok') => (
+    <code
+      className={`onboarding-single__console-line onboarding-single__console-line--${
+        done ? doneClass : 'pending'
+      }`}
+    >
+      {`${done ? '[✓]' : '[ ]'} ${label}`}
+    </code>
+  )
+
+  // Install + wire snippets for the selected SDK, from the maintained codeHelp
+  // (env key injected, placeholder flag swapped for ours). See sdkSnippets.ts.
+  const sdkSnippet = getSdkSnippet(sdkLang, environmentKey, featureName)
+  const installCode =
+    sdkSnippet.installYarn && installPm === 'yarn'
+      ? sdkSnippet.installYarn
+      : sdkSnippet.install
+  const popularLangs = SDK_LANGS.filter((l) => l.popular)
+  const moreLangs = SDK_LANGS.filter((l) => !l.popular)
+
+  // Waiting-console ambiance: the real env it's listening on (grounds the
+  // LISTENING badge), and the cycling guidance for the typewriter line.
+  const envShort =
+    environmentKey.length > 12
+      ? `${environmentKey.slice(0, 5)}…${environmentKey.slice(-3)}`
+      : environmentKey
+  const waitingPhrases = useMemo(
+    () => [
+      'Listening for your first request…',
+      `Run your app, watching for ${featureName}'s first evaluation`,
+      'Welcome, connect your app and this lights up',
+    ],
+    [featureName],
+  )
+
+  // Illustrative visual for each "next quest" card.
+  const questVisual = (key: string) => {
+    switch (key) {
+      case 'kill':
+        // Decorative "on" toggle (not a real control) — illustrates the
+        // kill-switch concept at full opacity, like the other quest visuals.
+        return (
+          <span className='onboarding-single__quest-toggle' aria-hidden>
+            <span className='onboarding-single__quest-toggle-knob' />
+          </span>
+        )
+      case 'rollout':
+        return (
+          <div>
+            <div className='onboarding-single__quest-bar'>
+              <span className='onboarding-single__quest-bar-fill' />
+            </div>
+            <div className='onboarding-single__quest-bar-label text-muted mt-1'>
+              25% of users
+            </div>
+          </div>
+        )
+      case 'experiment':
+        return (
+          <div className='onboarding-single__quest-ab'>
+            <span className='onboarding-single__quest-ab-opt onboarding-single__quest-ab-opt--active'>
+              A
+            </span>
+            <span className='onboarding-single__quest-ab-opt'>B</span>
+          </div>
+        )
+      case 'config':
+        return (
+          <code className='onboarding-single__quest-config'>
+            "theme": "dark"
+          </code>
+        )
+      default:
+        return null
+    }
+  }
+
+  return (
+    <div className='onboarding-single'>
+      <div className='onboarding-single__page'>
+        <header className='onboarding-single__heading'>
+          <div className='onboarding-single__crumb text-muted'>
+            Onboarding / Connect your app
+          </div>
+          <h1 className='onboarding-single__title mb-0'>
+            Welcome, let’s get you live 👋
+          </h1>
+          {/* Pre-created resources, inline in the sentence; org/project editable. */}
+          <p className='onboarding-single__subtitle text-muted mb-0'>
+            We created your organisation{' '}
+            <EditableChip
+              label='Organisation'
+              value={organisationName}
+              onCommit={(name) => onRenameOrganisation?.(name)}
+            />
+            , your project{' '}
+            <EditableChip
+              label='Project'
+              value={projectName}
+              onCommit={(name) => onRenameProject?.(name)}
+            />{' '}
+            and your flag{' '}
+            <EditableChip
+              label='Flag'
+              value={featureName}
+              transform={(raw) => sanitizeFlagName(raw, caseSensitive)}
+              onCommit={(name) => onRenameFeature?.(name)}
+            />
+          </p>
+        </header>
+
+        <div className='onboarding-single__connect rounded-lg border border-default bg-surface-default'>
+          <div className='onboarding-single__connect-head d-flex align-items-center justify-content-between'>
+            <button
+              type='button'
+              className={`onboarding-single__connect-tab${
+                tab === 'manual'
+                  ? ' onboarding-single__connect-tab--active'
+                  : ''
+              }`}
+              onClick={() => setTab('manual')}
+            >
+              Connect your code
+            </button>
+            <button
+              type='button'
+              className={`onboarding-single__connect-ai${
+                tab === 'ai' ? ' onboarding-single__connect-ai--active' : ''
+              }`}
+              onClick={() => setTab('ai')}
+            >
+              <span className='onboarding-single__sparkle' aria-hidden>
+                ✦
+              </span>
+              Connect with AI
+            </button>
+          </div>
+
+          {tab === 'ai' ? (
+            <div className='onboarding-single__panel d-flex flex-column gap-3'>
+              <span className='text-default fw-semibold'>
+                Paste this into your AI coding agent’s chat
+              </span>
+              <div className='onboarding-single__prompt d-flex align-items-start gap-3 rounded-md'>
+                <code className='onboarding-single__prompt-text flex-fill'>
+                  {aiPrompt}
+                </code>
+                <Button theme='outline' size='small' onClick={copyPrompt}>
+                  <span className='d-inline-flex align-items-center gap-1'>
+                    <Icon name='copy' width={14} />
+                    {copiedPrompt ? 'Copied' : 'Copy'}
+                  </span>
+                </Button>
+              </div>
+              <div>
+                <span className='text-default fw-semibold'>
+                  What happens next
+                </span>
+                <ul className='onboarding-single__steps text-muted mt-2 mb-0'>
+                  <li>
+                    Detects your stack — language, framework, package manager.
+                  </li>
+                  <li>
+                    Installs the Flagsmith SDK and wires it into your code.
+                  </li>
+                  <li>
+                    Uses your flag {featureName} and verifies it’s working.
+                  </li>
+                </ul>
+              </div>
+            </div>
+          ) : (
+            <div className='onboarding-single__panel d-flex flex-column gap-4'>
+              <div>
+                <div className='onboarding-single__sdks d-flex flex-wrap align-items-center gap-2'>
+                  {popularLangs.map((lang) => (
+                    <button
+                      key={lang.label}
+                      type='button'
+                      className={`onboarding-single__sdk${
+                        sdkLang.label === lang.label
+                          ? ' onboarding-single__sdk--active'
+                          : ''
+                      }`}
+                      onClick={() => setSdkLang(lang)}
+                    >
+                      {LANGUAGE_LOGOS[lang.label] && (
+                        <svg
+                          className='onboarding-single__sdk-logo'
+                          viewBox='0 0 24 24'
+                          width={16}
+                          height={16}
+                          fill={LANGUAGE_LOGOS[lang.label].color}
+                          aria-hidden
+                        >
+                          <path d={LANGUAGE_LOGOS[lang.label].path} />
+                        </svg>
+                      )}
+                      {lang.label}
+                    </button>
+                  ))}
+                  {/* "More" only toggles the accordion — it's never the
+                      selected item, so it stays neutral and the active state
+                      lives on the chosen chip inside the open panel. */}
+                  <button
+                    type='button'
+                    className='onboarding-single__sdk'
+                    onClick={() => setMoreOpen((open) => !open)}
+                    aria-expanded={moreOpen}
+                  >
+                    More
+                    <Icon
+                      name={moreOpen ? 'chevron-up' : 'chevron-down'}
+                      width={14}
+                      fill='var(--color-icon-secondary)'
+                      aria-hidden
+                    />
+                  </button>
+                </div>
+                {moreOpen && (
+                  <div className='onboarding-single__more-panel d-flex flex-wrap gap-2'>
+                    {moreLangs.map((lang) => (
+                      <button
+                        key={lang.label}
+                        type='button'
+                        className={`onboarding-single__sdk${
+                          sdkLang.label === lang.label
+                            ? ' onboarding-single__sdk--active'
+                            : ''
+                        }`}
+                        onClick={() => setSdkLang(lang)}
+                      >
+                        {LANGUAGE_LOGOS[lang.label] && (
+                          <svg
+                            className='onboarding-single__sdk-logo'
+                            viewBox='0 0 24 24'
+                            width={16}
+                            height={16}
+                            fill={LANGUAGE_LOGOS[lang.label].color}
+                            aria-hidden
+                          >
+                            <path d={LANGUAGE_LOGOS[lang.label].path} />
+                          </svg>
+                        )}
+                        {lang.label}
+                      </button>
+                    ))}
+                  </div>
+                )}
+              </div>
+              <div>
+                <div className='onboarding-single__step-head d-flex align-items-center gap-2 mb-2'>
+                  <span className='onboarding-single__step-num'>1</span>
+                  <span className='onboarding-single__step-title text-default fw-semibold'>
+                    Install the SDK
+                  </span>
+                </div>
+                {renderManualCode(
+                  'install',
+                  installCode,
+                  'bash',
+                  sdkSnippet.installYarn ? (
+                    <div className='onboarding-single__pm d-inline-flex'>
+                      {(['npm', 'yarn'] as const).map((pm) => (
+                        <button
+                          key={pm}
+                          type='button'
+                          className={`onboarding-single__pm-opt${
+                            installPm === pm
+                              ? ' onboarding-single__pm-opt--active'
+                              : ''
+                          }`}
+                          onClick={() => setInstallPm(pm)}
+                        >
+                          {pm}
+                        </button>
+                      ))}
+                    </div>
+                  ) : (
+                    <span className='onboarding-single__codecard-lang'>
+                      {sdkLang.label}
+                    </span>
+                  ),
+                )}
+              </div>
+              <div>
+                <div className='onboarding-single__step-head d-flex align-items-center gap-2 mb-2'>
+                  <span className='onboarding-single__step-num'>2</span>
+                  <span className='onboarding-single__step-title text-default fw-semibold'>
+                    Wire it in &amp; take instant control of what users see
+                  </span>
+                </div>
+                {renderManualCode(
+                  'wire',
+                  sdkSnippet.wire,
+                  sdkSnippet.hljs,
+                  <span className='onboarding-single__codecard-lang'>
+                    {sdkLang.label}
+                  </span>,
+                )}
+              </div>
+            </div>
+          )}
+        </div>
+
+        {/* Verify (v3) — two columns: a sonar (left) and a live SDK console
+            with the flag card beneath it (right). Honest: the console only
+            shows a successful evaluation once `connected` is true; until then
+            it sits in the listening/scanning state. */}
+        <div
+          className={`onboarding-single__verify rounded-lg border border-default onboarding-single__verify--${
+            connected ? 'connected' : 'waiting'
+          }`}
+        >
+          {/* SDK console, full width. Its body is the honest checklist —
+              every line ticks on a real event (the Copy click, a real
+              request), keeping the terminal look without faking SDK output. */}
+          <div className='onboarding-single__console'>
+            <div className='onboarding-single__console-head'>
+              <span className='onboarding-single__console-light onboarding-single__console-light--r' />
+              <span className='onboarding-single__console-light onboarding-single__console-light--y' />
+              <span className='onboarding-single__console-light onboarding-single__console-light--g' />
+              <span className='onboarding-single__console-name'>
+                flagsmith — sdk console
+              </span>
+              <span
+                className={`onboarding-single__console-badge${
+                  connected
+                    ? ''
+                    : ' onboarding-single__console-badge--listening'
+                }`}
+              >
+                <span
+                  className='onboarding-single__console-badge-dot'
+                  aria-hidden
+                >
+                  ●
+                </span>{' '}
+                {connected ? 'LIVE' : 'LISTENING'}
+              </span>
+            </div>
+            <div className='onboarding-single__console-body'>
+              {/* The checklist is three tasks the user drives. Copy items
+                    tick on the real Copy click; the first evaluation is the
+                    goal, ticking on a real request. Connected appends the
+                    connection receipt — what the SDK reported. */}
+              {/* Waiting only: grounds the LISTENING badge with the real env
+                  it's actually watching. */}
+              {!connected && (
+                <code className='onboarding-single__console-line onboarding-single__console-line--meta'>
+                  {`awaiting first request · env ${envShort}`}
+                </code>
+              )}
+              {renderCheck(copiedInstall, 'Copy install command')}
+              {renderCheck(copiedCode, 'Copy code snippet')}
+              {connected ? (
+                <>
+                  {renderCheck(
+                    true,
+                    `First evaluation of '${featureName}'`,
+                    'done',
+                  )}
+                  {/* Connection receipt — what the SDK reported on the first
+                        request. Illustrative values until wired to the live
+                        first-request signal. */}
+                  <code className='onboarding-single__console-line onboarding-single__console-line--meta'>
+                    {`SDK initialized · flags loaded · ${featureName}: ${flagEnabled}`}
+                  </code>
+                  <code className='onboarding-single__console-line onboarding-single__console-line--meta'>
+                    User-Agent: Chrome/120.0 · MacBook Pro
+                  </code>
+                  <code className='onboarding-single__console-line onboarding-single__console-line--meta'>
+                    IP: 192.168.1.42 · 2024-01-15 14:23:01
+                  </code>
+                  <code className='onboarding-single__console-line onboarding-single__console-line--connected'>
+                    ✓ Connected
+                  </code>
+                  {/* Toggle's now unlocked — nudge to flip it; reflects the
+                        real flag state. */}
+                  <code className='onboarding-single__console-line onboarding-single__console-line--prompt'>
+                    {flagEnabled
+                      ? `✓ ${featureName} is live`
+                      : `→ flip ${featureName} on to see it change`}
+                  </code>
+                </>
+              ) : (
+                <>
+                  {/* The one task left — a plain [ ] (no arrow), but kept amber
+                      to draw the eye to it. */}
+                  <code className='onboarding-single__console-line onboarding-single__console-line--await'>
+                    {`[ ] First evaluation of '${featureName}'…`}
+                  </code>
+                  {/* Ambient typewriter — cycles honest guidance while it
+                      listens (carries its own blinking cursor). */}
+                  <OnboardingTypewriter
+                    phrases={waitingPhrases}
+                    className='onboarding-single__console-line onboarding-single__console-line--prompt'
+                  />
+                </>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Your flags — the real flag in a centred features-table view, to
+            spotlight the product's core surface. The toggle is the real,
+            persisting control, gated until a first request lands. */}
+        <div className='onboarding-single__flags'>
+          <div className='onboarding-single__flags-title text-default fw-semibold text-center'>
+            Your flags
+          </div>
+          <OnboardingFlagTable
+            featureName={featureName}
+            connected={connected}
+            flagEnabled={flagEnabled}
+            flagToggleDisabled={flagToggleDisabled}
+            onToggleFlag={onToggleFlag}
+          />
+        </div>
+
+        {/* Next quests — grayed/locked until the first evaluation. */}
+        <div
+          className={`onboarding-single__quests${
+            connected ? '' : ' onboarding-single__quests--locked'
+          }`}
+        >
+          {!connected && (
+            <div className='onboarding-single__quests-lock text-muted d-flex align-items-center gap-1'>
+              <Icon name='lock' width={12} fill='var(--color-icon-secondary)' />
+              Unlocks after your first evaluation
+            </div>
+          )}
+          <div className='onboarding-single__quests-title text-default fw-semibold'>
+            Choose your next quest
+          </div>
+          <div className='onboarding-single__quests-sub text-muted'>
+            You’ve built a basic on/off feature toggle. The same flag can evolve
+            into any of these — no new code, just configuration.
+          </div>
+          <div className='onboarding-single__quests-grid'>
+            {QUESTS.map((quest) => (
+              <div
+                key={quest.key}
+                className='onboarding-single__quest rounded-md border border-default bg-surface-default'
+              >
+                <div className='onboarding-single__quest-title text-default fw-semibold'>
+                  {quest.title}
+                </div>
+                <div className='onboarding-single__quest-desc text-muted'>
+                  {quest.desc}
+                </div>
+                <div className='onboarding-single__quest-visual'>
+                  {questVisual(quest.key)}
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div className='onboarding-single__skip d-flex justify-content-end'>
+          <Button theme='text' onClick={onGoToDashboard}>
+            Skip onboarding, I’m a pro →
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+OnboardingSinglePage.displayName = 'OnboardingSinglePage'
+
+export default OnboardingSinglePage
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePageContainer.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePageContainer.tsx
new file mode 100644
index 000000000000..2b749e17b055
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingSinglePageContainer.tsx
@@ -0,0 +1,122 @@
+import React, { FC, Suspense, lazy, useState } from 'react'
+import { useHistory } from 'react-router-dom'
+import ErrorMessage from 'components/ErrorMessage'
+import OnboardingSinglePage from 'web/components/pages/onboarding-quickstart/OnboardingSinglePage'
+import { useEnsureOnboardingResources } from 'web/components/pages/onboarding-quickstart/hooks/useEnsureOnboardingResources'
+import { useOnboardingFlagToggle } from 'web/components/pages/onboarding-quickstart/hooks/useOnboardingFlagToggle'
+import { useUpdateOrganisationMutation } from 'common/services/useOrganisation'
+import { useUpdateProjectMutation } from 'common/services/useProject'
+import 'web/components/pages/onboarding-quickstart/OnboardingSinglePage.scss'
+
+// Lazy so lottie-web + the animation JSON only load when the loading screen
+// renders; the text-only fallback shows instantly meanwhile.
+const OnboardingLoading = lazy(
+  () => import('web/components/pages/onboarding-quickstart/OnboardingLoading'),
+)
+
+// Provides the single-page flow with real, pre-created resources (org,
+// project, Dev/Prod environments, first flag) and the destination handler.
+const OnboardingSinglePageContainer: FC = () => {
+  const history = useHistory()
+  const resources = useEnsureOnboardingResources()
+  const [updateOrganisation] = useUpdateOrganisationMutation()
+  const [updateProject] = useUpdateProjectMutation()
+  // The flag name is editable and drives the snippets, console and toggle, so
+  // it lives in state here (optimistic) rather than reading the constant each
+  // render. The rename also persists server-side (see renameFeature).
+  const [featureName, setFeatureName] = useState(resources.featureName)
+  const flagToggle = useOnboardingFlagToggle({
+    environment: resources.environment,
+    featureName,
+    projectId: resources.projectId,
+  })
+
+  // Persist inline renames. Only `name` is required by either body, so a rename
+  // is a single-field patch; the page owns the optimistic display, this keeps
+  // the server in sync. The shell nav adopts the new names on its next load.
+  const renameOrganisation = (name: string) => {
+    if (resources.organisationId !== null) {
+      updateOrganisation({ body: { name }, id: resources.organisationId })
+    }
+  }
+  const renameProject = (name: string) => {
+    if (resources.projectId !== null) {
+      updateProject({ body: { name }, id: resources.projectId })
+    }
+  }
+  // Renaming the flag must persist (the snippet name and the real flag have to
+  // stay in lockstep, or the user's code reads a flag that doesn't exist).
+  // Optimistic: show the new name immediately, revert if the delete+recreate
+  // fails (e.g. the name breaks the project's feature-name regex). The page
+  // sends an already-sanitised name.
+  const renameFeature = async (name: string) => {
+    const previous = featureName
+    setFeatureName(name)
+    const ok = await flagToggle.rename(name)
+    if (!ok) {
+      setFeatureName(previous)
+      toast('Couldn’t rename your flag. Please try again.')
+    }
+  }
+
+  const goToDashboard = () => {
+    history.push(
+      resources.projectId && resources.environmentKey
+        ? `/project/${resources.projectId}/environment/${resources.environmentKey}/features`
+        : '/organisations',
+    )
+  }
+
+  // TEMP (preview only): the real "first request received" signal doesn't exist
+  // yet, so the connected state can't fire for real. `?connected=1` lets us
+  // preview the v3 connected design (green console, unlocked flag/quests).
+  // Remove once the real first-traffic signal is wired in.
+  const connectedPreview =
+    new URLSearchParams(window.location.search).get('connected') === '1'
+
+  if (resources.status === 'creating') {
+    return (
+      <Suspense
+        fallback={
+          <div className='onboarding-single__loading'>
+            <span className='onboarding-single__loading-text'>
+              Setting up your workspace…
+            </span>
+          </div>
+        }
+      >
+        <OnboardingLoading />
+      </Suspense>
+    )
+  }
+
+  if (resources.status === 'error') {
+    return (
+      <div className='onboarding-single'>
+        <div className='onboarding-single__page'>
+          <ErrorMessage error={resources.error} />
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <OnboardingSinglePage
+      organisationName={resources.organisationName}
+      projectName={resources.projectName}
+      featureName={featureName}
+      caseSensitive={resources.caseSensitive}
+      environmentKey={resources.environmentKey}
+      connected={connectedPreview}
+      flagEnabled={flagToggle.enabled}
+      flagToggleDisabled={!flagToggle.isReady || flagToggle.isLoading}
+      onToggleFlag={flagToggle.toggle}
+      onRenameOrganisation={renameOrganisation}
+      onRenameProject={renameProject}
+      onRenameFeature={renameFeature}
+      onGoToDashboard={goToDashboard}
+    />
+  )
+}
+
+export default OnboardingSinglePageContainer
diff --git a/frontend/web/components/pages/onboarding-quickstart/OnboardingTypewriter.tsx b/frontend/web/components/pages/onboarding-quickstart/OnboardingTypewriter.tsx
new file mode 100644
index 000000000000..995bd4222df7
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/OnboardingTypewriter.tsx
@@ -0,0 +1,75 @@
+import React, { FC, useEffect, useState } from 'react'
+
+type OnboardingTypewriterProps = {
+  // Cycled in order; each types in, holds, deletes, then the next types in.
+  phrases: string[]
+  className?: string
+}
+
+const TYPE_MS = 45
+const DELETE_MS = 25
+const HOLD_MS = 1600
+const NEXT_MS = 350
+
+// Ambient "typewriter" line for the waiting console: types a phrase, holds,
+// deletes it, advances to the next, looping. Honours prefers-reduced-motion by
+// showing the first phrase statically (no animation). Pass a STABLE `phrases`
+// array (memoise it) so the effect doesn't restart on every render.
+const OnboardingTypewriter: FC<OnboardingTypewriterProps> = ({
+  className,
+  phrases,
+}) => {
+  const reduced =
+    typeof window !== 'undefined' &&
+    !!window.matchMedia?.('(prefers-reduced-motion: reduce)').matches
+
+  const [display, setDisplay] = useState(reduced ? phrases[0] ?? '' : '')
+
+  useEffect(() => {
+    if (reduced || !phrases.length) {
+      return undefined
+    }
+    let phraseIndex = 0
+    let charIndex = 0
+    let deleting = false
+    let timer: ReturnType<typeof setTimeout>
+
+    const tick = () => {
+      const phrase = phrases[phraseIndex]
+      if (!deleting) {
+        charIndex += 1
+        setDisplay(phrase.slice(0, charIndex))
+        if (charIndex >= phrase.length) {
+          deleting = true
+          timer = setTimeout(tick, HOLD_MS)
+          return
+        }
+        timer = setTimeout(tick, TYPE_MS)
+      } else {
+        charIndex -= 1
+        setDisplay(phrase.slice(0, charIndex))
+        if (charIndex <= 0) {
+          deleting = false
+          phraseIndex = (phraseIndex + 1) % phrases.length
+          timer = setTimeout(tick, NEXT_MS)
+          return
+        }
+        timer = setTimeout(tick, DELETE_MS)
+      }
+    }
+
+    timer = setTimeout(tick, TYPE_MS)
+    return () => clearTimeout(timer)
+  }, [phrases, reduced])
+
+  return (
+    <code className={className}>
+      {`> ${display}`}
+      <span className='onboarding-single__type-cursor' aria-hidden>
+        ▋
+      </span>
+    </code>
+  )
+}
+
+export default OnboardingTypewriter
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/CodeSnippet.tsx b/frontend/web/components/pages/onboarding-quickstart/components/CodeSnippet.tsx
new file mode 100644
index 000000000000..30de717be36f
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/CodeSnippet.tsx
@@ -0,0 +1,169 @@
+import React, { FC, useState } from 'react'
+import Button from 'components/base/forms/Button'
+import Icon from 'components/icons/Icon'
+import Tabs from 'components/navigation/TabMenu/Tabs'
+import TabItem from 'components/navigation/TabMenu/TabItem'
+import Utils from 'common/utils/utils'
+
+// Purpose-specific snippet for the onboarding "make a first flag eval" moment.
+// Deliberately minimal — 3–5 lines per language, no onChange callbacks,
+// no value comparisons. The user's actual feature name is interpolated so
+// the code they paste references their flag, not a placeholder.
+//
+// Distinct from `components/CodeHelp` which is for reference/learning in the
+// rest of the app and shows richer SDK patterns.
+
+type Language = {
+  id: string
+  label: string
+}
+
+const LANGUAGES: Language[] = [
+  { id: 'js', label: 'JavaScript' },
+  { id: 'react', label: 'React' },
+  { id: 'node', label: 'Node.js' },
+  { id: 'python', label: 'Python' },
+  { id: 'go', label: 'Go' },
+  { id: 'java', label: 'Java' },
+  { id: 'ruby', label: 'Ruby' },
+  { id: 'php', label: 'PHP' },
+  { id: 'dotnet', label: '.NET' },
+  { id: 'rust', label: 'Rust' },
+  { id: 'flutter', label: 'Flutter' },
+  { id: 'ios', label: 'iOS' },
+  { id: 'curl', label: 'cURL' },
+]
+
+const buildSnippet = (
+  languageId: string,
+  environmentKey: string,
+  featureName: string,
+): string => {
+  switch (languageId) {
+    case 'react':
+      return `import { FlagsmithProvider } from 'flagsmith/react'
+import flagsmith from '@flagsmith/flagsmith'
+
+<FlagsmithProvider options={{ environmentID: '${environmentKey}' }} flagsmith={flagsmith}>
+  <App />
+</FlagsmithProvider>`
+    case 'node':
+      return `import Flagsmith from 'flagsmith-nodejs'
+
+const flagsmith = new Flagsmith({ environmentKey: '${environmentKey}' })
+const flags = await flagsmith.getEnvironmentFlags()
+console.log('${featureName}:', flags.isFeatureEnabled('${featureName}'))`
+    case 'python':
+      return `from flagsmith import Flagsmith
+
+flagsmith = Flagsmith(environment_key="${environmentKey}")
+flags = flagsmith.get_environment_flags()
+print("${featureName}:", flags.is_feature_enabled("${featureName}"))`
+    case 'go':
+      return `client := flagsmith.NewClient("${environmentKey}")
+flags, _ := client.GetEnvironmentFlags()
+enabled, _ := flags.IsFeatureEnabled("${featureName}")
+fmt.Printf("${featureName}: %v\\n", enabled)`
+    case 'java':
+      return `FlagsmithClient client = FlagsmithClient.newBuilder()
+    .setApiKey("${environmentKey}")
+    .build();
+Flags flags = client.getEnvironmentFlags();
+System.out.println("${featureName}: " + flags.isFeatureEnabled("${featureName}"));`
+    case 'ruby':
+      return `flagsmith = Flagsmith::Client.new(environment_key: '${environmentKey}')
+flags = flagsmith.get_environment_flags
+puts "${featureName}: #{flags.is_feature_enabled('${featureName}')}"`
+    case 'php':
+      return `$flagsmith = new \\Flagsmith\\Flagsmith('${environmentKey}');
+$flags = $flagsmith->getEnvironmentFlags();
+echo "${featureName}: " . ($flags->isFeatureEnabled('${featureName}') ? 'true' : 'false');`
+    case 'dotnet':
+      return `var flagsmith = new FlagsmithClient(new FlagsmithConfiguration {
+    EnvironmentKey = "${environmentKey}"
+});
+var flags = await flagsmith.GetEnvironmentFlags();
+Console.WriteLine($"${featureName}: {await flags.IsFeatureEnabled(\\"${featureName}\\")}");`
+    case 'rust':
+      return `let flagsmith = Flagsmith::new("${environmentKey}".to_string(), None);
+let flags = flagsmith.get_environment_flags().await?;
+println!("${featureName}: {}", flags.is_feature_enabled("${featureName}")?);`
+    case 'flutter':
+      return `await Flagsmith.init(apiKey: '${environmentKey}');
+final flags = await Flagsmith.getEnvironmentFlags();
+print('${featureName}: \${flags.isFeatureEnabled('${featureName}')}');`
+    case 'ios':
+      return `Flagsmith.shared.apiKey = "${environmentKey}"
+Flagsmith.shared.getFeatureFlags { _ in
+    let enabled = Flagsmith.shared.hasFeatureFlag(withID: "${featureName}")
+    print("${featureName}: \\(enabled)")
+}`
+    case 'curl':
+      return `curl -H 'X-Environment-Key: ${environmentKey}' \\
+  https://edge.api.flagsmith.com/api/v1/flags/`
+    case 'js':
+    default:
+      return `import flagsmith from '@flagsmith/flagsmith'
+
+await flagsmith.init({ environmentID: '${environmentKey}' })
+console.log('${featureName}:', flagsmith.hasFeature('${featureName}'))`
+  }
+}
+
+type CodeSnippetProps = {
+  environmentKey: string
+  featureName: string
+  onCopy?: (languageId: string) => void
+}
+
+const CodeSnippet: FC<CodeSnippetProps> = ({
+  environmentKey,
+  featureName,
+  onCopy,
+}) => {
+  const [copiedLang, setCopiedLang] = useState<string | null>(null)
+
+  const handleCopy = (languageId: string, snippet: string) => {
+    Utils.copyToClipboard(snippet)
+    setCopiedLang(languageId)
+    onCopy?.(languageId)
+    setTimeout(() => setCopiedLang(null), 1500)
+  }
+
+  return (
+    <div className='onboarding-quickstart__snippet rounded-lg border border-default bg-surface-default'>
+      <Tabs uncontrolled hideNavOnSingleTab={false}>
+        {LANGUAGES.map((language) => {
+          const snippet = buildSnippet(language.id, environmentKey, featureName)
+          const isCopied = copiedLang === language.id
+          return (
+            <TabItem key={language.id} tabLabel={language.label}>
+              <div className='onboarding-quickstart__snippet-body p-3'>
+                <div className='d-flex align-items-center justify-content-between mb-2'>
+                  <span className='text-muted'>
+                    Paste into your app and run it.
+                  </span>
+                  <Button
+                    theme='outline'
+                    size='small'
+                    onClick={() => handleCopy(language.id, snippet)}
+                  >
+                    <span className='d-inline-flex align-items-center gap-1'>
+                      <Icon name='copy' width={14} />
+                      {isCopied ? 'Copied' : 'Copy'}
+                    </span>
+                  </Button>
+                </div>
+                <pre className='onboarding-quickstart__code-block m-0 p-3 rounded-md'>
+                  <code>{snippet}</code>
+                </pre>
+              </div>
+            </TabItem>
+          )
+        })}
+      </Tabs>
+    </div>
+  )
+}
+
+export default CodeSnippet
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/FeatureEvaluationStep.tsx b/frontend/web/components/pages/onboarding-quickstart/components/FeatureEvaluationStep.tsx
new file mode 100644
index 000000000000..aaf853778918
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/FeatureEvaluationStep.tsx
@@ -0,0 +1,145 @@
+import React, { FC, useMemo, useState } from 'react'
+import { uniqBy } from 'lodash'
+import Constants from 'common/constants'
+import Utils, { planNames } from 'common/utils/utils'
+import AccountStore from 'common/stores/account-store'
+import { IntegrationSummary } from 'components/pages/IntegrationsPage'
+import SuccessActions from 'web/components/pages/onboarding-quickstart/components/SuccessActions'
+import FlagDemo from 'web/components/pages/onboarding-quickstart/components/FlagDemo'
+import { OnboardingRoleKey } from 'web/components/pages/onboarding-quickstart/data/roles'
+
+type FeatureEvaluationStepProps = {
+  environmentKey: string
+  featureName: string
+  onExplore: () => void
+  onFirstEvalReceived?: () => void
+  onInvite: () => void
+  projectName: string
+  role: Exclude<OnboardingRoleKey, 'other'>
+}
+
+const FeatureEvaluationStep: FC<FeatureEvaluationStepProps> = ({
+  environmentKey,
+  featureName,
+  onExplore,
+  onFirstEvalReceived,
+  onInvite,
+  projectName,
+  role,
+}) => {
+  // Fire the activation callback the first time the user flips the demo flag —
+  // the toggle is the AHA in this simulated v1 (there's no real signal yet).
+  const [demoToggled, setDemoToggled] = useState(false)
+  const handleDemoToggle = () => {
+    if (!demoToggled) {
+      setDemoToggled(true)
+      onFirstEvalReceived?.()
+    }
+  }
+
+  // Only surface "Invite a teammate" where it makes sense: self-hosted (any
+  // plan) or paid SaaS. On the free SaaS plan we hide it rather than nudge an
+  // upgrade, which would just be friction at this moment.
+  const canInvite =
+    !Utils.isSaas() ||
+    Utils.getPlanName(AccountStore.getActiveOrgPlan()) !== planNames.free
+
+  // Same data merge as `components/IntegrationSelect.tsx` — Flagsmith
+  // remote-config flag (`integration_data`) concatenated with the
+  // hardcoded constants list, deduped by title. Read-only render here:
+  // PM AHA is a visual capability check, not an interactive picker.
+  // (`IntegrationSelect` itself currently lets users "select" tools
+  // but doesn't connect anything — separate product gap, tracked
+  // outside this work.)
+  const pmIntegrations = useMemo(() => {
+    if (role !== 'pm') return []
+    const remote = Utils.getFlagsmithValue('integration_data')
+    if (typeof remote !== 'string' || !remote) {
+      return Constants.integrationSummaries.slice(0, 12)
+    }
+    const merged = uniqBy(
+      Object.values(JSON.parse(remote)).concat(
+        Constants.integrationSummaries,
+      ) as IntegrationSummary[],
+      (v) => v.title.toLowerCase(),
+    )
+    return merged.slice(0, 12)
+  }, [role])
+
+  if (role === 'pm') {
+    return (
+      <div className='onboarding-quickstart__panel d-flex flex-column gap-3'>
+        <div>
+          <h2 className='mb-1'>Your dashboard is ready</h2>
+          <p className='mb-0'>
+            <code className='text-default'>{projectName}</code> and{' '}
+            <code className='text-default'>{featureName}</code> are set up.
+            Flagsmith plugs into the tools your team already uses
+            {canInvite
+              ? ' — invite a teammate to wire it into your codebase.'
+              : '.'}
+          </p>
+        </div>
+
+        <div>
+          <h4 className='mb-2'>Works with your stack</h4>
+          <ul className='onboarding-quickstart__integrations list-unstyled m-0 p-0 d-grid gap-2'>
+            {pmIntegrations.map((integration) => (
+              <li
+                key={integration.title}
+                className='onboarding-quickstart__integration rounded-md border border-default bg-surface-default p-3 d-flex align-items-center gap-2'
+              >
+                <img
+                  src={integration.image}
+                  alt=''
+                  width={20}
+                  height={20}
+                  className='onboarding-quickstart__integration-logo'
+                />
+                <span className='text-default'>{integration.title}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+
+        <SuccessActions
+          canInvite={canInvite}
+          onExplore={onExplore}
+          onInvite={onInvite}
+          role={role}
+        />
+      </div>
+    )
+  }
+
+  // Engineer path (default): the shared flag demo — code, a live sample app
+  // the flag controls, and a toggle — then the success actions.
+  return (
+    <div className='onboarding-quickstart__panel d-flex flex-column gap-3'>
+      <div>
+        <h2 className='mb-1'>See your flag in action</h2>
+        <p className='mb-0'>
+          <code className='text-default'>{featureName}</code> is live in{' '}
+          <code className='text-default'>{projectName}</code>. Flip it below and
+          watch the app react — then paste the snippet to do the same in your
+          own app.
+        </p>
+      </div>
+
+      <FlagDemo
+        environmentKey={environmentKey}
+        featureName={featureName}
+        onToggle={handleDemoToggle}
+      />
+
+      <SuccessActions
+        canInvite={canInvite}
+        onExplore={onExplore}
+        onInvite={onInvite}
+        role={role}
+      />
+    </div>
+  )
+}
+
+export default FeatureEvaluationStep
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/FeatureStep.tsx b/frontend/web/components/pages/onboarding-quickstart/components/FeatureStep.tsx
new file mode 100644
index 000000000000..e111f84c77df
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/FeatureStep.tsx
@@ -0,0 +1,191 @@
+import React, { FC, useRef } from 'react'
+import Button from 'components/base/forms/Button'
+import InputGroup from 'components/base/forms/InputGroup'
+import StepShell from 'web/components/pages/onboarding-quickstart/components/StepShell'
+import { FEATURE_PRESETS } from 'web/components/pages/onboarding-quickstart/data/presets'
+
+export const PRESET_CUSTOM = '__custom__'
+
+type FeatureStepProps = {
+  customValue: string
+  isSubmitting: boolean
+  onBack: () => void
+  onCustomChange: (value: string) => void
+  onFinish: () => void
+  onPresetChange: (preset: string) => void
+  selectedPreset: string
+}
+
+const FeatureStep: FC<FeatureStepProps> = ({
+  customValue,
+  isSubmitting,
+  onBack,
+  onCustomChange,
+  onFinish,
+  onPresetChange,
+  selectedPreset,
+}) => {
+  const isCustom = selectedPreset === PRESET_CUSTOM
+  const isValid = isCustom ? !!customValue.trim() : !!selectedPreset
+
+  // Roving tabindex across presets + the "Choose your own…" option.
+  // Custom is logically the last option in the radiogroup.
+  const optionKeys = [...FEATURE_PRESETS.map((p) => p.key), PRESET_CUSTOM]
+  const optionRefs = useRef<(HTMLButtonElement | null)[]>([])
+  const selectedIndex = optionKeys.indexOf(selectedPreset)
+  const tabbableIndex = selectedIndex === -1 ? 0 : selectedIndex
+
+  const handleKeyDown = (
+    e: React.KeyboardEvent<HTMLButtonElement>,
+    index: number,
+  ) => {
+    let nextIndex: number | null = null
+    if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {
+      // First arrow press with no selection yet picks the focused option;
+      // subsequent presses advance.
+      nextIndex = selectedIndex === -1 ? index : (index + 1) % optionKeys.length
+    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {
+      nextIndex =
+        selectedIndex === -1
+          ? index
+          : (index - 1 + optionKeys.length) % optionKeys.length
+    } else if (e.key === 'Home') {
+      nextIndex = 0
+    } else if (e.key === 'End') {
+      nextIndex = optionKeys.length - 1
+    } else if (
+      e.key === 'Enter' &&
+      selectedIndex !== -1 &&
+      isValid &&
+      !isSubmitting
+    ) {
+      // Enter on a focused option with a valid selection finishes setup
+      // — saves a Tab + Enter to reach the Finish button. Excludes the
+      // case where 'Choose your own…' is picked but no name typed yet
+      // (handled by `isValid` check).
+      e.preventDefault()
+      onFinish()
+      return
+    }
+    if (nextIndex !== null) {
+      e.preventDefault()
+      onPresetChange(optionKeys[nextIndex])
+      optionRefs.current[nextIndex]?.focus()
+    }
+  }
+
+  return (
+    <StepShell
+      title='What feature are you working on?'
+      subtitle="We'll create it as your first flag. Heads up — flags can't be renamed later; delete and recreate if you change your mind."
+      body={
+        <div
+          role='radiogroup'
+          aria-label='Feature preset'
+          className='d-flex flex-column gap-2'
+        >
+          {FEATURE_PRESETS.map((preset, index) => {
+            const isSelected = selectedPreset === preset.key
+            return (
+              <button
+                ref={(el) => {
+                  optionRefs.current[index] = el
+                }}
+                type='button'
+                role='radio'
+                aria-checked={isSelected}
+                tabIndex={index === tabbableIndex ? 0 : -1}
+                key={preset.key}
+                onClick={() => onPresetChange(preset.key)}
+                onKeyDown={(e) => handleKeyDown(e, index)}
+                className={`onboarding-quickstart__radio-row w-100 text-start p-3 rounded-md border ${
+                  isSelected
+                    ? 'border-action bg-surface-action-subtle'
+                    : 'border-default bg-surface-default'
+                }`}
+              >
+                <span
+                  className={`onboarding-quickstart__radio-dot ${
+                    isSelected ? 'onboarding-quickstart__radio-dot--on' : ''
+                  }`}
+                  aria-hidden='true'
+                />
+                <span className='ms-2'>
+                  <code className='text-default'>{preset.key}</code>
+                  <span className='ms-2 text-muted'>
+                    {preset.label.split('—').slice(1).join('—').trim()}
+                  </span>
+                </span>
+              </button>
+            )
+          })}
+          <button
+            ref={(el) => {
+              optionRefs.current[FEATURE_PRESETS.length] = el
+            }}
+            type='button'
+            role='radio'
+            aria-checked={isCustom}
+            tabIndex={FEATURE_PRESETS.length === tabbableIndex ? 0 : -1}
+            onClick={() => onPresetChange(PRESET_CUSTOM)}
+            onKeyDown={(e) => handleKeyDown(e, FEATURE_PRESETS.length)}
+            className={`onboarding-quickstart__radio-row w-100 text-start p-3 rounded-md border ${
+              isCustom
+                ? 'border-action bg-surface-action-subtle'
+                : 'border-default bg-surface-default'
+            }`}
+          >
+            <span
+              className={`onboarding-quickstart__radio-dot ${
+                isCustom ? 'onboarding-quickstart__radio-dot--on' : ''
+              }`}
+              aria-hidden='true'
+            />
+            <span className='ms-2 text-default'>Choose your own…</span>
+          </button>
+          {isCustom && (
+            <div className='mt-2'>
+              <InputGroup
+                title='Custom feature name'
+                placeholder='e.g. header_size'
+                inputProps={{
+                  name: 'customFeatureName',
+                  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {
+                    if (e.key === 'Enter' && isValid && !isSubmitting) {
+                      e.preventDefault()
+                      onFinish()
+                    }
+                  },
+                }}
+                value={customValue}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                  // Mirror the main app's feature-ID constraint: spaces are
+                  // not allowed in a flag name — replace them with underscores
+                  // as the user types (see FeatureNameInput in create-feature).
+                  onCustomChange(e.target.value.replace(/ /g, '_'))
+                }
+                isValid={!!customValue}
+              />
+            </div>
+          )}
+        </div>
+      }
+      footer={
+        <>
+          <Button theme='text' onClick={onBack} disabled={isSubmitting}>
+            ← Back
+          </Button>
+          <Button
+            theme='primary'
+            onClick={onFinish}
+            disabled={!isValid || isSubmitting}
+          >
+            {isSubmitting ? 'Setting up…' : 'Finish setup →'}
+          </Button>
+        </>
+      }
+    />
+  )
+}
+
+export default FeatureStep
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.scss b/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.scss
new file mode 100644
index 000000000000..0129a93659ca
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.scss
@@ -0,0 +1,105 @@
+// FlagDemo — the shared "see your flag work" AHA moment: the SDK snippet
+// (left) + a live sample app (right) + a flag toggle. Designed to be
+// context-agnostic so it can be the stepped flow's final step and the
+// centrepiece of the single-page onboarding. Colours come from semantic
+// tokens; literal hex is used only for the browser traffic-light dots, which
+// the token set doesn't expose.
+
+.flag-demo {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+
+  // Re-assert the semantic text tokens locally so the component renders
+  // correctly wherever it's mounted (Bootstrap's theme overrides some of
+  // these with brand colours that fail on these surfaces).
+  .text-default {
+    color: var(--color-text-default);
+  }
+  .text-action {
+    color: var(--color-text-action);
+  }
+  .text-success {
+    color: var(--color-text-success);
+  }
+
+  &__stage {
+    display: flex;
+    gap: 20px;
+    align-items: stretch;
+  }
+
+  &__panel {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__browser {
+    overflow: hidden;
+  }
+
+  &__browser-bar {
+    background-color: var(--color-surface-subtle);
+    border-bottom: 1px solid var(--color-border-default);
+  }
+
+  &__dot {
+    display: inline-block;
+    width: 11px;
+    height: 11px;
+    border-radius: 9999px;
+    flex-shrink: 0;
+
+    &--red {
+      background-color: #ff5f57;
+    }
+    &--amber {
+      background-color: #febc2e;
+    }
+    &--green {
+      background-color: #28c840;
+    }
+  }
+
+  &__url {
+    font-size: 0.75rem;
+  }
+
+  &__brand-dot {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    border-radius: 9999px;
+    background-color: var(--color-icon-action);
+  }
+
+  // The flag-controlled element — animates in when the flag turns on so the
+  // cause→effect of toggling reads clearly.
+  &__feature {
+    animation: flag-demo-reveal var(--duration-normal, 200ms)
+      var(--easing-standard, ease-out);
+  }
+
+  &__tag {
+    font-size: 0.6875rem;
+    background-color: var(--color-surface-action-subtle);
+  }
+
+  @media (max-width: 760px) {
+    &__stage {
+      flex-direction: column;
+    }
+  }
+}
+
+@keyframes flag-demo-reveal {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.tsx b/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.tsx
new file mode 100644
index 000000000000..6d475fed23da
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/FlagDemo.tsx
@@ -0,0 +1,86 @@
+import React, { FC, useState } from 'react'
+import Switch from 'components/Switch'
+import Icon from 'components/icons/Icon'
+import CodeSnippet from 'web/components/pages/onboarding-quickstart/components/CodeSnippet'
+import SampleAppPreview from 'web/components/pages/onboarding-quickstart/components/SampleAppPreview'
+import 'web/components/pages/onboarding-quickstart/components/FlagDemo.scss'
+
+type FlagDemoProps = {
+  environmentKey: string
+  featureName: string
+  defaultEnabled?: boolean
+  onToggle?: (enabled: boolean) => void
+}
+
+/**
+ * The shared "see your flag work" AHA: the SDK snippet, a live sample app the
+ * flag controls, and a toggle — the whole flag loop in one view. Context-
+ * agnostic: it takes the flag inputs and emits a toggle event; the host (the
+ * stepped flow's final step, or the single-page onboarding) owns the framing
+ * and any surrounding CTAs.
+ *
+ * v1 is simulated — the toggle drives local state so the demo is instant and
+ * needs no backend. The interface is unchanged when this is upgraded to a real
+ * SDK evaluation against the user's environment.
+ */
+const FlagDemo: FC<FlagDemoProps> = ({
+  defaultEnabled = true,
+  environmentKey,
+  featureName,
+  onToggle,
+}) => {
+  const [enabled, setEnabled] = useState(defaultEnabled)
+
+  const handleToggle = () => {
+    setEnabled((value) => {
+      const next = !value
+      onToggle?.(next)
+      return next
+    })
+  }
+
+  return (
+    <div className='flag-demo'>
+      <div className='flag-demo__stage'>
+        <div className='flag-demo__panel'>
+          <CodeSnippet
+            environmentKey={environmentKey}
+            featureName={featureName}
+          />
+        </div>
+        <div className='flag-demo__panel'>
+          <SampleAppPreview enabled={enabled} featureName={featureName} />
+        </div>
+      </div>
+
+      <div className='flag-demo__control rounded-lg border border-default bg-surface-default p-3 d-flex flex-column gap-2'>
+        <div className='d-flex align-items-center gap-3'>
+          <span className='text-muted'>Your flag</span>
+          <code className='text-action'>{featureName}</code>
+          <div className='ms-auto d-flex align-items-center gap-2'>
+            <span className='text-muted'>{enabled ? 'On' : 'Off'}</span>
+            <Switch
+              checked={enabled}
+              onChange={handleToggle}
+              aria-label={`Toggle ${featureName}`}
+            />
+          </div>
+        </div>
+        <div
+          className={`d-flex align-items-center gap-2 ${
+            enabled ? 'text-success' : 'text-muted'
+          }`}
+        >
+          {enabled && <Icon name='checkmark' width={16} />}
+          <span>
+            {enabled
+              ? 'Changed live — no deploy needed'
+              : 'Toggle the flag to show the feature'}
+          </span>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default FlagDemo
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/OnboardingProgress.tsx b/frontend/web/components/pages/onboarding-quickstart/components/OnboardingProgress.tsx
new file mode 100644
index 000000000000..2798572e8c25
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/OnboardingProgress.tsx
@@ -0,0 +1,57 @@
+import React, { CSSProperties, FC } from 'react'
+
+export type OnboardingStepKey =
+  | 'role'
+  | 'org'
+  | 'project'
+  | 'feature'
+  | 'evaluation'
+
+export type OnboardingStepDef = {
+  key: OnboardingStepKey
+  title: string
+}
+
+type OnboardingProgressProps = {
+  currentStep: OnboardingStepKey
+  steps: OnboardingStepDef[]
+}
+
+/**
+ * Slim progress bar — a deliberately lightweight indicator that reads as
+ * "this is quick" rather than the heavier named-step list, which made the
+ * 2-minute flow look like more work than it is. Reflects the real, variable
+ * step count (the org and evaluation steps are skipped in some flows).
+ */
+const OnboardingProgress: FC<OnboardingProgressProps> = ({
+  currentStep,
+  steps,
+}) => {
+  const index = steps.findIndex((step) => step.key === currentStep)
+  const current = Math.max(1, index + 1)
+  const total = Math.max(steps.length, 1)
+  const percent = Math.round((current / total) * 100)
+
+  return (
+    <div className='onboarding-quickstart__progress'>
+      <div className='onboarding-quickstart__progress-label text-muted'>
+        Step {current} of {total}
+      </div>
+      <div
+        className='onboarding-quickstart__progress-track'
+        role='progressbar'
+        aria-valuemin={0}
+        aria-valuemax={total}
+        aria-valuenow={current}
+        aria-label={`Step ${current} of ${total}`}
+        // Dynamic fill width has to be computed at runtime; expose it as a
+        // custom property so the actual styling stays in the stylesheet.
+        style={{ '--onboarding-progress': `${percent}%` } as CSSProperties}
+      >
+        <div className='onboarding-quickstart__progress-fill' />
+      </div>
+    </div>
+  )
+}
+
+export default OnboardingProgress
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/OrgStep.tsx b/frontend/web/components/pages/onboarding-quickstart/components/OrgStep.tsx
new file mode 100644
index 000000000000..7591a7d6e460
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/OrgStep.tsx
@@ -0,0 +1,51 @@
+import React, { FC } from 'react'
+import Button from 'components/base/forms/Button'
+import InputGroup from 'components/base/forms/InputGroup'
+import StepShell from 'web/components/pages/onboarding-quickstart/components/StepShell'
+
+type OrgStepProps = {
+  onChange: (value: string) => void
+  onNext: () => void
+  value: string
+}
+
+const OrgStep: FC<OrgStepProps> = ({ onChange, onNext, value }) => {
+  const isValid = !!value.trim()
+
+  return (
+    <StepShell
+      title="What's your organisation called?"
+      subtitle='Pre-filled from your email domain — edit if you’d rather.'
+      body={
+        <InputGroup
+          title='Organisation name'
+          inputProps={{
+            className: 'w-50',
+            name: 'orgName',
+            onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {
+              if (e.key === 'Enter' && isValid) {
+                e.preventDefault()
+                onNext()
+              }
+            },
+          }}
+          value={value}
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+            onChange(e.target.value)
+          }
+          isValid={isValid}
+        />
+      }
+      footer={
+        <>
+          <span />
+          <Button theme='primary' onClick={onNext} disabled={!isValid}>
+            Next →
+          </Button>
+        </>
+      }
+    />
+  )
+}
+
+export default OrgStep
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/ProjectStep.tsx b/frontend/web/components/pages/onboarding-quickstart/components/ProjectStep.tsx
new file mode 100644
index 000000000000..eb9479b4811b
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/ProjectStep.tsx
@@ -0,0 +1,64 @@
+import React, { FC } from 'react'
+import Button from 'components/base/forms/Button'
+import InputGroup from 'components/base/forms/InputGroup'
+import StepShell from 'web/components/pages/onboarding-quickstart/components/StepShell'
+
+type ProjectStepProps = {
+  onBack: () => void
+  onChange: (value: string) => void
+  onNext: () => void
+  placeholder: string
+  value: string
+}
+
+const ProjectStep: FC<ProjectStepProps> = ({
+  onBack,
+  onChange,
+  onNext,
+  placeholder,
+  value,
+}) => {
+  // A name is required. The placeholder ('My first project') is only a hint —
+  // it is not used as a fallback, so the user must type something to advance.
+  const isValid = !!value.trim()
+
+  return (
+    <StepShell
+      title='Name your first project'
+      subtitle='The app you’re working on, or anything else.'
+      body={
+        <InputGroup
+          title='Project name'
+          placeholder={placeholder}
+          inputProps={{
+            className: 'w-50',
+            name: 'projectName',
+            onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {
+              if (e.key === 'Enter' && isValid) {
+                e.preventDefault()
+                onNext()
+              }
+            },
+          }}
+          value={value}
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+            onChange(e.target.value)
+          }
+          isValid={isValid}
+        />
+      }
+      footer={
+        <>
+          <Button theme='text' onClick={onBack}>
+            ← Back
+          </Button>
+          <Button theme='primary' onClick={onNext} disabled={!isValid}>
+            Next →
+          </Button>
+        </>
+      }
+    />
+  )
+}
+
+export default ProjectStep
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/RoleStep.tsx b/frontend/web/components/pages/onboarding-quickstart/components/RoleStep.tsx
new file mode 100644
index 000000000000..405e21397025
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/RoleStep.tsx
@@ -0,0 +1,113 @@
+import React, { FC, useRef } from 'react'
+import Button from 'components/base/forms/Button'
+import StepShell from 'web/components/pages/onboarding-quickstart/components/StepShell'
+import {
+  ONBOARDING_ROLES,
+  OnboardingRoleKey,
+} from 'web/components/pages/onboarding-quickstart/data/roles'
+
+type RoleStepProps = {
+  onChange: (role: OnboardingRoleKey) => void
+  onNext: () => void
+  value: OnboardingRoleKey | null
+}
+
+const RoleStep: FC<RoleStepProps> = ({ onChange, onNext, value }) => {
+  const isValid = !!value
+  const optionRefs = useRef<(HTMLButtonElement | null)[]>([])
+
+  // WAI-ARIA radiogroup roving tabindex: only the selected option is in
+  // the tab sequence (or the first option if nothing's selected yet).
+  // Arrow keys move both selection and focus between options.
+  const selectedIndex = ONBOARDING_ROLES.findIndex((r) => r.key === value)
+  const tabbableIndex = selectedIndex === -1 ? 0 : selectedIndex
+
+  const handleKeyDown = (
+    e: React.KeyboardEvent<HTMLButtonElement>,
+    index: number,
+  ) => {
+    let nextIndex: number | null = null
+    if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {
+      // First arrow press with no selection yet picks the currently-
+      // focused option (option 0 on initial mount) instead of skipping
+      // past it. Subsequent presses advance normally.
+      nextIndex =
+        selectedIndex === -1 ? index : (index + 1) % ONBOARDING_ROLES.length
+    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {
+      nextIndex =
+        selectedIndex === -1
+          ? index
+          : (index - 1 + ONBOARDING_ROLES.length) % ONBOARDING_ROLES.length
+    } else if (e.key === 'Home') {
+      nextIndex = 0
+    } else if (e.key === 'End') {
+      nextIndex = ONBOARDING_ROLES.length - 1
+    } else if (e.key === 'Enter' && selectedIndex !== -1) {
+      // Enter on a focused option with a selection in place advances to
+      // the next step — saves a Tab + Enter to reach the Next button.
+      e.preventDefault()
+      onNext()
+      return
+    }
+    if (nextIndex !== null) {
+      e.preventDefault()
+      onChange(ONBOARDING_ROLES[nextIndex].key)
+      optionRefs.current[nextIndex]?.focus()
+    }
+  }
+
+  return (
+    <StepShell
+      title="What's your role?"
+      body={
+        <div
+          role='radiogroup'
+          aria-label="What's your role?"
+          className='d-flex flex-column gap-2'
+        >
+          {ONBOARDING_ROLES.map((role, index) => {
+            const isSelected = value === role.key
+            return (
+              <button
+                ref={(el) => {
+                  optionRefs.current[index] = el
+                }}
+                type='button'
+                role='radio'
+                aria-checked={isSelected}
+                tabIndex={index === tabbableIndex ? 0 : -1}
+                key={role.key}
+                onClick={() => onChange(role.key)}
+                onKeyDown={(e) => handleKeyDown(e, index)}
+                className={`onboarding-quickstart__radio-row w-100 text-start p-3 rounded-md border ${
+                  isSelected
+                    ? 'border-action bg-surface-action-subtle'
+                    : 'border-default bg-surface-default'
+                }`}
+              >
+                <span
+                  className={`onboarding-quickstart__radio-dot ${
+                    isSelected ? 'onboarding-quickstart__radio-dot--on' : ''
+                  }`}
+                  aria-hidden='true'
+                />
+                <span className='ms-2 text-default'>{role.title}</span>
+                <span className='ms-auto text-muted'>{role.focus}</span>
+              </button>
+            )
+          })}
+        </div>
+      }
+      footer={
+        <>
+          <span />
+          <Button theme='primary' onClick={onNext} disabled={!isValid}>
+            Next →
+          </Button>
+        </>
+      }
+    />
+  )
+}
+
+export default RoleStep
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/SampleAppPreview.tsx b/frontend/web/components/pages/onboarding-quickstart/components/SampleAppPreview.tsx
new file mode 100644
index 000000000000..a9a0879391b4
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/SampleAppPreview.tsx
@@ -0,0 +1,64 @@
+import React, { FC } from 'react'
+import Button from 'components/base/forms/Button'
+
+type SampleAppPreviewProps = {
+  enabled: boolean
+  featureName: string
+}
+
+// A believable (but clearly sample) web app whose "New feature" element is
+// shown only when the flag is on. Deliberately one visible change, so the
+// cause→effect of toggling the flag is unmistakable.
+const SampleAppPreview: FC<SampleAppPreviewProps> = ({
+  enabled,
+  featureName,
+}) => (
+  <div className='flag-demo__browser rounded-lg border border-default bg-surface-default'>
+    <div className='flag-demo__browser-bar d-flex align-items-center gap-2 px-3 py-2'>
+      <span className='flag-demo__dot flag-demo__dot--red' />
+      <span className='flag-demo__dot flag-demo__dot--amber' />
+      <span className='flag-demo__dot flag-demo__dot--green' />
+      <span className='flag-demo__url rounded-md bg-surface-subtle text-muted ms-2 px-3 py-1'>
+        sample-app.com
+      </span>
+    </div>
+
+    <div className='d-flex flex-column gap-3 p-4'>
+      <div className='d-flex align-items-center justify-content-between'>
+        <div className='d-flex align-items-center gap-2'>
+          <span className='flag-demo__brand-dot' />
+          <span className='text-default fw-bold'>Acme</span>
+        </div>
+        <div className='d-flex align-items-center gap-3 text-muted'>
+          <span>Home</span>
+          <span>Pricing</span>
+          <span>Docs</span>
+        </div>
+      </div>
+
+      <h3 className='text-default mb-0'>Welcome back 👋</h3>
+
+      {enabled && (
+        <div className='flag-demo__feature rounded-md border border-action bg-surface-action-subtle p-3 d-flex flex-column gap-2'>
+          <div className='d-flex align-items-center justify-content-between gap-2'>
+            <span className='text-default fw-bold'>✨ New feature</span>
+            <span className='flag-demo__tag rounded-pill text-action px-2 py-1'>
+              controlled by your flag
+            </span>
+          </div>
+          <span className='text-muted'>
+            Only appears when <code className='text-action'>{featureName}</code>{' '}
+            is on.
+          </span>
+          <div>
+            <Button theme='primary' size='small'>
+              Try it now
+            </Button>
+          </div>
+        </div>
+      )}
+    </div>
+  </div>
+)
+
+export default SampleAppPreview
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/StepShell.tsx b/frontend/web/components/pages/onboarding-quickstart/components/StepShell.tsx
new file mode 100644
index 000000000000..b5ec83da5c04
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/StepShell.tsx
@@ -0,0 +1,23 @@
+import React, { FC, ReactNode } from 'react'
+
+type StepShellProps = {
+  body: ReactNode
+  footer: ReactNode
+  subtitle?: ReactNode
+  title: string
+}
+
+const StepShell: FC<StepShellProps> = ({ body, footer, subtitle, title }) => (
+  <section className='onboarding-quickstart__card rounded-lg border border-default bg-surface-default shadow-sm p-4 p-md-5'>
+    <h2 className={subtitle ? 'mb-1' : 'mb-4'}>{title}</h2>
+    {subtitle && <p className='text-muted mb-4'>{subtitle}</p>}
+
+    <div className='onboarding-quickstart__step-body'>{body}</div>
+
+    <div className='onboarding-quickstart__step-footer d-flex align-items-center justify-content-between mt-4 gap-2'>
+      {footer}
+    </div>
+  </section>
+)
+
+export default StepShell
diff --git a/frontend/web/components/pages/onboarding-quickstart/components/SuccessActions.tsx b/frontend/web/components/pages/onboarding-quickstart/components/SuccessActions.tsx
new file mode 100644
index 000000000000..4771631fdddd
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/components/SuccessActions.tsx
@@ -0,0 +1,82 @@
+import React, { FC } from 'react'
+import Button from 'components/base/forms/Button'
+import Icon from 'components/icons/Icon'
+import { OnboardingRoleKey } from 'web/components/pages/onboarding-quickstart/data/roles'
+
+type SuccessActionsProps = {
+  canInvite: boolean
+  onExplore: () => void
+  onInvite: () => void
+  role: OnboardingRoleKey
+}
+
+const COPY_BY_ROLE: Record<
+  OnboardingRoleKey,
+  {
+    heading: string
+    subtitle: string
+    subtitleNoInvite: string
+    inviteLabel: string
+  }
+> = {
+  engineer: {
+    heading: "Nice — you've shipped your first eval.",
+    inviteLabel: 'Invite a teammate',
+    subtitle:
+      'Get the rest of your team in so they can target users and roll out gradually.',
+    subtitleNoInvite:
+      'Head to your dashboard to target users and roll out your flag gradually.',
+  },
+  // 'other' never reaches this component — they skip AHA — but typing it
+  // here keeps the Record exhaustive in case the routing changes.
+  other: {
+    heading: "You're in.",
+    inviteLabel: 'Invite a teammate',
+    subtitle: 'Explore the dashboard or invite teammates when you’re ready.',
+    subtitleNoInvite: 'Explore the dashboard whenever you’re ready.',
+  },
+
+  pm: {
+    heading: 'Your dashboard is ready.',
+    inviteLabel: 'Invite a teammate',
+    subtitle:
+      'Invite a teammate to wire Flagsmith into your codebase and ship the first flag.',
+    subtitleNoInvite:
+      'Explore the dashboard and wire Flagsmith into your codebase.',
+  },
+}
+
+const SuccessActions: FC<SuccessActionsProps> = ({
+  canInvite,
+  onExplore,
+  onInvite,
+  role,
+}) => {
+  const copy = COPY_BY_ROLE[role]
+  return (
+    <div className='onboarding-quickstart__success rounded-lg border border-default bg-surface-subtle p-4 d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3'>
+      <div>
+        <h3 className='mb-1'>{copy.heading}</h3>
+        <p className='text-muted mb-0'>
+          {canInvite ? copy.subtitle : copy.subtitleNoInvite}
+        </p>
+      </div>
+      <div className='d-flex flex-column flex-sm-row align-items-sm-center gap-2'>
+        {canInvite && (
+          <Button theme='primary' onClick={onInvite}>
+            <span className='d-inline-flex align-items-center gap-1'>
+              <Icon name='people' width={16} />
+              {copy.inviteLabel}
+            </span>
+          </Button>
+        )}
+        {/* When invite is hidden, Explore is the only and primary CTA. */}
+        <Button theme={canInvite ? 'text' : 'primary'} onClick={onExplore}>
+          Explore the dashboard →
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+export default SuccessActions
diff --git a/frontend/web/components/pages/onboarding-quickstart/data/presets.ts b/frontend/web/components/pages/onboarding-quickstart/data/presets.ts
new file mode 100644
index 000000000000..86dd00d58823
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/data/presets.ts
@@ -0,0 +1,45 @@
+export type FeaturePreset = {
+  key: string
+  label: string
+}
+
+export const FEATURE_PRESETS: FeaturePreset[] = [
+  {
+    key: 'show_demo_button',
+    label: 'show_demo_button — toggle a button in your UI',
+  },
+  {
+    key: 'send_onboarding_email',
+    label: 'send_onboarding_email — gate an email send',
+  },
+]
+
+export const CONCEPT_ITEMS = [
+  {
+    description: 'Auto-ticked when you ran the snippet.',
+    id: 'first-flag',
+    title: 'Create your first flag',
+  },
+  {
+    description: 'Get your team set up in Flagsmith.',
+    id: 'invite-teammate',
+    title: 'Invite a teammate',
+  },
+  {
+    description: 'Use segments + identities to target a subset of users.',
+    id: 'target-user',
+    title: 'Target a specific user',
+  },
+  {
+    description: 'Percentage rollouts to release gradually.',
+    id: 'rollout',
+    title: 'Roll out gradually',
+  },
+  {
+    description: 'Use multiple environments to promote between them.',
+    id: 'promote',
+    title: 'Promote to production',
+  },
+] as const
+
+export type ConceptItemId = (typeof CONCEPT_ITEMS)[number]['id']
diff --git a/frontend/web/components/pages/onboarding-quickstart/data/roles.ts b/frontend/web/components/pages/onboarding-quickstart/data/roles.ts
new file mode 100644
index 000000000000..7484935aec0a
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/data/roles.ts
@@ -0,0 +1,15 @@
+export type OnboardingRoleKey = 'engineer' | 'pm' | 'other'
+
+export type OnboardingRole = {
+  key: OnboardingRoleKey
+  title: string
+  // Short (3–5 word) description of what this path focuses on, shown on the
+  // role button so the choice is concrete rather than vague.
+  focus: string
+}
+
+export const ONBOARDING_ROLES: OnboardingRole[] = [
+  { focus: 'Get the SDK working', key: 'engineer', title: 'Engineer' },
+  { focus: 'Manage flags, no code', key: 'pm', title: 'Product manager' },
+  { focus: 'Explore the dashboard', key: 'other', title: 'Other' },
+]
diff --git a/frontend/web/components/pages/onboarding-quickstart/hooks/createOrganisationViaAccountStore.ts b/frontend/web/components/pages/onboarding-quickstart/hooks/createOrganisationViaAccountStore.ts
new file mode 100644
index 000000000000..0d07bd8a6548
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/hooks/createOrganisationViaAccountStore.ts
@@ -0,0 +1,41 @@
+import AccountStore from 'common/stores/account-store'
+import AppActions from 'common/dispatcher/app-actions'
+
+/**
+ * Create an organisation through the legacy account store rather than the RTK
+ * mutation. Much of the shell still reads the current organisation from
+ * `AccountStore`, and only this path populates it (adds to
+ * `AccountStore.model.organisations` and sets the selection). A pure-RTK create
+ * leaves `AccountStore.getOrganisation()` empty, which breaks org-scoped calls
+ * on the destination page. Resolves with the new organisation id. Mirrors the
+ * save/select handling in CreateOrganisationPage.
+ *
+ * Shared by the stepped flow and the single-page flow.
+ */
+export const createOrganisationViaAccountStore = (
+  name: string,
+): Promise<number> =>
+  new Promise((resolve, reject) => {
+    const cleanup = () => {
+      AccountStore.off('saved', onSaved)
+      AccountStore.off('problem', onProblem)
+      clearTimeout(timer)
+    }
+    const onSaved = () => {
+      cleanup()
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore — savedId is set by the createOrganisation controller
+      resolve(AccountStore.savedId as number)
+    }
+    const onProblem = () => {
+      cleanup()
+      reject(AccountStore.error || new Error('Failed to create organisation'))
+    }
+    const timer = setTimeout(() => {
+      cleanup()
+      reject(new Error('Timed out creating organisation'))
+    }, 20000)
+    AccountStore.on('saved', onSaved)
+    AccountStore.on('problem', onProblem)
+    AppActions.createOrganisation(name)
+  })
diff --git a/frontend/web/components/pages/onboarding-quickstart/hooks/useEnsureOnboardingResources.ts b/frontend/web/components/pages/onboarding-quickstart/hooks/useEnsureOnboardingResources.ts
new file mode 100644
index 000000000000..69212f5ba856
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/hooks/useEnsureOnboardingResources.ts
@@ -0,0 +1,222 @@
+import { useEffect, useRef, useState } from 'react'
+import { useDispatch } from 'react-redux'
+import AppActions from 'common/dispatcher/app-actions'
+import { getStore } from 'common/store'
+import {
+  organisationService,
+  useGetOrganisationsQuery,
+} from 'common/services/useOrganisation'
+import {
+  projectService,
+  useCreateProjectMutation,
+} from 'common/services/useProject'
+import {
+  getEnvironments,
+  useCreateEnvironmentMutation,
+} from 'common/services/useEnvironment'
+import { useCreateProjectFlagMutation } from 'common/services/useProjectFlag'
+import useSelectedOrganisation from 'common/hooks/useSelectedOrganisation'
+import { useGetProfileQuery } from 'common/services/useProfile'
+import { Req } from 'common/types/requests'
+import {
+  Environment,
+  PagedResponse,
+  ProjectFlag,
+  ProjectSummary,
+} from 'common/types/responses'
+import { useSmartDefaults } from 'web/components/pages/onboarding-quickstart/hooks/useSmartDefaults'
+import { createOrganisationViaAccountStore } from 'web/components/pages/onboarding-quickstart/hooks/createOrganisationViaAccountStore'
+
+const FLAG_NAME = 'show_demo_button'
+
+export type OnboardingResourcesStatus = 'creating' | 'ready' | 'error'
+
+export type OnboardingResources = {
+  status: OnboardingResourcesStatus
+  organisationId: number | null
+  organisationName: string
+  projectName: string
+  featureName: string
+  caseSensitive: boolean
+  environment: Environment | null
+  environmentKey: string
+  projectId: number | null
+  error: unknown
+}
+
+/**
+ * Ensures the single-page flow has something to show, idempotently: on a first
+ * visit it creates the org (if needed), a project, Development + Production
+ * environments, and a first flag; on a return visit it reuses whatever already
+ * exists instead of recreating. Runs once per mount.
+ *
+ * Idempotency matters because this page can be revisited. Two specific traps it
+ * avoids:
+ *  - Creating a second organisation. The org is resolved from the loaded
+ *    organisations list (not just the legacy AccountStore selection, which may
+ *    still be unresolved on a return visit) — creating only when the user has
+ *    none. Otherwise plan org caps reject the create with a 403.
+ *  - Piling up duplicate "My first project"s. An existing project (and its
+ *    environment) is reused; the flag is ensured, tolerating an
+ *    already-exists conflict.
+ *
+ * Waits for the profile + organisations query to settle before deciding
+ * reuse-vs-create, so the decision is made against real data.
+ */
+export const useEnsureOnboardingResources = (): OnboardingResources => {
+  const dispatch = useDispatch()
+  const { data: profile } = useGetProfileQuery({})
+  const { data: organisations, isLoading: orgsLoading } =
+    useGetOrganisationsQuery({})
+  const defaults = useSmartDefaults(
+    profile?.email ?? '',
+    profile?.first_name ?? '',
+  )
+  const selectedOrganisation = useSelectedOrganisation()
+
+  const [createProject] = useCreateProjectMutation()
+  const [createEnvironment] = useCreateEnvironmentMutation()
+  const [createProjectFlag] = useCreateProjectFlagMutation()
+
+  const [status, setStatus] = useState<OnboardingResourcesStatus>('creating')
+  const [environment, setEnvironment] = useState<Environment | null>(null)
+  const [environmentKey, setEnvironmentKey] = useState('')
+  const [organisationId, setOrganisationId] = useState<number | null>(null)
+  const [projectId, setProjectId] = useState<number | null>(null)
+  const [organisationName, setOrganisationName] = useState('')
+  const [projectName, setProjectName] = useState('')
+  // Whether the project enforces lower-case feature names — drives the same
+  // name normalisation the create-feature modal applies (see the page).
+  const [caseSensitive, setCaseSensitive] = useState(false)
+  const [error, setError] = useState<unknown>(null)
+  const ranRef = useRef(false)
+
+  useEffect(() => {
+    // Run once, and only after the profile + organisations have loaded so the
+    // reuse-vs-create decision is made against real data.
+    if (ranRef.current || !profile || orgsLoading) {
+      return
+    }
+    ranRef.current = true
+
+    const run = async () => {
+      try {
+        // Reuse an existing organisation — the selected one, or the first in
+        // the loaded list — and only create when the user has none. This is
+        // what prevents a return visit from creating a second org (and hitting
+        // the plan's org cap with a 403).
+        const existingOrg = selectedOrganisation ?? organisations?.results?.[0]
+        let organisationId = existingOrg?.id
+        let resolvedOrgName = existingOrg?.name ?? ''
+
+        if (!organisationId) {
+          resolvedOrgName = defaults.orgName || 'My organisation'
+          organisationId = await createOrganisationViaAccountStore(
+            resolvedOrgName,
+          )
+          AppActions.selectOrganisation(organisationId)
+          dispatch(
+            organisationService.util.invalidateTags([
+              { id: 'LIST', type: 'Organisation' },
+            ]),
+          )
+        }
+
+        // Reuse an existing project, else create one with Dev + Prod
+        // environments. Avoids stacking up duplicate projects on revisits.
+        const projects = await getStore()
+          .dispatch(
+            projectService.endpoints.getProjects.initiate({ organisationId }),
+          )
+          .unwrap()
+        let project: ProjectSummary | undefined = projects?.[0]
+        if (!project) {
+          const projName = defaults.projectName || 'My first project'
+          project = await createProject({
+            name: projName,
+            organisation: organisationId,
+          }).unwrap()
+          await createEnvironment({
+            name: 'Development',
+            project: project.id,
+          }).unwrap()
+          await createEnvironment({
+            name: 'Production',
+            project: project.id,
+          }).unwrap()
+        }
+
+        // Surface an environment key — reuse one, preferring Development;
+        // create it only if the (reused) project somehow has none.
+        const envResult = (await getEnvironments(getStore(), {
+          projectId: project.id,
+        })) as { data?: PagedResponse<Environment> }
+        const environments = envResult?.data?.results ?? []
+        let devEnvironment =
+          environments.find((env) => env.name === 'Development') ??
+          environments[0]
+        if (!devEnvironment) {
+          devEnvironment = await createEnvironment({
+            name: 'Development',
+            project: project.id,
+          }).unwrap()
+        }
+
+        // Ensure the demo flag exists. A unique-name conflict on a revisit is
+        // expected and fine — we display the flag either way.
+        try {
+          const featureBody: Partial<ProjectFlag> = {
+            name: FLAG_NAME,
+            project: project.id,
+            type: 'STANDARD',
+          }
+          await createProjectFlag({
+            body: featureBody as Req['createProjectFlag']['body'],
+            project_id: project.id,
+          }).unwrap()
+        } catch {
+          // Flag already exists in this project — reuse it.
+        }
+
+        // Refresh the legacy org store so the shell sees the project.
+        AppActions.refreshOrganisation()
+
+        setOrganisationId(organisationId)
+        setOrganisationName(resolvedOrgName)
+        setProjectName(project.name)
+        setProjectId(project.id)
+        setCaseSensitive(!!project.only_allow_lower_case_feature_names)
+        setEnvironment(devEnvironment)
+        setEnvironmentKey(devEnvironment.api_key)
+        setStatus('ready')
+      } catch (e) {
+        setError(e)
+        setStatus('error')
+      }
+    }
+    run()
+  }, [
+    profile,
+    orgsLoading,
+    organisations,
+    selectedOrganisation,
+    defaults,
+    dispatch,
+    createProject,
+    createEnvironment,
+    createProjectFlag,
+  ])
+
+  return {
+    caseSensitive,
+    environment,
+    environmentKey,
+    error,
+    featureName: FLAG_NAME,
+    organisationId,
+    organisationName,
+    projectId,
+    projectName,
+    status,
+  }
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/hooks/useOnboardingFlagToggle.ts b/frontend/web/components/pages/onboarding-quickstart/hooks/useOnboardingFlagToggle.ts
new file mode 100644
index 000000000000..abd21141637f
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/hooks/useOnboardingFlagToggle.ts
@@ -0,0 +1,99 @@
+import {
+  useCreateProjectFlagMutation,
+  useGetProjectFlagsQuery,
+  useRemoveProjectFlagMutation,
+} from 'common/services/useProjectFlag'
+import { useToggleFeatureWithToast } from 'web/components/pages/features/hooks/useToggleFeatureWithToast'
+import { Environment } from 'common/types/responses'
+import { Req } from 'common/types/requests'
+
+type UseOnboardingFlagToggleArgs = {
+  projectId: number | null
+  environment: Environment | null
+  featureName: string
+}
+
+type OnboardingFlagToggle = {
+  enabled: boolean
+  isReady: boolean
+  isLoading: boolean
+  toggle: () => void
+  // "Rename" the flag. Feature names are immutable once created, so this is a
+  // delete + recreate under the hood. Resolves true on success. Safe at
+  // onboarding: the flag is freshly created and not yet depended on.
+  rename: (name: string) => Promise<boolean>
+}
+
+/**
+ * Backs the single-page flag toggle with the *real* flag, so it never lies:
+ * its state reflects the flag's actual `enabled` value in the Development
+ * environment, and flipping it persists to Flagsmith (the same code path the
+ * features page uses, including v2 feature versioning). That's what makes the
+ * page's promise — "flip it and your app changes, no deploy" — true rather
+ * than a cosmetic switch.
+ */
+export const useOnboardingFlagToggle = ({
+  environment,
+  featureName,
+  projectId,
+}: UseOnboardingFlagToggleArgs): OnboardingFlagToggle => {
+  const { data: projectFlags, refetch } = useGetProjectFlagsQuery(
+    {
+      environment: environment?.id,
+      project: `${projectId}`,
+    },
+    { skip: !projectId || !environment },
+  )
+  const [toggleWithToast, { isLoading }] = useToggleFeatureWithToast()
+  const [createProjectFlag] = useCreateProjectFlagMutation()
+  const [removeProjectFlag] = useRemoveProjectFlagMutation()
+
+  const flag = projectFlags?.results?.find((f) => f.name === featureName)
+  const environmentFlag = flag?.environment_feature_state
+  const enabled = !!environmentFlag?.enabled
+
+  const rename = async (name: string): Promise<boolean> => {
+    if (!flag || projectId === null || name === flag.name) {
+      return false
+    }
+    try {
+      // Recreate first (names differ, so no unique conflict), then drop the
+      // old one — so a flag always exists even if the second call fails.
+      await createProjectFlag({
+        body: {
+          name,
+          project: projectId,
+          type: 'STANDARD',
+        } as Req['createProjectFlag']['body'],
+        project_id: projectId,
+      }).unwrap()
+      await removeProjectFlag({
+        flag_id: flag.id,
+        project_id: projectId,
+      }).unwrap()
+      refetch()
+      return true
+    } catch {
+      return false
+    }
+  }
+
+  const toggle = () => {
+    if (!flag || !environment) {
+      return
+    }
+    toggleWithToast(flag, environmentFlag, environment, {
+      errorMessage: `Couldn’t toggle ${featureName}. Please try again.`,
+      onSuccess: () => refetch(),
+      successMessage: `${featureName} is now ${enabled ? 'off' : 'on'}.`,
+    })
+  }
+
+  return {
+    enabled,
+    isLoading,
+    isReady: !!flag && !!environment,
+    rename,
+    toggle,
+  }
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/hooks/useSmartDefaults.ts b/frontend/web/components/pages/onboarding-quickstart/hooks/useSmartDefaults.ts
new file mode 100644
index 000000000000..74b0c8086863
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/hooks/useSmartDefaults.ts
@@ -0,0 +1,40 @@
+import { useMemo } from 'react'
+import isFreeEmailDomain from 'common/utils/isFreeEmailDomain'
+
+export type SmartDefaults = {
+  orgName: string
+  projectName: string
+  featureName: string
+}
+
+const titleCase = (value: string): string =>
+  value
+    .split(/[-._\s]+/)
+    .filter(Boolean)
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join(' ')
+
+const orgNameFromEmail = (email: string, firstName: string): string => {
+  if (!email || !email.includes('@')) {
+    return firstName ? `${firstName}'s Org` : ''
+  }
+  const domain = email.split('@')[1] ?? ''
+  if (!domain || isFreeEmailDomain(`@${domain}`)) {
+    return firstName ? `${firstName}'s Org` : ''
+  }
+  const root = domain.split('.')[0] ?? ''
+  return root ? titleCase(root) : ''
+}
+
+export const useSmartDefaults = (
+  email: string,
+  firstName: string,
+): SmartDefaults =>
+  useMemo(
+    () => ({
+      featureName: 'show_demo_button',
+      orgName: orgNameFromEmail(email, firstName),
+      projectName: 'My first project',
+    }),
+    [email, firstName],
+  )
diff --git a/frontend/web/components/pages/onboarding-quickstart/languageLogos.ts b/frontend/web/components/pages/onboarding-quickstart/languageLogos.ts
new file mode 100644
index 000000000000..1a3d7d9dc3f9
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/languageLogos.ts
@@ -0,0 +1,70 @@
+// Official brand logos for the language/framework selector, inlined as path
+// data (the repo's convention for custom SVGs — see Icon.tsx — rather than
+// bundled .svg files). All are 24×24, single-path, with the brand colour.
+// Keyed by SDK label (see sdkSnippets.ts) — quick-pick chips and the "More"
+// accordion both render a logo.
+export type LanguageLogo = { color: string; path: string }
+
+export const LANGUAGE_LOGOS: Record<string, LanguageLogo> = {
+  '.NET': {
+    color: '#512BD4',
+    path: 'M24 8.77h-2.468v7.565h-1.425V8.77h-2.462V7.53H24zm-6.852 7.565h-4.821V7.53h4.63v1.24h-3.205v2.494h2.953v1.234h-2.953v2.604h3.396zm-6.708 0H8.882L4.78 9.863a2.896 2.896 0 0 1-.258-.51h-.036c.032.189.048.592.048 1.21v5.772H3.157V7.53h1.659l3.965 6.32c.167.261.275.442.323.54h.024c-.04-.233-.06-.629-.06-1.185V7.529h1.372zm-8.703-.693a.868.829 0 0 1-.869.829.868.829 0 0 1-.868-.83.868.829 0 0 1 .868-.828.868.829 0 0 1 .869.829Z',
+  },
+  'Flutter': {
+    color: '#02569B',
+    path: 'M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z',
+  },
+  'Go': {
+    color: '#00ADD8',
+    path: 'M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z',
+  },
+  'Java': {
+    color: '#437291',
+    path: 'M11.915 0 11.7.215C9.515 2.4 7.47 6.39 6.046 10.483c-1.064 1.024-3.633 2.81-3.711 3.551-.093.87 1.746 2.611 1.55 3.235-.198.625-1.304 1.408-1.014 1.939.1.188.823.011 1.277-.491a13.389 13.389 0 0 0-.017 2.14c.076.906.27 1.668.643 2.232.372.563.956.911 1.667.911.397 0 .727-.114 1.024-.264.298-.149.571-.33.91-.5.68-.34 1.634-.666 3.53-.604 1.903.062 2.872.39 3.559.704.687.314 1.15.664 1.925.664.767 0 1.395-.336 1.807-.9.412-.563.631-1.33.72-2.24.06-.623.055-1.32 0-2.066.454.45 1.117.604 1.213.424.29-.53-.816-1.314-1.013-1.937-.198-.624 1.642-2.366 1.549-3.236-.08-.748-2.707-2.568-3.748-3.586C16.428 6.374 14.308 2.394 12.13.215zm.175 6.038a2.95 2.95 0 0 1 2.943 2.942 2.95 2.95 0 0 1-2.943 2.943A2.95 2.95 0 0 1 9.148 8.98a2.95 2.95 0 0 1 2.942-2.942zM8.685 7.983a3.515 3.515 0 0 0-.145.997c0 1.951 1.6 3.55 3.55 3.55 1.95 0 3.55-1.598 3.55-3.55 0-.329-.046-.648-.132-.951.334.095.64.208.915.336a42.699 42.699 0 0 1 2.042 5.829c.678 2.545 1.01 4.92.846 6.607-.082.844-.29 1.51-.606 1.94-.315.431-.713.651-1.315.651-.593 0-.932-.27-1.673-.61-.741-.338-1.825-.694-3.792-.758-1.974-.064-3.073.293-3.821.669-.375.188-.659.373-.911.5s-.466.2-.752.2c-.53 0-.876-.209-1.16-.64-.285-.43-.474-1.101-.545-1.948-.141-1.693.176-4.069.823-6.614a43.155 43.155 0 0 1 1.934-5.783c.348-.167.749-.31 1.192-.425zm-3.382 4.362a.216.216 0 0 1 .13.031c-.166.56-.323 1.116-.463 1.665a33.849 33.849 0 0 0-.547 2.555 3.9 3.9 0 0 0-.2-.39c-.58-1.012-.914-1.642-1.16-2.08.315-.24 1.679-1.755 2.24-1.781zm13.394.01c.562.027 1.926 1.543 2.24 1.783-.246.438-.58 1.068-1.16 2.08a4.428 4.428 0 0 0-.163.309 32.354 32.354 0 0 0-.562-2.49 40.579 40.579 0 0 0-.482-1.652.216.216 0 0 1 .127-.03z',
+  },
+  'JavaScript': {
+    color: '#F7DF1E',
+    path: 'M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z',
+  },
+  'Next.js (app router)': {
+    color: '#000000',
+    path: 'M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z',
+  },
+  'Node.js': {
+    color: '#5FA04E',
+    path: 'M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,0.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z',
+  },
+  'PHP': {
+    color: '#777BB4',
+    path: 'M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z',
+  },
+  'Python': {
+    color: '#3776AB',
+    path: 'M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z',
+  },
+  'React': {
+    color: '#61DAFB',
+    path: 'M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z',
+  },
+  'Ruby': {
+    color: '#CC342D',
+    path: 'M20.156.083c3.033.525 3.893 2.598 3.829 4.77L24 4.822 22.635 22.71 4.89 23.926h.016C3.433 23.864.15 23.729 0 19.139l1.645-3 2.819 6.586.503 1.172 2.805-9.144-.03.007.016-.03 9.255 2.956-1.396-5.431-.99-3.9 8.82-.569-.615-.51L16.5 2.114 20.159.073l-.003.01zM0 19.089zM5.13 5.073c3.561-3.533 8.157-5.621 9.922-3.84 1.762 1.777-.105 6.105-3.673 9.636-3.563 3.532-8.103 5.734-9.864 3.957-1.766-1.777.045-6.217 3.612-9.75l.003-.003z',
+  },
+  'Rust': {
+    color: '#000000',
+    path: 'M23.8346 11.7033l-1.0073-.6236a13.7268 13.7268 0 00-.0283-.2936l.8656-.8069a.3483.3483 0 00-.1154-.578l-1.1066-.414a8.4958 8.4958 0 00-.087-.2856l.6904-.9587a.3462.3462 0 00-.2257-.5446l-1.1663-.1894a9.3574 9.3574 0 00-.1407-.2622l.49-1.0761a.3437.3437 0 00-.0274-.3361.3486.3486 0 00-.3006-.154l-1.1845.0416a6.7444 6.7444 0 00-.1873-.2268l.2723-1.153a.3472.3472 0 00-.417-.4172l-1.1532.2724a14.0183 14.0183 0 00-.2278-.1873l.0415-1.1845a.3442.3442 0 00-.49-.328l-1.076.491c-.0872-.0476-.1742-.0952-.2623-.1407l-.1903-1.1673A.3483.3483 0 0016.256.955l-.9597.6905a8.4867 8.4867 0 00-.2855-.086l-.414-1.1066a.3483.3483 0 00-.5781-.1154l-.8069.8666a9.2936 9.2936 0 00-.2936-.0284L12.2946.1683a.3462.3462 0 00-.5892 0l-.6236 1.0073a13.7383 13.7383 0 00-.2936.0284L9.9803.3374a.3462.3462 0 00-.578.1154l-.4141 1.1065c-.0962.0274-.1903.0567-.2855.086L7.744.955a.3483.3483 0 00-.5447.2258L7.009 2.348a9.3574 9.3574 0 00-.2622.1407l-1.0762-.491a.3462.3462 0 00-.49.328l.0416 1.1845a7.9826 7.9826 0 00-.2278.1873L3.8413 3.425a.3472.3472 0 00-.4171.4171l.2713 1.1531c-.0628.075-.1255.1509-.1863.2268l-1.1845-.0415a.3462.3462 0 00-.328.49l.491 1.0761a9.167 9.167 0 00-.1407.2622l-1.1662.1894a.3483.3483 0 00-.2258.5446l.6904.9587a13.303 13.303 0 00-.087.2855l-1.1065.414a.3483.3483 0 00-.1155.5781l.8656.807a9.2936 9.2936 0 00-.0283.2935l-1.0073.6236a.3442.3442 0 000 .5892l1.0073.6236c.008.0982.0182.1964.0283.2936l-.8656.8079a.3462.3462 0 00.1155.578l1.1065.4141c.0273.0962.0567.1914.087.2855l-.6904.9587a.3452.3452 0 00.2268.5447l1.1662.1893c.0456.088.0922.1751.1408.2622l-.491 1.0762a.3462.3462 0 00.328.49l1.1834-.0415c.0618.0769.1235.1528.1873.2277l-.2713 1.1541a.3462.3462 0 00.4171.4161l1.153-.2713c.075.0638.151.1255.2279.1863l-.0415 1.1845a.3442.3442 0 00.49.327l1.0761-.49c.087.0486.1741.0951.2622.1407l.1903 1.1662a.3483.3483 0 00.5447.2268l.9587-.6904a9.299 9.299 0 00.2855.087l.414 1.1066a.3452.3452 0 00.5781.1154l.8079-.8656c.0972.0111.1954.0203.2936.0294l.6236 1.0073a.3472.3472 0 00.5892 0l.6236-1.0073c.0982-.0091.1964-.0183.2936-.0294l.8069.8656a.3483.3483 0 00.578-.1154l.4141-1.1066a8.4626 8.4626 0 00.2855-.087l.9587.6904a.3452.3452 0 00.5447-.2268l.1903-1.1662c.088-.0456.1751-.0931.2622-.1407l1.0762.49a.3472.3472 0 00.49-.327l-.0415-1.1845a6.7267 6.7267 0 00.2267-.1863l1.1531.2713a.3472.3472 0 00.4171-.416l-.2713-1.1542c.0628-.0749.1255-.1508.1863-.2278l1.1845.0415a.3442.3442 0 00.328-.49l-.49-1.076c.0475-.0872.0951-.1742.1407-.2623l1.1662-.1893a.3483.3483 0 00.2258-.5447l-.6904-.9587.087-.2855 1.1066-.414a.3462.3462 0 00.1154-.5781l-.8656-.8079c.0101-.0972.0202-.1954.0283-.2936l1.0073-.6236a.3442.3442 0 000-.5892zm-6.7413 8.3551a.7138.7138 0 01.2986-1.396.714.714 0 11-.2997 1.396zm-.3422-2.3142a.649.649 0 00-.7715.5l-.3573 1.6685c-1.1035.501-2.3285.7795-3.6193.7795a8.7368 8.7368 0 01-3.6951-.814l-.3574-1.6684a.648.648 0 00-.7714-.499l-1.473.3158a8.7216 8.7216 0 01-.7613-.898h7.1676c.081 0 .1356-.0141.1356-.088v-2.536c0-.074-.0536-.0881-.1356-.0881h-2.0966v-1.6077h2.2677c.2065 0 1.1065.0587 1.394 1.2088.0901.3533.2875 1.5044.4232 1.8729.1346.413.6833 1.2381 1.2685 1.2381h3.5716a.7492.7492 0 00.1296-.0131 8.7874 8.7874 0 01-.8119.9526zM6.8369 20.024a.714.714 0 11-.2997-1.396.714.714 0 01.2997 1.396zM4.1177 8.9972a.7137.7137 0 11-1.304.5791.7137.7137 0 011.304-.579zm-.8352 1.9813l1.5347-.6824a.65.65 0 00.33-.8585l-.3158-.7147h1.2432v5.6025H3.5669a8.7753 8.7753 0 01-.2834-3.348zm6.7343-.5437V8.7836h2.9601c.153 0 1.0792.1772 1.0792.8697 0 .575-.7107.7815-1.2948.7815zm10.7574 1.4862c0 .2187-.008.4363-.0243.651h-.9c-.09 0-.1265.0586-.1265.1477v.413c0 .973-.5487 1.1846-1.0296 1.2382-.4576.0517-.9648-.1913-1.0275-.4717-.2704-1.5186-.7198-1.8436-1.4305-2.4034.8817-.5599 1.799-1.386 1.799-2.4915 0-1.1936-.819-1.9458-1.3769-2.3153-.7825-.5163-1.6491-.6195-1.883-.6195H5.4682a8.7651 8.7651 0 014.907-2.7699l1.0974 1.151a.648.648 0 00.9182.0213l1.227-1.1743a8.7753 8.7753 0 016.0044 4.2762l-.8403 1.8982a.652.652 0 00.33.8585l1.6178.7188c.0283.2875.0425.577.0425.8717zm-9.3006-9.5993a.7128.7128 0 11.984 1.0316.7137.7137 0 01-.984-1.0316zm8.3389 6.71a.7107.7107 0 01.9395-.3625.7137.7137 0 11-.9405.3635z',
+  },
+  'curl': {
+    color: '#073551',
+    path: 'M.803 14.8169c0-.5342.433-.9665.9665-.9665.5335 0 .9665.4323.9665.9665 0 .5335-.433.9657-.9665.9657-.5335 0-.9666-.4322-.9666-.9657m2.736 0c0-.1963-.0532-.376-.1119-.5525-.2344-.7024-.876-1.2169-1.6575-1.2169-.1249 0-.2344.0465-.3524.0708C.6149 13.2865 0 13.9646 0 14.817c0 .9764.7923 1.7694 1.7695 1.7694.9772 0 1.7694-.793 1.7694-1.7694m-1.7694-7.149c.5335 0 .9665.433.9665.9665 0 .5335-.433.9665-.9665.9665-.5343 0-.9666-.433-.9666-.9665 0-.5335.4323-.9665.9666-.9665m0 2.7359c.9772 0 1.7694-.7923 1.7694-1.7694 0-.1956-.0532-.376-.1119-.5525-.2344-.7024-.8767-1.2169-1.6575-1.2169-.1249 0-.2344.0465-.3524.0716C.6149 7.104 0 7.782 0 8.6344c0 .9771.7923 1.7694 1.7695 1.7694m13.221-5.694c-.5342 0-.9665-.433-.9665-.9664a.966.966 0 01.9666-.9665c.5335 0 .9658.4322.9658.9665 0 .5334-.4323.9664-.9658.9664m-9.6 16.5133c-.5335 0-.9666-.433-.9666-.9665 0-.5342.433-.9665.9666-.9665a.966.966 0 01.9665.9665c0 .5335-.4323.9665-.9665.9665m9.6-19.2491c-.978 0-1.7695.7922-1.7695 1.7694 0 .2085.0525.4025.1187.5882L5.039 18.5581c-.803.1681-1.4179.8462-1.4179 1.6985 0 .9772.7923 1.7694 1.7695 1.7694.9772 0 1.7694-.7922 1.7694-1.7694 0-.1963-.0525-.3759-.111-.5525l8.3427-14.2728c.7778-.1865 1.3683-.8531 1.3683-1.688 0-.977-.793-1.7693-1.7694-1.7693m7.24 2.7359c-.5343 0-.9666-.433-.9666-.9665a.966.966 0 01.9665-.9665c.5335 0 .9666.4322.9666.9665 0 .5334-.433.9665-.9666.9665M12.6313 21.223c-.5343 0-.9665-.433-.9665-.9665a.966.966 0 01.9665-.9665c.5335 0 .9658.4323.9658.9665 0 .5335-.4323.9665-.9658.9665M22.2305 1.974c-.9772 0-1.7694.7922-1.7694 1.7694 0 .2085.0525.4025.1187.5882l-8.3009 14.2265c-.8021.1681-1.417.8462-1.417 1.6985 0 .9772.7922 1.7694 1.7694 1.7694.9764 0 1.7687-.7922 1.7687-1.7694 0-.1963-.0525-.3759-.1111-.5525l8.3427-14.2728C23.4094 5.2448 24 4.5782 24 3.7433c0-.977-.7923-1.7693-1.7695-1.7693',
+  },
+  'iOS': {
+    color: '#000000',
+    path: 'M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701',
+  },
+}
+
+// React Native ships the React logo; both Next.js routers share the Next mark.
+LANGUAGE_LOGOS['React Native'] = LANGUAGE_LOGOS.React
+LANGUAGE_LOGOS['Next.js (pages router)'] =
+  LANGUAGE_LOGOS['Next.js (app router)']
diff --git a/frontend/web/components/pages/onboarding-quickstart/sdkSnippets.ts b/frontend/web/components/pages/onboarding-quickstart/sdkSnippets.ts
new file mode 100644
index 000000000000..9a0ad1378921
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/sdkSnippets.ts
@@ -0,0 +1,120 @@
+// Snippets for every SDK we support, sourced from the maintained
+// `Constants.codeHelp` (the same install/init the rest of the app uses, so
+// they don't drift). Two adaptations for this page:
+//   1. codeHelp snippets are authored for innerHTML rendering, so they carry
+//      HTML entities (&lt; etc.). We render via <Highlight> (escaping on), so
+//      we unescape first.
+//   2. They use a placeholder flag name; we swap it for the user's real flag,
+//      so the snippet references the flag this onboarding actually created.
+import Constants from 'common/constants'
+
+// Mirrors Constants' `keywords.FEATURE_NAME`. Kept local (keywords isn't
+// exported); if that placeholder ever changes, update this too.
+const PLACEHOLDER_FLAG = 'my_cool_feature'
+
+const unescapeHtml = (s: string): string =>
+  s
+    .replace(/&lt;/g, '<')
+    .replace(/&gt;/g, '>')
+    .replace(/&#39;/g, "'")
+    .replace(/&quot;/g, '"')
+    .replace(/&amp;/g, '&')
+
+export type SdkLang = {
+  // Display label and the key into codeHelp.INIT.
+  label: string
+  // Key into codeHelp.INSTALL (occasionally differs, e.g. Next.js).
+  installKey: string
+  // highlight.js language for the wire snippet (install is always shell).
+  hljs: string
+  // Popular SDKs show as quick-pick chips; the rest live behind "More".
+  popular: boolean
+}
+
+// Order matters: popular ones first (chips), then the long tail (More menu).
+export const SDK_LANGS: SdkLang[] = [
+  { hljs: 'javascript', installKey: 'React', label: 'React', popular: true },
+  {
+    hljs: 'javascript',
+    installKey: 'JavaScript',
+    label: 'JavaScript',
+    popular: true,
+  },
+  { hljs: 'python', installKey: 'Python', label: 'Python', popular: true },
+  {
+    hljs: 'javascript',
+    installKey: 'Node JS',
+    label: 'Node.js',
+    popular: true,
+  },
+  { hljs: 'go', installKey: 'Go', label: 'Go', popular: true },
+  { hljs: 'ruby', installKey: 'Ruby', label: 'Ruby', popular: true },
+  { hljs: 'csharp', installKey: '.NET', label: '.NET', popular: false },
+  { hljs: 'dart', installKey: 'Flutter', label: 'Flutter', popular: false },
+  {
+    hljs: 'javascript',
+    installKey: 'Next.js',
+    label: 'Next.js (app router)',
+    popular: false,
+  },
+  {
+    hljs: 'javascript',
+    installKey: 'Next.js',
+    label: 'Next.js (pages router)',
+    popular: false,
+  },
+  { hljs: 'java', installKey: 'Java', label: 'Java', popular: false },
+  { hljs: 'php', installKey: 'PHP', label: 'PHP', popular: false },
+  {
+    hljs: 'javascript',
+    installKey: 'React Native',
+    label: 'React Native',
+    popular: false,
+  },
+  { hljs: 'rust', installKey: 'Rust', label: 'Rust', popular: false },
+  { hljs: 'bash', installKey: 'curl', label: 'curl', popular: false },
+  { hljs: 'swift', installKey: 'iOS', label: 'iOS', popular: false },
+]
+
+export type SdkSnippet = {
+  install: string
+  // Present for npm-based SDKs (codeHelp ships both managers in one block);
+  // drives the npm/yarn pills so each shows a single copy-pasteable line.
+  installYarn?: string
+  wire: string
+  hljs: string
+}
+
+// codeHelp's npm-based install is a "// npm\n<cmd>\n\n// yarn\n<cmd>" block.
+// Split it into the two single commands so the user copies one clean line, not
+// the whole annotated block. Non-npm installs (pip, gem, go get…) pass through.
+const parseInstall = (
+  raw: string,
+): { install: string; installYarn?: string } => {
+  const npm = raw.match(/\/\/\s*npm\s*\n(.+)/)
+  const yarn = raw.match(/\/\/\s*yarn\s*\n(.+)/)
+  if (npm && yarn) {
+    return { install: npm[1].trim(), installYarn: yarn[1].trim() }
+  }
+  return { install: raw.trim() }
+}
+
+export const getSdkSnippet = (
+  lang: SdkLang,
+  environmentKey: string,
+  featureName: string,
+): SdkSnippet => {
+  const installs = Constants.codeHelp.INSTALL as Record<string, string>
+  const inits = Constants.codeHelp.INIT(environmentKey) as Record<
+    string,
+    string
+  >
+  const wire = unescapeHtml(inits[lang.label] ?? '')
+    .split(PLACEHOLDER_FLAG)
+    .join(featureName)
+  return {
+    hljs: lang.hljs,
+    ...parseInstall(unescapeHtml(installs[lang.installKey] ?? '')),
+    wire: wire.trim(),
+  }
+}
diff --git a/frontend/web/components/pages/onboarding-quickstart/settingUpAnimation.json b/frontend/web/components/pages/onboarding-quickstart/settingUpAnimation.json
new file mode 100644
index 000000000000..db026e3c1620
--- /dev/null
+++ b/frontend/web/components/pages/onboarding-quickstart/settingUpAnimation.json
@@ -0,0 +1 @@
+{"nm":"Main","ddd":1,"h":1400,"w":1600,"meta":{"g":"@lottiefiles/toolkit-js 0.22.1"},"layers":[{"ty":3,"nm":"Host Controller","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[1.906,50,125.343],"ix":1},"s":{"a":0,"k":[100.1,100.1,100.1],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[979.011,0.095,-717.109],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":34,"ix":8},"ry":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[47],"t":8.635},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[225],"t":44.611},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[225],"t":57.563},{"s":[407],"t":94}],"ix":9},"rz":{"a":0,"k":-2,"ix":10},"or":{"a":0,"k":[358,0,0],"ix":7}},"ef":[],"ind":1},{"ty":4,"nm":"Shape Layer 15","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[153.525,209.051,0],"ix":1},"s":{"a":0,"k":[103,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,468.764,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":-90,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[130.816,130.816],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":2,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[125.525,-125.525],[-125.525,-125.525],[-125.525,125.525],[125.525,125.525]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2,"parent":1},{"ty":4,"nm":"Shape Layer 14","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,98,98],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-127,534.345,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3,"parent":1},{"ty":4,"nm":"Shape Layer 13","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.236,534.345,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":4,"parent":1},{"ty":4,"nm":"Shape Layer 12","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,534.345,250.837],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":5,"parent":1},{"ty":4,"nm":"Shape Layer 11","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,534.345,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":6,"parent":1},{"ty":3,"nm":"Host Controller","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[1.906,50,125.343],"ix":1},"s":{"a":0,"k":[100.1,100.1,100.1],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[987.158,294.839,-543.235],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":34,"ix":8},"ry":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[47],"t":4.317},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[225],"t":40.294},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[225],"t":53.245},{"s":[407],"t":89.6826171875}],"ix":9},"rz":{"a":0,"k":-2,"ix":10},"or":{"a":0,"k":[358,0,0],"ix":7}},"ef":[],"ind":7},{"ty":4,"nm":"Shape Layer 10","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[153.525,209.051,0],"ix":1},"s":{"a":0,"k":[103,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,298.593,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":-90,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[130.816,130.816],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":2,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[125.525,-125.525],[-125.525,-125.525],[-125.525,125.525],[125.525,125.525]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":8,"parent":7},{"ty":4,"nm":"Shape Layer 9","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,98,98],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-127,364.174,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":9,"parent":7},{"ty":4,"nm":"Shape Layer 8","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.236,364.174,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":10,"parent":7},{"ty":4,"nm":"Shape Layer 7","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,364.174,250.837],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":11,"parent":7},{"ty":4,"nm":"Shape Layer 6","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,364.174,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":12,"parent":7},{"ty":3,"nm":"Host Controller","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[1.906,50,125.343],"ix":1},"s":{"a":0,"k":[100.1,100.1,100.1],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[995.226,586.732,-371.043],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":34,"ix":8},"ry":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[47],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[226],"t":35.977},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[226],"t":48.929},{"s":[406],"t":85.365234375}],"ix":9},"rz":{"a":0,"k":-2,"ix":10},"or":{"a":0,"k":[358,0,0],"ix":7}},"ef":[],"ind":13},{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[153.525,209.051,0],"ix":1},"s":{"a":0,"k":[103,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,125.525,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":-90,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[130.816,130.816],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":2,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[125.525,-125.525],[-125.525,-125.525],[-125.525,125.525],[125.525,125.525]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[153.525,83.525],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":14,"parent":13},{"ty":4,"nm":"Shape Layer 4","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,98,98],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-127,191.106,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":15,"parent":13},{"ty":4,"nm":"Shape Layer 3","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-126,191.106,0],"ix":1},"s":{"a":0,"k":[98,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.236,191.106,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":-90,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":16,"parent":13},{"ty":4,"nm":"Shape Layer 5","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,191.106,250.837],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":17,"parent":13},{"ty":4,"nm":"Shape Layer 2","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[129.643,191.106,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[128.643,191.106,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 3","ix":1,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 2","ix":2,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[87.411,59.739],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[58,193.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Rectangle 1","ix":3,"cix":2,"np":3,"it":[{"ty":"rc","bm":0,"hd":false,"mn":"ADBE Vector Shape - Rect","nm":"Rectangle Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"s":{"a":0,"k":[255.643,130.213],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1725,0.1608,0.1608],"ix":3}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.821,191.106],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":18,"parent":13},{"ty":4,"nm":"Host Pattern 6","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[115.881,80.654,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 7","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[35.805,19.154],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[593.403,-95.923],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 6","ix":2,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[35.44,17.023],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[644.22,156.512],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 5","ix":3,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[37.901,18.6],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[621.95,357.3],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 4","ix":4,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[35.722,18.473],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[218.361,464.236],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 3","ix":5,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[34.544,19.491],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-166.728,346.246],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 2","ix":6,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[33.815,18.283],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-205.593,156.642],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":7,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[28.428,15.415],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-97.786,-63.292],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 9","ix":8,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-53,38],[-113,-3],[-60,-36],[-91,-56]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 8","ix":9,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[396,-48],[453,-83],[409,-110],[459,-145]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 7","ix":10,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[495,52],[565,12],[491,-32],[584,-88]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 6","ix":11,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[569,156],[627,157]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 5","ix":12,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[392,273],[448,308],[413,332],[468,367]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 4","ix":13,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-130,157],[-187,158]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 3","ix":14,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[219,376],[218,448]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 2","ix":15,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[48,270],[-13,307],[27,331],[-28,368]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":16,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-74,203],[-156,252],[-84,295],[-156,337]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 10","ix":17,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[627.881,283.654],[705.881,331.654],[635.881,374.654],[726.881,430.654]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-112,-82],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"tm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 2","ix":18,"e":{"a":0,"k":95,"ix":2},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[1080],"t":100}],"ix":3},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[50],"t":50},{"s":[0],"t":100}],"ix":1},"m":1}],"ind":19,"parent":20},{"ty":4,"nm":"Main Host","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[330.968,215.028,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[1018.087,834.374,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-162.135,73.784],[-161.85,114.206],[162.136,-73.695],[161.85,-114.117]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.346,0],[0.308,0.176],[0.004,0.712],[0,0],[-0.622,0.36],[0,0],[-0.618,-0.352],[-0.005,-0.713],[0,0],[0.622,-0.36],[0,0]],"o":[[-0.343,0],[-0.619,-0.353],[0,0],[-0.005,-0.718],[0,0],[0.616,-0.356],[0.619,0.354],[0,0],[0.005,0.718],[0,0],[-0.309,0.18]],"v":[[-163.824,119.664],[-164.817,119.401],[-165.824,117.679],[-166.144,72.65],[-165.147,70.906],[162.823,-119.307],[164.818,-119.312],[165.826,-117.589],[166.143,-72.562],[165.147,-70.817],[-162.822,119.395]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[495.537,310.142],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-164.144,72.592],[-163.826,117.62],[164.143,-72.592],[163.826,-117.62]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[495.537,310.186],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-162.879,-73.696],[162.595,114.216],[162.88,73.788],[-162.594,-114.124]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.343,0],[0.31,0.178],[0,0],[-0.005,0.718],[0,0],[-0.618,0.353],[-0.618,-0.356],[0,0],[0.004,-0.719],[0,0],[0.618,-0.354]],"o":[[-0.345,0],[0,0],[-0.623,-0.361],[0,0],[0.004,-0.712],[0.617,-0.356],[0,0],[0.623,0.36],[0,0],[-0.005,0.713],[-0.308,0.176]],"v":[[164.57,119.665],[163.57,119.399],[-165.887,-70.813],[-166.887,-72.559],[-166.569,-117.588],[-165.563,-119.309],[-163.569,-119.306],[165.888,70.906],[166.888,72.652],[166.57,117.68],[165.564,119.402]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[167.142,310.14],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-324.405,0.046],[1.059,187.952],[324.406,0.045],[-1.059,-187.862]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.347,0],[0.309,0.179],[0,0],[0.001,0.714],[-0.617,0.359],[0,0],[-0.621,-0.359],[0,0],[-0.001,-0.714],[0.617,-0.359],[0,0]],"o":[[-0.346,0],[0,0],[-0.618,-0.357],[-0.001,-0.714],[0,0],[0.619,-0.361],[0,0],[0.618,0.357],[0.001,0.714],[0,0],[-0.311,0.181]],"v":[[1.062,192.264],[0.061,191.996],[-329.396,1.784],[-330.396,0.055],[-329.401,-1.678],[-2.066,-191.902],[-0.061,-191.905],[329.395,-1.693],[330.395,0.036],[329.4,1.769],[2.066,191.993]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[330.968,192.514],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[164.888,72.592],[164.57,117.62],[-164.888,-72.592],[-164.57,-117.62]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[167.142,310.186],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":20},{"ty":4,"nm":"Main Host Pattern","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[112.881,80.654,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 8","ix":1,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[292,-37],[261,-20]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 7","ix":2,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[363,4],[329,24],[185,-61]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 6","ix":3,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[386,207],[287,149],[411,74],[513,131]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 5","ix":4,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-51,148],[158,25],[328,122]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 4","ix":5,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[280,274],[221,238]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 3","ix":6,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[164,268],[275,203],[337,239]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 2","ix":7,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[22,188],[88,149],[140,180],[78,218]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":8,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-19,59],[11,78],[92,31],[62,12]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"tm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":9,"e":{"a":0,"k":95,"ix":2},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[1080],"t":100}],"ix":3},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[50],"t":50},{"s":[0],"t":100}],"ix":1},"m":1}],"ind":21,"parent":20},{"ty":4,"nm":"Host PB","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[330.968,215.028,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[330.968,215.028,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[328.395,-0.007],[1.061,190.219],[-328.396,0.006],[-1.062,-190.218]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[330.968,192.56],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":22,"parent":20},{"ty":4,"nm":"LAPTOP ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[12.337,336.663,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[202.604,255.397,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.735},"s":[202.604,258.397,0],"t":18,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.141},"i":{"x":0.667,"y":1},"s":[202.604,261.037,0],"t":33,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[202.604,255.397,0],"t":50,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.533},"s":[202.604,249.397,0],"t":68,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.529},"i":{"x":0.667,"y":1},"s":[202.604,252.954,0],"t":86,"ti":[0,0,0],"to":[0,0,0]},{"s":[202.604,255.397,0],"t":100}],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[19.317,-106.261],[19.326,-106.261]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.675,0],[0.991,-0.681],[0,0],[-1.501,-5.522],[0,0],[-1.792,-0.658],[-1.573,1.081],[0,0],[1.501,5.522],[0,0],[1.791,0.658]],"o":[[-1.151,0],[0,0],[-4.716,3.241],[0,0],[0.5,1.841],[1.791,0.657],[0,0],[4.716,-3.241],[0,0],[-0.501,-1.842],[-0.663,-0.243]],"v":[[23.724,-105.642],[20.45,-104.612],[-60.899,-48.702],[-66.275,-34.05],[-29.348,101.843],[-25.742,105.775],[-20.449,105.108],[60.899,49.199],[66.276,34.548],[29.349,-101.346],[25.742,-105.279]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.943,0],[1.119,0.41],[0.845,3.109],[0,0],[-6.116,4.203],[0,0],[-3.022,-1.109],[-0.845,-3.11],[0,0],[6.115,-4.203],[0,0]],"o":[[-1.14,0],[-3.024,-1.11],[0,0],[-1.946,-7.161],[0,0],[2.655,-1.826],[3.025,1.11],[0,0],[1.946,7.16],[0,0],[-1.673,1.149]],"v":[[-23.711,110.143],[-27.12,109.53],[-33.208,102.892],[-70.135,-33.002],[-63.164,-51.999],[18.183,-107.909],[27.12,-109.034],[33.208,-102.395],[70.135,33.498],[63.166,52.496],[-18.183,108.405]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[187.514,110.394],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.435,-3.048],[0,0],[-1.726,-6.35],[0,0],[-4.434,3.047],[0,0],[1.726,6.35],[0,0]],"o":[[0,0],[-5.423,3.727],[0,0],[1.411,5.193],[0,0],[5.423,-3.728],[0,0],[-1.411,-5.193]],"v":[[19.317,-106.509],[-62.032,-50.598],[-68.205,-33.775],[-31.278,102.12],[-19.317,106.509],[62.032,50.6],[68.205,33.775],[31.278,-102.119]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[187.514,110.642],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.675,0],[0.991,-0.681],[0,0],[-1.501,-5.522],[0,0],[-1.792,-0.657],[-1.572,1.081],[0,0],[1.501,5.522],[0,0],[1.791,0.658]],"o":[[-1.15,0],[0,0],[-4.716,3.242],[0,0],[0.5,1.841],[1.792,0.658],[0,0],[4.716,-3.241],[0,0],[-0.5,-1.841],[-0.663,-0.243]],"v":[[23.723,-105.643],[20.449,-104.612],[-60.9,-48.703],[-66.276,-34.051],[-29.348,101.844],[-25.742,105.775],[-20.449,105.109],[60.9,49.199],[66.275,34.547],[29.348,-101.347],[25.743,-105.279]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.943,0],[1.118,0.41],[0.845,3.109],[0,0],[-6.115,4.203],[0,0],[0,0],[0,0],[-3.025,-1.109],[-0.845,-3.109],[0,0],[6.115,-4.203],[0,0]],"o":[[-1.14,0],[-3.025,-1.11],[0,0],[-1.945,-7.16],[0,0],[0,0],[0,0],[2.655,-1.825],[3.025,1.11],[0,0],[1.945,7.16],[0,0],[-1.674,1.149]],"v":[[-23.712,110.143],[-27.12,109.531],[-33.209,102.893],[-70.136,-33.003],[-63.165,-51.999],[18.183,-107.909],[19.316,-106.261],[18.183,-107.909],[27.12,-109.034],[33.209,-102.396],[70.136,33.497],[63.165,52.496],[-18.183,108.406]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[178.028,116.914],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.435,-3.048],[0,0],[-1.726,-6.35],[0,0],[-4.435,3.048],[0,0],[1.726,6.35],[0,0]],"o":[[0,0],[-5.423,3.727],[0,0],[1.411,5.193],[0,0],[5.423,-3.727],[0,0],[-1.411,-5.193]],"v":[[19.317,-106.509],[-62.032,-50.599],[-68.205,-33.775],[-31.278,102.12],[-19.316,106.509],[62.032,50.599],[68.205,33.774],[31.278,-102.12]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[178.028,117.162],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[81.847,-39.966],[81.856,-39.966]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.649,0],[1.788,-1.229],[0,0],[-3.311,-4.819],[-2.785,-0.516],[-2.334,1.604],[0,0],[3.312,4.819],[2.786,0.516]],"o":[[-2.124,0],[0,0],[-4.818,3.312],[1.604,2.334],[2.784,0.515],[0,0],[4.819,-3.312],[-1.604,-2.334],[-0.651,-0.121]],"v":[[74.686,-60.959],[68.702,-59.092],[-80.714,43.599],[-83.447,58.346],[-76.64,62.766],[-68.702,61.078],[80.713,-41.613],[83.447,-56.36],[76.64,-60.779]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.924,0],[0.898,0.166],[2.21,3.215],[-6.636,4.561],[0,0],[-4.561,-6.636],[6.636,-4.561],[0,0]],"o":[[-0.894,0],[-3.836,-0.711],[-4.56,-6.637],[0,0],[6.637,-4.559],[4.561,6.637],[0,0],[-2.463,1.692]],"v":[[-74.677,66.948],[-77.369,66.698],[-86.744,60.611],[-82.98,40.304],[66.436,-62.389],[86.743,-58.625],[82.98,-38.318],[-66.436,64.375]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[91.554,284.128],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.737,-3.943],[0,0],[3.942,5.737],[-5.737,3.943],[0,0],[-3.943,-5.737]],"o":[[0,0],[-5.737,3.943],[-3.943,-5.736],[0,0],[5.737,-3.943],[3.942,5.736]],"v":[[81.847,-40.959],[-67.569,61.733],[-85.095,58.485],[-81.847,40.959],[67.569,-61.733],[85.096,-58.484]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[91.554,285.121],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.649,0],[1.788,-1.229],[0,0],[-3.312,-4.819],[-2.786,-0.516],[-2.334,1.604],[0,0],[0,0],[0,0],[-0.516,2.785],[1.605,2.334],[2.785,0.516]],"o":[[-2.124,0],[0,0],[-4.819,3.312],[1.604,2.334],[2.784,0.517],[0,0],[0,0],[0,0],[2.335,-1.604],[0.516,-2.785],[-1.604,-2.334],[-0.652,-0.121]],"v":[[48.451,-43.692],[42.467,-41.824],[-54.48,24.807],[-57.213,39.552],[-50.406,43.972],[-42.468,42.285],[54.479,-24.346],[55.612,-22.698],[54.479,-24.346],[58.9,-31.153],[57.212,-39.091],[50.406,-43.511]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.924,0],[0.898,0.167],[2.209,3.215],[-0.711,3.835],[-3.215,2.21],[0,0],[-3.835,-0.71],[-2.21,-3.214],[0.711,-3.835],[3.215,-2.21],[0,0]],"o":[[-0.894,0],[-3.836,-0.711],[-2.21,-3.214],[0.71,-3.836],[0,0],[3.215,-2.209],[3.835,0.71],[2.21,3.215],[-0.711,3.836],[0,0],[-2.462,1.692]],"v":[[-48.443,48.154],[-51.135,47.905],[-60.509,41.817],[-62.833,30.885],[-56.746,21.51],[40.201,-45.121],[51.135,-47.444],[60.509,-41.357],[62.833,-30.424],[56.745,-21.049],[-40.202,45.581]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[206.879,205.629],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.737,-3.943],[0,0],[3.942,5.737],[0,0],[-5.737,3.943],[0,0],[-3.943,-5.737]],"o":[[0,0],[-5.737,3.943],[0,0],[-3.942,-5.736],[0,0],[5.737,-3.943],[3.942,5.736]],"v":[[55.613,-22.929],[-41.335,43.702],[-58.861,40.453],[-58.861,40.453],[-55.612,22.927],[41.335,-43.702],[58.861,-40.454]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[206.879,205.86],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":23,"parent":33},{"ty":4,"nm":"T Hair ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[32.902,37.563,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[21.061,14.639,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-8.7,-1.564],[-9.86,-3.269],[-4.956,-0.397],[-3.901,1.946],[0.39,9.381],[0.233,1.212],[0,0],[6.891,0.616],[0,0],[21.697,-3.875],[0,0]],"o":[[10.224,1.838],[6.012,1.993],[3.606,0.291],[8.402,-4.192],[-0.05,-1.212],[-2.662,-13.568],[0,0],[-6.92,-0.612],[0,0],[-26.465,4.727],[0,0]],"v":[[-26.328,11.45],[3.822,19.187],[21.681,23.522],[33.314,20.507],[48.262,-4.074],[47.845,-7.717],[38.321,-11.666],[29.122,-23.202],[18.108,-13.569],[-22.187,-14.234],[-41.58,8.625]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[48.902,24.064],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":24,"parent":27},{"ty":4,"nm":"ear ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[19.671,18.257,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-4.179,47.938,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.432,0],[1.846,9.433],[-5.955,1.77],[-2.478,-0.22],[0.958,-11.49],[1.093,0.1],[-0.092,1.1],[9.058,0.812],[1.822,-0.541],[-1.066,-5.445],[-17.19,1.683],[-0.108,-1.099],[1.1,-0.107]],"o":[[-15.783,0],[-1.471,-7.511],[2.308,-0.687],[11.241,1.007],[-0.091,1.102],[-1.101,-0.092],[0.776,-9.306],[-1.972,-0.176],[-3.936,1.17],[1.545,7.889],[1.092,-0.114],[0.108,1.099],[-1.546,0.152]],"v":[[9.937,17.597],[-16.545,-0.66],[-8.806,-16.677],[-1.592,-17.378],[17.058,5.288],[14.899,7.115],[13.072,4.956],[-1.949,-13.393],[-7.666,-12.843],[-12.62,-1.428],[14.015,13.393],[16.2,15.188],[14.404,17.372]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[21.076,17.847],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[10.258,0.919],[2.203,-0.655],[-30.965,3.034]],"o":[[0.855,-10.263],[-2.087,-0.187],[-12.59,3.742],[0,0]],"v":[[17.518,3.699],[0.682,-16.807],[-5.783,-16.182],[16.663,13.961]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[18.623,19.269],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":25,"parent":27},{"ty":4,"nm":"D Hair ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[30.486,35.724,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[6.336,18.503,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-17.46,-27.107],[-4.763,-4.475],[0,0],[0,0],[-1.564,5.603],[1.548,12.593],[21.698,-3.875],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-26.465,4.727],[0,0]],"v":[[-12.776,25.138],[-4.193,34.995],[8.812,35.474],[11.349,26.213],[21.144,20.035],[21.566,-2.953],[8.538,-31.599],[-10.855,-8.739]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[30.486,35.724],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":26,"parent":27},{"ty":4,"nm":"HEAD ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[19.594,72.265,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[15.751,27.354,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[5],"t":54},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.32,0],[1.353,0.176],[7.466,5.848],[-0.68,0.869],[-0.87,-0.682],[-9.832,-1.274],[-3.805,3.099],[-0.785,10.403],[-0.117,2.998],[15.233,3.696],[-0.261,1.073],[-1.072,-0.258],[0.708,-18.257],[0.27,-3.459],[9.428,-7.677]],"o":[[-1.27,0],[-10.544,-1.365],[-0.87,-0.681],[0.681,-0.869],[6.901,5.405],[5.977,0.771],[8.233,-6.703],[0.265,-3.393],[0.63,-16.24],[-1.074,-0.261],[0.26,-1.074],[17.195,4.172],[-0.113,2.904],[-0.84,11.135],[-3.744,3.049]],"v":[[2.568,42.732],[-1.367,42.47],[-28.896,31.444],[-29.238,28.636],[-26.43,28.294],[-0.853,38.504],[13.682,35.047],[24.696,3.334],[25.213,-6.266],[1.538,-38.587],[0.066,-41.003],[2.481,-42.474],[29.21,-6.112],[28.684,3.64],[16.208,38.148]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[46.02,43.98],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.267,-3.414],[21.742,2.814],[0.855,24.494],[-29.41,-2.067],[-2.324,-0.562],[0.638,-16.441]],"o":[[-1.366,18.096],[-25.846,-3.347],[-0.855,-24.493],[2.625,0.185],[16.996,4.124],[-0.115,2.971]],"v":[[35.651,3.699],[7.851,40.701],[-35.955,-4.921],[3.547,-41.448],[10.97,-40.316],[36.172,-5.974]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[37.06,43.765],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":27,"parent":28},{"ty":4,"nm":"NECK ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[23.163,68.377,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[81.071,26.278,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.769},"s":[7],"t":36},{"o":{"x":0.333,"y":0.37},"i":{"x":0.667,"y":1},"s":[2],"t":75},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-9.937,7.622],[0,0],[0,0]],"o":[[12.045,7.412],[0,0],[0,0],[0,0]],"v":[[-14.502,25.432],[18.196,25.123],[12.404,-16.284],[-18.157,-29.65]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.721,0],[6.909,4.43],[0.042,0.633],[0,0],[-0.571,0.402],[-0.639,-0.278],[0,0],[-0.097,-0.689],[0,0],[0.542,-0.442]],"o":[[-6.378,0],[-0.534,-0.342],[0,0],[-0.046,-0.697],[0.572,-0.401],[0,0],[0.637,0.278],[0,0],[0.097,0.692],[-6.034,4.92]],"v":[[2.44,34.911],[-17.51,28.267],[-18.426,26.716],[-22.367,-32.668],[-21.521,-34.438],[-19.57,-34.633],[15.031,-19.501],[16.211,-17.945],[22.316,25.704],[21.599,27.531]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[22.663,35.161],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-11.485,9.363],[0,0],[0,0]],"o":[[0,0],[0,0],[12.972,8.317],[0,0],[0,0],[0,0]],"v":[[-20.354,-34.072],[-18.898,-12.164],[-16.413,25.312],[20.354,24.709],[17.925,7.351],[14.247,-18.94]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[22.645,36.433],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":28,"parent":33},{"ty":4,"nm":"R Arm Line","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[15.316,28.879,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[97.114,185.288,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":40},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":55},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":68},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":86},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.9,0],[0.16,0.039],[-0.263,1.074],[-18.708,24.386],[-0.876,-0.671],[0.673,-0.876],[0.07,-0.283]],"o":[[-0.157,0],[-1.072,-0.262],[0.29,-1.187],[0.672,-0.876],[0.876,0.672],[-18.178,23.697],[-0.223,0.913]],"v":[[-12.859,28.629],[-13.336,28.571],[-14.803,26.154],[11.22,-27.588],[14.024,-27.958],[14.393,-25.154],[-10.918,27.104]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[15.316,28.879],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":29,"parent":31},{"ty":4,"nm":"RD Arm ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[76.323,87.706,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[102.326,203.113,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":40},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":55},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":68},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2],"t":86},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.93,0],[0,-1.93],[-1.93,0],[0,1.93]],"o":[[-1.93,0],[0,1.93],[1.93,0],[0,-1.93]],"v":[[0,-3.5],[-3.5,0],[0,3.5],[3.5,0]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.136,0],[0,4.136],[-4.136,0],[0,-4.136]],"o":[[-4.136,0],[0,-4.136],[4.136,0],[0,4.136]],"v":[[0,7.5],[-7.5,0],[0,-7.5],[7.5,0]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[172.417,37.676],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-3.038],[3.038,0],[0,3.038],[-3.038,0]],"o":[[0,3.038],[-3.038,0],[0,-3.038],[3.038,0]],"v":[[5.5,0],[0,5.5],[-5.5,0],[0,-5.5]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[172.417,37.676],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.381,0],[0.385,0.579],[0,0.828],[-1.104,0.001],[0,0],[-0.002,-1.103],[-10.188,-15.284],[0.919,-0.613]],"o":[[-0.646,0],[-10.877,-16.316],[0,-1.104],[0,0],[1.103,0],[0,0.191],[0.613,0.919],[-0.34,0.228]],"v":[[5.197,19.833],[3.531,18.942],[-7.472,-17.834],[-5.473,-19.833],[-5.472,-19.833],[-3.472,-17.835],[6.859,16.724],[6.304,19.497]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[158.389,34.01],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0.41,0],[0.392,0.535],[-0.891,0.652],[-7.849,8.264],[0,0],[0,0],[0.511,0.25],[0.154,0.547],[-2.836,1.034],[-0.99,0.399],[0,0],[-0.421,-1.011],[0,0],[0.541,-0.574],[34.436,-25.223]],"o":[[-0.616,0],[-0.653,-0.891],[31.926,-23.386],[0,0],[0,0],[-0.526,0.212],[-0.51,-0.251],[-0.127,-0.449],[1.003,-0.366],[0,0],[1.015,-0.408],[0,0],[0.303,0.729],[-0.639,0.677],[-0.356,0.262]],"v":[[-47.734,68.641],[-49.35,67.823],[-48.918,65.029],[48.367,-26.81],[32.967,-63.784],[-49.54,-30.524],[-51.169,-30.583],[-52.212,-31.836],[-50.027,-34.745],[-47.021,-35.852],[33.305,-68.234],[35.9,-67.148],[52.559,-27.148],[52.168,-25.006],[-46.555,68.255]]}],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0.41,0],[0.392,0.535],[-0.891,0.652],[-7.849,8.264],[0,0],[0,0],[0.511,0.25],[0.154,0.547],[-2.836,1.034],[-0.99,0.399],[0,0],[-0.421,-1.011],[0,0],[0.541,-0.574],[34.436,-25.223]],"o":[[-0.616,0],[-0.653,-0.891],[31.926,-23.386],[0,0],[0,0],[-0.526,0.212],[-0.51,-0.251],[-0.127,-0.449],[1.003,-0.366],[0,0],[1.015,-0.408],[0,0],[0.303,0.729],[-0.639,0.677],[-0.356,0.262]],"v":[[-47.734,68.641],[-49.35,67.823],[-48.918,65.029],[48.367,-26.81],[32.967,-63.784],[-51.311,-29.132],[-52.94,-29.191],[-53.983,-30.444],[-51.798,-33.353],[-48.793,-34.459],[33.305,-68.234],[35.9,-67.148],[52.559,-27.148],[52.168,-25.006],[-46.555,68.255]]}],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0.41,0],[0.392,0.535],[-0.891,0.652],[-7.849,8.264],[0,0],[0,0],[0.511,0.25],[0.154,0.547],[-2.836,1.034],[-0.99,0.399],[0,0],[-0.421,-1.011],[0,0],[0.541,-0.574],[34.436,-25.223]],"o":[[-0.616,0],[-0.653,-0.891],[31.926,-23.386],[0,0],[0,0],[-0.526,0.212],[-0.51,-0.251],[-0.127,-0.449],[1.003,-0.366],[0,0],[1.015,-0.408],[0,0],[0.303,0.729],[-0.639,0.677],[-0.356,0.262]],"v":[[-47.734,68.641],[-49.35,67.823],[-48.918,65.029],[48.367,-26.81],[32.967,-63.784],[-51.311,-29.132],[-52.94,-29.191],[-53.983,-30.444],[-51.798,-33.353],[-48.793,-34.459],[33.305,-68.234],[35.9,-67.148],[52.559,-27.148],[52.168,-25.006],[-46.555,68.255]]}],"t":86},{"s":[{"c":true,"i":[[0.41,0],[0.392,0.535],[-0.891,0.652],[-7.849,8.264],[0,0],[0,0],[0.511,0.25],[0.154,0.547],[-2.836,1.034],[-0.99,0.399],[0,0],[-0.421,-1.011],[0,0],[0.541,-0.574],[34.436,-25.223]],"o":[[-0.616,0],[-0.653,-0.891],[31.926,-23.386],[0,0],[0,0],[-0.526,0.212],[-0.51,-0.251],[-0.127,-0.449],[1.003,-0.366],[0,0],[1.015,-0.408],[0,0],[0.303,0.729],[-0.639,0.677],[-0.356,0.262]],"v":[[-47.734,68.641],[-49.35,67.823],[-48.918,65.029],[48.367,-26.81],[32.967,-63.784],[-49.54,-30.524],[-51.169,-30.583],[-52.212,-31.836],[-50.027,-34.745],[-47.021,-35.852],[33.305,-68.234],[35.9,-67.148],[52.559,-27.148],[52.168,-25.006],[-46.555,68.255]]}],"t":100}],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[137.534,68.892],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-14.36],[0.02,-0.38],[1.45,-0.82],[17.24,25.44],[-13.74,0]],"o":[[0,0.38],[-1.64,1.09],[-19.14,10.82],[4.07,-10.38],[17.12,0]],"v":[[30.23,4.34],[30.2,5.47],[25.56,8.34],[-30.23,-3.78],[-0.77,-21.66]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[54.687,133.503],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[33.15,-22.01],[1.45,-0.82],[17.24,25.44],[0,0],[0,0]],"o":[[0,0],[-1.64,1.09],[-19.14,10.82],[-24.207,-60.705],[0,0],[0,0]],"v":[[93.999,-36.325],[-9.362,60.135],[-14.002,63.005],[-69.792,50.885],[-8.773,-40.932],[77.339,-76.325]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[94.248,78.837],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":30,"parent":31},{"ty":4,"nm":"RT Arm ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[26.52,9.91,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0.516,85.557,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.864},"s":[4],"t":31},{"o":{"x":0.333,"y":-0.222},"i":{"x":0.667,"y":1},"s":[-4],"t":69},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.731,-0.656],[0.51,0.251],[0.153,0.546],[4.297,43.671],[7.917,6.369],[12.027,-1.429],[0.131,1.097],[-1.096,0.13],[-11.785,-9.48],[-2.028,-20.601],[-2.703,-10]],"o":[[-0.53,0.201],[-0.51,-0.25],[-0.141,-0.499],[-1.891,-19.219],[-10.811,-8.697],[-1.1,0.126],[-0.13,-1.097],[13.242,-1.565],[8.515,6.849],[3.756,38.176],[0,0]],"v":[[39.466,74.926],[37.837,74.866],[36.794,73.615],[18.398,-20.403],[-1.246,-57.617],[-38.845,-69.59],[-41.067,-71.341],[-39.316,-73.562],[1.261,-60.734],[22.379,-20.794],[40.054,70.376]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[74.532,78.848],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[33.15,-22.01],[17.24,25.44],[8.27,39.82],[0,0],[-4.33,-44],[0,0]],"o":[[-1.64,1.09],[-10.36,-15.3],[-22,-106],[18.67,-9.67],[4.33,44],[0,0]],"v":[[25.745,91.97],[-21.685,109.72],[-49.895,29.17],[-45.895,-125.49],[22.775,-77.16],[41.105,16.51]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[72.145,135.41],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":31,"parent":33},{"ty":4,"nm":"R Hand ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[12.867,54.834,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[177.146,19.759,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":27},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":34},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":40},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":55},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":68},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":75.363},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":81.091},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[8],"t":86},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-5.412,1.443],[-2.506,7.09],[-0.532,0.215],[-0.512,-0.256],[-6.485,2.862],[-0.648,2.281],[0.325,0.399],[-0.163,0.619],[-0.596,0.232],[-0.332,1.16],[0.524,0.698],[3.607,-2.402],[0.2,-0.261],[0.276,-0.136],[0,0]],"o":[[6.109,1.309],[4.722,-1.259],[0.191,-0.541],[0.532,-0.215],[4.228,2.11],[1.983,-0.875],[3.813,-13.423],[-0.405,-0.495],[0.163,-0.619],[0.885,-0.345],[0.307,-1.075],[-3.081,-3.112],[-3.704,4.525],[-0.186,0.244],[0,0],[0,0]],"v":[[-30.71,30.999],[-5.411,33.28],[7.552,13.213],[8.689,12.025],[10.332,12.09],[33.438,16.188],[37.348,11.499],[33.226,-11.852],[32.839,-13.628],[34.046,-14.984],[36.018,-17.423],[35.671,-20.254],[-1.58,-33.456],[-25.307,-2.74],[-26.009,-2.162],[-39.923,4.721]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.164,0],[0.67,0.152],[0.228,0.65],[0,0],[-0.906,0.448],[0,0],[-3.609,4.393],[-2.276,-0.051],[-2.244,-2.991],[0.658,-2.304],[1.044,-0.96],[3.422,-12.045],[3.098,-1.366],[4.764,2.082],[6.981,-1.862]],"o":[[-9.092,0],[-0.671,-0.152],[0,0],[-0.334,-0.954],[0,0],[2.546,-3.329],[0.928,-1.131],[10.093,0.223],[1.288,1.718],[-0.425,1.487],[2.405,3.782],[-0.98,3.45],[-7.676,3.383],[-2.104,5.376],[-1.516,0.404]],"v":[[-10.007,37.713],[-32.671,34.663],[-34.116,33.374],[-44.283,4.374],[-43.282,1.92],[-28.201,-5.54],[-4.607,-36.057],[0.17,-37.662],[38.872,-22.654],[39.864,-16.325],[37.596,-12.579],[41.195,12.592],[35.049,19.85],[10.555,16.598],[-4.38,37.145]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[44.867,39.705],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.779,0],[0.255,0.108],[0,0],[-0.431,1.017],[-1.016,-0.431],[0,0],[0.431,-1.017]],"o":[[-0.26,0],[0,0],[-1.017,-0.432],[0.431,-1.016],[0,0],[1.017,0.432],[-0.323,0.761]],"v":[[13.749,7.97],[12.969,7.811],[-14.531,-3.856],[-15.591,-6.479],[-12.969,-7.539],[14.531,4.128],[15.591,6.751]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[65.888,20.615],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-3.833,4.667],[-2,-2.666],[3,-1.167],[4.166,-14.666],[0,0],[7.5,-2],[0,0]],"o":[[0,0],[0,0],[3.834,-4.667],[2,2.667],[0,0],[-4.167,14.667],[0,0],[-7.5,2],[0,0]],"v":[[-42.916,4.833],[-27.416,-2.833],[-3.584,-33.667],[36.751,-20.333],[34.251,-11.999],[38.751,13.167],[8.916,15.001],[-5.416,36.333],[-32.749,33.833]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[45.388,38.584],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":32,"parent":30},{"ty":4,"nm":"Body ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[157.25,221.907,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[309.148,480,0],"t":0,"ti":[0,0,0],"to":[0,6.667,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[309.148,520,0],"t":50,"ti":[0,6.667,0],"to":[0,0,0]},{"s":[309.148,480,0],"t":100}],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.146,-1.98],[-8.466,1.091],[-0.027,0.145],[-0.762,0.189],[-0.487,-0.617],[-3.023,-6.816],[-0.576,7.048],[13.583,-1.013],[6.027,-12.144]],"o":[[7.536,14.72],[1.775,-12.235],[0.142,-0.773],[0.763,-0.191],[5.244,6.644],[2.696,-3.069],[-5.008,-19.987],[-14.019,1.035],[-3.946,7.952]],"v":[[-35.75,11.908],[5.819,26.544],[10.174,0.226],[11.659,-1.354],[13.711,-0.652],[28.033,21.834],[35.763,5.658],[-0.64,-25.648],[-30.85,-5.787]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[3.673,0],[6.888,14.416],[-0.013,0.323],[-36.978,2.731],[-4.878,-20.06],[0.013,-0.203],[0.422,-0.378],[0.653,0.175],[0.212,0.64],[5.796,7.833],[1.175,-8.31],[0.824,-0.173]],"o":[[-12.355,0],[-0.14,-0.292],[0.014,-0.391],[17.163,-1.271],[0.047,0.198],[-0.785,11.936],[-0.502,0.451],[-0.652,-0.174],[-1.608,-4.873],[-0.952,5.411],[-0.118,0.834],[-1.811,0.381]],"v":[[-0.492,30.908],[-39.583,13.18],[-39.777,12.244],[-0.936,-29.637],[39.725,5.015],[39.777,5.619],[28.646,26.957],[26.796,27.4],[25.412,26.095],[13.31,5.41],[9.572,28.557],[8.003,30.235]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[83.63,31.158],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-4.89,-20.11],[0,0],[6.67,8.45],[1.79,-12.66],[8.28,17.33],[-35.62,2.63]],"o":[[-0.74,11.26],[-2.04,-6.18],[0,0],[-7.37,1.55],[0,0],[15.33,-1.14]],"v":[[37.78,4.965],[27.31,24.945],[12.14,0.065],[7.59,27.755],[-37.78,11.795],[-0.79,-28.165]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[83.632,31.681],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.226,0],[0.295,0.815],[28.622,41.189],[-0.907,0.63],[-0.631,-0.908],[-10.276,-28.426],[1.039,-0.375]],"o":[[-0.818,0],[-10.194,-28.2],[-0.631,-0.906],[0.906,-0.632],[28.868,41.544],[0.375,1.038],[-0.224,0.081]],"v":[[28.616,58.194],[26.735,56.873],[-30.241,-54.779],[-29.74,-57.562],[-26.956,-57.061],[30.497,55.514],[29.296,58.074]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[190.628,95.237],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.596,0],[0.365,0.283],[-0.678,0.872],[-87.386,44.524],[-0.502,-0.986],[0.985,-0.502],[0.852,-1.095]],"o":[[-0.429,0],[-0.872,-0.679],[0.858,-1.103],[0.982,-0.501],[0.501,0.983],[-86.601,44.123],[-0.394,0.507]],"v":[[-86.772,79.512],[-88,79.092],[-88.35,76.285],[85.836,-79.012],[88.526,-78.137],[87.651,-75.447],[-85.193,78.741]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[204.357,334.715],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.7,0],[0.606,0.27],[7.316,26.157],[0.032,0.125],[-1.069,0.278],[-0.278,-1.068],[-2.013,-3.879],[-3.125,1.751],[-0.239,0.954],[6.622,21.31],[-1.055,0.328],[-0.328,-1.054],[1.286,-5.144],[3.199,-1.56]],"o":[[-0.937,0],[-1.216,-0.54],[-3.496,-12.498],[-0.278,-1.069],[1.071,-0.276],[5.637,21.683],[1.382,0.093],[1.638,-0.918],[0.626,-3.015],[-0.328,-1.055],[1.055,-0.327],[3.264,10.506],[-0.576,2.307],[-2.706,1.32]],"v":[[1.413,30.102],[-0.944,29.712],[-10.527,2.548],[-17.316,-22.612],[-15.885,-25.051],[-13.445,-23.619],[1.029,26.11],[9.519,23.802],[12.429,20.9],[-0.042,-27.272],[1.275,-29.775],[3.779,-28.459],[16.309,21.87],[10.538,27.781]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[111.233,90.851],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-135.334,87.333],[0,0],[60.667,82],[30,-2.666],[0,0],[-17.333,-58.667]],"o":[[0,0],[0,0],[0,0],[0,0],[-30,2.667],[0,0],[17.333,58.667]],"v":[[-33.667,213.666],[157,30.334],[77,-28.334],[-2.334,-200.501],[-84.334,-211.001],[-157,-144.334],[-111.667,91.015]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[157.25,229.897],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":33},{"ty":4,"nm":"L Finger ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[12.364,22.703,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-1.133,26.436,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.448,-0.244],[0.514,-0.788],[-3.331,-13.088],[-3.024,0.442],[0.083,2.071],[4.761,3.873]],"o":[[-0.845,0.141],[-2.314,3.546],[1.101,4.323],[3.006,-0.438],[-0.422,-10.543],[-1.173,-0.954]],"v":[[-3.557,-16.91],[-5.549,-15.549],[-3.948,10.624],[4.383,17.245],[7.616,11.197],[0.286,-15.865]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.406,0],[1.546,6.071],[-3.054,4.678],[-1.944,0.323],[-2.071,-1.685],[-0.284,-7.099],[1.647,-0.239]],"o":[[-4.608,0],[-3.766,-14.794],[1.12,-1.717],[2.589,-0.433],[7.092,5.769],[0.339,8.485],[-0.39,0.057]],"v":[[3.764,21.288],[-7.824,11.611],[-8.898,-17.735],[-4.214,-20.855],[2.81,-18.968],[11.613,11.037],[4.96,21.203]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[12.527,21.538],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[10,-1.667],[-2.333,-9.167],[0.5,12.5]],"o":[[-8.391,1.398],[2.333,9.167],[-0.5,-12.5]],"v":[[-2.804,-20.417],[-4.804,9.583],[10.696,9.583]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[11.446,23.072],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":34,"parent":35},{"ty":4,"nm":"L Hand ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[24.592,23.902,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[90,100,100],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[90,100,100],"t":86},{"s":[100,100,100],"t":100}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[130.365,120.764,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.986},"s":[137.365,121.764,0],"t":18,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.014},"i":{"x":0.667,"y":1},"s":[137.219,128.743,0],"t":25,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.986},"s":[137.365,121.764,0],"t":32,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.046},"i":{"x":0.667,"y":1},"s":[137.219,128.743,0],"t":39,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.986},"s":[137.365,121.764,0],"t":63,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.014},"i":{"x":0.667,"y":1},"s":[137.219,128.743,0],"t":70,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.986},"s":[137.365,121.764,0],"t":77,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0.02},"i":{"x":0.667,"y":1},"s":[137.219,128.743,0],"t":84,"ti":[0,0,0],"to":[0,0,0]},{"s":[130.365,120.764,0],"t":100}],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":-12,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[7.264,-3.091],[-3.238,-14.145],[-3.83,-0.703],[-1.012,1.518],[3.31,4.664]],"o":[[-4.595,1.956],[1.479,6.46],[9.273,1.703],[2.721,-4.081],[-3.002,-4.229]],"v":[[-14.165,-16.308],[-16.332,9.405],[-1.958,18.899],[17.054,17.409],[15.254,-9.325]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.456,0],[2.831,0.519],[1.435,6.27],[-8.611,3.665],[-4.193,-5.908],[3.96,-5.939]],"o":[[-2.959,0],[-9.882,-1.813],[-2.7,-11.794],[8.535,-3.631],[4.033,5.684],[-1.811,2.717]],"v":[[6.177,23.62],[-2.681,22.833],[-20.231,10.298],[-15.731,-19.989],[18.516,-11.64],[20.382,19.628]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[24.592,23.87],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[7.833,-3.333],[-3.167,-13.833],[-3.334,5],[3.667,5.166]],"o":[[-6.317,2.688],[3.166,13.833],[3.333,-5],[-3.666,-5.167]],"v":[[-15.25,-19.25],[-18.583,8.75],[18.417,17.417],[16.583,-11.583]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[24.894,24.972],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":35,"parent":36},{"ty":4,"nm":" L Arm ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0.842,1.375,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[110,100,100],"t":18},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[110,100,100],"t":86},{"s":[100,100,100],"t":100}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[155.009,30.522,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":0.9},"s":[2],"t":30},{"o":{"x":0.333,"y":-0.167},"i":{"x":0.667,"y":1},"s":[-3],"t":65},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-9,-39],[54,47.5]],"o":[[0,0],[9,39],[-54,-47.5]],"v":[[-82.592,-82.5],[74.092,31.886],[-29.092,35]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.2863,0.4039,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[83.343,82.75],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":36,"parent":33},{"ty":4,"nm":"R Leg Line","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[19.862,10.305,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[243.58,341.531,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.278,0],[0.336,0.735],[-1.004,0.459],[0,0],[-0.459,-1.005],[1.004,-0.459],[0,0]],"o":[[-0.759,0],[-0.459,-1.005],[0,0],[1.005,-0.458],[0.459,1.005],[0,0],[-0.269,0.123]],"v":[[-17.332,10.055],[-19.152,8.886],[-18.164,6.236],[16.501,-9.597],[19.152,-8.609],[18.164,-5.959],[-16.503,9.874]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[19.861,10.305],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":37,"parent":44},{"ty":4,"nm":"RD Leg ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[82.33,8.32,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[82.33,8.32,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[12.701,0],[0.648,0.171],[-0.281,1.067],[-1.068,-0.281],[-23.212,22.258],[-0.764,-0.798],[0.797,-0.765]],"o":[[-9.813,0],[-1.067,-0.282],[0.281,-1.068],[0.345,0.089],[0.799,-0.765],[0.765,0.797],[-14.024,13.447]],"v":[[-12.825,8.599],[-30.342,6.63],[-31.764,4.189],[-29.322,2.763],[28.452,-10.746],[31.28,-10.686],[31.22,-7.859]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[112.41,258.196],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.223,0],[0.291,0.819],[2.604,7.919],[0,0],[-0.079,-0.241],[-24.376,-68.518],[1.041,-0.371]],"o":[[-0.822,0],[-23.77,-66.815],[0,0],[0.163,0.194],[0.451,1.368],[0.37,1.04],[-0.221,0.078]],"v":[[34.595,104.767],[32.71,103.436],[-36.848,-102.494],[-33.535,-104.767],[-33.169,-104.108],[36.479,102.096],[35.265,104.651]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[57.318,146.794],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.52,-0.19],[8.76,23.84],[0,0]],"o":[[-0.5,0.22],[-18.14,6.67],[-8.5,-23.14],[0,0]],"v":[[29.375,23.16],[27.845,23.78],[-20.875,-7.31],[17.145,-26.14]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[71.105,30.7],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[-26,38.66],[-24.67,-55.33],[0,0],[0,0],[0,0],[0,0]],"v":[[75.33,107.005],[6,127.665],[-75.33,-98.335],[-30.373,-120.029],[12.67,-145.665],[24.9,-96.365]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[75.58,150.225],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":38,"parent":43},{"ty":4,"nm":"Mask","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"tt":1,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-136.75,-224,0],"ix":1},"s":{"a":0,"k":[130,130,130],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[98.107,4.127,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":1,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[81.183,81.183],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-135.908,-224.408],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":39,"parent":38},{"ty":4,"nm":"RT Leg ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[150.51,109.332,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[150.51,109.332,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-0.847,0.709],[-0.709,-0.847],[0,0],[-0.079,-0.241]],"o":[[0,0],[-0.71,-0.846],[0.846,-0.709],[0,0],[0.163,0.194],[0.45,1.368]],"v":[[91.168,112.658],[-94.588,-109.132],[-94.339,-111.948],[-91.522,-111.7],[94.481,110.385],[94.848,111.045]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[151.302,230.002],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.52,-0.19],[8.76,23.84],[-17.01,7.47],[0,0]],"o":[[-18.14,6.67],[-8.5,-23.141],[0,0],[0,0]],"v":[[23,26.833],[-15.02,15.385],[0.4,-39.225],[23,-3.444]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[287.25,306.365],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.927,0],[0.139,0.029],[-0.227,1.081],[0,0],[2.237,3.641],[0,0],[-0.942,0.578],[-0.577,-0.941],[0,0],[1.087,-5.187],[0,0]],"o":[[-0.136,0],[-1.081,-0.227],[0,0],[0.876,-4.182],[0,0],[-0.578,-0.94],[0.942,-0.579],[0,0],[2.774,4.516],[0,0],[-0.198,0.943]],"v":[[10.778,40.227],[10.365,40.184],[8.818,37.817],[12.567,19.91],[10.458,7.779],[-16.992,-36.898],[-16.334,-39.648],[-13.583,-38.991],[13.865,5.685],[16.482,20.73],[12.734,38.636]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[172.867,64.197],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.365,0],[0.381,0.603],[0,0],[19.414,12.976],[-0.614,0.918],[-0.919,-0.614],[-0.523,-0.755],[0,0],[0.934,-0.589]],"o":[[-0.664,0],[0,0],[-0.077,-0.108],[-0.919,-0.614],[0.612,-0.919],[20.07,13.415],[0,0],[0.59,0.934],[-0.332,0.21]],"v":[[37.17,50.982],[35.476,50.049],[-6.287,-16.093],[-38.283,-47.042],[-38.834,-49.816],[-36.061,-50.368],[-2.952,-18.299],[38.859,47.914],[38.235,50.672]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[167.507,86.75],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":5,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[180.265,114.258],[187.578,77.758],[155.64,22.758]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-57.33,32.67],[0,0],[0,0],[0,0],[37.035,15.994]],"o":[[0,0],[0,0],[57.33,-32.669],[0,0],[0,0],[-17.735,36.338],[0,0]],"v":[[67,164.917],[-117,-41.083],[-97.67,-152.413],[7.66,-115.744],[132.4,81.808],[155,117.588],[85.66,177.589]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[155.25,185.332],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":40,"parent":44},{"ty":4,"nm":"Mask","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"tt":1,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-136.75,-224,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-136.75,-224,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[81.183,81.183],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-135.908,-224.408],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":41,"parent":39},{"ty":4,"nm":"RD Leg Line","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-253.5,375.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[93.265,251.148,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":1,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-324.75,168],[-254,375]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[-255.197,374.397],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-255.197,374.397],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":42,"parent":43},{"ty":4,"nm":"RD Leg ","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[82.33,8.32,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[304.33,306.68,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[12.701,0],[0.648,0.171],[-0.281,1.067],[-1.068,-0.281],[-23.212,22.258],[-0.764,-0.798],[0.797,-0.765]],"o":[[-9.813,0],[-1.067,-0.282],[0.281,-1.068],[0.345,0.089],[0.799,-0.765],[0.765,0.797],[-14.024,13.447]],"v":[[-12.825,8.599],[-30.342,6.63],[-31.764,4.189],[-29.322,2.763],[28.452,-10.746],[31.28,-10.686],[31.22,-7.859]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[112.41,258.196],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[-26,38.66],[-24.67,-55.33],[0,0],[0,0],[0,0],[0,0]],"v":[[75.33,107.005],[6,127.665],[-75.33,-98.335],[-30.373,-120.029],[12.67,-145.665],[24.9,-96.365]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[75.58,150.225],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":43,"parent":44},{"ty":4,"nm":"RT Leg","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[150.51,109.332,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[229.846,377.31,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-12],"t":50},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-0.847,0.709],[-0.709,-0.847],[0,0],[-0.079,-0.241]],"o":[[0,0],[-0.71,-0.846],[0.846,-0.709],[0,0],[0.163,0.194],[0.45,1.368]],"v":[[91.168,112.658],[-94.588,-109.132],[-94.339,-111.948],[-91.522,-111.7],[94.481,110.385],[94.848,111.045]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[151.302,230.002],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.927,0],[0.139,0.029],[-0.227,1.081],[0,0],[2.237,3.641],[0,0],[-0.942,0.578],[-0.577,-0.941],[0,0],[1.087,-5.187],[0,0]],"o":[[-0.136,0],[-1.081,-0.227],[0,0],[0.876,-4.182],[0,0],[-0.578,-0.94],[0.942,-0.579],[0,0],[2.774,4.516],[0,0],[-0.198,0.943]],"v":[[10.778,40.227],[10.365,40.184],[8.818,37.817],[12.567,19.91],[10.458,7.779],[-16.992,-36.898],[-16.334,-39.648],[-13.583,-38.991],[13.865,5.685],[16.482,20.73],[12.734,38.636]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[172.867,64.197],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.365,0],[0.381,0.603],[0,0],[19.414,12.976],[-0.614,0.918],[-0.919,-0.614],[-0.523,-0.755],[0,0],[0.934,-0.589]],"o":[[-0.664,0],[0,0],[-0.077,-0.108],[-0.919,-0.614],[0.612,-0.919],[20.07,13.415],[0,0],[0.59,0.934],[-0.332,0.21]],"v":[[37.17,50.982],[35.476,50.049],[-6.287,-16.093],[-38.283,-47.042],[-38.834,-49.816],[-36.061,-50.368],[-2.952,-18.299],[38.859,47.914],[38.235,50.672]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[167.507,86.75],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":5,"cix":2,"np":3,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[180.265,114.258],[187.578,77.758],[155.64,22.758]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-57.33,32.67],[0,0],[0,0],[0,0],[37.035,15.994]],"o":[[0,0],[0,0],[57.33,-32.669],[0,0],[0,0],[-17.735,36.338],[0,0]],"v":[[67,164.917],[-117,-41.083],[-97.67,-152.413],[7.66,-115.744],[132.4,81.808],[155,117.588],[85.66,177.589]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[155.25,185.332],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":44,"parent":33},{"ty":4,"nm":"R Shoe","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[18.323,4.783,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[114.087,266.016,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-7],"t":50},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-10.417,13.291],[0,0],[0,0]],"o":[[2.727,1.525],[0,0],[0,0],[0,0]],"v":[[-7.107,18.296],[18.114,12.144],[11.712,-20.78],[-17.675,-11.569]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.868,0],[0.096,0.063],[0.145,0.412],[0,0],[-0.243,0.486],[-0.518,0.163],[0,0],[-0.488,-0.291],[-0.109,-0.559],[0,0],[0.335,-0.451]],"o":[[-7.025,0],[-0.366,-0.24],[0,0],[-0.181,-0.512],[0.243,-0.485],[0,0],[0.543,-0.169],[0.489,0.291],[0,0],[0.107,0.552],[-6.355,8.556]],"v":[[2.528,24.732],[-9.849,21.315],[-10.637,20.31],[-22.137,-12.19],[-22.041,-13.752],[-20.85,-14.766],[12.65,-25.266],[14.272,-25.075],[15.211,-23.739],[22.211,12.261],[21.853,13.835]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[22.568,25.685],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-13,17.5],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-20.25,-16.25],[-8.75,16.25],[20.25,9.25],[13.25,-26.75]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[22.566,29.078],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-28.896,-0.313],[-6.889,11.226],[3.772,7.236],[3.921,0.169],[-9.716,-29.441],[0.511,-0.534],[0.711,0.201],[29.203,16.426],[-1.12,-2.611]],"o":[[13.434,0.185],[5.702,-9.292],[-7.161,-13.753],[-3.528,1.827],[0.232,0.703],[-0.512,0.535],[-0.504,-0.143],[1.088,2.759],[6.665,3.595]],"v":[[30.828,30.335],[62.806,12.894],[66.034,-14.74],[28.243,-30.318],[11.706,14.038],[11.251,16.049],[9.263,16.59],[-67.948,-13.499],[-64.63,-5.432]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[14.669,0],[0.163,0.002],[2.699,1.48],[0.176,0.408],[1.84,4.919],[-0.663,0.543],[-0.727,-0.453],[-12.281,-3.676],[-0.295,0.139],[-0.314,-0.004],[-8.776,-16.856],[6.511,-10.609]],"o":[[-0.161,0],[-31.47,-0.342],[-0.391,-0.214],[-1.955,-4.525],[-0.3,-0.802],[0.664,-0.541],[23.731,14.816],[-8.285,-32.049],[0.28,-0.131],[1.342,0.029],[4.467,8.57],[-7.559,12.319]],"v":[[31.269,34.339],[30.785,34.335],[-67.155,-2.251],[-68.03,-3.212],[-73.747,-17.445],[-73.14,-19.693],[-70.815,-19.841],[6.853,11.715],[26.953,-34.143],[27.849,-34.335],[69.581,-16.589],[66.216,14.984]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[93.34,133.662],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[31.34,0.33],[0,0],[1.78,4.759],[0,0],[0,0],[-8.33,-16]],"o":[[-31.33,-0.34],[-2,-4.631],[28.48,17.78],[-11,-33.33],[0,0],[8.34,16]],"v":[[28.67,32.17],[-68.33,-4.17],[-74.01,-18.31],[7.67,14.5],[25.67,-32.5],[65.67,-15.83]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[95.476,133.828],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.667,0],[0.329,0.206],[0.425,0.472],[-0.821,0.739],[-0.739,-0.821],[-34.027,-21.266],[0.585,-0.937]],"o":[[-0.362,0],[-34.506,-21.565],[-0.739,-0.821],[0.82,-0.739],[0.422,0.469],[0.937,0.586],[-0.38,0.607]],"v":[[38.47,36.445],[37.412,36.142],[-40.014,-32.882],[-39.866,-35.706],[-37.042,-35.559],[39.532,32.749],[40.168,35.506]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[80.344,70.548],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.706,0],[0.305,0.169],[1.779,2.15],[-0.851,0.704],[-0.704,-0.851],[-35.578,-19.585],[0.533,-0.968]],"o":[[-0.326,0],[-36.25,-19.954],[-0.705,-0.85],[0.851,-0.706],[0.431,0.52],[0.968,0.532],[-0.364,0.661]],"v":[[39.812,38.29],[38.849,38.042],[-41.393,-34.769],[-41.128,-37.584],[-38.312,-37.318],[40.777,34.538],[41.565,37.255]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[62.335,84.371],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.686,0],[0.529,-0.148],[0.978,-2.631],[-0.955,-3.41],[-4.662,1.3],[-0.978,2.631],[0.954,3.41],[2.388,1.889]],"o":[[-0.552,0],[-2.141,0.598],[-1.061,2.852],[1.904,6.814],[2.142,-0.599],[1.061,-2.854],[-0.954,-3.411],[-1.657,-1.311]],"v":[[-1.83,-12.28],[-3.455,-12.059],[-8.293,-7.051],[-8.459,2.661],[3.455,12.653],[8.293,7.645],[8.46,-2.069],[3.278,-10.288]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.891,0],[2.176,7.781],[-1.354,3.639],[-3.406,0.952],[-3.23,-2.556],[-1.18,-4.218],[1.354,-3.638],[3.407,-0.952]],"o":[[-5.999,0],[-1.18,-4.219],[1.436,-3.861],[3.406,-0.956],[3.045,2.41],[1.179,4.22],[-1.436,3.863],[-0.878,0.246]],"v":[[1.874,16.867],[-12.311,3.74],[-12.042,-8.446],[-4.533,-15.911],[5.76,-13.425],[12.312,-3.147],[12.043,9.038],[4.533,16.504]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[27.464,84.198],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-2.206,-7.888],[5.736,-1.604],[2.206,7.887],[-5.736,1.604]],"o":[[2.206,7.888],[-5.735,1.603],[-2.206,-7.888],[5.735,-1.604]],"v":[[10.386,-2.905],[3.993,14.283],[-10.386,2.904],[-3.993,-14.282]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[27.464,84.494],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[31.34,0.33],[0,0],[1.78,4.759],[0,0],[-15.66,8.67],[-10.67,-14],[0,0],[-8.33,-16]],"o":[[-31.33,-0.34],[-2,-4.631],[-11.56,-30.9],[0,0],[0,0],[10.67,14],[0,0],[8.34,16]],"v":[[38.16,73.835],[-58.84,37.495],[-64.52,23.355],[-82.84,-38.835],[-67.84,-65.505],[-35.17,-60.165],[35.16,9.165],[75.16,25.835]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[85.986,92.163],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":45,"parent":43},{"ty":4,"nm":"LD Leg Line","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[172.87,142.065,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[172.87,142.065,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Shape 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[172.346,142.093],[30.845,63.593]]}],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[172.346,142.093],[21.825,62.443]]}],"t":50},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[172.346,142.093],[30.845,63.593]]}],"t":100}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":46,"parent":53},{"ty":4,"nm":"L Leg Line","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[6.263,25.523,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,90,100],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,80,100],"t":50},{"s":[100,90,100],"t":100}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[416.384,63.808,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-8],"t":50},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.017,0],[0.066,0.006],[-0.107,1.1],[0,0],[-1.094,-0.104],[0.107,-1.1],[0,0]],"o":[[-0.065,0],[-1.099,-0.108],[0,0],[0.107,-1.099],[1.1,0.108],[0,0],[-0.1,1.033]],"v":[[-3.038,33.273],[-3.234,33.264],[-5.031,31.079],[1.05,-31.372],[3.234,-33.169],[5.031,-30.984],[-1.05,31.467]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[5.388,33.523],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":47,"parent":48},{"ty":4,"nm":"L Top","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[186.231,140.315,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[186.231,140.315,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0.345,1.05],[-1.049,0.345],[0,0],[-0.487,-0.271]],"o":[[0,0],[-1.051,0.345],[-0.346,-1.049],[0,0],[0.528,-0.175],[0,0]],"v":[[116.195,-36.045],[-114.495,39.947],[-117.021,38.673],[-115.747,36.147],[115.773,-40.116],[117.367,-39.967]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[299.854,101.931],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-3.681,-3.839],[0.118,-0.001],[5.28,11.3],[-2.711,-0.13]],"o":[[9.982,10.409],[-22.862,0.127],[19.919,-5.37],[1.548,0.075]],"v":[[35.644,5.523],[16.038,19.59],[-32.399,-3.928],[8.954,-13.935]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[411.296,14.315],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[41.412,-11.261],[54.67,-22.66],[-106,58],[-82.89,22.31],[-2.71,-0.13],[-1.637,-1.35],[-4.887,-5.32]],"o":[[0,0],[-54.66,22.67],[0,0],[19.92,-5.37],[0.504,0.024],[4.655,3.84],[29.034,31.603]],"v":[[177.189,-1.935],[-37.481,89.395],[-127.481,-22.605],[150.449,-103.425],[186.519,-111.935],[189.831,-109.763],[204.447,-95.963]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[233.731,112.315],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":48,"parent":52},{"ty":4,"nm":"Mask","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"tt":1,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-136.75,-224,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-136.75,-224,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[81.183,81.183],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-135.908,-224.408],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":49,"parent":51},{"ty":4,"nm":"LD Leg","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[35.37,6.065,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[35.37,6.065,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[31.34,-20.67],[0,0],[-58.144,14.839],[-16.83,-11.33]],"o":[[0,0],[0,0],[-37.814,-22.161],[3.424,-0.874],[49.85,33.56]],"v":[[89.665,28.696],[55.665,90.026],[-89.665,20.026],[-80.335,-89.974],[-47.405,-70.833]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[115.325,90.353],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":50,"parent":53},{"ty":4,"nm":"Mask","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"tt":1,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-136.75,-224,0],"ix":1},"s":{"a":0,"k":[130,130,130],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[36.187,-18.053,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":1,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[81.183,81.183],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[-135.908,-224.408],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":51,"parent":50},{"ty":4,"nm":"L Top Leg","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[186.231,140.315,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[268.227,352.832,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[4],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-2],"t":50},{"s":[4],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0,0],[0,0],[0.345,1.05],[-1.049,0.345],[0,0],[-0.487,-0.271]],"o":[[0,0],[-1.051,0.345],[-0.346,-1.049],[0,0],[0.528,-0.175],[0,0]],"v":[[116.195,-36.045],[-114.495,39.947],[-117.021,38.673],[-115.747,36.147],[115.773,-40.116],[117.367,-39.967]]}],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0,0],[0,0],[0.345,1.05],[-1.049,0.345],[0,0],[-0.487,-0.271]],"o":[[0,0],[-1.051,0.345],[-0.346,-1.049],[0,0],[0.528,-0.175],[0,0]],"v":[[116.195,-36.045],[-122.221,44.59],[-124.747,43.316],[-123.473,40.791],[115.773,-40.116],[117.367,-39.967]]}],"t":50},{"s":[{"c":true,"i":[[0,0],[0,0],[0.345,1.05],[-1.049,0.345],[0,0],[-0.487,-0.271]],"o":[[0,0],[-1.051,0.345],[-0.346,-1.049],[0,0],[0.528,-0.175],[0,0]],"v":[[116.195,-36.045],[-114.495,39.947],[-117.021,38.673],[-115.747,36.147],[115.773,-40.116],[117.367,-39.967]]}],"t":100}],"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[299.854,101.931],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[75.685,-34.912],[54.67,-22.66],[-106,58],[-82.89,22.31],[-2.71,-0.13],[-1.637,-1.35],[-4.887,-5.32]],"o":[[0,0],[-54.66,22.67],[0,0],[19.92,-5.37],[0.504,0.024],[4.655,3.84],[29.034,31.603]],"v":[[177.189,-1.935],[-37.481,89.395],[-127.481,-22.605],[150.449,-103.425],[186.519,-111.935],[189.831,-109.763],[204.447,-95.963]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[233.731,112.315],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":52,"parent":33},{"ty":4,"nm":"LD Leg","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[35.37,6.065,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[420.63,6.065,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-10],"t":50},{"s":[0],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.379,0],[0.385,0.581],[-0.922,0.609],[-0.045,0.304],[-1.1,-0.164],[0.162,-1.091],[22.155,-14.657]],"o":[[-0.649,0],[-0.609,-0.922],[20.65,-13.661],[0.164,-1.092],[1.092,0.164],[-0.197,1.316],[-0.34,0.225]],"v":[[-13.096,24.904],[-14.767,24.008],[-14.202,21.237],[11.257,-23.057],[13.53,-24.74],[15.214,-22.469],[-11.994,24.573]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[177.425,141.142],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.704,0],[0.307,0.17],[0,0],[0,0],[-0.488,-0.271],[0,0],[0.536,-0.966]],"o":[[-0.328,0],[0,0],[0,0],[0.529,-0.175],[0,0],[0.966,0.535],[-0.364,0.659]],"v":[[70.169,41.355],[69.201,41.104],[-72.034,-37.108],[-72.456,-41.18],[-70.861,-41.03],[71.139,37.605],[71.919,40.323]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[102.823,102.994],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[31.34,-20.67],[0,0],[-58.144,14.839],[-16.83,-11.33]],"o":[[0,0],[0,0],[-62.814,-33.661],[3.424,-0.874],[49.85,33.56]],"v":[[89.665,28.696],[55.665,90.026],[-89.665,20.026],[-80.335,-89.974],[-47.405,-70.833]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[115.325,90.353],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":53,"parent":48},{"ty":4,"nm":"L Shoe","sr":1,"st":0,"op":100,"ip":0,"hd":false,"ddd":1,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[8.754,43.589,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[184.721,153.608,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[5],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":50},{"s":[5],"t":100}],"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[3.619,16.494],[0,0]],"o":[[0,0],[2.913,-1.132],[0,0],[0,0]],"v":[[-22.836,9.218],[6.922,20.083],[18.235,-3.282],[-11.229,-19.307]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.199,0],[0.221,0.081],[0,0],[0.22,0.496],[-0.204,0.503],[0,0],[-0.536,0.192],[-0.499,-0.273],[0,0],[-0.133,-0.545],[0.202,-0.062]],"o":[[-0.233,0],[0,0],[-0.51,-0.186],[-0.22,-0.497],[0,0],[0.214,-0.528],[0.535,-0.193],[0,0],[0.494,0.268],[5.607,22.736],[-0.192,0.059]],"v":[[6.914,24.209],[6.228,24.088],[-26.156,12.264],[-27.299,11.196],[-27.323,9.632],[-14.091,-22.886],[-12.912,-24.016],[-11.284,-23.889],[20.934,-6.367],[21.92,-5.09],[7.504,24.12]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[27.777,48.973],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[5.219,21.166],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-25.334,10.347],[7.05,22.171],[20.115,-4.649],[-12.103,-22.171]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[27.641,49.011],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[46.201,5.674],[46.211,5.674]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[31.259,-12.062],[-2.722,-0.798],[-18.64,22.084],[4.27,12.461],[7.981,1.698],[2.626,-2.916],[-28.889,-11.251],[-0.086,-0.734],[0.608,-0.421]],"o":[[2.822,0.918],[7.016,-2.851],[8.661,-10.269],[-3.535,-10.312],[-15.172,-3.236],[-0.838,3.884],[0.69,0.269],[0.086,0.735],[-0.431,0.299]],"v":[[-52.017,52.647],[-43.685,55.225],[44.673,4.385],[51.582,-31.38],[32.327,-51.461],[-3.744,-32.238],[19.93,8.755],[21.191,10.385],[20.343,12.263]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.252,0],[0.183,0.053],[4.973,1.715],[-0.004,0.857],[-0.812,0.272],[-10.656,7.131],[-0.081,0.316],[-0.202,0.235],[-18.594,-3.965],[-4.036,-11.776],[9.591,-11.371],[2.859,-1.14]],"o":[[-0.188,0],[-4.725,-1.371],[-0.81,-0.28],[0.004,-0.856],[26.527,-8.866],[-29.989,-14.015],[0.076,-0.3],[0.876,-1.016],[9.453,2.011],[4.738,13.823],[-20.299,24.049],[-0.237,0.095]],"v":[[-43.578,59.339],[-44.136,59.26],[-58.751,54.608],[-60.099,52.707],[-58.733,50.82],[15.049,11.017],[-7.516,-33.679],[-7.093,-34.491],[33.16,-55.373],[55.365,-32.677],[47.729,6.965],[-42.838,59.197]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[152.849,59.589],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[20.208,-23.958],[0,0],[4.804,1.658],[0,0],[0,0],[-17.642,-3.763]],"o":[[-20.209,23.943],[-4.844,-1.405],[31.843,-10.643],[-32.705,-12.737],[0,0],[17.647,3.755]],"v":[[42.046,5.595],[-47.733,57.259],[-62.254,52.638],[15.05,10.54],[-9.733,-33.264],[28.588,-53.496]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[157.004,59.668],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.002,1.103],[-1.104,0.001],[-37.755,14.967],[-0.408,-1.027],[1.027,-0.408],[2.79,-0.004]],"o":[[-1.104,0],[-0.002,-1.105],[0.676,-0.001],[1.028,-0.407],[0.408,1.027],[-38.467,15.249],[0,0]],"v":[[-53.382,9.824],[-55.382,7.827],[-53.386,5.824],[52.381,-9.417],[54.976,-8.295],[53.855,-5.698],[-53.379,9.824]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[99.035,53.228],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.232,0],[0.891,-0.191],[0.902,-2.032],[-1.406,-2.43],[-3.237,-1.436],[-1.964,4.428],[6.466,2.868]],"o":[[-0.955,0],[-2.744,0.588],[-0.901,2.033],[1.524,2.634],[6.468,2.867],[1.963,-4.427],[-2.268,-1.006]],"v":[[-4.009,-9.323],[-6.786,-9.037],[-12.44,-4.973],[-11.658,1.947],[-4.274,8.259],[11.016,5.431],[2.85,-7.8]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.47,0],[2.818,1.25],[1.944,3.36],[-1.434,3.233],[-4.029,0.864],[-4.003,-1.777],[2.857,-6.443]],"o":[[-2.722,0],[-4.005,-1.776],[-2.064,-3.566],[1.434,-3.234],[3.795,-0.812],[8.483,3.762],[-1.91,4.304]],"v":[[2.543,13.759],[-5.895,11.915],[-15.12,3.95],[-16.096,-6.594],[-7.625,-12.948],[4.471,-11.456],[14.673,7.053]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1765,0.1647,0.1647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[75.358,87.698],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-7.487,-3.321],[2.414,-5.445],[7.486,3.321],[-2.415,5.444]],"o":[[7.486,3.321],[-2.415,5.444],[-7.487,-3.32],[2.414,-5.445]],"v":[[4.373,-9.858],[13.557,6.014],[-4.372,9.858],[-13.556,-6.012]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[74.646,87.928],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[20.208,-23.958],[0,0],[4.804,1.658],[0,0],[-3.285,17.596],[-17.588,-0.685],[0,0],[-17.642,-3.763]],"o":[[-20.209,23.943],[-4.844,-1.405],[-31.188,-10.759],[0,0],[0,0],[17.589,0.686],[0,0],[17.647,3.755]],"v":[[79.007,5.595],[-10.772,57.259],[-25.293,52.638],[-84.914,27.171],[-95.93,-1.376],[-71.013,-23.171],[27.228,-33.264],[65.549,-53.496]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0,0,0],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[120.043,59.668],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":54,"parent":50}],"v":"5.5.8","fr":25,"op":100,"ip":0,"assets":[]}
\ No newline at end of file
diff --git a/frontend/web/routes.js b/frontend/web/routes.js
index cc9802e07536..ccb318dd179c 100644
--- a/frontend/web/routes.js
+++ b/frontend/web/routes.js
@@ -40,7 +40,7 @@ import FeatureHistoryDetailPage from './components/pages/FeatureHistoryDetailPag
 import OrganisationIntegrationsPage from './components/pages/OrganisationIntegrationsPage'
 import ProjectChangeRequestsPage from './components/pages/ProjectChangeRequestsPage'
 import ProjectChangeRequestPage from './components/pages/ProjectChangeRequestDetailPage'
-import GettingStartedPage from './components/pages/GettingStartedPage'
+import GettingStartedSwitch from './components/pages/onboarding-quickstart/GettingStartedSwitch'
 
 import ReleasePipelinesPage from './components/pages/ReleasePipelinesPage'
 import CreateReleasePipelinePage from './components/pages/CreateReleasePipelinePage'
@@ -268,7 +268,7 @@ export default (
         <ParameterizedRoute
           path={routes.gettingStarted}
           exact
-          component={GettingStartedPage}
+          component={GettingStartedSwitch}
         />
         <ParameterizedRoute
           path={routes['project-settings-in-environment']}