diff --git a/.env b/.env
deleted file mode 100644
index 54bd8539..00000000
--- a/.env
+++ /dev/null
@@ -1,3 +0,0 @@
-VITE_SHOPIFY_API_VERSION=2025-01 # Update this as needed once any breaking changes are resolved
-VITE_SHOPIFY_STORE_URL=comma-dev.myshopify.com # e.g. store.myshopify.com (without protocol)
-VITE_SHOPIFY_STOREFRONT_API_TOKEN=ee9baaeb9964250671e3abe92cef70e6 
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..eec827ec
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+# vendored third-party builds: collapse in PR diffs
+assets/js/vendor/** linguist-generated=true linguist-vendored=true
diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml
index c6e92182..dde3c28b 100644
--- a/.github/workflows/build.yaml
+++ b/.github/workflows/build.yaml
@@ -16,42 +16,30 @@ permissions:
   contents: read
   pull-requests: write
 
-jobs:
-  test:
-    name: Run tests
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: oven-sh/setup-bun@v2
-
-      - run: bun install --frozen-lockfile
+env:
+  HUGO_VERSION: 0.147.8
 
+jobs:
   build:
     name: Build site
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: oven-sh/setup-bun@v2
 
-      - run: bun install --frozen-lockfile
-
-      - name: Cache imagetools directory
-        uses: actions/cache@v4
-        with:
-          path: ./node_modules/.cache/imagetools
-          key: imagetools-${{ hashFiles('**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif') }}
-          restore-keys: |
-            imagetools-
+      - name: Install Hugo
+        run: |
+          curl -sL "https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.tar.gz" | tar xz hugo
+          sudo mv hugo /usr/local/bin/hugo
 
       - if: github.event_name != 'pull_request' && github.ref == 'refs/heads/master'
         name: Build (production)
-        run: bun run build
+        run: hugo --gc --cleanDestinationDir
         env:
-          VITE_SHOPIFY_STOREFRONT_API_TOKEN: ${{ secrets.VITE_SHOPIFY_STOREFRONT_API_TOKEN }}
+          HUGO_PARAMS_SHOPIFY_STOREFRONTAPITOKEN: ${{ secrets.VITE_SHOPIFY_STOREFRONT_API_TOKEN }}
 
       - if: github.event_name == 'pull_request' || github.ref != 'refs/heads/master'
         name: Build (development)
-        run: bun run build
+        run: hugo --gc --cleanDestinationDir
 
       - name: Upload built project
         uses: actions/upload-artifact@v4
diff --git a/.github/workflows/compatibility.yaml b/.github/workflows/compatibility.yaml
index c8a1543d..97cd4ed5 100644
--- a/.github/workflows/compatibility.yaml
+++ b/.github/workflows/compatibility.yaml
@@ -28,7 +28,7 @@ jobs:
         run: |
           CHANGED_FILES="$(git diff --name-only)"
           echo "$CHANGED_FILES"
-          if [ "$(echo "$CHANGED_FILES" | wc -l)" -eq 1 ] && grep -qx 'src/lib/compatibility-meta.json' <<< "$CHANGED_FILES"; then
+          if [ "$(echo "$CHANGED_FILES" | wc -l)" -eq 1 ] && grep -qx 'data/compatibility_meta.json' <<< "$CHANGED_FILES"; then
             echo "skip_pr=true" >> "$GITHUB_OUTPUT"
           fi
       - name: Create Pull Request
diff --git a/.github/workflows/spellcheck.yaml b/.github/workflows/spellcheck.yaml
index d738c42c..fed1eb49 100644
--- a/.github/workflows/spellcheck.yaml
+++ b/.github/workflows/spellcheck.yaml
@@ -14,4 +14,5 @@ jobs:
       - uses: codespell-project/actions-codespell@bcf481f4d5cce7b92b65f05aebe8f552d4f1442c
         with:
           ignore_words_list: hda,som,tge
-          path: src
+          path: layouts content data assets/js scripts
+          skip: '*/vendor/*'
diff --git a/.gitignore b/.gitignore
index 91b75008..388031b7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,9 +8,9 @@ node_modules
 !.vscode/extensions.json
 
 # Output
-.output
-/.svelte-kit
 /build
+/resources
+.hugo_build.lock
 .firebase
 firebase-debug.log
 
@@ -18,10 +18,3 @@ firebase-debug.log
 .DS_Store
 Thumbs.db
 
-# Env
-.env.local
-.env.production
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/.npmrc b/.npmrc
deleted file mode 100644
index b6f27f13..00000000
--- a/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index b869ef8e..ae45d486 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,5 +1,5 @@
 {
   "recommendations": [
-    "svelte.svelte-vscode"
+    "budparr.language-hugo-vscode"
   ]
 }
diff --git a/README.md b/README.md
index ca3dd20d..fa70842f 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # https://comma.ai
 
-Built on [Svelte 4](https://svelte.dev).
+Built with [Hugo](https://gohugo.io) (extended edition) — no JS framework, no node build step.
 
 ## Develop
 
@@ -10,15 +10,27 @@ Built on [Svelte 4](https://svelte.dev).
 
 Other commands to know:
 ```bash
-# install dependencies
-bun install
+# start dev server (http://localhost:1313)
+hugo server
 
-# start dev server
-bun run dev
-
-# production build
-bun run build
+# production build (flat .html files into build/, served by firebase cleanUrls)
+hugo --gc --cleanDestinationDir
 firebase serve  # or `bun run preview` without firebase login
 ```
 
 use `./encode.sh <video_file.mp4>` to update the hero video
+
+## Layout
+
+- `content/` — every page lives here as ONE file: front matter (title, `js:` bundle, head extras) + the full page markup inside `{{< body.inline >}}`. Exception: the 17 `/shop` product pages are front-matter-only stubs stamped from `data/products.json` by the shared `layouts/shop/single.html` template.
+- `layouts/` — the shell (`baseof`, header/footer/cart partials, the shared product template); page markup does NOT live here
+- `assets/js/` — vanilla JS; `main.js` is the global shell (cart, menus), `pages/<name>.js` are per-page entries (each starts with `import '../main.js'`), bundled by Hugo's esbuild
+- `assets/css/site.css` — the stylesheet (scoped class names `svelte-*` are kept from the old build; HTML and CSS must agree on them)
+- `data/` — products, vehicles (regenerated nightly by the compatibility workflow), harnesses, faq
+- `static/img/` — images; each jpg/jpeg/png/gif has committed `.avif`/`.webp` siblings rendered by `partials/picture.html`. After adding images, run `bun install && bun run images` (uses sharp) and commit the variants.
+
+Shopify Storefront credentials live in `hugo.toml` under `params.shopify` (dev store).
+Production overrides via env: `HUGO_PARAMS_SHOPIFY_STOREFRONTAPITOKEN` (set in CI).
+The build fetches the blog feed (header menu, /openpilot) and Shopify product data
+(/shop/*) at build time and fails hard if either is unreachable — same behavior as
+the old SvelteKit prerender.
diff --git a/assets/css/site.css b/assets/css/site.css
new file mode 100644
index 00000000..4184e9da
--- /dev/null
+++ b/assets/css/site.css
@@ -0,0 +1,52 @@
+/*! ==== 0.CBMiBSJ6.css :: +layout chunk: space.css + app.css globals, fontsource Inter/JetBrains Mono @font-face, MonumentExtended @font-face, +layout.svelte(navbar/footer), HeaderBanner, HeaderMenu, ShoppingCart, SteppableInput, SocialIcons ==== */
+.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mt-6{margin-top:6rem}.mt-7{margin-top:7rem}.mt-8{margin-top:8rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mb-6{margin-bottom:6rem}.mb-7{margin-bottom:7rem}.mb-8{margin-bottom:8rem}@media (max-width: 768px){.sm-mt-1{margin-top:1rem!important}.sm-mt-2{margin-top:2rem!important}.sm-mt-3{margin-top:3rem!important}.sm-mt-4{margin-top:4rem!important}.sm-mt-5{margin-top:5rem!important}.sm-mt-6{margin-top:6rem!important}.sm-mt-7{margin-top:7rem!important}.sm-mt-8{margin-top:8rem!important}.sm-mb-1{margin-bottom:1rem!important}.sm-mb-2{margin-bottom:2rem!important}.sm-mb-3{margin-bottom:3rem!important}.sm-mb-4{margin-bottom:4rem!important}.sm-mb-5{margin-bottom:5rem!important}.sm-mb-6{margin-bottom:6rem!important}.sm-mb-7{margin-bottom:7rem!important}.sm-mb-8{margin-bottom:8rem!important}}html{scroll-padding-top:6rem}body>div{display:flex;flex-direction:column;min-height:100vh}body>div>main{flex:1;display:flex;flex-direction:column}body{color:#000;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.04em;margin:0;min-height:100%;background-color:#fff;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{background-color:#51ff0080;color:var(--color-black)}::-moz-selection{background-color:#51ff0080;color:var(--color-black)}.dark ::selection{background-color:#51ff00cc;color:var(--color-black)}.dark ::-moz-selection{background-color:#51ff00cc;color:var(--color-black)}:root{--color-white: #fff;--color-black: #000;--color-red: #ff4133;--color-foreground: white;--color-background: black;--color-accent: #51ff00;--color-accent-hover: #51b124;--color-card-background: #f8f9fa;--color-card-background-hover: #e8eaec}:root h1,:root h2,:root h3,:root h4,:root h5,:root h6,:root span,:root a,:root li{color:var(--color-foreground)}:root h1.muted,:root h2.muted,:root h3.muted,:root h4.muted,:root h5.muted,:root h6.muted,:root span.muted,:root a.muted,:root li.muted{color:var(--color-muted)}:root h1.highlight,:root h2.highlight,:root h3.highlight,:root h4.highlight,:root h5.highlight,:root h6.highlight,:root span.highlight,:root a.highlight,:root li.highlight{display:inline-block;border-bottom:4px solid var(--color-accent);background-image:linear-gradient(145deg,#51ff0000,#51ff0066);transition:background-color .2s}@media (hover: hover) and (pointer: fine){:root h1.highlight:hover,:root h2.highlight:hover,:root h3.highlight:hover,:root h4.highlight:hover,:root h5.highlight:hover,:root h6.highlight:hover,:root span.highlight:hover,:root a.highlight:hover,:root li.highlight:hover{background-color:#51ff0040}}:root h1.highlight:active,:root h2.highlight:active,:root h3.highlight:active,:root h4.highlight:active,:root h5.highlight:active,:root h6.highlight:active,:root span.highlight:active,:root a.highlight:active,:root li.highlight:active{background-color:#51ff0040}:root h1.highlight.muted,:root h2.highlight.muted,:root h3.highlight.muted,:root h4.highlight.muted,:root h5.highlight.muted,:root h6.highlight.muted,:root span.highlight.muted,:root a.highlight.muted,:root li.highlight.muted{color:var(--color-foreground);border-bottom-color:var(--color-foreground);background-image:linear-gradient(145deg,#51ff0000,#aaa6)}.dark{--color-foreground: white;--color-background: black;--color-muted: #9e9e9e}.light{--color-foreground: black;--color-background: white;--color-muted: #00000080}h1{font-size:4rem;font-weight:600;margin-top:0;margin-bottom:2rem;line-height:1}h2{font-size:3rem;font-weight:400;margin-top:0;margin-bottom:2rem;line-height:1}h3{font-size:2rem;font-weight:400;margin-top:2rem;margin-bottom:0;line-height:1}h4{font-size:1.5rem;font-weight:400;margin-top:0;margin-bottom:2rem;line-height:1.2}li{font-size:1.5rem;font-weight:400;line-height:1.25}@media (max-width: 1024px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}}@media (max-width: 768px){h1{font-size:2.3rem;margin-bottom:1rem}h2{font-size:1.75rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:1rem}h4{font-size:1.25rem;margin-bottom:1rem}}a,a:visited,a:active{color:inherit;text-decoration:none}blockquote{font-size:1.2rem;font-style:italic;line-height:1.4;border-left:2px solid #000;padding:1.2rem 2rem;margin:1rem 0}section{padding-top:2rem;padding-bottom:5rem;background-color:var(--color-background)}section .container{width:85%;max-width:90rem;margin-left:auto;margin-right:auto}section.light+section.light,section.dark+section.dark{padding-top:1rem;padding-bottom:1rem}img{max-width:100%}hr{border:none;height:1px;color:#333;background-color:#333}button,select{color:#000;font-family:Inter,sans-serif}@media only screen and (max-width: 1024px){.mobile-first{order:-1}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-cyrillic-ext-400-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-ext-400-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-cyrillic-400-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-400-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-greek-ext-400-normal.woff2) format("woff2"),url(/fonts/inter-greek-ext-400-normal.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-greek-400-normal.woff2) format("woff2"),url(/fonts/inter-greek-400-normal.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-vietnamese-400-normal.woff2) format("woff2"),url(/fonts/inter-vietnamese-400-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-latin-ext-400-normal.woff2) format("woff2"),url(/fonts/inter-latin-ext-400-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2"),url(/fonts/inter-latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-cyrillic-ext-600-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-ext-600-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-cyrillic-600-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-600-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-greek-ext-600-normal.woff2) format("woff2"),url(/fonts/inter-greek-ext-600-normal.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-greek-600-normal.woff2) format("woff2"),url(/fonts/inter-greek-600-normal.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-vietnamese-600-normal.woff2) format("woff2"),url(/fonts/inter-vietnamese-600-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-latin-ext-600-normal.woff2) format("woff2"),url(/fonts/inter-latin-ext-600-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2"),url(/fonts/inter-latin-600-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-cyrillic-ext-700-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-ext-700-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-cyrillic-700-normal.woff2) format("woff2"),url(/fonts/inter-cyrillic-700-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-greek-ext-700-normal.woff2) format("woff2"),url(/fonts/inter-greek-ext-700-normal.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-greek-700-normal.woff2) format("woff2"),url(/fonts/inter-greek-700-normal.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-vietnamese-700-normal.woff2) format("woff2"),url(/fonts/inter-vietnamese-700-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-latin-ext-700-normal.woff2) format("woff2"),url(/fonts/inter-latin-ext-700-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2"),url(/fonts/inter-latin-700-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAARsABAAAAAACMwAAAQRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoBmA/U1RBVF4AXBEICoRkg3oLGgABNgIkAy4EIAWFAAeBAwwHGy8HyI7Cca8UYSlFWGJzMUTEQ/1+r2f33Q+oAgAFVkiO0LMiG92pzNTWmEogIUHV6LrA3+vU9yUZFWCUyyYpAGzHxMo5cgl5YpzSCUM8NWtp6sXT3zttbOqD96hLoIAijvawNWhs2hMogzEXBdQFssAy6shdkO6VPDXsvEGgCwihJoRAvaBtQgx0vqymBYQK7HoBasgsSYO9G/Rcy7nAD9pML9mFjgKPfId1ALiW9o7HQAUNkLR49NmAP3T1LIDvcKYsVP8XB0G1hXJmAH2cGQG5lOOYwRNCU2IAjgXYW7OFQ8CTV1oH8oewJAxfJWQEAAQqZBDoKEB+BpBwZjwGiJ8gUY0sCREiXJZ0Z5xVnPERYcR9YmHXCwDxHvHzot3vXmY3QADqmqhp5Ikhdr38OX/dCICxm8BvYCH0UMn7GeAIgauF0qTguFDk7y8SBckPFlz8SJ4vofPlGew+ZC+pEreJW7rJtuvDYZuDCR28i+w8dyn0zJXobrID0+4fRvi2EfLAEOTG4GDbgRGExLDxt4tE24bF+weByZRhiC0zZSqYNu2tUI+nPHcOqi9cGNO3BzbcIVs2dDMjcutbRfQlWX6wa/zmuKowR6r0Zq/KAerL2Lo3Y935H6eCJozvi+Wz3sDWmBhZuQjZkIkB1dHsF9/Dh+dfHMpWgeBA2S0d26erjNSsTjymkqHUKoquk8qL6V2/dtGKYkXHL46WF0mlnIhu2YRWU5SaOcVQqqwJTaskkh76NC1pj5MoYYpm6X/SaWWx8u+fZCVQSVdpS8Li4yefUh+ucay5uzkR4ODLF2bO0Y0d8wl8z2VZD2hdByDoV+rl9nqmPN2bkemffokxXwJsCUJde4rDdejqUOJFLY4CDoFcqp6l8OTYoznu+G5NxvTaNI+Vmn8L13v9Zf+FOP4T/n2/fT61j3/9JbmdaGm/7qAuQXAZlHm3BrezpAbEs3eyA7rCYipEJ8O75LL0p4A/8B5C1wLcNHwkWdbAP8RGEQGfI68EYSKCQOoHASrHDYBij4ugZsx2ULemg9R3TBIFAl1DgIB+EMAfutr3CiDGdSwnLZdKHC0HK712RlZmFlzYlNOn3yr58qV2PTcrJuJEKE//czjkYbmZ5atXpkYVI04RNy0rl361WC6sXE2MzDwctNzaGLn1s9Z9KwElD6VQYX9FgkorQdCjrkhVKSKdPRVkP2NiMVafddwnw16rpCDUJGjB4MYc1rxJAzeWjZEeJwHDc8JalrtVTRlOW2dmrf2eh04ePZZT/gzV5u/XlgnjMbprRAHhpi4WfEYYHA8cEYiH+EiAhEjEZ3T/A4gSeFzWgiVMaUooXcGC6LL3V/LMWqdT66fVezjj9znYL+kQ+zB0koJlTuAL5N31gDgEAA==) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAa8AA8AAAAACLQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABWAAAABgAAAAcABQABEdQT1MAAAFwAAAAIAAAACBEaExjR1NVQgAAAZAAAAAqAAAAKrjmuNJPUy8yAAABvAAAAFEAAABgFzhca1NUQVQAAAIQAAAARgAAAF7mY9MfY21hcAAAAlgAAABBAAAAXAqDC3VnYXNwAAACnAAAAAgAAAAIAAAAEGdseWYAAAKkAAAB6wAAAl7g4epsaGVhZAAABJAAAAA2AAAANhkd8XVoaGVhAAAEyAAAAB8AAAAkBlb/bGhtdHgAAAToAAAAHQAAAC4X/AM2bG9jYQAABQgAAAAaAAAAGgPsA3RtYXhwAAAFJAAAABsAAAAgABUARW5hbWUAAAVAAAABFwAAAoA+ml9fcG9zdAAABlgAAABiAAAAg3bh94F42mNgZGBg4GGAAEYgZAWTjCAeAAG0ABkAAQAAAA4ACgAMAAAAAAABREZMVAAIAAQAAAAA//8AAAABAAAADgAKAAwAAAAAAAJERkxUAA5sYXRuABIACAAAAAAAAAAA//8AAAAAeNpjYGGKYpzAwMrAwNTFFMHAwOANoRnjGIwYHYCiDAycDFDAxM6ABLycgMQBBkeWl8x//l1hYGD+w6ijwMA4//51oEo1pltAWQUGVgAZjw4KAAAAeNpFyCECAQEUBcB5f0ECJFlyJ1AADVzDgSQnE3fiiBgozDVYqvfx9AjOj/0tI9GzsFKodPIhG/JD01590YjKGIQ/dDcHNwAAeNotx7EVQEAQANF/ZyEQakimWlqgG6pYD5KZGVQ0mDTK67BgNKjC7Cg1trgy+W+NMzP3nLOAj3QGtPqnbjMgDgQAAAAAAQAB//8AD3jabZA1mBNBFIDfzEA8IS447JddnGXtJLKzuENzLpEOd+u/q3At8b7B3RqsTINrjUN3u7zgcuP+z/uBQScAselDHLnAC6BGxkSyYyKEjOkkJ+3jZJJ9HWuNPuwXFZqzgeaAggJARbzjhjDeiKkxQRLcMVUSRcnlcitXt13pkp/I0883hqOURsP1yzdvktAL3hoMtprgON9fYGepCAQAyb6RA636sSUg4KqOtBCyIkyNJZMpw2iIqSziPO7ZGwhROiSwq+cxiZA7di0jeDxCBr/cYL/FF3/cpS4YBFCP1vmC0b7Gt1IwGmDwWFGPaIaqJBORuMslKYauC4l4kqm6JgpjXQkyqbp2bbW6Vu21csUPpvmhmMsVfeuqZF593T5nldQlM3lfH59JOjbyGTM4MvPOQjoc/aDPP5gyRGAoCN+Yoq5rRp2aTCT+xEq/sbykqiXOezWtl+fMT5x/MnPN3KeWrINWr6r18EO8pCFakvjML4I5c6YJ5CcZogApHU2NpKlUQ5HWXSWcW91bPX4PJZS6A+5NXbdOn6aivT89fpQX06jxabKq/+FpAAI1NoEcYWeBAcQaVHdteWUNm7BjB+7sYFlyH3eCAATNqfGkqhjYucikue1z5HHjp81pZ9mlliTLkrUUvgKTO4ewAAABAAAAAjYEZlDDUV8PPPUAAwPoAAAAANvSppoAAAAA29rQ8gAj/0wCNQO2AAAABgACAAAAAAAAeNpjYGRgYP7z7woDA1MEg/I/EyZToAgq4AYAfy8ExQB42mOKYIgCYiMkrAzCUHEbGM3AwHCFoQcAnGAHRwAAAAAAABoAOwBGAFEAbwB3AKkAsQDmAQkBFgEvAAB42mNgZGBg4GFQYWBmkAdiEA8BmBgYAQgoAFsAeNqVkTVSBEAQRd8qLikuCe7u7u4puu6+x0BPwwHI0ZCIc/CrFndqaqZf/2kZAbI5w4TBnAGcwxMbKJaXYiO53KVYaz8PT2ym3lD5xBYKDYtPbKXW4HjiXDoNRyk2qJfh4onNrzUNedKvnjifTMM9Y/gJkCSEEzsOIpTTSjOaonUpB7KzWiOMKmpHcT7C0hbwi/yiZUKyLsXsEZE/QlTWgV+6IqkWRzQC8npp0rDjRBGK26WRPUV6pX7u8pX21JeaH0+1qj07UTzaC9FKo2aLRp+yRun7oW7Dh9wf7/4hdlOe7qw47VP+2vcf/T68leyeVKeUiLhR04lH1i/Vrv0lJplni4OXH5zR3MEjf49V9LbyfI87pmM1AHjaY2BiAIP/qQxGQIqRAR3wALEKw0lGJgYbRmZGFkZWRjZGdkYORk42x6Si1LJU9tK8TAMTR1cI7WoB5btB+Zas6Ym5uYl8icmlJanJ+blJesmJxak8IEljAzMwBwBzzRnAAAA=) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2"),url(/fonts/jetbrains-mono-cyrillic-400-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono-greek-400-normal.woff2) format("woff2"),url(/fonts/jetbrains-mono-greek-400-normal.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA8AABAAAAAALJAAAA6fAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGnYbhWocghYGYD9TVEFUXgCCbBEICrBAp2wLgjIAATYCJAOEHAQgBYUAB4w9DAcb7SUzo3aUk7oOwf/hwBQZJp2w6h8GxJG6TTswGCNFVinYG8lm36Y5Wwrq620Hiodu88UWwvRjNBxCLu1AUZ8j17L3P6mDsd5az9cxHp7f339r7/M+PEpkgpHMPJOUXX+bSVOSEAGEJN6fp23fn2EMdGmjoA1kUAQbELhUiyI8TGy0iTdWYLId4d/gRxfCGJMpWvToat1c/ZQ+xAAoS9OhRa/Y4//zpbk3ubZ/W16va0fs5+wHACEzOtuzGztAp6kDhqyuUIjnnxQIGiktsqW1oS8KpLTtPHrpuOaMT619aaen+x1P7s+xCh/JFa53Wd4aH3Wqfw/0QPUc4Px/wLTEEwBUWeECNAFAFcceUDHIKBvtI7SMyVLtSR7ttgsKvhCZ4NH53q8MJoBuBpsTC4aUo6K3q/BsAcJu0Gq3U9tadtslYPfqs8PG7UkL9pJExZQUHGnFXrdrpx29PhjQrJoKZd4Cdy8wDm5LLgBDDqAaIBa0G1CBQJxDFQL1KykvjR+gpBzNVE7mHM5iEHfi3XbxPA/xOtq9vhs0XoynMSe30FqcHI/G/a3ne7wTTXAe4mZIJguwGUQQvS3O2jEa4FhUSZSSIln6bGhAmYL2TqRAWbScVlEpVdJWaqRO6qGRnccwgM1jslavERcpxg2yYPIsYIoLyZSxYNQXOwMmnwfStJbWCpQpct7xFHgMheObWKuu7IxZR4LcsWN+CRiSAyRQ5JnmHsUM/FPzgMRVCIephrkbCKAODoQrYTgwoIaCYtsu+AweHKgoZuQT9o7d9MAh5RaAmXDglm59znt1lAM4YUg5X2qPnvy6DZu25GQkLpUL8kSGgaXh+yg2U4UBJGgC0B+sBBIAS+YAuAqof13+8/8MlL8h7w879/YrkEMzC/SXC1vpEwE94MBglMN7ppMYgP/F/a0wJmBqlcqDw1CCBRBAATJysEtBXgTSPi42g7gOXh23SIyFdk6E36i+WHAMyGsYjrGjPmJxWzxaMDwHL8AlfX8J62rB5VMwVkhjOm6NRwrgBademecL1dVPHKz8R/53JXhp/QBv34MB9MTFJyRWDTCw+x9YCi0WB54+rRbUGqYwLWUTgw2TXQGjC5jRWNBZFTLJ0SWPXj4DKiSXThm/ct0qBHC4FPMo4VXKp4gbV1CVXtUG1RgiECYSIdZPYoDQOXVG1BslM4YwTiqqwaRGU5rEqMxqNqfFPKUZHZa1W9IpTi0Bg1VrgE5AjAI2gtphUPcR1G6D0hugoFRS5KrE/ESzDudosudo3CtpdeH6otTELScKbNQTJdF63G4Nx6kFObRCGo3T3gac9sgOHlZsJ+GeyIEV+8l22AXx4NbDcCk5CFeNMJkwKcmSfdEvzpb2gzlpej03PbDfvHTpYAmRDfs2Gi5idNCSshQbKD/T1jWcNNhSNRcefymv4EfK8MyBI5GjU4ppbJhcMCJhSxKCeqf0Ry7if9Hl7ockB8orXABfM4OuHmnmBD1uBUcIVRaXka7g0jyVi6CO2oO7eY2/34+qKd3cqWOA3Sc5HEi53SmFZfuqDxirHjr+NvPYTVoxEmWWIolTtyaD3BFnjUO4JKYa9rmP8QONI462YATC1ugQBsYGftL76pOLsQGME8lAJe6fbs4u6UCeLlK6vR3nYTpY5bUUsbTSD744Xdlt8Asdn8WqtNg5lDoVFMc5JSkXFzkxrhb4+yYAc/H4/e2woiByY/x7DF9f8PZqo85Mw3qeypJwf1HZ0Gt7ozUcqaGkFRS1bGWtqRI9SU1Vnu4CcF5TeRQTQdIctnknnOZ6ScaGYZpbE1VwO80ex2IUu+uQ2+jHpC+feele6gl9sqi6uCGiNbdzErXlOiIt5DRm2Qt5LhnodEwlb7/fJU8qWNZ8vW1rZta1QGUscRp9IfOlRHu4tSf0pj7qSPbO7KBSrtH/n1DLQfXSN6svftOveO27w2eP6M+2/+D/WZDLZQf/B+V1lbve8mZfsk22dkRNElPHaOR2bKO+MaPTYZSghyc4BuPZOwOuH0m7pbgrALHAVW1XBQ7b2waiwDikVA0hp1E1KJExOs0gciHV0AHIr9EZdU6dljRqvQh86cEla6iYJWa5XH5iv2kj7ZFPFEzOLkU5EY5WbenSaiza2HGjM4vw+LVI5X0eXrp98n3+P/v2u61LiWc/Lyv70bMXEYPmWziDf1dlLOz2jIWC97c3v92hRFJjhGpN9ISG56O9a+EY83faAUub1dCtV3nvbVASjT8BFASG54cmhofme8w+h664GNv4TiQbiXGK9T57jaejy6KL6J5N29GpNRkihkdB/aur7QKiAI00twzprza0DEYiFH20g4ZoXytC5q6Wv4zXqeakv85YgwwWj0eJLIiXC8HAG3v3B3LOngsAkW8cVrYFdLlRaGTUaQbRFahl6ADk0yBkuNzwrKRRG0VgB8h8isTsgdyVG+4KxeHXHvmyguHlpehQZEinN7d3GMy62CDRxBKceyelrfOkdyh4k8LhYx83PPaE/1sfBOPbPSMv6/Uv+8meKOMbgHLPqqjHzbv+ddd/p/+LTzZuCJ/wJ6mfc8lv6/pjnojHF/N4Yn6k87+tDUAci7r7SQGRKPAqd4M0Hc+Mz2fgi3QsE13IwPn0aaYnkxnr9vg8QGzbQz5kq/u/tJ5ZZ0N4YFg+4ffekGTTgcNH/Aa2FCMZf/glMMjc5DK4AEvzP6cXC/0oVvsziTA3AcRZ4ctU8YTyHJdwrpBVtYRukrUXzU/I2kvkvFHTXuYyiaItUd+wtzuwJMKPv4jbmXMhv+JaMZcq+c4Q2+5Bm9oqmGxomBRY1QO2DBnfHSF3JxSmSbK6+KNYJz/M0PEdersWEbVC+vGaiC2k7aEDkaBdRtgESG09mty7BcaVAJvxP+YuKpbqZULjdD+Pz28eNVz397gfJzM78ZNM72lmwufxe+C1v7tUo43Mvd/E3X//8KLCmMZUadsbQ5ILkheKVqddxtIfy2fLCu7OeNSML9LT5Mg82UIaXBatVRgUKkVBoVUbvWUE7Gbawd+VZnKMHBkigfnjpZ9PUamFDm208t0y+vra31vHiWhIv9n/PDSoJSO46fOH2HQmIx/l19LqhRe9fhOb8Qe6+YF/A7v76Wlycp7cIc/WqBqEJMfj5B36tVaalv5HgsU0qoPCbi79PKlcHZt2WcuuuLbchvpMYn5n+MUmvHa/PUFAGQoD6u32tSbtA8alRlIss48asdXMX9b5cvBX8Fd2v+fEX8VfjWua5Pmyc4NNHPf3MZvofGUJxu7UQxtchb+6N9fk8YdxOk0rM1vEOuwmWVP3/IoY3xcFns/zGV83QxWjtZndHpCsD2vnmVoBqzW/Q+7D10TxqhsgXQW0Iu14mx94BVOAsmibtdWsPPg2vo1qMmt12HAMDE1wtc5bVOaE8Kd8xrjQcB5W65z4i/iLz8Ml8uJN6eIsYNaYU4MC74SzFXn8Jl0nPauHOt8Bs4P2ZDa7abye7hKqy8RCZjMf4kMItZSnQIczKz0syfoYTT5rmjdi/Tub0KCUTmdW+qLBVjWa/KDU8QYlZHFbgy239sqFX8TirwtmVvrX//3+399X/u/+92frDwDGgBxang6N/5ytIuyW0ec9vOSszC79sfF8spNQpW32duEgaeSEeKLPwsWPicmK+H1mMQxY5WzzY8KV/mQtAWlLSEVtAtwCyieNHyHm5IWEiUw94KziYyIV8b/MGhbTJDKmpzxdRGJXDzjTj+UJhBJ+cWtmMQwIeMCZAEWaDbLWFdsFbjdvvepYLmkVQkVy3U1E1q+bdGmnYL4RHJ44gghKBDhcTsBVD2NxnFYgSsEcEKJTprvLHyE+0ogExnILexk3d2wXitO01wG1tHNsuLCXhfNKdVWppqlNg/ZUlLWh4bYKG51CXggG5IRa5akHecMd2m9UHP8F4OXnFyw8+ey9z5orcrn8B/UoAAG+Gp6da6lh/85eAswgPESEERko1ZgU1na8qlh9hOsiUp2kPhCJ/FuCV3URqa79gSLAET+Fp50B6cIu/NzufrOP90SIXgFu/sjHF8eATg1ydMuBAcQFpVZXG0fVKsDFaOwnY7jBmUzBiJyM03p3cg65GyfnqrQ3OY9M+EyGNuJISVaakd5zdBqF4W/kgTUWzYta4JAMK86JGRMysXnKtORYdNMvSVBT5CWMiYtZkpTQiDRmTsPFZDjFVfSxcnOaOM0oLhou0Kd5LFpIGwSY06akzAk5rc+EOI19XEIqjVSUlF6zhH1VQpU9h6aPjUG7VNLUbH3x400WLVkV3yVZd9w0ToV6E2SiDfWnfvFw84wJYz5lJLXbch9lRvfSnS9PiZFpyuh9PPbK9aQo1lvF2lfXoxjMbLWlAsJ//k5gsPekKS3b4VQut8fr0yENFjaOIsVKlCpLHuUqVKaKKlw8fAJCImIS1WrUqqsjpOrJEOQaNFJoShtKKs1aMkerNu06dFLT0Oqio2eAYGEPIxMzCysbO0dfWcLFXSA8vHz8ugX06BXUJyTsXOGI6Ddg0JBhI6JGG4gx4yZMmjItZsasOfMWLFqyLC4hKeU80opVa9Zt2LRl245de/alHTh05NiJ04Pua/vb5qnviNHG0HISAGJ8iIWHhIYFHEWZeV735ed0LC7wEgAQ45bTsMxb3h6hM8d/vGy2IMEBNAjcn9eXvePU9+6vG8VsErPhdUxrCMHLchp0cZXpJNGw2uOiMQue89UTz85dJqQf1zK8mM6iLwsSFBAMwgcCFAwc0PdhaYFXAIIxYTkDx4Ll3cVMFns9gDBgEFAIM6bpIhwYAhIQYkY1TcEA4RAapSzVSGSrULuYyfje9t1aYKBlniqPaXqZkZvL6Hw/Dx6jSefJssiJxJG8nd77ebm6O6xuxvfzFyYn6s0kL19yVnftxp25FHRTrsk9lbO6wk0YyjstavC5ZH4mKqFr1+K4M1o88AaMEI888CbLZmWcmblZt3CgSsMz96lZVAlVGsp2/fv/waPhRQAA) format("woff2"),url(/fonts/jetbrains-mono-vietnamese-400-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2"),url(/fonts/jetbrains-mono-latin-ext-400-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2"),url(/fonts/jetbrains-mono-latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.social-icons.svelte-y50ryu{display:flex;flex-flow:row;align-items:center;justify-content:start;gap:1rem}.social-icons.svelte-y50ryu svg{width:var(--size);height:var(--size)}@media (hover: hover) and (pointer: fine){.social-icons.svelte-y50ryu svg:hover{color:var(--color-accent)}}.social-icons.svelte-y50ryu svg:active{color:var(--color-accent)}.banner.svelte-13beqlz{color:#000;position:relative;z-index:1;background-color:var(--color-card-background-hover)}.wrapper.svelte-13beqlz{padding:1rem 0;margin-left:auto;margin-right:auto;width:85%;max-width:90rem;font-size:.875rem;line-height:1.2;text-align:center;display:flex;flex-direction:column;grid-row-gap:.5rem}.headline.svelte-13beqlz{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;margin:0 .5rem}.cta.svelte-13beqlz{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.15em}.cta.svelte-13beqlz:hover,.cta.svelte-13beqlz:focus-visible{text-decoration-thickness:2px}.toggle-button.svelte-1u2audz.svelte-1u2audz{display:block;border:none;border-right:1px solid #000;background-color:transparent;height:65px;width:90px;padding:0;text-align:center;cursor:pointer;transition:background-color .2s}@media (hover: hover) and (pointer: fine){.toggle-button.svelte-1u2audz.svelte-1u2audz:hover{background-color:var(--color-accent)}}.toggle-button.svelte-1u2audz.svelte-1u2audz svg{margin:auto;display:block;height:100%}.menu-container.svelte-1u2audz.svelte-1u2audz{position:absolute;left:0;right:0;display:flex;padding:0 3rem;z-index:2;background-color:#000;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;display:none}@media (hover: hover) and (pointer: fine){.menu-container.svelte-1u2audz.svelte-1u2audz a:hover{color:var(--color-accent)}}.menu-container.svelte-1u2audz.svelte-1u2audz a:active{color:var(--color-accent)}nav.svelte-1u2audz.svelte-1u2audz:focus-within .toggle-button{background-color:#000;color:#fff;transition:background-color .25s,color .25s;cursor:pointer;pointer-events:none}nav.svelte-1u2audz.svelte-1u2audz:focus-within .toggle-button svg{fill:#fff}nav.svelte-1u2audz.svelte-1u2audz:focus-within .menu-container{opacity:1;display:flex}nav.svelte-1u2audz.svelte-1u2audz:focus-within .menu-container a{opacity:1}.section-links.svelte-1u2audz.svelte-1u2audz{flex:1;justify-content:flex-start;display:flex;flex-flow:column;width:62%;padding:4rem 0}.section-links.svelte-1u2audz.svelte-1u2audz a{color:#fff;margin-bottom:2rem;padding:0;font-size:2.5rem;line-height:.9;text-decoration:none}.news-feed.svelte-1u2audz.svelte-1u2audz{display:flex;flex-direction:column;justify-content:space-between;width:32%;border-left:1px solid rgba(255,255,255,.25);padding:4rem 0 4rem 4rem}.news-feed.svelte-1u2audz.svelte-1u2audz .title{color:#ffffff73;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem}.news-feed.svelte-1u2audz.svelte-1u2audz .entry{margin-top:1rem;margin-bottom:2rem}.news-feed.svelte-1u2audz.svelte-1u2audz .entry a{font-size:1.5rem;text-decoration:none}.news-feed.svelte-1u2audz.svelte-1u2audz .entry div{color:#ffffffa6;font-size:.875rem}@media only screen and (max-width: 768px){.menu-container.svelte-1u2audz.svelte-1u2audz{flex-flow:column nowrap;row-gap:1.75rem;justify-content:flex-start}.section-links.svelte-1u2audz.svelte-1u2audz{width:100%;padding:2.5rem 0 0;flex:unset}.section-links.svelte-1u2audz a.svelte-1u2audz{font-size:1.5rem}.news-feed.svelte-1u2audz.svelte-1u2audz{display:none}}div.svelte-1m6ox4m{display:flex;height:35px}input.svelte-1m6ox4m{width:45px;text-align:center;border:none;border-top:1px solid #000;border-bottom:1px solid #000;font-size:1rem;border-radius:0}input.svelte-1m6ox4m[type=number],input.svelte-1m6ox4m::-webkit-outer-spin-button,input.svelte-1m6ox4m::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;margin:0}button.svelte-1m6ox4m{width:2rem;padding:0;border:1px solid #000;background-color:transparent;color:#000;font-size:1rem;font-weight:700;text-align:center;cursor:pointer}.overlay.svelte-10ouxai{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10}.sidemenu.svelte-10ouxai{display:flex;flex-direction:column;position:fixed;right:0;top:6rem;bottom:2rem;width:340px;background-color:#fff;box-shadow:-5px 0 5px #0000001a;z-index:11;border-radius:.5rem 0 0 .5rem}@media screen and (max-width: 1300px){.sidemenu.svelte-10ouxai{top:9rem}}.header.svelte-10ouxai{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem 1rem 1rem}.header.svelte-10ouxai span{font-size:1.25rem;color:#000}.header.svelte-10ouxai button{background-color:transparent;border:none;cursor:pointer;font-size:2rem}.inventory.svelte-10ouxai{flex-grow:1;overflow-y:auto;padding:1rem}.inventory.svelte-10ouxai .empty{text-align:center}.inventory.svelte-10ouxai .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex:1}.inventory.svelte-10ouxai .item img{width:65px;height:auto}.inventory.svelte-10ouxai .item .details{flex:1;margin:0 .75rem}.inventory.svelte-10ouxai .item .details .title{font-size:1rem;font-weight:700}.inventory.svelte-10ouxai .item .details .variant{font-size:.875rem;opacity:.8}.footer.svelte-10ouxai{padding:1rem;display:flex;flex-flow:column;gap:1rem}.footer.svelte-10ouxai .price{display:flex;justify-content:space-between;font-size:.875rem;text-transform:uppercase}.footer.svelte-10ouxai .price span{color:#000}.footer.svelte-10ouxai .price s{margin-right:.25rem}.footer.svelte-10ouxai .disclaimer{font-size:.75rem;text-align:center}@font-face{font-display:block;font-family:Monument Extended Black;font-style:normal;src:url(/fonts/MonumentExtended-Black.woff2)}.navbar.svelte-uhk6nj{top:0;position:sticky;left:0;right:0;bottom:0;width:100%;z-index:10;background-color:#f5f5f5bf;border-bottom:1px solid #000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container.svelte-uhk6nj{display:flex;align-items:stretch;justify-content:space-between}.navbar-section-logo.svelte-uhk6nj{flex-direction:row-reverse;align-items:center;display:flex;border-right:1px solid #000}.navbar-section-logo.svelte-uhk6nj>.title{font-family:Monument Extended Black,sans-serif;font-size:20px;color:#000;height:20px;text-transform:uppercase;padding:0 2rem}@media only screen and (max-width: 1280px){.navbar-section-logo.svelte-uhk6nj{border-right:none}}@media only screen and (max-width: 768px){.navbar-section-logo.svelte-uhk6nj{flex:1}.navbar-section-logo.svelte-uhk6nj>.title{display:flex;flex:1;justify-content:center}}@media only screen and (max-width: 375px){.navbar-section-logo.svelte-uhk6nj>.title{padding:0 .25rem}}.navbar-section-links.svelte-uhk6nj{display:flex;flex:1;align-items:center;justify-content:center}.navbar-section-links.svelte-uhk6nj a{color:#000;margin:0 1.75rem;font-family:Inter,sans-serif;font-size:1.125rem;transition:text-shadow .2s}.navbar-section-links.svelte-uhk6nj a.active{text-shadow:0 0 8px rgba(81,255,0,.8),0 0 12px rgba(81,255,0,.5)}@media only screen and (max-width: 1280px){.navbar-section-links.svelte-uhk6nj{display:none}}.navbar-section-buttons.svelte-uhk6nj{display:flex}.navbar-section-buttons.svelte-uhk6nj .cart,.navbar-section-buttons.svelte-uhk6nj .shop{border:none}.navbar-section-buttons.svelte-uhk6nj .cart svg,.navbar-section-buttons.svelte-uhk6nj .shop svg{margin-right:.5rem}.navbar-section-buttons.svelte-uhk6nj .button{color:#000;text-transform:uppercase;font-family:Inter,sans-serif;border-left:1px solid #000;padding-left:56px;padding-right:56px;font-size:1rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;cursor:pointer;background-color:var(--color-accent)}@media (hover: hover) and (pointer: fine){.navbar-section-buttons.svelte-uhk6nj .button:hover{background-color:var(--color-accent-hover)}}.navbar-section-buttons.svelte-uhk6nj .button:active{background-color:var(--color-accent-hover)}@media only screen and (max-width: 768px){.navbar-section-buttons.svelte-uhk6nj.navbar-section-buttons>:first-child:not(:only-child){display:none}.navbar-section-buttons.svelte-uhk6nj .cart .cart-text{display:none}.navbar-section-buttons.svelte-uhk6nj .cart{padding-left:25px;padding-right:25px}.navbar-section-buttons.svelte-uhk6nj .shop{padding-left:10px;padding-right:10px}}footer.svelte-uhk6nj{color:#fff;background-color:#000;padding:6rem 6rem 1.25rem}@media screen and (max-width: 1024px){footer.svelte-uhk6nj{padding:2rem}footer.svelte-uhk6nj .footer-links{margin-bottom:1rem}}footer.svelte-uhk6nj .container{max-width:1440px;margin-left:auto;margin-right:auto}footer.svelte-uhk6nj .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}footer.svelte-uhk6nj .footer-links strong{color:#fff;opacity:.65;letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:600}footer.svelte-uhk6nj .footer-links a{color:#fff;font-size:1.25rem;transition:opacity .2s}@media (hover: hover) and (pointer: fine){footer.svelte-uhk6nj .footer-links a:hover{opacity:.65}}footer.svelte-uhk6nj .footer-links a:active{opacity:.65}footer.svelte-uhk6nj .footer-links .badged{display:flex;align-items:center;transition:opacity .2s}footer.svelte-uhk6nj .footer-links .badged span{margin-right:.75rem}footer.svelte-uhk6nj .footer-links .badged div{padding:.25rem .4rem;text-wrap:nowrap;margin:0}footer.svelte-uhk6nj .footer-links .tagline{display:flex}footer.svelte-uhk6nj .footer-links .tagline svg{width:16px;height:28px;margin-right:.75rem;color:#fff}footer.svelte-uhk6nj .footer-links .tagline span{font-size:1.2rem;font-weight:400}footer.svelte-uhk6nj .mailing-list{margin-top:2rem;width:100%;color:#fff}@media only screen and (max-width: 1024px) and (min-width: 512px){footer.svelte-uhk6nj .mailing-list{width:unset}}footer.svelte-uhk6nj .copyright{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-top:4rem;opacity:.65;padding-top:20px;border-top:1px solid rgba(255,255,255,.25)}
+/*! ==== Badge.Db9ZKe7r.css :: Badge.svelte (svelte-57k9f5) ==== */
+div.svelte-57k9f5{font-family:JetBrains Mono,monospace;font-size:.875rem;text-transform:uppercase;width:fit-content;padding:.5rem;margin-bottom:.5rem}.dark.svelte-57k9f5{background-color:#232323;color:#fff}.light.svelte-57k9f5{background-color:#fff;color:#000}.accent.svelte-57k9f5{background-color:var(--color-accent);color:var(--color-background)}
+/*! ==== Grid.D6EcXAPH.css :: Grid.svelte (svelte-7tyzqm) ==== */
+.grid.svelte-7tyzqm{grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap);margin-bottom:var(--margin-bottom);grid-template-rows:auto auto;grid-template-columns:var(--template-columns);grid-auto-columns:1fr;display:grid;align-items:var(--align-items)}@media (max-width: 480px){.grid.small.svelte-7tyzqm{grid-template-columns:repeat(var(--wrapped-columns),1fr)}}@media (max-width: 768px){.grid.medium.svelte-7tyzqm{grid-template-columns:repeat(var(--wrapped-columns),1fr)}}@media (max-width: 1024px){.grid.large.svelte-7tyzqm{grid-template-columns:repeat(var(--wrapped-columns),1fr)}.grid.svelte-7tyzqm{grid-template-columns:var(--lg-template-columns);column-gap:var(--lg-column-gap)}}
+/*! ==== MailingListForm.CEQr4qc-.css :: MailingListForm.svelte (svelte-q96sfc) ==== */
+form.primary.svelte-q96sfc label{color:#ffffffa6}form.primary.svelte-q96sfc input[type=email]{color:#fff;background-color:transparent;border:1px solid rgba(2555,255,255,.65);height:2rem;font-size:1rem}form.primary.svelte-q96sfc input[type=submit]{color:#fff;background-color:#525252}@media (hover: hover) and (pointer: fine){form.primary.svelte-q96sfc input[type=submit]:hover{background-color:#727171}}form.primary.svelte-q96sfc input[type=submit]:active{background-color:#727171}form.accent.svelte-q96sfc input[type=submit]{color:#000;background-color:var(--color-accent)}label.svelte-q96sfc{display:block;text-transform:uppercase;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem;letter-spacing:.5px}input[type=email].svelte-q96sfc{padding:1.4rem 1rem;border:1px solid #000;font-size:.875rem;font-family:Inter,sans-serif;margin-bottom:1rem;width:100%;box-sizing:border-box}input[type=email].svelte-q96sfc:active,input[type=email].svelte-q96sfc:focus,input[type=email].svelte-q96sfc:hover{border-color:#fff!important}input[type=submit].svelte-q96sfc{border:none;text-align:center;text-transform:uppercase;letter-spacing:.5px;justify-content:center;padding:1rem 4rem;font-size:1.125rem;font-weight:600;font-family:Inter,sans-serif;display:flex;cursor:pointer;transition:all .2s;width:100%}input[type=submit].svelte-q96sfc[disabled]{cursor:not-allowed}.success.svelte-q96sfc,.error.svelte-q96sfc{padding:1rem;text-align:center}.success.svelte-q96sfc{background-color:#51ff001a;border:1px solid rgba(81,255,0,.35)}.error.svelte-q96sfc{background-color:#ff00001f;border:1px solid red}
+/*! ==== Button.JvjR6oQb.css :: Button.svelte (svelte-1io34pc) ==== */
+button.svelte-1io34pc{background-color:var(--color-accent);border:none;text-align:center;text-transform:uppercase;letter-spacing:.5px;justify-content:center;padding:1.25rem 4rem;font-size:1.125rem;font-weight:600;display:flex;width:fit-content;cursor:pointer;transition:all .2s}@media (hover: hover) and (pointer: fine){button.svelte-1io34pc.primary:hover:not(.disabled){opacity:.75}button.svelte-1io34pc.secondary:hover:not(.disabled){opacity:.8}button.svelte-1io34pc.accent:hover:not(.disabled){background-color:var(--color-accent-hover)}}button.svelte-1io34pc.primary:active:not(.disabled){opacity:.75}button.svelte-1io34pc.secondary:active:not(.disabled){opacity:.8}button.svelte-1io34pc.accent:active:not(.disabled){background-color:var(--color-accent-hover)}.full-width.svelte-1io34pc{width:100%}.primary.svelte-1io34pc{background-color:#000;color:#fff}.secondary.svelte-1io34pc{background-color:#fff;color:#000}.accent.svelte-1io34pc{background-color:var(--color-accent);color:#000}.disabled.svelte-1io34pc{cursor:not-allowed;color:#fff;background-color:var(--color-muted)}
+/*! ==== 1.D4XmzJMP.css :: +error.svelte (svelte-177x5sy) - 404 page ==== */
+.page.svelte-177x5sy{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem}h1.svelte-177x5sy{color:#000!important;margin:3rem 0 1rem}span.svelte-177x5sy{color:#000!important;font-size:1.5rem;margin-top:1rem}
+/*! ==== 2.CANtpFuV.css :: / home: +page.svelte, SectionHeader, FeaturedCarsList, FeaturedArticles ==== */
+.table.svelte-2ajqwq{mask:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 97%) 100% 50% / 100% 100% repeat-x}.compatibility-item.svelte-2ajqwq{align-items:center;display:flex;font-size:1.125rem}.compatibility-item.svelte-2ajqwq .car-brand-logo{width:3rem;display:inline-block;vertical-align:middle}.compatibility-item.svelte-2ajqwq .car{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;flex:1;margin:0 .875rem}.compatibility-item.svelte-2ajqwq .car-identifier{width:12rem;line-height:1.2}@media screen and (max-width: 768px){.compatibility-item.svelte-2ajqwq .car-identifier{width:100%}}.compatibility-item.svelte-2ajqwq .car-year{color:#00000080;line-height:1.2;flex:1}hr.svelte-2ajqwq{margin-top:1rem;margin-bottom:1rem;margin-left:3.875rem}.featured-articles.svelte-yixopr{margin:10rem 0;display:flex;flex-flow:column;align-items:center}@media screen and (max-width: 768px){.featured-articles.svelte-yixopr{margin:6rem 0}}span.svelte-yixopr{opacity:.5;text-align:center;font-size:1.25rem;margin-bottom:2rem;display:block}a.svelte-yixopr{display:flex;background-color:#fff;color:#000!important;border:1px solid #000;justify-content:center;align-items:center;padding:1.25rem;text-decoration:none;max-width:100%;height:40px;transition:background-color .2s}a.svelte-yixopr img{height:45px;display:inline-block;vertical-align:middle;object-fit:contain}a.svelte-yixopr img.greyscale{filter:grayscale(100%) brightness(20%)}@media (hover: hover) and (pointer: fine){a.svelte-yixopr:hover{background-color:var(--color-card-background-hover)}}a.svelte-yixopr:active{background-color:var(--color-card-background-hover)}.wrapper.svelte-1ebayn7{justify-content:space-around;align-items:center;display:flex;margin-bottom:4rem}@media screen and (max-width: 512px){.wrapper.svelte-1ebayn7{margin-bottom:3rem}}.label.svelte-1ebayn7{color:var(--color-foreground);flex:none;font-size:1.25rem;line-height:1}.line.svelte-1ebayn7{background-color:var(--color-foreground);width:100%;height:1px;margin-left:1rem;margin-right:1rem}.hero-image.svelte-ghphk8{position:relative;margin:-66px 0 0;width:100%;height:100vh;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){.hero-image.svelte-ghphk8.desktop{display:none}}.hero-image.svelte-ghphk8.mobile{height:unset;aspect-ratio:3 / 4}@media screen and (min-width: 769px){.hero-image.svelte-ghphk8.mobile{display:none}}.hero-image.svelte-ghphk8 video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;opacity:0;transition:opacity .3s ease-in}.hero-image.svelte-ghphk8 video.ready{opacity:1}.hero-image.svelte-ghphk8:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-image.svelte-ghphk8:after{content:"";position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to bottom,transparent,black);z-index:2;pointer-events:none}#hero.svelte-ghphk8 .feature-item{align-items:center;display:flex;color:#fff}#hero.svelte-ghphk8 .feature-item img{border:1px solid #000;width:52px;margin-right:.5rem;padding:.375rem;display:inline-block}#hero.svelte-ghphk8 .feature-item span{color:var(--color-muted);text-transform:uppercase;flex:1;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:400;line-height:1.25;margin-left:1rem}#hero.svelte-ghphk8 h3{line-height:1.4}@media screen and (max-width: 375px){#hero.svelte-ghphk8 .feature-item span{font-size:.75rem}}#recruit.svelte-ghphk8 .recruiting-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:1px solid #000}#recruit.svelte-ghphk8 .recruiting-card span{display:block}#recruit.svelte-ghphk8 .recruiting-card span:first-child{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:400;line-height:1;margin-bottom:.375rem}#recruit.svelte-ghphk8 .recruiting-card span:last-child{font-size:2rem;font-weight:600;line-height:1}@media screen and (max-width: 768px){#recruit.svelte-ghphk8 h4{margin-bottom:2rem}}.device-image-container.svelte-ghphk8{position:relative;display:inline-block;transform:scale(1.1)}.device-image-container.svelte-ghphk8 img{display:block;width:100%;height:auto}.device-image-container.svelte-ghphk8 .screen-video-overlay{position:absolute;left:23.21%;top:63.97%;width:40.21%;height:25.8%;mix-blend-mode:screen;opacity:0;transition:opacity .3s ease-in}.device-image-container.svelte-ghphk8 .screen-video-overlay.ready{opacity:1}
+/*! ==== 3.D8pMBWY4.css :: /connect: connect/+page.svelte (svelte-gtmdcg) ==== */
+.banner.svelte-gtmdcg{background-image:linear-gradient(#00000080,#0009),url(/img/vehicles/cover-vehicles-v2-3x-optimized_1.jpg);background-position:50% 38%;background-size:cover;background-attachment:scroll}.banner.svelte-gtmdcg img{width:90%;max-width:1360px;margin:0 auto;padding:5rem 1rem 0;display:block}.icon.svelte-gtmdcg{max-width:65px;min-width:65px;max-height:65px}.icon.svelte-gtmdcg svg,.icon.svelte-gtmdcg img{background-color:#000;color:#fff}.icon.svelte-gtmdcg svg{padding:.5rem}#connect.svelte-gtmdcg h1{font-size:2.5rem;font-weight:600;line-height:1.2;margin-top:1rem}#connect.svelte-gtmdcg p{font-size:1.5rem;text-wrap:balance}#connect.svelte-gtmdcg .header hgroup a{text-transform:uppercase;font-family:JetBrains Mono,monospace}#connect.svelte-gtmdcg .header hgroup a{border-bottom:1px solid #000}#connect.svelte-gtmdcg .features-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:6rem 0;padding:8.25rem 0rem;background-image:radial-gradient(circle,#f8fff5,#ccffb4)}@media screen and (max-width: 768px){#connect.svelte-gtmdcg .features-banner{margin:3rem 0}}#connect.svelte-gtmdcg .badge-prefix{font-family:JetBrains Mono,monospace;text-transform:uppercase;margin-bottom:.5rem;margin-right:.5rem}#connect.svelte-gtmdcg #features-table{padding-top:2rem}@media screen and (max-width: 768px){#connect.svelte-gtmdcg #features-table{padding-top:1rem}}#connect.svelte-gtmdcg #features-table .row{display:flex;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.25)}@media screen and (max-width: 768px){#connect.svelte-gtmdcg #features-table .row>div:not(:first-child){display:none!important}}#connect.svelte-gtmdcg #features-table .row .title{font-size:1.25rem;font-weight:600;display:flex;width:40%}#connect.svelte-gtmdcg #features-table .row .content{font-weight:600;text-align:center;margin:auto}#connect.svelte-gtmdcg #features-table .row .content.badge{display:flex;align-items:center;justify-content:center}#connect.svelte-gtmdcg #features-table .row .check{color:var(--color-accent-hover)}#connect.svelte-gtmdcg #features-table .row .cross{color:var(--color-red)}#connect.svelte-gtmdcg #features-table .row .feature-overview{display:flex}#connect.svelte-gtmdcg #features-table .row .feature-overview .icon{margin-right:1rem}#connect.svelte-gtmdcg #features-table .row .feature-overview hgroup{display:flex;flex-direction:column;justify-content:center}#connect.svelte-gtmdcg #features-table .row .feature-overview hgroup div{font-size:1.25rem;font-weight:600;line-height:1.25}#connect.svelte-gtmdcg #features-table .row .feature-overview .mobile-badge{display:none}#connect.svelte-gtmdcg #features-table .row .feature-overview .mobile-badge div{display:inline-flex;align-items:center;padding:.25rem .75rem;margin:.5rem 0}#connect.svelte-gtmdcg #features-table .row .feature-overview .mobile-badge div span{margin-right:.5rem}@media screen and (max-width: 768px){#connect.svelte-gtmdcg #features-table .row .feature-overview .mobile-badge{display:initial}}#connect.svelte-gtmdcg #features-table .row>div{flex:1}#price.svelte-gtmdcg h1{margin-top:2rem}#price.svelte-gtmdcg .checkmark-list li{list-style-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20width='24px'%20viewBox='0%200%2024%2024'%20fill='%2351b124'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'%3e%3c/path%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%3e%3c/path%3e%3c/svg%3e");margin:1rem 0}#price.svelte-gtmdcg .price-card{display:flex;flex-direction:column;padding:3rem;margin-top:1rem;align-items:center;justify-content:center;color:#fff;border:1px solid #fff}#price.svelte-gtmdcg .price-card span{font-size:2rem;margin-top:1.5rem}#price.svelte-gtmdcg .price-card .muted{opacity:.65;margin-top:.75rem;line-height:1.5;text-align:center}#price.svelte-gtmdcg .centered{display:flex;justify-content:center;margin-top:2rem}#price.svelte-gtmdcg .free-trial{padding:6rem 0 0}@media screen and (max-width: 480px){#price.svelte-gtmdcg .centered a,#price.svelte-gtmdcg .free-trial a{width:100%;box-sizing:border-box}}
+/*! ==== 4.Bc6k-nPt.css :: /jobs: jobs/+page.svelte (svelte-11te7oe) ==== */
+.jobs-page.svelte-11te7oe.svelte-11te7oe{--jobs-container:min(1180px, calc(100vw - 3rem) );--jobs-section-y:clamp(4rem, 7vw, 6rem);background:#fff;color:#000;letter-spacing:0;overflow-x:hidden;width:100%}.jobs-page.svelte-11te7oe.svelte-11te7oe,.jobs-page.svelte-11te7oe *{box-sizing:border-box}.container.svelte-11te7oe.svelte-11te7oe{max-width:var(--jobs-container);width:100%;margin:0 auto}.jobs-hero.svelte-11te7oe.svelte-11te7oe{border-bottom:1px solid #000;min-height:0;padding:clamp(3.5rem,8vw,7rem) 0 clamp(2rem,4vw,3.5rem);display:flex;align-items:flex-start}.jobs-hero.svelte-11te7oe h1.svelte-11te7oe{color:#000;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:.95;margin:0;max-width:14ch}.jobs-intro.svelte-11te7oe.svelte-11te7oe,.jobs-section.svelte-11te7oe.svelte-11te7oe,.benefits-section.svelte-11te7oe.svelte-11te7oe,.challenge-section.svelte-11te7oe.svelte-11te7oe,.quote-section.svelte-11te7oe.svelte-11te7oe{padding:var(--jobs-section-y) 0}.jobs-intro.svelte-11te7oe.svelte-11te7oe{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.split-grid.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);align-items:start}.split-grid.svelte-11te7oe>.svelte-11te7oe,.challenge-grid.svelte-11te7oe>.svelte-11te7oe,.openings-grid.svelte-11te7oe>.svelte-11te7oe{min-width:0}.section-title.svelte-11te7oe.svelte-11te7oe{color:#000;font-family:Inter,sans-serif;font-size:clamp(1.6rem,2.4vw,2.5rem);font-weight:700;line-height:1.1;margin:0;overflow-wrap:anywhere;text-transform:uppercase;word-break:break-word}.large-text.svelte-11te7oe.svelte-11te7oe,.body-copy.svelte-11te7oe.svelte-11te7oe,.challenge-copy.svelte-11te7oe.svelte-11te7oe,.trait-card.svelte-11te7oe p.svelte-11te7oe{color:#000;font-size:clamp(1.0625rem,1.35vw,1.25rem);font-weight:400;line-height:1.45}.large-text.svelte-11te7oe.svelte-11te7oe{margin:0}.jobs-intro.svelte-11te7oe .large-text.svelte-11te7oe{margin-bottom:2rem}.body-copy.svelte-11te7oe.svelte-11te7oe{margin:1rem 0 2rem}.eyebrow.svelte-11te7oe.svelte-11te7oe{color:#0000008c;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.2;margin:0 0 .5rem;text-transform:uppercase}.jobs-video.svelte-11te7oe.svelte-11te7oe{padding:0 0 var(--jobs-section-y)}.video-shell.svelte-11te7oe.svelte-11te7oe{aspect-ratio:16 / 9;min-height:24rem;max-height:42rem;overflow:hidden;position:relative;width:100%}.video-frame.svelte-11te7oe.svelte-11te7oe{border:0;display:block;height:100%;width:100%}.section-spacer.svelte-11te7oe.svelte-11te7oe{height:clamp(3rem,5vw,5rem)}.photo-grid.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.photo-grid.svelte-11te7oe img.svelte-11te7oe,.challenge-image.svelte-11te7oe.svelte-11te7oe{border:1px solid #000;display:block;width:100%}.photo-grid.svelte-11te7oe img.svelte-11te7oe{aspect-ratio:4 / 3;object-fit:cover}.quote-section.svelte-11te7oe.svelte-11te7oe{border-bottom:1px solid #000;border-top:1px solid #000}.quote-container.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-rows:auto auto;align-items:center;gap:3rem}.quote.svelte-11te7oe.svelte-11te7oe{margin:0 auto;max-width:70rem;text-align:center}.quote.svelte-11te7oe blockquote.svelte-11te7oe{border:0;color:#000;font-size:clamp(1.75rem,3vw,2.5rem);font-style:normal;line-height:1.25;margin:0;padding:0}.quote.svelte-11te7oe figcaption.svelte-11te7oe{color:#000;font-size:1.25rem;line-height:1.2;margin-top:2rem}.quote-controls.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:1rem}.quote-arrow.svelte-11te7oe.svelte-11te7oe{align-items:center;background:#000;border:0;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:opacity .2s;width:48px}.quote-arrow.svelte-11te7oe.svelte-11te7oe:hover,.quote-arrow.svelte-11te7oe.svelte-11te7oe:focus-visible{opacity:.75}.quote-arrow.previous.svelte-11te7oe svg{transform:rotate(180deg)}.quote-arrow.svelte-11te7oe svg{height:24px;width:24px}.quote-dots.svelte-11te7oe.svelte-11te7oe{display:flex;justify-content:center;gap:4px}.quote-dots.svelte-11te7oe button.svelte-11te7oe{background:#e4e4e4;border:0;cursor:pointer;height:4px;padding:0;transition:background-color .2s;width:24px}.quote-dots.svelte-11te7oe button.active.svelte-11te7oe{background:#000}.traits-grid.svelte-11te7oe.svelte-11te7oe{border:1px solid #000;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2rem,4vw,3rem)}.trait-card.svelte-11te7oe.svelte-11te7oe{padding:2rem}.trait-card.svelte-11te7oe+.trait-card.svelte-11te7oe{border-left:1px solid #000}.trait-card.svelte-11te7oe h3.svelte-11te7oe{color:#000;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0 0 1rem}.trait-card.svelte-11te7oe p.svelte-11te7oe{margin:0}.challenge-section.svelte-11te7oe.svelte-11te7oe{background:#000;color:#fff}.challenge-section.svelte-11te7oe .eyebrow.svelte-11te7oe{color:#ffffffa6}.challenge-grid.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(2.5rem,5vw,5rem);align-items:start}.challenge-section.svelte-11te7oe h2.svelte-11te7oe{color:#fff;font-size:clamp(2rem,3vw,2.75rem);font-weight:600;line-height:1.2;margin:0 0 1rem}.challenge-copy.svelte-11te7oe.svelte-11te7oe{color:#fff;margin:0 0 1.25rem}.trait-card.svelte-11te7oe a,.challenge-copy.svelte-11te7oe a.svelte-11te7oe,.job-description.svelte-11te7oe a{border-bottom:2px solid var(--color-accent);text-decoration:none;transition:background-color .2s}.trait-card.svelte-11te7oe a:hover,.trait-card.svelte-11te7oe a:focus-visible,.challenge-copy.svelte-11te7oe a.svelte-11te7oe:hover,.challenge-copy.svelte-11te7oe a.svelte-11te7oe:focus-visible,.job-description.svelte-11te7oe a:hover,.job-description.svelte-11te7oe a:focus-visible{background:#51ff0040}.challenge-image.svelte-11te7oe.svelte-11te7oe{aspect-ratio:4 / 3;align-self:start;object-fit:cover}.benefits-section.svelte-11te7oe.svelte-11te7oe{background:#f5f5f5}.benefits-list.svelte-11te7oe.svelte-11te7oe{display:flex;flex-direction:column}.benefit-item.svelte-11te7oe.svelte-11te7oe{align-items:center;border-bottom:1px solid #000;display:flex;margin-bottom:1rem;padding-bottom:1rem}.benefit-item.svelte-11te7oe img.svelte-11te7oe{flex:none;height:48px;width:48px}.benefit-item.svelte-11te7oe span.svelte-11te7oe{color:#000;font-size:1.4rem;font-weight:600;line-height:1.2;margin-left:1rem}.openings-grid.svelte-11te7oe.svelte-11te7oe{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}.openings-intro.svelte-11te7oe.svelte-11te7oe{position:sticky;top:6rem}.openings-intro.svelte-11te7oe p.svelte-11te7oe{color:#000;font-size:1.5rem;line-height:1.3;margin:1.5rem 0 0}.openings-intro.svelte-11te7oe .section-title.svelte-11te7oe{font-size:2rem;line-height:1.2}.jobs-list.svelte-11te7oe.svelte-11te7oe{border-top:1px solid #000}.job-item.svelte-11te7oe.svelte-11te7oe{border-bottom:1px solid #000;margin-bottom:0;padding:1.5rem 0;scroll-margin-top:6rem}.job-item.svelte-11te7oe.svelte-11te7oe:last-child{margin-bottom:0}.job-header.svelte-11te7oe.svelte-11te7oe{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:0}.job-toggle.svelte-11te7oe.svelte-11te7oe{align-items:center;background:transparent;border:0;color:#000;cursor:pointer;display:flex;flex:1;font-family:inherit;justify-content:space-between;min-width:0;padding:0;text-align:left}.job-toggle.svelte-11te7oe.svelte-11te7oe:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.job-header-title.svelte-11te7oe.svelte-11te7oe{align-items:flex-start;display:flex;flex-direction:column;flex:1;min-width:0;margin-right:1rem}.job-title-line.svelte-11te7oe.svelte-11te7oe{align-items:center;column-gap:.75rem;display:flex;flex-wrap:wrap;min-width:0;row-gap:.5rem;width:100%}.job-title.svelte-11te7oe.svelte-11te7oe{color:#000;display:block;flex:0 1 auto;font-size:1.875rem;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.job-toggle-icon.svelte-11te7oe.svelte-11te7oe{align-items:center;color:#000;display:flex;flex:none;height:2rem;justify-content:center;transition:transform .2s;width:2rem}.job-toggle-icon.svelte-11te7oe svg{height:12px;width:18px}.job-item.expanded.svelte-11te7oe .job-toggle-icon.svelte-11te7oe{transform:rotate(180deg)}.job-team.svelte-11te7oe.svelte-11te7oe,.job-location.svelte-11te7oe.svelte-11te7oe{color:#000;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.2}.job-team.svelte-11te7oe.svelte-11te7oe{border:1px solid #000;display:inline-block;flex:none;opacity:.65;padding:.25rem .5rem}.job-location.svelte-11te7oe.svelte-11te7oe{margin-top:.75rem;opacity:.65;text-transform:uppercase}.job-actions.svelte-11te7oe.svelte-11te7oe{align-items:stretch;display:flex;flex:none;gap:.5rem}.share-button.svelte-11te7oe.svelte-11te7oe{align-items:center;background:transparent;border:1px solid #000;color:#000;cursor:pointer;display:flex;flex:none;justify-content:center;padding:0;transition:opacity .2s;width:2.55rem}.share-button.svelte-11te7oe.svelte-11te7oe:hover,.share-button.svelte-11te7oe.svelte-11te7oe:focus-visible{opacity:.6}.share-button.svelte-11te7oe.svelte-11te7oe:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.share-button.svelte-11te7oe svg{height:20px;width:20px}.apply-wrap.svelte-11te7oe.svelte-11te7oe{display:flex;flex:none;position:relative}.email-tooltip.svelte-11te7oe.svelte-11te7oe{background:#000;bottom:calc(100% + .625rem);color:#fff;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.2;padding:.5rem .75rem;position:absolute;right:0;white-space:nowrap;z-index:2}.email-tooltip.svelte-11te7oe.svelte-11te7oe:after{border:6px solid transparent;border-top-color:#000;content:"";position:absolute;right:1.5rem;top:100%}.apply-button.svelte-11te7oe.svelte-11te7oe{background:#000;border:0;color:#fff;cursor:pointer;flex:none;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.8px;line-height:1.2;padding:.75rem 1rem;text-decoration:none;text-transform:uppercase;transition:opacity .2s;white-space:nowrap}.apply-button.svelte-11te7oe.svelte-11te7oe:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.apply-button.svelte-11te7oe.svelte-11te7oe:hover,.apply-button.svelte-11te7oe.svelte-11te7oe:focus-visible{opacity:.8}.job-panel.svelte-11te7oe.svelte-11te7oe{margin-top:1.25rem}.job-description.svelte-11te7oe.svelte-11te7oe{color:#000;font-size:1.125rem;font-weight:400;line-height:1.45;margin-bottom:1.5rem}.job-qualifications.svelte-11te7oe.svelte-11te7oe{color:#000;font-family:JetBrains Mono,monospace;font-size:1.0625rem;line-height:1.25;margin-bottom:1.5rem;text-transform:uppercase}.job-item.svelte-11te7oe ul.svelte-11te7oe{color:#000;margin:0 0 10px;padding-left:2.5rem}.job-item.svelte-11te7oe li.svelte-11te7oe{color:#000;font-size:1.125rem;font-weight:400;line-height:1.45;margin-bottom:0}.job-how-to-apply.svelte-11te7oe.svelte-11te7oe{margin-top:1.5rem}.job-how-to-apply.svelte-11te7oe .job-qualifications.svelte-11te7oe{margin-bottom:.75rem}.job-how-to-apply.svelte-11te7oe p.svelte-11te7oe{color:#000;font-size:1.125rem;line-height:1.45;margin:0}.job-how-to-apply.svelte-11te7oe a{color:#000;text-decoration:underline;text-underline-offset:.15em}@media screen and (max-width: 1024px){.jobs-hero.svelte-11te7oe h1.svelte-11te7oe{font-size:3rem}.split-grid.svelte-11te7oe.svelte-11te7oe,.photo-grid.svelte-11te7oe.svelte-11te7oe,.challenge-grid.svelte-11te7oe.svelte-11te7oe,.openings-grid.svelte-11te7oe.svelte-11te7oe{grid-template-columns:1fr}.split-grid.svelte-11te7oe.svelte-11te7oe,.challenge-grid.svelte-11te7oe.svelte-11te7oe,.openings-grid.svelte-11te7oe.svelte-11te7oe{gap:2rem}.video-shell.svelte-11te7oe.svelte-11te7oe{min-height:0;max-height:none}.photo-grid.svelte-11te7oe.svelte-11te7oe{gap:2rem}.job-header.svelte-11te7oe.svelte-11te7oe{align-items:flex-start;flex-wrap:wrap}.job-toggle.svelte-11te7oe.svelte-11te7oe{align-items:flex-start}.openings-intro.svelte-11te7oe.svelte-11te7oe{position:static}}@media screen and (max-width: 768px){.jobs-page.svelte-11te7oe.svelte-11te7oe{--jobs-container: calc(100vw - 2rem) ;--jobs-section-y:3.5rem}.jobs-hero.svelte-11te7oe.svelte-11te7oe{min-height:auto;padding-top:3rem;padding-bottom:2rem}.jobs-hero.svelte-11te7oe h1.svelte-11te7oe{font-size:2.4rem;max-width:none}.jobs-intro.svelte-11te7oe.svelte-11te7oe{padding-top:2.5rem;padding-bottom:3rem}.section-title.svelte-11te7oe.svelte-11te7oe{font-size:1.45rem;font-weight:700;line-height:1.12;max-width:100%}.large-text.svelte-11te7oe.svelte-11te7oe,.body-copy.svelte-11te7oe.svelte-11te7oe,.challenge-copy.svelte-11te7oe.svelte-11te7oe,.trait-card.svelte-11te7oe p.svelte-11te7oe{font-size:1rem;max-width:100%;overflow-wrap:normal}.section-spacer.svelte-11te7oe.svelte-11te7oe{height:3rem}.quote.svelte-11te7oe blockquote.svelte-11te7oe{font-size:1.35rem}.quote.svelte-11te7oe figcaption.svelte-11te7oe{font-size:1rem;margin-top:1.5rem}.quote-controls.svelte-11te7oe.svelte-11te7oe{grid-template-columns:44px 1fr 44px}.quote-arrow.svelte-11te7oe.svelte-11te7oe{height:44px;width:44px}.traits-grid.svelte-11te7oe.svelte-11te7oe{grid-template-columns:1fr}.trait-card.svelte-11te7oe.svelte-11te7oe{padding:2rem 1.25rem}.trait-card.svelte-11te7oe+.trait-card.svelte-11te7oe{border-left:0;border-top:1px solid #000}.challenge-section.svelte-11te7oe h2.svelte-11te7oe{font-size:1.875rem}.benefit-item.svelte-11te7oe span.svelte-11te7oe{font-size:1rem;margin-left:.5rem}.benefit-item.svelte-11te7oe img.svelte-11te7oe{height:40px;width:40px}.openings-intro.svelte-11te7oe p.svelte-11te7oe{font-size:1.25rem}.openings-intro.svelte-11te7oe .section-title.svelte-11te7oe{font-size:1.5rem}.job-item.svelte-11te7oe.svelte-11te7oe{padding:1.25rem 0}.job-header.svelte-11te7oe.svelte-11te7oe{align-items:stretch;flex-direction:column}.job-toggle.svelte-11te7oe.svelte-11te7oe{width:100%}.job-header-title.svelte-11te7oe.svelte-11te7oe{margin-bottom:0;margin-right:0}.job-title.svelte-11te7oe.svelte-11te7oe{font-size:1.5rem}.job-title-line.svelte-11te7oe.svelte-11te7oe{column-gap:.5rem}.job-location.svelte-11te7oe.svelte-11te7oe{display:none;margin-top:.5rem}.job-actions.svelte-11te7oe.svelte-11te7oe{display:none}.job-item.expanded.svelte-11te7oe .job-location.svelte-11te7oe{display:block}.job-item.expanded.svelte-11te7oe .job-actions.svelte-11te7oe{display:flex}.job-panel.svelte-11te7oe.svelte-11te7oe{margin-top:1rem}.job-team.svelte-11te7oe.svelte-11te7oe,.job-location.svelte-11te7oe.svelte-11te7oe{font-size:.875rem}.apply-wrap.svelte-11te7oe.svelte-11te7oe{flex:1}.apply-button.svelte-11te7oe.svelte-11te7oe{flex:1;text-align:center}}
+/*! ==== 5.CaIOs1zA.css :: /openpilot: openpilot/+page.svelte, ReleaseNote ==== */
+.release-note.svelte-s17iji{border-top:1px solid #000;padding-top:1.5rem;padding-bottom:1.5rem}img.svelte-s17iji{border:1px solid rgba(0,0,0,.12);margin-right:1.5rem}hgroup.svelte-s17iji span{text-transform:uppercase;margin-bottom:.25rem;font-family:JetBrains Mono,monospace;font-size:.875rem}hgroup.svelte-s17iji a{font-size:1.5rem;display:block!important;width:fit-content;margin-top:.25rem}.stats-item.svelte-40iujj{display:flex;align-items:flex-start;flex-flow:column;color:#fff}.stats-item.svelte-40iujj span:first-of-type{margin-top:.5rem;margin-bottom:.25rem;font-size:2rem;font-weight:600}.stats-item.svelte-40iujj span:last-of-type{color:var(--color-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:400}@media screen and (max-width: 1024px){.stats-item.svelte-40iujj span:first-of-type{font-size:1.5rem}.stats-item.svelte-40iujj span:last-of-type{font-size:.875rem}}.feature-item.svelte-40iujj{display:flex;align-items:center;flex-flow:row}.feature-item.svelte-40iujj div{border:1px solid #000;width:48px;padding:.375rem;display:inline-block;color:#000}.feature-item.svelte-40iujj span{color:var(--color-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:400;margin-left:1rem}.headline.svelte-40iujj{margin-top:4rem;margin-bottom:6rem}.headline.svelte-40iujj h1{font-size:2.5rem;line-height:1.2}.headline.svelte-40iujj ul{padding-left:0;list-style:none}.headline.svelte-40iujj ul li{margin-bottom:.5rem;padding-left:2rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20width='24px'%20viewBox='0%200%2024%2024'%20fill='%2351b124'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'%3e%3c/path%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%3e%3c/path%3e%3c/svg%3e") left center no-repeat}@media screen and (max-width: 512px){.headline.svelte-40iujj h1{font-size:2rem}.headline.svelte-40iujj ul{padding-top:1rem}.headline.svelte-40iujj ul li{font-size:1.25rem}}article.svelte-40iujj{margin-bottom:6rem}article.svelte-40iujj hgroup p{opacity:.5;font-family:JetBrains Mono,monospace;margin:0 0 .5rem;font-size:1.5rem}article.svelte-40iujj hgroup h2{font-weight:600;font-size:2.5rem;text-transform:lowercase;line-height:1.2;margin-bottom:1rem}article.svelte-40iujj p{font-size:1.5rem}article.svelte-40iujj h3{margin-top:4rem;margin-bottom:1rem}@media screen and (max-width: 512px){article.svelte-40iujj{margin-bottom:4rem}article.svelte-40iujj hgroup h2{font-size:2rem}article.svelte-40iujj p{font-size:1.25rem}article.svelte-40iujj .release-notes{width:100%}}.release-notes.svelte-40iujj{width:80%}
+/*! ==== 6.CtjvlLKy.css :: /setup: setup/+page.svelte (svelte-6r52kx) ==== */
+#installation-guide.svelte-6r52kx{padding-bottom:2rem}#installation-guide.svelte-6r52kx .header hgroup{margin-bottom:2rem}#installation-guide.svelte-6r52kx .header hgroup h1{margin:0;font-size:3rem}#installation-guide.svelte-6r52kx .header hgroup h2{margin:.5rem 0 0;font-size:2rem;font-weight:400}#installation-guide.svelte-6r52kx .header .media-container{position:relative;padding-bottom:56.25%;height:0}#installation-guide.svelte-6r52kx .header .media-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}#installation-guide.svelte-6r52kx .header .overview{display:flex;align-items:center;justify-content:space-evenly;margin:2rem 0}#installation-guide.svelte-6r52kx .header .overview div{display:flex;align-items:center;justify-content:center}#installation-guide.svelte-6r52kx .header .overview span{margin-left:1rem}#installation-guide.svelte-6r52kx .header .overview .divider{width:1px;height:3rem;background-color:#0003;margin:0 2.5rem}#installation-guide.svelte-6r52kx .header .parts-card{border:1px solid #000;border-bottom:0;margin-bottom:1.5rem}#installation-guide.svelte-6r52kx .header .parts-card .header{font-size:.875rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;color:#fff;background-color:#000;padding:.75rem 1rem}#installation-guide.svelte-6r52kx .header .parts-card .contents{display:flex;flex-flow:column;align-items:start;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #000}#installation-guide.svelte-6r52kx .header .parts-card .contents div{width:100%}#installation-guide.svelte-6r52kx .header .parts-card .contents div .content-header{display:flex;align-items:center;justify-content:start;gap:1rem}#installation-guide.svelte-6r52kx .header .parts-card .contents div .content-header img{min-width:45px;max-width:60px;object-fit:contain;border:1px solid rgba(0,0,0,.12);padding:.5rem}#installation-guide.svelte-6r52kx .header .parts-card .contents div .content-header span{white-space:nowrap}@media screen and (max-width: 480px){#installation-guide.svelte-6r52kx .header .parts-card .contents div .content-header span{white-space:normal}}#installation-guide.svelte-6r52kx .header .parts-card .contents span{text-align:end}#installation-guide.svelte-6r52kx .header .parts-card .contents li{font-size:1rem;text-wrap:balance}.card.svelte-6r52kx{border:1px solid #000;border-bottom:0;margin-bottom:4rem}.card.svelte-6r52kx .header{font-size:.875rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;color:#fff;background-color:#000;padding:.75rem 1rem}.card.svelte-6r52kx .contents{display:flex;flex-flow:column;align-items:start;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #000}.step.svelte-6r52kx h2{margin-top:1rem}.step.svelte-6r52kx p,.step.svelte-6r52kx li{font-size:1.5rem}@media screen and (max-width: 1024px){.step.svelte-6r52kx p,.step.svelte-6r52kx li{font-size:1.25rem}}.step.svelte-6r52kx li,.step.svelte-6r52kx .card{margin-bottom:1rem}.step.svelte-6r52kx .image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;align-items:start}.step.svelte-6r52kx .image-grid img{width:100%;height:auto}.step.svelte-6r52kx .image-grid .crop-wrapper{overflow:hidden;position:relative;aspect-ratio:1 / 1}.step.svelte-6r52kx .image-grid .crop-wrapper img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}#faq.svelte-6r52kx{margin-bottom:2rem}hr.svelte-6r52kx{margin:2rem 0 3rem}.vehicle-notes.svelte-6r52kx{margin-top:1rem;font-size:1.25rem}.vehicle-notes.svelte-6r52kx p{margin:.25rem 0 0}.vehicle-notes.svelte-6r52kx .setup-notes{width:100%;margin:1rem 0 .5rem}.vehicle-notes.svelte-6r52kx .setup-notes .note-heading{font-weight:600;margin-bottom:.5rem}.vehicle-notes.svelte-6r52kx .setup-notes ul{margin:0;padding-left:1.5rem}.vehicle-notes.svelte-6r52kx .setup-notes li{margin-bottom:.5rem;font-size:1.25rem}.vehicle-notes.svelte-6r52kx .setup-notes a{color:#000;border-bottom:2px solid #86ff4e;background-color:#86ff4e26}.vehicle-notes.svelte-6r52kx .setup-notes .media-container{position:relative;padding-bottom:56.25%}.vehicle-notes.svelte-6r52kx .setup-notes .media-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
+/*! ==== 7.DGTEg-9U.css :: /shop: shop/+page.svelte, ProductCard ==== */
+.product-card.svelte-1hz5z8s.svelte-1hz5z8s{border:1px solid #000;background-color:var(--color-card-background);padding-top:1rem;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between}@media (hover: hover) and (pointer: fine){.product-card.svelte-1hz5z8s.svelte-1hz5z8s:hover{background-color:var(--color-card-background-hover);transform:scale(1.02)}}.product-card.svelte-1hz5z8s.svelte-1hz5z8s:active{background-color:var(--color-card-background-hover);transform:scale(1.02)}.product-card.svelte-1hz5z8s.svelte-1hz5z8s img{display:inline-block;mix-blend-mode:multiply}.product-card.svelte-1hz5z8s.svelte-1hz5z8s div{display:flex;gap:1rem;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1rem 1.25rem}.product-card.svelte-1hz5z8s.svelte-1hz5z8s div hgroup h2{font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.375rem;overflow:hidden;text-wrap:balance;text-overflow:ellipsis}.product-card.svelte-1hz5z8s.svelte-1hz5z8s div>span{color:#fff;background-color:#000;padding:.5rem 1rem;text-transform:uppercase}@media screen and (max-width: 1500px){.product-card.svelte-1hz5z8s div.svelte-1hz5z8s{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 768px){.product-card.svelte-1hz5z8s div.svelte-1hz5z8s{flex-direction:row}}section.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi{background-color:unset}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi{padding-bottom:0}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi article{border:1px solid #000}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi article:first-of-type{margin-bottom:4rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .gradient-bg{background:linear-gradient(135deg,#111 50%,#023807)}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display{padding:6rem;background-color:#000}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display hgroup{margin-bottom:2rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display hgroup h1{font-size:2.5rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display hgroup span{display:block}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display hgroup span:first-of-type{font-size:1.5rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display hgroup span.muted{font-size:1rem;margin-top:.25rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display p{font-size:1.125rem;color:#fff}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display .muted{color:#fff;opacity:.75}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .traits{align-items:stretch}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .traits .trait{display:flex;align-content:flex-start;padding:1.5rem;border-right:1px solid #000}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .traits .trait svg{margin-right:1rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .traits .trait h2{font-size:1rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .traits .trait:last-of-type{border-right:none}@media only screen and (max-width: 1160px){#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display{padding:2rem;text-align:center}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display .product-content{display:flex;flex-direction:column;align-items:center}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .product-display .product-content>a{width:100%;box-sizing:border-box}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .trait{flex-wrap:wrap}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .trait svg{margin-right:0;margin-bottom:1rem}}@media only screen and (max-width: 768px){#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .trait{flex-wrap:nowrap;border-right:none!important;border-bottom:1px solid #000}#devices.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .trait:last-of-type{border-bottom:none}}section.svelte-sbpcoi .container.svelte-sbpcoi>hr.svelte-sbpcoi{margin-top:0rem;margin-bottom:2rem}section.svelte-sbpcoi .container.svelte-sbpcoi>hr.svelte-sbpcoi+h1{margin-bottom:3rem}.products-list.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi{margin:2rem 0}#accessories.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .shop-accessories-label{text-align:center;padding:2rem 0;margin-bottom:0;font-size:1.25rem;font-weight:600}#accessories.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .shop-accessories-list{margin-top:2rem}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi{margin-bottom:3rem}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-label{background-color:#000;padding:2rem;color:#fff;font-size:1.5rem;font-weight:600}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-label hgroup *{color:#fff;line-height:1.25}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-label hgroup h2{margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-label hgroup p{opacity:.65;font-size:1.25rem;margin-top:0}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-label hgroup span{margin-top:.875rem;font-size:1.25rem}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details{border:1px solid #000;padding:3rem 2rem;color:#000}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details h3{margin-top:0}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details span{font-weight:700}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details hr{margin:1.5rem 0}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details .side-by-side{display:flex;align-items:center;color:#000}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details .side-by-side hgroup{margin-left:1rem}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details .side-by-side hgroup *{margin:0}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details .side-by-side hgroup h4{font-weight:600}.service-item.svelte-sbpcoi.svelte-sbpcoi.svelte-sbpcoi .service-details .price{display:block;margin-bottom:1rem;color:#4a4a4a}
+/*! ==== 8.Psnc-YtG.css :: /shop/[product]: Product.svelte, Select.svelte ==== */
+.select.svelte-zt3auu{box-sizing:border-box;width:100%;background:#fff;border:1px solid #a0a0a0;padding:.25em .5em;font-size:1.25rem;cursor:pointer}select.svelte-zt3auu{font-size:inherit;font-weight:600;text-wrap:balance;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:none;padding:1rem;width:100%;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:50%}h1.svelte-vml9z1{font-size:2.5rem;font-weight:600}.preview.svelte-vml9z1 img{display:block;margin:0 auto}.product-images.svelte-vml9z1{display:flex;flex-wrap:wrap}.variant.svelte-vml9z1{width:120px;max-width:25%;cursor:pointer;background-color:transparent;border:none;margin-top:1rem}.variant.svelte-vml9z1 img{width:100%;height:100%;object-fit:scale-down}.variant-selector.svelte-vml9z1{margin:1rem 0}.variant-selector.svelte-vml9z1 h1{margin-bottom:1rem}.variant-selector.svelte-vml9z1 .price{font-size:1.5rem;display:flex;flex-direction:column;gap:.25rem}.variant-selector.svelte-vml9z1 img{width:120px;height:120px;object-fit:scale-down}.description.svelte-vml9z1 strong{font-size:1.25rem}.description.svelte-vml9z1 hr{margin:2rem 0}.description.svelte-vml9z1 hgroup{display:flex;align-items:center}.description.svelte-vml9z1 hgroup img{border:1px solid rgba(0,0,0,.12);margin-right:1rem;max-width:150px}.description.svelte-vml9z1 hgroup div{display:flex;flex-direction:column}.description.svelte-vml9z1 hgroup div span{font-size:.875rem;text-transform:uppercase;font-family:JetBrains Mono,monospace}.description.svelte-vml9z1 hgroup div strong{font-size:1.25rem;font-weight:600}.description.svelte-vml9z1 li{font-size:1rem}.description.svelte-vml9z1 a{color:#000;border-bottom:2px solid #86ff4e;background-color:#86ff4e26}.description.svelte-vml9z1 .video-container{position:relative;padding-bottom:56.25%;height:0}.description.svelte-vml9z1 .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}hr.svelte-vml9z1{margin:2rem 0}
+/*! ==== 9.BBgpNrRL.css :: /shop/body: body/+page.svelte (svelte-prxxnf) ==== */
+p.svelte-prxxnf{font-size:1.25rem}hr.svelte-prxxnf{margin:3rem 0}h1.svelte-prxxnf{font-size:3rem;font-weight:400;line-height:1.4}@media screen and (max-width: 768px){h1.svelte-prxxnf{font-size:2rem}}#overview.svelte-prxxnf{text-align:center}#overview.svelte-prxxnf img{display:block;margin:6rem auto}@media screen and (max-width: 768px){#overview.svelte-prxxnf img{margin:3rem auto}}.features.svelte-prxxnf h1{text-align:center}.features.svelte-prxxnf .image-grid{margin-bottom:5rem}.features.svelte-prxxnf .image-grid img{width:100%;height:auto;border-radius:8px}@media screen and (max-width: 768px){.features.svelte-prxxnf .image-grid{margin-bottom:3rem}}.features.svelte-prxxnf .item{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.85)}.features.svelte-prxxnf .item .label{font-size:1.2rem;font-family:JetBrains Mono,monospace;font-weight:400;text-transform:uppercase;padding:1rem 0;display:flex;align-items:center}.features.svelte-prxxnf .item .label span{margin-left:1rem}.features.svelte-prxxnf .item .details{max-width:90%;font-size:1.2rem;line-height:1.6;margin-bottom:1rem}#technical-specs.svelte-prxxnf{border-bottom:1px solid #000;margin-bottom:3rem}#technical-specs.svelte-prxxnf .technical-specs h1{text-align:center}#technical-specs.svelte-prxxnf .technical-specs img{display:block}#technical-specs.svelte-prxxnf .technical-specs .chart{margin:4rem auto}#technical-specs.svelte-prxxnf .technical-specs .chart .body-assembly img{margin:0 auto 2rem;max-width:50%}#technical-specs.svelte-prxxnf .technical-specs .header{margin-bottom:1rem}#technical-specs.svelte-prxxnf .technical-specs .spec{padding-bottom:1.5rem}#technical-specs.svelte-prxxnf .technical-specs .spec span{display:block}#technical-specs.svelte-prxxnf .mailing-list{display:flex;flex-direction:column;align-items:center}#technical-specs.svelte-prxxnf .mailing-list .form{width:45ch;color:#000}@media screen and (max-width: 480px){#technical-specs.svelte-prxxnf .mailing-list .form{width:100%}}#description.svelte-prxxnf h3{font-weight:600}#description.svelte-prxxnf h3:first-of-type{margin-top:1rem}#description.svelte-prxxnf li{font-size:1.25rem}@media screen and (max-width: 1024px){#description.svelte-prxxnf{margin-bottom:3rem}}#description.svelte-prxxnf .fine-print-copy{padding:1rem 3rem;background-color:#fafafa}#description.svelte-prxxnf .fine-print-copy strong+p{margin-top:.5rem}
+/*! ==== 10.D-ldDHYF.css :: /shop/comma-four: comma-four/+page.svelte, SetupGuide ==== */
+.installation-guide.svelte-19dr0ra{max-width:80%}@media screen and (max-width: 1024px){.installation-guide.svelte-19dr0ra{max-width:100%}}.installation-guide.svelte-19dr0ra hgroup span{display:block;font-size:1.25rem;margin-bottom:.5rem}.installation-guide.svelte-19dr0ra .overview{display:flex;align-items:center;max-width:375px;margin:2rem 0}.installation-guide.svelte-19dr0ra .overview div{display:flex;align-items:center;justify-content:center}.installation-guide.svelte-19dr0ra .overview span{margin-left:1rem}.installation-guide.svelte-19dr0ra .overview .divider{width:1px;height:3rem;background-color:#0003;margin:0 2.5rem}h2.svelte-1xdco7o{font-size:1.875rem;font-weight:600}p.svelte-1xdco7o{font-size:1.25rem}a.svelte-1xdco7o{color:#000}hr.svelte-1xdco7o{margin:3rem 0}.max-gradient.svelte-1xdco7o{background:linear-gradient(to bottom left,#8027fc,#cfa9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cooling-section.svelte-1xdco7o{padding-top:2rem}#description.svelte-1xdco7o .description p:first-of-type{margin-top:0}#description.svelte-1xdco7o .description p:last-of-type{margin-bottom:0}@media screen and (max-width: 1024px){#description.svelte-1xdco7o{margin-bottom:3rem}}#description.svelte-1xdco7o .box-contents{display:flex;flex-wrap:wrap;text-align:center}#description.svelte-1xdco7o .box-contents>div{width:300px;margin-bottom:2rem}#description.svelte-1xdco7o .box-contents>div img{max-height:150px}#description.svelte-1xdco7o .box-contents>div p{margin:0 2rem}#description.svelte-1xdco7o .spec-card{border:1px solid #000;margin-bottom:1.5rem}#description.svelte-1xdco7o .spec-card .header{display:flex;align-items:center;border-bottom:1px solid #000}#description.svelte-1xdco7o .spec-card .header div{display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;width:48px;height:48px}#description.svelte-1xdco7o .spec-card .header div svg{width:36px;height:36px;color:#fff}#description.svelte-1xdco7o .spec-card .header span{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:400;text-transform:uppercase;margin-left:1rem}#description.svelte-1xdco7o .spec-card .contents{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem}#description.svelte-1xdco7o .spec-card .contents hgroup strong{display:block;font-size:1.25rem;font-weight:600}#description.svelte-1xdco7o .spec-card .contents hgroup .unit{font-size:.875rem;text-transform:uppercase}#description.svelte-1xdco7o .spec-card .contents li{font-size:1rem}hgroup.svelte-1xdco7o span{font-family:JetBrains Mono,monospace;font-size:1rem;margin-bottom:.5rem}hgroup.svelte-1xdco7o h2{font-size:2.5rem;font-weight:600;line-height:1.2}.compatibility.svelte-1xdco7o{margin-bottom:5rem}@media screen and (max-width: 768px){.compatibility.svelte-1xdco7o{margin-bottom:5rem}}.compatibility.svelte-1xdco7o hgroup h2{text-wrap:balance}.compatibility.svelte-1xdco7o hgroup span{text-transform:uppercase}.compatibility.svelte-1xdco7o p,.compatibility.svelte-1xdco7o p>a{color:#fff}.guarantee.svelte-1xdco7o{font-size:3rem;line-height:1.25}.guarantee.svelte-1xdco7o a{color:#fff}.fine-print-copy.svelte-1xdco7o{padding:1.5rem;background-color:#fafafa}.fine-print-copy.svelte-1xdco7o strong,.fine-print-copy.svelte-1xdco7o p{color:#545458;font-size:.875rem;line-height:1.25}.fine-print-copy.svelte-1xdco7o strong+p{margin-top:.25rem}.ui-grid.svelte-1xdco7o{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.ui-card.svelte-1xdco7o .device-container{position:relative;display:inline-block;width:100%;margin-bottom:1rem}.ui-card.svelte-1xdco7o .device-frame{display:block;width:100%;height:auto}.ui-card.svelte-1xdco7o .screen-overlay{position:absolute;left:23.21%;top:63.97%;width:40.21%;height:25.8%;mix-blend-mode:screen;z-index:2}.ui-card.svelte-1xdco7o p{margin:0;font-size:1.25rem}@media screen and (max-width: 768px){.guarantee.svelte-1xdco7o{font-size:2rem}.ui-grid.svelte-1xdco7o{grid-template-columns:1fr}}
+/*! ==== 11.CsJoBSAe.css :: /shop/comma-four-trade-in: +page.svelte (svelte-2awri7) ==== */
+h1.svelte-2awri7.svelte-2awri7{font-size:2.5rem;font-weight:600;margin-bottom:2rem}li.svelte-2awri7.svelte-2awri7{font-size:1rem;margin-bottom:1rem}.content.svelte-2awri7.svelte-2awri7{max-width:800px;line-height:1.6}.content.svelte-2awri7 strong.svelte-2awri7{display:block;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem}.content.svelte-2awri7 p.svelte-2awri7{margin:1rem 0}.content.svelte-2awri7 hr.svelte-2awri7{margin:2rem 0;border:none;border-top:1px solid rgba(0,0,0,.15)}
+/*! ==== 12.CGzG1vw1.css :: /support: support/+page.svelte (svelte-1i4ufcs) ==== */
+#support.svelte-1i4ufcs .breadcrumbs{display:flex;flex-wrap:wrap;padding:1rem;background-color:var(--color-card-background);margin-bottom:2rem;font-size:1.25rem}#support.svelte-1i4ufcs .breadcrumbs span{margin:0 .5rem;-webkit-user-select:none;user-select:none}#support.svelte-1i4ufcs .breadcrumbs :last-child{font-weight:600}#support.svelte-1i4ufcs h2{margin-bottom:2rem}#support.svelte-1i4ufcs h3{font-size:1.875rem;font-weight:600;margin-top:0;margin-bottom:2rem}#support.svelte-1i4ufcs a{color:#000;border-bottom:2px solid #86ff4e;background-color:#86ff4e26}#support.svelte-1i4ufcs li{font-size:1.25rem}#support.svelte-1i4ufcs .support-card{border:1px solid #000;background-color:var(--color-card-background);padding:1rem;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}@media (hover: hover) and (pointer: fine){#support.svelte-1i4ufcs .support-card:hover{background-color:var(--color-card-background-hover);transform:scale(1.02)}}#support.svelte-1i4ufcs .support-card:active{background-color:var(--color-card-background-hover);transform:scale(1.02)}#support.svelte-1i4ufcs .support-card img{display:inline-block;mix-blend-mode:multiply;padding-bottom:1rem;object-fit:contain}#support.svelte-1i4ufcs .support-card div{font-size:1.25rem;font-weight:600}@media only screen and (max-width: 375px){#support.svelte-1i4ufcs .support-card div{font-size:1rem;text-wrap:wrap}}#support.svelte-1i4ufcs .header-line{display:flex;justify-content:space-around;align-items:center}#support.svelte-1i4ufcs .header-line span{font-size:1.4rem;font-weight:600;line-height:1;margin:1.5rem 0}#support.svelte-1i4ufcs .header-line .line{width:100%;height:1px;background-color:#000;margin-left:1rem}#faq.svelte-1i4ufcs .faq-card{margin-bottom:3rem}#faq.svelte-1i4ufcs .contact-card{display:flex;flex-direction:column;align-items:center;color:#fff;background-color:#000;margin:4rem 0;padding:6rem 4rem}#faq.svelte-1i4ufcs .contact-card h2{color:#fff;font-size:2rem;margin-bottom:2rem}#faq.svelte-1i4ufcs .contact-card span{color:#fff;font-size:1.25rem;line-height:1.5;margin-bottom:1rem}#faq.svelte-1i4ufcs .contact-card a{color:#fff}.faq-sections.svelte-1i4ufcs{margin:2rem 0}.faq-section.svelte-1i4ufcs{margin-bottom:3rem}.label.svelte-1i4ufcs{font-size:1.25rem;font-weight:600;margin:1rem .75rem 1rem 0}.details.svelte-1i4ufcs{font-size:1.25rem!important;line-height:1.4;padding:.25rem 0 1rem}.details.svelte-1i4ufcs a{color:#000;border-bottom:2px solid #86ff4e;background-color:#86ff4e26;text-decoration:none}hr.svelte-1i4ufcs{border:none;border-top:1px solid var(--surface-2);margin:0}
+/*! ==== 13.dJqKs7H8.css :: /terms: terms/+page.svelte (svelte-1sy2yfk) ==== */
+h1.svelte-1sy2yfk{margin-bottom:6rem}h2.svelte-1sy2yfk,h3.svelte-1sy2yfk{font-weight:600}p.svelte-1sy2yfk{font-size:1.25rem}.links.svelte-1sy2yfk{position:sticky;top:8rem}.links.svelte-1sy2yfk a{display:block;margin-bottom:1rem;text-decoration:underline}.links.svelte-1sy2yfk a:hover{opacity:.8}@media screen and (max-width: 768px){h1.svelte-1sy2yfk{margin-bottom:3rem}.links.svelte-1sy2yfk{position:unset;top:unset}}
+/*! ==== 14.DU0G9C4y.css :: /vehicles: vehicles/+page.svelte (svelte-1nborgx) ==== */
+section.svelte-1nborgx{padding-top:4rem;padding-bottom:4rem}.vehicles-cover-image.svelte-1nborgx{background-image:url(/videos/hero-landscape/poster.jpg);background-position:50% 30%;background-size:cover;background-attachment:scroll;height:287px}#vehicles.svelte-1nborgx{padding-bottom:0}#vehicles.svelte-1nborgx .title{text-transform:uppercase;font-family:Monument Extended Black,sans-serif;font-size:2rem;font-weight:600;line-height:1.2}@media screen and (max-width: 512px){#vehicles.svelte-1nborgx .title{font-size:1.5rem}}#vehicles.svelte-1nborgx .description{font-size:1.25rem;font-weight:400;line-height:1.3}#vehicles.svelte-1nborgx .headline{margin:3rem auto 0}#vehicles.svelte-1nborgx .headline span{margin-bottom:.5rem}#vehicles.svelte-1nborgx .headline p{margin:0;text-wrap:balance}#vehicles.svelte-1nborgx hgroup{text-align:center;font-size:1.25rem}#vehicles.svelte-1nborgx hgroup span{font-size:1.5rem;font-weight:700;display:block}#vehicles.svelte-1nborgx hgroup p{margin-top:.5rem}#vehicles.svelte-1nborgx .compatibility-make-links{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,105px);justify-content:space-between;margin:2rem 0 3rem}#vehicles.svelte-1nborgx .compatibility-make-element{width:105px;margin-bottom:1.5rem}@media screen and (max-width: 480px){#vehicles.svelte-1nborgx .compatibility-make-links{grid-template-columns:repeat(auto-fit,85px)}#vehicles.svelte-1nborgx .compatibility-make-element{width:85px}}#vehicles.svelte-1nborgx .compatibility-make-anchor-link{border:1px solid rgba(0,0,0,.12);padding:4px;transition:all .2s;display:block}@media (hover: hover) and (pointer: fine){#vehicles.svelte-1nborgx .compatibility-make-anchor-link:hover{transform:scale(1.02);border:1px solid rgba(0,0,0,.5)}}#vehicles.svelte-1nborgx .compatibility-make-anchor-link:active{transform:scale(1.02);border:1px solid rgba(0,0,0,.5)}#vehicles.svelte-1nborgx .compatibility-make-name{text-align:center;margin-top:.5rem;line-height:1.2}.last-updated.svelte-1nborgx{text-align:center;font-style:italic;margin-bottom:1rem}.recommended-cars.svelte-1nborgx{width:85%;margin:2rem auto;background-color:var(--color-card-background);border:1px solid rgba(0,0,0,.4);padding:2rem 1rem}.recommended-cars.svelte-1nborgx .recommended-car-columns{margin-top:3rem}.recommended-cars.svelte-1nborgx .recommended-car-columns .recommended-car-stack{text-align:center;font-size:1.25rem}.recommended-cars.svelte-1nborgx .recommended-car-columns .recommended-car-stack strong{margin-bottom:.5rem;font-weight:700}.car-make-header.svelte-1nborgx{background-color:#000;justify-content:flex-start;align-items:center;margin-top:2rem;margin-bottom:0;padding:1rem;display:flex}.car-make-header.svelte-1nborgx img{width:48px;margin-right:1rem}.car-make-header.svelte-1nborgx h3{color:#fff;font-weight:700;font-size:1.5em;margin:0}.car-make-header.svelte-1nborgx h3 .muted{color:#fff;font-weight:700;opacity:.65}.car-row.svelte-1nborgx{background-color:var(--color-card-background);border-bottom:1px solid rgba(0,0,0,.4)}.car-details-wrapper.svelte-1nborgx{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.car-details-wrapper.svelte-1nborgx .car-details{display:flex;flex:1}@media screen and (max-width: 768px){.car-details-wrapper.svelte-1nborgx .car-details{flex-flow:column wrap}}.car-details-wrapper.svelte-1nborgx .car-details .model{flex:1;margin-right:8px;font-weight:600;padding-right:20px}.car-details-wrapper.svelte-1nborgx .car-details .year{flex:2}.car-details-wrapper.svelte-1nborgx .video-icon-wrapper{width:20px;height:20px;margin-left:2rem}.car-details-wrapper.svelte-1nborgx .video-icon-wrapper svg{color:red}.detail-content.svelte-1nborgx{width:100%!important}.car-detail-content-wrapper.svelte-1nborgx{padding:12px 16px 16px;display:block}.car-detail-tier.svelte-1nborgx{margin-bottom:1rem;font-size:1.25rem}@media screen and (min-width: 768px){.cards.svelte-1nborgx div:last-of-type{margin-bottom:0}}.device-promotion-card.svelte-1nborgx{background-color:#44413a1f;border:1px solid rgba(117,93,36,.25);padding:.75rem;font-size:14px}.device-promotion-card.svelte-1nborgx .product-wrapper{justify-content:space-between;align-items:center;display:flex;margin-bottom:.75rem}.device-promotion-card.svelte-1nborgx .product-wrapper .strikethrough-price{text-decoration:line-through;margin-right:.5rem}.device-promotion-card.svelte-1nborgx .product-wrapper .red-price{color:var(--color-red);font-weight:700}.device-promotion-card.svelte-1nborgx .product-wrapper img{width:64px;height:64px;padding:.25rem;margin-right:.75rem;background-color:#fff;border:1px solid #ccc;object-fit:contain}.device-promotion-card.svelte-1nborgx .product-wrapper hgroup{flex:1;margin-right:.75rem}.device-promotion-card.svelte-1nborgx .product-wrapper hgroup strong{font-size:1rem;font-weight:600}.device-promotion-card.svelte-1nborgx .product-wrapper hgroup .understated-price{opacity:.65}.device-promotion-card.svelte-1nborgx .product-wrapper hgroup div{font-size:.875rem}.device-promotion-card.svelte-1nborgx .description{border-top:1px solid rgba(117,93,36,.25);margin:.5rem 0;padding-top:.75rem;font-size:1rem}#faq.svelte-1nborgx{margin-bottom:3rem}
+/*! ==== LinkButton.B4XvTg7G.css :: LinkButton.svelte (svelte-slt5la) ==== */
+a.svelte-slt5la{background-color:var(--color-accent);text-align:center;letter-spacing:.5px;text-transform:uppercase;justify-content:center;padding:1.25rem 3rem;font-size:1.125rem;font-weight:600;width:fit-content;display:flex;align-items:center;text-wrap:balance;transition:color .2s,background-color .2s,opacity .2s}@media (hover: hover) and (pointer: fine){a.svelte-slt5la.primary:hover{opacity:.75}a.svelte-slt5la.secondary:hover{opacity:.8}a.svelte-slt5la.accent:hover{color:#000;background-color:var(--color-accent-hover)}}a.svelte-slt5la.primary:active{opacity:.75}a.svelte-slt5la.secondary:active{opacity:.8}a.svelte-slt5la.accent:active{color:#000;background-color:var(--color-accent-hover)}@media screen and (max-width: 768px){a.svelte-slt5la{padding-left:2rem;padding-right:2rem}}a.thin.svelte-slt5la{font-size:1rem;padding:.25rem 1rem}svg.svelte-slt5la{margin-left:.75rem}.full-width.svelte-slt5la{width:auto}.primary.svelte-slt5la{background-color:#000;color:#fff}.secondary.svelte-slt5la{background-color:#fff;color:#000}.accent.svelte-slt5la{background-color:var(--color-accent);color:#000}
+/*! ==== faq.HPMlVXmg.css :: Faq.svelte (svelte-1olhv4k) ==== */
+.header.svelte-1olhv4k{width:100%;background-color:#000;margin-top:2rem;margin-bottom:2rem}.header.svelte-1olhv4k h1{font-size:3rem;font-weight:600;margin:1rem 2rem;color:#fff;text-wrap:balance}@media screen and (max-width: 1024px){.header.svelte-1olhv4k h1{font-size:2.5rem}}@media screen and (max-width: 480px){.header.svelte-1olhv4k h1{font-size:2rem}}@media screen and (max-width: 375px){.header.svelte-1olhv4k h1{font-size:1.5rem}}.header.svelte-1olhv4k img{color:#fff;width:100%}.questions.svelte-1olhv4k .label{font-size:1.25rem;font-weight:600;margin:1rem .75rem 1rem 0}.questions.svelte-1olhv4k .details{font-size:1.25rem!important;line-height:1.4;padding:.25rem 0 1rem}.questions.svelte-1olhv4k .details *:first-child{margin-top:0}.questions.svelte-1olhv4k .details *:last-child{margin-bottom:0}.questions.svelte-1olhv4k .details a{color:#000;border-bottom:2px solid #86ff4e;background-color:#86ff4e26}.questions.svelte-1olhv4k .details li{font-size:1.25rem}.questions.svelte-1olhv4k .details .video-container{position:relative;padding-bottom:56.25%;height:0}.questions.svelte-1olhv4k .details .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
+/*! ==== Accordion.Cg_lhePQ.css :: Accordion.svelte (svelte-f0pxdy) ==== */
+.tab.svelte-f0pxdy input.svelte-f0pxdy.svelte-f0pxdy{position:absolute;opacity:0;z-index:-1}.content.svelte-f0pxdy.svelte-f0pxdy.svelte-f0pxdy{display:none;overflow:hidden;color:var(--foreground-color)}.tab.svelte-f0pxdy input.svelte-f0pxdy:checked~.content.svelte-f0pxdy{display:block;overflow:visible}label.svelte-f0pxdy.svelte-f0pxdy.svelte-f0pxdy{cursor:pointer;display:grid;align-items:center;position:relative;background-color:var(--background-color);padding-right:4rem}label.svelte-f0pxdy.svelte-f0pxdy.svelte-f0pxdy>*{color:var(--foreground-color)}.chevron.svelte-f0pxdy.svelte-f0pxdy.svelte-f0pxdy{position:absolute;right:2rem;color:var(--foreground-color)}.chevron.svelte-f0pxdy.svelte-f0pxdy.svelte-f0pxdy>svg{color:var(--foreground-color);width:18px;height:12px}input:checked+label.svelte-f0pxdy .chevron.svelte-f0pxdy.svelte-f0pxdy{transform:rotate(180deg)}
+/*! ==== HarnessSelector.Cviem_Zz.css :: HarnessSelector.svelte + HarnessDropdownItem.svelte ==== */
+.dropdown-item.svelte-1c3kfyc{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#222;background-color:#fff;border:1px solid #a0a0a0;padding:1.25rem 3rem;box-sizing:border-box;min-height:84px;transition:border-color .2s}.dropdown-item.svelte-1c3kfyc:hover{border-color:#464646}.item-info.svelte-1c3kfyc{display:flex;flex-direction:column;justify-content:center}.title.svelte-1c3kfyc{font-size:1rem;font-weight:600;margin-right:.5rem}.subtitle.svelte-1c3kfyc{font-size:.875rem;font-weight:400;color:#515151;margin-right:.5rem}.accessory-label.svelte-1c3kfyc{font-size:1.25rem;font-weight:600;text-wrap:nowrap}.dropdown.svelte-1dmkgpz{position:relative;display:inline-block;margin:1.25rem auto 0;width:100%}.dropdown-content.svelte-1dmkgpz{display:none;position:absolute;border:1px solid #ddd;z-index:1;width:100%;max-height:400px;overflow-y:auto}.show.svelte-1dmkgpz{display:block}.search-input.svelte-1dmkgpz{box-sizing:border-box;width:100%;min-height:84px;border:1px solid #a0a0a0;padding:14px;outline:none;font-size:1rem}.search-input.svelte-1dmkgpz::placeholder{font-size:1rem;color:#656565}.selection-placeholder.svelte-1dmkgpz{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#222;background-color:#fff;border:1px solid #a0a0a0;padding:1rem 3rem 1rem 1.5rem;box-sizing:border-box;min-height:84px;transition:border-color .2s}.selection-placeholder.svelte-1dmkgpz:hover{border-color:#464646}.selection-placeholder.svelte-1dmkgpz .label{font-size:1rem;font-weight:600;color:#515151;text-wrap:balance}.selection-placeholder.svelte-1dmkgpz .accessory{font-size:1.25rem;font-weight:600;text-wrap:nowrap}.chevron.svelte-1dmkgpz{position:absolute;top:50%;right:13px;transform:translate(-50%,-50%);pointer-events:none}.chevron.svelte-1dmkgpz>svg{width:18px;height:12px}.clear.svelte-1dmkgpz{position:absolute;left:13px;height:100%;padding:0;cursor:pointer;background-color:transparent;border:none}
+/*! ==== NoteCard.CrbBJRtM.css :: NoteCard.svelte (svelte-1328bir) ==== */
+.card.svelte-1328bir{display:flex;margin:1rem 0;padding:1rem;align-items:center;color:#000;border:1px solid #616161}.card.svelte-1328bir hgroup{margin-left:1rem;display:block!important}.card.svelte-1328bir hgroup span{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:400;text-transform:uppercase;line-height:1.1;margin-bottom:.25rem;color:#000}.card.svelte-1328bir hgroup div{display:block;color:#000000a6;font-size:.875rem;line-height:1.25}.card.svelte-1328bir hgroup a{color:#000;border-bottom:2px solid #616161}.card.svelte-1328bir hgroup a:hover{opacity:.8}.elevated.svelte-1328bir{color:#000;border:1px solid rgba(0,0,0,.15);background-color:#44413a1f}.elevated.svelte-1328bir hgroup span{color:#000}
+/*! ==== CommaFour.CYP0XABj.css :: Modal.svelte, ProductDescriptions/CommaFour.svelte, CheckboxCard.svelte ==== */
+.backdrop.svelte-1jwweco{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;background-color:#0006;animation:.5s ease-in-out fade-in}.modal-container.svelte-1jwweco{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal.svelte-1jwweco{z-index:1000;display:flex;flex-direction:column;gap:1rem;align-items:center;padding:48px;max-width:600px;max-height:100%;overflow:auto;border-radius:8px;text-align:center;background-color:#fff}@media screen and (max-width: 768px){.modal.svelte-1jwweco{margin:1.25rem;padding:1rem}}span.svelte-1jwweco{font-size:1.5rem;font-weight:600}.checkbox-card.svelte-3bw1mc{cursor:pointer;display:block;color:green}.checkbox-card.disabled.svelte-3bw1mc{cursor:not-allowed;opacity:.6}.checkbox-card.svelte-3bw1mc input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-accent)}.checkbox-card.disabled.svelte-3bw1mc input[type=checkbox]{cursor:not-allowed}.checkbox-card.checked.svelte-3bw1mc .card hgroup span{background-color:#86ff4e;color:#000}.item.svelte-1qobqhj{padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.15)}.badges.svelte-1qobqhj{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.label.svelte-1qobqhj{display:flex;align-items:center;color:#000}.label.svelte-1qobqhj div{height:24px;width:2.5rem}.label.svelte-1qobqhj span{vertical-align:middle;margin-right:1rem;color:#000}.details.svelte-1qobqhj{max-width:80%;margin-left:2.5rem;margin-top:.875rem}.disclaimer.svelte-1qobqhj{margin:0}.disclaimer.svelte-1qobqhj.warning{color:#c53e3e;font-weight:600}hr.svelte-1qobqhj{margin:2rem 0}.price-due-today.svelte-1qobqhj{font-size:1rem;color:#515151}
+/*! ==== CommunityBanner.D4W8Z2PG.css :: CommunityBanner.svelte (svelte-13qdnfo) ==== */
+span.svelte-13qdnfo{display:block;color:#fff;font-size:2rem}p.svelte-13qdnfo{color:#fff;font-size:1.25rem;margin-bottom:1.5rem}
diff --git a/src/lib/icons/arrow-right.svg b/assets/icons/arrow-right.svg
similarity index 100%
rename from src/lib/icons/arrow-right.svg
rename to assets/icons/arrow-right.svg
diff --git a/src/lib/icons/brands/hyundai.svg b/assets/icons/brands/hyundai.svg
similarity index 100%
rename from src/lib/icons/brands/hyundai.svg
rename to assets/icons/brands/hyundai.svg
diff --git a/src/lib/icons/brands/kia.svg b/assets/icons/brands/kia.svg
similarity index 100%
rename from src/lib/icons/brands/kia.svg
rename to assets/icons/brands/kia.svg
diff --git a/src/lib/icons/brands/lexus.svg b/assets/icons/brands/lexus.svg
similarity index 100%
rename from src/lib/icons/brands/lexus.svg
rename to assets/icons/brands/lexus.svg
diff --git a/src/lib/icons/brands/toyota.svg b/assets/icons/brands/toyota.svg
similarity index 100%
rename from src/lib/icons/brands/toyota.svg
rename to assets/icons/brands/toyota.svg
diff --git a/src/lib/icons/comma.svg b/assets/icons/comma.svg
similarity index 100%
rename from src/lib/icons/comma.svg
rename to assets/icons/comma.svg
diff --git a/src/lib/icons/features/360-vision.svg b/assets/icons/features/360-vision.svg
similarity index 100%
rename from src/lib/icons/features/360-vision.svg
rename to assets/icons/features/360-vision.svg
diff --git a/src/lib/icons/features/adaptive-cruise.svg b/assets/icons/features/adaptive-cruise.svg
similarity index 100%
rename from src/lib/icons/features/adaptive-cruise.svg
rename to assets/icons/features/adaptive-cruise.svg
diff --git a/src/lib/icons/features/business.svg b/assets/icons/features/business.svg
similarity index 100%
rename from src/lib/icons/features/business.svg
rename to assets/icons/features/business.svg
diff --git a/src/lib/icons/features/cable.svg b/assets/icons/features/cable.svg
similarity index 100%
rename from src/lib/icons/features/cable.svg
rename to assets/icons/features/cable.svg
diff --git a/src/lib/icons/features/calendar.svg b/assets/icons/features/calendar.svg
similarity index 100%
rename from src/lib/icons/features/calendar.svg
rename to assets/icons/features/calendar.svg
diff --git a/src/lib/icons/features/car.svg b/assets/icons/features/car.svg
similarity index 100%
rename from src/lib/icons/features/car.svg
rename to assets/icons/features/car.svg
diff --git a/src/lib/icons/features/commacare.svg b/assets/icons/features/commacare.svg
similarity index 100%
rename from src/lib/icons/features/commacare.svg
rename to assets/icons/features/commacare.svg
diff --git a/src/lib/icons/features/command-line.svg b/assets/icons/features/command-line.svg
similarity index 100%
rename from src/lib/icons/features/command-line.svg
rename to assets/icons/features/command-line.svg
diff --git a/src/lib/icons/features/connectivity.svg b/assets/icons/features/connectivity.svg
similarity index 100%
rename from src/lib/icons/features/connectivity.svg
rename to assets/icons/features/connectivity.svg
diff --git a/src/lib/icons/features/contact.svg b/assets/icons/features/contact.svg
similarity index 100%
rename from src/lib/icons/features/contact.svg
rename to assets/icons/features/contact.svg
diff --git a/src/lib/icons/features/currency.svg b/assets/icons/features/currency.svg
similarity index 100%
rename from src/lib/icons/features/currency.svg
rename to assets/icons/features/currency.svg
diff --git a/src/lib/icons/features/dials.svg b/assets/icons/features/dials.svg
similarity index 100%
rename from src/lib/icons/features/dials.svg
rename to assets/icons/features/dials.svg
diff --git a/src/lib/icons/features/display.svg b/assets/icons/features/display.svg
similarity index 100%
rename from src/lib/icons/features/display.svg
rename to assets/icons/features/display.svg
diff --git a/src/lib/icons/features/immediate.svg b/assets/icons/features/immediate.svg
similarity index 100%
rename from src/lib/icons/features/immediate.svg
rename to assets/icons/features/immediate.svg
diff --git a/src/lib/icons/features/lane-centering.svg b/assets/icons/features/lane-centering.svg
similarity index 100%
rename from src/lib/icons/features/lane-centering.svg
rename to assets/icons/features/lane-centering.svg
diff --git a/src/lib/icons/features/location.svg b/assets/icons/features/location.svg
similarity index 100%
rename from src/lib/icons/features/location.svg
rename to assets/icons/features/location.svg
diff --git a/src/lib/icons/features/marker.png b/assets/icons/features/marker.png
similarity index 100%
rename from src/lib/icons/features/marker.png
rename to assets/icons/features/marker.png
diff --git a/src/lib/icons/features/memory.svg b/assets/icons/features/memory.svg
similarity index 100%
rename from src/lib/icons/features/memory.svg
rename to assets/icons/features/memory.svg
diff --git a/src/lib/icons/features/money-back-guarantee.svg b/assets/icons/features/money-back-guarantee.svg
similarity index 100%
rename from src/lib/icons/features/money-back-guarantee.svg
rename to assets/icons/features/money-back-guarantee.svg
diff --git a/src/lib/icons/features/moon.svg b/assets/icons/features/moon.svg
similarity index 100%
rename from src/lib/icons/features/moon.svg
rename to assets/icons/features/moon.svg
diff --git a/src/lib/icons/features/ota-updates.svg b/assets/icons/features/ota-updates.svg
similarity index 100%
rename from src/lib/icons/features/ota-updates.svg
rename to assets/icons/features/ota-updates.svg
diff --git a/src/lib/icons/features/people.svg b/assets/icons/features/people.svg
similarity index 100%
rename from src/lib/icons/features/people.svg
rename to assets/icons/features/people.svg
diff --git a/src/lib/icons/features/processor.svg b/assets/icons/features/processor.svg
similarity index 100%
rename from src/lib/icons/features/processor.svg
rename to assets/icons/features/processor.svg
diff --git a/src/lib/icons/features/recordings.svg b/assets/icons/features/recordings.svg
similarity index 100%
rename from src/lib/icons/features/recordings.svg
rename to assets/icons/features/recordings.svg
diff --git a/src/lib/icons/features/road.svg b/assets/icons/features/road.svg
similarity index 100%
rename from src/lib/icons/features/road.svg
rename to assets/icons/features/road.svg
diff --git a/src/lib/icons/features/shipping.svg b/assets/icons/features/shipping.svg
similarity index 100%
rename from src/lib/icons/features/shipping.svg
rename to assets/icons/features/shipping.svg
diff --git a/src/lib/icons/features/snapshot.png b/assets/icons/features/snapshot.png
similarity index 100%
rename from src/lib/icons/features/snapshot.png
rename to assets/icons/features/snapshot.png
diff --git a/src/lib/icons/features/steer.svg b/assets/icons/features/steer.svg
similarity index 100%
rename from src/lib/icons/features/steer.svg
rename to assets/icons/features/steer.svg
diff --git a/src/lib/icons/features/twenty-four-seven.png b/assets/icons/features/twenty-four-seven.png
similarity index 100%
rename from src/lib/icons/features/twenty-four-seven.png
rename to assets/icons/features/twenty-four-seven.png
diff --git a/src/lib/icons/features/ubuntu.svg b/assets/icons/features/ubuntu.svg
similarity index 100%
rename from src/lib/icons/features/ubuntu.svg
rename to assets/icons/features/ubuntu.svg
diff --git a/src/lib/icons/features/warranty.svg b/assets/icons/features/warranty.svg
similarity index 100%
rename from src/lib/icons/features/warranty.svg
rename to assets/icons/features/warranty.svg
diff --git a/src/lib/icons/icon-chevron.svg b/assets/icons/icon-chevron.svg
similarity index 100%
rename from src/lib/icons/icon-chevron.svg
rename to assets/icons/icon-chevron.svg
diff --git a/src/lib/icons/social/discord.svg b/assets/icons/social/discord.svg
similarity index 100%
rename from src/lib/icons/social/discord.svg
rename to assets/icons/social/discord.svg
diff --git a/src/lib/icons/social/github.svg b/assets/icons/social/github.svg
similarity index 100%
rename from src/lib/icons/social/github.svg
rename to assets/icons/social/github.svg
diff --git a/src/lib/icons/social/instagram.svg b/assets/icons/social/instagram.svg
similarity index 100%
rename from src/lib/icons/social/instagram.svg
rename to assets/icons/social/instagram.svg
diff --git a/src/lib/icons/social/x.svg b/assets/icons/social/x.svg
similarity index 100%
rename from src/lib/icons/social/x.svg
rename to assets/icons/social/x.svg
diff --git a/src/lib/icons/social/youtube.svg b/assets/icons/social/youtube.svg
similarity index 100%
rename from src/lib/icons/social/youtube.svg
rename to assets/icons/social/youtube.svg
diff --git a/src/lib/icons/ui/basket.svg b/assets/icons/ui/basket.svg
similarity index 100%
rename from src/lib/icons/ui/basket.svg
rename to assets/icons/ui/basket.svg
diff --git a/src/lib/icons/ui/cart.svg b/assets/icons/ui/cart.svg
similarity index 100%
rename from src/lib/icons/ui/cart.svg
rename to assets/icons/ui/cart.svg
diff --git a/src/lib/icons/ui/checkmark.svg b/assets/icons/ui/checkmark.svg
similarity index 100%
rename from src/lib/icons/ui/checkmark.svg
rename to assets/icons/ui/checkmark.svg
diff --git a/src/lib/icons/ui/close.svg b/assets/icons/ui/close.svg
similarity index 100%
rename from src/lib/icons/ui/close.svg
rename to assets/icons/ui/close.svg
diff --git a/src/lib/icons/ui/external.svg b/assets/icons/ui/external.svg
similarity index 100%
rename from src/lib/icons/ui/external.svg
rename to assets/icons/ui/external.svg
diff --git a/src/lib/icons/ui/info.svg b/assets/icons/ui/info.svg
similarity index 100%
rename from src/lib/icons/ui/info.svg
rename to assets/icons/ui/info.svg
diff --git a/src/lib/icons/ui/link.svg b/assets/icons/ui/link.svg
similarity index 100%
rename from src/lib/icons/ui/link.svg
rename to assets/icons/ui/link.svg
diff --git a/src/lib/icons/ui/play.svg b/assets/icons/ui/play.svg
similarity index 100%
rename from src/lib/icons/ui/play.svg
rename to assets/icons/ui/play.svg
diff --git a/src/lib/icons/ui/search.png b/assets/icons/ui/search.png
similarity index 100%
rename from src/lib/icons/ui/search.png
rename to assets/icons/ui/search.png
diff --git a/assets/js/lib/cart.js b/assets/js/lib/cart.js
new file mode 100644
index 00000000..d7a684f0
--- /dev/null
+++ b/assets/js/lib/cart.js
@@ -0,0 +1,134 @@
+/**
+ * Cross-page cart API (port of src/store.js).
+ *
+ * Pages must talk to the cart ONLY through this module:
+ *
+ *   import { addToCart, openCart, refreshCart } from '../lib/cart.js';
+ *
+ *   addToCart(variantId, additionalProductIds = [], note = "")
+ *     Adds the variant (qty 1 each, plus optional extra product ids and cart
+ *     note) to the Shopify cart, reloads it and opens the cart drawer.
+ *   openCart()
+ *     Reloads the cart, then opens the drawer.
+ *   refreshCart()
+ *     Reloads the cart from Shopify into the stores below (the old
+ *     store.js `loadCart`). Errors are caught and logged.
+ *
+ * State is exposed as tiny Svelte-compatible writable stores (set/update/
+ * subscribe — subscribe fires immediately with the current value):
+ *   cart, search          — dead code carried over from store.js
+ *   showCart              — drawer visibility (main.js renders the drawer)
+ *   cartId, checkoutUrl, cartCreatedAt, cartTotalQuantity
+ *                         — initialized from localStorage and written back on
+ *                           EVERY change via `window.localStorage.<key> = v`,
+ *                           which stringifies: undefined becomes the literal
+ *                           string "undefined" (load-bearing — shopify.js
+ *                           treats "undefined"/"null" as "create new cart")
+ *   cartItems, cartDiscount, cartSubtotal — current cart contents
+ *   selectedCar           — localStorage-synced (setItem when truthy,
+ *                           removeItem when falsy); used by other pages
+ *
+ * localStorage keys (exact): cartId, checkoutUrl, cartCreatedAt,
+ * cartTotalQuantity, selectedCar.
+ */
+import {
+  addToCart as requestAddToCart,
+  loadCart as requestLoadCart,
+} from './shopify.js';
+
+// --- minimal svelte/store replacement -------------------------------------
+
+// Svelte's safe_not_equal: objects/functions always notify, primitives only
+// when changed (NaN-safe).
+const safeNotEqual = (a, b) =>
+  a != a ? b == b : a !== b || (a && typeof a === 'object') || typeof a === 'function';
+
+export function writable(value) {
+  const subscribers = new Set();
+  return {
+    set(newValue) {
+      if (safeNotEqual(value, newValue)) {
+        value = newValue;
+        subscribers.forEach((fn) => fn(value));
+      }
+    },
+    update(fn) {
+      this.set(fn(value));
+    },
+    subscribe(fn) {
+      subscribers.add(fn);
+      fn(value); // svelte stores fire immediately on subscribe
+      return () => subscribers.delete(fn);
+    },
+    get() {
+      return value;
+    },
+  };
+}
+
+export const get = (store) => store.get();
+
+// --- stores (src/store.js) -------------------------------------------------
+
+export const cart = writable([]);
+export const search = writable('');
+export const showCart = writable(false);
+
+export const cartId = writable(window.localStorage.getItem('cartId'));
+export const checkoutUrl = writable(window.localStorage.getItem('checkoutUrl'));
+export const cartCreatedAt = writable(window.localStorage.getItem('cartCreatedAt'));
+export const cartTotalQuantity = writable(window.localStorage.getItem('cartTotalQuantity'));
+
+export const cartItems = writable([]);
+export const cartDiscount = writable({});
+export const cartSubtotal = writable({});
+export const selectedCar = writable(localStorage.getItem('selectedCar') || '');
+
+selectedCar.subscribe((value) => {
+  if (value) localStorage.setItem('selectedCar', value);
+  else localStorage.removeItem('selectedCar');
+});
+
+// Write-through on every change. Property assignment stringifies the value,
+// so undefined/null become the strings "undefined"/"null" — keep as-is.
+cartId.subscribe((value) => (window.localStorage.cartId = value));
+checkoutUrl.subscribe((value) => (window.localStorage.checkoutUrl = value));
+cartCreatedAt.subscribe((value) => (window.localStorage.cartCreatedAt = value));
+cartTotalQuantity.subscribe((value) => (window.localStorage.cartTotalQuantity = value));
+
+// --- cart actions (src/store.js loadCart/addToCart) -------------------------
+
+// src/store.js `loadCart` — exported as refreshCart (cross-page contract name).
+export const refreshCart = async () => {
+  try {
+    const shopifyResponse = await requestLoadCart();
+    cartItems.set(shopifyResponse?.body?.data?.cart?.lines?.edges);
+    cartDiscount.set(getTotalDiscount(shopifyResponse?.body?.data?.cart?.discountAllocations));
+    cartSubtotal.set(shopifyResponse?.body?.data?.cart?.cost?.subtotalAmount);
+    cartTotalQuantity.set(shopifyResponse.body?.data?.cart?.totalQuantity);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const addToCart = async (itemId, additionalProductIds = [], note = "") => {
+  await requestAddToCart({ cartId: get(cartId), variantId: itemId, additionalProductIds, note });
+  await refreshCart();
+  showCart.set(true);
+};
+
+// src/routes/+layout.svelte `openCart`
+export const openCart = async () => {
+  await refreshCart();
+  showCart.set(true);
+};
+
+export const getTotalDiscount = (discountAllocations) => {
+  if (!discountAllocations || discountAllocations.length === 0) return null;
+
+  const discountAmount = discountAllocations.reduce((totalAmount, allocation) => {
+    return totalAmount + Number(allocation.discountedAmount.amount);
+  }, 0);
+
+  return { amount: discountAmount, currencyCode: discountAllocations[0].discountedAmount.currencyCode };
+};
diff --git a/assets/js/lib/click-outside.js b/assets/js/lib/click-outside.js
new file mode 100644
index 00000000..aada410e
--- /dev/null
+++ b/assets/js/lib/click-outside.js
@@ -0,0 +1,41 @@
+/**
+ * Verbatim port of src/lib/utils/clickOutside.js (Svelte action).
+ *
+ * Attaches document-level CAPTURE listeners for `click` (dispatches a
+ * `clickOutside` CustomEvent on the node when the click lands outside it) and
+ * `keydown` (dispatches on Escape). NOTE: destroy() forgets to remove the
+ * keydown listener — that leak is part of the original and is kept on purpose
+ * (irrelevant under full page loads). The CustomEvent is constructed with the
+ * node as the init object, exactly like the original.
+ *
+ * Usage:
+ *   const action = clickOutside(node);
+ *   node.addEventListener('clickOutside', handler);
+ *   // action.destroy() when tearing down (never needed on these pages)
+ */
+export function clickOutside(node) {
+  const handleClick = event => {
+    if (node && !node.contains(event.target) && !event.defaultPrevented) {
+      node.dispatchEvent(
+        new CustomEvent('clickOutside', node)
+      )
+    }
+  }
+
+  const handleKeydown = event => {
+    if (event.key === 'Escape') {
+      node.dispatchEvent(
+        new CustomEvent('clickOutside', node)
+      )
+    }
+  }
+
+  document.addEventListener('click', handleClick, true);
+  document.addEventListener('keydown', handleKeydown, true);
+
+  return {
+    destroy() {
+      document.removeEventListener('click', handleClick, true);
+    }
+  }
+}
diff --git a/src/lib/utils/currency.js b/assets/js/lib/currency.js
similarity index 54%
rename from src/lib/utils/currency.js
rename to assets/js/lib/currency.js
index 0e21599c..367291dd 100644
--- a/src/lib/utils/currency.js
+++ b/assets/js/lib/currency.js
@@ -1,4 +1,10 @@
-const getCurrencySymbol = (currencyCode) => {
+/**
+ * Currency formatting (port of src/lib/utils/currency.js).
+ *   getCurrencySymbol("USD") -> "$"
+ *   formatCurrency({ currencyCode, amount }, decimals = 2) -> "$1250.00"
+ *   (no thousands separators, matching the old site)
+ */
+export const getCurrencySymbol = (currencyCode) => {
   return (0).toLocaleString("en-US", {
     style: "currency",
     currency: currencyCode,
diff --git a/assets/js/lib/faq.js b/assets/js/lib/faq.js
new file mode 100644
index 00000000..8acd2702
--- /dev/null
+++ b/assets/js/lib/faq.js
@@ -0,0 +1,31 @@
+// Shared FAQ hash-sync, porting Faq.svelte's `checked={id === activehash}` reactivity.
+// - On load: check the input whose id matches location.hash (native scroll already happened).
+// - On hashchange: uncheck only the input previously opened BY hash (manually-opened stay open),
+//   then check the new target.
+// - Every click on a FAQ input rewrites the hash via replaceState — on open AND close clicks —
+//   without firing hashchange (matches Svelte's router-bypassing goto/replaceState).
+// Scoped to `.questions .tab > input` so non-FAQ accordions (e.g. /support top section) are untouched.
+export function initFaq(root = document) {
+  let hashOpened = null;
+
+  const openFromHash = () => {
+    const id = location.hash.slice(1);
+    if (hashOpened && hashOpened.id !== id) {
+      hashOpened.checked = false;
+      hashOpened = null;
+    }
+    if (!id) return;
+    const inp = root.querySelector(`.questions .tab > input[id="${CSS.escape(id)}"]`);
+    if (inp) {
+      inp.checked = true;
+      hashOpened = inp;
+    }
+  };
+
+  openFromHash();
+  window.addEventListener('hashchange', openFromHash);
+
+  root.querySelectorAll('.questions .tab > input').forEach((inp) =>
+    inp.addEventListener('click', () => history.replaceState(null, null, '#' + inp.id))
+  );
+}
diff --git a/assets/js/lib/harness-selector.js b/assets/js/lib/harness-selector.js
new file mode 100644
index 00000000..01f10e26
--- /dev/null
+++ b/assets/js/lib/harness-selector.js
@@ -0,0 +1,321 @@
+/**
+ * HarnessSelector.svelte behaviors (scope svelte-1dmkgpz; rows svelte-1c3kfyc)
+ * over the server-rendered dropdown emitted by
+ * layouts/partials/product/harness-selector.html.
+ *
+ * The partial prerenders the closed state plus ALL dropdown rows, and embeds
+ * the per-row harness objects (1:1 with src/lib/utils/harnesses.js) in a
+ * <script type="application/json" data-harness-config> tag inside the
+ * .dropdown element: { label, placeholder, noHarnessOption, items: [...] }.
+ * Row N of .dropdown-content pairs with metadata entry N (the optional
+ * NO_HARNESS row first, then `items` in order).
+ *
+ *   const hs = initHarnessSelector({
+ *     root,                 // the .dropdown element
+ *     onChange,             // (selection|null) -> void; Product pages pass
+ *                           //   handleVariantSelection, comma-four its own
+ *     hideSupportNoteCard,  // default false
+ *     restoreSelection,     // default false (true only on /setup)
+ *   });
+ *   hs.setStock(map)            // variantId -> {currentlyNotInStock, availableForSale}
+ *                               //   merged into the harness items (call after
+ *                               //   the runtime product fetch)
+ *   hs.setInitialSelection()    // ?harness= / NO_HARNESS / selectedCar restore —
+ *                               //   call AFTER setStock (matches the original
+ *                               //   "$harnesses filled" timing)
+ *   hs.setSelection(item)       // imperative API (CommaFour ?trade-in=1)
+ *   hs.items                    // the metadata array (live; stock merged in)
+ *
+ * Quirks kept on purpose:
+ *   - filter input is used as a REGEX via String.match(); a syntax error
+ *     (typing "(") leaves the list stale, exactly like the original
+ *   - decodeURIComponent(null) === "null" on the ?harness= read
+ *   - ?harness= values are double-encoded via URLSearchParams.set(encodeURIComponent(car))
+ *   - selecting writes localStorage.selectedCar, clearing removes it
+ *   - Escape closes via the leaky clickOutside action
+ */
+import { clickOutside } from './click-outside.js';
+import { get, selectedCar } from './cart.js';
+
+// src/lib/constants/vehicles.js — NOTE the U+2011 non-breaking hyphen
+export const NO_HARNESS_OPTION = { car: 'I already have a car harness (‑$50)' };
+
+// src/lib/icons/ui/close.svg (?raw import — shipped inside the JS bundle)
+const CLOSE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+`;
+
+// src/lib/icons/features/car.svg
+const CAR_ICON = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M25.2267 6.67998C24.96 5.89331 24.2133 5.33331 23.3333 5.33331H8.66667C7.78667 5.33331 7.05333 5.89331 6.77333 6.67998L4 14.6666V25.3333C4 26.0666 4.6 26.6666 5.33333 26.6666H6.66667C7.4 26.6666 8 26.0666 8 25.3333V24H24V25.3333C24 26.0666 24.6 26.6666 25.3333 26.6666H26.6667C27.4 26.6666 28 26.0666 28 25.3333V14.6666L25.2267 6.67998ZM8.66667 20C7.56 20 6.66667 19.1066 6.66667 18C6.66667 16.8933 7.56 16 8.66667 16C9.77333 16 10.6667 16.8933 10.6667 18C10.6667 19.1066 9.77333 20 8.66667 20ZM23.3333 20C22.2267 20 21.3333 19.1066 21.3333 18C21.3333 16.8933 22.2267 16 23.3333 16C24.44 16 25.3333 16.8933 25.3333 18C25.3333 19.1066 24.44 20 23.3333 20ZM6.66667 13.3333L8.66667 7.33331H23.3333L25.3333 13.3333H6.66667Z" fill="currentColor" />
+</svg>
+`;
+
+// Normalize diacritics for matching (e.g., "Škoda" -> "Skoda")
+function normalizeDiacritics(str) {
+  return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+
+function buildDropdownItem(value, selected) {
+  const el = document.createElement('div');
+  el.className = 'dropdown-item svelte-1c3kfyc';
+  el.setAttribute('role', 'option');
+  el.setAttribute('aria-selected', String(!!selected));
+  el.tabIndex = 0;
+
+  const info = document.createElement('div');
+  info.className = 'item-info svelte-1c3kfyc';
+  const title = document.createElement('div');
+  title.className = 'title svelte-1c3kfyc';
+  title.textContent = value && value.car;
+  info.append(title, ' ');
+  if (value && value.title) {
+    const subtitle = document.createElement('div');
+    subtitle.className = 'subtitle svelte-1c3kfyc';
+    subtitle.textContent = `Harness: ${value.title}`;
+    info.appendChild(subtitle);
+  }
+
+  const accessory = document.createElement('div');
+  accessory.className = 'accessory-label svelte-1c3kfyc';
+
+  el.append(info, ' ', accessory, ' ');
+  return el;
+}
+
+export function initHarnessSelector({
+  root,
+  onChange = () => {},
+  hideSupportNoteCard = false,
+  restoreSelection = false,
+} = {}) {
+  if (!root) return null;
+
+  const config = JSON.parse(root.querySelector('script[data-harness-config]').textContent);
+  const items = config.items;
+  const head = root.firstElementChild;
+  const chevron = head.querySelector('.chevron');
+  const placeholderEl = head.querySelector('.selection-placeholder');
+  const content = root.querySelector('.dropdown-content');
+
+  // pair prerendered rows with metadata, in DOM order. Pages whose dropdown
+  // shipped empty in the old build (/setup — prerenderRows false) get their
+  // row elements built here but only mounted once the stock fetch resolves,
+  // matching the original "$harnesses filled" timing.
+  const rowEls = Array.from(content.querySelectorAll('.dropdown-item'));
+  const prerendered = rowEls.length > 0;
+  let mounted = prerendered;
+  let stockReady = false;
+  const entries = [];
+  if (config.noHarnessOption) {
+    entries.push({ item: NO_HARNESS_OPTION, el: prerendered ? rowEls[0] : buildDropdownItem(NO_HARNESS_OPTION, false) });
+  }
+  items.forEach((item, i) => {
+    entries.push({
+      item,
+      el: prerendered ? rowEls[i + (config.noHarnessOption ? 1 : 0)] : buildDropdownItem(item, false),
+    });
+  });
+  // filtering only ever runs over $harnesses (NO_HARNESS row is excluded)
+  const itemEntries = config.noHarnessOption ? entries.slice(1) : entries;
+
+  /* state */
+  let selection; // undefined until first change (initial state never fires onChange)
+  let menuOpen = false;
+  let inputValue = '';
+
+  /* open-state nodes */
+  const clearBtn = document.createElement('button');
+  clearBtn.className = 'clear svelte-1dmkgpz';
+  clearBtn.innerHTML = CLOSE_ICON;
+  clearBtn.addEventListener('click', handleClear);
+
+  const input = document.createElement('input');
+  input.type = 'text';
+  input.placeholder = config.placeholder;
+  input.autocomplete = 'off';
+  input.className = 'search-input svelte-1dmkgpz';
+  input.setAttribute('style', 'padding: 14px 3rem');
+  input.addEventListener('input', () => {
+    inputValue = input.value;
+    renderRows();
+  });
+  input.addEventListener('click', () => { menuOpen = true; });
+  input.addEventListener('focus', () => { menuOpen = true; });
+
+  let noMatchEl = null;
+  let supportCard = null;
+
+  function renderHead() {
+    while (head.firstChild !== chevron) head.removeChild(head.firstChild);
+    if (menuOpen) {
+      input.value = inputValue;
+      head.insertBefore(clearBtn, chevron);
+      head.insertBefore(input, chevron);
+    } else if (selection) {
+      const selectedEl = buildDropdownItem(selection, true);
+      selectedEl.addEventListener('click', handleSelectClick);
+      selectedEl.addEventListener('keydown', handleSelectKeyDown);
+      head.insertBefore(clearBtn, chevron);
+      head.insertBefore(selectedEl, chevron);
+    } else {
+      head.insertBefore(placeholderEl, chevron);
+    }
+    content.classList.toggle('show', menuOpen);
+  }
+
+  function renderRows() {
+    if (inputValue !== '') {
+      let filtered;
+      try {
+        const needle = normalizeDiacritics(inputValue.toLowerCase());
+        // before the rows are mounted the original filtered an empty
+        // $harnesses array -> "No matching vehicles"
+        filtered = (mounted ? itemEntries : []).filter(entry =>
+          normalizeDiacritics(entry.item.car.toLowerCase()).match(needle)
+        );
+      } catch (e) {
+        // String.match() treats the input as a regex; a syntax error made the
+        // original's reactive filter throw, leaving the list stale — replicate
+        return;
+      }
+      content.textContent = '';
+      if (filtered.length > 0) {
+        filtered.forEach(entry => content.appendChild(entry.el));
+      } else {
+        if (!noMatchEl) noMatchEl = buildDropdownItem({ car: 'No matching vehicles' }, false);
+        content.appendChild(noMatchEl);
+      }
+    } else {
+      content.textContent = '';
+      if (mounted) entries.forEach(entry => content.appendChild(entry.el));
+    }
+  }
+
+  // first $harnesses fill on client-rendered dropdowns (no prerendered rows)
+  function mountRows() {
+    if (mounted) return;
+    mounted = true;
+    renderRows();
+  }
+
+  function renderSupportCard() {
+    if (supportCard) {
+      supportCard.remove();
+      supportCard = null;
+    }
+    if (selection && selection.package && !hideSupportNoteCard) {
+      const html = selection.package === 'All'
+        ? 'openpilot will work with <strong>all packages and trims</strong> of this car.'
+        : `openpilot requires <strong>${selection.car}</strong> to come equipped with <strong>${selection.package}</strong>.`;
+      supportCard = document.createElement('div');
+      supportCard.className = 'card svelte-1328bir';
+      supportCard.innerHTML = `<div class="icon-slot"> ${CAR_ICON} </div> <hgroup><span>Support</span> <div>${html}</div></hgroup> `;
+      root.after(supportCard);
+    }
+  }
+
+  function updateQueryParams(selectedHarness) {
+    const searchParams = new URLSearchParams();
+    if (selectedHarness) {
+      searchParams.set('harness', encodeURIComponent(selectedHarness.car));
+    }
+    // goto(`?${...}`, { keepfocus: true, replaceState: true, noScroll: true })
+    history.replaceState(history.state, '', `?${searchParams.toString()}`);
+  }
+
+  // the `$: if (selection !== undefined)` reactive block
+  function applySelection(newSelection) {
+    selection = newSelection;
+    onChange(selection);
+    updateQueryParams(selection);
+    if (selection && selection.car) {
+      selectedCar.set(selection.car);
+    } else {
+      selectedCar.set('');
+    }
+    renderHead();
+    renderSupportCard();
+  }
+
+  function handleSelectClick() {
+    menuOpen = true;
+    renderHead();
+    input.focus();
+  }
+
+  function handleSelectKeyDown(e) {
+    if (e.key === 'Enter') handleSelectClick();
+  }
+
+  function handleOptionClick(item) {
+    if (!stockReady) return; // rows are inert until the stock fetch resolves (original: $harnesses empty pre-fetch)
+    menuOpen = false;
+    applySelection(item);
+  }
+
+  function handleClear() {
+    // clear search input or close menu
+    if (!inputValue) {
+      menuOpen = false;
+    } else {
+      inputValue = '';
+      renderRows();
+    }
+    // clear harness selection
+    applySelection(null);
+    if (menuOpen) input.focus();
+  }
+
+  /* wire prerendered nodes */
+  placeholderEl.addEventListener('click', handleSelectClick);
+  placeholderEl.addEventListener('keydown', handleSelectKeyDown);
+  entries.forEach(entry => {
+    entry.el.addEventListener('click', () => handleOptionClick(entry.item));
+    entry.el.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') handleOptionClick(entry.item);
+    });
+  });
+  clickOutside(root);
+  root.addEventListener('clickOutside', () => {
+    menuOpen = false;
+    renderHead();
+  });
+
+  function setStock(stockInfo) {
+    stockReady = true;
+    items.forEach(item => {
+      const stock = stockInfo[item.id];
+      if (stock) Object.assign(item, stock);
+    });
+    mountRows();
+  }
+
+  function setInitialSelection() {
+    mountRows();
+    // param absent -> decodeURIComponent(null) -> the string "null" (kept)
+    const carName = decodeURIComponent(new URLSearchParams(location.search).get('harness'));
+
+    if (carName === NO_HARNESS_OPTION.car) {
+      applySelection(NO_HARNESS_OPTION);
+      return;
+    }
+
+    let foundHarness = items.find(harness => harness.car === carName);
+    if (!foundHarness && restoreSelection && get(selectedCar)) {
+      foundHarness = items.find(harness => harness.car === get(selectedCar));
+    }
+    if (foundHarness) {
+      applySelection(foundHarness);
+    }
+  }
+
+  return {
+    items,
+    setStock,
+    setInitialSelection,
+    setSelection: applySelection,
+  };
+}
diff --git a/assets/js/lib/modal.js b/assets/js/lib/modal.js
new file mode 100644
index 00000000..db5597c8
--- /dev/null
+++ b/assets/js/lib/modal.js
@@ -0,0 +1,74 @@
+/**
+ * Modal.svelte (scope svelte-1jwweco) — client-rendered confirm dialog.
+ * Only consumer: the comma-four disclaimer before add-to-cart. The original
+ * renders the whole subtree only while `show` is true, so there is no static
+ * markup — this module creates/destroys it, exactly mirroring the component:
+ *
+ *   const modal = openModal({
+ *     title: '',                       // <span> text
+ *     contentHTML: '',                 // slot content (HTML string)
+ *     primaryButtonText: 'Add to cart',
+ *     onPrimaryClick: () => {},        // accent button (does NOT auto-close —
+ *                                      //   the caller closes, like CommaFour)
+ *     onClose: () => {},               // "Go back" / backdrop click / Escape
+ *   });
+ *   modal.close();                     // remove from the DOM
+ *
+ * Faithful quirks: the CSS animation `fade-in` has no @keyframes anywhere (no
+ * visible animation); no body scroll locking, no focus trap, no aria-modal.
+ * clickOutside is attached to .modal: clicking the backdrop or pressing
+ * Escape fires onClose. Buttons are client-rendered Button.svelte instances,
+ * so their class strings use single spaces (unlike the SSR buy button).
+ */
+import { clickOutside } from './click-outside.js';
+
+export function openModal({
+  title = '',
+  contentHTML = '',
+  primaryButtonText = 'Add to cart',
+  onPrimaryClick = () => {},
+  onClose = () => {},
+} = {}) {
+  const backdrop = document.createElement('div');
+  backdrop.className = 'backdrop svelte-1jwweco';
+
+  const container = document.createElement('div');
+  container.className = 'modal-container svelte-1jwweco';
+
+  const modal = document.createElement('div');
+  modal.tabIndex = -1;
+  modal.className = 'modal svelte-1jwweco';
+
+  const titleEl = document.createElement('span');
+  titleEl.className = 'svelte-1jwweco';
+  titleEl.textContent = title;
+
+  const slot = document.createElement('div');
+  slot.innerHTML = contentHTML;
+
+  const primaryBtn = document.createElement('button');
+  primaryBtn.className = 'svelte-1io34pc accent full-width';
+  primaryBtn.textContent = primaryButtonText;
+  primaryBtn.addEventListener('click', onPrimaryClick);
+
+  const closeBtn = document.createElement('button');
+  closeBtn.className = 'svelte-1io34pc primary full-width';
+  closeBtn.textContent = 'Go back';
+  closeBtn.addEventListener('click', onClose);
+
+  modal.append(titleEl, ' ', ...slot.childNodes, ' ', primaryBtn, ' ', closeBtn);
+  container.appendChild(modal);
+  backdrop.appendChild(container);
+
+  const action = clickOutside(modal);
+  modal.addEventListener('clickOutside', onClose);
+
+  document.body.appendChild(backdrop);
+
+  return {
+    close() {
+      action.destroy(); // NOTE: leaks the keydown listener, like the original
+      backdrop.remove();
+    },
+  };
+}
diff --git a/assets/js/lib/product-page.js b/assets/js/lib/product-page.js
new file mode 100644
index 00000000..217fe6ac
--- /dev/null
+++ b/assets/js/lib/product-page.js
@@ -0,0 +1,278 @@
+/**
+ * Product.svelte client behaviors for the generic /shop/<product> pages
+ * (and the comma-four / body / setup slices that reuse the partial).
+ *
+ * The Hugo partial product/product.html prerenders the build-time Shopify
+ * snapshot and emits <script type="application/json" id="product-config">
+ * with: { key, id, autoSelectFirstVariant, forceOutOfStock,
+ *         hideOutOfStockVariants, hasVariantSelector, hasPriceSlot,
+ *         backordered, backorderedPrefix, priceOverride,
+ *         disableBuyButtonText }.
+ *
+ * On load this module re-fetches the product from Shopify (the original
+ * universal load re-ran in the browser on every page view) and patches the
+ * DOM: option list, variant image, price label, buy-button label/disabled.
+ *
+ *   const controller = initProductPage(overrides);
+ *
+ * overrides (all optional — used by comma-four/body/setup wrappers):
+ *   getCartNote()              -> string cart note (CommaFour vehicle note)
+ *   getAdditionalProductIds()  -> [variantId, ...] extra cart lines
+ *   beforeAddToCart(thunk)     intercepts add-to-cart (CommaFour modal);
+ *                              call thunk() to perform the add
+ *   onHarnessChange(selection) replaces the default harness onChange
+ *                              (controller.handleVariantSelection)
+ *   hideSupportNoteCard, restoreSelection  forwarded to initHarnessSelector
+ *   renderPrice(priceEl, state) custom price-slot painter (pages that
+ *                              override the price slot; default painter is
+ *                              skipped automatically when hasPriceSlot)
+ *
+ * controller: { config, state, ready (Promise of the initial refetch),
+ *   harnessSelector (initHarnessSelector handle or null),
+ *   handleVariantSelection(variant), updatePriceAndButton(),
+ *   setDisableBuyButtonText(text|null), selectedVariant() }
+ */
+import { getProduct } from './shopify.js';
+import { addToCart } from './cart.js';
+import { formatCurrency } from './currency.js';
+import { initHarnessSelector } from './harness-selector.js';
+
+export function initProductPage(overrides = {}) {
+  const configEl = document.getElementById('product-config');
+  if (!configEl) return null;
+  const config = JSON.parse(configEl.textContent);
+  const section = document.getElementById('product-item');
+
+  const state = {
+    product: null, // fresh Shopify product (set by the runtime refetch)
+    variants: [],
+    selectedVariantId: null,
+    backordered: config.backordered,
+    backorderedPrefix: config.backorderedPrefix,
+    disableBuyButtonText: config.disableBuyButtonText,
+    forceOutOfStock: config.forceOutOfStock,
+    priceOverride: config.priceOverride,
+  };
+
+  /* --- image gallery (Product.svelte:100-113) ----------------------------- */
+  const previewPicture = section.querySelector('.preview picture');
+  const thumbs = Array.from(section.querySelectorAll('.product-images button.variant'));
+  thumbs.forEach((btn, i) => {
+    btn.addEventListener('click', () => {
+      thumbs.forEach((b, j) => b.setAttribute('aria-selected', String(i === j)));
+      // swap BOTH <source srcset> avif/webp AND <img src> in the preview
+      const from = btn.querySelector('picture');
+      for (const type of ['image/avif', 'image/webp']) {
+        const fromSource = from.querySelector(`source[type="${type}"]`);
+        const toSource = previewPicture.querySelector(`source[type="${type}"]`);
+        if (fromSource && toSource) toSource.setAttribute('srcset', fromSource.getAttribute('srcset'));
+      }
+      previewPicture.querySelector('img').setAttribute('src', from.querySelector('img').getAttribute('src'));
+    });
+  });
+
+  /* --- variant selection / price / buy button ----------------------------- */
+  const variantSelectorEl = section.querySelector('.variant-selector');
+  const priceEl = variantSelectorEl.querySelector('.price');
+  const buyBtn = section.querySelector('button.svelte-1io34pc');
+
+  const selectedVariant = () =>
+    state.variants.find(variant => variant.id === state.selectedVariantId);
+
+  function getPriceLabel() {
+    if (state.priceOverride !== null && state.priceOverride !== undefined) {
+      return formatCurrency({ amount: state.priceOverride, currencyCode: 'USD' }, 0);
+    }
+    const variant = selectedVariant();
+    if (variant) {
+      return formatCurrency(variant.price, 0);
+    } else if (state.product.priceRange.minVariantPrice.amount !== state.product.priceRange.maxVariantPrice.amount) {
+      return `from ${formatCurrency(state.product.priceRange.minVariantPrice, 0)}`;
+    } else {
+      return formatCurrency(state.product.priceRange.minVariantPrice, 0);
+    }
+  }
+
+  function addToCartLabel() {
+    const variant = selectedVariant();
+    if (state.disableBuyButtonText) return state.disableBuyButtonText;
+    if (state.forceOutOfStock || (variant && !variant.availableForSale)) {
+      let label = 'Out of stock';
+      if (state.backordered) label += ` (${state.backorderedPrefix}${state.backordered})`;
+      return label;
+    }
+    if (state.backordered) return `Add to cart (${state.backorderedPrefix}${state.backordered})`;
+    return 'Add to cart';
+  }
+
+  function isDisabled() {
+    const variant = selectedVariant();
+    return state.forceOutOfStock
+      || !variant
+      || variant.availableForSale === false
+      || (state.disableBuyButtonText !== null && state.disableBuyButtonText !== undefined);
+  }
+
+  function updatePriceAndButton() {
+    if (!state.product) return;
+    if (typeof overrides.renderPrice === 'function') {
+      overrides.renderPrice(priceEl, state);
+    } else if (!config.hasPriceSlot) {
+      priceEl.textContent = getPriceLabel();
+    }
+    buyBtn.textContent = `${addToCartLabel()} `;
+    // class:disabled — toggled on the SSR class string, NOT the disabled attr
+    buyBtn.classList.toggle('disabled', isDisabled());
+  }
+
+  function updateVariantImage() {
+    const variant = selectedVariant();
+    const img = variantSelectorEl.querySelector(':scope > picture img');
+    if (img && variant && variant.image) img.setAttribute('src', variant.image.url);
+  }
+
+  // Rebuild the variant <img> + <select> from fresh data. Handles all three
+  // transitions: rebuild in place, create (a second variant came back in
+  // stock on a hideOutOfStockVariants page), remove (only one sellable left).
+  let selectWired = false;
+  function rebuildVariantUI() {
+    if (config.hasVariantSelector) return;
+    let picture = variantSelectorEl.querySelector(':scope > picture');
+    let selectWrap = variantSelectorEl.querySelector(':scope > .select');
+    if (state.variants.length > 1) {
+      if (!picture) {
+        picture = document.createElement('picture');
+        const img = document.createElement('img');
+        img.setAttribute('alt', '');
+        picture.appendChild(img);
+        variantSelectorEl.append(picture, ' ');
+      }
+      if (!selectWrap) {
+        selectWrap = document.createElement('div');
+        selectWrap.className = 'select svelte-zt3auu';
+        const select = document.createElement('select');
+        select.className = 'svelte-zt3auu';
+        selectWrap.append(select, ' ');
+        variantSelectorEl.appendChild(selectWrap);
+      }
+      const select = selectWrap.querySelector('select');
+      select.textContent = '';
+      for (const variant of state.variants) {
+        const option = document.createElement('option');
+        option.value = variant.id;
+        option.textContent = `${variant.title} `;
+        select.appendChild(option);
+      }
+      select.value = state.selectedVariantId;
+      if (!selectWired) {
+        selectWired = true;
+        select.addEventListener('change', () => {
+          state.selectedVariantId = select.value;
+          updateVariantImage();
+          updatePriceAndButton();
+        });
+      }
+      updateVariantImage();
+    } else {
+      if (picture) picture.remove();
+      if (selectWrap) selectWrap.remove();
+    }
+  }
+
+  /* --- add to cart (Product.svelte addItem) -------------------------------- */
+  buyBtn.addEventListener('click', () => {
+    if (isDisabled()) return; // Button.svelte: no dispatch when disabled
+    let note = '';
+    if (typeof overrides.getCartNote === 'function') {
+      note = overrides.getCartNote();
+    }
+    const additionalProductIds = typeof overrides.getAdditionalProductIds === 'function'
+      ? overrides.getAdditionalProductIds()
+      : [];
+    const itemId = selectedVariant().id;
+    if (typeof overrides.beforeAddToCart === 'function') {
+      overrides.beforeAddToCart(() => addToCart(itemId, additionalProductIds, note));
+    } else {
+      addToCart(itemId, additionalProductIds, note);
+    }
+  });
+
+  /* --- harness selector (car-harness; comma-four via overrides) ------------ */
+  function handleVariantSelection(variant) {
+    state.selectedVariantId = (variant && variant.id) || null;
+    state.backordered = variant && variant.currentlyNotInStock
+      ? (variant.backordered || '1-12 weeks')
+      : null;
+    updatePriceAndButton();
+  }
+
+  let harnessSelector = null;
+  if (config.hasVariantSelector) {
+    harnessSelector = initHarnessSelector({
+      root: section.querySelector('.dropdown'),
+      onChange: typeof overrides.onHarnessChange === 'function'
+        ? overrides.onHarnessChange
+        : handleVariantSelection,
+      hideSupportNoteCard: !!overrides.hideSupportNoteCard,
+      restoreSelection: !!overrides.restoreSelection,
+    });
+  }
+
+  /* --- runtime refetch (mandatory — the old universal load re-ran in the
+         browser and re-rendered variants/stock/price on every page view) ---- */
+  const ready = (async () => {
+    const response = await getProduct(config.id);
+    const product = response && response.body && response.body.data && response.body.data.product;
+    if (!product) {
+      console.error('Error fetching product', response);
+      return;
+    }
+    state.product = product;
+    const nodes = (product.variants && product.variants.nodes) || [];
+    state.variants = config.hideOutOfStockVariants
+      ? nodes.filter(variant => variant.availableForSale)
+      : nodes;
+
+    // keep the USER's selection when still present, else first FRESH variant —
+    // the build-snapshot <select> value must not survive the refetch (original
+    // Product.svelte reset selectedVariantId per view and auto-picked fresh
+    // variants[0])
+    let selectedId = state.selectedVariantId;
+    if (selectedId && !state.variants.some(variant => variant.id === selectedId)) selectedId = null;
+    if (!selectedId && config.autoSelectFirstVariant && state.variants.length > 0) {
+      selectedId = state.variants[0].id;
+    }
+    state.selectedVariantId = selectedId;
+
+    rebuildVariantUI();
+    updatePriceAndButton();
+
+    if (harnessSelector) {
+      // one fetch serves page + harness stock (the original fired two
+      // identical requests via harnesses.js — consolidated on purpose)
+      const stockInfo = {};
+      for (const variant of nodes) {
+        stockInfo[variant.id] = {
+          currentlyNotInStock: variant.currentlyNotInStock,
+          availableForSale: variant.availableForSale,
+        };
+      }
+      harnessSelector.setStock(stockInfo);
+      harnessSelector.setInitialSelection();
+    }
+  })();
+
+  return {
+    config,
+    state,
+    ready,
+    harnessSelector,
+    selectedVariant,
+    handleVariantSelection,
+    updatePriceAndButton,
+    setDisableBuyButtonText(text) {
+      state.disableBuyButtonText = text;
+      updatePriceAndButton();
+    },
+  };
+}
diff --git a/src/lib/utils/shopify.js b/assets/js/lib/shopify.js
similarity index 82%
rename from src/lib/utils/shopify.js
rename to assets/js/lib/shopify.js
index d26acfdc..cab6b2a5 100644
--- a/src/lib/utils/shopify.js
+++ b/assets/js/lib/shopify.js
@@ -1,14 +1,43 @@
-import { get } from 'svelte/store';
-import { cartId, cartCreatedAt, checkoutUrl, cartTotalQuantity } from '../../store';
+/**
+ * Shopify Storefront GraphQL client (1:1 port of src/lib/utils/shopify.js).
+ *
+ * Public API:
+ *   init({ storeUrl, apiVersion, apiToken })
+ *     Must be called once by the entry bundle (assets/js/main.js) before any
+ *     request — replaces the old Vite import.meta.env.VITE_SHOPIFY_* values.
+ *   shopifyFetch({ query, variables }) -> { status, body } | { status: 500, error }
+ *   loadCart()      — re-creates the cart when cartId is the string
+ *                     "undefined"/"null", when it is older than 6 days, or
+ *                     when Shopify no longer knows it; then runs GetCart.
+ *   _loadCart()     — raw GetCart query for the current cartId
+ *   getProduct(id)
+ *   createCart()    — cartCreate mutation; stores cartId/cartCreatedAt/
+ *                     checkoutUrl/cartTotalQuantity (the latter is undefined
+ *                     in this mutation's response — written to localStorage
+ *                     as the string "undefined", on purpose)
+ *   updateCart({ cartId, lineId, variantId, quantity })
+ *   addToCart({ cartId, variantId, additionalProductIds = [], note = "" })
+ */
+import { get, cartId, cartCreatedAt, checkoutUrl, cartTotalQuantity } from './cart.js';
 
 // GraphQL fragments for error handling
 const USER_ERRORS_GQL = `userErrors { code field message }`;
 const WARNINGS_GQL = `warnings { code message target }`;
 
+let config = {
+  storeUrl: undefined,
+  apiVersion: undefined,
+  apiToken: undefined,
+};
+
+export function init(cfg) {
+  config = { ...config, ...cfg };
+}
+
 export async function shopifyFetch({ query, variables }) {
-  const apiToken = import.meta.env.VITE_SHOPIFY_STOREFRONT_API_TOKEN;
-  const storeUrl = import.meta.env.VITE_SHOPIFY_STORE_URL;
-  const apiVersion = import.meta.env.VITE_SHOPIFY_API_VERSION || 'unstable';
+  const apiToken = config.apiToken;
+  const storeUrl = config.storeUrl;
+  const apiVersion = config.apiVersion || 'unstable';
   const endpoint = `https://${storeUrl}/api/${apiVersion}/graphql.json`;
 
   if (apiVersion === 'unstable') {
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 00000000..281f1913
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,430 @@
+/**
+ * Global shell behaviors on every page (port of src/routes/+layout.svelte,
+ * ShoppingCart.svelte, SteppableInput.svelte, MailingListForm.svelte and
+ * src/lib/utils/console.js):
+ *   - Shopify config injection (from hugo.toml params, keys lowercased)
+ *   - cart bootstrap (refreshCart on every page load)
+ *   - header cart button: inserted/removed from the DOM as cartTotalQuantity
+ *     changes (NOT merely hidden — the mobile `:first-child:not(:only-child)`
+ *     CSS rule depends on the node count). First paint uses the synchronous
+ *     localStorage value, reconciled once Shopify responds.
+ *   - cart drawer: client-rendered between </header> and the banner while
+ *     showCart is true; overlay/× click and Escape close it; SteppableInput
+ *     quantity updates, line removal (qty 0), checkout, discount/subtotal.
+ *   - #mailing-list hash focus (300 ms; on load and hashchange)
+ *   - mailing-list JSONP submit (Mailchimp only answers JSONP, not CORS)
+ *   - console banner
+ */
+import * as params from '@params';
+import { init as initShopify, updateCart } from './lib/shopify.js';
+import {
+  get,
+  cartId,
+  checkoutUrl,
+  cartTotalQuantity,
+  showCart,
+  cartItems,
+  cartDiscount,
+  cartSubtotal,
+  refreshCart,
+  openCart,
+} from './lib/cart.js';
+import { formatCurrency } from './lib/currency.js';
+
+initShopify({
+  storeUrl: params.shopify.storeurl,
+  apiVersion: params.shopify.apiversion,
+  apiToken: params.shopify.storefrontapitoken,
+});
+
+// --- console banner (src/lib/utils/console.js) ------------------------------
+
+function printConsoleBanner() {
+  console.log(`
+                          .~ssos+.
+                        +8888888888i,
+                      {888888888888o.
+                      h8888888888888k
+                      t888888888s888k
+                        \`t88888d/ h88k
+                          \`\`\`    h88l
+                                ,88k\`
+                                .d8h\`
+                              +d8h
+                            _+d8h\`
+                          ;y8h+\`
+                          |-\`
+
+                    https://comma.ai/jobs
+    `);
+}
+
+printConsoleBanner();
+
+// loading flag — bound between layout and drawer in Svelte but never rendered
+// anywhere (vestigial; kept for parity).
+let loading = false;
+
+function hideCart() {
+  showCart.set(false);
+}
+
+// +layout.svelte updateProduct(event)
+async function updateProduct({ variantId, quantity, lineId }) {
+  await updateCart({
+    cartId: get(cartId),
+    lineId: lineId,
+    quantity: quantity,
+    variantId: variantId,
+  });
+  await refreshCart();
+  loading = false;
+}
+
+// --- header cart button (client-only, conditional on cartTotalQuantity > 0) --
+
+// src/lib/icons/ui/cart.svg, verbatim (it shipped inside the JS bundle on the
+// old site too — `?raw` import in +layout.svelte).
+const CART_ICON = `<svg width="25" height="25" viewBox="0 0 25 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M24.6 3.6c-.3-.4-.8-.6-1.3-.6h-18.4l-.1-.5c-.3-1.5-1.7-1.5-2.5-1.5h-1.3c-.6 0-1 .4-1 1s.4 1 1 1h1.8l3 13.6c.2 1.2 1.3 2.4 2.5 2.4h12.7c.6 0 1-.4 1-1s-.4-1-1-1h-12.7c-.2 0-.5-.4-.6-.8l-.2-1.2h12.6c1.3 0 2.3-1.4 2.5-2.4l2.4-7.4v-.2c.1-.5-.1-1-.4-1.4zm-4 8.5v.2c-.1.3-.4.8-.5.8h-13l-1.8-8.1h17.6l-2.3 7.1z"></path>
+    <circle cx="9" cy="22" r="2"></circle>
+    <circle cx="19" cy="22" r="2"></circle>
+  </g>
+</svg>
+`;
+
+let cartButtonEl = null;
+
+function renderCartButton(quantity) {
+  const container = document.querySelector('.navbar-section-buttons');
+  if (!container) return;
+  if (quantity > 0) {
+    if (!cartButtonEl) {
+      cartButtonEl = document.createElement('button');
+      cartButtonEl.className = 'button cart svelte-uhk6nj';
+      cartButtonEl.innerHTML = CART_ICON + ' <div class="cart-text svelte-uhk6nj"></div>';
+      cartButtonEl.addEventListener('click', openCart);
+      container.appendChild(cartButtonEl);
+    }
+    cartButtonEl.querySelector('.cart-text').textContent = `cart (${quantity})`;
+  } else if (cartButtonEl) {
+    cartButtonEl.remove();
+    cartButtonEl = null;
+  }
+}
+
+// subscribe fires immediately with the localStorage-derived value, so the
+// button shows synchronously (pre-network), then reconciles after refreshCart.
+cartTotalQuantity.subscribe(renderCartButton);
+
+// --- cart drawer (ShoppingCart.svelte, scope svelte-10ouxai) -----------------
+
+let overlayEl = null;
+let sidemenuEl = null;
+let inventoryEl = null;
+let footerEl = null;
+
+// SteppableInput.svelte (scope svelte-1m6ox4m). Not clamped: decrement at 0
+// sends -1, like the original.
+function buildSteppableInput(label, value, onChange) {
+  const root = document.createElement('div');
+  root.className = 'svelte-1m6ox4m';
+
+  const dec = document.createElement('button');
+  dec.className = 'svelte-1m6ox4m';
+  dec.setAttribute('aria-label', `Decrement ${label}`);
+  dec.textContent = '-';
+
+  const input = document.createElement('input');
+  input.type = 'number';
+  input.min = '0';
+  input.setAttribute('aria-label', label);
+  input.className = 'svelte-1m6ox4m';
+  input.value = value;
+
+  const inc = document.createElement('button');
+  inc.className = 'svelte-1m6ox4m';
+  inc.setAttribute('aria-label', `Increment ${label}`);
+  inc.textContent = '+';
+
+  // svelte's bind:value to_number coercion ('' -> null)
+  const toNumber = () => (input.value === '' ? null : +input.value);
+  dec.addEventListener('click', () => onChange(toNumber() - 1));
+  inc.addEventListener('click', () => onChange(toNumber() + 1));
+  input.addEventListener('change', () => onChange(toNumber()));
+
+  root.append(dec, ' ', input, ' ', inc);
+  return root;
+}
+
+function buildItem(item) {
+  const el = document.createElement('div');
+  el.className = 'item';
+  el.dataset.lineId = item.node.id;
+
+  // dynamic-src images stay inside a bare <picture> wrapper (preprocessor)
+  const picture = document.createElement('picture');
+  const img = document.createElement('img');
+  img.setAttribute('alt', item.node.merchandise.product.title);
+  img.setAttribute('decoding', 'async');
+  img.setAttribute('loading', 'lazy');
+  img.setAttribute('src', item.node.merchandise.product.images.edges[0].node.originalSrc);
+  picture.appendChild(img);
+
+  const details = document.createElement('div');
+  details.className = 'details';
+
+  const title = document.createElement('div');
+  title.className = 'title';
+  title.textContent = item.node.merchandise.product.title;
+  details.append(title, ' ');
+
+  if (item.node.merchandise.title !== 'Default Title') {
+    const variant = document.createElement('div');
+    variant.className = 'variant';
+    variant.textContent = item.node.merchandise.title;
+    details.append(variant, ' ');
+  }
+
+  // Space.svelte multiplier={0.5}
+  const space = document.createElement('div');
+  space.style.height = '0.5rem';
+  details.append(space, ' ');
+
+  details.appendChild(
+    buildSteppableInput('quantity', item.node.quantity, (nextQuantity) => {
+      // ShoppingCart.svelte updateProductQuantity
+      loading = true;
+      updateProduct({
+        variantId: item.node.merchandise.id,
+        quantity: nextQuantity,
+        lineId: item.node.id,
+      });
+    })
+  );
+
+  const price = document.createElement('div');
+  price.textContent = formatCurrency(item.node.estimatedCost.totalAmount);
+
+  el.append(picture, ' ', details, ' ', price);
+  return el;
+}
+
+function buildPriceRow(labelText, valueNode) {
+  const row = document.createElement('div');
+  row.className = 'price';
+  const label = document.createElement('span');
+  label.textContent = labelText;
+  const value = document.createElement('span');
+  if (typeof valueNode === 'string') value.textContent = valueNode;
+  else value.append(...valueNode);
+  row.append(label, ' ', value);
+  return row;
+}
+
+function checkout() {
+  loading = true;
+  window.open(get(checkoutUrl), '_self');
+  loading = false;
+}
+
+function renderDrawerContents() {
+  const items = get(cartItems);
+
+  // Svelte updated quantity rows in place, so focus survived a cart reload;
+  // we rebuild the list, so capture and restore the focused stepper control.
+  let refocus = null;
+  const active = document.activeElement;
+  if (active && inventoryEl.contains(active)) {
+    const itemEl = active.closest('[data-line-id]');
+    if (itemEl) {
+      refocus = {
+        lineId: itemEl.dataset.lineId,
+        role: active.matches('input') ? 'input' : active.textContent,
+      };
+    }
+  }
+
+  inventoryEl.textContent = '';
+  if (items?.length === 0) {
+    const empty = document.createElement('div');
+    empty.className = 'empty';
+    empty.textContent = 'Your cart is empty.';
+    inventoryEl.appendChild(empty);
+  }
+  for (const item of items || []) {
+    inventoryEl.appendChild(buildItem(item));
+  }
+
+  if (refocus) {
+    const itemEl = inventoryEl.querySelector(`[data-line-id="${CSS.escape(refocus.lineId)}"]`);
+    if (itemEl) {
+      const target =
+        refocus.role === 'input'
+          ? itemEl.querySelector('input[type="number"]')
+          : [...itemEl.querySelectorAll('button')].find((b) => b.textContent === refocus.role);
+      if (target) target.focus();
+    }
+  }
+
+  footerEl.textContent = '';
+  if (items?.length !== 0) {
+    const discount = get(cartDiscount);
+    const subtotal = get(cartSubtotal);
+    // Svelte renders a collapsed-whitespace text node between sibling elements.
+    const space = () => footerEl.appendChild(document.createTextNode(' '));
+    if (discount) {
+      const subtotalAmountAfterDiscount = subtotal.amount - discount.amount;
+      footerEl.appendChild(buildPriceRow('Bulk Order Discount', `-${formatCurrency(discount)}`));
+      space();
+      const s = document.createElement('s');
+      s.textContent = formatCurrency(subtotal);
+      footerEl.appendChild(
+        buildPriceRow('Subtotal', [
+          s,
+          ` ${formatCurrency({ amount: subtotalAmountAfterDiscount, currencyCode: subtotal.currencyCode })}`,
+        ])
+      );
+    } else {
+      footerEl.appendChild(buildPriceRow('Subtotal', formatCurrency(subtotal)));
+    }
+    space();
+
+    const disclaimer = document.createElement('div');
+    disclaimer.className = 'disclaimer';
+    disclaimer.textContent = 'Customs/duties/taxes are between you and your country.';
+    footerEl.appendChild(disclaimer);
+    space();
+
+    // Button.svelte: style="accent" fullWidth
+    const checkoutBtn = document.createElement('button');
+    checkoutBtn.className = 'svelte-1io34pc accent full-width';
+    checkoutBtn.textContent = 'Checkout';
+    checkoutBtn.addEventListener('click', checkout);
+    footerEl.appendChild(checkoutBtn);
+  }
+}
+
+function mountDrawer() {
+  overlayEl = document.createElement('div');
+  overlayEl.className = 'overlay svelte-10ouxai';
+  overlayEl.setAttribute('role', 'presentation');
+  overlayEl.addEventListener('click', hideCart);
+
+  sidemenuEl = document.createElement('div');
+  sidemenuEl.className = 'sidemenu svelte-10ouxai';
+  sidemenuEl.setAttribute('role', 'dialog');
+  sidemenuEl.setAttribute('aria-modal', 'true');
+
+  const header = document.createElement('div');
+  header.className = 'header svelte-10ouxai';
+  const headerTitle = document.createElement('span');
+  headerTitle.textContent = 'Your Cart';
+  const closeBtn = document.createElement('button');
+  closeBtn.textContent = '×';
+  closeBtn.addEventListener('click', hideCart);
+  header.append(headerTitle, ' ', closeBtn);
+
+  inventoryEl = document.createElement('div');
+  inventoryEl.className = 'inventory svelte-10ouxai';
+
+  footerEl = document.createElement('div');
+  footerEl.className = 'footer svelte-10ouxai';
+
+  sidemenuEl.append(header, ' ', inventoryEl, ' ', footerEl);
+  renderDrawerContents();
+
+  // mount point: between </header> and the HeaderBanner
+  const navbar = document.querySelector('header.navbar');
+  if (navbar) navbar.after(overlayEl, sidemenuEl);
+}
+
+function unmountDrawer() {
+  overlayEl?.remove();
+  sidemenuEl?.remove();
+  overlayEl = sidemenuEl = inventoryEl = footerEl = null;
+}
+
+showCart.subscribe((open) => {
+  if (open && !sidemenuEl) mountDrawer();
+  else if (!open && sidemenuEl) unmountDrawer();
+});
+
+// re-render the open drawer whenever the cart data changes (refreshCart)
+for (const store of [cartItems, cartDiscount, cartSubtotal]) {
+  store.subscribe(() => {
+    if (sidemenuEl) renderDrawerContents();
+  });
+}
+
+// --- mailing list (MailingListForm.svelte, scope svelte-q96sfc) --------------
+
+function setupMailingListForm(form) {
+  const emailInput = form.querySelector('input[type="email"]');
+  const submitBtn = form.querySelector('input[type="submit"]');
+  if (!emailInput || !submitBtn) return;
+
+  // disabled={email.length === 0}
+  emailInput.addEventListener('input', () => {
+    submitBtn.disabled = emailInput.value.length === 0;
+  });
+
+  form.addEventListener('submit', (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.target);
+    const searchParams = new URLSearchParams(formData);
+    const script = document.createElement('script');
+    const callbackName = 'mailchimpFormSubmit_' + Math.random().toString(36).substr(2, 9);
+    script.src = `https://comma.us12.list-manage.com/subscribe/post?u=e127cf7151180db2b566d880b&id=f150bd2a9c&EMAIL=${searchParams.get('email')}&Email=${searchParams.get('email')}&c=${callbackName}`;
+
+    window[callbackName] = function (response) {
+      const result = document.createElement('div');
+      if (response.result === 'success') {
+        result.className = 'success svelte-q96sfc';
+        const p = document.createElement('p');
+        p.textContent = 'Thanks for signing up! We only send emails we would want to receive.';
+        result.appendChild(p);
+      } else {
+        result.className = 'error svelte-q96sfc';
+        const p1 = document.createElement('p');
+        p1.textContent = 'Oops! Something went wrong while submitting the form.';
+        const p2 = document.createElement('p');
+        p2.innerHTML = response.msg; // {@html error.message} — Mailchimp returns HTML
+        result.append(p1, ' ', p2);
+      }
+      form.replaceWith(result);
+      document.body.removeChild(script);
+      delete window[callbackName];
+    };
+
+    document.body.appendChild(script);
+  });
+}
+
+document.querySelectorAll('form[aria-label="Email Form"]').forEach(setupMailingListForm);
+
+// --- layout onMount (+layout.svelte:60–81) -----------------------------------
+
+// Focus mailing list input when hash is #mailing-list
+const focusMailingList = () => {
+  if (window.location.hash === '#mailing-list') {
+    setTimeout(() => {
+      const input = document.querySelector('#mailing-list input[type="email"]');
+      if (input) input.focus();
+    }, 300);
+  }
+};
+
+(async () => {
+  await refreshCart();
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+      showCart.set(false);
+    }
+  });
+
+  // Check on load and on hash change
+  focusMailingList();
+  window.addEventListener('hashchange', focusMailingList);
+})();
diff --git a/assets/js/pages/body.js b/assets/js/pages/body.js
new file mode 100644
index 00000000..5522d675
--- /dev/null
+++ b/assets/js/pages/body.js
@@ -0,0 +1,51 @@
+import '../main.js';
+import { initProductPage } from '../lib/product-page.js';
+
+// /shop/body renders the generic ProductPage TWICE (src/routes/shop/body/
+// +page.svelte:26 and :191) — two independent Svelte instances in the
+// original. initProductPage() binds the FIRST #product-item/#product-config
+// (getElementById semantics); wire the second section's gallery and runtime
+// price/button repaint here so both instances behave like the old site.
+// The buy button stays dead in both (forceOutOfStock — Button.svelte never
+// dispatches when disabled).
+const controller = initProductPage();
+
+const sections = document.querySelectorAll('section#product-item');
+const second = sections[1];
+if (second) {
+  /* --- image gallery (Product.svelte:100-113), scoped to the 2nd instance --- */
+  const previewPicture = second.querySelector('.preview picture');
+  const thumbs = Array.from(second.querySelectorAll('.product-images button.variant'));
+  thumbs.forEach((btn, i) => {
+    btn.addEventListener('click', () => {
+      thumbs.forEach((b, j) => b.setAttribute('aria-selected', String(i === j)));
+      // swap BOTH <source srcset> avif/webp AND <img src> in the preview
+      const from = btn.querySelector('picture');
+      for (const type of ['image/avif', 'image/webp']) {
+        const fromSource = from.querySelector(`source[type="${type}"]`);
+        const toSource = previewPicture.querySelector(`source[type="${type}"]`);
+        if (fromSource && toSource) toSource.setAttribute('srcset', fromSource.getAttribute('srcset'));
+      }
+      previewPicture.querySelector('img').setAttribute('src', from.querySelector('img').getAttribute('src'));
+    });
+  });
+
+  /* --- runtime refetch parity: the original's 2nd instance re-ran the
+         universal load too and repainted price/button. One fetch serves both
+         (same consolidation as the harness stock fetch) — mirror the 1st
+         instance's painted state once its refetch settles. ------------------ */
+  if (controller) {
+    const first = sections[0];
+    controller.ready.then(() => {
+      const price = first.querySelector('.variant-selector .price');
+      const buyBtn = first.querySelector('button.svelte-1io34pc');
+      const price2 = second.querySelector('.variant-selector .price');
+      const buyBtn2 = second.querySelector('button.svelte-1io34pc');
+      if (price && price2) price2.textContent = price.textContent;
+      if (buyBtn && buyBtn2) {
+        buyBtn2.textContent = buyBtn.textContent;
+        buyBtn2.classList.toggle('disabled', buyBtn.classList.contains('disabled'));
+      }
+    });
+  }
+}
diff --git a/assets/js/pages/comma-four.js b/assets/js/pages/comma-four.js
new file mode 100644
index 00000000..89702e4c
--- /dev/null
+++ b/assets/js/pages/comma-four.js
@@ -0,0 +1,229 @@
+import '../main.js';
+/**
+ * /shop/comma-four — CommaFour.svelte buy-box state machine over the
+ * shared product-page controller.
+ *
+ * Runtime fetches (same three Storefront calls as the original page,
+ * besides the layout's cart load):
+ *   1. comma four product   — initProductPage's universal-load re-run
+ *   2. car harness product  — harness stock map (src/lib/utils/harnesses.js)
+ *   3. trade-in product     — first variant id for the extra cart line
+ *
+ * State (CommaFour.svelte): selectedHarness / tradeInChecked /
+ * tradeInVariantId / backordered, FOUR_PRICE=999, discountAmount=50,
+ * tradeInCredit=250. The price slot and the "$xxx due today" badge are
+ * painted here (they only depend on local state, never on the product
+ * fetch); the buy-button label/disabled class goes through the controller
+ * so it keeps its prerendered disabled state until the product refetch
+ * resolves, like the original universal load gating hydration.
+ */
+import { initProductPage } from '../lib/product-page.js';
+import { NO_HARNESS_OPTION } from '../lib/harness-selector.js';
+import { openModal } from '../lib/modal.js';
+import { getProduct } from '../lib/shopify.js';
+import { formatCurrency } from '../lib/currency.js';
+import { initFaq } from '../lib/faq.js';
+
+// src/lib/constants/prices.js + CommaFour.svelte:57-58
+const FOUR_PRICE = 999;
+const discountAmount = 50;
+const tradeInCredit = 250;
+
+// src/lib/utils/harnesses.js:8 / src/lib/data/products.js
+const CAR_HARNESS_PRODUCT_ID = 'gid://shopify/Product/4447447908415';
+const TRADE_IN_PRODUCT_ID = 'gid://shopify/Product/7966994202687';
+
+/* CommaFour state */
+let selectedHarness = null;
+let tradeInVariantId = null;
+let tradeInChecked = false;
+let backordered = null;
+
+const section = document.getElementById('product-item');
+// the inner <div slot="price" class="price"> (the outer .price is Product's wrapper)
+const priceSlot = section.querySelector('.variant-selector .price .price');
+const badgesEl = section.querySelector('.badges');
+const checkboxLabel = section.querySelector('label.checkbox-card');
+const checkboxInput = checkboxLabel.querySelector('input[type="checkbox"]');
+
+let dueTodayEl = null; // <span class="price-due-today svelte-1qobqhj">
+
+const getAdditionalProductIds = () => {
+  const ids = [];
+  if (selectedHarness && selectedHarness !== NO_HARNESS_OPTION) {
+    ids.push(selectedHarness.id);
+  }
+  if (tradeInChecked && tradeInVariantId) {
+    ids.push(tradeInVariantId);
+  }
+  return ids;
+};
+
+const getCartNote = () => {
+  if (selectedHarness && selectedHarness.car) {
+    const vehicle_note = `Vehicle: ${selectedHarness.car}`;
+    const backordered_note = backordered ? `${backordered} backordered` : 'in stock';
+    return `${vehicle_note} (${backordered_note})`;
+  }
+  return '';
+};
+
+/* Disclaimer modal (Modal.svelte; paragraph strings verbatim from the
+   compiled CommaFour chunk, incl. the embedded newlines) */
+let modal = null;
+const beforeAddToCart = (proceed) => {
+  let contentHTML = '';
+  if (getAdditionalProductIds().length === 0) {
+    contentHTML += '<p class="disclaimer svelte-1qobqhj">A car harness is required to connect the comma four to your vehicle.\n      You currently have no car harness selected.</p> ';
+  }
+  contentHTML += '<p class="disclaimer svelte-1qobqhj">The comma four does not ship with any software.\n    Once you have the device you will be able to install any software you choose at your own risk.</p> '
+    + '<p class="disclaimer svelte-1qobqhj">Regardless of what software you choose to install, this device in no way substitutes for a licensed, sober, and attentive driver in the drivers seat.\n    <b>If you are not going to always pay careful attention while driving, do not buy this product.</b></p>';
+  modal = openModal({
+    title: 'Disclaimer',
+    contentHTML,
+    primaryButtonText: backordered ? `Add to cart (ships in ${backordered})` : 'Add to cart',
+    // onProceed = () => { addToCart(); showDisclaimerModal = false }
+    onPrimaryClick: () => {
+      proceed();
+      modal.close();
+    },
+    // "Go back" / backdrop click / Escape
+    onClose: () => {
+      modal.close();
+    },
+  });
+};
+
+/* CommaFour.svelte:76-94 */
+const handleHarnessSelection = (value) => {
+  selectedHarness = value;
+  if (value === NO_HARNESS_OPTION) {
+    backordered = null;
+    controller.state.disableBuyButtonText = null;
+  } else if (value) {
+    backordered = value.currentlyNotInStock ? (value.backordered || '1-12 weeks') : null;
+    controller.state.disableBuyButtonText = null;
+  } else {
+    backordered = null;
+    controller.state.disableBuyButtonText = 'SELECT YOUR CAR';
+  }
+
+  // Reset trade-in checkbox
+  if (!value) {
+    setChecked(false);
+    tradeInChecked = false;
+  }
+  render();
+};
+
+const controller = initProductPage({
+  getCartNote,
+  getAdditionalProductIds,
+  beforeAddToCart,
+  onHarnessChange: handleHarnessSelection,
+});
+
+/* CheckboxCard.svelte — checked/disabled both mirror the label class and the
+   real input props; setChecked is the parent-facing API (resets / autofill) */
+function setChecked(value) {
+  checkboxInput.checked = value;
+  checkboxLabel.classList.toggle('checked', value);
+}
+
+checkboxInput.addEventListener('change', () => {
+  if (checkboxInput.disabled) return; // () => !disabled && onToggle()
+  tradeInChecked = !tradeInChecked;
+  setChecked(tradeInChecked);
+  render();
+});
+
+/* price slot + badges + checkbox-disabled painter (everything reactive in
+   CommaFour that does not depend on the product fetch) */
+function render() {
+  const showDiscount = selectedHarness === NO_HARNESS_OPTION;
+  const priceDueToday = showDiscount ? FOUR_PRICE - discountAmount : FOUR_PRICE;
+  const priceAfterTradeIn = tradeInChecked ? priceDueToday - tradeInCredit : priceDueToday;
+
+  // <div slot="price" class="price"> (CommaFour.svelte:134-142)
+  if (tradeInChecked && tradeInCredit > 0) {
+    const span = document.createElement('span');
+    span.textContent = `${formatCurrency({ amount: priceAfterTradeIn, currencyCode: 'USD' }, 0)} after trade-in received`;
+    priceSlot.textContent = '';
+    priceSlot.appendChild(span);
+  } else if (showDiscount && discountAmount > 0) {
+    priceSlot.textContent = formatCurrency({ amount: priceDueToday, currencyCode: 'USD' }, 0);
+  } else {
+    priceSlot.textContent = formatCurrency({ amount: FOUR_PRICE, currencyCode: 'USD' }, 0);
+  }
+
+  // "$xxx due today" badge (moved into .badges by commit b22beb3)
+  if (tradeInChecked && tradeInCredit > 0) {
+    if (!dueTodayEl) {
+      dueTodayEl = document.createElement('span');
+      dueTodayEl.className = 'price-due-today svelte-1qobqhj';
+      badgesEl.appendChild(dueTodayEl);
+    }
+    dueTodayEl.textContent = `${formatCurrency({ amount: priceDueToday, currencyCode: 'USD' }, 0)} due today`;
+  } else if (dueTodayEl) {
+    dueTodayEl.remove();
+    dueTodayEl = null;
+  }
+
+  // CheckboxCard disabled={disableBuyButtonText !== null}
+  const disabled = controller.state.disableBuyButtonText !== null;
+  checkboxInput.disabled = disabled;
+  checkboxLabel.classList.toggle('disabled', disabled);
+
+  // buy button label/disabled — no-op until the product refetch resolves
+  controller.state.backordered = backordered;
+  controller.updatePriceAndButton();
+}
+
+/* onMount: ?trade-in=1 autofill (CommaFour.svelte:100-112) — pure DOM, runs
+   before any fetch; setSelection rewrites the URL to ?harness=… (the
+   trade-in param is dropped, exactly like the original) */
+const urlParams = new URLSearchParams(window.location.search);
+if (urlParams.get('trade-in') === '1') {
+  setChecked(true);
+  tradeInChecked = true;
+  render();
+  controller.harnessSelector.setSelection(NO_HARNESS_OPTION);
+}
+
+/* onMount: trade-in product fetch (CommaFour.svelte:114-127) */
+(async () => {
+  try {
+    const response = await getProduct(TRADE_IN_PRODUCT_ID);
+    if (response.status === 200) {
+      const tradeInProduct = response.body && response.body.data && response.body.data.product;
+      if (tradeInProduct && tradeInProduct.variants && tradeInProduct.variants.nodes
+          && tradeInProduct.variants.nodes.length > 0) {
+        tradeInVariantId = tradeInProduct.variants.nodes[0].id;
+      }
+    }
+  } catch (error) {
+    console.error('Failed to fetch trade-in product:', error);
+  }
+})();
+
+/* harness stock map (src/lib/utils/harnesses.js fetchHarnessVariants) —
+   merged into the dropdown items, then the ?harness= restore runs with
+   stock flags attached ($harnesses-filled timing) */
+(async () => {
+  const harnessResponse = await getProduct(CAR_HARNESS_PRODUCT_ID);
+  const harnesses = (harnessResponse.body && harnessResponse.body.data
+    && harnessResponse.body.data.product && harnessResponse.body.data.product.variants
+    && harnessResponse.body.data.product.variants.nodes) || [];
+  const harnessInfo = {};
+  for (const harness of harnesses) {
+    harnessInfo[harness.id] = {
+      currentlyNotInStock: harness.currentlyNotInStock,
+      availableForSale: harness.availableForSale,
+    };
+  }
+  controller.harnessSelector.setStock(harnessInfo);
+  controller.harnessSelector.setInitialSelection();
+})();
+
+/* FAQ hash-sync for #comma-four-faq and #moneyback-trial */
+initFaq();
diff --git a/assets/js/pages/connect.js b/assets/js/pages/connect.js
new file mode 100644
index 00000000..e5e06d24
--- /dev/null
+++ b/assets/js/pages/connect.js
@@ -0,0 +1,6 @@
+import '../main.js';
+import { initFaq } from '../lib/faq.js';
+
+// FAQ hash deep-link + replaceState write-back (Faq.svelte:9-13,28).
+// The #what-is-commacare link in the features table targets the FAQ accordion.
+initFaq();
diff --git a/assets/js/pages/home.js b/assets/js/pages/home.js
new file mode 100644
index 00000000..f175359e
--- /dev/null
+++ b/assets/js/pages/home.js
@@ -0,0 +1,42 @@
+import '../main.js';
+// Home page behaviors (port of src/routes/+page.svelte lines 1-92):
+// HLS hero/screen videos + dragstart suppression. Nothing else is
+// interactive on this page.
+import Hls from '../vendor/hls.min.js';
+
+const CDN = 'https://3comma.net';
+
+// Port of initializeHLS() + the per-video onMount wiring:
+//  - first `playing` event adds the `ready` class (CSS fades opacity 0 -> 1)
+//  - MSE path: default-config Hls, loadSource/attachMedia, play() on
+//    MANIFEST_PARSED (the hls instance is never destroyed, no error handling)
+//  - Safari/iOS native HLS fallback: set src, play() on loadedmetadata
+//  - neither supported: video keeps showing only the poster (opacity stays 0)
+function initVideo(el, src) {
+  if (!el) return;
+  el.addEventListener('playing', () => el.classList.add('ready'));
+  if (Hls.isSupported()) {
+    const hls = new Hls();
+    hls.loadSource(src);
+    hls.attachMedia(el);
+    hls.on(Hls.Events.MANIFEST_PARSED, () => el.play());
+  } else if (el.canPlayType('application/vnd.apple.mpegurl')) {
+    el.src = src;
+    el.addEventListener('loadedmetadata', () => el.play());
+  }
+}
+
+// All three videos are initialized unconditionally (even the one hidden by
+// the media query) — parity with the `// TODO: don't load both` in source.
+initVideo(document.querySelector('.hero-image.desktop video'), `${CDN}/hero-landscape/hero-landscape.m3u8`);
+initVideo(document.querySelector('.hero-image.mobile video'), `${CDN}/hero-portrait/hero-portrait.m3u8`);
+initVideo(document.querySelector('.device-image-container video.screen-video-overlay'), `${CDN}/screen-video/screen-video.m3u8`);
+
+// on:dragstart on both .hero-image sections — prevents dragging the
+// poster/video image out.
+document.querySelectorAll('.hero-image').forEach((section) => {
+  section.addEventListener('dragstart', (e) => {
+    e.preventDefault();
+    return false;
+  });
+});
diff --git a/assets/js/pages/jobs.js b/assets/js/pages/jobs.js
new file mode 100644
index 00000000..3eb5d614
--- /dev/null
+++ b/assets/js/pages/jobs.js
@@ -0,0 +1,372 @@
+import '../main.js';
+import { initFaq } from '../lib/faq.js';
+
+// Port of src/routes/jobs/+page.svelte client behaviors:
+//   - hash → expand matching job listing (checked once at load, like onMount)
+//   - job toggle (expanded class + aria-expanded + conditional .job-panel DOM)
+//   - share/copy-link button (checkmark swap for 2000 ms, single shared index)
+//   - Email Us tooltip (clipboard copy, 2500 ms auto-hide, single shared index)
+//   - quote carousel (instant swap, no transitions)
+//   - FAQ accordion hash sync (shared lib/faq.js)
+
+// --- icons ($lib/icons/ui/link.svg?raw, $lib/icons/ui/checkmark.svg?raw) ----
+const LINK_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+`;
+const CHECKMARK_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+`;
+
+// --- data (verbatim from src/routes/jobs/+page.svelte) -----------------------
+const DEFAULT_HOW_TO_APPLY = `
+    Do a <a href="https://comma.ai/bounties">bounty</a> or <a href="https://comma.ai/leaderboard">challenge</a>,
+    then email <a href="mailto:work@comma.ai">work@comma.ai</a> with what you built.
+  `;
+
+const quotes = [
+  {
+    text: "We have the best chance at solving self-driving cars because our approach involves actually shipping a product and proving it out as we go.",
+    author: "Greg",
+    team: "Infrastructure",
+  },
+  {
+    text: "At comma we are given the opportunity to try stuff. It's very easy, the barrier to do experiments and the time from the experiment to shipping the product is really short. That's what I love about comma.",
+    author: "Yassine",
+    team: "Research",
+  },
+  {
+    text: "I like comma specifically because we're building something that has never been built before. It's the new frontier, space exploration.",
+    author: "Nick",
+    team: "Hardware",
+  },
+];
+
+const jobs = [
+  {
+    title: "Software Engineer",
+    description: `
+        As part of the openpilot team, your responsibilities include developing new features,
+        building simulation and testing infrastructure, and improving the tools our community
+        uses to develop openpilot.
+      `,
+    qualifications: [
+      "Ability to independently write, test, and ship software to thousands of users",
+      "Write fast and efficient code that runs on hardware with limited compute resources",
+      "Fluent in Python and at least one system programming language (C, C++, Rust)",
+      "Experience with Linux internals (e.g. you wrote a kernel driver or did other kernel hacking)",
+      "Experience with embedded systems",
+      "Preferred: experience with reverse engineering",
+    ],
+  },
+  {
+    title: "Full Stack Developer",
+    description: `
+        As part of the openpilot team, you will be responsible for developing new features and
+        maintaining our web applications (and their back-end), such as
+        <a href="/connect">comma connect</a>.
+      `,
+    qualifications: [
+      "Built and shipped applications",
+      "Fluent in JavaScript, HTML, CSS, Python, and MySQL",
+      "Ability to independently write, test, and ship software to thousands of users",
+    ],
+  },
+  {
+    title: "Car Interface Engineer",
+    description: `
+        As a car interface engineer, you'll own the 250+ cars supported by openpilot.
+        You'll build tools, tests, and infrastructure to expand and improve the quality of the fleet
+        alongside our community. You'll also be responsible for evolving our safety model as
+        openpilot becomes more capable.
+      `,
+    qualifications: [
+      "Fluent in Python and at least one system programming language (C, C++, Rust)",
+      "Ability to independently write, test, and ship software to thousands of users",
+      "Preferred: experience with ISO26262 and other automotive safety standards",
+      "Having pull requests upstreamed to openpilot is a plus",
+    ],
+  },
+  {
+    title: "Controls Engineer",
+    description: `
+        You'll work on steering, gas, and brake controls for the 300 different cars openpilot supports.
+      `,
+    qualifications: [
+      "Fluent in Python and comfortable working with large datasets",
+      "Strong understanding of controls, robotics, or autonomous systems",
+      "Ability to independently write, test, and ship software to thousands of users",
+    ],
+    howToApply:
+      'Do the <a href="https://github.com/commaai/controls_challenge">controls challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
+  },
+  {
+    title: "Autonomy Engineer",
+    description: `
+        You'll work on infrastructure to train autonomous agents.
+      `,
+    qualifications: [
+      "Fluent in Python and comfortable working with large datasets",
+      "Experience with ML infrastructure, training pipelines, or autonomous agents",
+      "Ability to independently write, test, and ship software to thousands of users",
+    ],
+    howToApply:
+      'Do the <a href="https://github.com/commaai/controls_challenge">controls challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
+  },
+  {
+    title: "Electronics Engineer",
+    description: `
+        Do you know every component in a cell phone?
+        We're hiring an electrical engineer who wants to join the team building the next generation of comma products.
+      `,
+    qualifications: [
+      "Know things about hardware, RF, and PCB design",
+      "Ability to independently design, test and ship hardware",
+      "Fluent in Python, Linux, Git and familiarity with C/C++",
+      "High speed electronics design and designing for manufacturability experience preferred",
+      "Reverse engineering experience is a plus",
+    ],
+  },
+  {
+    title: "Infrastructure Engineer",
+    description: `
+        As an infrastructure engineer, you'll work on our tooling, regression tests, and simulator.
+      `,
+    qualifications: [
+      "Excellent Python and Linux skills, at least a familiarity with C/C++",
+      "Having pull requests upstreamed to openpilot is a plus",
+      "Know things about operating systems, CI, and testing",
+    ],
+  },
+  {
+    title: "CNC Machinist (Head of Prototyping)",
+    description: `
+        We're building <a href="https://sendcutsend.com/">SendCutSend</a> at home. The shop has
+        a Haas VF2, lathe, 3D printers, and a budget for any other tools we'll need to bring
+        prototyping fully in-house.
+        You'll own parts from CAD to finished prototype: CAM, setup, fixturing, machining, inspection, and iteration with the hardware team.
+        You'll build prototypes for all future comma products, from comma four to the <a href="https://x.com/__tinygrad__/status/2040944508402360592">exabox</a>.
+      `,
+    qualifications: [
+      "Experience with CAM, CNC setup, and machining",
+      "Excellent attention to detail",
+      "Resourceful enough to take ambiguous designs from sketch to working prototype",
+      "Haas experience is a plus",
+      "Mechanical engineering and CAD skills are a plus",
+    ],
+    howToApply:
+      'Email <a href="mailto:work@comma.ai">work@comma.ai</a> with examples of cool projects you\'ve built.',
+  },
+  {
+    title: "Office Manager",
+    description: `
+        Looking for someone practical, organized, and calm who can keep comma's daily operations
+        running smoothly. You'll own the day-to-day details that make the office work, from
+        facilities and fleet logistics to purchasing support, employee logistics, events, records,
+        vendors, and one-off operational projects.
+      `,
+    qualifications: [
+      "Experience in operations, business, facilities, or office management",
+      "Excellent organizational skills and attention to detail",
+      "Comfortable with basic finance concepts like expenses, invoices, and budgets",
+      "Strong analytical and problem-solving abilities",
+      "Ability to self-motivate, prioritize, and work independently in a small, fast-moving team",
+      "Preferred: experience with Shopify or similar operational tooling",
+    ],
+    howToApply:
+      'Do the <a href="https://github.com/commaai/operations_challenge">operations challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
+  },
+  {
+    title: "Internships / Co-op",
+    description: `
+        Internships are for people we would like to hire but can't because school. We're looking for
+        engineers who want to work in electrical engineering, hardware, ML, controls, car hacking, manufacturing,
+        and operations. The best way to get an internship with us is to submit good PRs to projects
+        on our <a href="https://github.com/commaai">GitHub</a> or get a top spot on the
+        <a href="/leaderboard">leaderboard</a>. Want to know more about what internships with us
+        are like? Check out
+        <a href="https://vivekaithal.co/posts/summer-at-comma-ai/" target="_blank" rel="noreferrer">this blog post by a former intern (turned employee)</a>.
+      `,
+    qualifications: [],
+    howToApply: `
+        The best way to get an internship with us is to submit good PRs to projects
+        on our <a href="https://github.com/commaai">GitHub</a> or get a top spot on the
+        <a href="/leaderboard">leaderboard</a>.
+      `,
+  },
+];
+
+const jobSlugs = jobs.map((job) =>
+  job.title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "")
+);
+
+// --- open positions: toggle / hash expand ------------------------------------
+const articles = Array.from(document.querySelectorAll('.jobs-list .job-item'));
+const expandedJobIndexes = new Set([0]);
+
+// Same markup Svelte renders for a job panel (SSR'd for index 0 in the build).
+function panelHTML(index) {
+  const job = jobs[index];
+  const quals = job.qualifications.length > 0
+    ? `<div class="job-qualifications svelte-11te7oe">Qualifications</div> <ul class="svelte-11te7oe">${job.qualifications.map((q) => `<li class="svelte-11te7oe">${q}</li>`).join('')} </ul> `
+    : ' ';
+  return `<div class="job-panel svelte-11te7oe" id="job-panel-${index}"><div class="job-description svelte-11te7oe">${job.description}</div> ${quals}<div class="job-how-to-apply svelte-11te7oe"><div class="job-qualifications svelte-11te7oe">How to apply</div> <p class="svelte-11te7oe">${job.howToApply ?? DEFAULT_HOW_TO_APPLY}</p></div> </div>`;
+}
+
+function renderJobs() {
+  articles.forEach((article, index) => {
+    const isExpanded = expandedJobIndexes.has(index);
+    article.classList.toggle('expanded', isExpanded);
+    article.querySelector('.job-toggle').setAttribute('aria-expanded', String(isExpanded));
+    const panel = article.querySelector('.job-panel');
+    if (isExpanded && !panel) {
+      const tpl = document.createElement('template');
+      tpl.innerHTML = panelHTML(index);
+      article.querySelector('.job-header').insertAdjacentElement('afterend', tpl.content.firstElementChild);
+    } else if (!isExpanded && panel) {
+      panel.remove();
+    }
+  });
+}
+
+function toggleJob(index) {
+  if (expandedJobIndexes.has(index)) {
+    expandedJobIndexes.delete(index);
+  } else {
+    expandedJobIndexes.add(index);
+  }
+  renderJobs();
+}
+
+// onMount: expand the job listing matching the URL hash (native anchor scroll
+// already happened — the article ids exist in the static HTML).
+{
+  const hash = decodeURIComponent(window.location.hash.slice(1));
+  const index = jobSlugs.indexOf(hash);
+  if (index !== -1) {
+    expandedJobIndexes.add(index);
+  }
+  renderJobs();
+}
+
+// --- share/copy-link buttons --------------------------------------------------
+const shareButtons = articles.map((article) => article.querySelector('.share-button'));
+let copiedJobIndex = null;
+let copyResetTimeout;
+
+function applyShareState(index) {
+  if (index === null) return;
+  const copied = copiedJobIndex === index;
+  const btn = shareButtons[index];
+  btn.setAttribute('aria-label', copied ? 'Link copied' : `Copy link to ${jobs[index].title}`);
+  btn.innerHTML = copied ? CHECKMARK_ICON : LINK_ICON;
+}
+
+async function copyJobLink(index) {
+  const url = `${window.location.origin}/jobs#${jobSlugs[index]}`;
+  try {
+    await navigator.clipboard.writeText(url);
+  } catch {
+    return;
+  }
+
+  const prev = copiedJobIndex;
+  copiedJobIndex = index;
+  if (prev !== null && prev !== index) applyShareState(prev);
+  applyShareState(index);
+  clearTimeout(copyResetTimeout);
+  copyResetTimeout = setTimeout(() => {
+    const last = copiedJobIndex;
+    copiedJobIndex = null;
+    applyShareState(last);
+  }, 2000);
+}
+
+// --- Email Us tooltip ----------------------------------------------------------
+const applyWraps = articles.map((article) => article.querySelector('.apply-wrap'));
+let emailTooltipIndex = null;
+let emailTooltipText = '';
+let emailTooltipTimeout;
+let tooltipEl = null;
+
+function renderTooltip() {
+  if (emailTooltipIndex === null) {
+    if (tooltipEl) {
+      tooltipEl.remove();
+      tooltipEl = null;
+    }
+    return;
+  }
+  if (!tooltipEl) {
+    tooltipEl = document.createElement('span');
+    tooltipEl.className = 'email-tooltip svelte-11te7oe';
+    tooltipEl.setAttribute('role', 'status');
+  }
+  tooltipEl.textContent = emailTooltipText;
+  const wrap = applyWraps[emailTooltipIndex];
+  if (tooltipEl.parentNode !== wrap) {
+    wrap.insertBefore(tooltipEl, wrap.firstChild);
+  }
+}
+
+async function showApplyEmail(index) {
+  emailTooltipText = 'work@comma.ai';
+  renderTooltip();
+  try {
+    await navigator.clipboard.writeText('work@comma.ai');
+    emailTooltipText = 'Copied work@comma.ai';
+  } catch {
+    // clipboard unavailable; still show the address
+  }
+
+  emailTooltipIndex = index;
+  renderTooltip();
+  clearTimeout(emailTooltipTimeout);
+  emailTooltipTimeout = setTimeout(() => {
+    emailTooltipIndex = null;
+    renderTooltip();
+  }, 2500);
+}
+
+articles.forEach((article, index) => {
+  article.querySelector('.job-toggle').addEventListener('click', () => toggleJob(index));
+  article.querySelector('.share-button').addEventListener('click', () => copyJobLink(index));
+  article.querySelector('.apply-button').addEventListener('click', () => showApplyEmail(index));
+});
+
+// --- quote carousel -------------------------------------------------------------
+const quoteText = document.querySelector('.quote-section blockquote');
+const quoteCaption = document.querySelector('.quote-section figcaption');
+const quoteDots = Array.from(document.querySelectorAll('.quote-dots button'));
+const quoteArrows = Array.from(document.querySelectorAll('.quote-controls .quote-arrow'));
+let activeQuote = 0;
+
+function renderQuote() {
+  const quote = quotes[activeQuote];
+  quoteText.textContent = `"${quote.text}"`;
+  quoteCaption.textContent = `- ${quote.author}, ${quote.team}`;
+  quoteDots.forEach((dot, index) => {
+    dot.classList.toggle('active', index === activeQuote);
+    dot.setAttribute('aria-pressed', String(index === activeQuote));
+  });
+}
+
+quoteArrows[0].addEventListener('click', () => {
+  activeQuote = (activeQuote - 1 + quotes.length) % quotes.length;
+  renderQuote();
+});
+quoteArrows[1].addEventListener('click', () => {
+  activeQuote = (activeQuote + 1) % quotes.length;
+  renderQuote();
+});
+quoteDots.forEach((dot, index) =>
+  dot.addEventListener('click', () => {
+    activeQuote = index;
+    renderQuote();
+  })
+);
+
+// --- FAQ hash sync ----------------------------------------------------------------
+initFaq();
diff --git a/assets/js/pages/openpilot.js b/assets/js/pages/openpilot.js
new file mode 100644
index 00000000..12563e77
--- /dev/null
+++ b/assets/js/pages/openpilot.js
@@ -0,0 +1,8 @@
+import '../main.js';
+import { initFaq } from '../lib/faq.js';
+
+// /openpilot has no page JS beyond the FAQ hash-sync (Faq.svelte + Accordion.svelte):
+// replaceState('#'+id) on every accordion click (expand AND collapse), deep-link
+// expansion from location.hash on load and on hashchange. Accordion open/close
+// itself is pure CSS (hidden checkbox), no JS.
+initFaq();
diff --git a/assets/js/pages/product.js b/assets/js/pages/product.js
new file mode 100644
index 00000000..0e0f42dd
--- /dev/null
+++ b/assets/js/pages/product.js
@@ -0,0 +1,7 @@
+import '../main.js';
+import { initProductPage } from '../lib/product-page.js';
+
+// Generic /shop/<product> page: shell + Product behaviors (runtime Shopify
+// refetch, gallery, variant select, add-to-cart, harness selector on
+// /shop/car-harness). No overrides — those are for comma-four/body/setup.
+initProductPage();
diff --git a/assets/js/pages/setup.js b/assets/js/pages/setup.js
new file mode 100644
index 00000000..628add93
--- /dev/null
+++ b/assets/js/pages/setup.js
@@ -0,0 +1,142 @@
+import '../main.js';
+import { initHarnessSelector } from '../lib/harness-selector.js';
+import { getProduct } from '../lib/shopify.js';
+import { initFaq } from '../lib/faq.js';
+
+/* /setup — src/routes/setup/+page.svelte behaviors:
+   - vehicle picker (HarnessSelector with showGenericHarnesses=false,
+     hideSupportNoteCard=true, restoreSelection=true) whose rows fill once the
+     car-harness product fetch resolves (src/lib/utils/harnesses.js semantics)
+   - onChange reveals the client-only .setup-notes panel (video / notes /
+     checkmark fallback)
+   - FAQ hash deep links (faq.devices accordions) */
+
+// src/lib/utils/harnesses.js line 8
+const CAR_HARNESS_PRODUCT_GID = 'gid://shopify/Product/4447447908415';
+
+// src/lib/icons/ui/checkmark.svg (?raw import)
+const CHECKMARK_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+`;
+
+// +page.svelte lines 42-50, verbatim (console.warn + null on non-YouTube hosts)
+function getVideoEmbedSrc(videoLink) {
+  const url = new URL(videoLink);
+  if (url.hostname !== 'youtu.be' && url.hostname !== 'www.youtube.com') {
+    console.warn('Video not supported', videoLink);
+    return null;
+  }
+  const videoId = url.searchParams.get('v') || url.pathname.slice(1);
+  return `https://www.youtube.com/embed/${videoId}?rel=0&controls=1&autoplay=0&mute=0`;
+}
+
+const dropdown = document.querySelector('.vehicle-notes .dropdown');
+let setupNotesEl = null;
+
+// {#if selectedVehicle} block (+page.svelte lines 136-171), client-rendered
+// exactly like the compiled Svelte fragments (no scope classes — the page CSS
+// reaches it via `.vehicle-notes.svelte-6r52kx .setup-notes ...`).
+function renderSetupNotes(vehicle) {
+  if (setupNotesEl) {
+    setupNotesEl.remove();
+    setupNotesEl = null;
+  }
+  if (!vehicle) return;
+
+  const grid = document.createElement('div');
+  grid.className = 'grid svelte-7tyzqm';
+  grid.classList.toggle('medium', true);
+  for (const [prop, value] of [
+    ['--columns', 2],
+    ['--align-items', 'flex-start'],
+    ['--column-gap', '3rem'],
+    ['--row-gap', '1.5rem'],
+    ['--wrapped-columns', 1],
+    ['--template-columns', '1.25fr 0.75fr'],
+    ['--lg-column-gap', '3rem'],
+    ['--lg-template-columns', '1.25fr 0.75fr'],
+  ]) {
+    grid.style.setProperty(prop, value);
+  }
+
+  if (vehicle.setupVideo) {
+    const block = document.createElement('div');
+    const heading = document.createElement('p');
+    heading.className = 'note-heading';
+    heading.textContent = 'Setup Video:';
+    const media = document.createElement('div');
+    media.className = 'media-container';
+    const iframe = document.createElement('iframe');
+    const src = getVideoEmbedSrc(vehicle.setupVideo);
+    if (src != null) iframe.setAttribute('src', src); // attr() removes when null
+    iframe.setAttribute('frameborder', '0');
+    iframe.setAttribute('allow', 'autoplay; encrypted-media');
+    iframe.setAttribute('title', `${vehicle.car} setup guide`);
+    media.appendChild(iframe);
+    block.append(heading, ' ', media);
+    grid.appendChild(block);
+  }
+  grid.appendChild(document.createTextNode(' '));
+  if (vehicle.setupNotes.length > 0) {
+    const block = document.createElement('div');
+    const heading = document.createElement('p');
+    heading.className = 'note-heading';
+    heading.textContent = 'Setup Notes:';
+    const list = document.createElement('ul');
+    for (const note of vehicle.setupNotes) {
+      const li = document.createElement('li');
+      li.innerHTML = note;
+      list.appendChild(li);
+    }
+    block.append(heading, ' ', list);
+    grid.appendChild(block);
+  }
+  grid.appendChild(document.createTextNode(' '));
+  if (vehicle.setupNotes.length === 0 && !vehicle.setupVideo) {
+    const row = document.createElement('div');
+    row.setAttribute('style', 'display: flex; align-items: center');
+    const icon = document.createElement('div');
+    icon.setAttribute('style', 'display: flex;');
+    icon.innerHTML = CHECKMARK_ICON;
+    const spacer = document.createElement('div');
+    spacer.setAttribute('style', 'margin-right: 0.5rem');
+    const text = document.createElement('p');
+    text.textContent = 'Follow the guide below. There are no specific setup notes for your vehicle.';
+    row.append(icon, ' ', spacer, ' ', text);
+    grid.appendChild(row);
+  }
+
+  setupNotesEl = document.createElement('div');
+  setupNotesEl.className = 'setup-notes';
+  setupNotesEl.appendChild(grid);
+  dropdown.after(setupNotesEl);
+}
+
+const harnessSelector = initHarnessSelector({
+  root: dropdown,
+  onChange: renderSetupNotes, // handleHarnessSelection
+  hideSupportNoteCard: true,
+  restoreSelection: true,
+});
+
+// src/lib/utils/harnesses.js initializeHarnesses(): one Storefront fetch fills
+// the stores, which mounts the dropdown rows and triggers the initial restore
+// (?harness= param, else localStorage.selectedCar). A failed fetch leaves the
+// dropdown empty — same unhandled rejection as the original.
+(async () => {
+  const harnessResponse = await getProduct(CAR_HARNESS_PRODUCT_GID);
+  const harnesses = harnessResponse.body?.data?.product?.variants?.nodes || [];
+  const stockInfo = {};
+  for (const harness of harnesses) {
+    stockInfo[harness.id] = {
+      currentlyNotInStock: harness.currentlyNotInStock,
+      availableForSale: harness.availableForSale,
+    };
+  }
+  harnessSelector.setStock(stockInfo);
+  harnessSelector.setInitialSelection();
+})();
+
+initFaq();
diff --git a/assets/js/pages/shop.js b/assets/js/pages/shop.js
new file mode 100644
index 00000000..84799154
--- /dev/null
+++ b/assets/js/pages/shop.js
@@ -0,0 +1,10 @@
+import '../main.js';
+import { addToCart } from '../lib/cart.js';
+
+// /shop services accordion — "Add to cart" for the Custom car ports
+// $50,000 down payment (src/routes/shop/+page.svelte:182-189). This is the
+// only page-specific event handler on the shop index; adds the variant
+// (qty 1), reloads the cart and opens the drawer (all inside addToCart).
+document
+  .querySelector('#services button')
+  .addEventListener('click', () => addToCart('gid://shopify/ProductVariant/31864934662207'));
diff --git a/assets/js/pages/support.js b/assets/js/pages/support.js
new file mode 100644
index 00000000..09bea2a4
--- /dev/null
+++ b/assets/js/pages/support.js
@@ -0,0 +1,8 @@
+import '../main.js';
+import { initFaq } from '../lib/faq.js';
+
+/* /support — src/routes/support/+page.svelte has no script behaviors of its
+   own (the `page` import is dead code). The only interactivity is the shared
+   Faq hash sync, scoped to `.questions .tab > input` — the top-section
+   accordions (#support) are pure CSS checkbox toggles with no hash behavior. */
+initFaq();
diff --git a/assets/js/pages/vehicles.js b/assets/js/pages/vehicles.js
new file mode 100644
index 00000000..9955a193
--- /dev/null
+++ b/assets/js/pages/vehicles.js
@@ -0,0 +1,10 @@
+import '../main.js';
+import { initFaq } from '../lib/faq.js';
+
+// /vehicles page behaviors. Everything else on the page is CSS-only:
+// - brand icon links are native in-page anchors (#acura ... #škoda),
+// - car-row accordions are checkbox/label toggles with no hash side effects.
+// The only JS the old page ran was the FAQ hash sync (Faq.svelte):
+// deep-link open on load, replaceState('#'+id) on every question click
+// (open AND close), and hash-driven close of the hash-opened question.
+initFaq();
diff --git a/assets/js/vendor/hls.min.js b/assets/js/vendor/hls.min.js
new file mode 100644
index 00000000..162d19cb
--- /dev/null
+++ b/assets/js/vendor/hls.min.js
@@ -0,0 +1,2 @@
+!function e(t){var r,i;r=this,i=function(){"use strict";function r(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,f(i.key),i)}}function i(e,t,i){return t&&r(e.prototype,t),i&&r(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function n(e,t,r){return(t=f(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},a.apply(null,arguments)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(l=function(){return!!e})()}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function c(e){var t="function"==typeof Map?new Map:void 0;return c=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return function(e,t,r){if(l())return Reflect.construct.apply(null,arguments);var i=[null];i.push.apply(i,t);var n=new(e.bind.apply(e,i));return r&&h(n,r.prototype),n}(e,arguments,s(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),h(r,e)},c(e)}function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var v,m,p={exports:{}},y=(v||(v=1,function(e){var t=Object.prototype.hasOwnProperty,r="~";function i(){}function n(e,t,r){this.fn=e,this.context=t,this.once=r||!1}function a(e,t,i,a,s){if("function"!=typeof i)throw new TypeError("The listener must be a function");var o=new n(i,a||e,s),l=r?r+t:t;return e._events[l]?e._events[l].fn?e._events[l]=[e._events[l],o]:e._events[l].push(o):(e._events[l]=o,e._eventsCount++),e}function s(e,t){0==--e._eventsCount?e._events=new i:delete e._events[t]}function o(){this._events=new i,this._eventsCount=0}Object.create&&(i.prototype=Object.create(null),(new i).__proto__||(r=!1)),o.prototype.eventNames=function(){var e,i,n=[];if(0===this._eventsCount)return n;for(i in e=this._events)t.call(e,i)&&n.push(r?i.slice(1):i);return Object.getOwnPropertySymbols?n.concat(Object.getOwnPropertySymbols(e)):n},o.prototype.listeners=function(e){var t=r?r+e:e,i=this._events[t];if(!i)return[];if(i.fn)return[i.fn];for(var n=0,a=i.length,s=new Array(a);n<a;n++)s[n]=i[n].fn;return s},o.prototype.listenerCount=function(e){var t=r?r+e:e,i=this._events[t];return i?i.fn?1:i.length:0},o.prototype.emit=function(e,t,i,n,a,s){var o=r?r+e:e;if(!this._events[o])return!1;var l,u,d=this._events[o],h=arguments.length;if(d.fn){switch(d.once&&this.removeListener(e,d.fn,void 0,!0),h){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,t),!0;case 3:return d.fn.call(d.context,t,i),!0;case 4:return d.fn.call(d.context,t,i,n),!0;case 5:return d.fn.call(d.context,t,i,n,a),!0;case 6:return d.fn.call(d.context,t,i,n,a,s),!0}for(u=1,l=new Array(h-1);u<h;u++)l[u-1]=arguments[u];d.fn.apply(d.context,l)}else{var f,c=d.length;for(u=0;u<c;u++)switch(d[u].once&&this.removeListener(e,d[u].fn,void 0,!0),h){case 1:d[u].fn.call(d[u].context);break;case 2:d[u].fn.call(d[u].context,t);break;case 3:d[u].fn.call(d[u].context,t,i);break;case 4:d[u].fn.call(d[u].context,t,i,n);break;default:if(!l)for(f=1,l=new Array(h-1);f<h;f++)l[f-1]=arguments[f];d[u].fn.apply(d[u].context,l)}}return!0},o.prototype.on=function(e,t,r){return a(this,e,t,r,!1)},o.prototype.once=function(e,t,r){return a(this,e,t,r,!0)},o.prototype.removeListener=function(e,t,i,n){var a=r?r+e:e;if(!this._events[a])return this;if(!t)return s(this,a),this;var o=this._events[a];if(o.fn)o.fn!==t||n&&!o.once||i&&o.context!==i||s(this,a);else{for(var l=0,u=[],d=o.length;l<d;l++)(o[l].fn!==t||n&&!o[l].once||i&&o[l].context!==i)&&u.push(o[l]);u.length?this._events[a]=1===u.length?u[0]:u:s(this,a)}return this},o.prototype.removeAllListeners=function(e){var t;return e?(t=r?r+e:e,this._events[t]&&s(this,t)):(this._events=new i,this._eventsCount=0),this},o.prototype.off=o.prototype.removeListener,o.prototype.addListener=o.prototype.on,o.prefixed=r,o.EventEmitter=o,e.exports=o}(p)),p.exports),E=g(y),T={exports:{}},S=(m||(m=1,function(e,t){var r,i,n,a,s;r=/^(?=((?:[a-zA-Z0-9+\-.]+:)?))\1(?=((?:\/\/[^\/?#]*)?))\2(?=((?:(?:[^?#\/]*\/)*[^;?#\/]*)?))\3((?:;[^?#]*)?)(\?[^#]*)?(#[^]*)?$/,i=/^(?=([^\/?#]*))\1([^]*)$/,n=/(?:\/|^)\.(?=\/)/g,a=/(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g,s={buildAbsoluteURL:function(e,t,r){if(r=r||{},e=e.trim(),!(t=t.trim())){if(!r.alwaysNormalize)return e;var n=s.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=s.normalizePath(n.path),s.buildURLFromParts(n)}var a=s.parseURL(t);if(!a)throw new Error("Error trying to parse relative URL.");if(a.scheme)return r.alwaysNormalize?(a.path=s.normalizePath(a.path),s.buildURLFromParts(a)):t;var o=s.parseURL(e);if(!o)throw new Error("Error trying to parse base URL.");if(!o.netLoc&&o.path&&"/"!==o.path[0]){var l=i.exec(o.path);o.netLoc=l[1],o.path=l[2]}o.netLoc&&!o.path&&(o.path="/");var u={scheme:o.scheme,netLoc:a.netLoc,path:null,params:a.params,query:a.query,fragment:a.fragment};if(!a.netLoc&&(u.netLoc=o.netLoc,"/"!==a.path[0]))if(a.path){var d=o.path,h=d.substring(0,d.lastIndexOf("/")+1)+a.path;u.path=s.normalizePath(h)}else u.path=o.path,a.params||(u.params=o.params,a.query||(u.query=o.query));return null===u.path&&(u.path=r.alwaysNormalize?s.normalizePath(a.path):a.path),s.buildURLFromParts(u)},parseURL:function(e){var t=r.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(a,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=s}(T)),T.exports),A=Number.isFinite||function(e){return"number"==typeof e&&isFinite(e)},L=Number.isSafeInteger||function(e){return"number"==typeof e&&Math.abs(e)<=I},I=Number.MAX_SAFE_INTEGER||9007199254740991,R=function(e){return e.NETWORK_ERROR="networkError",e.MEDIA_ERROR="mediaError",e.KEY_SYSTEM_ERROR="keySystemError",e.MUX_ERROR="muxError",e.OTHER_ERROR="otherError",e}({}),k=function(e){return e.KEY_SYSTEM_NO_KEYS="keySystemNoKeys",e.KEY_SYSTEM_NO_ACCESS="keySystemNoAccess",e.KEY_SYSTEM_NO_SESSION="keySystemNoSession",e.KEY_SYSTEM_NO_CONFIGURED_LICENSE="keySystemNoConfiguredLicense",e.KEY_SYSTEM_LICENSE_REQUEST_FAILED="keySystemLicenseRequestFailed",e.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED="keySystemServerCertificateRequestFailed",e.KEY_SYSTEM_SERVER_CERTIFICATE_UPDATE_FAILED="keySystemServerCertificateUpdateFailed",e.KEY_SYSTEM_SESSION_UPDATE_FAILED="keySystemSessionUpdateFailed",e.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED="keySystemStatusOutputRestricted",e.KEY_SYSTEM_STATUS_INTERNAL_ERROR="keySystemStatusInternalError",e.KEY_SYSTEM_DESTROY_MEDIA_KEYS_ERROR="keySystemDestroyMediaKeysError",e.KEY_SYSTEM_DESTROY_CLOSE_SESSION_ERROR="keySystemDestroyCloseSessionError",e.KEY_SYSTEM_DESTROY_REMOVE_SESSION_ERROR="keySystemDestroyRemoveSessionError",e.MANIFEST_LOAD_ERROR="manifestLoadError",e.MANIFEST_LOAD_TIMEOUT="manifestLoadTimeOut",e.MANIFEST_PARSING_ERROR="manifestParsingError",e.MANIFEST_INCOMPATIBLE_CODECS_ERROR="manifestIncompatibleCodecsError",e.LEVEL_EMPTY_ERROR="levelEmptyError",e.LEVEL_LOAD_ERROR="levelLoadError",e.LEVEL_LOAD_TIMEOUT="levelLoadTimeOut",e.LEVEL_PARSING_ERROR="levelParsingError",e.LEVEL_SWITCH_ERROR="levelSwitchError",e.AUDIO_TRACK_LOAD_ERROR="audioTrackLoadError",e.AUDIO_TRACK_LOAD_TIMEOUT="audioTrackLoadTimeOut",e.SUBTITLE_LOAD_ERROR="subtitleTrackLoadError",e.SUBTITLE_TRACK_LOAD_TIMEOUT="subtitleTrackLoadTimeOut",e.FRAG_LOAD_ERROR="fragLoadError",e.FRAG_LOAD_TIMEOUT="fragLoadTimeOut",e.FRAG_DECRYPT_ERROR="fragDecryptError",e.FRAG_PARSING_ERROR="fragParsingError",e.FRAG_GAP="fragGap",e.REMUX_ALLOC_ERROR="remuxAllocError",e.KEY_LOAD_ERROR="keyLoadError",e.KEY_LOAD_TIMEOUT="keyLoadTimeOut",e.BUFFER_ADD_CODEC_ERROR="bufferAddCodecError",e.BUFFER_INCOMPATIBLE_CODECS_ERROR="bufferIncompatibleCodecsError",e.BUFFER_APPEND_ERROR="bufferAppendError",e.BUFFER_APPENDING_ERROR="bufferAppendingError",e.BUFFER_STALLED_ERROR="bufferStalledError",e.BUFFER_FULL_ERROR="bufferFullError",e.BUFFER_SEEK_OVER_HOLE="bufferSeekOverHole",e.BUFFER_NUDGE_ON_STALL="bufferNudgeOnStall",e.ASSET_LIST_LOAD_ERROR="assetListLoadError",e.ASSET_LIST_LOAD_TIMEOUT="assetListLoadTimeout",e.ASSET_LIST_PARSING_ERROR="assetListParsingError",e.INTERSTITIAL_ASSET_ITEM_ERROR="interstitialAssetItemError",e.INTERNAL_EXCEPTION="internalException",e.INTERNAL_ABORTED="aborted",e.ATTACH_MEDIA_ERROR="attachMediaError",e.UNKNOWN="unknown",e}({}),b=function(e){return e.MEDIA_ATTACHING="hlsMediaAttaching",e.MEDIA_ATTACHED="hlsMediaAttached",e.MEDIA_DETACHING="hlsMediaDetaching",e.MEDIA_DETACHED="hlsMediaDetached",e.MEDIA_ENDED="hlsMediaEnded",e.STALL_RESOLVED="hlsStallResolved",e.BUFFER_RESET="hlsBufferReset",e.BUFFER_CODECS="hlsBufferCodecs",e.BUFFER_CREATED="hlsBufferCreated",e.BUFFER_APPENDING="hlsBufferAppending",e.BUFFER_APPENDED="hlsBufferAppended",e.BUFFER_EOS="hlsBufferEos",e.BUFFERED_TO_END="hlsBufferedToEnd",e.BUFFER_FLUSHING="hlsBufferFlushing",e.BUFFER_FLUSHED="hlsBufferFlushed",e.MANIFEST_LOADING="hlsManifestLoading",e.MANIFEST_LOADED="hlsManifestLoaded",e.MANIFEST_PARSED="hlsManifestParsed",e.LEVEL_SWITCHING="hlsLevelSwitching",e.LEVEL_SWITCHED="hlsLevelSwitched",e.LEVEL_LOADING="hlsLevelLoading",e.LEVEL_LOADED="hlsLevelLoaded",e.LEVEL_UPDATED="hlsLevelUpdated",e.LEVEL_PTS_UPDATED="hlsLevelPtsUpdated",e.LEVELS_UPDATED="hlsLevelsUpdated",e.AUDIO_TRACKS_UPDATED="hlsAudioTracksUpdated",e.AUDIO_TRACK_SWITCHING="hlsAudioTrackSwitching",e.AUDIO_TRACK_SWITCHED="hlsAudioTrackSwitched",e.AUDIO_TRACK_LOADING="hlsAudioTrackLoading",e.AUDIO_TRACK_LOADED="hlsAudioTrackLoaded",e.AUDIO_TRACK_UPDATED="hlsAudioTrackUpdated",e.SUBTITLE_TRACKS_UPDATED="hlsSubtitleTracksUpdated",e.SUBTITLE_TRACKS_CLEARED="hlsSubtitleTracksCleared",e.SUBTITLE_TRACK_SWITCH="hlsSubtitleTrackSwitch",e.SUBTITLE_TRACK_LOADING="hlsSubtitleTrackLoading",e.SUBTITLE_TRACK_LOADED="hlsSubtitleTrackLoaded",e.SUBTITLE_TRACK_UPDATED="hlsSubtitleTrackUpdated",e.SUBTITLE_FRAG_PROCESSED="hlsSubtitleFragProcessed",e.CUES_PARSED="hlsCuesParsed",e.NON_NATIVE_TEXT_TRACKS_FOUND="hlsNonNativeTextTracksFound",e.INIT_PTS_FOUND="hlsInitPtsFound",e.FRAG_LOADING="hlsFragLoading",e.FRAG_LOAD_EMERGENCY_ABORTED="hlsFragLoadEmergencyAborted",e.FRAG_LOADED="hlsFragLoaded",e.FRAG_DECRYPTED="hlsFragDecrypted",e.FRAG_PARSING_INIT_SEGMENT="hlsFragParsingInitSegment",e.FRAG_PARSING_USERDATA="hlsFragParsingUserdata",e.FRAG_PARSING_METADATA="hlsFragParsingMetadata",e.FRAG_PARSED="hlsFragParsed",e.FRAG_BUFFERED="hlsFragBuffered",e.FRAG_CHANGED="hlsFragChanged",e.FPS_DROP="hlsFpsDrop",e.FPS_DROP_LEVEL_CAPPING="hlsFpsDropLevelCapping",e.MAX_AUTO_LEVEL_UPDATED="hlsMaxAutoLevelUpdated",e.ERROR="hlsError",e.DESTROYING="hlsDestroying",e.KEY_LOADING="hlsKeyLoading",e.KEY_LOADED="hlsKeyLoaded",e.LIVE_BACK_BUFFER_REACHED="hlsLiveBackBufferReached",e.BACK_BUFFER_REACHED="hlsBackBufferReached",e.STEERING_MANIFEST_LOADED="hlsSteeringManifestLoaded",e.ASSET_LIST_LOADING="hlsAssetListLoading",e.ASSET_LIST_LOADED="hlsAssetListLoaded",e.INTERSTITIALS_UPDATED="hlsInterstitialsUpdated",e.INTERSTITIALS_BUFFERED_TO_BOUNDARY="hlsInterstitialsBufferedToBoundary",e.INTERSTITIAL_ASSET_PLAYER_CREATED="hlsInterstitialAssetPlayerCreated",e.INTERSTITIAL_STARTED="hlsInterstitialStarted",e.INTERSTITIAL_ASSET_STARTED="hlsInterstitialAssetStarted",e.INTERSTITIAL_ASSET_ENDED="hlsInterstitialAssetEnded",e.INTERSTITIAL_ASSET_ERROR="hlsInterstitialAssetError",e.INTERSTITIAL_ENDED="hlsInterstitialEnded",e.INTERSTITIALS_PRIMARY_RESUMED="hlsInterstitialsPrimaryResumed",e.PLAYOUT_LIMIT_REACHED="hlsPlayoutLimitReached",e.EVENT_CUE_ENTER="hlsEventCueEnter",e}({}),D="manifest",_="level",P="audioTrack",C="subtitleTrack",w="main",O="audio",x="subtitle",M=function(){function e(e,t,r){void 0===t&&(t=0),void 0===r&&(r=0),this.halfLife=void 0,this.alpha_=void 0,this.estimate_=void 0,this.totalWeight_=void 0,this.halfLife=e,this.alpha_=e?Math.exp(Math.log(.5)/e):0,this.estimate_=t,this.totalWeight_=r}var t=e.prototype;return t.sample=function(e,t){var r=Math.pow(this.alpha_,e);this.estimate_=t*(1-r)+r*this.estimate_,this.totalWeight_+=e},t.getTotalWeight=function(){return this.totalWeight_},t.getEstimate=function(){if(this.alpha_){var e=1-Math.pow(this.alpha_,this.totalWeight_);if(e)return this.estimate_/e}return this.estimate_},e}(),F=function(){function e(e,t,r,i){void 0===i&&(i=100),this.defaultEstimate_=void 0,this.minWeight_=void 0,this.minDelayMs_=void 0,this.slow_=void 0,this.fast_=void 0,this.defaultTTFB_=void 0,this.ttfb_=void 0,this.defaultEstimate_=r,this.minWeight_=.001,this.minDelayMs_=50,this.slow_=new M(e),this.fast_=new M(t),this.defaultTTFB_=i,this.ttfb_=new M(e)}var t=e.prototype;return t.update=function(e,t){var r=this.slow_,i=this.fast_,n=this.ttfb_;r.halfLife!==e&&(this.slow_=new M(e,r.getEstimate(),r.getTotalWeight())),i.halfLife!==t&&(this.fast_=new M(t,i.getEstimate(),i.getTotalWeight())),n.halfLife!==e&&(this.ttfb_=new M(e,n.getEstimate(),n.getTotalWeight()))},t.sample=function(e,t){var r=(e=Math.max(e,this.minDelayMs_))/1e3,i=8*t/r;this.fast_.sample(r,i),this.slow_.sample(r,i)},t.sampleTTFB=function(e){var t=e/1e3,r=Math.sqrt(2)*Math.exp(-Math.pow(t,2)/2);this.ttfb_.sample(r,Math.max(e,5))},t.canEstimate=function(){return this.fast_.getTotalWeight()>=this.minWeight_},t.getEstimate=function(){return this.canEstimate()?Math.min(this.fast_.getEstimate(),this.slow_.getEstimate()):this.defaultEstimate_},t.getEstimateTTFB=function(){return this.ttfb_.getTotalWeight()>=this.minWeight_?this.ttfb_.getEstimate():this.defaultTTFB_},t.destroy=function(){},i(e,[{key:"defaultEstimate",get:function(){return this.defaultEstimate_}}])}(),N=function(e,t){this.trace=void 0,this.debug=void 0,this.log=void 0,this.warn=void 0,this.info=void 0,this.error=void 0;var r="["+e+"]:";this.trace=U,this.debug=t.debug.bind(null,r),this.log=t.log.bind(null,r),this.warn=t.warn.bind(null,r),this.info=t.info.bind(null,r),this.error=t.error.bind(null,r)},U=function(){},B={trace:U,debug:U,log:U,warn:U,info:U,error:U};function G(){return a({},B)}function K(e,t,r){return t[e]?t[e].bind(t):function(e,t){var r=self.console[e];return r?r.bind(self.console,(t?"["+t+"] ":"")+"["+e+"] >"):U}(e,r)}var V=G();function H(e,t,r){var i=G();if("object"==typeof console&&!0===e||"object"==typeof e){var n=["debug","log","info","warn","error"];n.forEach((function(t){i[t]=K(t,e,r)}));try{i.log('Debug logs enabled for "'+t+'" in hls.js version 1.6.14')}catch(e){return G()}n.forEach((function(t){V[t]=K(t,e)}))}else a(V,i);return i}var Y=V;function W(e){if(void 0===e&&(e=!0),"undefined"!=typeof self)return(e||!self.MediaSource)&&self.ManagedMediaSource||self.MediaSource||self.WebKitMediaSource}function j(e,t){var r=Object.keys(e),i=Object.keys(t),n=r.length,a=i.length;return!n||!a||n===a&&!r.some((function(e){return-1===i.indexOf(e)}))}function q(e,t){if(void 0===t&&(t=!1),"undefined"!=typeof TextDecoder){var r=new TextDecoder("utf-8").decode(e);if(t){var i=r.indexOf("\0");return-1!==i?r.substring(0,i):r}return r.replace(/\0/g,"")}for(var n,a,s,o=e.length,l="",u=0;u<o;){if(0===(n=e[u++])&&t)return l;if(0!==n&&3!==n)switch(n>>4){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:l+=String.fromCharCode(n);break;case 12:case 13:a=e[u++],l+=String.fromCharCode((31&n)<<6|63&a);break;case 14:a=e[u++],s=e[u++],l+=String.fromCharCode((15&n)<<12|(63&a)<<6|(63&s)<<0)}}return l}function X(e){for(var t="",r=0;r<e.length;r++){var i=e[r].toString(16);i.length<2&&(i="0"+i),t+=i}return t}function Q(e){return Uint8Array.from(e.replace(/^0x/,"").replace(/([\da-fA-F]{2}) ?/g,"0x$1 ").replace(/ +$/,"").split(" ")).buffer}var z=function(){this.aborted=!1,this.loaded=0,this.retry=0,this.total=0,this.chunkCount=0,this.bwEstimate=0,this.loading={start:0,first:0,end:0},this.parsing={start:0,end:0},this.buffering={start:0,first:0,end:0}},$="audio",Z="video",J="audiovideo",ee=function(){function e(e){var t,r,i;this._byteRange=null,this._url=null,this._stats=null,this._streams=null,this.base=void 0,this.relurl=void 0,"string"==typeof e&&(e={url:e}),this.base=e,(i=ne(t=this,r="stats"))&&(i.enumerable=!0,Object.defineProperty(t,r,i))}var t=e.prototype;return t.setByteRange=function(e,t){var r,i=e.split("@",2);r=1===i.length?(null==t?void 0:t.byteRangeEndOffset)||0:parseInt(i[1]),this._byteRange=[r,parseInt(i[0])+r]},t.clearElementaryStreamInfo=function(){var e=this.elementaryStreams;e[$]=null,e[Z]=null,e[J]=null},i(e,[{key:"baseurl",get:function(){return this.base.url}},{key:"byteRange",get:function(){return null===this._byteRange?[]:this._byteRange}},{key:"byteRangeStartOffset",get:function(){return this.byteRange[0]}},{key:"byteRangeEndOffset",get:function(){return this.byteRange[1]}},{key:"elementaryStreams",get:function(){var e;return null===this._streams&&(this._streams=((e={})[$]=null,e[Z]=null,e[J]=null,e)),this._streams},set:function(e){this._streams=e}},{key:"hasStats",get:function(){return null!==this._stats}},{key:"hasStreams",get:function(){return null!==this._streams}},{key:"stats",get:function(){return null===this._stats&&(this._stats=new z),this._stats},set:function(e){this._stats=e}},{key:"url",get:function(){return!this._url&&this.baseurl&&this.relurl&&(this._url=S.buildAbsoluteURL(this.baseurl,this.relurl,{alwaysNormalize:!0})),this._url||""},set:function(e){this._url=e}}])}();function te(e){return"initSegment"!==e.sn}var re=function(e){function t(t,r){var i;return(i=e.call(this,r)||this)._decryptdata=null,i._programDateTime=null,i._ref=null,i._bitrate=void 0,i.rawProgramDateTime=null,i.tagList=[],i.duration=0,i.sn=0,i.levelkeys=void 0,i.type=void 0,i.loader=null,i.keyLoader=null,i.level=-1,i.cc=0,i.startPTS=void 0,i.endPTS=void 0,i.startDTS=void 0,i.endDTS=void 0,i.start=0,i.playlistOffset=0,i.deltaPTS=void 0,i.maxStartPTS=void 0,i.minEndPTS=void 0,i.data=void 0,i.bitrateTest=!1,i.title=null,i.initSegment=null,i.endList=void 0,i.gap=void 0,i.urlId=0,i.type=t,i}o(t,e);var r=t.prototype;return r.addStart=function(e){this.setStart(this.start+e)},r.setStart=function(e){this.start=e,this._ref&&(this._ref.start=e)},r.setDuration=function(e){this.duration=e,this._ref&&(this._ref.duration=e)},r.setKeyFormat=function(e){var t=this.levelkeys;if(t){var r,i=t[e];!i||null!=(r=this._decryptdata)&&r.keyId||(this._decryptdata=i.getDecryptData(this.sn,t))}},r.abortRequests=function(){var e,t;null==(e=this.loader)||e.abort(),null==(t=this.keyLoader)||t.abort()},r.setElementaryStreamInfo=function(e,t,r,i,n,a){void 0===a&&(a=!1);var s=this.elementaryStreams,o=s[e];o?(o.startPTS=Math.min(o.startPTS,t),o.endPTS=Math.max(o.endPTS,r),o.startDTS=Math.min(o.startDTS,i),o.endDTS=Math.max(o.endDTS,n)):s[e]={startPTS:t,endPTS:r,startDTS:i,endDTS:n,partial:a}},i(t,[{key:"byteLength",get:function(){if(this.hasStats){var e=this.stats.total;if(e)return e}if(this.byteRange.length){var t=this.byteRange[0],r=this.byteRange[1];if(A(t)&&A(r))return r-t}return null}},{key:"bitrate",get:function(){return this.byteLength?8*this.byteLength/this.duration:this._bitrate?this._bitrate:null},set:function(e){this._bitrate=e}},{key:"decryptdata",get:function(){var e,t=this.levelkeys;if(!t||t.NONE)return null;if(t.identity)this._decryptdata||(this._decryptdata=t.identity.getDecryptData(this.sn));else if(null==(e=this._decryptdata)||!e.keyId){var r=Object.keys(t);if(1===r.length){var i=this._decryptdata=t[r[0]]||null;i&&(this._decryptdata=i.getDecryptData(this.sn,t))}}return this._decryptdata}},{key:"end",get:function(){return this.start+this.duration}},{key:"endProgramDateTime",get:function(){if(null===this.programDateTime)return null;var e=A(this.duration)?this.duration:0;return this.programDateTime+1e3*e}},{key:"encrypted",get:function(){var e;if(null!=(e=this._decryptdata)&&e.encrypted)return!0;if(this.levelkeys){var t,r=Object.keys(this.levelkeys),i=r.length;if(i>1||1===i&&null!=(t=this.levelkeys[r[0]])&&t.encrypted)return!0}return!1}},{key:"programDateTime",get:function(){return null===this._programDateTime&&this.rawProgramDateTime&&(this.programDateTime=Date.parse(this.rawProgramDateTime)),this._programDateTime},set:function(e){A(e)?this._programDateTime=e:this._programDateTime=this.rawProgramDateTime=null}},{key:"ref",get:function(){return te(this)?(this._ref||(this._ref={base:this.base,start:this.start,duration:this.duration,sn:this.sn,programDateTime:this.programDateTime}),this._ref):null}}])}(ee),ie=function(e){function t(t,r,i,n,a){var s;(s=e.call(this,i)||this).fragOffset=0,s.duration=0,s.gap=!1,s.independent=!1,s.relurl=void 0,s.fragment=void 0,s.index=void 0,s.duration=t.decimalFloatingPoint("DURATION"),s.gap=t.bool("GAP"),s.independent=t.bool("INDEPENDENT"),s.relurl=t.enumeratedString("URI"),s.fragment=r,s.index=n;var o=t.enumeratedString("BYTERANGE");return o&&s.setByteRange(o,a),a&&(s.fragOffset=a.fragOffset+a.duration),s}return o(t,e),i(t,[{key:"start",get:function(){return this.fragment.start+this.fragOffset}},{key:"end",get:function(){return this.start+this.duration}},{key:"loaded",get:function(){var e=this.elementaryStreams;return!!(e.audio||e.video||e.audiovideo)}}])}(ee);function ne(e,t){var r=Object.getPrototypeOf(e);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i||ne(r,t)}}var ae=Math.pow(2,32)-1,se=[].push,oe={video:1,audio:2,id3:3,text:4};function le(e){return String.fromCharCode.apply(null,e)}function ue(e,t){var r=e[t]<<8|e[t+1];return r<0?65536+r:r}function de(e,t){var r=fe(e,t);return r<0?4294967296+r:r}function he(e,t){var r=de(e,t);return r*=Math.pow(2,32),r+=de(e,t+4)}function fe(e,t){return e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3]}function ce(e,t){var r=[];if(!t.length)return r;for(var i=e.byteLength,n=0;n<i;){var a=de(e,n),s=a>1?n+a:i;if(le(e.subarray(n+4,n+8))===t[0])if(1===t.length)r.push(e.subarray(n+8,s));else{var o=ce(e.subarray(n+8,s),t.slice(1));o.length&&se.apply(r,o)}n=s}return r}function ge(e){var t=[],r=e[0],i=8,n=de(e,i);i+=4;var a=0,s=0;0===r?(a=de(e,i),s=de(e,i+4),i+=8):(a=he(e,i),s=he(e,i+8),i+=16),i+=2;var o=e.length+s,l=ue(e,i);i+=2;for(var u=0;u<l;u++){var d=i,h=de(e,d);d+=4;var f=2147483647&h;if(1==(2147483648&h)>>>31)return Y.warn("SIDX has hierarchical references (not supported)"),null;var c=de(e,d);d+=4,t.push({referenceSize:f,subsegmentDuration:c,info:{duration:c/n,start:o,end:o+f-1}}),o+=f,i=d+=4}return{earliestPresentationTime:a,timescale:n,version:r,referencesCount:l,references:t}}function ve(e){for(var t=[],r=ce(e,["moov","trak"]),i=0;i<r.length;i++){var n=r[i],a=ce(n,["tkhd"])[0];if(a){var s=a[0],o=de(a,0===s?12:20),l=ce(n,["mdia","mdhd"])[0];if(l){var u=de(l,0===(s=l[0])?12:20),h=ce(n,["mdia","hdlr"])[0];if(h){var f=le(h.subarray(8,12)),c={soun:$,vide:Z}[f],g=me(ce(n,["mdia","minf","stbl","stsd"])[0]);c?(t[o]={timescale:u,type:c,stsd:g},t[c]=d({timescale:u,id:o},g)):t[o]={timescale:u,type:f,stsd:g}}}}}return ce(e,["moov","mvex","trex"]).forEach((function(e){var r=de(e,4),i=t[r];i&&(i.default={duration:de(e,12),flags:de(e,20)})})),t}function me(e){var t,r=e.subarray(8),i=r.subarray(86),n=le(r.subarray(4,8)),a=n,s="enca"===n||"encv"===n;if(s){var o=ce(r,[n])[0];ce(o.subarray("enca"===n?28:78),["sinf"]).forEach((function(e){var t=ce(e,["schm"])[0];if(t){var r=le(t.subarray(4,8));if("cbcs"===r||"cenc"===r){var i=ce(e,["frma"])[0];i&&(a=le(i))}}}))}var l=a;switch(a){case"avc1":case"avc2":case"avc3":case"avc4":var u=ce(i,["avcC"])[0];u&&u.length>3&&(a+="."+Ee(u[1])+Ee(u[2])+Ee(u[3]),t=pe("avc1"===l?"dva1":"dvav",i));break;case"mp4a":var d=ce(r,[n])[0],h=ce(d.subarray(28),["esds"])[0];if(h&&h.length>7){var f=4;if(3!==h[f++])break;f=ye(h,f),f+=2;var c=h[f++];if(128&c&&(f+=2),64&c&&(f+=h[f++]),4!==h[f++])break;f=ye(h,f);var g=h[f++];if(64!==g)break;if(a+="."+Ee(g),f+=12,5!==h[f++])break;f=ye(h,f);var v=h[f++],m=(248&v)>>3;31===m&&(m+=1+((7&v)<<3)+((224&h[f])>>5)),a+="."+m}break;case"hvc1":case"hev1":var p=ce(i,["hvcC"])[0];if(p&&p.length>12){var y=p[1],E=["","A","B","C"][y>>6],T=31&y,S=de(p,2),A=(32&y)>>5?"H":"L",L=p[12],I=p.subarray(6,12);a+="."+E+T,a+="."+function(e){for(var t=0,r=0;r<32;r++)t|=(e>>r&1)<<31-r;return t>>>0}(S).toString(16).toUpperCase(),a+="."+A+L;for(var R="",k=I.length;k--;){var b=I[k];(b||R)&&(R="."+b.toString(16).toUpperCase()+R)}a+=R}t=pe("hev1"==l?"dvhe":"dvh1",i);break;case"dvh1":case"dvhe":case"dvav":case"dva1":case"dav1":a=pe(a,i)||a;break;case"vp09":var D=ce(i,["vpcC"])[0];if(D&&D.length>6){var _=D[4],P=D[5],C=D[6]>>4&15;a+="."+Te(_)+"."+Te(P)+"."+Te(C)}break;case"av01":var w=ce(i,["av1C"])[0];if(w&&w.length>2){var O=w[1]>>>5,x=31&w[1],M=w[2]>>>7?"H":"M",F=(64&w[2])>>6,N=(32&w[2])>>5,U=2===O&&F?N?12:10:F?10:8,B=(16&w[2])>>4,G=(8&w[2])>>3,K=(4&w[2])>>2,V=3&w[2];a+="."+O+"."+Te(x)+M+"."+Te(U)+"."+B+"."+G+K+V+"."+Te(1)+"."+Te(1)+"."+Te(1)+".0",t=pe("dav1",i)}}return{codec:a,encrypted:s,supplemental:t}}function pe(e,t){var r=ce(t,["dvvC"]),i=r.length?r[0]:ce(t,["dvcC"])[0];if(i){var n=i[2]>>1&127,a=i[2]<<5&32|i[3]>>3&31;return e+"."+Te(n)+"."+Te(a)}}function ye(e,t){for(var r=t+5;128&e[t++]&&t<r;);return t}function Ee(e){return("0"+e.toString(16).toUpperCase()).slice(-2)}function Te(e){return(e<10?"0":"")+e}function Se(e,t){ce(e,["moov","trak"]).forEach((function(e){var r=ce(e,["mdia","minf","stbl","stsd"])[0];if(r){var i=r.subarray(8),n=ce(i,["enca"]),a=n.length>0;a||(n=ce(i,["encv"])),n.forEach((function(e){ce(a?e.subarray(28):e.subarray(78),["sinf"]).forEach((function(e){var r=Ae(e);r&&t(r,a)}))}))}}))}function Ae(e){var t=ce(e,["schm"])[0];if(t){var r=le(t.subarray(4,8));if("cbcs"===r||"cenc"===r){var i=ce(e,["schi","tenc"])[0];if(i)return i}}}function Le(e,t){var r=new Uint8Array(e.length+t.length);return r.set(e),r.set(t,e.length),r}function Ie(e,t){var r=[],i=t.samples,n=t.timescale,a=t.id,s=!1;return ce(i,["moof"]).map((function(o){var l=o.byteOffset-8;ce(o,["traf"]).map((function(o){var u=ce(o,["tfdt"]).map((function(e){var t=e[0],r=de(e,4);return 1===t&&(r*=Math.pow(2,32),r+=de(e,8)),r/n}))[0];return void 0!==u&&(e=u),ce(o,["tfhd"]).map((function(u){var d=de(u,4),h=16777215&de(u,0),f=0,c=0!=(16&h),g=0,v=0!=(32&h),m=8;d===a&&(0!=(1&h)&&(m+=8),0!=(2&h)&&(m+=4),0!=(8&h)&&(f=de(u,m),m+=4),c&&(g=de(u,m),m+=4),v&&(m+=4),"video"===t.type&&(s=Re(t.codec)),ce(o,["trun"]).map((function(a){var o=a[0],u=16777215&de(a,0),d=0!=(1&u),h=0,c=0!=(4&u),v=0!=(256&u),m=0,p=0!=(512&u),y=0,E=0!=(1024&u),T=0!=(2048&u),S=0,A=de(a,4),L=8;d&&(h=de(a,L),L+=4),c&&(L+=4);for(var I=h+l,R=0;R<A;R++){if(v?(m=de(a,L),L+=4):m=f,p?(y=de(a,L),L+=4):y=g,E&&(L+=4),T&&(S=0===o?de(a,L):fe(a,L),L+=4),t.type===Z)for(var k=0;k<y;){var b=de(i,I);ke(s,i[I+=4])&&be(i.subarray(I,I+b),s?2:1,e+S/n,r),I+=b,k+=b+4}e+=m/n}})))}))}))})),r}function Re(e){if(!e)return!1;var t=e.substring(0,4);return"hvc1"===t||"hev1"===t||"dvh1"===t||"dvhe"===t}function ke(e,t){if(e){var r=t>>1&63;return 39===r||40===r}return 6==(31&t)}function be(e,t,r,i){var n=De(e),a=0;a+=t;for(var s=0,o=0,l=0;a<n.length;){s=0;do{if(a>=n.length)break;s+=l=n[a++]}while(255===l);o=0;do{if(a>=n.length)break;o+=l=n[a++]}while(255===l);var u=n.length-a,d=a;if(o<u)a+=o;else if(o>u){Y.error("Malformed SEI payload. "+o+" is too small, only "+u+" bytes left to parse.");break}if(4===s){if(181===n[d++]){var h=ue(n,d);if(d+=2,49===h){var f=de(n,d);if(d+=4,1195456820===f){var c=n[d++];if(3===c){var g=n[d++],v=64&g,m=v?2+3*(31&g):0,p=new Uint8Array(m);if(v){p[0]=g;for(var y=1;y<m;y++)p[y]=n[d++]}i.push({type:c,payloadType:s,pts:r,bytes:p})}}}}}else if(5===s&&o>16){for(var E=[],T=0;T<16;T++){var S=n[d++].toString(16);E.push(1==S.length?"0"+S:S),3!==T&&5!==T&&7!==T&&9!==T||E.push("-")}for(var A=o-16,L=new Uint8Array(A),I=0;I<A;I++)L[I]=n[d++];i.push({payloadType:s,pts:r,uuid:E.join(""),userData:q(L),userDataBytes:L})}}}function De(e){for(var t=e.byteLength,r=[],i=1;i<t-2;)0===e[i]&&0===e[i+1]&&3===e[i+2]?(r.push(i+2),i+=2):i++;if(0===r.length)return e;var n=t-r.length,a=new Uint8Array(n),s=0;for(i=0;i<n;s++,i++)s===r[0]&&(s++,r.shift()),a[i]=e[s];return a}function _e(e,t,r){if(16!==e.byteLength)throw new RangeError("Invalid system id");var i,n;i=new Uint8Array,n=new Uint8Array;var a=new Uint8Array(4);return r.byteLength>0&&new DataView(a.buffer).setUint32(0,r.byteLength,!1),function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];for(var n=r.length,a=8,s=n;s--;)a+=r[s].byteLength;var o=new Uint8Array(a);for(o[0]=a>>24&255,o[1]=a>>16&255,o[2]=a>>8&255,o[3]=255&a,o.set(e,4),s=0,a=8;s<n;s++)o.set(r[s],a),a+=r[s].byteLength;return o}([112,115,115,104],new Uint8Array([0,0,0,0]),e,n,i,a,r)}function Pe(e){var t=e.getUint32(0),r=e.byteOffset,i=e.byteLength;if(i<t)return{offset:r,size:i};if(1886614376!==e.getUint32(4))return{offset:r,size:t};var n=e.getUint32(8)>>>24;if(0!==n&&1!==n)return{offset:r,size:t};var a=e.buffer,s=X(new Uint8Array(a,r+12,16)),o=null,l=0;if(0===n)l=28;else{var u=e.getUint32(28);if(!u||i<32+16*u)return{offset:r,size:t};o=[];for(var d=0;d<u;d++)o.push(new Uint8Array(a,r+32+16*d,16));l=32+16*u}if(!l)return{offset:r,size:t};var h=e.getUint32(l);return t-32<h?{offset:r,size:t}:{version:n,systemId:s,kids:o,data:new Uint8Array(a,r+l+4,h),offset:r,size:t}}var Ce=function(){return/\(Windows.+Firefox\//i.test(navigator.userAgent)},we={audio:{a3ds:1,"ac-3":.95,"ac-4":1,alac:.9,alaw:1,dra1:1,"dts+":1,"dts-":1,dtsc:1,dtse:1,dtsh:1,"ec-3":.9,enca:1,fLaC:.9,flac:.9,FLAC:.9,g719:1,g726:1,m4ae:1,mha1:1,mha2:1,mhm1:1,mhm2:1,mlpa:1,mp4a:1,"raw ":1,Opus:1,opus:1,samr:1,sawb:1,sawp:1,sevc:1,sqcp:1,ssmv:1,twos:1,ulaw:1},video:{avc1:1,avc2:1,avc3:1,avc4:1,avcp:1,av01:.8,dav1:.8,drac:1,dva1:1,dvav:1,dvh1:.7,dvhe:.7,encv:1,hev1:.75,hvc1:.75,mjp2:1,mp4v:1,mvc1:1,mvc2:1,mvc3:1,mvc4:1,resv:1,rv60:1,s263:1,svc1:1,svc2:1,"vc-1":1,vp08:1,vp09:.9},text:{stpp:1,wvtt:1}};function Oe(e,t){var r=we[t];return!!r&&!!r[e.slice(0,4)]}function xe(e,t,r){return void 0===r&&(r=!0),!e.split(",").some((function(e){return!Me(e,t,r)}))}function Me(e,t,r){var i;void 0===r&&(r=!0);var n=W(r);return null!=(i=null==n?void 0:n.isTypeSupported(Fe(e,t)))&&i}function Fe(e,t){return t+"/mp4;codecs="+e}function Ne(e){if(e){var t=e.substring(0,4);return we.video[t]}return 2}function Ue(e){var t=Ce();return e.split(",").reduce((function(e,r){var i=t&&Re(r)?9:we.video[r];return i?(2*i+e)/(e?3:2):(we.audio[r]+e)/(e?2:1)}),0)}var Be={},Ge=/flac|opus|mp4a\.40\.34/i;function Ke(e,t){return void 0===t&&(t=!0),e.replace(Ge,(function(e){return function(e,t){if(void 0===t&&(t=!0),Be[e])return Be[e];for(var r={flac:["flac","fLaC","FLAC"],opus:["opus","Opus"],"mp4a.40.34":["mp3"]}[e],i=0;i<r.length;i++){var n;if(Me(r[i],"audio",t))return Be[e]=r[i],r[i];if("mp3"===r[i]&&null!=(n=W(t))&&n.isTypeSupported("audio/mpeg"))return""}return e}(e.toLowerCase(),t)}))}function Ve(e,t){if(e&&(e.length>4||-1!==["ac-3","ec-3","alac","fLaC","Opus"].indexOf(e))&&(He(e,"audio")||He(e,"video")))return e;if(t){var r=t.split(",");if(r.length>1){if(e)for(var i=r.length;i--;)if(r[i].substring(0,4)===e.substring(0,4))return r[i];return r[0]}}return t||e}function He(e,t){return Oe(e,t)&&Me(e,t)}function Ye(e){if(e.startsWith("av01.")){for(var t=e.split("."),r=["0","111","01","01","01","0"],i=t.length;i>4&&i<10;i++)t[i]=r[i-4];return t.join(".")}return e}function We(e){var t=W(e)||{isTypeSupported:function(){return!1}};return{mpeg:t.isTypeSupported("audio/mpeg"),mp3:t.isTypeSupported('audio/mp4; codecs="mp3"'),ac3:t.isTypeSupported('audio/mp4; codecs="ac-3"')}}function je(e){return e.replace(/^.+codecs=["']?([^"']+).*$/,"$1")}var qe={supported:!1,smooth:!1,powerEfficient:!1},Xe={supported:!0,configurations:[],decodingInfoResults:[{supported:!0,powerEfficient:!0,smooth:!0}]};function Qe(e,t){return{supported:!1,configurations:t,decodingInfoResults:[qe],error:e}}function ze(e,t,r,i){void 0===i&&(i={});var n=e.videoCodec;if(!n&&!e.audioCodec||!r)return Promise.resolve(Xe);for(var a=[],s=function(e){var t,r=null==(t=e.videoCodec)?void 0:t.split(","),i=Ze(e),n=e.width||640,a=e.height||480,s=e.frameRate||30,o=e.videoRange.toLowerCase();return r?r.map((function(e){var t={contentType:Fe(Ye(e),"video"),width:n,height:a,bitrate:i,framerate:s};return"sdr"!==o&&(t.transferFunction=o),t})):[]}(e),o=s.length,l=function(e,t,r){var i,n=null==(i=e.audioCodec)?void 0:i.split(","),a=Ze(e);return n&&e.audioGroups?e.audioGroups.reduce((function(e,i){var s,o=i?null==(s=t.groups[i])?void 0:s.tracks:null;return o?o.reduce((function(e,t){if(t.groupId===i){var s=parseFloat(t.channels||"");n.forEach((function(t){var i={contentType:Fe(t,"audio"),bitrate:r?$e(t,a):a};s&&(i.channels=""+s),e.push(i)}))}return e}),e):e}),[]):[]}(e,t,o>0),u=l.length,d=o||1*u||1;d--;){var h={type:"media-source"};if(o&&(h.video=s[d%o]),u){h.audio=l[d%u];var f=h.audio.bitrate;h.video&&f&&(h.video.bitrate-=f)}a.push(h)}if(n){var c=navigator.userAgent;if(n.split(",").some((function(e){return Re(e)}))&&Ce())return Promise.resolve(Qe(new Error("Overriding Windows Firefox HEVC MediaCapabilities result based on user-agent string: ("+c+")"),a))}return Promise.all(a.map((function(e){var t,n,a,s,o=(n="",a=(t=e).audio,(s=t.video)&&(n+=je(s.contentType)+"_r"+s.height+"x"+s.width+"f"+Math.ceil(s.framerate)+(s.transferFunction||"sd")+"_"+Math.ceil(s.bitrate/1e5)),a&&(n+=(s?"_":"")+je(a.contentType)+"_c"+a.channels),n);return i[o]||(i[o]=r.decodingInfo(e))}))).then((function(e){return{supported:!e.some((function(e){return!e.supported})),configurations:a,decodingInfoResults:e}})).catch((function(e){return{supported:!1,configurations:a,decodingInfoResults:[],error:e}}))}function $e(e,t){if(t<=1)return 1;var r=128e3;return"ec-3"===e?r=768e3:"ac-3"===e&&(r=64e4),Math.min(t/2,r)}function Ze(e){return 1e3*Math.ceil(Math.max(.9*e.bitrate,e.averageBitrate)/1e3)||1}var Je=["NONE","TYPE-0","TYPE-1",null],et=["SDR","PQ","HLG"],tt="",rt="YES",it="v2";function nt(e){var t=e.canSkipUntil,r=e.canSkipDateRanges,i=e.age;return t&&i<t/2?r?it:rt:tt}var at=function(){function e(e,t,r){this.msn=void 0,this.part=void 0,this.skip=void 0,this.msn=e,this.part=t,this.skip=r}return e.prototype.addDirectives=function(e){var t=new self.URL(e);return void 0!==this.msn&&t.searchParams.set("_HLS_msn",this.msn.toString()),void 0!==this.part&&t.searchParams.set("_HLS_part",this.part.toString()),this.skip&&t.searchParams.set("_HLS_skip",this.skip),t.href},e}(),st=function(){function e(e){if(this._attrs=void 0,this.audioCodec=void 0,this.bitrate=void 0,this.codecSet=void 0,this.url=void 0,this.frameRate=void 0,this.height=void 0,this.id=void 0,this.name=void 0,this.supplemental=void 0,this.videoCodec=void 0,this.width=void 0,this.details=void 0,this.fragmentError=0,this.loadError=0,this.loaded=void 0,this.realBitrate=0,this.supportedPromise=void 0,this.supportedResult=void 0,this._avgBitrate=0,this._audioGroups=void 0,this._subtitleGroups=void 0,this._urlId=0,this.url=[e.url],this._attrs=[e.attrs],this.bitrate=e.bitrate,e.details&&(this.details=e.details),this.id=e.id||0,this.name=e.name,this.width=e.width||0,this.height=e.height||0,this.frameRate=e.attrs.optionalFloat("FRAME-RATE",0),this._avgBitrate=e.attrs.decimalInteger("AVERAGE-BANDWIDTH"),this.audioCodec=e.audioCodec,this.videoCodec=e.videoCodec,this.codecSet=[e.videoCodec,e.audioCodec].filter((function(e){return!!e})).map((function(e){return e.substring(0,4)})).join(","),"supplemental"in e){var t;this.supplemental=e.supplemental;var r=null==(t=e.supplemental)?void 0:t.videoCodec;r&&r!==e.videoCodec&&(this.codecSet+=","+r.substring(0,4))}this.addGroupId("audio",e.attrs.AUDIO),this.addGroupId("text",e.attrs.SUBTITLES)}var t=e.prototype;return t.hasAudioGroup=function(e){return ot(this._audioGroups,e)},t.hasSubtitleGroup=function(e){return ot(this._subtitleGroups,e)},t.addGroupId=function(e,t){if(t)if("audio"===e){var r=this._audioGroups;r||(r=this._audioGroups=[]),-1===r.indexOf(t)&&r.push(t)}else if("text"===e){var i=this._subtitleGroups;i||(i=this._subtitleGroups=[]),-1===i.indexOf(t)&&i.push(t)}},t.addFallback=function(){},i(e,[{key:"maxBitrate",get:function(){return Math.max(this.realBitrate,this.bitrate)}},{key:"averageBitrate",get:function(){return this._avgBitrate||this.realBitrate||this.bitrate}},{key:"attrs",get:function(){return this._attrs[0]}},{key:"codecs",get:function(){return this.attrs.CODECS||""}},{key:"pathwayId",get:function(){return this.attrs["PATHWAY-ID"]||"."}},{key:"videoRange",get:function(){return this.attrs["VIDEO-RANGE"]||"SDR"}},{key:"score",get:function(){return this.attrs.optionalFloat("SCORE",0)}},{key:"uri",get:function(){return this.url[0]||""}},{key:"audioGroups",get:function(){return this._audioGroups}},{key:"subtitleGroups",get:function(){return this._subtitleGroups}},{key:"urlId",get:function(){return 0},set:function(e){}},{key:"audioGroupIds",get:function(){return this.audioGroups?[this.audioGroupId]:void 0}},{key:"textGroupIds",get:function(){return this.subtitleGroups?[this.textGroupId]:void 0}},{key:"audioGroupId",get:function(){var e;return null==(e=this.audioGroups)?void 0:e[0]}},{key:"textGroupId",get:function(){var e;return null==(e=this.subtitleGroups)?void 0:e[0]}}])}();function ot(e,t){return!(!t||!e)&&-1!==e.indexOf(t)}function lt(e,t){var r=!1,i=[];if(e&&(r="SDR"!==e,i=[e]),t){var n="SDR"!==(i=t.allowedVideoRanges||et.slice(0)).join("")&&!t.videoCodec;(r=void 0!==t.preferHDR?t.preferHDR:n&&function(){if("function"==typeof matchMedia){var e=matchMedia("(dynamic-range: high)"),t=matchMedia("bad query");if(e.media!==t.media)return!0===e.matches}return!1}())||(i=["SDR"])}return{preferHDR:r,allowedVideoRanges:i}}var ut=function(e,t){return JSON.stringify(e,function(e){var t=new WeakSet;return function(r,i){if(e&&(i=e(r,i)),"object"==typeof i&&null!==i){if(t.has(i))return;t.add(i)}return i}}(t))};function dt(e,t){Y.log('[abr] start candidates with "'+e+'" ignored because '+t)}function ht(e){return e.reduce((function(e,t){var r=e.groups[t.groupId];r||(r=e.groups[t.groupId]={tracks:[],channels:{2:0},hasDefault:!1,hasAutoSelect:!1}),r.tracks.push(t);var i=t.channels||"2";return r.channels[i]=(r.channels[i]||0)+1,r.hasDefault=r.hasDefault||t.default,r.hasAutoSelect=r.hasAutoSelect||t.autoselect,r.hasDefault&&(e.hasDefaultAudio=!0),r.hasAutoSelect&&(e.hasAutoSelectAudio=!0),e}),{hasDefaultAudio:!1,hasAutoSelectAudio:!1,groups:{}})}function ft(e){if(!e)return e;var t=e;return{lang:t.lang,assocLang:t.assocLang,characteristics:t.characteristics,channels:t.channels,audioCodec:t.audioCodec}}function ct(e,t,r){if("attrs"in e){var i=t.indexOf(e);if(-1!==i)return i}for(var n=0;n<t.length;n++)if(gt(e,t[n],r))return n;return-1}function gt(e,t,r){var i,n,a=e.groupId,s=e.name,o=e.lang,l=e.assocLang,u=e.default,d=e.forced;return(void 0===a||t.groupId===a)&&(void 0===s||t.name===s)&&(void 0===o||(i=o,void 0===(n=t.lang)&&(n="--"),i.length===n.length?i===n:i.startsWith(n)||n.startsWith(i)))&&(void 0===o||t.assocLang===l)&&(void 0===u||t.default===u)&&(void 0===d||t.forced===d)&&(!("characteristics"in e)||function(e,t){void 0===t&&(t="");var r=e.split(","),i=t.split(",");return r.length===i.length&&!r.some((function(e){return-1===i.indexOf(e)}))}(e.characteristics||"",t.characteristics))&&(void 0===r||r(e,t))}function vt(e,t){var r=e.audioCodec,i=e.channels;return!(void 0!==r&&(t.audioCodec||"").substring(0,4)!==r.substring(0,4)||void 0!==i&&i!==(t.channels||"2"))}function mt(e,t,r){for(var i=t;i>-1;i--)if(r(e[i]))return i;for(var n=t+1;n<e.length;n++)if(r(e[n]))return n;return-1}function pt(e,t){var r;return!!e&&e!==(null==(r=t.loadLevelObj)?void 0:r.uri)}var yt=function(e){function t(t){var r;return(r=e.call(this,"abr",t.logger)||this).hls=void 0,r.lastLevelLoadSec=0,r.lastLoadedFragLevel=-1,r.firstSelection=-1,r._nextAutoLevel=-1,r.nextAutoLevelKey="",r.audioTracksByGroup=null,r.codecTiers=null,r.timer=-1,r.fragCurrent=null,r.partCurrent=null,r.bitrateTestDelay=0,r.rebufferNotice=-1,r.supportedCache={},r.bwEstimator=void 0,r._abandonRulesCheck=function(e){var t,i=r,n=i.fragCurrent,a=i.partCurrent,s=i.hls,o=s.autoLevelEnabled,l=s.media;if(n&&l){var u=performance.now(),d=a?a.stats:n.stats,h=a?a.duration:n.duration,f=u-d.loading.start,c=s.minAutoLevel,g=n.level,v=r._nextAutoLevel;if(d.aborted||d.loaded&&d.loaded===d.total||g<=c)return r.clearTimer(),void(r._nextAutoLevel=-1);if(o){var m=v>-1&&v!==g,p=!!e||m;if(p||!l.paused&&l.playbackRate&&l.readyState){var y=s.mainForwardBufferInfo;if(p||null!==y){var E=r.bwEstimator.getEstimateTTFB(),T=Math.abs(l.playbackRate);if(!(f<=Math.max(E,h/(2*T)*1e3))){var S=y?y.len/T:0,L=d.loading.first?d.loading.first-d.loading.start:-1,I=d.loaded&&L>-1,R=r.getBwEstimate(),k=s.levels,D=k[g],_=Math.max(d.loaded,Math.round(h*(n.bitrate||D.averageBitrate)/8)),P=I?f-L:f;P<1&&I&&(P=Math.min(f,8*d.loaded/R));var C=I?1e3*d.loaded/P:0,w=E/1e3,O=C?(_-d.loaded)/C:8*_/R+w;if(!(O<=S)){var x,M=C?8*C:R,F=!0===(null==(t=(null==e?void 0:e.details)||r.hls.latestLevelDetails)?void 0:t.live),N=r.hls.config.abrBandWidthUpFactor,U=Number.POSITIVE_INFINITY;for(x=g-1;x>c;x--){var B=k[x].maxBitrate,G=!k[x].details||F;if((U=r.getTimeToLoadFrag(w,M,h*B,G))<Math.min(S,h+w))break}if(!(U>=O||U>10*h)){I?r.bwEstimator.sample(f-Math.min(E,L),d.loaded):r.bwEstimator.sampleTTFB(f);var K=k[x].maxBitrate;r.getBwEstimate()*N>K&&r.resetEstimator(K);var V=r.findBestLevel(K,c,x,0,S,1,1);V>-1&&(x=V),r.warn("Fragment "+n.sn+(a?" part "+a.index:"")+" of level "+g+" is loading too slowly;\n      Fragment duration: "+n.duration.toFixed(3)+"\n      Time to underbuffer: "+S.toFixed(3)+" s\n      Estimated load time for current fragment: "+O.toFixed(3)+" s\n      Estimated load time for down switch fragment: "+U.toFixed(3)+" s\n      TTFB estimate: "+(0|L)+" ms\n      Current BW estimate: "+(A(R)?0|R:"Unknown")+" bps\n      New BW estimate: "+(0|r.getBwEstimate())+" bps\n      Switching to level "+x+" @ "+(0|K)+" bps"),s.nextLoadLevel=s.nextAutoLevel=x,r.clearTimer();var H=function(){if(r.clearTimer(),r.fragCurrent===n&&r.hls.loadLevel===x&&x>0){var e=r.getStarvationDelay();if(r.warn("Aborting inflight request "+(x>0?"and switching down":"")+"\n      Fragment duration: "+n.duration.toFixed(3)+" s\n      Time to underbuffer: "+e.toFixed(3)+" s"),n.abortRequests(),r.fragCurrent=r.partCurrent=null,x>c){var t=r.findBestLevel(r.hls.levels[c].bitrate,c,x,0,e,1,1);-1===t&&(t=c),r.hls.nextLoadLevel=r.hls.nextAutoLevel=t,r.resetEstimator(r.hls.levels[t].bitrate)}}};m||O>2*U?H():r.timer=self.setInterval(H,1e3*U),s.trigger(b.FRAG_LOAD_EMERGENCY_ABORTED,{frag:n,part:a,stats:d})}}}}}}}},r.hls=t,r.bwEstimator=r.initEstimator(),r.registerListeners(),r}o(t,e);var r=t.prototype;return r.resetEstimator=function(e){e&&(this.log("setting initial bwe to "+e),this.hls.config.abrEwmaDefaultEstimate=e),this.firstSelection=-1,this.bwEstimator=this.initEstimator()},r.initEstimator=function(){var e=this.hls.config;return new F(e.abrEwmaSlowVoD,e.abrEwmaFastVoD,e.abrEwmaDefaultEstimate)},r.registerListeners=function(){var e=this.hls;e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.FRAG_LOADING,this.onFragLoading,this),e.on(b.FRAG_LOADED,this.onFragLoaded,this),e.on(b.FRAG_BUFFERED,this.onFragBuffered,this),e.on(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.on(b.LEVEL_LOADED,this.onLevelLoaded,this),e.on(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.on(b.MAX_AUTO_LEVEL_UPDATED,this.onMaxAutoLevelUpdated,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.FRAG_LOADING,this.onFragLoading,this),e.off(b.FRAG_LOADED,this.onFragLoaded,this),e.off(b.FRAG_BUFFERED,this.onFragBuffered,this),e.off(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.off(b.LEVEL_LOADED,this.onLevelLoaded,this),e.off(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.off(b.MAX_AUTO_LEVEL_UPDATED,this.onMaxAutoLevelUpdated,this),e.off(b.ERROR,this.onError,this))},r.destroy=function(){this.unregisterListeners(),this.clearTimer(),this.hls=this._abandonRulesCheck=this.supportedCache=null,this.fragCurrent=this.partCurrent=null},r.onManifestLoading=function(e,t){this.lastLoadedFragLevel=-1,this.firstSelection=-1,this.lastLevelLoadSec=0,this.supportedCache={},this.fragCurrent=this.partCurrent=null,this.onLevelsUpdated(),this.clearTimer()},r.onLevelsUpdated=function(){this.lastLoadedFragLevel>-1&&this.fragCurrent&&(this.lastLoadedFragLevel=this.fragCurrent.level),this._nextAutoLevel=-1,this.onMaxAutoLevelUpdated(),this.codecTiers=null,this.audioTracksByGroup=null},r.onMaxAutoLevelUpdated=function(){this.firstSelection=-1,this.nextAutoLevelKey=""},r.onFragLoading=function(e,t){var r,i=t.frag;this.ignoreFragment(i)||(i.bitrateTest||(this.fragCurrent=i,this.partCurrent=null!=(r=t.part)?r:null),this.clearTimer(),this.timer=self.setInterval(this._abandonRulesCheck,100))},r.onLevelSwitching=function(e,t){this.clearTimer()},r.onError=function(e,t){if(!t.fatal)switch(t.details){case k.BUFFER_ADD_CODEC_ERROR:case k.BUFFER_APPEND_ERROR:this.lastLoadedFragLevel=-1,this.firstSelection=-1;break;case k.FRAG_LOAD_TIMEOUT:var r=t.frag,i=this.fragCurrent,n=this.partCurrent;if(r&&i&&r.sn===i.sn&&r.level===i.level){var a=performance.now(),s=n?n.stats:r.stats,o=a-s.loading.start,l=s.loading.first?s.loading.first-s.loading.start:-1;if(s.loaded&&l>-1){var u=this.bwEstimator.getEstimateTTFB();this.bwEstimator.sample(o-Math.min(u,l),s.loaded)}else this.bwEstimator.sampleTTFB(o)}}},r.getTimeToLoadFrag=function(e,t,r,i){return e+r/t+(i?e+this.lastLevelLoadSec:0)},r.onLevelLoaded=function(e,t){var r=this.hls.config,i=t.stats.loading,n=i.end-i.first;A(n)&&(this.lastLevelLoadSec=n/1e3),t.details.live?this.bwEstimator.update(r.abrEwmaSlowLive,r.abrEwmaFastLive):this.bwEstimator.update(r.abrEwmaSlowVoD,r.abrEwmaFastVoD),this.timer>-1&&this._abandonRulesCheck(t.levelInfo)},r.onFragLoaded=function(e,t){var r=t.frag,i=t.part,n=i?i.stats:r.stats;if(r.type===w&&this.bwEstimator.sampleTTFB(n.loading.first-n.loading.start),!this.ignoreFragment(r)){if(this.clearTimer(),r.level===this._nextAutoLevel&&(this._nextAutoLevel=-1),this.firstSelection=-1,this.hls.config.abrMaxWithRealBitrate){var a=i?i.duration:r.duration,s=this.hls.levels[r.level],o=(s.loaded?s.loaded.bytes:0)+n.loaded,l=(s.loaded?s.loaded.duration:0)+a;s.loaded={bytes:o,duration:l},s.realBitrate=Math.round(8*o/l)}if(r.bitrateTest){var u={stats:n,frag:r,part:i,id:r.type};this.onFragBuffered(b.FRAG_BUFFERED,u),r.bitrateTest=!1}else this.lastLoadedFragLevel=r.level}},r.onFragBuffered=function(e,t){var r=t.frag,i=t.part,n=null!=i&&i.stats.loaded?i.stats:r.stats;if(!n.aborted&&!this.ignoreFragment(r)){var a=n.parsing.end-n.loading.start-Math.min(n.loading.first-n.loading.start,this.bwEstimator.getEstimateTTFB());this.bwEstimator.sample(a,n.loaded),n.bwEstimate=this.getBwEstimate(),r.bitrateTest?this.bitrateTestDelay=a/1e3:this.bitrateTestDelay=0}},r.ignoreFragment=function(e){return e.type!==w||"initSegment"===e.sn},r.clearTimer=function(){this.timer>-1&&(self.clearInterval(this.timer),this.timer=-1)},r.getAutoLevelKey=function(){return this.getBwEstimate()+"_"+this.getStarvationDelay().toFixed(2)},r.getNextABRAutoLevel=function(){var e=this.fragCurrent,t=this.partCurrent,r=this.hls;if(r.levels.length<=1)return r.loadLevel;var i=r.maxAutoLevel,n=r.config,a=r.minAutoLevel,s=t?t.duration:e?e.duration:0,o=this.getBwEstimate(),l=this.getStarvationDelay(),u=n.abrBandWidthFactor,d=n.abrBandWidthUpFactor;if(l){var h=this.findBestLevel(o,a,i,l,0,u,d);if(h>=0)return this.rebufferNotice=-1,h}var f=s?Math.min(s,n.maxStarvationDelay):n.maxStarvationDelay;if(!l){var c=this.bitrateTestDelay;c&&(f=(s?Math.min(s,n.maxLoadingDelay):n.maxLoadingDelay)-c,this.info("bitrate test took "+Math.round(1e3*c)+"ms, set first fragment max fetchDuration to "+Math.round(1e3*f)+" ms"),u=d=1)}var g=this.findBestLevel(o,a,i,l,f,u,d);if(this.rebufferNotice!==g&&(this.rebufferNotice=g,this.info((l?"rebuffering expected":"buffer is empty")+", optimal quality level "+g)),g>-1)return g;var v=r.levels[a],m=r.loadLevelObj;return m&&(null==v?void 0:v.bitrate)<m.bitrate?a:r.loadLevel},r.getStarvationDelay=function(){var e=this.hls,t=e.media;if(!t)return 1/0;var r=t&&0!==t.playbackRate?Math.abs(t.playbackRate):1,i=e.mainForwardBufferInfo;return(i?i.len:0)/r},r.getBwEstimate=function(){return this.bwEstimator.canEstimate()?this.bwEstimator.getEstimate():this.hls.config.abrEwmaDefaultEstimate},r.findBestLevel=function(e,t,r,i,n,a,s){var o,l=this,u=i+n,d=this.lastLoadedFragLevel,h=-1===d?this.hls.firstLevel:d,f=this.fragCurrent,c=this.partCurrent,g=this.hls,v=g.levels,m=g.allAudioTracks,p=g.loadLevel,y=g.config;if(1===v.length)return 0;var E,T=v[h],S=!(null==(o=this.hls.latestLevelDetails)||!o.live),L=-1===p||-1===d,I="SDR",R=(null==T?void 0:T.frameRate)||0,k=y.audioPreference,b=y.videoPreference,D=this.audioTracksByGroup||(this.audioTracksByGroup=ht(m)),_=-1;if(L){if(-1!==this.firstSelection)return this.firstSelection;var P=this.codecTiers||(this.codecTiers=function(e,t,r,i){return e.slice(r,i+1).reduce((function(e,r,i){if(!r.codecSet)return e;var n=r.audioGroups,a=e[r.codecSet];a||(e[r.codecSet]=a={minBitrate:1/0,minHeight:1/0,minFramerate:1/0,minIndex:i,maxScore:0,videoRanges:{SDR:0},channels:{2:0},hasDefaultAudio:!n,fragmentError:0}),a.minBitrate=Math.min(a.minBitrate,r.bitrate);var s=Math.min(r.height,r.width);return a.minHeight=Math.min(a.minHeight,s),a.minFramerate=Math.min(a.minFramerate,r.frameRate),a.minIndex=Math.min(a.minIndex,i),a.maxScore=Math.max(a.maxScore,r.score),a.fragmentError+=r.fragmentError,a.videoRanges[r.videoRange]=(a.videoRanges[r.videoRange]||0)+1,n&&n.forEach((function(e){if(e){var r=t.groups[e];r&&(a.hasDefaultAudio=a.hasDefaultAudio||t.hasDefaultAudio?r.hasDefault:r.hasAutoSelect||!t.hasDefaultAudio&&!t.hasAutoSelectAudio,Object.keys(r.channels).forEach((function(e){a.channels[e]=(a.channels[e]||0)+r.channels[e]})))}})),e}),{})}(v,D,t,r)),C=function(e,t,r,i,n){for(var a=Object.keys(e),s=null==i?void 0:i.channels,o=null==i?void 0:i.audioCodec,l=null==n?void 0:n.videoCodec,u=s&&2===parseInt(s),d=!1,h=!1,f=1/0,c=1/0,g=1/0,v=1/0,m=0,p=[],y=lt(t,n),E=y.preferHDR,T=y.allowedVideoRanges,S=function(){var t=e[a[L]];d||(d=t.channels[2]>0),f=Math.min(f,t.minHeight),c=Math.min(c,t.minFramerate),g=Math.min(g,t.minBitrate),T.filter((function(e){return t.videoRanges[e]>0})).length>0&&(h=!0)},L=a.length;L--;)S();f=A(f)?f:0,c=A(c)?c:0;var I=Math.max(1080,f),R=Math.max(30,c);g=A(g)?g:r,r=Math.max(g,r),h||(t=void 0);var k=a.length>1;return{codecSet:a.reduce((function(t,i){var n=e[i];if(i===t)return t;if(p=h?T.filter((function(e){return n.videoRanges[e]>0})):[],k){if(n.minBitrate>r)return dt(i,"min bitrate of "+n.minBitrate+" > current estimate of "+r),t;if(!n.hasDefaultAudio)return dt(i,"no renditions with default or auto-select sound found"),t;if(o&&i.indexOf(o.substring(0,4))%5!=0)return dt(i,'audio codec preference "'+o+'" not found'),t;if(s&&!u){if(!n.channels[s])return dt(i,"no renditions with "+s+" channel sound found (channels options: "+Object.keys(n.channels)+")"),t}else if((!o||u)&&d&&0===n.channels[2])return dt(i,"no renditions with stereo sound found"),t;if(n.minHeight>I)return dt(i,"min resolution of "+n.minHeight+" > maximum of "+I),t;if(n.minFramerate>R)return dt(i,"min framerate of "+n.minFramerate+" > maximum of "+R),t;if(!p.some((function(e){return n.videoRanges[e]>0})))return dt(i,"no variants with VIDEO-RANGE of "+ut(p)+" found"),t;if(l&&i.indexOf(l.substring(0,4))%5!=0)return dt(i,'video codec preference "'+l+'" not found'),t;if(n.maxScore<m)return dt(i,"max score of "+n.maxScore+" < selected max of "+m),t}return t&&(Ue(i)>=Ue(t)||n.fragmentError>e[t].fragmentError)?t:(v=n.minIndex,m=n.maxScore,i)}),void 0),videoRanges:p,preferHDR:E,minFramerate:c,minBitrate:g,minIndex:v}}(P,I,e,k,b),w=C.codecSet,O=C.videoRanges,x=C.minFramerate,M=C.minBitrate,F=C.minIndex,N=C.preferHDR;_=F,E=w,I=N?O[O.length-1]:O[0],R=x,e=Math.max(e,M),this.log("picked start tier "+ut(C))}else E=null==T?void 0:T.codecSet,I=null==T?void 0:T.videoRange;for(var U,B=c?c.duration:f?f.duration:0,G=this.bwEstimator.getEstimateTTFB()/1e3,K=[],V=function(){var t,o=v[H],f=H>h;if(!o)return 0;if(y.useMediaCapabilities&&!o.supportedResult&&!o.supportedPromise){var g=navigator.mediaCapabilities;"function"==typeof(null==g?void 0:g.decodingInfo)&&function(e,t,r,i,n,a){var s=e.videoCodec,o=e.audioCodec?e.audioGroups:null,l=null==a?void 0:a.audioCodec,u=null==a?void 0:a.channels,d=u?parseInt(u):l?1/0:2,h=null;if(null!=o&&o.length)try{h=1===o.length&&o[0]?t.groups[o[0]].channels:o.reduce((function(e,r){if(r){var i=t.groups[r];if(!i)throw new Error("Audio track group "+r+" not found");Object.keys(i.channels).forEach((function(t){e[t]=(e[t]||0)+i.channels[t]}))}return e}),{2:0})}catch(e){return!0}return void 0!==s&&(s.split(",").some((function(e){return Re(e)}))||e.width>1920&&e.height>1088||e.height>1920&&e.width>1088||e.frameRate>Math.max(i,30)||"SDR"!==e.videoRange&&e.videoRange!==r||e.bitrate>Math.max(n,8e6))||!!h&&A(d)&&Object.keys(h).some((function(e){return parseInt(e)>d}))}(o,D,I,R,e,k)?(o.supportedPromise=ze(o,D,g,l.supportedCache),o.supportedPromise.then((function(e){if(l.hls){o.supportedResult=e;var t=l.hls.levels,r=t.indexOf(o);e.error?l.warn('MediaCapabilities decodingInfo error: "'+e.error+'" for level '+r+" "+ut(e)):e.supported?e.decodingInfoResults.some((function(e){return!1===e.smooth||!1===e.powerEfficient}))&&l.log("MediaCapabilities decodingInfo for level "+r+" not smooth or powerEfficient: "+ut(e)):(l.warn("Unsupported MediaCapabilities decodingInfo result for level "+r+" "+ut(e)),r>-1&&t.length>1&&(l.log("Removing unsupported level "+r),l.hls.removeLevel(r),-1===l.hls.loadLevel&&(l.hls.nextLoadLevel=0)))}})).catch((function(e){l.warn("Error handling MediaCapabilities decodingInfo: "+e)}))):o.supportedResult=Xe}if((E&&o.codecSet!==E||I&&o.videoRange!==I||f&&R>o.frameRate||!f&&R>0&&R<o.frameRate||null!=(t=o.supportedResult)&&null!=(t=t.decodingInfoResults)&&t.some((function(e){return!1===e.smooth})))&&(!L||H!==_))return K.push(H),0;var m,T=o.details,b=(c?null==T?void 0:T.partTarget:null==T?void 0:T.averagetargetduration)||B;m=f?s*e:a*e;var P=B&&i>=2*B&&0===n?o.averageBitrate:o.maxBitrate,C=l.getTimeToLoadFrag(G,m,P*b,void 0===T);if(m>=P&&(H===d||0===o.loadError&&0===o.fragmentError)&&(C<=G||!A(C)||S&&!l.bitrateTestDelay||C<u)){var w=l.forcedAutoLevel;return H===p||-1!==w&&w===p||(K.length&&l.trace("Skipped level(s) "+K.join(",")+" of "+r+' max with CODECS and VIDEO-RANGE:"'+v[K[0]].codecs+'" '+v[K[0]].videoRange+'; not compatible with "'+E+'" '+I),l.info("switch candidate:"+h+"->"+H+" adjustedbw("+Math.round(m)+")-bitrate="+Math.round(m-P)+" ttfb:"+G.toFixed(1)+" avgDuration:"+b.toFixed(1)+" maxFetchDuration:"+u.toFixed(1)+" fetchDuration:"+C.toFixed(1)+" firstSelection:"+L+" codecSet:"+o.codecSet+" videoRange:"+o.videoRange+" hls.loadLevel:"+p)),L&&(l.firstSelection=H),{v:H}}},H=r;H>=t;H--)if(0!==(U=V())&&U)return U.v;return-1},r.deriveNextAutoLevel=function(e){var t=this.hls,r=t.maxAutoLevel,i=t.minAutoLevel;return Math.min(Math.max(e,i),r)},i(t,[{key:"firstAutoLevel",get:function(){var e=this.hls,t=e.maxAutoLevel,r=e.minAutoLevel,i=this.getBwEstimate(),n=this.hls.config.maxStarvationDelay,a=this.findBestLevel(i,r,t,0,n,1,1);if(a>-1)return a;var s=this.hls.firstLevel,o=Math.min(Math.max(s,r),t);return this.warn("Could not find best starting auto level. Defaulting to first in playlist "+s+" clamped to "+o),o}},{key:"forcedAutoLevel",get:function(){return this.nextAutoLevelKey?-1:this._nextAutoLevel}},{key:"nextAutoLevel",get:function(){var e=this.forcedAutoLevel,t=this.bwEstimator.canEstimate(),r=this.lastLoadedFragLevel>-1;if(!(-1===e||t&&r&&this.nextAutoLevelKey!==this.getAutoLevelKey()))return e;var i=t&&r?this.getNextABRAutoLevel():this.firstAutoLevel;if(-1!==e){var n=this.hls.levels;if(n.length>Math.max(e,i)&&n[e].loadError<=n[i].loadError)return e}return this._nextAutoLevel=i,this.nextAutoLevelKey=this.getAutoLevelKey(),i},set:function(e){var t=this.deriveNextAutoLevel(e);this._nextAutoLevel!==t&&(this.nextAutoLevelKey="",this._nextAutoLevel=t)}}])}(N),Et=function(e,t){for(var r=0,i=e.length-1,n=null,a=null;r<=i;){var s=t(a=e[n=(r+i)/2|0]);if(s>0)r=n+1;else{if(!(s<0))return a;i=n-1}}return null};function Tt(e,t,r,i,n){void 0===r&&(r=0),void 0===i&&(i=0),void 0===n&&(n=.005);var a=null;if(e){a=t[1+e.sn-t[0].sn]||null;var s=e.endDTS-r;s>0&&s<15e-7&&(r+=15e-7),a&&e.level!==a.level&&a.end<=e.end&&(a=t[2+e.sn-t[0].sn]||null)}else 0===r&&0===t[0].start&&(a=t[0]);if(a&&((!e||e.level===a.level)&&0===St(r,i,a)||function(e,t,r){if(t&&0===t.start&&t.level<e.level&&(t.endPTS||0)>0){var i=t.tagList.reduce((function(e,t){return"INF"===t[0]&&(e+=parseFloat(t[1])),e}),r);return e.start<=i}return!1}(a,e,Math.min(n,i))))return a;var o=Et(t,St.bind(null,r,i));return!o||o===e&&a?a:o}function St(e,t,r){if(void 0===e&&(e=0),void 0===t&&(t=0),r.start<=e&&r.start+r.duration>e)return 0;var i=Math.min(t,r.duration+(r.deltaPTS?r.deltaPTS:0));return r.start+r.duration-i<=e?1:r.start-i>e&&r.start?-1:0}function At(e,t,r){var i=1e3*Math.min(t,r.duration+(r.deltaPTS?r.deltaPTS:0));return(r.endProgramDateTime||0)-i>e}function Lt(e,t,r){if(e&&e.startCC<=t&&e.endCC>=t){var i,n=e.fragments,a=e.fragmentHint;return a&&(n=n.concat(a)),Et(n,(function(e){return e.cc<t?1:e.cc>t?-1:(i=e,e.end<=r?1:e.start>r?-1:0)})),i||null}return null}function It(e){switch(e.details){case k.FRAG_LOAD_TIMEOUT:case k.KEY_LOAD_TIMEOUT:case k.LEVEL_LOAD_TIMEOUT:case k.MANIFEST_LOAD_TIMEOUT:return!0}return!1}function Rt(e){return e.details.startsWith("key")}function kt(e){return Rt(e)&&!!e.frag&&!e.frag.decryptdata}function bt(e,t){var r=It(t);return e.default[(r?"timeout":"error")+"Retry"]}function Dt(e,t){var r="linear"===e.backoff?1:Math.pow(2,t);return Math.min(r*e.retryDelayMs,e.maxRetryDelayMs)}function _t(e){return d(d({},e),{errorRetry:null,timeoutRetry:null})}function Pt(e,t,r,i){if(!e)return!1;var n=null==i?void 0:i.code,a=t<e.maxNumRetry&&(function(e){return Ct(e)||!!e&&(e<400||e>499)}(n)||!!r);return e.shouldRetry?e.shouldRetry(e,t,r,i,a):a}function Ct(e){return 0===e&&!1===navigator.onLine}var wt=0,Ot=2,xt=3,Mt=5,Ft=0,Nt=1,Ut=2,Bt=4,Gt=function(e){function t(t){var r;return(r=e.call(this,"error-controller",t.logger)||this).hls=void 0,r.playlistError=0,r.hls=t,r.registerListeners(),r}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e.on(b.ERROR,this.onError,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.LEVEL_UPDATED,this.onLevelUpdated,this)},r.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.ERROR,this.onError,this),e.off(b.ERROR,this.onErrorOut,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.LEVEL_UPDATED,this.onLevelUpdated,this))},r.destroy=function(){this.unregisterListeners(),this.hls=null},r.startLoad=function(e){},r.stopLoad=function(){this.playlistError=0},r.getVariantLevelIndex=function(e){return(null==e?void 0:e.type)===w?e.level:this.getVariantIndex()},r.getVariantIndex=function(){var e,t=this.hls,r=t.currentLevel;return null!=(e=t.loadLevelObj)&&e.details||-1===r?t.loadLevel:r},r.variantHasKey=function(e,t){if(e){var r;if(null!=(r=e.details)&&r.hasKey(t))return!0;var i=e.audioGroups;if(i)return this.hls.allAudioTracks.filter((function(e){return i.indexOf(e.groupId)>=0})).some((function(e){var r;return null==(r=e.details)?void 0:r.hasKey(t)}))}return!1},r.onManifestLoading=function(){this.playlistError=0},r.onLevelUpdated=function(){this.playlistError=0},r.onError=function(e,t){var r;if(!t.fatal){var i=this.hls,n=t.context;switch(t.details){case k.FRAG_LOAD_ERROR:case k.FRAG_LOAD_TIMEOUT:case k.KEY_LOAD_ERROR:case k.KEY_LOAD_TIMEOUT:return void(t.errorAction=this.getFragRetryOrSwitchAction(t));case k.FRAG_PARSING_ERROR:if(null!=(r=t.frag)&&r.gap)return void(t.errorAction=Kt());case k.FRAG_GAP:case k.FRAG_DECRYPT_ERROR:return t.errorAction=this.getFragRetryOrSwitchAction(t),void(t.errorAction.action=Ot);case k.LEVEL_EMPTY_ERROR:case k.LEVEL_PARSING_ERROR:var a,s=t.parent===w?t.level:i.loadLevel;return void(t.details===k.LEVEL_EMPTY_ERROR&&null!=(a=t.context)&&null!=(a=a.levelDetails)&&a.live?t.errorAction=this.getPlaylistRetryOrSwitchAction(t,s):(t.levelRetry=!1,t.errorAction=this.getLevelSwitchAction(t,s)));case k.LEVEL_LOAD_ERROR:case k.LEVEL_LOAD_TIMEOUT:return void("number"==typeof(null==n?void 0:n.level)&&(t.errorAction=this.getPlaylistRetryOrSwitchAction(t,n.level)));case k.AUDIO_TRACK_LOAD_ERROR:case k.AUDIO_TRACK_LOAD_TIMEOUT:case k.SUBTITLE_LOAD_ERROR:case k.SUBTITLE_TRACK_LOAD_TIMEOUT:if(n){var o=i.loadLevelObj;if(o&&(n.type===P&&o.hasAudioGroup(n.groupId)||n.type===C&&o.hasSubtitleGroup(n.groupId)))return t.errorAction=this.getPlaylistRetryOrSwitchAction(t,i.loadLevel),t.errorAction.action=Ot,void(t.errorAction.flags=Nt)}return;case k.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED:return void(t.errorAction={action:Ot,flags:Ut});case k.KEY_SYSTEM_SESSION_UPDATE_FAILED:case k.KEY_SYSTEM_STATUS_INTERNAL_ERROR:case k.KEY_SYSTEM_NO_SESSION:return void(t.errorAction={action:Ot,flags:Bt});case k.BUFFER_ADD_CODEC_ERROR:case k.REMUX_ALLOC_ERROR:case k.BUFFER_APPEND_ERROR:var l;return void(t.errorAction||(t.errorAction=this.getLevelSwitchAction(t,null!=(l=t.level)?l:i.loadLevel)));case k.INTERNAL_EXCEPTION:case k.BUFFER_APPENDING_ERROR:case k.BUFFER_FULL_ERROR:case k.LEVEL_SWITCH_ERROR:case k.BUFFER_STALLED_ERROR:case k.BUFFER_SEEK_OVER_HOLE:case k.BUFFER_NUDGE_ON_STALL:return void(t.errorAction=Kt())}t.type===R.KEY_SYSTEM_ERROR&&(t.levelRetry=!1,t.errorAction=Kt())}},r.getPlaylistRetryOrSwitchAction=function(e,t){var r=bt(this.hls.config.playlistLoadPolicy,e),i=this.playlistError++;if(Pt(r,i,It(e),e.response))return{action:Mt,flags:Ft,retryConfig:r,retryCount:i};var n=this.getLevelSwitchAction(e,t);return r&&(n.retryConfig=r,n.retryCount=i),n},r.getFragRetryOrSwitchAction=function(e){var t=this.hls,r=this.getVariantLevelIndex(e.frag),i=t.levels[r],n=t.config,a=n.fragLoadPolicy,s=n.keyLoadPolicy,o=bt(Rt(e)?s:a,e),l=t.levels.reduce((function(e,t){return e+t.fragmentError}),0);if(i&&(e.details!==k.FRAG_GAP&&i.fragmentError++,!kt(e)&&Pt(o,l,It(e),e.response)))return{action:Mt,flags:Ft,retryConfig:o,retryCount:l};var u=this.getLevelSwitchAction(e,r);return o&&(u.retryConfig=o,u.retryCount=l),u},r.getLevelSwitchAction=function(e,t){var r=this.hls;null==t&&(t=r.loadLevel);var i=this.hls.levels[t];if(i){var n,a,s=e.details;i.loadError++,s===k.BUFFER_APPEND_ERROR&&i.fragmentError++;var o=-1,l=r.levels,u=r.loadLevel,d=r.minAutoLevel,h=r.maxAutoLevel;r.autoLevelEnabled||r.config.preserveManualLevelOnError||(r.loadLevel=-1);for(var f,c=null==(n=e.frag)?void 0:n.type,g=(c===O&&s===k.FRAG_PARSING_ERROR||"audio"===e.sourceBufferName&&(s===k.BUFFER_ADD_CODEC_ERROR||s===k.BUFFER_APPEND_ERROR))&&l.some((function(e){var t=e.audioCodec;return i.audioCodec!==t})),v="video"===e.sourceBufferName&&(s===k.BUFFER_ADD_CODEC_ERROR||s===k.BUFFER_APPEND_ERROR)&&l.some((function(e){var t=e.codecSet,r=e.audioCodec;return i.codecSet!==t&&i.audioCodec===r})),m=null!=(a=e.context)?a:{},p=m.type,y=m.groupId,E=function(){var t=(T+u)%l.length;if(t!==u&&t>=d&&t<=h&&0===l[t].loadError){var r,n,a=l[t];if(s===k.FRAG_GAP&&c===w&&e.frag){var f=l[t].details;if(f){var m=Tt(e.frag,f.fragments,e.frag.start);if(null!=m&&m.gap)return 0}}else{if(p===P&&a.hasAudioGroup(y)||p===C&&a.hasSubtitleGroup(y))return 0;if(c===O&&null!=(r=i.audioGroups)&&r.some((function(e){return a.hasAudioGroup(e)}))||c===x&&null!=(n=i.subtitleGroups)&&n.some((function(e){return a.hasSubtitleGroup(e)}))||g&&i.audioCodec===a.audioCodec||v&&i.codecSet===a.codecSet||!g&&i.codecSet!==a.codecSet)return 0}return o=t,1}},T=l.length;T--&&(0===(f=E())||1!==f););if(o>-1&&r.loadLevel!==o)return e.levelRetry=!0,this.playlistError=0,{action:Ot,flags:Ft,nextAutoLevel:o}}return{action:Ot,flags:Nt}},r.onErrorOut=function(e,t){var r;switch(null==(r=t.errorAction)?void 0:r.action){case wt:break;case Ot:this.sendAlternateToPenaltyBox(t),t.errorAction.resolved||t.details===k.FRAG_GAP?/MediaSource readyState: ended/.test(t.error.message)&&(this.warn('MediaSource ended after "'+t.sourceBufferName+'" sourceBuffer append error. Attempting to recover from media error.'),this.hls.recoverMediaError()):t.fatal=!0}t.fatal&&this.hls.stopLoad()},r.sendAlternateToPenaltyBox=function(e){var t=this.hls,r=e.errorAction;if(r){var i=r.flags,n=r.nextAutoLevel;switch(i){case Ft:this.switchLevel(e,n);break;case Ut:var a=this.getVariantLevelIndex(e.frag),s=t.levels[a],o=null==s?void 0:s.attrs["HDCP-LEVEL"];if(r.hdcpLevel=o,"NONE"===o)this.warn("HDCP policy resticted output with HDCP-LEVEL=NONE");else if(o){t.maxHdcpLevel=Je[Je.indexOf(o)-1],r.resolved=!0,this.warn('Restricting playback to HDCP-LEVEL of "'+t.maxHdcpLevel+'" or lower');break}case Bt:var l=e.decryptdata;if(l){for(var u=this.hls.levels,d=u.length,h=d;h--;){var f,c;this.variantHasKey(u[h],l)&&(this.log("Banned key found in level "+h+" ("+u[h].bitrate+'bps) or audio group "'+(null==(f=u[h].audioGroups)?void 0:f.join(","))+'" ('+(null==(c=e.frag)?void 0:c.type)+" fragment) "+X(l.keyId||[])),u[h].fragmentError++,u[h].loadError++,this.log("Removing level "+h+" with key error ("+e.error+")"),this.hls.removeLevel(h))}var g=e.frag;if(this.hls.levels.length<d)r.resolved=!0;else if(g&&g.type!==w){var v=g.decryptdata;v&&!l.matches(v)&&(r.resolved=!0)}}}r.resolved||this.switchLevel(e,n)}},r.switchLevel=function(e,t){if(void 0!==t&&e.errorAction&&(this.warn("switching to level "+t+" after "+e.details),this.hls.nextAutoLevel=t,e.errorAction.resolved=!0,this.hls.nextLoadLevel=this.hls.nextAutoLevel,e.details===k.BUFFER_ADD_CODEC_ERROR&&e.mimeType&&"audiovideo"!==e.sourceBufferName))for(var r=je(e.mimeType),i=this.hls.levels,n=i.length;n--;)i[n][e.sourceBufferName+"Codec"]===r&&(this.log("Removing level "+n+" for "+e.details+' ("'+r+'" not supported)'),this.hls.removeLevel(n))},t}(N);function Kt(e){var t={action:wt,flags:Ft};return e&&(t.resolved=!0),t}var Vt="NOT_LOADED",Ht="APPENDING",Yt="PARTIAL",Wt="OK",jt=function(){function e(e){this.activePartLists=Object.create(null),this.endListFragments=Object.create(null),this.fragments=Object.create(null),this.timeRanges=Object.create(null),this.bufferPadding=.2,this.hls=void 0,this.hasGaps=!1,this.hls=e,this._registerListeners()}var t=e.prototype;return t._registerListeners=function(){var e=this.hls;e&&(e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.BUFFER_APPENDED,this.onBufferAppended,this),e.on(b.FRAG_BUFFERED,this.onFragBuffered,this),e.on(b.FRAG_LOADED,this.onFragLoaded,this))},t._unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.BUFFER_APPENDED,this.onBufferAppended,this),e.off(b.FRAG_BUFFERED,this.onFragBuffered,this),e.off(b.FRAG_LOADED,this.onFragLoaded,this))},t.destroy=function(){this._unregisterListeners(),this.hls=this.fragments=this.activePartLists=this.endListFragments=this.timeRanges=null},t.getAppendedFrag=function(e,t){var r=this.activePartLists[t];if(r)for(var i=r.length;i--;){var n=r[i];if(!n)break;if(n.start<=e&&e<=n.end&&n.loaded)return n}return this.getBufferedFrag(e,t)},t.getBufferedFrag=function(e,t){return this.getFragAtPos(e,t,!0)},t.getFragAtPos=function(e,t,r){for(var i=this.fragments,n=Object.keys(i),a=n.length;a--;){var s=i[n[a]];if((null==s?void 0:s.body.type)===t&&(!r||s.buffered)){var o=s.body;if(o.start<=e&&e<=o.end)return o}}return null},t.detectEvictedFragments=function(e,t,r,i,n){var a=this;this.timeRanges&&(this.timeRanges[e]=t);var s=(null==i?void 0:i.fragment.sn)||-1;Object.keys(this.fragments).forEach((function(i){var o=a.fragments[i];if(o&&!(s>=o.body.sn))if(o.buffered||o.loaded&&!n){var l=o.range[e];l&&(0!==l.time.length?l.time.some((function(e){var r=!a.isTimeBuffered(e.startPTS,e.endPTS,t);return r&&a.removeFragment(o.body),r})):a.removeFragment(o.body))}else o.body.type===r&&a.removeFragment(o.body)}))},t.detectPartialFragments=function(e){var t=this,r=this.timeRanges;if(r&&"initSegment"!==e.frag.sn){var i=e.frag,n=Xt(i),a=this.fragments[n];if(!(!a||a.buffered&&i.gap)){var s=!i.relurl;Object.keys(r).forEach((function(n){var o=i.elementaryStreams[n];if(o){var l=r[n],u=s||!0===o.partial;a.range[n]=t.getBufferedTimes(i,e.part,u,l)}})),a.loaded=null,Object.keys(a.range).length?(a.buffered=!0,(a.body.endList=i.endList||a.body.endList)&&(this.endListFragments[a.body.type]=a),qt(a)||this.removeParts(i.sn-1,i.type)):this.removeFragment(a.body)}}},t.removeParts=function(e,t){var r=this.activePartLists[t];r&&(this.activePartLists[t]=Qt(r,(function(t){return t.fragment.sn>=e})))},t.fragBuffered=function(e,t){var r=Xt(e),i=this.fragments[r];!i&&t&&(i=this.fragments[r]={body:e,appendedPTS:null,loaded:null,buffered:!1,range:Object.create(null)},e.gap&&(this.hasGaps=!0)),i&&(i.loaded=null,i.buffered=!0)},t.getBufferedTimes=function(e,t,r,i){for(var n={time:[],partial:r},a=e.start,s=e.end,o=e.minEndPTS||s,l=e.maxStartPTS||a,u=0;u<i.length;u++){var d=i.start(u)-this.bufferPadding,h=i.end(u)+this.bufferPadding;if(l>=d&&o<=h){n.time.push({startPTS:Math.max(a,i.start(u)),endPTS:Math.min(s,i.end(u))});break}if(a<h&&s>d){var f=Math.max(a,i.start(u)),c=Math.min(s,i.end(u));c>f&&(n.partial=!0,n.time.push({startPTS:f,endPTS:c}))}else if(s<=d)break}return n},t.getPartialFragment=function(e){var t,r,i,n=null,a=0,s=this.bufferPadding,o=this.fragments;return Object.keys(o).forEach((function(l){var u=o[l];u&&qt(u)&&(r=u.body.start-s,i=u.body.end+s,e>=r&&e<=i&&(t=Math.min(e-r,i-e),a<=t&&(n=u.body,a=t)))})),n},t.isEndListAppended=function(e){var t=this.endListFragments[e];return void 0!==t&&(t.buffered||qt(t))},t.getState=function(e){var t=Xt(e),r=this.fragments[t];return r?r.buffered?qt(r)?Yt:Wt:Ht:Vt},t.isTimeBuffered=function(e,t,r){for(var i,n,a=0;a<r.length;a++){if(i=r.start(a)-this.bufferPadding,n=r.end(a)+this.bufferPadding,e>=i&&t<=n)return!0;if(t<=i)return!1}return!1},t.onManifestLoading=function(){this.removeAllFragments()},t.onFragLoaded=function(e,t){if("initSegment"!==t.frag.sn&&!t.frag.bitrateTest){var r=t.frag,i=t.part?null:t,n=Xt(r);this.fragments[n]={body:r,appendedPTS:null,loaded:i,buffered:!1,range:Object.create(null)}}},t.onBufferAppended=function(e,t){var r=t.frag,i=t.part,n=t.timeRanges,a=t.type;if("initSegment"!==r.sn){var s=r.type;if(i){var o=this.activePartLists[s];o||(this.activePartLists[s]=o=[]),o.push(i)}this.timeRanges=n;var l=n[a];this.detectEvictedFragments(a,l,s,i)}},t.onFragBuffered=function(e,t){this.detectPartialFragments(t)},t.hasFragment=function(e){var t=Xt(e);return!!this.fragments[t]},t.hasFragments=function(e){var t=this.fragments,r=Object.keys(t);if(!e)return r.length>0;for(var i=r.length;i--;){var n=t[r[i]];if((null==n?void 0:n.body.type)===e)return!0}return!1},t.hasParts=function(e){var t;return!(null==(t=this.activePartLists[e])||!t.length)},t.removeFragmentsInRange=function(e,t,r,i,n){var a=this;i&&!this.hasGaps||Object.keys(this.fragments).forEach((function(s){var o=a.fragments[s];if(o){var l=o.body;l.type!==r||i&&!l.gap||l.start<t&&l.end>e&&(o.buffered||n)&&a.removeFragment(l)}}))},t.removeFragment=function(e){var t=Xt(e);e.clearElementaryStreamInfo();var r=this.activePartLists[e.type];if(r){var i=e.sn;this.activePartLists[e.type]=Qt(r,(function(e){return e.fragment.sn!==i}))}delete this.fragments[t],e.endList&&delete this.endListFragments[e.type]},t.removeAllFragments=function(){var e;this.fragments=Object.create(null),this.endListFragments=Object.create(null),this.activePartLists=Object.create(null),this.hasGaps=!1;var t=null==(e=this.hls)||null==(e=e.latestLevelDetails)?void 0:e.partList;t&&t.forEach((function(e){return e.clearElementaryStreamInfo()}))},e}();function qt(e){var t,r,i;return e.buffered&&!!(e.body.gap||null!=(t=e.range.video)&&t.partial||null!=(r=e.range.audio)&&r.partial||null!=(i=e.range.audiovideo)&&i.partial)}function Xt(e){return e.type+"_"+e.level+"_"+e.sn}function Qt(e,t){return e.filter((function(e){var r=t(e);return r||e.clearElementaryStreamInfo(),r}))}var zt=0,$t=1,Zt=function(){function e(e,t,r){this.subtle=void 0,this.aesIV=void 0,this.aesMode=void 0,this.subtle=e,this.aesIV=t,this.aesMode=r}return e.prototype.decrypt=function(e,t){switch(this.aesMode){case zt:return this.subtle.decrypt({name:"AES-CBC",iv:this.aesIV},t,e);case $t:return this.subtle.decrypt({name:"AES-CTR",counter:this.aesIV,length:64},t,e);default:throw new Error("[AESCrypto] invalid aes mode "+this.aesMode)}},e}(),Jt=function(){function e(){this.rcon=[0,1,2,4,8,16,32,64,128,27,54],this.subMix=[new Uint32Array(256),new Uint32Array(256),new Uint32Array(256),new Uint32Array(256)],this.invSubMix=[new Uint32Array(256),new Uint32Array(256),new Uint32Array(256),new Uint32Array(256)],this.sBox=new Uint32Array(256),this.invSBox=new Uint32Array(256),this.key=new Uint32Array(0),this.ksRows=0,this.keySize=0,this.keySchedule=void 0,this.invKeySchedule=void 0,this.initTable()}var t=e.prototype;return t.uint8ArrayToUint32Array_=function(e){for(var t=new DataView(e),r=new Uint32Array(4),i=0;i<4;i++)r[i]=t.getUint32(4*i);return r},t.initTable=function(){var e=this.sBox,t=this.invSBox,r=this.subMix,i=r[0],n=r[1],a=r[2],s=r[3],o=this.invSubMix,l=o[0],u=o[1],d=o[2],h=o[3],f=new Uint32Array(256),c=0,g=0,v=0;for(v=0;v<256;v++)f[v]=v<128?v<<1:v<<1^283;for(v=0;v<256;v++){var m=g^g<<1^g<<2^g<<3^g<<4;m=m>>>8^255&m^99,e[c]=m,t[m]=c;var p=f[c],y=f[p],E=f[y],T=257*f[m]^16843008*m;i[c]=T<<24|T>>>8,n[c]=T<<16|T>>>16,a[c]=T<<8|T>>>24,s[c]=T,T=16843009*E^65537*y^257*p^16843008*c,l[m]=T<<24|T>>>8,u[m]=T<<16|T>>>16,d[m]=T<<8|T>>>24,h[m]=T,c?(c=p^f[f[f[E^p]]],g^=f[f[g]]):c=g=1}},t.expandKey=function(e){for(var t=this.uint8ArrayToUint32Array_(e),r=!0,i=0;i<t.length&&r;)r=t[i]===this.key[i],i++;if(!r){this.key=t;var n=this.keySize=t.length;if(4!==n&&6!==n&&8!==n)throw new Error("Invalid aes key size="+n);var a,s,o,l,u=this.ksRows=4*(n+6+1),d=this.keySchedule=new Uint32Array(u),h=this.invKeySchedule=new Uint32Array(u),f=this.sBox,c=this.rcon,g=this.invSubMix,v=g[0],m=g[1],p=g[2],y=g[3];for(a=0;a<u;a++)a<n?o=d[a]=t[a]:(l=o,a%n==0?(l=f[(l=l<<8|l>>>24)>>>24]<<24|f[l>>>16&255]<<16|f[l>>>8&255]<<8|f[255&l],l^=c[a/n|0]<<24):n>6&&a%n==4&&(l=f[l>>>24]<<24|f[l>>>16&255]<<16|f[l>>>8&255]<<8|f[255&l]),d[a]=o=(d[a-n]^l)>>>0);for(s=0;s<u;s++)a=u-s,l=3&s?d[a]:d[a-4],h[s]=s<4||a<=4?l:v[f[l>>>24]]^m[f[l>>>16&255]]^p[f[l>>>8&255]]^y[f[255&l]],h[s]=h[s]>>>0}},t.networkToHostOrderSwap=function(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24},t.decrypt=function(e,t,r){for(var i,n,a,s,o,l,u,d,h,f,c,g,v,m,p=this.keySize+6,y=this.invKeySchedule,E=this.invSBox,T=this.invSubMix,S=T[0],A=T[1],L=T[2],I=T[3],R=this.uint8ArrayToUint32Array_(r),k=R[0],b=R[1],D=R[2],_=R[3],P=new Int32Array(e),C=new Int32Array(P.length),w=this.networkToHostOrderSwap;t<P.length;){for(h=w(P[t]),f=w(P[t+1]),c=w(P[t+2]),g=w(P[t+3]),o=h^y[0],l=g^y[1],u=c^y[2],d=f^y[3],v=4,m=1;m<p;m++)i=S[o>>>24]^A[l>>16&255]^L[u>>8&255]^I[255&d]^y[v],n=S[l>>>24]^A[u>>16&255]^L[d>>8&255]^I[255&o]^y[v+1],a=S[u>>>24]^A[d>>16&255]^L[o>>8&255]^I[255&l]^y[v+2],s=S[d>>>24]^A[o>>16&255]^L[l>>8&255]^I[255&u]^y[v+3],o=i,l=n,u=a,d=s,v+=4;i=E[o>>>24]<<24^E[l>>16&255]<<16^E[u>>8&255]<<8^E[255&d]^y[v],n=E[l>>>24]<<24^E[u>>16&255]<<16^E[d>>8&255]<<8^E[255&o]^y[v+1],a=E[u>>>24]<<24^E[d>>16&255]<<16^E[o>>8&255]<<8^E[255&l]^y[v+2],s=E[d>>>24]<<24^E[o>>16&255]<<16^E[l>>8&255]<<8^E[255&u]^y[v+3],C[t]=w(i^k),C[t+1]=w(s^b),C[t+2]=w(a^D),C[t+3]=w(n^_),k=h,b=f,D=c,_=g,t+=4}return C.buffer},e}(),er=function(){function e(e,t,r){this.subtle=void 0,this.key=void 0,this.aesMode=void 0,this.subtle=e,this.key=t,this.aesMode=r}return e.prototype.expandKey=function(){var e=function(e){switch(e){case zt:return"AES-CBC";case $t:return"AES-CTR";default:throw new Error("[FastAESKey] invalid aes mode "+e)}}(this.aesMode);return this.subtle.importKey("raw",this.key,{name:e},!1,["encrypt","decrypt"])},e}(),tr=function(){function e(e,t){var r=(void 0===t?{}:t).removePKCS7Padding,i=void 0===r||r;if(this.logEnabled=!0,this.removePKCS7Padding=void 0,this.subtle=null,this.softwareDecrypter=null,this.key=null,this.fastAesKey=null,this.remainderData=null,this.currentIV=null,this.currentResult=null,this.useSoftware=void 0,this.enableSoftwareAES=void 0,this.enableSoftwareAES=e.enableSoftwareAES,this.removePKCS7Padding=i,i)try{var n=self.crypto;n&&(this.subtle=n.subtle||n.webkitSubtle)}catch(e){}this.useSoftware=!this.subtle}var t=e.prototype;return t.destroy=function(){this.subtle=null,this.softwareDecrypter=null,this.key=null,this.fastAesKey=null,this.remainderData=null,this.currentIV=null,this.currentResult=null},t.isSync=function(){return this.useSoftware},t.flush=function(){var e=this.currentResult,t=this.remainderData;if(!e||t)return this.reset(),null;var r,i,n,a=new Uint8Array(e);return this.reset(),this.removePKCS7Padding?(i=(r=a).byteLength,(n=i&&new DataView(r.buffer).getUint8(i-1))?r.slice(0,i-n):r):a},t.reset=function(){this.currentResult=null,this.currentIV=null,this.remainderData=null,this.softwareDecrypter&&(this.softwareDecrypter=null)},t.decrypt=function(e,t,r,i){var n=this;return this.useSoftware?new Promise((function(a,s){var o=ArrayBuffer.isView(e)?e:new Uint8Array(e);n.softwareDecrypt(o,t,r,i);var l=n.flush();l?a(l.buffer):s(new Error("[softwareDecrypt] Failed to decrypt data"))})):this.webCryptoDecrypt(new Uint8Array(e),t,r,i)},t.softwareDecrypt=function(e,t,r,i){var n=this.currentIV,a=this.currentResult,s=this.remainderData;if(i!==zt||16!==t.byteLength)return Y.warn("SoftwareDecrypt: can only handle AES-128-CBC"),null;this.logOnce("JS AES decrypt"),s&&(e=Le(s,e),this.remainderData=null);var o=this.getValidChunk(e);if(!o.length)return null;n&&(r=n);var l=this.softwareDecrypter;l||(l=this.softwareDecrypter=new Jt),l.expandKey(t);var u=a;return this.currentResult=l.decrypt(o.buffer,0,r),this.currentIV=o.slice(-16).buffer,u||null},t.webCryptoDecrypt=function(e,t,r,i){var n=this;if(this.key!==t||!this.fastAesKey){if(!this.subtle)return Promise.resolve(this.onWebCryptoError(e,t,r,i));this.key=t,this.fastAesKey=new er(this.subtle,t,i)}return this.fastAesKey.expandKey().then((function(t){return n.subtle?(n.logOnce("WebCrypto AES decrypt"),new Zt(n.subtle,new Uint8Array(r),i).decrypt(e.buffer,t)):Promise.reject(new Error("web crypto not initialized"))})).catch((function(a){return Y.warn("[decrypter]: WebCrypto Error, disable WebCrypto API, "+a.name+": "+a.message),n.onWebCryptoError(e,t,r,i)}))},t.onWebCryptoError=function(e,t,r,i){var n=this.enableSoftwareAES;if(n){this.useSoftware=!0,this.logEnabled=!0,this.softwareDecrypt(e,t,r,i);var a=this.flush();if(a)return a.buffer}throw new Error("WebCrypto"+(n?" and softwareDecrypt":"")+": failed to decrypt data")},t.getValidChunk=function(e){var t=e,r=e.length-e.length%16;return r!==e.length&&(t=e.slice(0,r),this.remainderData=e.slice(r)),t},t.logOnce=function(e){this.logEnabled&&(Y.log("[decrypter]: "+e),this.logEnabled=!1)},e}(),rr=Math.pow(2,17),ir=function(){function e(e){this.config=void 0,this.loader=null,this.partLoadTimeout=-1,this.config=e}var t=e.prototype;return t.destroy=function(){this.loader&&(this.loader.destroy(),this.loader=null)},t.abort=function(){this.loader&&this.loader.abort()},t.load=function(e,t){var r=this,i=e.url;if(!i)return Promise.reject(new sr({type:R.NETWORK_ERROR,details:k.FRAG_LOAD_ERROR,fatal:!1,frag:e,error:new Error("Fragment does not have a "+(i?"part list":"url")),networkDetails:null}));this.abort();var n=this.config,a=n.fLoader,s=n.loader;return new Promise((function(o,l){if(r.loader&&r.loader.destroy(),e.gap){if(e.tagList.some((function(e){return"GAP"===e[0]})))return void l(ar(e));e.gap=!1}var u=r.loader=a?new a(n):new s(n),h=nr(e);e.loader=u;var f=_t(n.fragLoadPolicy.default),c={loadPolicy:f,timeout:f.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0,highWaterMark:"initSegment"===e.sn?1/0:rr};e.stats=u.stats;var g={onSuccess:function(t,i,n,a){r.resetLoader(e,u);var s=t.data;n.resetIV&&e.decryptdata&&(e.decryptdata.iv=new Uint8Array(s.slice(0,16)),s=s.slice(16)),o({frag:e,part:null,payload:s,networkDetails:a})},onError:function(t,n,a,s){r.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.FRAG_LOAD_ERROR,fatal:!1,frag:e,response:d({url:i,data:void 0},t),error:new Error("HTTP Error "+t.code+" "+t.text),networkDetails:a,stats:s}))},onAbort:function(t,i,n){r.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.INTERNAL_ABORTED,fatal:!1,frag:e,error:new Error("Aborted"),networkDetails:n,stats:t}))},onTimeout:function(t,i,n){r.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.FRAG_LOAD_TIMEOUT,fatal:!1,frag:e,error:new Error("Timeout after "+c.timeout+"ms"),networkDetails:n,stats:t}))}};t&&(g.onProgress=function(r,i,n,a){return t({frag:e,part:null,payload:n,networkDetails:a})}),u.load(h,c,g)}))},t.loadPart=function(e,t,r){var i=this;this.abort();var n=this.config,a=n.fLoader,s=n.loader;return new Promise((function(o,l){if(i.loader&&i.loader.destroy(),e.gap||t.gap)l(ar(e,t));else{var u=i.loader=a?new a(n):new s(n),h=nr(e,t);e.loader=u;var f=_t(n.fragLoadPolicy.default),c={loadPolicy:f,timeout:f.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0,highWaterMark:rr};t.stats=u.stats,u.load(h,c,{onSuccess:function(n,a,s,l){i.resetLoader(e,u),i.updateStatsFromPart(e,t);var d={frag:e,part:t,payload:n.data,networkDetails:l};r(d),o(d)},onError:function(r,n,a,s){i.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.FRAG_LOAD_ERROR,fatal:!1,frag:e,part:t,response:d({url:h.url,data:void 0},r),error:new Error("HTTP Error "+r.code+" "+r.text),networkDetails:a,stats:s}))},onAbort:function(r,n,a){e.stats.aborted=t.stats.aborted,i.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.INTERNAL_ABORTED,fatal:!1,frag:e,part:t,error:new Error("Aborted"),networkDetails:a,stats:r}))},onTimeout:function(r,n,a){i.resetLoader(e,u),l(new sr({type:R.NETWORK_ERROR,details:k.FRAG_LOAD_TIMEOUT,fatal:!1,frag:e,part:t,error:new Error("Timeout after "+c.timeout+"ms"),networkDetails:a,stats:r}))}})}}))},t.updateStatsFromPart=function(e,t){var r=e.stats,i=t.stats,n=i.total;if(r.loaded+=i.loaded,n){var a=Math.round(e.duration/t.duration),s=Math.min(Math.round(r.loaded/n),a),o=(a-s)*Math.round(r.loaded/s);r.total=r.loaded+o}else r.total=Math.max(r.loaded,r.total);var l=r.loading,u=i.loading;l.start?l.first+=u.first-u.start:(l.start=u.start,l.first=u.first),l.end=u.end},t.resetLoader=function(e,t){e.loader=null,this.loader===t&&(self.clearTimeout(this.partLoadTimeout),this.loader=null),t.destroy()},e}();function nr(e,t){void 0===t&&(t=null);var r,i=t||e,n={frag:e,part:t,responseType:"arraybuffer",url:i.url,headers:{},rangeStart:0,rangeEnd:0},a=i.byteRangeStartOffset,s=i.byteRangeEndOffset;if(A(a)&&A(s)){var o,l=a,u=s;if("initSegment"===e.sn&&("AES-128"===(r=null==(o=e.decryptdata)?void 0:o.method)||"AES-256"===r)){var d=s-a;d%16&&(u=s+(16-d%16)),0!==a&&(n.resetIV=!0,l=a-16)}n.rangeStart=l,n.rangeEnd=u}return n}function ar(e,t){var r=new Error("GAP "+(e.gap?"tag":"attribute")+" found"),i={type:R.MEDIA_ERROR,details:k.FRAG_GAP,fatal:!1,frag:e,error:r,networkDetails:null};return t&&(i.part=t),(t||e).stats.aborted=!0,new sr(i)}var sr=function(e){function t(t){var r;return(r=e.call(this,t.error.message)||this).data=void 0,r.data=t,r}return o(t,e),t}(c(Error)),or=function(e){function t(t,r){var i;return(i=e.call(this,t,r)||this)._boundTick=void 0,i._tickTimer=null,i._tickInterval=null,i._tickCallCount=0,i._boundTick=i.tick.bind(i),i}o(t,e);var r=t.prototype;return r.destroy=function(){this.onHandlerDestroying(),this.onHandlerDestroyed()},r.onHandlerDestroying=function(){this.clearNextTick(),this.clearInterval()},r.onHandlerDestroyed=function(){},r.hasInterval=function(){return!!this._tickInterval},r.hasNextTick=function(){return!!this._tickTimer},r.setInterval=function(e){return!this._tickInterval&&(this._tickCallCount=0,this._tickInterval=self.setInterval(this._boundTick,e),!0)},r.clearInterval=function(){return!!this._tickInterval&&(self.clearInterval(this._tickInterval),this._tickInterval=null,!0)},r.clearNextTick=function(){return!!this._tickTimer&&(self.clearTimeout(this._tickTimer),this._tickTimer=null,!0)},r.tick=function(){this._tickCallCount++,1===this._tickCallCount&&(this.doTick(),this._tickCallCount>1&&this.tickImmediate(),this._tickCallCount=0)},r.tickImmediate=function(){this.clearNextTick(),this._tickTimer=self.setTimeout(this._boundTick,0)},r.doTick=function(){},t}(N),lr=function(e,t,r,i,n,a){void 0===i&&(i=0),void 0===n&&(n=-1),void 0===a&&(a=!1),this.level=void 0,this.sn=void 0,this.part=void 0,this.id=void 0,this.size=void 0,this.partial=void 0,this.transmuxing={start:0,executeStart:0,executeEnd:0,end:0},this.buffering={audio:{start:0,executeStart:0,executeEnd:0,end:0},video:{start:0,executeStart:0,executeEnd:0,end:0},audiovideo:{start:0,executeStart:0,executeEnd:0,end:0}},this.level=e,this.sn=t,this.id=r,this.size=i,this.part=n,this.partial=a},ur={length:0,start:function(){return 0},end:function(){return 0}},dr=function(){function e(){}return e.isBuffered=function(t,r){if(t)for(var i=e.getBuffered(t),n=i.length;n--;)if(r>=i.start(n)&&r<=i.end(n))return!0;return!1},e.bufferedRanges=function(t){if(t){var r=e.getBuffered(t);return e.timeRangesToArray(r)}return[]},e.timeRangesToArray=function(e){for(var t=[],r=0;r<e.length;r++)t.push({start:e.start(r),end:e.end(r)});return t},e.bufferInfo=function(t,r,i){if(t){var n=e.bufferedRanges(t);if(n.length)return e.bufferedInfo(n,r,i)}return{len:0,start:r,end:r,bufferedIndex:-1}},e.bufferedInfo=function(e,t,r){t=Math.max(0,t),e.length>1&&e.sort((function(e,t){return e.start-t.start||t.end-e.end}));var i=-1,n=[];if(r)for(var a=0;a<e.length;a++){t>=e[a].start&&t<=e[a].end&&(i=a);var s=n.length;if(s){var o=n[s-1].end;e[a].start-o<r?e[a].end>o&&(n[s-1].end=e[a].end):n.push(e[a])}else n.push(e[a])}else n=e;for(var l,u=0,d=t,h=t,f=0;f<n.length;f++){var c=n[f].start,g=n[f].end;if(-1===i&&t>=c&&t<=g&&(i=f),t+r>=c&&t<g)d=c,u=(h=g)-t;else if(t+r<c){l=c;break}}return{len:u,start:d||0,end:h||0,nextStart:l,buffered:e,bufferedIndex:i}},e.getBuffered=function(e){try{return e.buffered||ur}catch(e){return Y.log("failed to get media.buffered",e),ur}},e}(),hr=/\{\$([a-zA-Z0-9-_]+)\}/g;function fr(e){return hr.test(e)}function cr(e,t){if(null!==e.variableList||e.hasVariableRefs){var r=e.variableList;return t.replace(hr,(function(t){var i=t.substring(2,t.length-1),n=null==r?void 0:r[i];return void 0===n?(e.playlistParsingError||(e.playlistParsingError=new Error('Missing preceding EXT-X-DEFINE tag for Variable Reference: "'+i+'"')),t):n}))}return t}function gr(e,t,r){var i,n,a=e.variableList;if(a||(e.variableList=a={}),"QUERYPARAM"in t){i=t.QUERYPARAM;try{var s=new self.URL(r).searchParams;if(!s.has(i))throw new Error('"'+i+'" does not match any query parameter in URI: "'+r+'"');n=s.get(i)}catch(t){e.playlistParsingError||(e.playlistParsingError=new Error("EXT-X-DEFINE QUERYPARAM: "+t.message))}}else i=t.NAME,n=t.VALUE;i in a?e.playlistParsingError||(e.playlistParsingError=new Error('EXT-X-DEFINE duplicate Variable Name declarations: "'+i+'"')):a[i]=n||""}function vr(e,t,r){var i=t.IMPORT;if(r&&i in r){var n=e.variableList;n||(e.variableList=n={}),n[i]=r[i]}else e.playlistParsingError||(e.playlistParsingError=new Error('EXT-X-DEFINE IMPORT attribute not found in Multivariant Playlist: "'+i+'"'))}var mr=/^(\d+)x(\d+)$/,pr=/(.+?)=(".*?"|.*?)(?:,|$)/g,yr=function(){function e(t,r){"string"==typeof t&&(t=e.parseAttrList(t,r)),a(this,t)}var t=e.prototype;return t.decimalInteger=function(e){var t=parseInt(this[e],10);return t>Number.MAX_SAFE_INTEGER?1/0:t},t.hexadecimalInteger=function(e){if(this[e]){var t=(this[e]||"0x").slice(2);t=(1&t.length?"0":"")+t;for(var r=new Uint8Array(t.length/2),i=0;i<t.length/2;i++)r[i]=parseInt(t.slice(2*i,2*i+2),16);return r}return null},t.hexadecimalIntegerAsNumber=function(e){var t=parseInt(this[e],16);return t>Number.MAX_SAFE_INTEGER?1/0:t},t.decimalFloatingPoint=function(e){return parseFloat(this[e])},t.optionalFloat=function(e,t){var r=this[e];return r?parseFloat(r):t},t.enumeratedString=function(e){return this[e]},t.enumeratedStringList=function(e,t){var r=this[e];return(r?r.split(/[ ,]+/):[]).reduce((function(e,t){return e[t.toLowerCase()]=!0,e}),t)},t.bool=function(e){return"YES"===this[e]},t.decimalResolution=function(e){var t=mr.exec(this[e]);if(null!==t)return{width:parseInt(t[1],10),height:parseInt(t[2],10)}},e.parseAttrList=function(e,t){var r,i={};for(pr.lastIndex=0;null!==(r=pr.exec(e));){var n=r[1].trim(),a=r[2],s=0===a.indexOf('"')&&a.lastIndexOf('"')===a.length-1,o=!1;if(s)a=a.slice(1,-1);else switch(n){case"IV":case"SCTE35-CMD":case"SCTE35-IN":case"SCTE35-OUT":o=!0}if(t&&(s||o))a=cr(t,a);else if(!o&&!s)switch(n){case"CLOSED-CAPTIONS":if("NONE"===a)break;case"ALLOWED-CPC":case"CLASS":case"ASSOC-LANGUAGE":case"AUDIO":case"BYTERANGE":case"CHANNELS":case"CHARACTERISTICS":case"CODECS":case"DATA-ID":case"END-DATE":case"GROUP-ID":case"ID":case"IMPORT":case"INSTREAM-ID":case"KEYFORMAT":case"KEYFORMATVERSIONS":case"LANGUAGE":case"NAME":case"PATHWAY-ID":case"QUERYPARAM":case"RECENTLY-REMOVED-DATERANGES":case"SERVER-URI":case"STABLE-RENDITION-ID":case"STABLE-VARIANT-ID":case"START-DATE":case"SUBTITLES":case"SUPPLEMENTAL-CODECS":case"URI":case"VALUE":case"VIDEO":case"X-ASSET-LIST":case"X-ASSET-URI":Y.warn(e+": attribute "+n+" is missing quotes")}i[n]=a}return i},i(e,[{key:"clientAttrs",get:function(){return Object.keys(this).filter((function(e){return"X-"===e.substring(0,2)}))}}])}();function Er(e){return"SCTE35-OUT"===e||"SCTE35-IN"===e||"SCTE35-CMD"===e}var Tr=function(){return i((function(e,t,r){var i;if(void 0===r&&(r=0),this.attr=void 0,this.tagAnchor=void 0,this.tagOrder=void 0,this._startDate=void 0,this._endDate=void 0,this._dateAtEnd=void 0,this._cue=void 0,this._badValueForSameId=void 0,this.tagAnchor=(null==t?void 0:t.tagAnchor)||null,this.tagOrder=null!=(i=null==t?void 0:t.tagOrder)?i:r,t){var n=t.attr;for(var s in n)if(Object.prototype.hasOwnProperty.call(e,s)&&e[s]!==n[s]){Y.warn('DATERANGE tag attribute: "'+s+'" does not match for tags with ID: "'+e.ID+'"'),this._badValueForSameId=s;break}e=a(new yr({}),n,e)}if(this.attr=e,t?(this._startDate=t._startDate,this._cue=t._cue,this._endDate=t._endDate,this._dateAtEnd=t._dateAtEnd):this._startDate=new Date(e["START-DATE"]),"END-DATE"in this.attr){var o=(null==t?void 0:t.endDate)||new Date(this.attr["END-DATE"]);A(o.getTime())&&(this._endDate=o)}}),[{key:"id",get:function(){return this.attr.ID}},{key:"class",get:function(){return this.attr.CLASS}},{key:"cue",get:function(){var e=this._cue;return void 0===e?this._cue=this.attr.enumeratedStringList(this.attr.CUE?"CUE":"X-CUE",{pre:!1,post:!1,once:!1}):e}},{key:"startTime",get:function(){var e=this.tagAnchor;return null===e||null===e.programDateTime?(Y.warn('Expected tagAnchor Fragment with PDT set for DateRange "'+this.id+'": '+e),NaN):e.start+(this.startDate.getTime()-e.programDateTime)/1e3}},{key:"startDate",get:function(){return this._startDate}},{key:"endDate",get:function(){var e=this._endDate||this._dateAtEnd;if(e)return e;var t=this.duration;return null!==t?this._dateAtEnd=new Date(this._startDate.getTime()+1e3*t):null}},{key:"duration",get:function(){if("DURATION"in this.attr){var e=this.attr.decimalFloatingPoint("DURATION");if(A(e))return e}else if(this._endDate)return(this._endDate.getTime()-this._startDate.getTime())/1e3;return null}},{key:"plannedDuration",get:function(){return"PLANNED-DURATION"in this.attr?this.attr.decimalFloatingPoint("PLANNED-DURATION"):null}},{key:"endOnNext",get:function(){return this.attr.bool("END-ON-NEXT")}},{key:"isInterstitial",get:function(){return"com.apple.hls.interstitial"===this.class}},{key:"isValid",get:function(){return!!this.id&&!this._badValueForSameId&&A(this.startDate.getTime())&&(null===this.duration||this.duration>=0)&&(!this.endOnNext||!!this.class)&&(!this.attr.CUE||!this.cue.pre&&!this.cue.post||this.cue.pre!==this.cue.post)&&(!this.isInterstitial||"X-ASSET-URI"in this.attr||"X-ASSET-LIST"in this.attr)}}])}(),Sr=function(){function e(e){this.PTSKnown=!1,this.alignedSliding=!1,this.averagetargetduration=void 0,this.endCC=0,this.endSN=0,this.fragments=void 0,this.fragmentHint=void 0,this.partList=null,this.dateRanges=void 0,this.dateRangeTagCount=0,this.live=!0,this.requestScheduled=-1,this.ageHeader=0,this.advancedDateTime=void 0,this.updated=!0,this.advanced=!0,this.misses=0,this.startCC=0,this.startSN=0,this.startTimeOffset=null,this.targetduration=0,this.totalduration=0,this.type=null,this.url=void 0,this.m3u8="",this.version=null,this.canBlockReload=!1,this.canSkipUntil=0,this.canSkipDateRanges=!1,this.skippedSegments=0,this.recentlyRemovedDateranges=void 0,this.partHoldBack=0,this.holdBack=0,this.partTarget=0,this.preloadHint=void 0,this.renditionReports=void 0,this.tuneInGoal=0,this.deltaUpdateFailed=void 0,this.driftStartTime=0,this.driftEndTime=0,this.driftStart=0,this.driftEnd=0,this.encryptedFragments=void 0,this.playlistParsingError=null,this.variableList=null,this.hasVariableRefs=!1,this.appliedTimelineOffset=void 0,this.fragments=[],this.encryptedFragments=[],this.dateRanges={},this.url=e}var t=e.prototype;return t.reloaded=function(e){if(!e)return this.advanced=!0,void(this.updated=!0);var t=this.lastPartSn-e.lastPartSn,r=this.lastPartIndex-e.lastPartIndex;this.updated=this.endSN!==e.endSN||!!r||!!t||!this.live,this.advanced=this.endSN>e.endSN||t>0||0===t&&r>0,this.updated||this.advanced?this.misses=Math.floor(.6*e.misses):this.misses=e.misses+1},t.hasKey=function(e){return this.encryptedFragments.some((function(t){var r=t.decryptdata;return r||(t.setKeyFormat(e.keyFormat),r=t.decryptdata),!!r&&e.matches(r)}))},i(e,[{key:"hasProgramDateTime",get:function(){return!!this.fragments.length&&A(this.fragments[this.fragments.length-1].programDateTime)}},{key:"levelTargetDuration",get:function(){return this.averagetargetduration||this.targetduration||10}},{key:"drift",get:function(){var e=this.driftEndTime-this.driftStartTime;return e>0?1e3*(this.driftEnd-this.driftStart)/e:1}},{key:"edge",get:function(){return this.partEnd||this.fragmentEnd}},{key:"partEnd",get:function(){var e;return null!=(e=this.partList)&&e.length?this.partList[this.partList.length-1].end:this.fragmentEnd}},{key:"fragmentEnd",get:function(){return this.fragments.length?this.fragments[this.fragments.length-1].end:0}},{key:"fragmentStart",get:function(){return this.fragments.length?this.fragments[0].start:0}},{key:"age",get:function(){return this.advancedDateTime?Math.max(Date.now()-this.advancedDateTime,0)/1e3:0}},{key:"lastPartIndex",get:function(){var e;return null!=(e=this.partList)&&e.length?this.partList[this.partList.length-1].index:-1}},{key:"maxPartIndex",get:function(){var e=this.partList;if(e){var t=this.lastPartIndex;if(-1!==t){for(var r=e.length;r--;)if(e[r].index>t)return e[r].index;return t}}return 0}},{key:"lastPartSn",get:function(){var e;return null!=(e=this.partList)&&e.length?this.partList[this.partList.length-1].fragment.sn:this.endSN}},{key:"expired",get:function(){if(this.live&&this.age&&this.misses<3){var e=this.partEnd-this.fragmentStart;return this.age>Math.max(e,this.totalduration)+this.levelTargetDuration}return!1}}])}();function Ar(e,t){return e.length===t.length&&!e.some((function(e,r){return e!==t[r]}))}function Lr(e,t){return!e&&!t||!(!e||!t)&&Ar(e,t)}function Ir(e){return"AES-128"===e||"AES-256"===e||"AES-256-CTR"===e}function Rr(e){switch(e){case"AES-128":case"AES-256":return zt;case"AES-256-CTR":return $t;default:throw new Error("invalid full segment method "+e)}}function kr(e){return Uint8Array.from(atob(e),(function(e){return e.charCodeAt(0)}))}function br(e){return Uint8Array.from(unescape(encodeURIComponent(e)),(function(e){return e.charCodeAt(0)}))}function Dr(e){var t=function(e,t,r){var i=e[t];e[t]=e[r],e[r]=i};t(e,0,3),t(e,1,2),t(e,4,5),t(e,6,7)}function _r(e){var t,r,i=e.split(":"),n=null;if("data"===i[0]&&2===i.length){var a=i[1].split(";"),s=a[a.length-1].split(",");if(2===s.length){var o="base64"===s[0],l=s[1];o?(a.splice(-1,1),n=kr(l)):(t=br(l).subarray(0,16),(r=new Uint8Array(16)).set(t,16-t.length),n=r)}}return n}var Pr="undefined"!=typeof self?self:void 0,Cr={CLEARKEY:"org.w3.clearkey",FAIRPLAY:"com.apple.fps",PLAYREADY:"com.microsoft.playready",WIDEVINE:"com.widevine.alpha"},wr="org.w3.clearkey",Or="com.apple.streamingkeydelivery",xr="com.microsoft.playready",Mr="urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed";function Fr(e){switch(e){case Or:return Cr.FAIRPLAY;case xr:return Cr.PLAYREADY;case Mr:return Cr.WIDEVINE;case wr:return Cr.CLEARKEY}}function Nr(e){switch(e){case Cr.FAIRPLAY:return Or;case Cr.PLAYREADY:return xr;case Cr.WIDEVINE:return Mr;case Cr.CLEARKEY:return wr}}function Ur(e){var t=e.drmSystems,r=e.widevineLicenseUrl,i=t?[Cr.FAIRPLAY,Cr.WIDEVINE,Cr.PLAYREADY,Cr.CLEARKEY].filter((function(e){return!!t[e]})):[];return!i[Cr.WIDEVINE]&&r&&i.push(Cr.WIDEVINE),i}var Br,Gr=null!=Pr&&null!=(Br=Pr.navigator)&&Br.requestMediaKeySystemAccess?self.navigator.requestMediaKeySystemAccess.bind(self.navigator):null;function Kr(e){var t=new Uint16Array(e.buffer,e.byteOffset,e.byteLength/2),r=String.fromCharCode.apply(null,Array.from(t)),i=r.substring(r.indexOf("<"),r.length),n=(new DOMParser).parseFromString(i,"text/xml").getElementsByTagName("KID")[0];if(n){var a=n.childNodes[0]?n.childNodes[0].nodeValue:n.getAttribute("VALUE");if(a){var s=kr(a).subarray(0,16);return Dr(s),s}}return null}var Vr={},Hr=function(){function e(e,t,r,i,n,a){void 0===i&&(i=[1]),void 0===n&&(n=null),this.uri=void 0,this.method=void 0,this.keyFormat=void 0,this.keyFormatVersions=void 0,this.encrypted=void 0,this.isCommonEncryption=void 0,this.iv=null,this.key=null,this.keyId=null,this.pssh=null,this.method=e,this.uri=t,this.keyFormat=r,this.keyFormatVersions=i,this.iv=n,this.encrypted=!!e&&"NONE"!==e,this.isCommonEncryption=this.encrypted&&!Ir(e),null!=a&&a.startsWith("0x")&&(this.keyId=new Uint8Array(Q(a)))}e.clearKeyUriToKeyIdMap=function(){Vr={}},e.setKeyIdForUri=function(e,t){Vr[e]=t};var t=e.prototype;return t.matches=function(e){return e.uri===this.uri&&e.method===this.method&&e.encrypted===this.encrypted&&e.keyFormat===this.keyFormat&&Ar(e.keyFormatVersions,this.keyFormatVersions)&&Lr(e.iv,this.iv)&&Lr(e.keyId,this.keyId)},t.isSupported=function(){if(this.method){if(Ir(this.method)||"NONE"===this.method)return!0;if("identity"===this.keyFormat)return"SAMPLE-AES"===this.method;switch(this.keyFormat){case Or:case Mr:case xr:case wr:return-1!==["SAMPLE-AES","SAMPLE-AES-CENC","SAMPLE-AES-CTR"].indexOf(this.method)}}return!1},t.getDecryptData=function(t,r){if(!this.encrypted||!this.uri)return null;if(Ir(this.method)){var i=this.iv;return i||("number"!=typeof t&&(Y.warn('missing IV for initialization segment with method="'+this.method+'" - compliance issue'),t=0),i=function(e){for(var t=new Uint8Array(16),r=12;r<16;r++)t[r]=e>>8*(15-r)&255;return t}(t)),new e(this.method,this.uri,"identity",this.keyFormatVersions,i)}if(this.keyId){var n=Vr[this.uri];if(n&&!Ar(this.keyId,n)&&e.setKeyIdForUri(this.uri,this.keyId),this.pssh)return this}var a,s=_r(this.uri);if(s)switch(this.keyFormat){case Mr:if(this.pssh=s,!this.keyId){var o=function(e){var t=[];if(e instanceof ArrayBuffer)for(var r=e.byteLength,i=0;i+32<r;){var n=Pe(new DataView(e,i));t.push(n),i+=n.size}return t}(s.buffer);if(o.length){var l,u=o[0];this.keyId=null!=(l=u.kids)&&l.length?u.kids[0]:null}}this.keyId||(this.keyId=Yr(r));break;case xr:var d=new Uint8Array([154,4,240,121,152,64,66,134,171,146,230,91,224,136,95,149]);this.pssh=_e(d,0,s),this.keyId=Kr(s);break;default:var h=s.subarray(0,16);if(16!==h.length){var f=new Uint8Array(16);f.set(h,16-h.length),h=f}this.keyId=h}return this.keyId&&16===this.keyId.byteLength||(a=function(e){var t=null==e?void 0:e[Mr];return t?t.keyId:null}(r),a||(a=Yr(r))||(a=Vr[this.uri]),a&&(this.keyId=a,e.setKeyIdForUri(this.uri,a))),this},e}();function Yr(e){var t=null==e?void 0:e[xr];if(t){var r=_r(t.uri);if(r)return Kr(r)}return null}var Wr=/#EXT-X-STREAM-INF:([^\r\n]*)(?:[\r\n](?:#[^\r\n]*)?)*([^\r\n]+)|#EXT-X-(SESSION-DATA|SESSION-KEY|DEFINE|CONTENT-STEERING|START):([^\r\n]*)[\r\n]+/g,jr=/#EXT-X-MEDIA:(.*)/g,qr=/^#EXT(?:INF|-X-TARGETDURATION):/m,Xr=new RegExp([/#EXTINF:\s*(\d*(?:\.\d+)?)(?:,(.*)\s+)?/.source,/(?!#) *(\S[^\r\n]*)/.source,/#.*/.source].join("|"),"g"),Qr=new RegExp([/#EXT-X-(PROGRAM-DATE-TIME|BYTERANGE|DATERANGE|DEFINE|KEY|MAP|PART|PART-INF|PLAYLIST-TYPE|PRELOAD-HINT|RENDITION-REPORT|SERVER-CONTROL|SKIP|START):(.+)/.source,/#EXT-X-(BITRATE|DISCONTINUITY-SEQUENCE|MEDIA-SEQUENCE|TARGETDURATION|VERSION): *(\d+)/.source,/#EXT-X-(DISCONTINUITY|ENDLIST|GAP|INDEPENDENT-SEGMENTS)/.source,/(#)([^:]*):(.*)/.source,/(#)(.*)(?:.*)\r?\n?/.source].join("|")),zr=function(){function e(){}return e.findGroup=function(e,t){for(var r=0;r<e.length;r++){var i=e[r];if(i.id===t)return i}},e.resolve=function(e,t){return S.buildAbsoluteURL(t,e,{alwaysNormalize:!0})},e.isMediaPlaylist=function(e){return qr.test(e)},e.parseMasterPlaylist=function(t,r){var i,n={contentSteering:null,levels:[],playlistParsingError:null,sessionData:null,sessionKeys:null,startTimeOffset:null,variableList:null,hasVariableRefs:fr(t)},a=[];if(Wr.lastIndex=0,!t.startsWith("#EXTM3U"))return n.playlistParsingError=new Error("no EXTM3U delimiter"),n;for(;null!=(i=Wr.exec(t));)if(i[1]){var s,o=new yr(i[1],n),l=cr(n,i[2]),u={attrs:o,bitrate:o.decimalInteger("BANDWIDTH")||o.decimalInteger("AVERAGE-BANDWIDTH"),name:o.NAME,url:e.resolve(l,r)},d=o.decimalResolution("RESOLUTION");d&&(u.width=d.width,u.height=d.height),ti(o.CODECS,u);var h=o["SUPPLEMENTAL-CODECS"];h&&(u.supplemental={},ti(h,u.supplemental)),null!=(s=u.unknownCodecs)&&s.length||a.push(u),n.levels.push(u)}else if(i[3]){var f=i[3],c=i[4];switch(f){case"SESSION-DATA":var g=new yr(c,n),v=g["DATA-ID"];v&&(null===n.sessionData&&(n.sessionData={}),n.sessionData[v]=g);break;case"SESSION-KEY":var m=Jr(c,r,n);m.encrypted&&m.isSupported()?(null===n.sessionKeys&&(n.sessionKeys=[]),n.sessionKeys.push(m)):Y.warn('[Keys] Ignoring invalid EXT-X-SESSION-KEY tag: "'+c+'"');break;case"DEFINE":gr(n,new yr(c,n),r);break;case"CONTENT-STEERING":var p=new yr(c,n);n.contentSteering={uri:e.resolve(p["SERVER-URI"],r),pathwayId:p["PATHWAY-ID"]||"."};break;case"START":n.startTimeOffset=ei(c)}}var y=a.length>0&&a.length<n.levels.length;return n.levels=y?a:n.levels,0===n.levels.length&&(n.playlistParsingError=new Error("no levels found in manifest")),n},e.parseMasterPlaylistMedia=function(t,r,i){var n,a={},s=i.levels,o={AUDIO:s.map((function(e){return{id:e.attrs.AUDIO,audioCodec:e.audioCodec}})),SUBTITLES:s.map((function(e){return{id:e.attrs.SUBTITLES,textCodec:e.textCodec}})),"CLOSED-CAPTIONS":[]},l=0;for(jr.lastIndex=0;null!==(n=jr.exec(t));){var u=new yr(n[1],i),d=u.TYPE;if(d){var h=o[d],f=a[d]||[];a[d]=f;var c=u.LANGUAGE,g=u["ASSOC-LANGUAGE"],v=u.CHANNELS,m=u.CHARACTERISTICS,p=u["INSTREAM-ID"],y={attrs:u,bitrate:0,id:l++,groupId:u["GROUP-ID"]||"",name:u.NAME||c||"",type:d,default:u.bool("DEFAULT"),autoselect:u.bool("AUTOSELECT"),forced:u.bool("FORCED"),lang:c,url:u.URI?e.resolve(u.URI,r):""};if(g&&(y.assocLang=g),v&&(y.channels=v),m&&(y.characteristics=m),p&&(y.instreamId=p),null!=h&&h.length){var E=e.findGroup(h,y.groupId)||h[0];ri(y,E,"audioCodec"),ri(y,E,"textCodec")}f.push(y)}}return a},e.parseLevelPlaylist=function(e,t,r,i,n,s){var o,l,u,d,h,f={url:t},c=new Sr(t),g=c.fragments,v=[],m=null,p=0,y=0,E=0,T=0,S=0,L=null,I=new re(i,f),R=-1,k=!1,b=null;if(Xr.lastIndex=0,c.m3u8=e,c.hasVariableRefs=fr(e),"#EXTM3U"!==(null==(o=Xr.exec(e))?void 0:o[0]))return c.playlistParsingError=new Error("Missing format identifier #EXTM3U"),c;for(;null!==(l=Xr.exec(e));){k&&(k=!1,(I=new re(i,f)).playlistOffset=E,I.setStart(E),I.sn=p,I.cc=T,S&&(I.bitrate=S),I.level=r,m&&(I.initSegment=m,m.rawProgramDateTime&&(I.rawProgramDateTime=m.rawProgramDateTime,m.rawProgramDateTime=null),b&&(I.setByteRange(b),b=null)));var D=l[1];if(D){I.duration=parseFloat(D);var _=(" "+l[2]).slice(1);I.title=_||null,I.tagList.push(_?["INF",D,_]:["INF",D])}else if(l[3]){if(A(I.duration)){I.playlistOffset=E,I.setStart(E),d&&ai(I,d,c),I.sn=p,I.level=r,I.cc=T,g.push(I);var P=(" "+l[3]).slice(1);I.relurl=cr(c,P),ii(I,L,v),L=I,E+=I.duration,p++,y=0,k=!0}}else{if(!(l=l[0].match(Qr))){Y.warn("No matches on slow regex match for level playlist!");continue}for(u=1;u<l.length&&void 0===l[u];u++);var C=(" "+l[u]).slice(1),w=(" "+l[u+1]).slice(1),O=l[u+2]?(" "+l[u+2]).slice(1):null;switch(C){case"BYTERANGE":L?I.setByteRange(w,L):I.setByteRange(w);break;case"PROGRAM-DATE-TIME":I.rawProgramDateTime=w,I.tagList.push(["PROGRAM-DATE-TIME",w]),-1===R&&(R=g.length);break;case"PLAYLIST-TYPE":c.type&&si(c,C,l),c.type=w.toUpperCase();break;case"MEDIA-SEQUENCE":0!==c.startSN?si(c,C,l):g.length>0&&oi(c,C,l),p=c.startSN=parseInt(w);break;case"SKIP":c.skippedSegments&&si(c,C,l);var x=new yr(w,c),M=x.decimalInteger("SKIPPED-SEGMENTS");if(A(M)){c.skippedSegments+=M;for(var F=M;F--;)g.push(null);p+=M}var N=x.enumeratedString("RECENTLY-REMOVED-DATERANGES");N&&(c.recentlyRemovedDateranges=(c.recentlyRemovedDateranges||[]).concat(N.split("\t")));break;case"TARGETDURATION":0!==c.targetduration&&si(c,C,l),c.targetduration=Math.max(parseInt(w),1);break;case"VERSION":null!==c.version&&si(c,C,l),c.version=parseInt(w);break;case"INDEPENDENT-SEGMENTS":break;case"ENDLIST":c.live||si(c,C,l),c.live=!1;break;case"#":(w||O)&&I.tagList.push(O?[w,O]:[w]);break;case"DISCONTINUITY":T++,I.tagList.push(["DIS"]);break;case"GAP":I.gap=!0,I.tagList.push([C]);break;case"BITRATE":I.tagList.push([C,w]),S=1e3*parseInt(w),A(S)?I.bitrate=S:S=0;break;case"DATERANGE":var U=new yr(w,c),B=new Tr(U,c.dateRanges[U.ID],c.dateRangeTagCount);c.dateRangeTagCount++,B.isValid||c.skippedSegments?c.dateRanges[B.id]=B:Y.warn('Ignoring invalid DATERANGE tag: "'+w+'"'),I.tagList.push(["EXT-X-DATERANGE",w]);break;case"DEFINE":var G=new yr(w,c);"IMPORT"in G?vr(c,G,s):gr(c,G,t);break;case"DISCONTINUITY-SEQUENCE":0!==c.startCC?si(c,C,l):g.length>0&&oi(c,C,l),c.startCC=T=parseInt(w);break;case"KEY":var K=Jr(w,t,c);if(K.isSupported()){if("NONE"===K.method){d=void 0;break}d||(d={});var V=d[K.keyFormat];null!=V&&V.matches(K)||(V&&(d=a({},d)),d[K.keyFormat]=K)}else Y.warn('[Keys] Ignoring unsupported EXT-X-KEY tag: "'+w+'"');break;case"START":c.startTimeOffset=ei(w);break;case"MAP":var H=new yr(w,c);if(I.duration){var W=new re(i,f);ni(W,H,r,d),m=W,I.initSegment=m,m.rawProgramDateTime&&!I.rawProgramDateTime&&(I.rawProgramDateTime=m.rawProgramDateTime)}else{var j=I.byteRangeEndOffset;if(j){var q=I.byteRangeStartOffset;b=j-q+"@"+q}else b=null;ni(I,H,r,d),m=I,k=!0}m.cc=T;break;case"SERVER-CONTROL":h&&si(c,C,l),h=new yr(w),c.canBlockReload=h.bool("CAN-BLOCK-RELOAD"),c.canSkipUntil=h.optionalFloat("CAN-SKIP-UNTIL",0),c.canSkipDateRanges=c.canSkipUntil>0&&h.bool("CAN-SKIP-DATERANGES"),c.partHoldBack=h.optionalFloat("PART-HOLD-BACK",0),c.holdBack=h.optionalFloat("HOLD-BACK",0);break;case"PART-INF":c.partTarget&&si(c,C,l);var X=new yr(w);c.partTarget=X.decimalFloatingPoint("PART-TARGET");break;case"PART":var Q=c.partList;Q||(Q=c.partList=[]);var z=y>0?Q[Q.length-1]:void 0,$=y++,Z=new yr(w,c),J=new ie(Z,I,f,$,z);Q.push(J),I.duration+=J.duration;break;case"PRELOAD-HINT":var ee=new yr(w,c);c.preloadHint=ee;break;case"RENDITION-REPORT":var te=new yr(w,c);c.renditionReports=c.renditionReports||[],c.renditionReports.push(te);break;default:Y.warn("line parsed but not handled: "+l)}}}L&&!L.relurl?(g.pop(),E-=L.duration,c.partList&&(c.fragmentHint=L)):c.partList&&(ii(I,L,v),I.cc=T,c.fragmentHint=I,d&&ai(I,d,c)),c.targetduration||(c.playlistParsingError=new Error("Missing Target Duration"));var ne=g.length,ae=g[0],se=g[ne-1];if((E+=c.skippedSegments*c.targetduration)>0&&ne&&se){c.averagetargetduration=E/ne;var oe=se.sn;c.endSN="initSegment"!==oe?oe:0,c.live||(se.endList=!0),R>0&&(function(e,t){for(var r=e[t],i=t;i--;){var n=e[i];if(!n)return;n.programDateTime=r.programDateTime-1e3*n.duration,r=n}}(g,R),ae&&v.unshift(ae))}return c.fragmentHint&&(E+=c.fragmentHint.duration),c.totalduration=E,v.length&&c.dateRangeTagCount&&ae&&$r(v,c),c.endCC=T,c},e}();function $r(e,t){var r=e.length;if(!r){if(!t.hasProgramDateTime)return;var i=t.fragments[t.fragments.length-1];e.push(i),r++}for(var n=e[r-1],a=t.live?1/0:t.totalduration,s=Object.keys(t.dateRanges),o=s.length;o--;){var l=t.dateRanges[s[o]],u=l.startDate.getTime();l.tagAnchor=n.ref;for(var d=r;d--;){var h;if((null==(h=e[d])?void 0:h.sn)<t.startSN)break;var f=Zr(t,u,e,d,a);if(-1!==f){l.tagAnchor=t.fragments[f].ref;break}}}}function Zr(e,t,r,i,n){var a=r[i];if(a){var s,o=a.programDateTime;if((t>=o||0===i)&&t<=o+1e3*(((null==(s=r[i+1])?void 0:s.start)||n)-a.start)){var l=r[i].sn-e.startSN;if(l<0)return-1;var u=e.fragments;if(u.length>r.length)for(var d=(r[i+1]||u[u.length-1]).sn-e.startSN;d>l;d--){var h=u[d].programDateTime;if(t>=h&&t<h+1e3*u[d].duration)return d}return l}}return-1}function Jr(e,t,r){var i,n,a=new yr(e,r),s=null!=(i=a.METHOD)?i:"",o=a.URI,l=a.hexadecimalInteger("IV"),u=a.KEYFORMATVERSIONS,d=null!=(n=a.KEYFORMAT)?n:"identity";o&&a.IV&&!l&&Y.error("Invalid IV: "+a.IV);var h=o?zr.resolve(o,t):"",f=(u||"1").split("/").map(Number).filter(Number.isFinite);return new Hr(s,h,d,f,l,a.KEYID)}function ei(e){var t=new yr(e).decimalFloatingPoint("TIME-OFFSET");return A(t)?t:null}function ti(e,t){var r=(e||"").split(/[ ,]+/).filter((function(e){return e}));["video","audio","text"].forEach((function(e){var i=r.filter((function(t){return Oe(t,e)}));i.length&&(t[e+"Codec"]=i.map((function(e){return e.split("/")[0]})).join(","),r=r.filter((function(e){return-1===i.indexOf(e)})))})),t.unknownCodecs=r}function ri(e,t,r){var i=t[r];i&&(e[r]=i)}function ii(e,t,r){e.rawProgramDateTime?r.push(e):null!=t&&t.programDateTime&&(e.programDateTime=t.endProgramDateTime)}function ni(e,t,r,i){e.relurl=t.URI,t.BYTERANGE&&e.setByteRange(t.BYTERANGE),e.level=r,e.sn="initSegment",i&&(e.levelkeys=i),e.initSegment=null}function ai(e,t,r){e.levelkeys=t;var i=r.encryptedFragments;i.length&&i[i.length-1].levelkeys===t||!Object.keys(t).some((function(e){return t[e].isCommonEncryption}))||i.push(e)}function si(e,t,r){e.playlistParsingError=new Error("#EXT-X-"+t+" must not appear more than once ("+r[0]+")")}function oi(e,t,r){e.playlistParsingError=new Error("#EXT-X-"+t+" must appear before the first Media Segment ("+r[0]+")")}function li(e,t){var r=t.startPTS;if(A(r)){var i,n=0;t.sn>e.sn?(n=r-e.start,i=e):(n=e.start-r,i=t),i.duration!==n&&i.setDuration(n)}else t.sn>e.sn?e.cc===t.cc&&e.minEndPTS?t.setStart(e.start+(e.minEndPTS-e.start)):t.setStart(e.start+e.duration):t.setStart(Math.max(e.start-t.duration,0))}function ui(e,t,r,i,n,a,s){i-r<=0&&(s.warn("Fragment should have a positive duration",t),i=r+t.duration,a=n+t.duration);var o=r,l=i,u=t.startPTS,d=t.endPTS;if(A(u)){var h=Math.abs(u-r);e&&h>e.totalduration?s.warn("media timestamps and playlist times differ by "+h+"s for level "+t.level+" "+e.url):A(t.deltaPTS)?t.deltaPTS=Math.max(h,t.deltaPTS):t.deltaPTS=h,o=Math.max(r,u),r=Math.min(r,u),n=void 0!==t.startDTS?Math.min(n,t.startDTS):n,l=Math.min(i,d),i=Math.max(i,d),a=void 0!==t.endDTS?Math.max(a,t.endDTS):a}var f=r-t.start;0!==t.start&&t.setStart(r),t.setDuration(i-t.start),t.startPTS=r,t.maxStartPTS=o,t.startDTS=n,t.endPTS=i,t.minEndPTS=l,t.endDTS=a;var c,g=t.sn;if(!e||g<e.startSN||g>e.endSN)return 0;var v=g-e.startSN,m=e.fragments;for(m[v]=t,c=v;c>0;c--)li(m[c],m[c-1]);for(c=v;c<m.length-1;c++)li(m[c],m[c+1]);return e.fragmentHint&&li(m[m.length-1],e.fragmentHint),e.PTSKnown=e.alignedSliding=!0,f}function di(e,t,r){if(e!==t){for(var i,n=null,s=e.fragments,o=s.length-1;o>=0;o--){var l=s[o].initSegment;if(l){n=l;break}}e.fragmentHint&&delete e.fragmentHint.endPTS,function(e,t,r){for(var i=t.skippedSegments,n=Math.max(e.startSN,t.startSN)-t.startSN,a=(e.fragmentHint?1:0)+(i?t.endSN:Math.min(e.endSN,t.endSN))-t.startSN,s=t.startSN-e.startSN,o=t.fragmentHint?t.fragments.concat(t.fragmentHint):t.fragments,l=e.fragmentHint?e.fragments.concat(e.fragmentHint):e.fragments,u=n;u<=a;u++){var d=l[s+u],h=o[u];if(i&&!h&&d&&(h=t.fragments[u]=d),d&&h){r(d,h,u,o);var f=d.relurl,c=h.relurl;if(f&&Ei(f,c))return void(t.playlistParsingError=hi("media sequence mismatch "+h.sn+":",e,t,0,h));if(d.cc!==h.cc)return void(t.playlistParsingError=hi("discontinuity sequence mismatch ("+d.cc+"!="+h.cc+")",e,t,0,h))}}}(e,t,(function(e,r,a,s){if((!t.startCC||t.skippedSegments)&&r.cc!==e.cc){for(var o=e.cc-r.cc,l=a;l<s.length;l++)s[l].cc+=o;t.endCC=s[s.length-1].cc}A(e.startPTS)&&A(e.endPTS)&&(r.setStart(r.startPTS=e.startPTS),r.startDTS=e.startDTS,r.maxStartPTS=e.maxStartPTS,r.endPTS=e.endPTS,r.endDTS=e.endDTS,r.minEndPTS=e.minEndPTS,r.setDuration(e.endPTS-e.startPTS),r.duration&&(i=r),t.PTSKnown=t.alignedSliding=!0),e.hasStreams&&(r.elementaryStreams=e.elementaryStreams),r.loader=e.loader,e.hasStats&&(r.stats=e.stats),e.initSegment&&(r.initSegment=e.initSegment,n=e.initSegment)}));var u=t.fragments,d=t.fragmentHint?u.concat(t.fragmentHint):u;if(n&&d.forEach((function(e){var t;!e||e.initSegment&&e.initSegment.relurl!==(null==(t=n)?void 0:t.relurl)||(e.initSegment=n)})),t.skippedSegments){if(t.deltaUpdateFailed=u.some((function(e){return!e})),t.deltaUpdateFailed){r.warn("[level-helper] Previous playlist missing segments skipped in delta playlist");for(var h=t.skippedSegments;h--;)u.shift();t.startSN=u[0].sn}else{t.canSkipDateRanges&&(t.dateRanges=function(e,t,r){var i=t.dateRanges,n=t.recentlyRemovedDateranges,s=a({},e);n&&n.forEach((function(e){delete s[e]}));var o=Object.keys(s).length;return o?(Object.keys(i).forEach((function(e){var t=s[e],n=new Tr(i[e].attr,t);n.isValid?(s[e]=n,t||(n.tagOrder+=o)):r.warn('Ignoring invalid Playlist Delta Update DATERANGE tag: "'+ut(i[e].attr)+'"')})),s):i}(e.dateRanges,t,r));var f=e.fragments.filter((function(e){return e.rawProgramDateTime}));if(e.hasProgramDateTime&&!t.hasProgramDateTime)for(var c=1;c<d.length;c++)null===d[c].programDateTime&&ii(d[c],d[c-1],f);$r(f,t)}t.endCC=u[u.length-1].cc}if(!t.startCC){var g,v=vi(e,t.startSN-1);t.startCC=null!=(g=null==v?void 0:v.cc)?g:u[0].cc}!function(e,t,r){if(e&&t)for(var i=0,n=0,a=e.length;n<=a;n++){var s=e[n],o=t[n+i];s&&o&&s.index===o.index&&s.fragment.sn===o.fragment.sn?r(s,o):i--}}(e.partList,t.partList,(function(e,t){t.elementaryStreams=e.elementaryStreams,t.stats=e.stats})),i?ui(t,i,i.startPTS,i.endPTS,i.startDTS,i.endDTS,r):fi(e,t),u.length&&(t.totalduration=t.edge-u[0].start),t.driftStartTime=e.driftStartTime,t.driftStart=e.driftStart;var m=t.advancedDateTime;if(t.advanced&&m){var p=t.edge;t.driftStart||(t.driftStartTime=m,t.driftStart=p),t.driftEndTime=m,t.driftEnd=p}else t.driftEndTime=e.driftEndTime,t.driftEnd=e.driftEnd,t.advancedDateTime=e.advancedDateTime;-1===t.requestScheduled&&(t.requestScheduled=e.requestScheduled)}}function hi(e,t,r,i,n){return new Error(e+" "+n.url+"\nPlaylist starting @"+t.startSN+"\n"+t.m3u8+"\n\nPlaylist starting @"+r.startSN+"\n"+r.m3u8)}function fi(e,t,r){void 0===r&&(r=!0);var i=t.startSN+t.skippedSegments-e.startSN,n=e.fragments,a=i>=0,s=0;if(a&&i<n.length)s=n[i].start;else if(a&&t.startSN===e.endSN+1)s=e.fragmentEnd;else if(a&&r)s=e.fragmentStart+i*t.levelTargetDuration;else{if(t.skippedSegments||0!==t.fragmentStart)return;s=e.fragmentStart}ci(t,s)}function ci(e,t){if(t){for(var r=e.fragments,i=e.skippedSegments;i<r.length;i++)r[i].addStart(t);e.fragmentHint&&e.fragmentHint.addStart(t)}}function gi(e,t){void 0===t&&(t=1/0);var r=1e3*e.targetduration;if(e.updated){var i=e.fragments;if(i.length&&4*r>t){var n=1e3*i[i.length-1].duration;n<r&&(r=n)}}else r/=2;return Math.round(r)}function vi(e,t,r){if(!e)return null;var i=e.fragments[t-e.startSN];return i||((i=e.fragmentHint)&&i.sn===t?i:t<e.startSN&&r&&r.sn===t?r:null)}function mi(e,t,r){return e?pi(e.partList,t,r):null}function pi(e,t,r){if(e)for(var i=e.length;i--;){var n=e[i];if(n.index===r&&n.fragment.sn===t)return n}return null}function yi(e){e.forEach((function(e,t){var r;null==(r=e.details)||r.fragments.forEach((function(e){e.level=t,e.initSegment&&(e.initSegment.level=t)}))}))}function Ei(e,t){return!(e===t||!t)&&Ti(e)!==Ti(t)}function Ti(e){return e.replace(/\?[^?]*$/,"")}function Si(e,t){for(var r=0,i=e.length;r<i;r++){var n;if((null==(n=e[r])?void 0:n.cc)===t)return e[r]}return null}function Ai(e,t){var r=e.start+t;e.startPTS=r,e.setStart(r),e.endPTS=r+e.duration}function Li(e,t){for(var r=t.fragments,i=0,n=r.length;i<n;i++)Ai(r[i],e);t.fragmentHint&&Ai(t.fragmentHint,e),t.alignedSliding=!0}function Ii(e,t){if(function(e,t){return!!(e&&t.startCC<e.endCC&&t.endCC>e.startCC)}(t,e)){var r=Math.min(t.endCC,e.endCC),i=Si(t.fragments,r),n=Si(e.fragments,r);i&&n&&(Y.log("Aligning playlist at start of dicontinuity sequence "+r),Li(i.start-n.start,e))}}function Ri(e,t){if(e.hasProgramDateTime&&t.hasProgramDateTime){var r=e.fragments,i=t.fragments;if(r.length&&i.length){var n,a,s=Math.min(t.endCC,e.endCC);t.startCC<s&&e.startCC<s&&(n=Si(i,s),a=Si(r,s)),n&&a||(a=Si(r,(n=i[Math.floor(i.length/2)]).cc)||r[Math.floor(r.length/2)]);var o=n.programDateTime,l=a.programDateTime;o&&l&&Li((l-o)/1e3-(a.start-n.start),e)}}}function ki(e,t,r){bi(e,t,r),e.addEventListener(t,r)}function bi(e,t,r){e.removeEventListener(t,r)}var Di=function(e){for(var t="",r=e.length,i=0;i<r;i++)t+="["+e.start(i).toFixed(3)+"-"+e.end(i).toFixed(3)+"]";return t},_i={STOPPED:"STOPPED",IDLE:"IDLE",KEY_LOADING:"KEY_LOADING",FRAG_LOADING:"FRAG_LOADING",FRAG_LOADING_WAITING_RETRY:"FRAG_LOADING_WAITING_RETRY",WAITING_TRACK:"WAITING_TRACK",PARSING:"PARSING",PARSED:"PARSED",ENDED:"ENDED",ERROR:"ERROR",WAITING_INIT_PTS:"WAITING_INIT_PTS",WAITING_LEVEL:"WAITING_LEVEL"},Pi=function(e){function t(t,r,i,n,a){var s;return(s=e.call(this,n,t.logger)||this).hls=void 0,s.fragPrevious=null,s.fragCurrent=null,s.fragmentTracker=void 0,s.transmuxer=null,s._state=_i.STOPPED,s.playlistType=void 0,s.media=null,s.mediaBuffer=null,s.config=void 0,s.bitrateTest=!1,s.lastCurrentTime=0,s.nextLoadPosition=0,s.startPosition=0,s.startTimeOffset=null,s.retryDate=0,s.levels=null,s.fragmentLoader=void 0,s.keyLoader=void 0,s.levelLastLoaded=null,s.startFragRequested=!1,s.decrypter=void 0,s.initPTS=[],s.buffering=!0,s.loadingParts=!1,s.loopSn=void 0,s.onMediaSeeking=function(){var e=s,t=e.config,r=e.fragCurrent,i=e.media,n=e.mediaBuffer,a=e.state,o=i?i.currentTime:0,l=dr.bufferInfo(n||i,o,t.maxBufferHole),u=!l.len;if(s.log("Media seeking to "+(A(o)?o.toFixed(3):o)+", state: "+a+", "+(u?"out of":"in")+" buffer"),s.state===_i.ENDED)s.resetLoadingState();else if(r){var d=t.maxFragLookUpTolerance,h=r.start-d,f=r.start+r.duration+d;if(u||f<l.start||h>l.end){var c=o>f;(o<h||c)&&(c&&r.loader&&(s.log("Cancelling fragment load for seek (sn: "+r.sn+")"),r.abortRequests(),s.resetLoadingState()),s.fragPrevious=null)}}if(i&&(s.fragmentTracker.removeFragmentsInRange(o,1/0,s.playlistType,!0),o>s.lastCurrentTime&&(s.lastCurrentTime=o),!s.loadingParts)){var g=Math.max(l.end,o),v=s.shouldLoadParts(s.getLevelDetails(),g);v&&(s.log("LL-Part loading ON after seeking to "+o.toFixed(2)+" with buffer @"+g.toFixed(2)),s.loadingParts=v)}s.hls.hasEnoughToStart||(s.log("Setting "+(u?"startPosition":"nextLoadPosition")+" to "+o+" for seek without enough to start"),s.nextLoadPosition=o,u&&(s.startPosition=o)),u&&s.state===_i.IDLE&&s.tickImmediate()},s.onMediaEnded=function(){s.log("setting startPosition to 0 because media ended"),s.startPosition=s.lastCurrentTime=0},s.playlistType=a,s.hls=t,s.fragmentLoader=new ir(t.config),s.keyLoader=i,s.fragmentTracker=r,s.config=t.config,s.decrypter=new tr(t.config),s}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.off(b.ERROR,this.onError,this)},r.doTick=function(){this.onTickEnd()},r.onTickEnd=function(){},r.startLoad=function(e){},r.stopLoad=function(){if(this.state!==_i.STOPPED){this.fragmentLoader.abort(),this.keyLoader.abort(this.playlistType);var e=this.fragCurrent;null!=e&&e.loader&&(e.abortRequests(),this.fragmentTracker.removeFragment(e)),this.resetTransmuxer(),this.fragCurrent=null,this.fragPrevious=null,this.clearInterval(),this.clearNextTick(),this.state=_i.STOPPED}},r.pauseBuffering=function(){this.buffering=!1},r.resumeBuffering=function(){this.buffering=!0},r._streamEnded=function(e,t){if(t.live||!this.media)return!1;var r=e.end||0,i=this.config.timelineOffset||0;if(r<=i)return!1;var n=e.buffered;this.config.maxBufferHole&&n&&n.length>1&&(e=dr.bufferedInfo(n,e.start,0));var a=e.nextStart;if(a&&a>i&&a<t.edge)return!1;if(this.media.currentTime<e.start)return!1;var s=t.partList;if(null!=s&&s.length){var o=s[s.length-1];return dr.isBuffered(this.media,o.start+o.duration/2)}var l=t.fragments[t.fragments.length-1].type;return this.fragmentTracker.isEndListAppended(l)},r.getLevelDetails=function(){if(this.levels&&null!==this.levelLastLoaded)return this.levelLastLoaded.details},r.onMediaAttached=function(e,t){var r=this.media=this.mediaBuffer=t.media;ki(r,"seeking",this.onMediaSeeking),ki(r,"ended",this.onMediaEnded);var i=this.config;this.levels&&i.autoStartLoad&&this.state===_i.STOPPED&&this.startLoad(i.startPosition)},r.onMediaDetaching=function(e,t){var r=!!t.transferMedia,i=this.media;if(null!==i){if(i.ended&&(this.log("MSE detaching and video ended, reset startPosition"),this.startPosition=this.lastCurrentTime=0),bi(i,"seeking",this.onMediaSeeking),bi(i,"ended",this.onMediaEnded),this.keyLoader&&!r&&this.keyLoader.detach(),this.media=this.mediaBuffer=null,this.loopSn=void 0,r)return this.resetLoadingState(),void this.resetTransmuxer();this.loadingParts=!1,this.fragmentTracker.removeAllFragments(),this.stopLoad()}},r.onManifestLoading=function(){this.initPTS=[],this.levels=this.levelLastLoaded=this.fragCurrent=null,this.lastCurrentTime=this.startPosition=0,this.startFragRequested=!1},r.onError=function(e,t){},r.onManifestLoaded=function(e,t){this.startTimeOffset=t.startTimeOffset},r.onHandlerDestroying=function(){this.stopLoad(),this.transmuxer&&(this.transmuxer.destroy(),this.transmuxer=null),e.prototype.onHandlerDestroying.call(this),this.hls=this.onMediaSeeking=this.onMediaEnded=null},r.onHandlerDestroyed=function(){this.state=_i.STOPPED,this.fragmentLoader&&this.fragmentLoader.destroy(),this.keyLoader&&this.keyLoader.destroy(),this.decrypter&&this.decrypter.destroy(),this.hls=this.log=this.warn=this.decrypter=this.keyLoader=this.fragmentLoader=this.fragmentTracker=null,e.prototype.onHandlerDestroyed.call(this)},r.loadFragment=function(e,t,r){this.startFragRequested=!0,this._loadFragForPlayback(e,t,r)},r._loadFragForPlayback=function(e,t,r){var i=this;this._doFragLoad(e,t,r,(function(e){var t=e.frag;if(i.fragContextChanged(t))return i.warn(t.type+" sn: "+t.sn+(e.part?" part: "+e.part.index:"")+" of "+i.fragInfo(t,!1,e.part)+") was dropped during download."),void i.fragmentTracker.removeFragment(t);t.stats.chunkCount++,i._handleFragmentLoadProgress(e)})).then((function(e){if(e){var t=i.state,r=e.frag;i.fragContextChanged(r)?(t===_i.FRAG_LOADING||!i.fragCurrent&&t===_i.PARSING)&&(i.fragmentTracker.removeFragment(r),i.state=_i.IDLE):("payload"in e&&(i.log("Loaded "+r.type+" sn: "+r.sn+" of "+i.playlistLabel()+" "+r.level),i.hls.trigger(b.FRAG_LOADED,e)),i._handleFragmentLoadComplete(e))}})).catch((function(t){i.state!==_i.STOPPED&&i.state!==_i.ERROR&&(i.warn("Frag error: "+((null==t?void 0:t.message)||t)),i.resetFragmentLoading(e))}))},r.clearTrackerIfNeeded=function(e){var t,r=this.fragmentTracker;if(r.getState(e)===Ht){var i=e.type,n=this.getFwdBufferInfo(this.mediaBuffer,i),a=Math.max(e.duration,n?n.len:this.config.maxBufferLength),s=this.backtrackFragment;(1==(s?e.sn-s.sn:0)||this.reduceMaxBufferLength(a,e.duration))&&r.removeFragment(e)}else 0===(null==(t=this.mediaBuffer)?void 0:t.buffered.length)?r.removeAllFragments():r.hasParts(e.type)&&(r.detectPartialFragments({frag:e,part:null,stats:e.stats,id:e.type}),r.getState(e)===Yt&&r.removeFragment(e))},r.checkLiveUpdate=function(e){if(e.updated&&!e.live){var t=e.fragments[e.fragments.length-1];this.fragmentTracker.detectPartialFragments({frag:t,part:null,stats:t.stats,id:t.type})}e.fragments[0]||(e.deltaUpdateFailed=!0)},r.waitForLive=function(e){var t=e.details;return(null==t?void 0:t.live)&&"EVENT"!==t.type&&(this.levelLastLoaded!==e||t.expired)},r.flushMainBuffer=function(e,t,r){if(void 0===r&&(r=null),e-t){var i={startOffset:e,endOffset:t,type:r};this.hls.trigger(b.BUFFER_FLUSHING,i)}},r._loadInitSegment=function(e,t){var r=this;this._doFragLoad(e,t).then((function(e){var t=null==e?void 0:e.frag;if(!t||r.fragContextChanged(t)||!r.levels)throw new Error("init load aborted");return e})).then((function(e){var t=r.hls,i=e.frag,n=e.payload,a=i.decryptdata;if(n&&n.byteLength>0&&null!=a&&a.key&&a.iv&&Ir(a.method)){var s=self.performance.now();return r.decrypter.decrypt(new Uint8Array(n),a.key.buffer,a.iv.buffer,Rr(a.method)).catch((function(e){throw t.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_DECRYPT_ERROR,fatal:!1,error:e,reason:e.message,frag:i}),e})).then((function(n){var a=self.performance.now();return t.trigger(b.FRAG_DECRYPTED,{frag:i,payload:n,stats:{tstart:s,tdecrypt:a}}),e.payload=n,r.completeInitSegmentLoad(e)}))}return r.completeInitSegmentLoad(e)})).catch((function(t){r.state!==_i.STOPPED&&r.state!==_i.ERROR&&(r.warn(t),r.resetFragmentLoading(e))}))},r.completeInitSegmentLoad=function(e){if(!this.levels)throw new Error("init load aborted, missing levels");var t=e.frag.stats;this.state!==_i.STOPPED&&(this.state=_i.IDLE),e.frag.data=new Uint8Array(e.payload),t.parsing.start=t.buffering.start=self.performance.now(),t.parsing.end=t.buffering.end=self.performance.now(),this.tick()},r.unhandledEncryptionError=function(e,t){var r,i,n=e.tracks;if(n&&!t.encrypted&&(null!=(r=n.audio)&&r.encrypted||null!=(i=n.video)&&i.encrypted)&&(!this.config.emeEnabled||!this.keyLoader.emeController)){var a=this.media,s=new Error("Encrypted track with no key in "+this.fragInfo(t)+" (media "+(a?"attached mediaKeys: "+a.mediaKeys:"detached")+")");return this.warn(s.message),!(!a||a.mediaKeys)&&(this.hls.trigger(b.ERROR,{type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_NO_KEYS,fatal:!1,error:s,frag:t}),this.resetTransmuxer(),!0)}return!1},r.fragContextChanged=function(e){var t=this.fragCurrent;return!e||!t||e.sn!==t.sn||e.level!==t.level},r.fragBufferedComplete=function(e,t){var r=this.mediaBuffer?this.mediaBuffer:this.media;if(this.log("Buffered "+e.type+" sn: "+e.sn+(t?" part: "+t.index:"")+" of "+this.fragInfo(e,!1,t)+" > buffer:"+(r?Di(dr.getBuffered(r)):"(detached)")+")"),te(e)){var i;if(e.type!==x){var n=e.elementaryStreams;if(!Object.keys(n).some((function(e){return!!n[e]})))return void(this.state=_i.IDLE)}var a=null==(i=this.levels)?void 0:i[e.level];null!=a&&a.fragmentError&&(this.log("Resetting level fragment error count of "+a.fragmentError+" on frag buffered"),a.fragmentError=0)}this.state=_i.IDLE},r._handleFragmentLoadComplete=function(e){var t=this.transmuxer;if(t){var r=e.frag,i=e.part,n=e.partsLoaded,a=!n||0===n.length||n.some((function(e){return!e})),s=new lr(r.level,r.sn,r.stats.chunkCount+1,0,i?i.index:-1,!a);t.flush(s)}},r._handleFragmentLoadProgress=function(e){},r._doFragLoad=function(e,t,r,i){var n,a=this;void 0===r&&(r=null),this.fragCurrent=e;var s=t.details;if(!this.levels||!s)throw new Error("frag load aborted, missing level"+(s?"":" detail")+"s");var o=null;if(!e.encrypted||null!=(n=e.decryptdata)&&n.key)e.encrypted||(o=this.keyLoader.loadClear(e,s.encryptedFragments,this.startFragRequested))&&this.log("[eme] blocking frag load until media-keys acquired");else if(this.log("Loading key for "+e.sn+" of ["+s.startSN+"-"+s.endSN+"], "+this.playlistLabel()+" "+e.level),this.state=_i.KEY_LOADING,this.fragCurrent=e,o=this.keyLoader.load(e).then((function(e){if(!a.fragContextChanged(e.frag))return a.hls.trigger(b.KEY_LOADED,e),a.state===_i.KEY_LOADING&&(a.state=_i.IDLE),e})),this.hls.trigger(b.KEY_LOADING,{frag:e}),null===this.fragCurrent)return this.log("context changed in KEY_LOADING"),Promise.resolve(null);var l,u=this.fragPrevious;if(te(e)&&(!u||e.sn!==u.sn)){var d=this.shouldLoadParts(t.details,e.end);d!==this.loadingParts&&(this.log("LL-Part loading "+(d?"ON":"OFF")+" loading sn "+(null==u?void 0:u.sn)+"->"+e.sn),this.loadingParts=d)}if(r=Math.max(e.start,r||0),this.loadingParts&&te(e)){var h=s.partList;if(h&&i){r>s.fragmentEnd&&s.fragmentHint&&(e=s.fragmentHint);var f=this.getNextPart(h,e,r);if(f>-1){var c,g=h[f];return e=this.fragCurrent=g.fragment,this.log("Loading "+e.type+" sn: "+e.sn+" part: "+g.index+" ("+f+"/"+(h.length-1)+") of "+this.fragInfo(e,!1,g)+") cc: "+e.cc+" ["+s.startSN+"-"+s.endSN+"], target: "+parseFloat(r.toFixed(3))),this.nextLoadPosition=g.start+g.duration,this.state=_i.FRAG_LOADING,c=o?o.then((function(r){return!r||a.fragContextChanged(r.frag)?null:a.doFragPartsLoad(e,g,t,i)})).catch((function(e){return a.handleFragLoadError(e)})):this.doFragPartsLoad(e,g,t,i).catch((function(e){return a.handleFragLoadError(e)})),this.hls.trigger(b.FRAG_LOADING,{frag:e,part:g,targetBufferTime:r}),null===this.fragCurrent?Promise.reject(new Error("frag load aborted, context changed in FRAG_LOADING parts")):c}if(!e.url||this.loadedEndOfParts(h,r))return Promise.resolve(null)}}if(te(e)&&this.loadingParts)this.log("LL-Part loading OFF after next part miss @"+r.toFixed(2)+" Check buffer at sn: "+e.sn+" loaded parts: "+(null==(l=s.partList)?void 0:l.filter((function(e){return e.loaded})).map((function(e){return"["+e.start+"-"+e.end+"]"})))),this.loadingParts=!1;else if(!e.url)return Promise.resolve(null);this.log("Loading "+e.type+" sn: "+e.sn+" of "+this.fragInfo(e,!1)+") cc: "+e.cc+" ["+s.startSN+"-"+s.endSN+"], target: "+parseFloat(r.toFixed(3))),A(e.sn)&&!this.bitrateTest&&(this.nextLoadPosition=e.start+e.duration),this.state=_i.FRAG_LOADING;var v,m=this.config.progressive;return v=m&&o?o.then((function(t){return!t||a.fragContextChanged(t.frag)?null:a.fragmentLoader.load(e,i)})).catch((function(e){return a.handleFragLoadError(e)})):Promise.all([this.fragmentLoader.load(e,m?i:void 0),o]).then((function(e){var t=e[0];return!m&&i&&i(t),t})).catch((function(e){return a.handleFragLoadError(e)})),this.hls.trigger(b.FRAG_LOADING,{frag:e,targetBufferTime:r}),null===this.fragCurrent?Promise.reject(new Error("frag load aborted, context changed in FRAG_LOADING")):v},r.doFragPartsLoad=function(e,t,r,i){var n=this;return new Promise((function(a,s){var o,l=[],u=null==(o=r.details)?void 0:o.partList,d=function(t){n.fragmentLoader.loadPart(e,t,i).then((function(i){l[t.index]=i;var s=i.part;n.hls.trigger(b.FRAG_LOADED,i);var o=mi(r.details,e.sn,t.index+1)||pi(u,e.sn,t.index+1);if(!o)return a({frag:e,part:s,partsLoaded:l});d(o)})).catch(s)};d(t)}))},r.handleFragLoadError=function(e){if("data"in e){var t=e.data;t.frag&&t.details===k.INTERNAL_ABORTED?this.handleFragLoadAborted(t.frag,t.part):t.frag&&t.type===R.KEY_SYSTEM_ERROR?(t.frag.abortRequests(),this.resetStartWhenNotLoaded(),this.resetFragmentLoading(t.frag)):this.hls.trigger(b.ERROR,t)}else this.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.INTERNAL_EXCEPTION,err:e,error:e,fatal:!0});return null},r._handleTransmuxerFlush=function(e){var t=this.getCurrentContext(e);if(t&&this.state===_i.PARSING){var r=t.frag,i=t.part,n=t.level,a=self.performance.now();r.stats.parsing.end=a,i&&(i.stats.parsing.end=a);var s=this.getLevelDetails(),o=s&&r.sn>s.endSN||this.shouldLoadParts(s,r.end);o!==this.loadingParts&&(this.log("LL-Part loading "+(o?"ON":"OFF")+" after parsing segment ending @"+r.end.toFixed(2)),this.loadingParts=o),this.updateLevelTiming(r,i,n,e.partial)}else this.fragCurrent||this.state===_i.STOPPED||this.state===_i.ERROR||(this.state=_i.IDLE)},r.shouldLoadParts=function(e,t){if(this.config.lowLatencyMode){if(!e)return this.loadingParts;if(e.partList){var r,i,n=e.partList[0];if(n.fragment.type===x)return!1;if(t>=n.end+((null==(r=e.fragmentHint)?void 0:r.duration)||0)&&(this.hls.hasEnoughToStart?(null==(i=this.media)?void 0:i.currentTime)||this.lastCurrentTime:this.getLoadPosition())>n.start-n.fragment.duration)return!0}}return!1},r.getCurrentContext=function(e){var t=this.levels,r=this.fragCurrent,i=e.level,n=e.sn,a=e.part;if(null==t||!t[i])return this.warn("Levels object was unset while buffering fragment "+n+" of "+this.playlistLabel()+" "+i+". The current chunk will not be buffered."),null;var s=t[i],o=s.details,l=a>-1?mi(o,n,a):null,u=l?l.fragment:vi(o,n,r);return u?(r&&r!==u&&(u.stats=r.stats),{frag:u,part:l,level:s}):null},r.bufferFragmentData=function(e,t,r,i,n){if(this.state===_i.PARSING){var a=e.data1,s=e.data2,o=a;if(s&&(o=Le(a,s)),o.length){var l=this.initPTS[t.cc],u=l?-l.baseTime/l.timescale:void 0,d={type:e.type,frag:t,part:r,chunkMeta:i,offset:u,parent:t.type,data:o};if(this.hls.trigger(b.BUFFER_APPENDING,d),e.dropped&&e.independent&&!r){if(n)return;this.flushBufferGap(t)}}}},r.flushBufferGap=function(e){var t=this.media;if(t)if(dr.isBuffered(t,t.currentTime)){var r=t.currentTime,i=dr.bufferInfo(t,r,0),n=e.duration,a=Math.min(2*this.config.maxFragLookUpTolerance,.25*n),s=Math.max(Math.min(e.start-a,i.end-a),r+a);e.start-s>a&&this.flushMainBuffer(s,e.start)}else this.flushMainBuffer(0,e.start)},r.getFwdBufferInfo=function(e,t){var r,i=this.getLoadPosition();if(!A(i))return null;var n=this.lastCurrentTime>i||null!=(r=this.media)&&r.paused?0:this.config.maxBufferHole;return this.getFwdBufferInfoAtPos(e,i,t,n)},r.getFwdBufferInfoAtPos=function(e,t,r,i){var n=dr.bufferInfo(e,t,i);if(0===n.len&&void 0!==n.nextStart){var a=this.fragmentTracker.getBufferedFrag(t,r);if(a&&(n.nextStart<=a.end||a.gap)){var s=Math.max(Math.min(n.nextStart,a.end)-t,i);return dr.bufferInfo(e,t,s)}}return n},r.getMaxBufferLength=function(e){var t,r=this.config;return t=e?Math.max(8*r.maxBufferSize/e,r.maxBufferLength):r.maxBufferLength,Math.min(t,r.maxMaxBufferLength)},r.reduceMaxBufferLength=function(e,t){var r=this.config,i=Math.max(Math.min(e-t,r.maxBufferLength),t),n=Math.max(e-3*t,r.maxMaxBufferLength/2,i);return n>=i&&(r.maxMaxBufferLength=n,this.warn("Reduce max buffer length to "+n+"s"),!0)},r.getAppendedFrag=function(e,t){void 0===t&&(t=w);var r=this.fragmentTracker?this.fragmentTracker.getAppendedFrag(e,t):null;return r&&"fragment"in r?r.fragment:r},r.getNextFragment=function(e,t){var r=t.fragments,i=r.length;if(!i)return null;var n=this.config,a=r[0].start,s=n.lowLatencyMode&&!!t.partList,o=null;if(t.live){var l=n.initialLiveManifestSize;if(i<l)return this.warn("Not enough fragments to start playback (have: "+i+", need: "+l+")"),null;if(!t.PTSKnown&&!this.startFragRequested&&-1===this.startPosition||e<a){var u;s&&!this.loadingParts&&(this.log("LL-Part loading ON for initial live fragment"),this.loadingParts=!0),o=this.getInitialLiveFragment(t);var d=this.hls.startPosition,h=this.hls.liveSyncPosition,f=o?(-1!==d&&d>=a?d:h)||o.start:e;this.log("Setting startPosition to "+f+" to match start frag at live edge. mainStart: "+d+" liveSyncPosition: "+h+" frag.start: "+(null==(u=o)?void 0:u.start)),this.startPosition=this.nextLoadPosition=f}}else e<=a&&(o=r[0]);if(!o){var c=this.loadingParts?t.partEnd:t.fragmentEnd;o=this.getFragmentAtPosition(e,c,t)}var g=this.filterReplacedPrimary(o,t);if(!g&&o){var v=o.sn-t.startSN;g=this.filterReplacedPrimary(r[v+1]||null,t)}return this.mapToInitFragWhenRequired(g)},r.isLoopLoading=function(e,t){var r=this.fragmentTracker.getState(e);return(r===Wt||r===Yt&&!!e.gap)&&this.nextLoadPosition>t},r.getNextFragmentLoopLoading=function(e,t,r,i,n){var a=null;if(e.gap&&(a=this.getNextFragment(this.nextLoadPosition,t))&&!a.gap&&r.nextStart){var s=this.getFwdBufferInfoAtPos(this.mediaBuffer?this.mediaBuffer:this.media,r.nextStart,i,0);if(null!==s&&r.len+s.len>=n){var o=a.sn;return this.loopSn!==o&&(this.log('buffer full after gaps in "'+i+'" playlist starting at sn: '+o),this.loopSn=o),null}}return this.loopSn=void 0,a},r.filterReplacedPrimary=function(e,t){if(!e)return e;if(Ci(this.config)&&e.type!==x){var r=this.hls.interstitialsManager,i=null==r?void 0:r.bufferingItem;if(i){var n=i.event;if(n){if(n.appendInPlace||Math.abs(e.start-i.start)>1||0===i.start)return null}else{if(e.end<=i.start&&!1===(null==t?void 0:t.live))return null;if(e.start>i.end&&i.nextEvent&&(i.nextEvent.appendInPlace||e.start-i.end>1))return null}}var a=null==r?void 0:r.playerQueue;if(a)for(var s=a.length;s--;){var o=a[s].interstitial;if(o.appendInPlace&&e.start>=o.startTime&&e.end<=o.resumeTime)return null}}return e},r.mapToInitFragWhenRequired=function(e){return null==e||!e.initSegment||e.initSegment.data||this.bitrateTest?e:e.initSegment},r.getNextPart=function(e,t,r){for(var i=-1,n=!1,a=!0,s=0,o=e.length;s<o;s++){var l=e[s];if(a=a&&!l.independent,i>-1&&r<l.start)break;var u=l.loaded;u?i=-1:(n||(l.independent||a)&&l.fragment===t)&&(l.fragment!==t&&this.warn("Need buffer at "+r+" but next unloaded part starts at "+l.start),i=s),n=u}return i},r.loadedEndOfParts=function(e,t){for(var r,i=e.length;i--;){if(!(r=e[i]).loaded)return!1;if(t>r.start)return!0}return!1},r.getInitialLiveFragment=function(e){var t=e.fragments,r=this.fragPrevious,i=null;if(r){if(e.hasProgramDateTime&&(this.log("Live playlist, switching playlist, load frag with same PDT: "+r.programDateTime),i=function(e,t,r){if(null===t||!Array.isArray(e)||!e.length||!A(t))return null;if(t<(e[0].programDateTime||0))return null;if(t>=(e[e.length-1].endProgramDateTime||0))return null;for(var i=0;i<e.length;++i){var n=e[i];if(At(t,r,n))return n}return null}(t,r.endProgramDateTime,this.config.maxFragLookUpTolerance)),!i){var n=r.sn+1;if(n>=e.startSN&&n<=e.endSN){var a=t[n-e.startSN];r.cc===a.cc&&(i=a,this.log("Live playlist, switching playlist, load frag with next SN: "+i.sn))}i||(i=Lt(e,r.cc,r.end))&&this.log("Live playlist, switching playlist, load frag with same CC: "+i.sn)}}else{var s=this.hls.liveSyncPosition;null!==s&&(i=this.getFragmentAtPosition(s,this.bitrateTest?e.fragmentEnd:e.edge,e))}return i},r.getFragmentAtPosition=function(e,t,r){var i,n,a=this.config,s=this.fragPrevious,o=r.fragments,l=r.endSN,u=r.fragmentHint,d=a.maxFragLookUpTolerance,h=r.partList,f=!!(this.loadingParts&&null!=h&&h.length&&u);if(f&&!this.bitrateTest&&h[h.length-1].fragment.sn===u.sn&&(o=o.concat(u),l=u.sn),i=e<t?Tt(s,o,e,e<this.lastCurrentTime||e>t-d||null!=(n=this.media)&&n.paused||!this.startFragRequested?0:d):o[o.length-1]){var c=i.sn-r.startSN,g=this.fragmentTracker.getState(i);if((g===Wt||g===Yt&&i.gap)&&(s=i),s&&i.sn===s.sn&&(!f||h[0].fragment.sn>i.sn||!r.live)&&i.level===s.level){var v=o[c+1];i=i.sn<l&&this.fragmentTracker.getState(v)!==Wt?v:null}}return i},r.alignPlaylists=function(e,t,r){var i=e.fragments.length;if(!i)return this.warn("No fragments in live playlist"),0;var n=e.fragmentStart,a=!t,s=e.alignedSliding&&A(n);if(a||!s&&!n){!function(e,t){e&&(Ii(t,e),t.alignedSliding||Ri(t,e),t.alignedSliding||t.skippedSegments||fi(e,t,!1))}(r,e);var o=e.fragmentStart;return this.log("Live playlist sliding: "+o.toFixed(2)+" start-sn: "+(t?t.startSN:"na")+"->"+e.startSN+" fragments: "+i),o}return n},r.waitForCdnTuneIn=function(e){return e.live&&e.canBlockReload&&e.partTarget&&e.tuneInGoal>Math.max(e.partHoldBack,3*e.partTarget)},r.setStartPosition=function(e,t){var r=this.startPosition;r<t&&(r=-1);var i=this.timelineOffset;if(-1===r){var n=null!==this.startTimeOffset,a=n?this.startTimeOffset:e.startTimeOffset;null!==a&&A(a)?(r=t+a,a<0&&(r+=e.edge),r=Math.min(Math.max(t,r),t+e.totalduration),this.log("Setting startPosition to "+r+" for start time offset "+a+" found in "+(n?"multivariant":"media")+" playlist"),this.startPosition=r):e.live?(r=this.hls.liveSyncPosition||t,this.log("Setting startPosition to -1 to start at live edge "+r),this.startPosition=-1):(this.log("setting startPosition to 0 by default"),this.startPosition=r=0),this.lastCurrentTime=r+i}this.nextLoadPosition=r+i},r.getLoadPosition=function(){var e,t=this.media,r=0;return null!=(e=this.hls)&&e.hasEnoughToStart&&t?r=t.currentTime:this.nextLoadPosition>=0&&(r=this.nextLoadPosition),r},r.handleFragLoadAborted=function(e,t){this.transmuxer&&e.type===this.playlistType&&te(e)&&e.stats.aborted&&(this.log("Fragment "+e.sn+(t?" part "+t.index:"")+" of "+this.playlistLabel()+" "+e.level+" was aborted"),this.resetFragmentLoading(e))},r.resetFragmentLoading=function(e){this.fragCurrent&&(this.fragContextChanged(e)||this.state===_i.FRAG_LOADING_WAITING_RETRY)||(this.state=_i.IDLE)},r.onFragmentOrKeyLoadError=function(e,t){var r;if(t.chunkMeta&&!t.frag){var i=this.getCurrentContext(t.chunkMeta);i&&(t.frag=i.frag)}var n=t.frag;if(n&&n.type===e&&this.levels)if(this.fragContextChanged(n)){var a;this.warn("Frag load error must match current frag to retry "+n.url+" > "+(null==(a=this.fragCurrent)?void 0:a.url))}else{var s=t.details===k.FRAG_GAP;s&&this.fragmentTracker.fragBuffered(n,!0);var o=t.errorAction;if(o){var l=o.action,u=o.flags,d=o.retryCount,h=void 0===d?0:d,f=o.retryConfig,c=!!f,g=c&&l===Mt,v=c&&!o.resolved&&u===Nt,m=null==(r=this.hls.latestLevelDetails)?void 0:r.live;if(!g&&v&&te(n)&&!n.endList&&m&&!kt(t))this.resetFragmentErrors(e),this.treatAsGap(n),o.resolved=!0;else if((g||v)&&h<f.maxNumRetry){var p,y=Ct(null==(p=t.response)?void 0:p.code),E=Dt(f,h);if(this.resetStartWhenNotLoaded(),this.retryDate=self.performance.now()+E,this.state=_i.FRAG_LOADING_WAITING_RETRY,o.resolved=!0,y)return this.log("Waiting for connection (offline)"),this.retryDate=1/0,void(t.reason="offline");this.warn("Fragment "+n.sn+" of "+e+" "+n.level+" errored with "+t.details+", retrying loading "+(h+1)+"/"+f.maxNumRetry+" in "+E+"ms")}else if(f){if(this.resetFragmentErrors(e),!(h<f.maxNumRetry))return void this.warn(t.details+" reached or exceeded max retry ("+h+")");s||l===xt||(o.resolved=!0)}else this.state=l===Ot?_i.WAITING_LEVEL:_i.ERROR;this.tickImmediate()}else this.state=_i.ERROR}},r.checkRetryDate=function(){var e=self.performance.now(),t=this.retryDate,r=t===1/0;(!t||e>=t||r&&!Ct(0))&&(r&&this.log("Connection restored (online)"),this.resetStartWhenNotLoaded(),this.state=_i.IDLE)},r.reduceLengthAndFlushBuffer=function(e){if(this.state===_i.PARSING||this.state===_i.PARSED){var t=e.frag,r=e.parent,i=this.getFwdBufferInfo(this.mediaBuffer,r),n=i&&i.len>.5;n&&this.reduceMaxBufferLength(i.len,(null==t?void 0:t.duration)||10);var a=!n;return a&&this.warn("Buffer full error while media.currentTime ("+this.getLoadPosition()+") is not buffered, flush "+r+" buffer"),t&&(this.fragmentTracker.removeFragment(t),this.nextLoadPosition=t.start),this.resetLoadingState(),a}return!1},r.resetFragmentErrors=function(e){e===O&&(this.fragCurrent=null),this.hls.hasEnoughToStart||(this.startFragRequested=!1),this.state!==_i.STOPPED&&(this.state=_i.IDLE)},r.afterBufferFlushed=function(e,t,r){if(e){var i=dr.getBuffered(e);this.fragmentTracker.detectEvictedFragments(t,i,r),this.state===_i.ENDED&&this.resetLoadingState()}},r.resetLoadingState=function(){this.log("Reset loading state"),this.fragCurrent=null,this.fragPrevious=null,this.state!==_i.STOPPED&&(this.state=_i.IDLE)},r.resetStartWhenNotLoaded=function(){if(!this.hls.hasEnoughToStart){this.startFragRequested=!1;var e=this.levelLastLoaded,t=e?e.details:null;null!=t&&t.live?(this.log("resetting startPosition for live start"),this.startPosition=-1,this.setStartPosition(t,t.fragmentStart),this.resetLoadingState()):this.nextLoadPosition=this.startPosition}},r.resetWhenMissingContext=function(e){this.log("Loading context changed while buffering sn "+e.sn+" of "+this.playlistLabel()+" "+(-1===e.level?"<removed>":e.level)+". This chunk will not be buffered."),this.removeUnbufferedFrags(),this.resetStartWhenNotLoaded(),this.resetLoadingState()},r.removeUnbufferedFrags=function(e){void 0===e&&(e=0),this.fragmentTracker.removeFragmentsInRange(e,1/0,this.playlistType,!1,!0)},r.updateLevelTiming=function(e,t,r,i){var n=this,a=r.details;if(a){var s;if(!Object.keys(e.elementaryStreams).reduce((function(t,s){var o=e.elementaryStreams[s];if(o){var l=o.endPTS-o.startPTS;if(l<=0)return n.warn("Could not parse fragment "+e.sn+" "+s+" duration reliably ("+l+")"),t||!1;var u=i?0:ui(a,e,o.startPTS,o.endPTS,o.startDTS,o.endDTS,n);return n.hls.trigger(b.LEVEL_PTS_UPDATED,{details:a,level:r,drift:u,type:s,frag:e,start:o.startPTS,end:o.endPTS}),!0}return t}),!1)&&(0===r.fragmentError&&this.treatAsGap(e,r),null===(null==(s=this.transmuxer)?void 0:s.error))){var o=new Error("Found no media in fragment "+e.sn+" of "+this.playlistLabel()+" "+e.level+" resetting transmuxer to fallback to playlist timing");if(this.warn(o.message),this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,fatal:!1,error:o,frag:e,reason:"Found no media in msn "+e.sn+" of "+this.playlistLabel()+' "'+r.url+'"'}),!this.hls)return;this.resetTransmuxer()}this.state=_i.PARSED,this.log("Parsed "+e.type+" sn: "+e.sn+(t?" part: "+t.index:"")+" of "+this.fragInfo(e,!1,t)+")"),this.hls.trigger(b.FRAG_PARSED,{frag:e,part:t})}else this.warn("level.details undefined")},r.playlistLabel=function(){return this.playlistType===w?"level":"track"},r.fragInfo=function(e,t,r){var i,n;return void 0===t&&(t=!0),this.playlistLabel()+" "+e.level+" ("+(r?"part":"frag")+":["+(null!=(i=t&&!r?e.startPTS:(r||e).start)?i:NaN).toFixed(3)+"-"+(null!=(n=t&&!r?e.endPTS:(r||e).end)?n:NaN).toFixed(3)+"]"+(r&&"main"===e.type?"INDEPENDENT="+(r.independent?"YES":"NO"):"")},r.treatAsGap=function(e,t){t&&t.fragmentError++,e.gap=!0,this.fragmentTracker.removeFragment(e),this.fragmentTracker.fragBuffered(e,!0)},r.resetTransmuxer=function(){var e;null==(e=this.transmuxer)||e.reset()},r.recoverWorkerError=function(e){"demuxerWorker"===e.event&&(this.fragmentTracker.removeAllFragments(),this.transmuxer&&(this.transmuxer.destroy(),this.transmuxer=null),this.resetStartWhenNotLoaded(),this.resetLoadingState())},i(t,[{key:"startPositionValue",get:function(){var e=this.nextLoadPosition,t=this.startPosition;return-1===t&&e?e:t}},{key:"bufferingEnabled",get:function(){return this.buffering}},{key:"inFlightFrag",get:function(){return{frag:this.fragCurrent,state:this.state}}},{key:"timelineOffset",get:function(){var e,t=this.config.timelineOffset;return t?(null==(e=this.getLevelDetails())?void 0:e.appliedTimelineOffset)||t:0}},{key:"primaryPrefetch",get:function(){var e;return!(!Ci(this.config)||!(null==(e=this.hls.interstitialsManager)||null==(e=e.playingItem)?void 0:e.event))}},{key:"state",get:function(){return this._state},set:function(e){var t=this._state;t!==e&&(this._state=e,this.log(t+"->"+e))}}])}(or);function Ci(e){return!!e.interstitialsController&&!1!==e.enableInterstitialPlayback}var wi=function(){function e(){this.chunks=[],this.dataLength=0}var t=e.prototype;return t.push=function(e){this.chunks.push(e),this.dataLength+=e.length},t.flush=function(){var e,t=this.chunks,r=this.dataLength;return t.length?(e=1===t.length?t[0]:function(e,t){for(var r=new Uint8Array(t),i=0,n=0;n<e.length;n++){var a=e[n];r.set(a,i),i+=a.length}return r}(t,r),this.reset(),e):new Uint8Array(0)},t.reset=function(){this.chunks.length=0,this.dataLength=0},e}();function Oi(e,t){return t+10<=e.length&&51===e[t]&&68===e[t+1]&&73===e[t+2]&&e[t+3]<255&&e[t+4]<255&&e[t+6]<128&&e[t+7]<128&&e[t+8]<128&&e[t+9]<128}function xi(e,t){return t+10<=e.length&&73===e[t]&&68===e[t+1]&&51===e[t+2]&&e[t+3]<255&&e[t+4]<255&&e[t+6]<128&&e[t+7]<128&&e[t+8]<128&&e[t+9]<128}function Mi(e,t){var r=0;return r=(127&e[t])<<21,r|=(127&e[t+1])<<14,r|=(127&e[t+2])<<7,r|=127&e[t+3]}function Fi(e,t){for(var r=t,i=0;xi(e,t);)i+=10,i+=Mi(e,t+6),Oi(e,t+10)&&(i+=10),t+=i;if(i>0)return e.subarray(r,r+i)}function Ni(e,t){return 255===e[t]&&240==(246&e[t+1])}function Ui(e,t){return 1&e[t+1]?7:9}function Bi(e,t){return(3&e[t+3])<<11|e[t+4]<<3|(224&e[t+5])>>>5}function Gi(e,t){return t+1<e.length&&Ni(e,t)}function Ki(e,t){if(Gi(e,t)){var r=Ui(e,t);if(t+r>=e.length)return!1;var i=Bi(e,t);if(i<=r)return!1;var n=t+i;return n===e.length||Gi(e,n)}return!1}function Vi(e,t,r,i,n){if(!e.samplerate){var s=function(e,t,r,i){var n=t[r+2],a=n>>2&15;if(!(a>12)){var s=1+(n>>6&3),o=t[r+3]>>6&3|(1&n)<<2,l="mp4a.40."+s,u=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350][a],d=a;5!==s&&29!==s||(d-=3);var h=[s<<3|(14&d)>>1,(1&d)<<7|o<<3];return Y.log("manifest codec:"+i+", parsed codec:"+l+", channels:"+o+", rate:"+u+" (ADTS object type:"+s+" sampling index:"+a+")"),{config:h,samplerate:u,channelCount:o,codec:l,parsedCodec:l,manifestCodec:i}}var f=new Error("invalid ADTS sampling index:"+a);e.emit(b.ERROR,b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,fatal:!0,error:f,reason:f.message})}(t,r,i,n);if(!s)return;a(e,s)}}function Hi(e){return 9216e4/e}function Yi(e,t,r,i,n){var a,s=i+n*Hi(e.samplerate),o=function(e,t){var r=Ui(e,t);if(t+r<=e.length){var i=Bi(e,t)-r;if(i>0)return{headerLength:r,frameLength:i}}}(t,r);if(o){var l=o.frameLength,u=o.headerLength,d=u+l,h=Math.max(0,r+d-t.length);h?(a=new Uint8Array(d-u)).set(t.subarray(r+u,t.length),0):a=t.subarray(r+u,r+d);var f={unit:a,pts:s};return h||e.samples.push(f),{sample:f,length:d,missing:h}}var c=t.length-r;return(a=new Uint8Array(c)).set(t.subarray(r,t.length),0),{sample:{unit:a,pts:s},length:c,missing:-1}}function Wi(e,t){return xi(e,t)&&Mi(e,t+6)+10<=e.length-t}function ji(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=1/0),function(e,t,r,i){var n=function(e){return e instanceof ArrayBuffer?e:e.buffer}(e),a=1;"BYTES_PER_ELEMENT"in i&&(a=i.BYTES_PER_ELEMENT);var s,o=(s=e)&&s.buffer instanceof ArrayBuffer&&void 0!==s.byteLength&&void 0!==s.byteOffset?e.byteOffset:0,l=(o+e.byteLength)/a,u=(o+t)/a,d=Math.floor(Math.max(0,Math.min(u,l))),h=Math.floor(Math.min(d+Math.max(r,0),l));return new i(n,d,h-d)}(e,t,r,Uint8Array)}function qi(e){var t={key:e.type,description:"",data:"",mimeType:null,pictureType:null};if(!(e.size<2))if(3===e.data[0]){var r=e.data.subarray(1).indexOf(0);if(-1!==r){var i=q(ji(e.data,1,r)),n=e.data[2+r],a=e.data.subarray(3+r).indexOf(0);if(-1!==a){var s,o=q(ji(e.data,3+r,a));return s="--\x3e"===i?q(ji(e.data,4+r+a)):function(e){return e instanceof ArrayBuffer?e:0==e.byteOffset&&e.byteLength==e.buffer.byteLength?e.buffer:new Uint8Array(e).buffer}(e.data.subarray(4+r+a)),t.mimeType=i,t.pictureType=n,t.description=o,t.data=s,t}}}else console.log("Ignore frame with unrecognized character encoding")}function Xi(e){return"PRIV"===e.type?function(e){if(!(e.size<2)){var t=q(e.data,!0),r=new Uint8Array(e.data.subarray(t.length+1));return{key:e.type,info:t,data:r.buffer}}}(e):"W"===e.type[0]?function(e){if("WXXX"===e.type){if(e.size<2)return;var t=1,r=q(e.data.subarray(t),!0);t+=r.length+1;var i=q(e.data.subarray(t));return{key:e.type,info:r,data:i}}var n=q(e.data);return{key:e.type,info:"",data:n}}(e):"APIC"===e.type?qi(e):function(e){if(!(e.size<2)){if("TXXX"===e.type){var t=1,r=q(e.data.subarray(t),!0);t+=r.length+1;var i=q(e.data.subarray(t));return{key:e.type,info:r,data:i}}var n=q(e.data.subarray(1));return{key:e.type,info:"",data:n}}}(e)}function Qi(e){var t=String.fromCharCode(e[0],e[1],e[2],e[3]),r=Mi(e,4);return{type:t,size:r,data:e.subarray(10,10+r)}}var zi=10,$i=10;function Zi(e){for(var t=0,r=[];xi(e,t);){var i=Mi(e,t+6);e[t+5]>>6&1&&(t+=zi);for(var n=(t+=zi)+i;t+$i<n;){var a=Qi(e.subarray(t)),s=Xi(a);s&&r.push(s),t+=a.size+zi}Oi(e,t)&&(t+=zi)}return r}function Ji(e){return e&&"PRIV"===e.key&&"com.apple.streaming.transportStreamTimestamp"===e.info}function en(e){if(8===e.data.byteLength){var t=new Uint8Array(e.data),r=1&t[3],i=(t[4]<<23)+(t[5]<<15)+(t[6]<<7)+t[7];return i/=45,r&&(i+=47721858.84),Math.round(i)}}function tn(e){for(var t=Zi(e),r=0;r<t.length;r++){var i=t[r];if(Ji(i))return en(i)}}var rn=function(e){return e.audioId3="org.id3",e.dateRange="com.apple.quicktime.HLS",e.emsg="https://aomedia.org/emsg/ID3",e.misbklv="urn:misb:KLV:bin:1910.1",e}({});function nn(e,t){return void 0===e&&(e=""),void 0===t&&(t=9e4),{type:e,id:-1,pid:-1,inputTimeScale:t,sequenceNumber:-1,samples:[],dropped:0}}var an=function(){function e(){this._audioTrack=void 0,this._id3Track=void 0,this.frameIndex=0,this.cachedData=null,this.basePTS=null,this.initPTS=null,this.lastPTS=null}var t=e.prototype;return t.resetInitSegment=function(e,t,r,i){this._id3Track={type:"id3",id:3,pid:-1,inputTimeScale:9e4,sequenceNumber:0,samples:[],dropped:0}},t.resetTimeStamp=function(e){this.initPTS=e,this.resetContiguity()},t.resetContiguity=function(){this.basePTS=null,this.lastPTS=null,this.frameIndex=0},t.canParse=function(e,t){return!1},t.appendFrame=function(e,t,r){},t.demux=function(e,t){this.cachedData&&(e=Le(this.cachedData,e),this.cachedData=null);var r,i=Fi(e,0),n=i?i.length:0,a=this._audioTrack,s=this._id3Track,o=i?tn(i):void 0,l=e.length;for((null===this.basePTS||0===this.frameIndex&&A(o))&&(this.basePTS=sn(o,t,this.initPTS),this.lastPTS=this.basePTS),null===this.lastPTS&&(this.lastPTS=this.basePTS),i&&i.length>0&&s.samples.push({pts:this.lastPTS,dts:this.lastPTS,data:i,type:rn.audioId3,duration:Number.POSITIVE_INFINITY});n<l;){if(this.canParse(e,n)){var u=this.appendFrame(a,e,n);u?(this.frameIndex++,this.lastPTS=u.sample.pts,r=n+=u.length):n=l}else Wi(e,n)?(i=Fi(e,n),s.samples.push({pts:this.lastPTS,dts:this.lastPTS,data:i,type:rn.audioId3,duration:Number.POSITIVE_INFINITY}),r=n+=i.length):n++;if(n===l&&r!==l){var d=e.slice(r);this.cachedData?this.cachedData=Le(this.cachedData,d):this.cachedData=d}}return{audioTrack:a,videoTrack:nn(),id3Track:s,textTrack:nn()}},t.demuxSampleAes=function(e,t,r){return Promise.reject(new Error("["+this+"] This demuxer does not support Sample-AES decryption"))},t.flush=function(e){var t=this.cachedData;return t&&(this.cachedData=null,this.demux(t,0)),{audioTrack:this._audioTrack,videoTrack:nn(),id3Track:this._id3Track,textTrack:nn()}},t.destroy=function(){this.cachedData=null,this._audioTrack=this._id3Track=void 0},e}(),sn=function(e,t,r){return A(e)?90*e:9e4*t+(r?9e4*r.baseTime/r.timescale:0)},on=null,ln=[32,64,96,128,160,192,224,256,288,320,352,384,416,448,32,48,56,64,80,96,112,128,160,192,224,256,320,384,32,40,48,56,64,80,96,112,128,160,192,224,256,320,32,48,56,64,80,96,112,128,144,160,176,192,224,256,8,16,24,32,40,48,56,64,80,96,112,128,144,160],un=[44100,48e3,32e3,22050,24e3,16e3,11025,12e3,8e3],dn=[[0,72,144,12],[0,0,0,0],[0,72,144,12],[0,144,144,12]],hn=[0,1,1,4];function fn(e,t,r,i,n){if(!(r+24>t.length)){var a=cn(t,r);if(a&&r+a.frameLength<=t.length){var s=i+n*(9e4*a.samplesPerFrame/a.sampleRate),o={unit:t.subarray(r,r+a.frameLength),pts:s,dts:s};return e.config=[],e.channelCount=a.channelCount,e.samplerate=a.sampleRate,e.samples.push(o),{sample:o,length:a.frameLength,missing:0}}}}function cn(e,t){var r=e[t+1]>>3&3,i=e[t+1]>>1&3,n=e[t+2]>>4&15,a=e[t+2]>>2&3;if(1!==r&&0!==n&&15!==n&&3!==a){var s=e[t+2]>>1&1,o=e[t+3]>>6,l=1e3*ln[14*(3===r?3-i:3===i?3:4)+n-1],u=un[3*(3===r?0:2===r?1:2)+a],d=3===o?1:2,h=dn[r][i],f=hn[i],c=8*h*f,g=Math.floor(h*l/u+s)*f;if(null===on){var v=(navigator.userAgent||"").match(/Chrome\/(\d+)/i);on=v?parseInt(v[1]):0}return!!on&&on<=87&&2===i&&l>=224e3&&0===o&&(e[t+3]=128|e[t+3]),{sampleRate:u,channelCount:d,frameLength:g,samplesPerFrame:c}}}function gn(e,t){return 255===e[t]&&224==(224&e[t+1])&&0!=(6&e[t+1])}function vn(e,t){return t+1<e.length&&gn(e,t)}function mn(e,t){if(t+1<e.length&&gn(e,t)){var r=cn(e,t),i=4;null!=r&&r.frameLength&&(i=r.frameLength);var n=t+i;return n===e.length||vn(e,n)}return!1}var pn=function(e){function t(t,r){var i;return(i=e.call(this)||this).observer=void 0,i.config=void 0,i.observer=t,i.config=r,i}o(t,e);var r=t.prototype;return r.resetInitSegment=function(t,r,i,n){e.prototype.resetInitSegment.call(this,t,r,i,n),this._audioTrack={container:"audio/adts",type:"audio",id:2,pid:-1,sequenceNumber:0,segmentCodec:"aac",samples:[],manifestCodec:r,duration:n,inputTimeScale:9e4,dropped:0}},t.probe=function(e,t){if(!e)return!1;var r=Fi(e,0),i=(null==r?void 0:r.length)||0;if(mn(e,i))return!1;for(var n=e.length;i<n;i++)if(Ki(e,i))return t.log("ADTS sync word found !"),!0;return!1},r.canParse=function(e,t){return function(e,t){return function(e,t){return t+5<e.length}(e,t)&&Ni(e,t)&&Bi(e,t)<=e.length-t}(e,t)},r.appendFrame=function(e,t,r){Vi(e,this.observer,t,r,e.manifestCodec);var i=Yi(e,t,r,this.basePTS,this.frameIndex);if(i&&0===i.missing)return i},t}(an),yn=function(e,t){var r=0,i=5;t+=i;for(var n=new Uint32Array(1),a=new Uint32Array(1),s=new Uint8Array(1);i>0;){s[0]=e[t];var o=Math.min(i,8),l=8-o;a[0]=4278190080>>>24+l<<l,n[0]=(s[0]&a[0])>>l,r=r?r<<o|n[0]:n[0],t+=1,i-=o}return r},En=function(e){function t(t){var r;return(r=e.call(this)||this).observer=void 0,r.observer=t,r}o(t,e);var r=t.prototype;return r.resetInitSegment=function(t,r,i,n){e.prototype.resetInitSegment.call(this,t,r,i,n),this._audioTrack={container:"audio/ac-3",type:"audio",id:2,pid:-1,sequenceNumber:0,segmentCodec:"ac3",samples:[],manifestCodec:r,duration:n,inputTimeScale:9e4,dropped:0}},r.canParse=function(e,t){return t+64<e.length},r.appendFrame=function(e,t,r){var i=Tn(e,t,r,this.basePTS,this.frameIndex);if(-1!==i)return{sample:e.samples[e.samples.length-1],length:i,missing:0}},t.probe=function(e){if(!e)return!1;var t=Fi(e,0);if(!t)return!1;var r=t.length;return 11===e[r]&&119===e[r+1]&&void 0!==tn(t)&&yn(e,r)<16},t}(an);function Tn(e,t,r,i,n){if(r+8>t.length)return-1;if(11!==t[r]||119!==t[r+1])return-1;var a=t[r+4]>>6;if(a>=3)return-1;var s=[48e3,44100,32e3][a],o=63&t[r+4],l=2*[64,69,96,64,70,96,80,87,120,80,88,120,96,104,144,96,105,144,112,121,168,112,122,168,128,139,192,128,140,192,160,174,240,160,175,240,192,208,288,192,209,288,224,243,336,224,244,336,256,278,384,256,279,384,320,348,480,320,349,480,384,417,576,384,418,576,448,487,672,448,488,672,512,557,768,512,558,768,640,696,960,640,697,960,768,835,1152,768,836,1152,896,975,1344,896,976,1344,1024,1114,1536,1024,1115,1536,1152,1253,1728,1152,1254,1728,1280,1393,1920,1280,1394,1920][3*o+a];if(r+l>t.length)return-1;var u=t[r+6]>>5,d=0;2===u?d+=2:(1&u&&1!==u&&(d+=2),4&u&&(d+=2));var h=(t[r+6]<<8|t[r+7])>>12-d&1,f=[2,1,2,3,3,4,4,5][u]+h,c=t[r+5]>>3,g=7&t[r+5],v=new Uint8Array([a<<6|c<<1|g>>2,(3&g)<<6|u<<3|h<<2|o>>4,o<<4&224]),m=i+n*(1536/s*9e4),p=t.subarray(r,r+l);return e.config=v,e.channelCount=f,e.samplerate=s,e.samples.push({unit:p,pts:m}),l}var Sn=function(e){function t(){return e.apply(this,arguments)||this}o(t,e);var r=t.prototype;return r.resetInitSegment=function(t,r,i,n){e.prototype.resetInitSegment.call(this,t,r,i,n),this._audioTrack={container:"audio/mpeg",type:"audio",id:2,pid:-1,sequenceNumber:0,segmentCodec:"mp3",samples:[],manifestCodec:r,duration:n,inputTimeScale:9e4,dropped:0}},t.probe=function(e){if(!e)return!1;var t=Fi(e,0),r=(null==t?void 0:t.length)||0;if(t&&11===e[r]&&119===e[r+1]&&void 0!==tn(t)&&yn(e,r)<=16)return!1;for(var i=e.length;r<i;r++)if(mn(e,r))return Y.log("MPEG Audio sync word found !"),!0;return!1},r.canParse=function(e,t){return function(e,t){return gn(e,t)&&4<=e.length-t}(e,t)},r.appendFrame=function(e,t,r){if(null!==this.basePTS)return fn(e,t,r,this.basePTS,this.frameIndex)},t}(an),An=/\/emsg[-/]ID3/i,Ln=function(){function e(e,t){this.remainderData=null,this.timeOffset=0,this.config=void 0,this.videoTrack=void 0,this.audioTrack=void 0,this.id3Track=void 0,this.txtTrack=void 0,this.config=t}var t=e.prototype;return t.resetTimeStamp=function(){},t.resetInitSegment=function(e,t,r,i){var n=this.videoTrack=nn("video",1),a=this.audioTrack=nn("audio",1),s=this.txtTrack=nn("text",1);if(this.id3Track=nn("id3",1),this.timeOffset=0,null!=e&&e.byteLength){var o=ve(e);if(o.video){var l=o.video,u=l.id,d=l.timescale,h=l.codec,f=l.supplemental;n.id=u,n.timescale=s.timescale=d,n.codec=h,n.supplemental=f}if(o.audio){var c=o.audio,g=c.id,v=c.timescale,m=c.codec;a.id=g,a.timescale=v,a.codec=m}s.id=oe.text,n.sampleDuration=0,n.duration=a.duration=i}},t.resetContiguity=function(){this.remainderData=null},e.probe=function(e){return function(e){for(var t=e.byteLength,r=0;r<t;){var i=de(e,r);if(i>8&&109===e[r+4]&&111===e[r+5]&&111===e[r+6]&&102===e[r+7])return!0;r=i>1?r+i:t}return!1}(e)},t.demux=function(e,t){this.timeOffset=t;var r=e,i=this.videoTrack,n=this.txtTrack;if(this.config.progressive){this.remainderData&&(r=Le(this.remainderData,e));var a=function(e){var t={valid:null,remainder:null},r=ce(e,["moof"]);if(r.length<2)return t.remainder=e,t;var i=r[r.length-1];return t.valid=e.slice(0,i.byteOffset-8),t.remainder=e.slice(i.byteOffset-8),t}(r);this.remainderData=a.remainder,i.samples=a.valid||new Uint8Array}else i.samples=r;var s=this.extractID3Track(i,t);return n.samples=Ie(t,i),{videoTrack:i,audioTrack:this.audioTrack,id3Track:s,textTrack:this.txtTrack}},t.flush=function(){var e=this.timeOffset,t=this.videoTrack,r=this.txtTrack;t.samples=this.remainderData||new Uint8Array,this.remainderData=null;var i=this.extractID3Track(t,this.timeOffset);return r.samples=Ie(e,t),{videoTrack:t,audioTrack:nn(),id3Track:i,textTrack:nn()}},t.extractID3Track=function(e,t){var r=this,i=this.id3Track;if(e.samples.length){var n=ce(e.samples,["emsg"]);n&&n.forEach((function(e){var n=function(e){var t=e[0],r="",i="",n=0,a=0,s=0,o=0,l=0,u=0;if(0===t){for(;"\0"!==le(e.subarray(u,u+1));)r+=le(e.subarray(u,u+1)),u+=1;for(r+=le(e.subarray(u,u+1)),u+=1;"\0"!==le(e.subarray(u,u+1));)i+=le(e.subarray(u,u+1)),u+=1;i+=le(e.subarray(u,u+1)),u+=1,n=de(e,12),a=de(e,16),o=de(e,20),l=de(e,24),u=28}else if(1===t){n=de(e,u+=4);var d=de(e,u+=4),h=de(e,u+=4);for(u+=4,s=Math.pow(2,32)*d+h,L(s)||(s=Number.MAX_SAFE_INTEGER,Y.warn("Presentation time exceeds safe integer limit and wrapped to max safe integer in parsing emsg box")),o=de(e,u),l=de(e,u+=4),u+=4;"\0"!==le(e.subarray(u,u+1));)r+=le(e.subarray(u,u+1)),u+=1;for(r+=le(e.subarray(u,u+1)),u+=1;"\0"!==le(e.subarray(u,u+1));)i+=le(e.subarray(u,u+1)),u+=1;i+=le(e.subarray(u,u+1)),u+=1}return{schemeIdUri:r,value:i,timeScale:n,presentationTime:s,presentationTimeDelta:a,eventDuration:o,id:l,payload:e.subarray(u,e.byteLength)}}(e);if(An.test(n.schemeIdUri)){var a=In(n,t),s=4294967295===n.eventDuration?Number.POSITIVE_INFINITY:n.eventDuration/n.timeScale;s<=.001&&(s=Number.POSITIVE_INFINITY);var o=n.payload;i.samples.push({data:o,len:o.byteLength,dts:a,pts:a,type:rn.emsg,duration:s})}else if(r.config.enableEmsgKLVMetadata&&n.schemeIdUri.startsWith("urn:misb:KLV:bin:1910.1")){var l=In(n,t);i.samples.push({data:n.payload,len:n.payload.byteLength,dts:l,pts:l,type:rn.misbklv,duration:Number.POSITIVE_INFINITY})}}))}return i},t.demuxSampleAes=function(e,t,r){return Promise.reject(new Error("The MP4 demuxer does not support SAMPLE-AES decryption"))},t.destroy=function(){this.config=null,this.remainderData=null,this.videoTrack=this.audioTrack=this.id3Track=this.txtTrack=void 0},e}();function In(e,t){return A(e.presentationTime)?e.presentationTime/e.timeScale:t+e.presentationTimeDelta/e.timeScale}var Rn=function(){function e(e,t,r){this.keyData=void 0,this.decrypter=void 0,this.keyData=r,this.decrypter=new tr(t,{removePKCS7Padding:!1})}var t=e.prototype;return t.decryptBuffer=function(e){return this.decrypter.decrypt(e,this.keyData.key.buffer,this.keyData.iv.buffer,zt)},t.decryptAacSample=function(e,t,r){var i=this,n=e[t].unit;if(!(n.length<=16)){var a=n.subarray(16,n.length-n.length%16),s=a.buffer.slice(a.byteOffset,a.byteOffset+a.length);this.decryptBuffer(s).then((function(a){var s=new Uint8Array(a);n.set(s,16),i.decrypter.isSync()||i.decryptAacSamples(e,t+1,r)})).catch(r)}},t.decryptAacSamples=function(e,t,r){for(;;t++){if(t>=e.length)return void r();if(!(e[t].unit.length<32||(this.decryptAacSample(e,t,r),this.decrypter.isSync())))return}},t.getAvcEncryptedData=function(e){for(var t=16*Math.floor((e.length-48)/160)+16,r=new Int8Array(t),i=0,n=32;n<e.length-16;n+=160,i+=16)r.set(e.subarray(n,n+16),i);return r},t.getAvcDecryptedUnit=function(e,t){for(var r=new Uint8Array(t),i=0,n=32;n<e.length-16;n+=160,i+=16)e.set(r.subarray(i,i+16),n);return e},t.decryptAvcSample=function(e,t,r,i,n){var a=this,s=De(n.data),o=this.getAvcEncryptedData(s);this.decryptBuffer(o.buffer).then((function(o){n.data=a.getAvcDecryptedUnit(s,o),a.decrypter.isSync()||a.decryptAvcSamples(e,t,r+1,i)})).catch(i)},t.decryptAvcSamples=function(e,t,r,i){if(e instanceof Uint8Array)throw new Error("Cannot decrypt samples of type Uint8Array");for(;;t++,r=0){if(t>=e.length)return void i();for(var n=e[t].units;!(r>=n.length);r++){var a=n[r];if(!(a.data.length<=48||1!==a.type&&5!==a.type||(this.decryptAvcSample(e,t,r,i,a),this.decrypter.isSync())))return}}},e}(),kn=function(){function e(){this.VideoSample=null}var t=e.prototype;return t.createVideoSample=function(e,t,r){return{key:e,frame:!1,pts:t,dts:r,units:[],length:0}},t.getLastNalUnit=function(e){var t,r,i=this.VideoSample;if(i&&0!==i.units.length||(i=e[e.length-1]),null!=(t=i)&&t.units){var n=i.units;r=n[n.length-1]}return r},t.pushAccessUnit=function(e,t){if(e.units.length&&e.frame){if(void 0===e.pts){var r=t.samples,i=r.length;if(!i)return void t.dropped++;var n=r[i-1];e.pts=n.pts,e.dts=n.dts}t.samples.push(e)}},t.parseNALu=function(e,t,r){var i,n,a=t.byteLength,s=e.naluState||0,o=s,l=[],u=0,d=-1,h=0;for(-1===s&&(d=0,h=this.getNALuType(t,0),s=0,u=1);u<a;)if(i=t[u++],s)if(1!==s)if(i)if(1===i){if(n=u-s-1,d>=0){var f={data:t.subarray(d,n),type:h};l.push(f)}else{var c=this.getLastNalUnit(e.samples);c&&(o&&u<=4-o&&c.state&&(c.data=c.data.subarray(0,c.data.byteLength-o)),n>0&&(c.data=Le(c.data,t.subarray(0,n)),c.state=0))}u<a?(d=u,h=this.getNALuType(t,u),s=0):s=-1}else s=0;else s=3;else s=i?0:2;else s=i?0:1;if(d>=0&&s>=0){var g={data:t.subarray(d,a),type:h,state:s};l.push(g)}if(0===l.length){var v=this.getLastNalUnit(e.samples);v&&(v.data=Le(v.data,t))}return e.naluState=s,l},e}(),bn=function(){function e(e){this.data=void 0,this.bytesAvailable=void 0,this.word=void 0,this.bitsAvailable=void 0,this.data=e,this.bytesAvailable=e.byteLength,this.word=0,this.bitsAvailable=0}var t=e.prototype;return t.loadWord=function(){var e=this.data,t=this.bytesAvailable,r=e.byteLength-t,i=new Uint8Array(4),n=Math.min(4,t);if(0===n)throw new Error("no bytes available");i.set(e.subarray(r,r+n)),this.word=new DataView(i.buffer).getUint32(0),this.bitsAvailable=8*n,this.bytesAvailable-=n},t.skipBits=function(e){var t;e=Math.min(e,8*this.bytesAvailable+this.bitsAvailable),this.bitsAvailable>e?(this.word<<=e,this.bitsAvailable-=e):(e-=this.bitsAvailable,e-=(t=e>>3)<<3,this.bytesAvailable-=t,this.loadWord(),this.word<<=e,this.bitsAvailable-=e)},t.readBits=function(e){var t=Math.min(this.bitsAvailable,e),r=this.word>>>32-t;if(e>32&&Y.error("Cannot read more than 32 bits at a time"),this.bitsAvailable-=t,this.bitsAvailable>0)this.word<<=t;else{if(!(this.bytesAvailable>0))throw new Error("no bits available");this.loadWord()}return(t=e-t)>0&&this.bitsAvailable?r<<t|this.readBits(t):r},t.skipLZ=function(){var e;for(e=0;e<this.bitsAvailable;++e)if(0!=(this.word&2147483648>>>e))return this.word<<=e,this.bitsAvailable-=e,e;return this.loadWord(),e+this.skipLZ()},t.skipUEG=function(){this.skipBits(1+this.skipLZ())},t.skipEG=function(){this.skipBits(1+this.skipLZ())},t.readUEG=function(){var e=this.skipLZ();return this.readBits(e+1)-1},t.readEG=function(){var e=this.readUEG();return 1&e?1+e>>>1:-1*(e>>>1)},t.readBoolean=function(){return 1===this.readBits(1)},t.readUByte=function(){return this.readBits(8)},t.readUShort=function(){return this.readBits(16)},t.readUInt=function(){return this.readBits(32)},e}(),Dn=function(e){function t(){return e.apply(this,arguments)||this}o(t,e);var r=t.prototype;return r.parsePES=function(e,t,r,i){var n,a=this,s=this.parseNALu(e,r.data,i),o=this.VideoSample,l=!1;r.data=null,o&&s.length&&!e.audFound&&(this.pushAccessUnit(o,e),o=this.VideoSample=this.createVideoSample(!1,r.pts,r.dts)),s.forEach((function(i){var s,u;switch(i.type){case 1:var d=!1;n=!0;var h,f=i.data;if(l&&f.length>4){var c=a.readSliceType(f);2!==c&&4!==c&&7!==c&&9!==c||(d=!0)}d&&null!=(h=o)&&h.frame&&!o.key&&(a.pushAccessUnit(o,e),o=a.VideoSample=null),o||(o=a.VideoSample=a.createVideoSample(!0,r.pts,r.dts)),o.frame=!0,o.key=d;break;case 5:n=!0,null!=(s=o)&&s.frame&&!o.key&&(a.pushAccessUnit(o,e),o=a.VideoSample=null),o||(o=a.VideoSample=a.createVideoSample(!0,r.pts,r.dts)),o.key=!0,o.frame=!0;break;case 6:n=!0,be(i.data,1,r.pts,t.samples);break;case 7:var g,v;n=!0,l=!0;var m=i.data,p=a.readSPS(m);if(!e.sps||e.width!==p.width||e.height!==p.height||(null==(g=e.pixelRatio)?void 0:g[0])!==p.pixelRatio[0]||(null==(v=e.pixelRatio)?void 0:v[1])!==p.pixelRatio[1]){e.width=p.width,e.height=p.height,e.pixelRatio=p.pixelRatio,e.sps=[m];for(var y=m.subarray(1,4),E="avc1.",T=0;T<3;T++){var S=y[T].toString(16);S.length<2&&(S="0"+S),E+=S}e.codec=E}break;case 8:n=!0,e.pps=[i.data];break;case 9:n=!0,e.audFound=!0,null!=(u=o)&&u.frame&&(a.pushAccessUnit(o,e),o=null),o||(o=a.VideoSample=a.createVideoSample(!1,r.pts,r.dts));break;case 12:n=!0;break;default:n=!1}o&&n&&o.units.push(i)})),i&&o&&(this.pushAccessUnit(o,e),this.VideoSample=null)},r.getNALuType=function(e,t){return 31&e[t]},r.readSliceType=function(e){var t=new bn(e);return t.readUByte(),t.readUEG(),t.readUEG()},r.skipScalingList=function(e,t){for(var r=8,i=8,n=0;n<e;n++)0!==i&&(i=(r+t.readEG()+256)%256),r=0===i?r:i},r.readSPS=function(e){var t,r,i,n=new bn(e),a=0,s=0,o=0,l=0,u=n.readUByte.bind(n),d=n.readBits.bind(n),h=n.readUEG.bind(n),f=n.readBoolean.bind(n),c=n.skipBits.bind(n),g=n.skipEG.bind(n),v=n.skipUEG.bind(n),m=this.skipScalingList.bind(this);u();var p=u();if(d(5),c(3),u(),v(),100===p||110===p||122===p||244===p||44===p||83===p||86===p||118===p||128===p){var y=h();if(3===y&&c(1),v(),v(),c(1),f())for(r=3!==y?8:12,i=0;i<r;i++)f()&&m(i<6?16:64,n)}v();var E=h();if(0===E)h();else if(1===E)for(c(1),g(),g(),t=h(),i=0;i<t;i++)g();v(),c(1);var T=h(),S=h(),A=d(1);0===A&&c(1),c(1),f()&&(a=h(),s=h(),o=h(),l=h());var L=[1,1];if(f()&&f())switch(u()){case 1:L=[1,1];break;case 2:L=[12,11];break;case 3:L=[10,11];break;case 4:L=[16,11];break;case 5:L=[40,33];break;case 6:L=[24,11];break;case 7:L=[20,11];break;case 8:L=[32,11];break;case 9:L=[80,33];break;case 10:L=[18,11];break;case 11:L=[15,11];break;case 12:L=[64,33];break;case 13:L=[160,99];break;case 14:L=[4,3];break;case 15:L=[3,2];break;case 16:L=[2,1];break;case 255:L=[u()<<8|u(),u()<<8|u()]}return{width:Math.ceil(16*(T+1)-2*a-2*s),height:(2-A)*(S+1)*16-(A?2:4)*(o+l),pixelRatio:L}},t}(kn),_n=function(e){function t(){for(var t,r=arguments.length,i=new Array(r),n=0;n<r;n++)i[n]=arguments[n];return(t=e.call.apply(e,[this].concat(i))||this).initVPS=null,t}o(t,e);var r=t.prototype;return r.parsePES=function(e,t,r,i){var n,s=this,o=this.parseNALu(e,r.data,i),l=this.VideoSample,u=!1;r.data=null,l&&o.length&&!e.audFound&&(this.pushAccessUnit(l,e),l=this.VideoSample=this.createVideoSample(!1,r.pts,r.dts)),o.forEach((function(i){var o,d;switch(i.type){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:case 8:case 9:l||(l=s.VideoSample=s.createVideoSample(!1,r.pts,r.dts)),l.frame=!0,n=!0;break;case 16:case 17:case 18:case 21:var h;n=!0,u&&null!=(h=l)&&h.frame&&!l.key&&(s.pushAccessUnit(l,e),l=s.VideoSample=null),l||(l=s.VideoSample=s.createVideoSample(!0,r.pts,r.dts)),l.key=!0,l.frame=!0;break;case 19:case 20:n=!0,null!=(o=l)&&o.frame&&!l.key&&(s.pushAccessUnit(l,e),l=s.VideoSample=null),l||(l=s.VideoSample=s.createVideoSample(!0,r.pts,r.dts)),l.key=!0,l.frame=!0;break;case 39:n=!0,be(i.data,2,r.pts,t.samples);break;case 32:n=!0,e.vps||("object"!=typeof e.params&&(e.params={}),e.params=a(e.params,s.readVPS(i.data)),s.initVPS=i.data),e.vps=[i.data];break;case 33:if(n=!0,u=!0,void 0===e.vps||e.vps[0]===s.initVPS||void 0===e.sps||s.matchSPS(e.sps[0],i.data)||(s.initVPS=e.vps[0],e.sps=e.pps=void 0),!e.sps){var f=s.readSPS(i.data);for(var c in e.width=f.width,e.height=f.height,e.pixelRatio=f.pixelRatio,e.codec=f.codecString,e.sps=[],"object"!=typeof e.params&&(e.params={}),f.params)e.params[c]=f.params[c]}s.pushParameterSet(e.sps,i.data,e.vps),l||(l=s.VideoSample=s.createVideoSample(!0,r.pts,r.dts)),l.key=!0;break;case 34:if(n=!0,"object"==typeof e.params){if(!e.pps){e.pps=[];var g=s.readPPS(i.data);for(var v in g)e.params[v]=g[v]}s.pushParameterSet(e.pps,i.data,e.vps)}break;case 35:n=!0,e.audFound=!0,null!=(d=l)&&d.frame&&(s.pushAccessUnit(l,e),l=null),l||(l=s.VideoSample=s.createVideoSample(!1,r.pts,r.dts));break;default:n=!1}l&&n&&l.units.push(i)})),i&&l&&(this.pushAccessUnit(l,e),this.VideoSample=null)},r.pushParameterSet=function(e,t,r){(r&&r[0]===this.initVPS||!r&&!e.length)&&e.push(t)},r.getNALuType=function(e,t){return(126&e[t])>>>1},r.ebsp2rbsp=function(e){for(var t=new Uint8Array(e.byteLength),r=0,i=0;i<e.byteLength;i++)i>=2&&3===e[i]&&0===e[i-1]&&0===e[i-2]||(t[r]=e[i],r++);return new Uint8Array(t.buffer,0,r)},r.pushAccessUnit=function(t,r){e.prototype.pushAccessUnit.call(this,t,r),this.initVPS&&(this.initVPS=null)},r.readVPS=function(e){var t=new bn(e);return t.readUByte(),t.readUByte(),t.readBits(4),t.skipBits(2),t.readBits(6),{numTemporalLayers:t.readBits(3)+1,temporalIdNested:t.readBoolean()}},r.readSPS=function(e){var t=new bn(this.ebsp2rbsp(e));t.readUByte(),t.readUByte(),t.readBits(4);var r=t.readBits(3);t.readBoolean();for(var i=t.readBits(2),n=t.readBoolean(),a=t.readBits(5),s=t.readUByte(),o=t.readUByte(),l=t.readUByte(),u=t.readUByte(),d=t.readUByte(),h=t.readUByte(),f=t.readUByte(),c=t.readUByte(),g=t.readUByte(),v=t.readUByte(),m=t.readUByte(),p=[],y=[],E=0;E<r;E++)p.push(t.readBoolean()),y.push(t.readBoolean());if(r>0)for(var T=r;T<8;T++)t.readBits(2);for(var S=0;S<r;S++)p[S]&&(t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte(),t.readUByte()),y[S]&&t.readUByte();t.readUEG();var A=t.readUEG();3==A&&t.skipBits(1);var L=t.readUEG(),I=t.readUEG(),R=t.readBoolean(),k=0,b=0,D=0,_=0;R&&(k+=t.readUEG(),b+=t.readUEG(),D+=t.readUEG(),_+=t.readUEG());for(var P=t.readUEG(),C=t.readUEG(),w=t.readUEG(),O=t.readBoolean()?0:r;O<=r;O++)t.skipUEG(),t.skipUEG(),t.skipUEG();if(t.skipUEG(),t.skipUEG(),t.skipUEG(),t.skipUEG(),t.skipUEG(),t.skipUEG(),t.readBoolean()&&t.readBoolean())for(var x=0;x<4;x++)for(var M=0;M<(3===x?2:6);M++)if(t.readBoolean()){var F=Math.min(64,1<<4+(x<<1));x>1&&t.readEG();for(var N=0;N<F;N++)t.readEG()}else t.readUEG();t.readBoolean(),t.readBoolean(),t.readBoolean()&&(t.readUByte(),t.skipUEG(),t.skipUEG(),t.readBoolean());for(var U=t.readUEG(),B=0,G=0;G<U;G++){var K=!1;if(0!==G&&(K=t.readBoolean()),K){G===U&&t.readUEG(),t.readBoolean(),t.readUEG();for(var V=0,H=0;H<=B;H++){var Y=t.readBoolean(),W=!1;Y||(W=t.readBoolean()),(Y||W)&&V++}B=V}else{var j=t.readUEG(),q=t.readUEG();B=j+q;for(var X=0;X<j;X++)t.readUEG(),t.readBoolean();for(var Q=0;Q<q;Q++)t.readUEG(),t.readBoolean()}}if(t.readBoolean())for(var z=t.readUEG(),$=0;$<z;$++){for(var Z=0;Z<w+4;Z++)t.readBits(1);t.readBits(1)}var J=0,ee=1,te=1,re=!0,ie=1,ne=0;if(t.readBoolean(),t.readBoolean(),t.readBoolean()){if(t.readBoolean()){var ae=t.readUByte();ae>0&&ae<16?(ee=[1,12,10,16,40,24,20,32,80,18,15,64,160,4,3,2][ae-1],te=[1,11,11,11,33,11,11,11,33,11,11,33,99,3,2,1][ae-1]):255===ae&&(ee=t.readBits(16),te=t.readBits(16))}if(t.readBoolean()&&t.readBoolean(),t.readBoolean()&&(t.readBits(3),t.readBoolean(),t.readBoolean()&&(t.readUByte(),t.readUByte(),t.readUByte())),t.readBoolean()&&(t.readUEG(),t.readUEG()),t.readBoolean(),t.readBoolean(),t.readBoolean(),t.readBoolean()&&(t.skipUEG(),t.skipUEG(),t.skipUEG(),t.skipUEG()),t.readBoolean()&&(ie=t.readBits(32),ne=t.readBits(32),t.readBoolean()&&t.readUEG(),t.readBoolean())){var se=t.readBoolean(),oe=t.readBoolean(),le=!1;(se||oe)&&((le=t.readBoolean())&&(t.readUByte(),t.readBits(5),t.readBoolean(),t.readBits(5)),t.readBits(4),t.readBits(4),le&&t.readBits(4),t.readBits(5),t.readBits(5),t.readBits(5));for(var ue=0;ue<=r;ue++){var de=!1;(re=t.readBoolean())||t.readBoolean()?t.readEG():de=t.readBoolean();var he=de?1:t.readUEG()+1;if(se)for(var fe=0;fe<he;fe++)t.readUEG(),t.readUEG(),le&&(t.readUEG(),t.readUEG()),t.skipBits(1);if(oe)for(var ce=0;ce<he;ce++)t.readUEG(),t.readUEG(),le&&(t.readUEG(),t.readUEG()),t.skipBits(1)}}t.readBoolean()&&(t.readBoolean(),t.readBoolean(),t.readBoolean(),J=t.readUEG())}var ge=L,ve=I;if(R){var me=1,pe=1;1===A?me=pe=2:2==A&&(me=2),ge=L-me*b-me*k,ve=I-pe*_-pe*D}for(var ye=i?["A","B","C"][i]:"",Ee=s<<24|o<<16|l<<8|u,Te=0,Se=0;Se<32;Se++)Te=(Te|(Ee>>Se&1)<<31-Se)>>>0;var Ae=Te.toString(16);return 1===a&&"2"===Ae&&(Ae="6"),{codecString:"hvc1."+ye+a+"."+Ae+"."+(n?"H":"L")+m+".B0",params:{general_tier_flag:n,general_profile_idc:a,general_profile_space:i,general_profile_compatibility_flags:[s,o,l,u],general_constraint_indicator_flags:[d,h,f,c,g,v],general_level_idc:m,bit_depth:P+8,bit_depth_luma_minus8:P,bit_depth_chroma_minus8:C,min_spatial_segmentation_idc:J,chroma_format_idc:A,frame_rate:{fixed:re,fps:ne/ie}},width:ge,height:ve,pixelRatio:[ee,te]}},r.readPPS=function(e){var t=new bn(this.ebsp2rbsp(e));t.readUByte(),t.readUByte(),t.skipUEG(),t.skipUEG(),t.skipBits(2),t.skipBits(3),t.skipBits(2),t.skipUEG(),t.skipUEG(),t.skipEG(),t.skipBits(2),t.readBoolean()&&t.skipUEG(),t.skipEG(),t.skipEG(),t.skipBits(4);var r=t.readBoolean(),i=t.readBoolean(),n=1;return i&&r?n=0:i?n=3:r&&(n=2),{parallelismType:n}},r.matchSPS=function(e,t){return String.fromCharCode.apply(null,e).substr(3)===String.fromCharCode.apply(null,t).substr(3)},t}(kn),Pn=188,Cn=function(){function e(e,t,r,i){this.logger=void 0,this.observer=void 0,this.config=void 0,this.typeSupported=void 0,this.sampleAes=null,this.pmtParsed=!1,this.audioCodec=void 0,this.videoCodec=void 0,this._pmtId=-1,this._videoTrack=void 0,this._audioTrack=void 0,this._id3Track=void 0,this._txtTrack=void 0,this.aacOverFlow=null,this.remainderData=null,this.videoParser=void 0,this.observer=e,this.config=t,this.typeSupported=r,this.logger=i,this.videoParser=null}e.probe=function(t,r){var i=e.syncOffset(t);return i>0&&r.warn("MPEG2-TS detected but first sync word found @ offset "+i),-1!==i},e.syncOffset=function(e){for(var t=e.length,r=Math.min(940,t-Pn)+1,i=0;i<r;){for(var n=!1,a=-1,s=0,o=i;o<t;o+=Pn){if(71!==e[o]||t-o!==Pn&&71!==e[o+Pn]){if(s)return-1;break}if(s++,-1===a&&0!==(a=o)&&(r=Math.min(a+18612,e.length-Pn)+1),n||(n=0===wn(e,o)),n&&s>1&&(0===a&&s>2||o+Pn>r))return a}i++}return-1},e.createTrack=function(e,t){return{container:"video"===e||"audio"===e?"video/mp2t":void 0,type:e,id:oe[e],pid:-1,inputTimeScale:9e4,sequenceNumber:0,samples:[],dropped:0,duration:"audio"===e?t:void 0}};var t=e.prototype;return t.resetInitSegment=function(t,r,i,n){this.pmtParsed=!1,this._pmtId=-1,this._videoTrack=e.createTrack("video"),this._videoTrack.duration=n,this._audioTrack=e.createTrack("audio",n),this._id3Track=e.createTrack("id3"),this._txtTrack=e.createTrack("text"),this._audioTrack.segmentCodec="aac",this.videoParser=null,this.aacOverFlow=null,this.remainderData=null,this.audioCodec=r,this.videoCodec=i},t.resetTimeStamp=function(){},t.resetContiguity=function(){var e=this._audioTrack,t=this._videoTrack,r=this._id3Track;e&&(e.pesData=null),t&&(t.pesData=null),r&&(r.pesData=null),this.aacOverFlow=null,this.remainderData=null},t.demux=function(t,r,i,n){var a;void 0===i&&(i=!1),void 0===n&&(n=!1),i||(this.sampleAes=null);var s=this._videoTrack,o=this._audioTrack,l=this._id3Track,u=this._txtTrack,d=s.pid,h=s.pesData,f=o.pid,c=l.pid,g=o.pesData,v=l.pesData,m=null,p=this.pmtParsed,y=this._pmtId,E=t.length;if(this.remainderData&&(E=(t=Le(this.remainderData,t)).length,this.remainderData=null),E<Pn&&!n)return this.remainderData=t,{audioTrack:o,videoTrack:s,id3Track:l,textTrack:u};var T=Math.max(0,e.syncOffset(t));(E-=(E-T)%Pn)<t.byteLength&&!n&&(this.remainderData=new Uint8Array(t.buffer,E,t.buffer.byteLength-E));for(var S=0,A=T;A<E;A+=Pn)if(71===t[A]){var L=!!(64&t[A+1]),I=wn(t,A),R=void 0;if((48&t[A+3])>>4>1){if((R=A+5+t[A+4])===A+Pn)continue}else R=A+4;switch(I){case d:L&&(h&&(a=Nn(h,this.logger))&&(this.readyVideoParser(s.segmentCodec),null!==this.videoParser&&this.videoParser.parsePES(s,u,a,!1)),h={data:[],size:0}),h&&(h.data.push(t.subarray(R,A+Pn)),h.size+=A+Pn-R);break;case f:if(L){if(g&&(a=Nn(g,this.logger)))switch(o.segmentCodec){case"aac":this.parseAACPES(o,a);break;case"mp3":this.parseMPEGPES(o,a);break;case"ac3":this.parseAC3PES(o,a)}g={data:[],size:0}}g&&(g.data.push(t.subarray(R,A+Pn)),g.size+=A+Pn-R);break;case c:L&&(v&&(a=Nn(v,this.logger))&&this.parseID3PES(l,a),v={data:[],size:0}),v&&(v.data.push(t.subarray(R,A+Pn)),v.size+=A+Pn-R);break;case 0:L&&(R+=t[R]+1),y=this._pmtId=On(t,R);break;case y:L&&(R+=t[R]+1);var k=xn(t,R,this.typeSupported,i,this.observer,this.logger);(d=k.videoPid)>0&&(s.pid=d,s.segmentCodec=k.segmentVideoCodec),(f=k.audioPid)>0&&(o.pid=f,o.segmentCodec=k.segmentAudioCodec),(c=k.id3Pid)>0&&(l.pid=c),null===m||p||(this.logger.warn("MPEG-TS PMT found at "+A+" after unknown PID '"+m+"'. Backtracking to sync byte @"+T+" to parse all TS packets."),m=null,A=T-188),p=this.pmtParsed=!0;break;case 17:case 8191:break;default:m=I}}else S++;S>0&&Mn(this.observer,new Error("Found "+S+" TS packet/s that do not start with 0x47"),void 0,this.logger),s.pesData=h,o.pesData=g,l.pesData=v;var b={audioTrack:o,videoTrack:s,id3Track:l,textTrack:u};return n&&this.extractRemainingSamples(b),b},t.flush=function(){var e,t=this.remainderData;return this.remainderData=null,e=t?this.demux(t,-1,!1,!0):{videoTrack:this._videoTrack,audioTrack:this._audioTrack,id3Track:this._id3Track,textTrack:this._txtTrack},this.extractRemainingSamples(e),this.sampleAes?this.decrypt(e,this.sampleAes):e},t.extractRemainingSamples=function(e){var t,r=e.audioTrack,i=e.videoTrack,n=e.id3Track,a=e.textTrack,s=i.pesData,o=r.pesData,l=n.pesData;if(s&&(t=Nn(s,this.logger))?(this.readyVideoParser(i.segmentCodec),null!==this.videoParser&&(this.videoParser.parsePES(i,a,t,!0),i.pesData=null)):i.pesData=s,o&&(t=Nn(o,this.logger))){switch(r.segmentCodec){case"aac":this.parseAACPES(r,t);break;case"mp3":this.parseMPEGPES(r,t);break;case"ac3":this.parseAC3PES(r,t)}r.pesData=null}else null!=o&&o.size&&this.logger.log("last AAC PES packet truncated,might overlap between fragments"),r.pesData=o;l&&(t=Nn(l,this.logger))?(this.parseID3PES(n,t),n.pesData=null):n.pesData=l},t.demuxSampleAes=function(e,t,r){var i=this.demux(e,r,!0,!this.config.progressive),n=this.sampleAes=new Rn(this.observer,this.config,t);return this.decrypt(i,n)},t.readyVideoParser=function(e){null===this.videoParser&&("avc"===e?this.videoParser=new Dn:"hevc"===e&&(this.videoParser=new _n))},t.decrypt=function(e,t){return new Promise((function(r){var i=e.audioTrack,n=e.videoTrack;i.samples&&"aac"===i.segmentCodec?t.decryptAacSamples(i.samples,0,(function(){n.samples?t.decryptAvcSamples(n.samples,0,0,(function(){r(e)})):r(e)})):n.samples&&t.decryptAvcSamples(n.samples,0,0,(function(){r(e)}))}))},t.destroy=function(){this.observer&&this.observer.removeAllListeners(),this.config=this.logger=this.observer=null,this.aacOverFlow=this.videoParser=this.remainderData=this.sampleAes=null,this._videoTrack=this._audioTrack=this._id3Track=this._txtTrack=void 0},t.parseAACPES=function(e,t){var r,i,n,a=0,s=this.aacOverFlow,o=t.data;if(s){this.aacOverFlow=null;var l=s.missing,u=s.sample.unit.byteLength;if(-1===l)o=Le(s.sample.unit,o);else{var d=u-l;s.sample.unit.set(o.subarray(0,l),d),e.samples.push(s.sample),a=s.missing}}for(r=a,i=o.length;r<i-1&&!Gi(o,r);r++);if(r!==a){var h,f=r<i-1;if(h=f?"AAC PES did not start with ADTS header,offset:"+r:"No ADTS header found in AAC PES",Mn(this.observer,new Error(h),f,this.logger),!f)return}if(Vi(e,this.observer,o,r,this.audioCodec),void 0!==t.pts)n=t.pts;else{if(!s)return void this.logger.warn("[tsdemuxer]: AAC PES unknown PTS");var c=Hi(e.samplerate);n=s.sample.pts+c}for(var g,v=0;r<i;){if(r+=(g=Yi(e,o,r,n,v)).length,g.missing){this.aacOverFlow=g;break}for(v++;r<i-1&&!Gi(o,r);r++);}},t.parseMPEGPES=function(e,t){var r=t.data,i=r.length,n=0,a=0,s=t.pts;if(void 0!==s)for(;a<i;)if(vn(r,a)){var o=fn(e,r,a,s,n);if(!o)break;a+=o.length,n++}else a++;else this.logger.warn("[tsdemuxer]: MPEG PES unknown PTS")},t.parseAC3PES=function(e,t){var r=t.data,i=t.pts;if(void 0!==i)for(var n,a=r.length,s=0,o=0;o<a&&(n=Tn(e,r,o,i,s++))>0;)o+=n;else this.logger.warn("[tsdemuxer]: AC3 PES unknown PTS")},t.parseID3PES=function(e,t){if(void 0!==t.pts){var r=a({},t,{type:this._videoTrack?rn.emsg:rn.audioId3,duration:Number.POSITIVE_INFINITY});e.samples.push(r)}else this.logger.warn("[tsdemuxer]: ID3 PES unknown PTS")},e}();function wn(e,t){return((31&e[t+1])<<8)+e[t+2]}function On(e,t){return(31&e[t+10])<<8|e[t+11]}function xn(e,t,r,i,n,a){var s={audioPid:-1,videoPid:-1,id3Pid:-1,segmentVideoCodec:"avc",segmentAudioCodec:"aac"},o=t+3+((15&e[t+1])<<8|e[t+2])-4;for(t+=12+((15&e[t+10])<<8|e[t+11]);t<o;){var l=wn(e,t),u=(15&e[t+3])<<8|e[t+4];switch(e[t]){case 207:if(!i){Fn("ADTS AAC",a);break}case 15:-1===s.audioPid&&(s.audioPid=l);break;case 21:-1===s.id3Pid&&(s.id3Pid=l);break;case 219:if(!i){Fn("H.264",a);break}case 27:-1===s.videoPid&&(s.videoPid=l);break;case 3:case 4:r.mpeg||r.mp3?-1===s.audioPid&&(s.audioPid=l,s.segmentAudioCodec="mp3"):a.log("MPEG audio found, not supported in this browser");break;case 193:if(!i){Fn("AC-3",a);break}case 129:r.ac3?-1===s.audioPid&&(s.audioPid=l,s.segmentAudioCodec="ac3"):a.log("AC-3 audio found, not supported in this browser");break;case 6:if(-1===s.audioPid&&u>0)for(var d=t+5,h=u;h>2;){106===e[d]&&(!0!==r.ac3?a.log("AC-3 audio found, not supported in this browser for now"):(s.audioPid=l,s.segmentAudioCodec="ac3"));var f=e[d+1]+2;d+=f,h-=f}break;case 194:case 135:return Mn(n,new Error("Unsupported EC-3 in M2TS found"),void 0,a),s;case 36:-1===s.videoPid&&(s.videoPid=l,s.segmentVideoCodec="hevc",a.log("HEVC in M2TS found"))}t+=u+5}return s}function Mn(e,t,r,i){i.warn("parsing error: "+t.message),e.emit(b.ERROR,b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,fatal:!1,levelRetry:r,error:t,reason:t.message})}function Fn(e,t){t.log(e+" with AES-128-CBC encryption found in unencrypted stream")}function Nn(e,t){var r,i,n,a,s,o=0,l=e.data;if(!e||0===e.size)return null;for(;l[0].length<19&&l.length>1;)l[0]=Le(l[0],l[1]),l.splice(1,1);if(1===((r=l[0])[0]<<16)+(r[1]<<8)+r[2]){if((i=(r[4]<<8)+r[5])&&i>e.size-6)return null;var u=r[7];192&u&&(a=536870912*(14&r[9])+4194304*(255&r[10])+16384*(254&r[11])+128*(255&r[12])+(254&r[13])/2,64&u?a-(s=536870912*(14&r[14])+4194304*(255&r[15])+16384*(254&r[16])+128*(255&r[17])+(254&r[18])/2)>54e5&&(t.warn(Math.round((a-s)/9e4)+"s delta between PTS and DTS, align them"),a=s):s=a);var d=(n=r[8])+9;if(e.size<=d)return null;e.size-=d;for(var h=new Uint8Array(e.size),f=0,c=l.length;f<c;f++){var g=(r=l[f]).byteLength;if(d){if(d>g){d-=g;continue}r=r.subarray(d),g-=d,d=0}h.set(r,o),o+=g}return i&&(i-=n+3),{data:h,pts:a,dts:s,len:i}}return null}var Un=function(){function e(){}return e.getSilentFrame=function(e,t){if("mp4a.40.2"===e){if(1===t)return new Uint8Array([0,200,0,128,35,128]);if(2===t)return new Uint8Array([33,0,73,144,2,25,0,35,128]);if(3===t)return new Uint8Array([0,200,0,128,32,132,1,38,64,8,100,0,142]);if(4===t)return new Uint8Array([0,200,0,128,32,132,1,38,64,8,100,0,128,44,128,8,2,56]);if(5===t)return new Uint8Array([0,200,0,128,32,132,1,38,64,8,100,0,130,48,4,153,0,33,144,2,56]);if(6===t)return new Uint8Array([0,200,0,128,32,132,1,38,64,8,100,0,130,48,4,153,0,33,144,2,0,178,0,32,8,224])}else{if(1===t)return new Uint8Array([1,64,34,128,163,78,230,128,186,8,0,0,0,28,6,241,193,10,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,94]);if(2===t)return new Uint8Array([1,64,34,128,163,94,230,128,186,8,0,0,0,0,149,0,6,241,161,10,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,94]);if(3===t)return new Uint8Array([1,64,34,128,163,94,230,128,186,8,0,0,0,0,149,0,6,241,161,10,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,90,94])}},e}(),Bn=Math.pow(2,32)-1,Gn=function(){function e(){}return e.init=function(){var t;for(t in e.types={avc1:[],avcC:[],hvc1:[],hvcC:[],btrt:[],dinf:[],dref:[],esds:[],ftyp:[],hdlr:[],mdat:[],mdhd:[],mdia:[],mfhd:[],minf:[],moof:[],moov:[],mp4a:[],".mp3":[],dac3:[],"ac-3":[],mvex:[],mvhd:[],pasp:[],sdtp:[],stbl:[],stco:[],stsc:[],stsd:[],stsz:[],stts:[],tfdt:[],tfhd:[],traf:[],trak:[],trun:[],trex:[],tkhd:[],vmhd:[],smhd:[]},e.types)e.types.hasOwnProperty(t)&&(e.types[t]=[t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2),t.charCodeAt(3)]);var r=new Uint8Array([0,0,0,0,0,0,0,0,118,105,100,101,0,0,0,0,0,0,0,0,0,0,0,0,86,105,100,101,111,72,97,110,100,108,101,114,0]),i=new Uint8Array([0,0,0,0,0,0,0,0,115,111,117,110,0,0,0,0,0,0,0,0,0,0,0,0,83,111,117,110,100,72,97,110,100,108,101,114,0]);e.HDLR_TYPES={video:r,audio:i};var n=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),a=new Uint8Array([0,0,0,0,0,0,0,0]);e.STTS=e.STSC=e.STCO=a,e.STSZ=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),e.VMHD=new Uint8Array([0,0,0,1,0,0,0,0,0,0,0,0]),e.SMHD=new Uint8Array([0,0,0,0,0,0,0,0]),e.STSD=new Uint8Array([0,0,0,0,0,0,0,1]);var s=new Uint8Array([105,115,111,109]),o=new Uint8Array([97,118,99,49]),l=new Uint8Array([0,0,0,1]);e.FTYP=e.box(e.types.ftyp,s,l,s,o),e.DINF=e.box(e.types.dinf,e.box(e.types.dref,n))},e.box=function(e){for(var t=8,r=arguments.length,i=new Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];for(var a=i.length,s=a;a--;)t+=i[a].byteLength;var o=new Uint8Array(t);for(o[0]=t>>24&255,o[1]=t>>16&255,o[2]=t>>8&255,o[3]=255&t,o.set(e,4),a=0,t=8;a<s;a++)o.set(i[a],t),t+=i[a].byteLength;return o},e.hdlr=function(t){return e.box(e.types.hdlr,e.HDLR_TYPES[t])},e.mdat=function(t){return e.box(e.types.mdat,t)},e.mdhd=function(t,r){r*=t;var i=Math.floor(r/(Bn+1)),n=Math.floor(r%(Bn+1));return e.box(e.types.mdhd,new Uint8Array([1,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,3,t>>24&255,t>>16&255,t>>8&255,255&t,i>>24,i>>16&255,i>>8&255,255&i,n>>24,n>>16&255,n>>8&255,255&n,85,196,0,0]))},e.mdia=function(t){return e.box(e.types.mdia,e.mdhd(t.timescale||0,t.duration||0),e.hdlr(t.type),e.minf(t))},e.mfhd=function(t){return e.box(e.types.mfhd,new Uint8Array([0,0,0,0,t>>24,t>>16&255,t>>8&255,255&t]))},e.minf=function(t){return"audio"===t.type?e.box(e.types.minf,e.box(e.types.smhd,e.SMHD),e.DINF,e.stbl(t)):e.box(e.types.minf,e.box(e.types.vmhd,e.VMHD),e.DINF,e.stbl(t))},e.moof=function(t,r,i){return e.box(e.types.moof,e.mfhd(t),e.traf(i,r))},e.moov=function(t){for(var r=t.length,i=[];r--;)i[r]=e.trak(t[r]);return e.box.apply(null,[e.types.moov,e.mvhd(t[0].timescale||0,t[0].duration||0)].concat(i).concat(e.mvex(t)))},e.mvex=function(t){for(var r=t.length,i=[];r--;)i[r]=e.trex(t[r]);return e.box.apply(null,[e.types.mvex].concat(i))},e.mvhd=function(t,r){r*=t;var i=Math.floor(r/(Bn+1)),n=Math.floor(r%(Bn+1)),a=new Uint8Array([1,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,3,t>>24&255,t>>16&255,t>>8&255,255&t,i>>24,i>>16&255,i>>8&255,255&i,n>>24,n>>16&255,n>>8&255,255&n,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255]);return e.box(e.types.mvhd,a)},e.sdtp=function(t){var r,i,n=t.samples||[],a=new Uint8Array(4+n.length);for(r=0;r<n.length;r++)i=n[r].flags,a[r+4]=i.dependsOn<<4|i.isDependedOn<<2|i.hasRedundancy;return e.box(e.types.sdtp,a)},e.stbl=function(t){return e.box(e.types.stbl,e.stsd(t),e.box(e.types.stts,e.STTS),e.box(e.types.stsc,e.STSC),e.box(e.types.stsz,e.STSZ),e.box(e.types.stco,e.STCO))},e.avc1=function(t){var r,i,n,a=[],s=[];for(r=0;r<t.sps.length;r++)n=(i=t.sps[r]).byteLength,a.push(n>>>8&255),a.push(255&n),a=a.concat(Array.prototype.slice.call(i));for(r=0;r<t.pps.length;r++)n=(i=t.pps[r]).byteLength,s.push(n>>>8&255),s.push(255&n),s=s.concat(Array.prototype.slice.call(i));var o=e.box(e.types.avcC,new Uint8Array([1,a[3],a[4],a[5],255,224|t.sps.length].concat(a).concat([t.pps.length]).concat(s))),l=t.width,u=t.height,d=t.pixelRatio[0],h=t.pixelRatio[1];return e.box(e.types.avc1,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,l>>8&255,255&l,u>>8&255,255&u,0,72,0,0,0,72,0,0,0,0,0,0,0,1,18,100,97,105,108,121,109,111,116,105,111,110,47,104,108,115,46,106,115,0,0,0,0,0,0,0,0,0,0,0,0,0,0,24,17,17]),o,e.box(e.types.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192])),e.box(e.types.pasp,new Uint8Array([d>>24,d>>16&255,d>>8&255,255&d,h>>24,h>>16&255,h>>8&255,255&h])))},e.esds=function(e){var t=e.config;return new Uint8Array([0,0,0,0,3,25,0,1,0,4,17,64,21,0,0,0,0,0,0,0,0,0,0,0,5,2].concat(t,[6,1,2]))},e.audioStsd=function(e){var t=e.samplerate||0;return new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,e.channelCount||0,0,16,0,0,0,0,t>>8&255,255&t,0,0])},e.mp4a=function(t){return e.box(e.types.mp4a,e.audioStsd(t),e.box(e.types.esds,e.esds(t)))},e.mp3=function(t){return e.box(e.types[".mp3"],e.audioStsd(t))},e.ac3=function(t){return e.box(e.types["ac-3"],e.audioStsd(t),e.box(e.types.dac3,t.config))},e.stsd=function(t){var r=t.segmentCodec;if("audio"===t.type){if("aac"===r)return e.box(e.types.stsd,e.STSD,e.mp4a(t));if("ac3"===r&&t.config)return e.box(e.types.stsd,e.STSD,e.ac3(t));if("mp3"===r&&"mp3"===t.codec)return e.box(e.types.stsd,e.STSD,e.mp3(t))}else{if(!t.pps||!t.sps)throw new Error("video track missing pps or sps");if("avc"===r)return e.box(e.types.stsd,e.STSD,e.avc1(t));if("hevc"===r&&t.vps)return e.box(e.types.stsd,e.STSD,e.hvc1(t))}throw new Error("unsupported "+t.type+" segment codec ("+r+"/"+t.codec+")")},e.tkhd=function(t){var r=t.id,i=(t.duration||0)*(t.timescale||0),n=t.width||0,a=t.height||0,s=Math.floor(i/(Bn+1)),o=Math.floor(i%(Bn+1));return e.box(e.types.tkhd,new Uint8Array([1,0,0,7,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,3,r>>24&255,r>>16&255,r>>8&255,255&r,0,0,0,0,s>>24,s>>16&255,s>>8&255,255&s,o>>24,o>>16&255,o>>8&255,255&o,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,n>>8&255,255&n,0,0,a>>8&255,255&a,0,0]))},e.traf=function(t,r){var i=e.sdtp(t),n=t.id,a=Math.floor(r/(Bn+1)),s=Math.floor(r%(Bn+1));return e.box(e.types.traf,e.box(e.types.tfhd,new Uint8Array([0,0,0,0,n>>24,n>>16&255,n>>8&255,255&n])),e.box(e.types.tfdt,new Uint8Array([1,0,0,0,a>>24,a>>16&255,a>>8&255,255&a,s>>24,s>>16&255,s>>8&255,255&s])),e.trun(t,i.length+16+20+8+16+8+8),i)},e.trak=function(t){return t.duration=t.duration||4294967295,e.box(e.types.trak,e.tkhd(t),e.mdia(t))},e.trex=function(t){var r=t.id;return e.box(e.types.trex,new Uint8Array([0,0,0,0,r>>24,r>>16&255,r>>8&255,255&r,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,1]))},e.trun=function(t,r){var i,n,a,s,o,l,u=t.samples||[],d=u.length,h=12+16*d,f=new Uint8Array(h);for(r+=8+h,f.set(["video"===t.type?1:0,0,15,1,d>>>24&255,d>>>16&255,d>>>8&255,255&d,r>>>24&255,r>>>16&255,r>>>8&255,255&r],0),i=0;i<d;i++)a=(n=u[i]).duration,s=n.size,o=n.flags,l=n.cts,f.set([a>>>24&255,a>>>16&255,a>>>8&255,255&a,s>>>24&255,s>>>16&255,s>>>8&255,255&s,o.isLeading<<2|o.dependsOn,o.isDependedOn<<6|o.hasRedundancy<<4|o.paddingValue<<1|o.isNonSync,61440&o.degradPrio,15&o.degradPrio,l>>>24&255,l>>>16&255,l>>>8&255,255&l],12+16*i);return e.box(e.types.trun,f)},e.initSegment=function(t){e.types||e.init();var r=e.moov(t);return Le(e.FTYP,r)},e.hvc1=function(t){for(var r=t.params,i=[t.vps,t.sps,t.pps],n=new Uint8Array([1,r.general_profile_space<<6|(r.general_tier_flag?32:0)|r.general_profile_idc,r.general_profile_compatibility_flags[0],r.general_profile_compatibility_flags[1],r.general_profile_compatibility_flags[2],r.general_profile_compatibility_flags[3],r.general_constraint_indicator_flags[0],r.general_constraint_indicator_flags[1],r.general_constraint_indicator_flags[2],r.general_constraint_indicator_flags[3],r.general_constraint_indicator_flags[4],r.general_constraint_indicator_flags[5],r.general_level_idc,240|r.min_spatial_segmentation_idc>>8,255&r.min_spatial_segmentation_idc,252|r.parallelismType,252|r.chroma_format_idc,248|r.bit_depth_luma_minus8,248|r.bit_depth_chroma_minus8,0,parseInt(r.frame_rate.fps),3|r.temporal_id_nested<<2|r.num_temporal_layers<<3|(r.frame_rate.fixed?64:0),i.length]),a=n.length,s=0;s<i.length;s+=1){a+=3;for(var o=0;o<i[s].length;o+=1)a+=2+i[s][o].length}var l=new Uint8Array(a);l.set(n,0),a=n.length;for(var u=i.length-1,d=0;d<i.length;d+=1){l.set(new Uint8Array([32+d|(d===u?128:0),0,i[d].length]),a),a+=3;for(var h=0;h<i[d].length;h+=1)l.set(new Uint8Array([i[d][h].length>>8,255&i[d][h].length]),a),a+=2,l.set(i[d][h],a),a+=i[d][h].length}var f=e.box(e.types.hvcC,l),c=t.width,g=t.height,v=t.pixelRatio[0],m=t.pixelRatio[1];return e.box(e.types.hvc1,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,c>>8&255,255&c,g>>8&255,255&g,0,72,0,0,0,72,0,0,0,0,0,0,0,1,18,100,97,105,108,121,109,111,116,105,111,110,47,104,108,115,46,106,115,0,0,0,0,0,0,0,0,0,0,0,0,0,0,24,17,17]),f,e.box(e.types.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192])),e.box(e.types.pasp,new Uint8Array([v>>24,v>>16&255,v>>8&255,255&v,m>>24,m>>16&255,m>>8&255,255&m])))},e}();Gn.types=void 0,Gn.HDLR_TYPES=void 0,Gn.STTS=void 0,Gn.STSC=void 0,Gn.STCO=void 0,Gn.STSZ=void 0,Gn.VMHD=void 0,Gn.SMHD=void 0,Gn.STSD=void 0,Gn.FTYP=void 0,Gn.DINF=void 0;var Kn=9e4;function Vn(e,t,r,i){void 0===r&&(r=1),void 0===i&&(i=!1);var n=e*t*r;return i?Math.round(n):n}function Hn(e,t){return Vn(e,1e3,1/Kn,t)}function Yn(e){var t=e.baseTime,r=e.timescale;return t/r+" ("+t+"/"+r+") trackId: "+e.trackId}var Wn=null,jn=null;function qn(e,t,r,i){return{duration:t,size:r,cts:i,flags:{isLeading:0,isDependedOn:0,hasRedundancy:0,degradPrio:0,dependsOn:e?2:1,isNonSync:e?0:1}}}var Xn=function(e){function t(t,r,i,n){var a;if((a=e.call(this,"mp4-remuxer",n)||this).observer=void 0,a.config=void 0,a.typeSupported=void 0,a.ISGenerated=!1,a._initPTS=null,a._initDTS=null,a.nextVideoTs=null,a.nextAudioTs=null,a.videoSampleDuration=null,a.isAudioContiguous=!1,a.isVideoContiguous=!1,a.videoTrackConfig=void 0,a.observer=t,a.config=r,a.typeSupported=i,a.ISGenerated=!1,null===Wn){var s=(navigator.userAgent||"").match(/Chrome\/(\d+)/i);Wn=s?parseInt(s[1]):0}if(null===jn){var o=navigator.userAgent.match(/Safari\/(\d+)/i);jn=o?parseInt(o[1]):0}return a}o(t,e);var r=t.prototype;return r.destroy=function(){this.config=this.videoTrackConfig=this._initPTS=this._initDTS=null},r.resetTimeStamp=function(e){var t=this._initPTS;t&&e&&e.trackId===t.trackId&&e.baseTime===t.baseTime&&e.timescale===t.timescale||this.log("Reset initPTS: "+(t?Yn(t):t)+" > "+(e?Yn(e):e)),this._initPTS=this._initDTS=e},r.resetNextTimestamp=function(){this.log("reset next timestamp"),this.isVideoContiguous=!1,this.isAudioContiguous=!1},r.resetInitSegment=function(){this.log("ISGenerated flag reset"),this.ISGenerated=!1,this.videoTrackConfig=void 0},r.getVideoStartPts=function(e){var t=!1,r=e[0].pts,i=e.reduce((function(e,i){var n=i.pts,a=n-e;return a<-4294967296&&(t=!0,a=(n=Qn(n,r))-e),a>0?e:n}),r);return t&&this.debug("PTS rollover detected"),i},r.remux=function(e,t,r,i,n,a,s,o){var l,u,d,h,f,c,g=n,v=n,m=e.pid>-1,p=t.pid>-1,y=t.samples.length,E=e.samples.length>0,T=s&&y>0||y>1;if((!m||E)&&(!p||T)||this.ISGenerated||s){if(this.ISGenerated){var S,A,L,I,R=this.videoTrackConfig;(R&&(t.width!==R.width||t.height!==R.height||(null==(S=t.pixelRatio)?void 0:S[0])!==(null==(A=R.pixelRatio)?void 0:A[0])||(null==(L=t.pixelRatio)?void 0:L[1])!==(null==(I=R.pixelRatio)?void 0:I[1]))||!R&&T||null===this.nextAudioTs&&E)&&this.resetInitSegment()}this.ISGenerated||(d=this.generateIS(e,t,n,a));var k,b=this.isVideoContiguous,D=-1;if(T&&(D=function(e){for(var t=0;t<e.length;t++)if(e[t].key)return t;return-1}(t.samples),!b&&this.config.forceKeyFrameOnDiscontinuity))if(c=!0,D>0){this.warn("Dropped "+D+" out of "+y+" video samples due to a missing keyframe");var _=this.getVideoStartPts(t.samples);t.samples=t.samples.slice(D),t.dropped+=D,k=v+=(t.samples[0].pts-_)/t.inputTimeScale}else-1===D&&(this.warn("No keyframe found out of "+y+" video samples"),c=!1);if(this.ISGenerated){if(E&&T){var P=this.getVideoStartPts(t.samples),C=(Qn(e.samples[0].pts,P)-P)/t.inputTimeScale;g+=Math.max(0,C),v+=Math.max(0,-C)}if(E){if(e.samplerate||(this.warn("regenerate InitSegment as audio detected"),d=this.generateIS(e,t,n,a)),u=this.remuxAudio(e,g,this.isAudioContiguous,a,p||T||o===O?v:void 0),T){var w=u?u.endPTS-u.startPTS:0;t.inputTimeScale||(this.warn("regenerate InitSegment as video detected"),d=this.generateIS(e,t,n,a)),l=this.remuxVideo(t,v,b,w)}}else T&&(l=this.remuxVideo(t,v,b,0));l&&(l.firstKeyFrame=D,l.independent=-1!==D,l.firstKeyFramePTS=k)}}return this.ISGenerated&&this._initPTS&&this._initDTS&&(r.samples.length&&(f=zn(r,n,this._initPTS,this._initDTS)),i.samples.length&&(h=$n(i,n,this._initPTS))),{audio:u,video:l,initSegment:d,independent:c,text:h,id3:f}},r.computeInitPts=function(e,t,r,i){var n=Math.round(r*t),a=Qn(e,n);if(a<n+t)for(this.log("Adjusting PTS for rollover in timeline near "+(n-a)/t+" "+i);a<n+t;)a+=8589934592;return a-n},r.generateIS=function(e,t,r,i){var n,a,s,o=e.samples,l=t.samples,u=this.typeSupported,d={},h=this._initPTS,f=!h||i,c="audio/mp4",g=-1;if(f&&(n=a=1/0),e.config&&o.length){switch(e.timescale=e.samplerate,e.segmentCodec){case"mp3":u.mpeg?(c="audio/mpeg",e.codec=""):u.mp3&&(e.codec="mp3");break;case"ac3":e.codec="ac-3"}d.audio={id:"audio",container:c,codec:e.codec,initSegment:"mp3"===e.segmentCodec&&u.mpeg?new Uint8Array(0):Gn.initSegment([e]),metadata:{channelCount:e.channelCount}},f&&(g=e.id,s=e.inputTimeScale,h&&s===h.timescale?f=!1:n=a=this.computeInitPts(o[0].pts,s,r,"audio"))}if(t.sps&&t.pps&&l.length){if(t.timescale=t.inputTimeScale,d.video={id:"main",container:"video/mp4",codec:t.codec,initSegment:Gn.initSegment([t]),metadata:{width:t.width,height:t.height}},f)if(g=t.id,s=t.inputTimeScale,h&&s===h.timescale)f=!1;else{var v=this.getVideoStartPts(l),m=Qn(l[0].dts,v),p=this.computeInitPts(m,s,r,"video"),y=this.computeInitPts(v,s,r,"video");a=Math.min(a,p),n=Math.min(n,y)}this.videoTrackConfig={width:t.width,height:t.height,pixelRatio:t.pixelRatio}}if(Object.keys(d).length)return this.ISGenerated=!0,f?(h&&this.warn("Timestamps at playlist time: "+(i?"":"~")+r+" "+n/s+" != initPTS: "+h.baseTime/h.timescale+" ("+h.baseTime+"/"+h.timescale+") trackId: "+h.trackId),this.log("Found initPTS at playlist time: "+r+" offset: "+n/s+" ("+n+"/"+s+") trackId: "+g),this._initPTS={baseTime:n,timescale:s,trackId:g},this._initDTS={baseTime:a,timescale:s,trackId:g}):n=s=void 0,{tracks:d,initPTS:n,timescale:s,trackId:g}},r.remuxVideo=function(e,t,r,i){var n,s,o=e.inputTimeScale,l=e.samples,u=[],d=l.length,h=this._initPTS,f=h.baseTime*o/h.timescale,c=this.nextVideoTs,g=8,v=this.videoSampleDuration,m=Number.POSITIVE_INFINITY,p=Number.NEGATIVE_INFINITY,y=!1;if(!r||null===c){var E=f+t*o,T=l[0].pts-Qn(l[0].dts,l[0].pts);Wn&&null!==c&&Math.abs(E-T-(c+f))<15e3?r=!0:c=E-T-f}for(var S=c+f,A=0;A<d;A++){var L=l[A];L.pts=Qn(L.pts,S),L.dts=Qn(L.dts,S),L.dts<l[A>0?A-1:A].dts&&(y=!0)}y&&l.sort((function(e,t){var r=e.dts-t.dts,i=e.pts-t.pts;return r||i})),n=l[0].dts;var I=(s=l[l.length-1].dts)-n,D=I?Math.round(I/(d-1)):v||e.inputTimeScale/30;if(r){var _=n-S,P=_>D,C=_<-1;if((P||C)&&(P?this.warn((e.segmentCodec||"").toUpperCase()+": "+Hn(_,!0)+" ms ("+_+"dts) hole between fragments detected at "+t.toFixed(3)):this.warn((e.segmentCodec||"").toUpperCase()+": "+Hn(-_,!0)+" ms ("+_+"dts) overlapping between fragments detected at "+t.toFixed(3)),!C||S>=l[0].pts||Wn)){n=S;var w=l[0].pts-_;if(P)l[0].dts=n,l[0].pts=w;else for(var O=!0,x=0;x<l.length&&!(l[x].dts>w&&O);x++){var M=l[x].pts;if(l[x].dts-=_,l[x].pts-=_,x<l.length-1){var F=l[x+1].pts;O=F<=l[x].pts==F<=M}}this.log("Video: Initial PTS/DTS adjusted: "+Hn(w,!0)+"/"+Hn(n,!0)+", delta: "+Hn(_,!0)+" ms")}}for(var N=0,U=0,B=n=Math.max(0,n),G=0;G<d;G++){for(var K=l[G],V=K.units,H=V.length,Y=0,W=0;W<H;W++)Y+=V[W].data.length;U+=Y,N+=H,K.length=Y,K.dts<B?(K.dts=B,B+=D/4|0||1):B=K.dts,m=Math.min(K.pts,m),p=Math.max(K.pts,p)}s=l[d-1].dts;var j,q=U+4*N+8;try{j=new Uint8Array(q)}catch(e){return void this.observer.emit(b.ERROR,b.ERROR,{type:R.MUX_ERROR,details:k.REMUX_ALLOC_ERROR,fatal:!1,error:e,bytes:q,reason:"fail allocating video mdat "+q})}var X=new DataView(j.buffer);X.setUint32(0,q),j.set(Gn.types.mdat,4);for(var Q=!1,z=Number.POSITIVE_INFINITY,$=Number.POSITIVE_INFINITY,Z=Number.NEGATIVE_INFINITY,J=Number.NEGATIVE_INFINITY,ee=0;ee<d;ee++){for(var te=l[ee],re=te.units,ie=0,ne=0,ae=re.length;ne<ae;ne++){var se=re[ne],oe=se.data,le=se.data.byteLength;X.setUint32(g,le),g+=4,j.set(oe,g),g+=le,ie+=4+le}var ue=void 0;if(ee<d-1)v=l[ee+1].dts-te.dts,ue=l[ee+1].pts-te.pts;else{var de=this.config,he=ee>0?te.dts-l[ee-1].dts:D;if(ue=ee>0?te.pts-l[ee-1].pts:D,de.stretchShortVideoTrack&&null!==this.nextAudioTs){var fe=Math.floor(de.maxBufferHole*o),ce=(i?m+i*o:this.nextAudioTs+f)-te.pts;ce>fe?((v=ce-he)<0?v=he:Q=!0,this.log("It is approximately "+ce/90+" ms to the next segment; using duration "+v/90+" ms for the last video frame.")):v=he}else v=he}var ge=Math.round(te.pts-te.dts);z=Math.min(z,v),Z=Math.max(Z,v),$=Math.min($,ue),J=Math.max(J,ue),u.push(qn(te.key,v,ie,ge))}if(u.length)if(Wn){if(Wn<70){var ve=u[0].flags;ve.dependsOn=2,ve.isNonSync=0}}else if(jn&&J-$<Z-z&&D/Z<.025&&0===u[0].cts){this.warn("Found irregular gaps in sample duration. Using PTS instead of DTS to determine MP4 sample duration.");for(var me=n,pe=0,ye=u.length;pe<ye;pe++){var Ee=me+u[pe].duration,Te=me+u[pe].cts;if(pe<ye-1){var Se=Ee+u[pe+1].cts;u[pe].duration=Se-Te}else u[pe].duration=pe?u[pe-1].duration:D;u[pe].cts=0,me=Ee}}var Ae=s+(v=Q||!v?D:v);this.nextVideoTs=c=Ae-f,this.videoSampleDuration=v,this.isVideoContiguous=!0;var Le={data1:Gn.moof(e.sequenceNumber++,n,a(e,{samples:u})),data2:j,startPTS:(m-f)/o,endPTS:(p+v-f)/o,startDTS:(n-f)/o,endDTS:c/o,type:"video",hasAudio:!1,hasVideo:!0,nb:u.length,dropped:e.dropped};return e.samples=[],e.dropped=0,Le},r.getSamplesPerFrame=function(e){switch(e.segmentCodec){case"mp3":return 1152;case"ac3":return 1536;default:return 1024}},r.remuxAudio=function(e,t,r,i,n){var s=e.inputTimeScale,o=s/(e.samplerate?e.samplerate:s),l=this.getSamplesPerFrame(e),u=l*o,d=this._initPTS,h="mp3"===e.segmentCodec&&this.typeSupported.mpeg,f=[],c=void 0!==n,g=e.samples,v=h?0:8,m=this.nextAudioTs||-1,p=d.baseTime*s/d.timescale,y=p+t*s;if(this.isAudioContiguous=r=r||g.length&&m>0&&(i&&Math.abs(y-(m+p))<9e3||Math.abs(Qn(g[0].pts,y)-(m+p))<20*u),g.forEach((function(e){e.pts=Qn(e.pts,y)})),!r||m<0){var E=g.length;if(g=g.filter((function(e){return e.pts>=0})),E!==g.length&&this.warn("Removed "+(g.length-E)+" of "+E+" samples (initPTS "+p+" / "+s+")"),!g.length)return;m=0===n?0:i&&!c?Math.max(0,y-p):g[0].pts-p}if("aac"===e.segmentCodec)for(var T=this.config.maxAudioFramesDrift,S=0,A=m+p;S<g.length;S++){var L=g[S],I=L.pts,D=I-A,_=Math.abs(1e3*D/s);if(D<=-T*u&&c)0===S&&(this.warn("Audio frame @ "+(I/s).toFixed(3)+"s overlaps marker by "+Math.round(1e3*D/s)+" ms."),this.nextAudioTs=m=I-p,A=I);else if(D>=T*u&&_<1e4&&c){var P=Math.round(D/u);for(A=I-P*u;A<0&&P&&u;)P--,A+=u;0===S&&(this.nextAudioTs=m=A-p),this.warn("Injecting "+P+" audio frames @ "+((A-p)/s).toFixed(3)+"s due to "+Math.round(1e3*D/s)+" ms gap.");for(var C=0;C<P;C++){var w=Un.getSilentFrame(e.parsedCodec||e.manifestCodec||e.codec,e.channelCount);w||(this.log("Unable to get silent frame for given audio codec; duplicating last frame instead."),w=L.unit.subarray()),g.splice(S,0,{unit:w,pts:A}),A+=u,S++}}L.pts=A,A+=u}for(var O,x=null,M=null,F=0,N=g.length;N--;)F+=g[N].unit.byteLength;for(var U=0,B=g.length;U<B;U++){var G=g[U],K=G.unit,V=G.pts;if(null!==M)f[U-1].duration=Math.round((V-M)/o);else{if(r&&"aac"===e.segmentCodec&&(V=m+p),x=V,!(F>0))return;F+=v;try{O=new Uint8Array(F)}catch(e){return void this.observer.emit(b.ERROR,b.ERROR,{type:R.MUX_ERROR,details:k.REMUX_ALLOC_ERROR,fatal:!1,error:e,bytes:F,reason:"fail allocating audio mdat "+F})}h||(new DataView(O.buffer).setUint32(0,F),O.set(Gn.types.mdat,4))}O.set(K,v);var H=K.byteLength;v+=H,f.push(qn(!0,l,H,0)),M=V}var Y=f.length;if(Y){var W=f[f.length-1];m=M-p,this.nextAudioTs=m+o*W.duration;var j=h?new Uint8Array(0):Gn.moof(e.sequenceNumber++,x/o,a({},e,{samples:f}));e.samples=[];var q=(x-p)/s,X=m/s,Q={data1:j,data2:O,startPTS:q,endPTS:X,startDTS:q,endDTS:X,type:"audio",hasAudio:!0,hasVideo:!1,nb:Y};return this.isAudioContiguous=!0,Q}},t}(N);function Qn(e,t){var r;if(null===t)return e;for(r=t<e?-8589934592:8589934592;Math.abs(e-t)>4294967296;)e+=r;return e}function zn(e,t,r,i){var n=e.samples.length;if(n){for(var a=e.inputTimeScale,s=0;s<n;s++){var o=e.samples[s];o.pts=Qn(o.pts-r.baseTime*a/r.timescale,t*a)/a,o.dts=Qn(o.dts-i.baseTime*a/i.timescale,t*a)/a}var l=e.samples;return e.samples=[],{samples:l}}}function $n(e,t,r){var i=e.samples.length;if(i){for(var n=e.inputTimeScale,a=0;a<i;a++){var s=e.samples[a];s.pts=Qn(s.pts-r.baseTime*n/r.timescale,t*n)/n}e.samples.sort((function(e,t){return e.pts-t.pts}));var o=e.samples;return e.samples=[],{samples:o}}}var Zn,Jn=function(e){function t(t,r,i,n){var a;return(a=e.call(this,"passthrough-remuxer",n)||this).emitInitSegment=!1,a.audioCodec=void 0,a.videoCodec=void 0,a.initData=void 0,a.initPTS=null,a.initTracks=void 0,a.lastEndTime=null,a.isVideoContiguous=!1,a}o(t,e);var r=t.prototype;return r.destroy=function(){},r.resetTimeStamp=function(e){this.lastEndTime=null;var t=this.initPTS;t&&e&&t.baseTime===e.baseTime&&t.timescale===e.timescale||(this.initPTS=e)},r.resetNextTimestamp=function(){this.isVideoContiguous=!1,this.lastEndTime=null},r.resetInitSegment=function(e,t,r,i){this.audioCodec=t,this.videoCodec=r,this.generateInitSegment(e,i),this.emitInitSegment=!0},r.generateInitSegment=function(e,t){var r=this.audioCodec,i=this.videoCodec;if(null==e||!e.byteLength)return this.initTracks=void 0,void(this.initData=void 0);var n=this.initData=ve(e),a=n.audio,s=n.video;if(t)!function(e,t){if(e&&t){var r=t.keyId;r&&t.isCommonEncryption&&Se(e,(function(e,t){var i=e.subarray(8,24);i.some((function(e){return 0!==e}))||(Y.log("[eme] Patching keyId in 'enc"+(t?"a":"v")+">sinf>>tenc' box: "+X(i)+" -> "+X(r)),e.set(r,8))}))}}(e,t);else{var o=a||s;null!=o&&o.encrypted&&this.warn('Init segment with encrypted track with has no key ("'+o.codec+'")!')}a&&(r=ta(a,$,this)),s&&(i=ta(s,Z,this));var l={};a&&s?l.audiovideo={container:"video/mp4",codec:r+","+i,supplemental:s.supplemental,encrypted:s.encrypted,initSegment:e,id:"main"}:a?l.audio={container:"audio/mp4",codec:r,encrypted:a.encrypted,initSegment:e,id:"audio"}:s?l.video={container:"video/mp4",codec:i,supplemental:s.supplemental,encrypted:s.encrypted,initSegment:e,id:"main"}:this.warn("initSegment does not contain moov or trak boxes."),this.initTracks=l},r.remux=function(e,t,r,i,n,a){var s,o,l=this.initPTS,u=this.lastEndTime,d={audio:void 0,video:void 0,text:i,id3:r,initSegment:void 0};A(u)||(u=this.lastEndTime=n||0);var h=t.samples;if(!h.length)return d;var f={initPTS:void 0,timescale:void 0,trackId:void 0},c=this.initData;if(null!=(s=c)&&s.length||(this.generateInitSegment(h),c=this.initData),null==(o=c)||!o.length)return this.warn("Failed to generate initSegment."),d;this.emitInitSegment&&(f.tracks=this.initTracks,this.emitInitSegment=!1);var g=function(e,t,r){for(var i={},n=ce(e,["moof","traf"]),a=0;a<n.length;a++){var s=n[a],o=ce(s,["tfhd"])[0],l=de(o,4),u=t[l];if(u){i[l]||(i[l]={start:NaN,duration:0,sampleCount:0,timescale:u.timescale,type:u.type});var d=i[l],h=ce(s,["tfdt"])[0];if(h){var f=h[0],c=de(h,4);1===f&&(c===ae?r.warn("[mp4-demuxer]: Ignoring assumed invalid signed 64-bit track fragment decode time"):(c*=ae+1,c+=de(h,8))),A(c)&&(!A(d.start)||c<d.start)&&(d.start=c)}var g=u.default,v=de(o,0)|(null==g?void 0:g.flags),m=(null==g?void 0:g.duration)||0;8&v&&(m=de(o,2&v?12:8));for(var p=ce(s,["trun"]),y=d.start||0,E=0,T=m,S=0;S<p.length;S++){var L=p[S],I=de(L,4),R=d.sampleCount;d.sampleCount+=I;var k=1&L[3],b=4&L[3],D=1&L[2],_=2&L[2],P=4&L[2],C=8&L[2],w=8,O=I;for(k&&(w+=4),b&&I&&(1&L[w+1]||void 0!==d.keyFrameIndex||(d.keyFrameIndex=R),w+=4,D?(T=de(L,w),w+=4):T=m,_&&(w+=4),C&&(w+=4),y+=T,E+=T,O--);O--;)D?(T=de(L,w),w+=4):T=m,_&&(w+=4),P&&(1&L[w+1]||void 0===d.keyFrameIndex&&(d.keyFrameIndex=d.sampleCount-(O+1),d.keyFrameStart=y),w+=4),C&&(w+=4),y+=T,E+=T;!E&&m&&(E+=m*I)}d.duration+=E}}if(!Object.keys(i).some((function(e){return i[e].duration}))){for(var x=1/0,M=0,F=ce(e,["sidx"]),N=0;N<F.length;N++){var U=ge(F[N]);if(null!=U&&U.references){x=Math.min(x,U.earliestPresentationTime/U.timescale);var B=U.references.reduce((function(e,t){return e+t.info.duration||0}),0);M=Math.max(M,B+U.earliestPresentationTime/U.timescale)}}M&&A(M)&&Object.keys(i).forEach((function(e){i[e].duration||(i[e].duration=M*i[e].timescale-i[e].start)}))}return i}(h,c,this),v=c.audio?g[c.audio.id]:null,m=c.video?g[c.video.id]:null,p=ea(m,1/0),y=ea(v,1/0),E=ea(m,0,!0),T=ea(v,0,!0),S=n,L=0,I=v&&(!m||!l&&y<p||l&&l.trackId===c.audio.id),R=I?v:m;if(R){var k=R.timescale,b=R.start-n*k,D=I?c.audio.id:c.video.id;S=R.start/k,L=I?T-y:E-p,!a&&l||!function(e,t,r,i){if(null===e)return!0;var n=Math.max(i,1),a=t-e.baseTime/e.timescale;return Math.abs(a-r)>n}(l,S,n,L)&&k===l.timescale||(l&&this.warn("Timestamps at playlist time: "+(a?"":"~")+n+" "+b/k+" != initPTS: "+l.baseTime/l.timescale+" ("+l.baseTime+"/"+l.timescale+") trackId: "+l.trackId),this.log("Found initPTS at playlist time: "+n+" offset: "+(S-n)+" ("+b+"/"+k+") trackId: "+D),l=null,f.initPTS=b,f.timescale=k,f.trackId=D)}else this.warn("No audio or video samples found for initPTS at playlist time: "+n);l?(f.initPTS=l.baseTime,f.timescale=l.timescale,f.trackId=l.trackId):(f.timescale&&void 0!==f.trackId&&void 0!==f.initPTS||(this.warn("Could not set initPTS"),f.initPTS=S,f.timescale=1,f.trackId=-1),this.initPTS=l={baseTime:f.initPTS,timescale:f.timescale,trackId:f.trackId});var _=S-l.baseTime/l.timescale,P=_+L;L>0?this.lastEndTime=P:(this.warn("Duration parsed from mp4 should be greater than zero"),this.resetNextTimestamp());var C=!!c.audio,w=!!c.video,O="";C&&(O+="audio"),w&&(O+="video");var x={data1:h,startPTS:_,startDTS:_,endPTS:P,endDTS:P,type:O,hasAudio:C,hasVideo:w,nb:1,dropped:0,encrypted:!!c.audio&&c.audio.encrypted||!!c.video&&c.video.encrypted};d.audio=C&&!w?x:void 0,d.video=w?x:void 0;var M=null==m?void 0:m.sampleCount;if(M){var F=m.keyFrameIndex,N=-1!==F;x.nb=M,x.dropped=0===F||this.isVideoContiguous?0:N?F:M,x.independent=N,x.firstKeyFrame=F,N&&m.keyFrameStart&&(x.firstKeyFramePTS=(m.keyFrameStart-l.baseTime)/l.timescale),this.isVideoContiguous||(d.independent=N),this.isVideoContiguous||(this.isVideoContiguous=N),x.dropped&&this.warn("fmp4 does not start with IDR: firstIDR "+F+"/"+M+" dropped: "+x.dropped+" start: "+(x.firstKeyFramePTS||"NA"))}return d.initSegment=f,d.id3=zn(r,n,l,l),i.samples.length&&(d.text=$n(i,n,l)),d},t}(N);function ea(e,t,r){return void 0===r&&(r=!1),void 0!==(null==e?void 0:e.start)?(e.start+(r?e.duration:0))/e.timescale:t}function ta(e,t,r){var i=e.codec;return i&&i.length>4?i:t===$?"ec-3"===i||"ac-3"===i||"alac"===i?i:"fLaC"===i||"Opus"===i?Ke(i,!1):(r.warn('Unhandled audio codec "'+i+'" in mp4 MAP'),i||"mp4a"):(r.warn('Unhandled video codec "'+i+'" in mp4 MAP'),i||"avc1")}try{Zn=self.performance.now.bind(self.performance)}catch(e){Zn=Date.now}var ra=[{demux:Ln,remux:Jn},{demux:Cn,remux:Xn},{demux:pn,remux:Xn},{demux:Sn,remux:Xn}];ra.splice(2,0,{demux:En,remux:Xn});var ia=function(){function e(e,t,r,i,n,a){this.asyncResult=!1,this.logger=void 0,this.observer=void 0,this.typeSupported=void 0,this.config=void 0,this.id=void 0,this.demuxer=void 0,this.remuxer=void 0,this.decrypter=void 0,this.probe=void 0,this.decryptionPromise=null,this.transmuxConfig=void 0,this.currentTransmuxState=void 0,this.observer=e,this.typeSupported=t,this.config=r,this.id=n,this.logger=a}var t=e.prototype;return t.configure=function(e){this.transmuxConfig=e,this.decrypter&&this.decrypter.reset()},t.push=function(e,t,r,i){var n=this,a=r.transmuxing;a.executeStart=Zn();var s=new Uint8Array(e),o=this.currentTransmuxState,l=this.transmuxConfig;i&&(this.currentTransmuxState=i);var u=i||o,d=u.contiguous,h=u.discontinuity,f=u.trackSwitch,c=u.accurateTimeOffset,g=u.timeOffset,v=u.initSegmentChange,m=l.audioCodec,p=l.videoCodec,y=l.defaultInitPts,E=l.duration,T=l.initSegmentData,S=function(e,t){var r=null;return e.byteLength>0&&null!=(null==t?void 0:t.key)&&null!==t.iv&&null!=t.method&&(r=t),r}(s,t);if(S&&Ir(S.method)){var A=this.getDecrypter(),L=Rr(S.method);if(!A.isSync())return this.asyncResult=!0,this.decryptionPromise=A.webCryptoDecrypt(s,S.key.buffer,S.iv.buffer,L).then((function(e){var t=n.push(e,null,r);return n.decryptionPromise=null,t})),this.decryptionPromise;var I=A.softwareDecrypt(s,S.key.buffer,S.iv.buffer,L);if(r.part>-1){var D=A.flush();I=D?D.buffer:D}if(!I)return a.executeEnd=Zn(),na(r);s=new Uint8Array(I)}var _=this.needsProbing(h,f);if(_){var P=this.configureTransmuxer(s);if(P)return this.logger.warn("[transmuxer] "+P.message),this.observer.emit(b.ERROR,b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,fatal:!1,error:P,reason:P.message}),a.executeEnd=Zn(),na(r)}(h||f||v||_)&&this.resetInitSegment(T,m,p,E,t),(h||v||_)&&this.resetInitialTimestamp(y),d||this.resetContiguity();var C=this.transmux(s,S,g,c,r);this.asyncResult=aa(C);var w=this.currentTransmuxState;return w.contiguous=!0,w.discontinuity=!1,w.trackSwitch=!1,a.executeEnd=Zn(),C},t.flush=function(e){var t=this,r=e.transmuxing;r.executeStart=Zn();var i=this.decrypter,n=this.currentTransmuxState,a=this.decryptionPromise;if(a)return this.asyncResult=!0,a.then((function(){return t.flush(e)}));var s=[],o=n.timeOffset;if(i){var l=i.flush();l&&s.push(this.push(l.buffer,null,e))}var u=this.demuxer,d=this.remuxer;if(!u||!d){r.executeEnd=Zn();var h=[na(e)];return this.asyncResult?Promise.resolve(h):h}var f=u.flush(o);return aa(f)?(this.asyncResult=!0,f.then((function(r){return t.flushRemux(s,r,e),s}))):(this.flushRemux(s,f,e),this.asyncResult?Promise.resolve(s):s)},t.flushRemux=function(e,t,r){var i=t.audioTrack,n=t.videoTrack,a=t.id3Track,s=t.textTrack,o=this.currentTransmuxState,l=o.accurateTimeOffset,u=o.timeOffset;this.logger.log("[transmuxer.ts]: Flushed "+this.id+" sn: "+r.sn+(r.part>-1?" part: "+r.part:"")+" of "+(this.id===w?"level":"track")+" "+r.level);var d=this.remuxer.remux(i,n,a,s,u,l,!0,this.id);e.push({remuxResult:d,chunkMeta:r}),r.transmuxing.executeEnd=Zn()},t.resetInitialTimestamp=function(e){var t=this.demuxer,r=this.remuxer;t&&r&&(t.resetTimeStamp(e),r.resetTimeStamp(e))},t.resetContiguity=function(){var e=this.demuxer,t=this.remuxer;e&&t&&(e.resetContiguity(),t.resetNextTimestamp())},t.resetInitSegment=function(e,t,r,i,n){var a=this.demuxer,s=this.remuxer;a&&s&&(a.resetInitSegment(e,t,r,i),s.resetInitSegment(e,t,r,n))},t.destroy=function(){this.demuxer&&(this.demuxer.destroy(),this.demuxer=void 0),this.remuxer&&(this.remuxer.destroy(),this.remuxer=void 0)},t.transmux=function(e,t,r,i,n){return t&&"SAMPLE-AES"===t.method?this.transmuxSampleAes(e,t,r,i,n):this.transmuxUnencrypted(e,r,i,n)},t.transmuxUnencrypted=function(e,t,r,i){var n=this.demuxer.demux(e,t,!1,!this.config.progressive),a=n.audioTrack,s=n.videoTrack,o=n.id3Track,l=n.textTrack;return{remuxResult:this.remuxer.remux(a,s,o,l,t,r,!1,this.id),chunkMeta:i}},t.transmuxSampleAes=function(e,t,r,i,n){var a=this;return this.demuxer.demuxSampleAes(e,t,r).then((function(e){return{remuxResult:a.remuxer.remux(e.audioTrack,e.videoTrack,e.id3Track,e.textTrack,r,i,!1,a.id),chunkMeta:n}}))},t.configureTransmuxer=function(e){for(var t,r=this.config,i=this.observer,n=this.typeSupported,a=0,s=ra.length;a<s;a++){var o;if(null!=(o=ra[a].demux)&&o.probe(e,this.logger)){t=ra[a];break}}if(!t)return new Error("Failed to find demuxer by probing fragment data");var l=this.demuxer,u=this.remuxer,d=t.remux,h=t.demux;u&&u instanceof d||(this.remuxer=new d(i,r,n,this.logger)),l&&l instanceof h||(this.demuxer=new h(i,r,n,this.logger),this.probe=h.probe)},t.needsProbing=function(e,t){return!this.demuxer||!this.remuxer||e||t},t.getDecrypter=function(){var e=this.decrypter;return e||(e=this.decrypter=new tr(this.config)),e},e}(),na=function(e){return{remuxResult:{},chunkMeta:e}};function aa(e){return"then"in e&&e.then instanceof Function}var sa=function(e,t,r,i,n){this.audioCodec=void 0,this.videoCodec=void 0,this.initSegmentData=void 0,this.duration=void 0,this.defaultInitPts=void 0,this.audioCodec=e,this.videoCodec=t,this.initSegmentData=r,this.duration=i,this.defaultInitPts=n||null},oa=function(e,t,r,i,n,a){this.discontinuity=void 0,this.contiguous=void 0,this.accurateTimeOffset=void 0,this.trackSwitch=void 0,this.timeOffset=void 0,this.initSegmentChange=void 0,this.discontinuity=e,this.contiguous=t,this.accurateTimeOffset=r,this.trackSwitch=i,this.timeOffset=n,this.initSegmentChange=a},la=[];function ua(e,t,r){if(!((i=t.remuxResult).audio||i.video||i.text||i.id3||i.initSegment))return!1;var i,n=[],a=t.remuxResult,s=a.audio,o=a.video;return s&&da(n,s),o&&da(n,o),e.postMessage({event:"transmuxComplete",data:t,instanceNo:r},n),!0}function da(e,t){t.data1&&e.push(t.data1.buffer),t.data2&&e.push(t.data2.buffer)}function ha(e,t,r,i){t.reduce((function(t,r){return ua(e,r,i)||t}),!1)||e.postMessage({event:"transmuxComplete",data:t[0],instanceNo:i}),e.postMessage({event:"flush",data:r,instanceNo:i})}function fa(e,t,r){self.postMessage({event:e,data:t,instanceNo:r})}void 0!==t&&t&&self.addEventListener("message",(function(e){var t=e.data,r=t.instanceNo;if(void 0!==r){var i=la[r];if("reset"===t.cmd&&(delete la[t.resetNo],i&&i.destroy(),t.cmd="init"),"init"===t.cmd){var n=JSON.parse(t.config),a=new E;a.on(b.FRAG_DECRYPTED,fa),a.on(b.ERROR,fa);var s=H(n.debug,t.id);return function(e,t){var r=function(r){e[r]=function(){var e=Array.prototype.join.call(arguments," ");fa("workerLog",{logType:r,message:e},t)}};for(var i in e)r(i)}(s,r),la[r]=new ia(a,t.typeSupported,n,"",t.id,s),void fa("init",null,r)}if(i)switch(t.cmd){case"configure":i.configure(t.config);break;case"demux":var o=i.push(t.data,t.decryptdata,t.chunkMeta,t.state);aa(o)?o.then((function(e){ua(self,e,r)})).catch((function(e){fa(b.ERROR,{instanceNo:r,type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,chunkMeta:t.chunkMeta,fatal:!1,error:e,err:e,reason:"transmuxer-worker push error"},r)})):ua(self,o,r);break;case"flush":var l=t.chunkMeta,u=i.flush(l);aa(u)?u.then((function(e){ha(self,e,l,r)})).catch((function(e){fa(b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,chunkMeta:t.chunkMeta,fatal:!1,error:e,err:e,reason:"transmuxer-worker flush error"},r)})):ha(self,u,l,r)}}}));var ca="1.6.14",ga={},va=0,ma=function(){function t(t,r,i,n){var a=this;this.error=null,this.hls=void 0,this.id=void 0,this.instanceNo=va++,this.observer=void 0,this.frag=null,this.part=null,this.useWorker=void 0,this.workerContext=null,this.transmuxer=null,this.onTransmuxComplete=void 0,this.onFlush=void 0,this.onWorkerMessage=function(e){var t=e.data,r=a.hls;if(r&&null!=t&&t.event&&t.instanceNo===a.instanceNo)switch(t.event){case"init":var i,n=null==(i=a.workerContext)?void 0:i.objectURL;n&&self.URL.revokeObjectURL(n);break;case"transmuxComplete":a.handleTransmuxComplete(t.data);break;case"flush":a.onFlush(t.data);break;case"workerLog":r.logger[t.data.logType]&&r.logger[t.data.logType](t.data.message);break;default:t.data=t.data||{},t.data.frag=a.frag,t.data.part=a.part,t.data.id=a.id,r.trigger(t.event,t.data)}},this.onWorkerError=function(e){if(a.hls){var t=new Error(e.message+"  ("+e.filename+":"+e.lineno+")");a.hls.config.enableWorker=!1,a.hls.logger.warn('Error in "'+a.id+'" Web Worker, fallback to inline'),a.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.INTERNAL_EXCEPTION,fatal:!1,event:"demuxerWorker",error:t})}};var s=t.config;this.hls=t,this.id=r,this.useWorker=!!s.enableWorker,this.onTransmuxComplete=i,this.onFlush=n;var o=function(e,t){(t=t||{}).frag=a.frag||void 0,e===b.ERROR&&(t.parent=a.id,t.part=a.part,a.error=t.error),a.hls.trigger(e,t)};this.observer=new E,this.observer.on(b.FRAG_DECRYPTED,o),this.observer.on(b.ERROR,o);var l=We(s.preferManagedMediaSource);if(this.useWorker&&"undefined"!=typeof Worker){var u=this.hls.logger;s.workerPath;try{s.workerPath?(u.log("loading Web Worker "+s.workerPath+' for "'+r+'"'),this.workerContext=function(e){var t=ga[e];if(t)return t.clientCount++,t;var r=new self.URL(e,self.location.href).href,i={worker:new self.Worker(r),scriptURL:r,clientCount:1};return ga[e]=i,i}(s.workerPath)):(u.log('injecting Web Worker for "'+r+'"'),this.workerContext=function(){var t=ga[ca];if(t)return t.clientCount++,t;var r=new self.Blob(["var exports={};var module={exports:exports};function define(f){f()};define.amd=true;("+e.toString()+")(true);"],{type:"text/javascript"}),i=self.URL.createObjectURL(r),n={worker:new self.Worker(i),objectURL:i,clientCount:1};return ga[ca]=n,n}());var d=this.workerContext.worker;d.addEventListener("message",this.onWorkerMessage),d.addEventListener("error",this.onWorkerError),d.postMessage({instanceNo:this.instanceNo,cmd:"init",typeSupported:l,id:r,config:ut(s)})}catch(e){u.warn('Error setting up "'+r+'" Web Worker, fallback to inline',e),this.terminateWorker(),this.error=null,this.transmuxer=new ia(this.observer,l,s,"",r,t.logger)}}else this.transmuxer=new ia(this.observer,l,s,"",r,t.logger)}var r=t.prototype;return r.reset=function(){if(this.frag=null,this.part=null,this.workerContext){var e=this.instanceNo;this.instanceNo=va++;var t=this.hls.config,r=We(t.preferManagedMediaSource);this.workerContext.worker.postMessage({instanceNo:this.instanceNo,cmd:"reset",resetNo:e,typeSupported:r,id:this.id,config:ut(t)})}},r.terminateWorker=function(){if(this.workerContext){var e=this.workerContext.worker;this.workerContext=null,e.removeEventListener("message",this.onWorkerMessage),e.removeEventListener("error",this.onWorkerError),function(e){var t=ga[e||ca];if(t&&1==t.clientCount--){var r=t.worker,i=t.objectURL;delete ga[e||ca],i&&self.URL.revokeObjectURL(i),r.terminate()}}(this.hls.config.workerPath)}},r.destroy=function(){if(this.workerContext)this.terminateWorker(),this.onWorkerMessage=this.onWorkerError=null;else{var e=this.transmuxer;e&&(e.destroy(),this.transmuxer=null)}var t=this.observer;t&&t.removeAllListeners(),this.frag=null,this.part=null,this.observer=null,this.hls=null},r.push=function(e,t,r,i,n,a,s,o,l,u){var d,h,f=this;l.transmuxing.start=self.performance.now();var c=this.instanceNo,g=this.transmuxer,v=a?a.start:n.start,m=n.decryptdata,p=this.frag,y=!(p&&n.cc===p.cc),E=!(p&&l.level===p.level),T=p?l.sn-p.sn:-1,S=this.part?l.part-this.part.index:-1,A=0===T&&l.id>1&&l.id===(null==p?void 0:p.stats.chunkCount),L=!E&&(1===T||0===T&&(1===S||A&&S<=0)),I=self.performance.now();(E||T||0===n.stats.parsing.start)&&(n.stats.parsing.start=I),!a||!S&&L||(a.stats.parsing.start=I);var R=!(p&&(null==(d=n.initSegment)?void 0:d.url)===(null==(h=p.initSegment)?void 0:h.url)),k=new oa(y,L,o,E,v,R);if(!L||y||R){this.hls.logger.log("[transmuxer-interface]: Starting new transmux session for "+n.type+" sn: "+l.sn+(l.part>-1?" part: "+l.part:"")+" "+(this.id===w?"level":"track")+": "+l.level+" id: "+l.id+"\n        discontinuity: "+y+"\n        trackSwitch: "+E+"\n        contiguous: "+L+"\n        accurateTimeOffset: "+o+"\n        timeOffset: "+v+"\n        initSegmentChange: "+R);var b=new sa(r,i,t,s,u);this.configureTransmuxer(b)}if(this.frag=n,this.part=a,this.workerContext)this.workerContext.worker.postMessage({instanceNo:c,cmd:"demux",data:e,decryptdata:m,chunkMeta:l,state:k},e instanceof ArrayBuffer?[e]:[]);else if(g){var D=g.push(e,m,l,k);aa(D)?D.then((function(e){f.handleTransmuxComplete(e)})).catch((function(e){f.transmuxerError(e,l,"transmuxer-interface push error")})):this.handleTransmuxComplete(D)}},r.flush=function(e){var t=this;e.transmuxing.start=self.performance.now();var r=this.instanceNo,i=this.transmuxer;if(this.workerContext)this.workerContext.worker.postMessage({instanceNo:r,cmd:"flush",chunkMeta:e});else if(i){var n=i.flush(e);aa(n)?n.then((function(r){t.handleFlushResult(r,e)})).catch((function(r){t.transmuxerError(r,e,"transmuxer-interface flush error")})):this.handleFlushResult(n,e)}},r.transmuxerError=function(e,t,r){this.hls&&(this.error=e,this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_PARSING_ERROR,chunkMeta:t,frag:this.frag||void 0,part:this.part||void 0,fatal:!1,error:e,err:e,reason:r}))},r.handleFlushResult=function(e,t){var r=this;e.forEach((function(e){r.handleTransmuxComplete(e)})),this.onFlush(t)},r.configureTransmuxer=function(e){var t=this.instanceNo,r=this.transmuxer;this.workerContext?this.workerContext.worker.postMessage({instanceNo:t,cmd:"configure",config:e}):r&&r.configure(e)},r.handleTransmuxComplete=function(e){e.chunkMeta.transmuxing.end=self.performance.now(),this.onTransmuxComplete(e)},t}(),pa=function(e){function t(t,r,i){var n;return(n=e.call(this,t,r,i,"audio-stream-controller",O)||this).mainAnchor=null,n.mainFragLoading=null,n.audioOnly=!1,n.bufferedTrack=null,n.switchingTrack=null,n.trackId=-1,n.waitingData=null,n.mainDetails=null,n.flushing=!1,n.bufferFlushed=!1,n.cachedTrackLoadedData=null,n.registerListeners(),n}o(t,e);var r=t.prototype;return r.onHandlerDestroying=function(){this.unregisterListeners(),e.prototype.onHandlerDestroying.call(this),this.resetItem()},r.resetItem=function(){this.mainDetails=this.mainAnchor=this.mainFragLoading=this.bufferedTrack=this.switchingTrack=this.waitingData=this.cachedTrackLoadedData=null},r.registerListeners=function(){e.prototype.registerListeners.call(this);var t=this.hls;t.on(b.LEVEL_LOADED,this.onLevelLoaded,this),t.on(b.AUDIO_TRACKS_UPDATED,this.onAudioTracksUpdated,this),t.on(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),t.on(b.AUDIO_TRACK_LOADED,this.onAudioTrackLoaded,this),t.on(b.BUFFER_RESET,this.onBufferReset,this),t.on(b.BUFFER_CREATED,this.onBufferCreated,this),t.on(b.BUFFER_FLUSHING,this.onBufferFlushing,this),t.on(b.BUFFER_FLUSHED,this.onBufferFlushed,this),t.on(b.INIT_PTS_FOUND,this.onInitPtsFound,this),t.on(b.FRAG_LOADING,this.onFragLoading,this),t.on(b.FRAG_BUFFERED,this.onFragBuffered,this)},r.unregisterListeners=function(){var t=this.hls;t&&(e.prototype.unregisterListeners.call(this),t.off(b.LEVEL_LOADED,this.onLevelLoaded,this),t.off(b.AUDIO_TRACKS_UPDATED,this.onAudioTracksUpdated,this),t.off(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),t.off(b.AUDIO_TRACK_LOADED,this.onAudioTrackLoaded,this),t.off(b.BUFFER_RESET,this.onBufferReset,this),t.off(b.BUFFER_CREATED,this.onBufferCreated,this),t.off(b.BUFFER_FLUSHING,this.onBufferFlushing,this),t.off(b.BUFFER_FLUSHED,this.onBufferFlushed,this),t.off(b.INIT_PTS_FOUND,this.onInitPtsFound,this),t.off(b.FRAG_LOADING,this.onFragLoading,this),t.off(b.FRAG_BUFFERED,this.onFragBuffered,this))},r.onInitPtsFound=function(e,t){var r=t.frag,i=t.id,n=t.initPTS,a=t.timescale,s=t.trackId;if(i===w){var o=r.cc,l=this.fragCurrent;if(this.initPTS[o]={baseTime:n,timescale:a,trackId:s},this.log("InitPTS for cc: "+o+" found from main: "+n/a+" ("+n+"/"+a+") trackId: "+s),this.mainAnchor=r,this.state===_i.WAITING_INIT_PTS){var u=this.waitingData;(!u&&!this.loadingParts||u&&u.frag.cc!==o)&&this.syncWithAnchor(r,null==u?void 0:u.frag)}else!this.hls.hasEnoughToStart&&l&&l.cc!==o?(l.abortRequests(),this.syncWithAnchor(r,l)):this.state===_i.IDLE&&this.tick()}},r.getLoadPosition=function(){return!this.startFragRequested&&this.nextLoadPosition>=0?this.nextLoadPosition:e.prototype.getLoadPosition.call(this)},r.syncWithAnchor=function(e,t){var r,i=(null==(r=this.mainFragLoading)?void 0:r.frag)||null;if(!t||(null==i?void 0:i.cc)!==t.cc){var n=(i||e).cc,a=Lt(this.getLevelDetails(),n,this.getLoadPosition());a&&(this.log("Syncing with main frag at "+a.start+" cc "+a.cc),this.startFragRequested=!1,this.nextLoadPosition=a.start,this.resetLoadingState(),this.state===_i.IDLE&&this.doTickIdle())}},r.startLoad=function(e,t){if(!this.levels)return this.startPosition=e,void(this.state=_i.STOPPED);var r=this.lastCurrentTime;this.stopLoad(),this.setInterval(100),r>0&&-1===e?(this.log("Override startPosition with lastCurrentTime @"+r.toFixed(3)),e=r,this.state=_i.IDLE):this.state=_i.WAITING_TRACK,this.nextLoadPosition=this.lastCurrentTime=e+this.timelineOffset,this.startPosition=t?-1:e,this.tick()},r.doTick=function(){switch(this.state){case _i.IDLE:this.doTickIdle();break;case _i.WAITING_TRACK:var t=this.levels,r=this.trackId,i=null==t?void 0:t[r],n=null==i?void 0:i.details;if(n&&!this.waitForLive(i)){if(this.waitForCdnTuneIn(n))break;this.state=_i.WAITING_INIT_PTS}break;case _i.FRAG_LOADING_WAITING_RETRY:this.checkRetryDate();break;case _i.WAITING_INIT_PTS:var a=this.waitingData;if(a){var s=a.frag,o=a.part,l=a.cache,u=a.complete,d=this.mainAnchor;if(void 0!==this.initPTS[s.cc]){this.waitingData=null,this.state=_i.FRAG_LOADING;var h={frag:s,part:o,payload:l.flush().buffer,networkDetails:null};this._handleFragmentLoadProgress(h),u&&e.prototype._handleFragmentLoadComplete.call(this,h)}else d&&d.cc!==a.frag.cc&&this.syncWithAnchor(d,a.frag)}else this.state=_i.IDLE}this.onTickEnd()},r.resetLoadingState=function(){var t=this.waitingData;t&&(this.fragmentTracker.removeFragment(t.frag),this.waitingData=null),e.prototype.resetLoadingState.call(this)},r.onTickEnd=function(){var e=this.media;null!=e&&e.readyState&&(this.lastCurrentTime=e.currentTime)},r.doTickIdle=function(){var e,t=this.hls,r=this.levels,i=this.media,n=this.trackId,a=t.config;if(this.buffering&&(i||this.primaryPrefetch||!this.startFragRequested&&a.startFragPrefetch)&&null!=r&&r[n]){var s=r[n],o=s.details;if(!o||this.waitForLive(s)||this.waitForCdnTuneIn(o))return this.state=_i.WAITING_TRACK,void(this.startFragRequested=!1);var l=this.mediaBuffer?this.mediaBuffer:this.media;this.bufferFlushed&&l&&(this.bufferFlushed=!1,this.afterBufferFlushed(l,$,O));var u=this.getFwdBufferInfo(l,O);if(null!==u){if(!this.switchingTrack&&this._streamEnded(u,o))return t.trigger(b.BUFFER_EOS,{type:"audio"}),void(this.state=_i.ENDED);var d=u.len,h=t.maxBufferLength,f=o.fragments,c=f[0].start,g=this.getLoadPosition(),v=this.flushing?g:u.end;if(this.switchingTrack&&i){var m=g;o.PTSKnown&&m<c&&(u.end>c||u.nextStart)&&(this.log("Alt audio track ahead of main track, seek to start of alt audio track"),i.currentTime=c+.05)}if(!(d>=h&&!this.switchingTrack&&v<f[f.length-1].start)){var p=this.getNextFragment(v,o);if(p&&this.isLoopLoading(p,v)&&(p=this.getNextFragmentLoopLoading(p,o,u,w,h)),p){var y=(null==(e=this.mainFragLoading)?void 0:e.frag)||null;if(!this.audioOnly&&this.startFragRequested&&y&&te(p)&&!p.endList&&(!o.live||!this.loadingParts&&v<this.hls.liveSyncPosition)&&(this.fragmentTracker.getState(y)===Wt&&(this.mainFragLoading=y=null),y&&te(y))){if(p.start>y.end){var E=this.fragmentTracker.getFragAtPos(v,w);E&&E.end>y.end&&(y=E,this.mainFragLoading={frag:E,targetBufferTime:null})}if(p.start>y.end)return}this.loadFragment(p,s,v)}else this.bufferFlushed=!0}}}},r.onMediaDetaching=function(t,r){this.bufferFlushed=this.flushing=!1,e.prototype.onMediaDetaching.call(this,t,r)},r.onAudioTracksUpdated=function(e,t){var r=t.audioTracks;this.resetTransmuxer(),this.levels=r.map((function(e){return new st(e)}))},r.onAudioTrackSwitching=function(e,t){var r=!!t.url;this.trackId=t.id;var i=this.fragCurrent;i&&(i.abortRequests(),this.removeUnbufferedFrags(i.start)),this.resetLoadingState(),r?(this.switchingTrack=t,this.flushAudioIfNeeded(t),this.state!==_i.STOPPED&&(this.setInterval(100),this.state=_i.IDLE,this.tick())):(this.resetTransmuxer(),this.switchingTrack=null,this.bufferedTrack=t,this.clearInterval())},r.onManifestLoading=function(){e.prototype.onManifestLoading.call(this),this.bufferFlushed=this.flushing=this.audioOnly=!1,this.resetItem(),this.trackId=-1},r.onLevelLoaded=function(e,t){this.mainDetails=t.details;var r=this.cachedTrackLoadedData;r&&(this.cachedTrackLoadedData=null,this.onAudioTrackLoaded(b.AUDIO_TRACK_LOADED,r))},r.onAudioTrackLoaded=function(e,t){var r,i=this.levels,n=t.details,a=t.id,s=t.groupId,o=t.track;if(i){var l=this.mainDetails;if(!l||n.endCC>l.endCC||l.expired)return this.cachedTrackLoadedData=t,void(this.state!==_i.STOPPED&&(this.state=_i.WAITING_TRACK));this.cachedTrackLoadedData=null,this.log("Audio track "+a+' "'+o.name+'" of "'+s+'" loaded ['+n.startSN+","+n.endSN+"]"+(n.lastPartSn?"[part-"+n.lastPartSn+"-"+n.lastPartIndex+"]":"")+",duration:"+n.totalduration);var u=i[a],d=0;if(n.live||null!=(r=u.details)&&r.live){if(this.checkLiveUpdate(n),n.deltaUpdateFailed)return;var h;u.details&&(d=this.alignPlaylists(n,u.details,null==(h=this.levelLastLoaded)?void 0:h.details)),n.alignedSliding||(Ii(n,l),n.alignedSliding||Ri(n,l),d=n.fragmentStart)}u.details=n,this.levelLastLoaded=u,this.startFragRequested||this.setStartPosition(l,d),this.hls.trigger(b.AUDIO_TRACK_UPDATED,{details:n,id:a,groupId:t.groupId}),this.state!==_i.WAITING_TRACK||this.waitForCdnTuneIn(n)||(this.state=_i.IDLE),this.tick()}else this.warn("Audio tracks reset while loading track "+a+' "'+o.name+'" of "'+s+'"')},r._handleFragmentLoadProgress=function(e){var t,r=e.frag,i=e.part,n=e.payload,a=this.config,s=this.trackId,o=this.levels;if(o){var l=o[s];if(l){var u=l.details;if(!u)return this.warn("Audio track details undefined on fragment load progress"),void this.removeUnbufferedFrags(r.start);var d=a.defaultAudioCodec||l.audioCodec||"mp4a.40.2",h=this.transmuxer;h||(h=this.transmuxer=new ma(this.hls,O,this._handleTransmuxComplete.bind(this),this._handleTransmuxerFlush.bind(this)));var f=this.initPTS[r.cc],c=null==(t=r.initSegment)?void 0:t.data;if(void 0!==f){var g=i?i.index:-1,v=-1!==g,m=new lr(r.level,r.sn,r.stats.chunkCount,n.byteLength,g,v);h.push(n,c,d,"",r,i,u.totalduration,!1,m,f)}else this.log("Unknown video PTS for cc "+r.cc+", waiting for video PTS before demuxing audio frag "+r.sn+" of ["+u.startSN+" ,"+u.endSN+"],track "+s),(this.waitingData=this.waitingData||{frag:r,part:i,cache:new wi,complete:!1}).cache.push(new Uint8Array(n)),this.state!==_i.STOPPED&&(this.state=_i.WAITING_INIT_PTS)}else this.warn("Audio track is undefined on fragment load progress")}else this.warn("Audio tracks were reset while fragment load was in progress. Fragment "+r.sn+" of level "+r.level+" will not be buffered")},r._handleFragmentLoadComplete=function(t){this.waitingData?this.waitingData.complete=!0:e.prototype._handleFragmentLoadComplete.call(this,t)},r.onBufferReset=function(){this.mediaBuffer=null},r.onBufferCreated=function(e,t){this.bufferFlushed=this.flushing=!1;var r=t.tracks.audio;r&&(this.mediaBuffer=r.buffer||null)},r.onFragLoading=function(e,t){!this.audioOnly&&t.frag.type===w&&te(t.frag)&&(this.mainFragLoading=t,this.state===_i.IDLE&&this.tick())},r.onFragBuffered=function(e,t){var r=t.frag,i=t.part;if(r.type===O)if(this.fragContextChanged(r))this.warn("Fragment "+r.sn+(i?" p: "+i.index:"")+" of level "+r.level+" finished buffering, but was aborted. state: "+this.state+", audioSwitch: "+(this.switchingTrack?this.switchingTrack.name:"false"));else{if(te(r)){this.fragPrevious=r;var n=this.switchingTrack;n&&(this.bufferedTrack=n,this.switchingTrack=null,this.hls.trigger(b.AUDIO_TRACK_SWITCHED,d({},n)))}this.fragBufferedComplete(r,i),this.media&&this.tick()}else this.audioOnly||r.type!==w||r.elementaryStreams.video||r.elementaryStreams.audiovideo||(this.audioOnly=!0,this.mainFragLoading=null)},r.onError=function(t,r){var i;if(r.fatal)this.state=_i.ERROR;else switch(r.details){case k.FRAG_GAP:case k.FRAG_PARSING_ERROR:case k.FRAG_DECRYPT_ERROR:case k.FRAG_LOAD_ERROR:case k.FRAG_LOAD_TIMEOUT:case k.KEY_LOAD_ERROR:case k.KEY_LOAD_TIMEOUT:this.onFragmentOrKeyLoadError(O,r);break;case k.AUDIO_TRACK_LOAD_ERROR:case k.AUDIO_TRACK_LOAD_TIMEOUT:case k.LEVEL_PARSING_ERROR:r.levelRetry||this.state!==_i.WAITING_TRACK||(null==(i=r.context)?void 0:i.type)!==P||(this.state=_i.IDLE);break;case k.BUFFER_ADD_CODEC_ERROR:case k.BUFFER_APPEND_ERROR:if("audio"!==r.parent)return;this.reduceLengthAndFlushBuffer(r)||this.resetLoadingState();break;case k.BUFFER_FULL_ERROR:if("audio"!==r.parent)return;this.reduceLengthAndFlushBuffer(r)&&(this.bufferedTrack=null,e.prototype.flushMainBuffer.call(this,0,Number.POSITIVE_INFINITY,"audio"));break;case k.INTERNAL_EXCEPTION:this.recoverWorkerError(r)}},r.onBufferFlushing=function(e,t){t.type!==Z&&(this.flushing=!0)},r.onBufferFlushed=function(e,t){var r=t.type;if(r!==Z){this.flushing=!1,this.bufferFlushed=!0,this.state===_i.ENDED&&(this.state=_i.IDLE);var i=this.mediaBuffer||this.media;i&&(this.afterBufferFlushed(i,r,O),this.tick())}},r._handleTransmuxComplete=function(e){var t,r="audio",i=this.hls,n=e.remuxResult,s=e.chunkMeta,o=this.getCurrentContext(s);if(o){var l=o.frag,u=o.part,d=o.level,h=d.details,f=n.audio,c=n.text,g=n.id3,v=n.initSegment;if(!this.fragContextChanged(l)&&h){if(this.state=_i.PARSING,this.switchingTrack&&f&&this.completeAudioSwitch(this.switchingTrack),null!=v&&v.tracks){var m=l.initSegment||l;if(this.unhandledEncryptionError(v,l))return;this._bufferInitSegment(d,v.tracks,m,s),i.trigger(b.FRAG_PARSING_INIT_SEGMENT,{frag:m,id:r,tracks:v.tracks})}if(f){var p=f.startPTS,y=f.endPTS,E=f.startDTS,T=f.endDTS;u&&(u.elementaryStreams[$]={startPTS:p,endPTS:y,startDTS:E,endDTS:T}),l.setElementaryStreamInfo($,p,y,E,T),this.bufferFragmentData(f,l,u,s)}if(null!=g&&null!=(t=g.samples)&&t.length){var S=a({id:r,frag:l,details:h},g);i.trigger(b.FRAG_PARSING_METADATA,S)}if(c){var A=a({id:r,frag:l,details:h},c);i.trigger(b.FRAG_PARSING_USERDATA,A)}}else this.fragmentTracker.removeFragment(l)}else this.resetWhenMissingContext(s)},r._bufferInitSegment=function(e,t,r,i){if(this.state===_i.PARSING&&(t.video&&delete t.video,t.audiovideo&&delete t.audiovideo,t.audio)){var n=t.audio;n.id=O;var a=e.audioCodec;this.log("Init audio buffer, container:"+n.container+", codecs[level/parsed]=["+a+"/"+n.codec+"]"),a&&1===a.split(",").length&&(n.levelCodec=a),this.hls.trigger(b.BUFFER_CODECS,t);var s=n.initSegment;if(null!=s&&s.byteLength){var o={type:"audio",frag:r,part:null,chunkMeta:i,parent:r.type,data:s};this.hls.trigger(b.BUFFER_APPENDING,o)}this.tickImmediate()}},r.loadFragment=function(t,r,i){var n,a=this.fragmentTracker.getState(t);if(this.switchingTrack||a===Vt||a===Yt)if(te(t))if(null!=(n=r.details)&&n.live&&!this.initPTS[t.cc]){this.log("Waiting for video PTS in continuity counter "+t.cc+" of live stream before loading audio fragment "+t.sn+" of level "+this.trackId),this.state=_i.WAITING_INIT_PTS;var s=this.mainDetails;s&&s.fragmentStart!==r.details.fragmentStart&&Ri(r.details,s)}else e.prototype.loadFragment.call(this,t,r,i);else this._loadInitSegment(t,r);else this.clearTrackerIfNeeded(t)},r.flushAudioIfNeeded=function(t){if(this.media&&this.bufferedTrack){var r=this.bufferedTrack;gt({name:r.name,lang:r.lang,assocLang:r.assocLang,characteristics:r.characteristics,audioCodec:r.audioCodec,channels:r.channels},t,vt)||(pt(t.url,this.hls)?(this.log("Switching audio track : flushing all audio"),e.prototype.flushMainBuffer.call(this,0,Number.POSITIVE_INFINITY,"audio"),this.bufferedTrack=null):this.bufferedTrack=t)}},r.completeAudioSwitch=function(e){var t=this.hls;this.flushAudioIfNeeded(e),this.bufferedTrack=e,this.switchingTrack=null,t.trigger(b.AUDIO_TRACK_SWITCHED,d({},e))},t}(Pi),ya=function(e){function t(t,r){var i;return(i=e.call(this,r,t.logger)||this).hls=void 0,i.canLoad=!1,i.timer=-1,i.hls=t,i}o(t,e);var r=t.prototype;return r.destroy=function(){this.clearTimer(),this.hls=this.log=this.warn=null},r.clearTimer=function(){-1!==this.timer&&(self.clearTimeout(this.timer),this.timer=-1)},r.startLoad=function(){this.canLoad=!0,this.loadPlaylist()},r.stopLoad=function(){this.canLoad=!1,this.clearTimer()},r.switchParams=function(e,t,r){var i=null==t?void 0:t.renditionReports;if(i){for(var n=-1,a=0;a<i.length;a++){var s=i[a],o=void 0;try{o=new self.URL(s.URI,t.url).href}catch(e){this.warn("Could not construct new URL for Rendition Report: "+e),o=s.URI||""}if(o===e){n=a;break}o===e.substring(0,o.length)&&(n=a)}if(-1!==n){var l=i[n],u=parseInt(l["LAST-MSN"])||t.lastPartSn,d=parseInt(l["LAST-PART"])||t.lastPartIndex;if(this.hls.config.lowLatencyMode){var h=Math.min(t.age-t.partTarget,t.targetduration);d>=0&&h>t.partTarget&&(d+=1)}var f=r&&nt(r);return new at(u,d>=0?d:void 0,f)}}},r.loadPlaylist=function(e){this.clearTimer()},r.loadingPlaylist=function(e,t){this.clearTimer()},r.shouldLoadPlaylist=function(e){return this.canLoad&&!!e&&!!e.url&&(!e.details||e.details.live)},r.getUrlWithDirectives=function(e,t){if(t)try{return t.addDirectives(e)}catch(e){this.warn("Could not construct new URL with HLS Delivery Directives: "+e)}return e},r.playlistLoaded=function(e,t,r){var i=t.details,n=t.stats,a=self.performance.now(),s=n.loading.first?Math.max(0,a-n.loading.first):0;i.advancedDateTime=Date.now()-s;var o=this.hls.config.timelineOffset;if(o!==i.appliedTimelineOffset){var l=Math.max(o||0,0);i.appliedTimelineOffset=l,i.fragments.forEach((function(e){e.setStart(e.playlistOffset+l)}))}if(i.live||null!=r&&r.live){var u="levelInfo"in t?t.levelInfo:t.track;if(i.reloaded(r),r&&i.fragments.length>0){di(r,i,this);var d=i.playlistParsingError;if(d){this.warn(d);var h=this.hls;if(!h.config.ignorePlaylistParsingErrors){var f,c=t.networkDetails;return void h.trigger(b.ERROR,{type:R.NETWORK_ERROR,details:k.LEVEL_PARSING_ERROR,fatal:!1,url:i.url,error:d,reason:d.message,level:t.level||void 0,parent:null==(f=i.fragments[0])?void 0:f.type,networkDetails:c,stats:n})}i.playlistParsingError=null}}-1===i.requestScheduled&&(i.requestScheduled=n.loading.start);var g,v=this.hls.mainForwardBufferInfo,m=v?v.end-v.len:0,p=gi(i,1e3*(i.edge-m));if(i.requestScheduled+p<a?i.requestScheduled=a:i.requestScheduled+=p,this.log("live playlist "+e+" "+(i.advanced?"REFRESHED "+i.lastPartSn+"-"+i.lastPartIndex:i.updated?"UPDATED":"MISSED")),!this.canLoad||!i.live)return;var y=void 0,E=void 0;if(i.canBlockReload&&i.endSN&&i.advanced){var T=this.hls.config.lowLatencyMode,S=i.lastPartSn,A=i.endSN,L=i.lastPartIndex,I=S===A;-1!==L?I?(y=A+1,E=T?0:L):(y=S,E=T?L+1:i.maxPartIndex):y=A+1;var D=i.age,_=D+i.ageHeader,P=Math.min(_-i.partTarget,1.5*i.targetduration);if(P>0){if(_>3*i.targetduration)this.log("Playlist last advanced "+D.toFixed(2)+"s ago. Omitting segment and part directives."),y=void 0,E=void 0;else if(null!=r&&r.tuneInGoal&&_-i.partTarget>r.tuneInGoal)this.warn("CDN Tune-in goal increased from: "+r.tuneInGoal+" to: "+P+" with playlist age: "+i.age),P=0;else{var C=Math.floor(P/i.targetduration);y+=C,void 0!==E&&(E+=Math.round(P%i.targetduration/i.partTarget)),this.log("CDN Tune-in age: "+i.ageHeader+"s last advanced "+D.toFixed(2)+"s goal: "+P+" skip sn "+C+" to part "+E)}i.tuneInGoal=P}if(g=this.getDeliveryDirectives(i,t.deliveryDirectives,y,E),T||!I)return i.requestScheduled=a,void this.loadingPlaylist(u,g)}else(i.canBlockReload||i.canSkipUntil)&&(g=this.getDeliveryDirectives(i,t.deliveryDirectives,y,E));g&&void 0!==y&&i.canBlockReload&&(i.requestScheduled=n.loading.first+Math.max(p-2*s,p/2)),this.scheduleLoading(u,g,i)}else this.clearTimer()},r.scheduleLoading=function(e,t,r){var i=this,n=r||e.details;if(n){var a=self.performance.now(),s=n.requestScheduled;if(a>=s)this.loadingPlaylist(e,t);else{var o=s-a;this.log("reload live playlist "+(e.name||e.bitrate+"bps")+" in "+Math.round(o)+" ms"),this.clearTimer(),this.timer=self.setTimeout((function(){return i.loadingPlaylist(e,t)}),o)}}else this.loadingPlaylist(e,t)},r.getDeliveryDirectives=function(e,t,r,i){var n=nt(e);return null!=t&&t.skip&&e.deltaUpdateFailed&&(r=t.msn,i=t.part,n=tt),new at(r,i,n)},r.checkRetry=function(e){var t=this,r=e.details,i=It(e),n=e.errorAction,a=n||{},s=a.action,o=a.retryCount,l=void 0===o?0:o,u=a.retryConfig,d=!!n&&!!u&&(s===Mt||!n.resolved&&s===Ot);if(d){var h;if(l>=u.maxNumRetry)return!1;if(i&&null!=(h=e.context)&&h.deliveryDirectives)this.warn("Retrying playlist loading "+(l+1)+"/"+u.maxNumRetry+' after "'+r+'" without delivery-directives'),this.loadPlaylist();else{var f=Dt(u,l);this.clearTimer(),this.timer=self.setTimeout((function(){return t.loadPlaylist()}),f),this.warn("Retrying playlist loading "+(l+1)+"/"+u.maxNumRetry+' after "'+r+'" in '+f+"ms")}e.levelRetry=!0,n.resolved=!0}return d},t}(N);function Ea(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!Ta(e[r].attrs,t[r].attrs))return!1;return!0}function Ta(e,t,r){var i=e["STABLE-RENDITION-ID"];return i&&!r?i===t["STABLE-RENDITION-ID"]:!(r||["LANGUAGE","NAME","CHARACTERISTICS","AUTOSELECT","DEFAULT","FORCED","ASSOC-LANGUAGE"]).some((function(r){return e[r]!==t[r]}))}function Sa(e,t){return t.label.toLowerCase()===e.name.toLowerCase()&&(!t.language||t.language.toLowerCase()===(e.lang||"").toLowerCase())}var Aa=function(e){function t(t){var r;return(r=e.call(this,t,"audio-track-controller")||this).tracks=[],r.groupIds=null,r.tracksInGroup=[],r.trackId=-1,r.currentTrack=null,r.selectDefaultTrack=!0,r.registerListeners(),r}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_PARSED,this.onManifestParsed,this),e.on(b.LEVEL_LOADING,this.onLevelLoading,this),e.on(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.on(b.AUDIO_TRACK_LOADED,this.onAudioTrackLoaded,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_PARSED,this.onManifestParsed,this),e.off(b.LEVEL_LOADING,this.onLevelLoading,this),e.off(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.off(b.AUDIO_TRACK_LOADED,this.onAudioTrackLoaded,this),e.off(b.ERROR,this.onError,this)},r.destroy=function(){this.unregisterListeners(),this.tracks.length=0,this.tracksInGroup.length=0,this.currentTrack=null,e.prototype.destroy.call(this)},r.onManifestLoading=function(){this.tracks=[],this.tracksInGroup=[],this.groupIds=null,this.currentTrack=null,this.trackId=-1,this.selectDefaultTrack=!0},r.onManifestParsed=function(e,t){this.tracks=t.audioTracks||[]},r.onAudioTrackLoaded=function(e,t){var r=t.id,i=t.groupId,n=t.details,a=this.tracksInGroup[r];if(a&&a.groupId===i){var s=a.details;a.details=t.details,this.log("Audio track "+r+' "'+a.name+'" lang:'+a.lang+" group:"+i+" loaded ["+n.startSN+"-"+n.endSN+"]"),r===this.trackId&&this.playlistLoaded(r,t,s)}else this.warn("Audio track with id:"+r+" and group:"+i+" not found in active group "+(null==a?void 0:a.groupId))},r.onLevelLoading=function(e,t){this.switchLevel(t.level)},r.onLevelSwitching=function(e,t){this.switchLevel(t.level)},r.switchLevel=function(e){var t=this.hls.levels[e];if(t){var r=t.audioGroups||null,i=this.groupIds,n=this.currentTrack;if(!r||(null==i?void 0:i.length)!==(null==r?void 0:r.length)||null!=r&&r.some((function(e){return-1===(null==i?void 0:i.indexOf(e))}))){this.groupIds=r,this.trackId=-1,this.currentTrack=null;var a=this.tracks.filter((function(e){return!r||-1!==r.indexOf(e.groupId)}));if(a.length)this.selectDefaultTrack&&!a.some((function(e){return e.default}))&&(this.selectDefaultTrack=!1),a.forEach((function(e,t){e.id=t}));else if(!n&&!this.tracksInGroup.length)return;this.tracksInGroup=a;var s=this.hls.config.audioPreference;if(!n&&s){var o=ct(s,a,vt);if(o>-1)n=a[o];else{var l=ct(s,this.tracks);n=this.tracks[l]}}var u=this.findTrackId(n);-1===u&&n&&(u=this.findTrackId(null));var d={audioTracks:a};this.log("Updating audio tracks, "+a.length+" track(s) found in group(s): "+(null==r?void 0:r.join(","))),this.hls.trigger(b.AUDIO_TRACKS_UPDATED,d);var h=this.trackId;if(-1!==u&&-1===h)this.setAudioTrack(u);else if(a.length&&-1===h){var f,c=new Error("No audio track selected for current audio group-ID(s): "+(null==(f=this.groupIds)?void 0:f.join(","))+" track count: "+a.length);this.warn(c.message),this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.AUDIO_TRACK_LOAD_ERROR,fatal:!0,error:c})}}}},r.onError=function(e,t){!t.fatal&&t.context&&(t.context.type!==P||t.context.id!==this.trackId||this.groupIds&&-1===this.groupIds.indexOf(t.context.groupId)||this.checkRetry(t))},r.setAudioOption=function(e){var t=this.hls;if(t.config.audioPreference=e,e){var r=this.allAudioTracks;if(this.selectDefaultTrack=!1,r.length){var i=this.currentTrack;if(i&&gt(e,i,vt))return i;var n=ct(e,this.tracksInGroup,vt);if(n>-1){var a=this.tracksInGroup[n];return this.setAudioTrack(n),a}if(i){var s=t.loadLevel;-1===s&&(s=t.firstAutoLevel);var o=function(e,t,r,i,n){var a=t[i],s=t.reduce((function(e,t,r){var i=t.uri;return(e[i]||(e[i]=[])).push(r),e}),{})[a.uri];s.length>1&&(i=Math.max.apply(Math,s));var o=a.videoRange,l=a.frameRate,u=a.codecSet.substring(0,4),d=mt(t,i,(function(t){if(t.videoRange!==o||t.frameRate!==l||t.codecSet.substring(0,4)!==u)return!1;var i=t.audioGroups,a=r.filter((function(e){return!i||-1!==i.indexOf(e.groupId)}));return ct(e,a,n)>-1}));return d>-1?d:mt(t,i,(function(t){var i=t.audioGroups,a=r.filter((function(e){return!i||-1!==i.indexOf(e.groupId)}));return ct(e,a,n)>-1}))}(e,t.levels,r,s,vt);if(-1===o)return null;t.nextLoadLevel=o}if(e.channels||e.audioCodec){var l=ct(e,r);if(l>-1)return r[l]}}}return null},r.setAudioTrack=function(e){var t=this.tracksInGroup;if(e<0||e>=t.length)this.warn("Invalid audio track id: "+e);else{this.selectDefaultTrack=!1;var r=this.currentTrack,i=t[e],n=i.details&&!i.details.live;if(!(e===this.trackId&&i===r&&n||(this.log("Switching to audio-track "+e+' "'+i.name+'" lang:'+i.lang+" group:"+i.groupId+" channels:"+i.channels),this.trackId=e,this.currentTrack=i,this.hls.trigger(b.AUDIO_TRACK_SWITCHING,d({},i)),n))){var a=this.switchParams(i.url,null==r?void 0:r.details,i.details);this.loadPlaylist(a)}}},r.findTrackId=function(e){for(var t=this.tracksInGroup,r=0;r<t.length;r++){var i=t[r];if((!this.selectDefaultTrack||i.default)&&(!e||gt(e,i,vt)))return r}if(e){for(var n=e.name,a=e.lang,s=e.assocLang,o=e.characteristics,l=e.audioCodec,u=e.channels,d=0;d<t.length;d++)if(gt({name:n,lang:a,assocLang:s,characteristics:o,audioCodec:l,channels:u},t[d],vt))return d;for(var h=0;h<t.length;h++){var f=t[h];if(Ta(e.attrs,f.attrs,["LANGUAGE","ASSOC-LANGUAGE","CHARACTERISTICS"]))return h}for(var c=0;c<t.length;c++){var g=t[c];if(Ta(e.attrs,g.attrs,["LANGUAGE"]))return c}}return-1},r.loadPlaylist=function(t){e.prototype.loadPlaylist.call(this);var r=this.currentTrack;this.shouldLoadPlaylist(r)&&pt(r.url,this.hls)&&this.scheduleLoading(r,t)},r.loadingPlaylist=function(t,r){e.prototype.loadingPlaylist.call(this,t,r);var i=t.id,n=t.groupId,a=this.getUrlWithDirectives(t.url,r),s=t.details,o=null==s?void 0:s.age;this.log("Loading audio-track "+i+' "'+t.name+'" lang:'+t.lang+" group:"+n+(void 0!==(null==r?void 0:r.msn)?" at sn "+r.msn+" part "+r.part:"")+(o&&s.live?" age "+o.toFixed(1)+(s.type&&" "+s.type||""):"")+" "+a),this.hls.trigger(b.AUDIO_TRACK_LOADING,{url:a,id:i,groupId:n,deliveryDirectives:r||null,track:t})},i(t,[{key:"allAudioTracks",get:function(){return this.tracks}},{key:"audioTracks",get:function(){return this.tracksInGroup}},{key:"audioTrack",get:function(){return this.trackId},set:function(e){this.selectDefaultTrack=!1,this.setAudioTrack(e)}}])}(ya),La=function(){function e(e){this.tracks=void 0,this.queues={video:[],audio:[],audiovideo:[]},this.tracks=e}var t=e.prototype;return t.destroy=function(){this.tracks=this.queues=null},t.append=function(e,t,r){if(null!==this.queues&&null!==this.tracks){var i=this.queues[t];i.push(e),1!==i.length||r||this.executeNext(t)}},t.appendBlocker=function(e){var t=this;return new Promise((function(r){var i={label:"async-blocker",execute:r,onStart:function(){},onComplete:function(){},onError:function(){}};t.append(i,e)}))},t.prependBlocker=function(e){var t=this;return new Promise((function(r){if(t.queues){var i={label:"async-blocker-prepend",execute:r,onStart:function(){},onComplete:function(){},onError:function(){}};t.queues[e].unshift(i)}}))},t.removeBlockers=function(){null!==this.queues&&[this.queues.video,this.queues.audio,this.queues.audiovideo].forEach((function(e){var t,r=null==(t=e[0])?void 0:t.label;"async-blocker"!==r&&"async-blocker-prepend"!==r||(e[0].execute(),e.splice(0,1))}))},t.unblockAudio=function(e){null!==this.queues&&this.queues.audio[0]===e&&this.shiftAndExecuteNext("audio")},t.executeNext=function(e){if(null!==this.queues&&null!==this.tracks){var t=this.queues[e];if(t.length){var r=t[0];try{r.execute()}catch(t){var i;if(r.onError(t),null===this.queues||null===this.tracks)return;var n=null==(i=this.tracks[e])?void 0:i.buffer;null!=n&&n.updating||this.shiftAndExecuteNext(e)}}}},t.shiftAndExecuteNext=function(e){null!==this.queues&&(this.queues[e].shift(),this.executeNext(e))},t.current=function(e){var t;return(null==(t=this.queues)?void 0:t[e][0])||null},t.toString=function(){var e=this.queues,t=this.tracks;return null===e||null===t?"<destroyed>":"\n"+this.list("video")+"\n"+this.list("audio")+"\n"+this.list("audiovideo")+"}"},t.list=function(e){var t,r;return null!=(t=this.queues)&&t[e]||null!=(r=this.tracks)&&r[e]?e+": ("+this.listSbInfo(e)+") "+this.listOps(e):""},t.listSbInfo=function(e){var t,r=null==(t=this.tracks)?void 0:t[e],i=null==r?void 0:r.buffer;return i?"SourceBuffer"+(i.updating?" updating":"")+(r.ended?" ended":"")+(r.ending?" ending":""):"none"},t.listOps=function(e){var t;return(null==(t=this.queues)?void 0:t[e].map((function(e){return e.label})).join(", "))||""},e}(),Ia=/(avc[1234]|hvc1|hev1|dvh[1e]|vp09|av01)(?:\.[^.,]+)+/,Ra="HlsJsTrackRemovedError",ka=function(e){function t(t){var r;return(r=e.call(this,t)||this).name=Ra,r}return o(t,e),t}(c(Error)),ba=function(e){function t(t,r){var i,n;return(i=e.call(this,"buffer-controller",t.logger)||this).hls=void 0,i.fragmentTracker=void 0,i.details=null,i._objectUrl=null,i.operationQueue=null,i.bufferCodecEventsTotal=0,i.media=null,i.mediaSource=null,i.lastMpegAudioChunk=null,i.blockedAudioAppend=null,i.lastVideoAppendEnd=0,i.appendSource=void 0,i.transferData=void 0,i.overrides=void 0,i.appendErrors={audio:0,video:0,audiovideo:0},i.tracks={},i.sourceBuffers=[[null,null],[null,null]],i._onEndStreaming=function(e){var t;i.hls&&"open"===(null==(t=i.mediaSource)?void 0:t.readyState)&&i.hls.pauseBuffering()},i._onStartStreaming=function(e){i.hls&&i.hls.resumeBuffering()},i._onMediaSourceOpen=function(e){var t=i,r=t.media,n=t.mediaSource;e&&i.log("Media source opened"),r&&n&&(n.removeEventListener("sourceopen",i._onMediaSourceOpen),r.removeEventListener("emptied",i._onMediaEmptied),i.updateDuration(),i.hls.trigger(b.MEDIA_ATTACHED,{media:r,mediaSource:n}),null!==i.mediaSource&&i.checkPendingTracks())},i._onMediaSourceClose=function(){i.log("Media source closed")},i._onMediaSourceEnded=function(){i.log("Media source ended")},i._onMediaEmptied=function(){var e=i,t=e.mediaSrc,r=e._objectUrl;t!==r&&i.error("Media element src was set while attaching MediaSource ("+r+" > "+t+")")},i.hls=t,i.fragmentTracker=r,i.appendSource=(n=W(t.config.preferManagedMediaSource),"undefined"!=typeof self&&n===self.ManagedMediaSource),i.initTracks(),i.registerListeners(),i}o(t,e);var r=t.prototype;return r.hasSourceTypes=function(){return Object.keys(this.tracks).length>0},r.destroy=function(){this.unregisterListeners(),this.details=null,this.lastMpegAudioChunk=this.blockedAudioAppend=null,this.transferData=this.overrides=void 0,this.operationQueue&&(this.operationQueue.destroy(),this.operationQueue=null),this.hls=this.fragmentTracker=null,this._onMediaSourceOpen=this._onMediaSourceClose=null,this._onMediaSourceEnded=null,this._onStartStreaming=this._onEndStreaming=null},r.registerListeners=function(){var e=this.hls;e.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_PARSED,this.onManifestParsed,this),e.on(b.BUFFER_RESET,this.onBufferReset,this),e.on(b.BUFFER_APPENDING,this.onBufferAppending,this),e.on(b.BUFFER_CODECS,this.onBufferCodecs,this),e.on(b.BUFFER_EOS,this.onBufferEos,this),e.on(b.BUFFER_FLUSHING,this.onBufferFlushing,this),e.on(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.on(b.FRAG_PARSED,this.onFragParsed,this),e.on(b.FRAG_CHANGED,this.onFragChanged,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_PARSED,this.onManifestParsed,this),e.off(b.BUFFER_RESET,this.onBufferReset,this),e.off(b.BUFFER_APPENDING,this.onBufferAppending,this),e.off(b.BUFFER_CODECS,this.onBufferCodecs,this),e.off(b.BUFFER_EOS,this.onBufferEos,this),e.off(b.BUFFER_FLUSHING,this.onBufferFlushing,this),e.off(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.off(b.FRAG_PARSED,this.onFragParsed,this),e.off(b.FRAG_CHANGED,this.onFragChanged,this),e.off(b.ERROR,this.onError,this)},r.transferMedia=function(){var e=this,t=this.media,r=this.mediaSource;if(!t)return null;var i={};if(this.operationQueue){var n=this.isUpdating();n||this.operationQueue.removeBlockers();var s=this.isQueued();(n||s)&&this.warn("Transfering MediaSource with"+(s?" operations in queue":"")+(n?" updating SourceBuffer(s)":"")+" "+this.operationQueue),this.operationQueue.destroy()}var o=this.transferData;return!this.sourceBufferCount&&o&&o.mediaSource===r?a(i,o.tracks):this.sourceBuffers.forEach((function(t){var r=t[0];r&&(i[r]=a({},e.tracks[r]),e.removeBuffer(r)),t[0]=t[1]=null})),{media:t,mediaSource:r,tracks:i}},r.initTracks=function(){this.sourceBuffers=[[null,null],[null,null]],this.tracks={},this.resetQueue(),this.resetAppendErrors(),this.lastMpegAudioChunk=this.blockedAudioAppend=null,this.lastVideoAppendEnd=0},r.onManifestLoading=function(){this.bufferCodecEventsTotal=0,this.details=null},r.onManifestParsed=function(e,t){var r,i=2;(t.audio&&!t.video||!t.altAudio)&&(i=1),this.bufferCodecEventsTotal=i,this.log(i+" bufferCodec event(s) expected."),null!=(r=this.transferData)&&r.mediaSource&&this.sourceBufferCount&&i&&this.bufferCreated()},r.onMediaAttaching=function(e,t){var r=this.media=t.media;this.transferData=this.overrides=void 0;var i=W(this.appendSource);if(i){var n=!!t.mediaSource;(n||t.overrides)&&(this.transferData=t,this.overrides=t.overrides);var a=this.mediaSource=t.mediaSource||new i;if(this.assignMediaSource(a),n)this._objectUrl=r.src,this.attachTransferred();else{var s=this._objectUrl=self.URL.createObjectURL(a);if(this.appendSource)try{r.removeAttribute("src");var o=self.ManagedMediaSource;r.disableRemotePlayback=r.disableRemotePlayback||o&&a instanceof o,Da(r),function(e,t){var r=self.document.createElement("source");r.type="video/mp4",r.src=t,e.appendChild(r)}(r,s),r.load()}catch(e){r.src=s}else r.src=s}r.addEventListener("emptied",this._onMediaEmptied)}},r.assignMediaSource=function(e){var t,r;this.log(((null==(t=this.transferData)?void 0:t.mediaSource)===e?"transferred":"created")+" media source: "+(null==(r=e.constructor)?void 0:r.name)),e.addEventListener("sourceopen",this._onMediaSourceOpen),e.addEventListener("sourceended",this._onMediaSourceEnded),e.addEventListener("sourceclose",this._onMediaSourceClose),this.appendSource&&(e.addEventListener("startstreaming",this._onStartStreaming),e.addEventListener("endstreaming",this._onEndStreaming))},r.attachTransferred=function(){var e=this,t=this.media,r=this.transferData;if(r&&t){var i=this.tracks,n=r.tracks,a=n?Object.keys(n):null,s=a?a.length:0,o=function(){Promise.resolve().then((function(){e.media&&e.mediaSourceOpenOrEnded&&e._onMediaSourceOpen()}))};if(n&&a&&s){if(!this.tracksReady)return this.hls.config.startFragPrefetch=!0,void this.log("attachTransferred: waiting for SourceBuffer track info");if(this.log("attachTransferred: (bufferCodecEventsTotal "+this.bufferCodecEventsTotal+")\nrequired tracks: "+ut(i,(function(e,t){return"initSegment"===e?void 0:t}))+";\ntransfer tracks: "+ut(n,(function(e,t){return"initSegment"===e?void 0:t}))+"}"),!j(n,i)){r.mediaSource=null,r.tracks=void 0;var l=t.currentTime,u=this.details,d=Math.max(l,(null==u?void 0:u.fragments[0].start)||0);return d-l>1?void this.log("attachTransferred: waiting for playback to reach new tracks start time "+l+" -> "+d):(this.warn('attachTransferred: resetting MediaSource for incompatible tracks ("'+Object.keys(n)+'"->"'+Object.keys(i)+'") start time: '+d+" currentTime: "+l),this.onMediaDetaching(b.MEDIA_DETACHING,{}),this.onMediaAttaching(b.MEDIA_ATTACHING,r),void(t.currentTime=d))}this.transferData=void 0,a.forEach((function(t){var r=t,i=n[r];if(i){var a=i.buffer;if(a){var s=e.fragmentTracker,o=i.id;if(s.hasFragments(o)||s.hasParts(o)){var l=dr.getBuffered(a);s.detectEvictedFragments(r,l,o,null,!0)}var u=_a(r),d=[r,a];e.sourceBuffers[u]=d,a.updating&&e.operationQueue&&e.operationQueue.prependBlocker(r),e.trackSourceBuffer(r,i)}}})),o(),this.bufferCreated()}else this.log("attachTransferred: MediaSource w/o SourceBuffers"),o()}},r.onMediaDetaching=function(e,t){var r=this,i=!!t.transferMedia;this.transferData=this.overrides=void 0;var n=this.media,a=this.mediaSource,s=this._objectUrl;if(a){if(this.log("media source "+(i?"transferring":"detaching")),i)this.sourceBuffers.forEach((function(e){var t=e[0];t&&r.removeBuffer(t)})),this.resetQueue();else{if(this.mediaSourceOpenOrEnded){var o="open"===a.readyState;try{for(var l=a.sourceBuffers,u=l.length;u--;)o&&l[u].abort(),a.removeSourceBuffer(l[u]);o&&a.endOfStream()}catch(e){this.warn("onMediaDetaching: "+e.message+" while calling endOfStream")}}this.sourceBufferCount&&this.onBufferReset()}a.removeEventListener("sourceopen",this._onMediaSourceOpen),a.removeEventListener("sourceended",this._onMediaSourceEnded),a.removeEventListener("sourceclose",this._onMediaSourceClose),this.appendSource&&(a.removeEventListener("startstreaming",this._onStartStreaming),a.removeEventListener("endstreaming",this._onEndStreaming)),this.mediaSource=null,this._objectUrl=null}n&&(n.removeEventListener("emptied",this._onMediaEmptied),i||(s&&self.URL.revokeObjectURL(s),this.mediaSrc===s?(n.removeAttribute("src"),this.appendSource&&Da(n),n.load()):this.warn("media|source.src was changed by a third party - skip cleanup")),this.media=null),this.hls.trigger(b.MEDIA_DETACHED,t)},r.onBufferReset=function(){var e=this;this.sourceBuffers.forEach((function(t){var r=t[0];r&&e.resetBuffer(r)})),this.initTracks()},r.resetBuffer=function(e){var t,r=null==(t=this.tracks[e])?void 0:t.buffer;if(this.removeBuffer(e),r)try{var i;null!=(i=this.mediaSource)&&i.sourceBuffers.length&&this.mediaSource.removeSourceBuffer(r)}catch(t){this.warn("onBufferReset "+e,t)}delete this.tracks[e]},r.removeBuffer=function(e){this.removeBufferListeners(e),this.sourceBuffers[_a(e)]=[null,null];var t=this.tracks[e];t&&(t.buffer=void 0)},r.resetQueue=function(){this.operationQueue&&this.operationQueue.destroy(),this.operationQueue=new La(this.tracks)},r.onBufferCodecs=function(e,t){var r,i=this,n=this.tracks,a=Object.keys(t);this.log('BUFFER_CODECS: "'+a+'" (current SB count '+this.sourceBufferCount+")");var s="audiovideo"in t&&(n.audio||n.video)||n.audiovideo&&("audio"in t||"video"in t),o=!s&&this.sourceBufferCount&&this.media&&a.some((function(e){return!n[e]}));s||o?this.warn('Unsupported transition between "'+Object.keys(n)+'" and "'+a+'" SourceBuffers'):(a.forEach((function(e){var r,a,s=t[e],o=s.id,l=s.codec,u=s.levelCodec,d=s.container,h=s.metadata,f=s.supplemental,c=n[e],g=null==(r=i.transferData)||null==(r=r.tracks)?void 0:r[e],v=null!=g&&g.buffer?g:c,m=(null==v?void 0:v.pendingCodec)||(null==v?void 0:v.codec),p=null==v?void 0:v.levelCodec;c||(c=n[e]={buffer:void 0,listeners:[],codec:l,supplemental:f,container:d,levelCodec:u,metadata:h,id:o});var y=Ve(m,p),E=null==y?void 0:y.replace(Ia,"$1"),T=Ve(l,u),S=null==(a=T)?void 0:a.replace(Ia,"$1");T&&y&&E!==S&&("audio"===e.slice(0,5)&&(T=Ke(T,i.appendSource)),i.log("switching codec "+m+" to "+T),T!==(c.pendingCodec||c.codec)&&(c.pendingCodec=T),c.container=d,i.appendChangeType(e,d,T))})),(this.tracksReady||this.sourceBufferCount)&&(t.tracks=this.sourceBufferTracks),this.sourceBufferCount||(this.bufferCodecEventsTotal>1&&!this.tracks.video&&!t.video&&"main"===(null==(r=t.audio)?void 0:r.id)&&(this.log("Main audio-only"),this.bufferCodecEventsTotal=1),this.mediaSourceOpenOrEnded&&this.checkPendingTracks()))},r.appendChangeType=function(e,t,r){var i=this,n=t+";codecs="+r,a={label:"change-type="+n,execute:function(){var a=i.tracks[e];if(a){var s=a.buffer;null!=s&&s.changeType&&(i.log("changing "+e+" sourceBuffer type to "+n),s.changeType(n),a.codec=r,a.container=t)}i.shiftAndExecuteNext(e)},onStart:function(){},onComplete:function(){},onError:function(t){i.warn("Failed to change "+e+" SourceBuffer type",t)}};this.append(a,e,this.isPending(this.tracks[e]))},r.blockAudio=function(e){var t,r=this,i=e.start,n=i+.05*e.duration;if(!0!==(null==(t=this.fragmentTracker.getAppendedFrag(i,w))?void 0:t.gap)){var a={label:"block-audio",execute:function(){var e,t=r.tracks.video;(r.lastVideoAppendEnd>n||null!=t&&t.buffer&&dr.isBuffered(t.buffer,n)||!0===(null==(e=r.fragmentTracker.getAppendedFrag(n,w))?void 0:e.gap))&&(r.blockedAudioAppend=null,r.shiftAndExecuteNext("audio"))},onStart:function(){},onComplete:function(){},onError:function(e){r.warn("Error executing block-audio operation",e)}};this.blockedAudioAppend={op:a,frag:e},this.append(a,"audio",!0)}},r.unblockAudio=function(){var e=this.blockedAudioAppend,t=this.operationQueue;e&&t&&(this.blockedAudioAppend=null,t.unblockAudio(e.op))},r.onBufferAppending=function(e,t){var r=this,i=this.tracks,n=t.data,a=t.type,s=t.parent,o=t.frag,l=t.part,u=t.chunkMeta,d=t.offset,h=u.buffering[a],f=o.sn,c=o.cc,g=self.performance.now();h.start=g;var v=o.stats.buffering,m=l?l.stats.buffering:null;0===v.start&&(v.start=g),m&&0===m.start&&(m.start=g);var p=i.audio,y=!1;"audio"===a&&"audio/mpeg"===(null==p?void 0:p.container)&&(y=!this.lastMpegAudioChunk||1===u.id||this.lastMpegAudioChunk.sn!==u.sn,this.lastMpegAudioChunk=u);var E=i.video,T=null==E?void 0:E.buffer;if(T&&"initSegment"!==f){var S=l||o,L=this.blockedAudioAppend;if("audio"!==a||"main"===s||this.blockedAudioAppend||E.ending||E.ended){if("video"===a){var I=S.end;if(L){var D=L.frag.start;(I>D||I<this.lastVideoAppendEnd||dr.isBuffered(T,D))&&this.unblockAudio()}this.lastVideoAppendEnd=I}}else{var _=S.start+.05*S.duration,P=T.buffered,C=this.currentOp("video");P.length||C?!C&&!dr.isBuffered(T,_)&&this.lastVideoAppendEnd<_&&this.blockAudio(S):this.blockAudio(S)}}var O=(l||o).start,x={label:"append-"+a,execute:function(){var e;h.executeStart=self.performance.now();var t=null==(e=r.tracks[a])?void 0:e.buffer;t&&(y?r.updateTimestampOffset(t,O,.1,a,f,c):void 0!==d&&A(d)&&r.updateTimestampOffset(t,d,1e-6,a,f,c)),r.appendExecutor(n,a)},onStart:function(){},onComplete:function(){var e=self.performance.now();h.executeEnd=h.end=e,0===v.first&&(v.first=e),m&&0===m.first&&(m.first=e);var t={};r.sourceBuffers.forEach((function(e){var r=e[0],i=e[1];r&&(t[r]=dr.getBuffered(i))})),r.appendErrors[a]=0,"audio"===a||"video"===a?r.appendErrors.audiovideo=0:(r.appendErrors.audio=0,r.appendErrors.video=0),r.hls.trigger(b.BUFFER_APPENDED,{type:a,frag:o,part:l,chunkMeta:u,parent:o.type,timeRanges:t})},onError:function(e){var t,i={type:R.MEDIA_ERROR,parent:o.type,details:k.BUFFER_APPEND_ERROR,sourceBufferName:a,frag:o,part:l,chunkMeta:u,error:e,err:e,fatal:!1},n=null==(t=r.media)?void 0:t.error;if(e.code===DOMException.QUOTA_EXCEEDED_ERR||"QuotaExceededError"==e.name||"quota"in e)i.details=k.BUFFER_FULL_ERROR;else if(e.code===DOMException.INVALID_STATE_ERR&&r.mediaSourceOpenOrEnded&&!n)i.errorAction=Kt(!0);else if(e.name===Ra&&0===r.sourceBufferCount)i.errorAction=Kt(!0);else{var s=++r.appendErrors[a];r.warn("Failed "+s+"/"+r.hls.config.appendErrorMaxRetry+' times to append segment in "'+a+'" sourceBuffer ('+(n||"no media error")+")"),(s>=r.hls.config.appendErrorMaxRetry||n)&&(i.fatal=!0)}r.hls.trigger(b.ERROR,i)}};this.log('queuing "'+a+'" append sn: '+f+(l?" p: "+l.index:"")+" of "+(o.type===w?"level":"track")+" "+o.level+" cc: "+c),this.append(x,a,this.isPending(this.tracks[a]))},r.getFlushOp=function(e,t,r){var i=this;return this.log('queuing "'+e+'" remove '+t+"-"+r),{label:"remove",execute:function(){i.removeExecutor(e,t,r)},onStart:function(){},onComplete:function(){i.hls.trigger(b.BUFFER_FLUSHED,{type:e})},onError:function(n){i.warn("Failed to remove "+t+"-"+r+' from "'+e+'" SourceBuffer',n)}}},r.onBufferFlushing=function(e,t){var r=this,i=t.type,n=t.startOffset,a=t.endOffset;i?this.append(this.getFlushOp(i,n,a),i):this.sourceBuffers.forEach((function(e){var t=e[0];t&&r.append(r.getFlushOp(t,n,a),t)}))},r.onFragParsed=function(e,t){var r=this,i=t.frag,n=t.part,a=[],s=n?n.elementaryStreams:i.elementaryStreams;s[J]?a.push("audiovideo"):(s[$]&&a.push("audio"),s[Z]&&a.push("video")),0===a.length&&this.warn("Fragments must have at least one ElementaryStreamType set. type: "+i.type+" level: "+i.level+" sn: "+i.sn),this.blockBuffers((function(){var e=self.performance.now();i.stats.buffering.end=e,n&&(n.stats.buffering.end=e);var t=n?n.stats:i.stats;r.hls.trigger(b.FRAG_BUFFERED,{frag:i,part:n,stats:t,id:i.type})}),a).catch((function(e){r.warn("Fragment buffered callback "+e),r.stepOperationQueue(r.sourceBufferTypes)}))},r.onFragChanged=function(e,t){this.trimBuffers()},r.onBufferEos=function(e,t){var r,i=this;this.sourceBuffers.forEach((function(e){var r=e[0];if(r){var n=i.tracks[r];t.type&&t.type!==r||(n.ending=!0,n.ended||(n.ended=!0,i.log(r+" buffer reached EOS")))}}));var n=!1!==(null==(r=this.overrides)?void 0:r.endOfStream);this.sourceBufferCount>0&&!this.sourceBuffers.some((function(e){var t,r=e[0];return r&&!(null!=(t=i.tracks[r])&&t.ended)}))?n?(this.log("Queueing EOS"),this.blockUntilOpen((function(){i.tracksEnded();var e=i.mediaSource;e&&"open"===e.readyState?(i.log("Calling mediaSource.endOfStream()"),e.endOfStream(),i.hls.trigger(b.BUFFERED_TO_END,void 0)):e&&i.log("Could not call mediaSource.endOfStream(). mediaSource.readyState: "+e.readyState)}))):(this.tracksEnded(),this.hls.trigger(b.BUFFERED_TO_END,void 0)):"video"===t.type&&this.unblockAudio()},r.tracksEnded=function(){var e=this;this.sourceBuffers.forEach((function(t){var r=t[0];if(null!==r){var i=e.tracks[r];i&&(i.ending=!1)}}))},r.onLevelUpdated=function(e,t){var r=t.details;r.fragments.length&&(this.details=r,this.updateDuration())},r.updateDuration=function(){var e=this;this.blockUntilOpen((function(){var t=e.getDurationAndRange();t&&e.updateMediaSource(t)}))},r.onError=function(e,t){if(t.details===k.BUFFER_APPEND_ERROR&&t.frag){var r,i=null==(r=t.errorAction)?void 0:r.nextAutoLevel;A(i)&&i!==t.frag.level&&this.resetAppendErrors()}},r.resetAppendErrors=function(){this.appendErrors={audio:0,video:0,audiovideo:0}},r.trimBuffers=function(){var e=this.hls,t=this.details,r=this.media;if(r&&null!==t&&this.sourceBufferCount){var i=e.config,n=r.currentTime,a=t.levelTargetDuration,s=t.live&&null!==i.liveBackBufferLength?i.liveBackBufferLength:i.backBufferLength;if(A(s)&&s>=0){var o=Math.max(s,a),l=Math.floor(n/a)*a-o;this.flushBackBuffer(n,a,l)}var u=i.frontBufferFlushThreshold;if(A(u)&&u>0){var d=Math.max(i.maxBufferLength,u),h=Math.max(d,a),f=Math.floor(n/a)*a+h;this.flushFrontBuffer(n,a,f)}}},r.flushBackBuffer=function(e,t,r){var i=this;this.sourceBuffers.forEach((function(e){var t=e[0],n=e[1];if(n){var a=dr.getBuffered(n);if(a.length>0&&r>a.start(0)){var s;i.hls.trigger(b.BACK_BUFFER_REACHED,{bufferEnd:r});var o=i.tracks[t];if(null!=(s=i.details)&&s.live)i.hls.trigger(b.LIVE_BACK_BUFFER_REACHED,{bufferEnd:r});else if(null!=o&&o.ended)return void i.log("Cannot flush "+t+" back buffer while SourceBuffer is in ended state");i.hls.trigger(b.BUFFER_FLUSHING,{startOffset:0,endOffset:r,type:t})}}}))},r.flushFrontBuffer=function(e,t,r){var i=this;this.sourceBuffers.forEach((function(t){var n=t[0],a=t[1];if(a){var s=dr.getBuffered(a),o=s.length;if(o<2)return;var l=s.start(o-1),u=s.end(o-1);if(r>l||e>=l&&e<=u)return;i.hls.trigger(b.BUFFER_FLUSHING,{startOffset:l,endOffset:1/0,type:n})}}))},r.getDurationAndRange=function(){var e,t=this.details,r=this.mediaSource;if(!t||!this.media||"open"!==(null==r?void 0:r.readyState))return null;var i=t.edge;if(t.live&&this.hls.config.liveDurationInfinity){if(t.fragments.length&&r.setLiveSeekableRange){var n=Math.max(0,t.fragmentStart);return{duration:1/0,start:n,end:Math.max(n,i)}}return{duration:1/0}}var a=null==(e=this.overrides)?void 0:e.duration;if(a)return A(a)?{duration:a}:null;var s=this.media.duration;return i>(A(r.duration)?r.duration:0)&&i>s||!A(s)?{duration:i}:null},r.updateMediaSource=function(e){var t=e.duration,r=e.start,i=e.end,n=this.mediaSource;this.media&&n&&"open"===n.readyState&&(n.duration!==t&&(A(t)&&this.log("Updating MediaSource duration to "+t.toFixed(3)),n.duration=t),void 0!==r&&void 0!==i&&(this.log("MediaSource duration is set to "+n.duration+". Setting seekable range to "+r+"-"+i+"."),n.setLiveSeekableRange(r,i)))},r.checkPendingTracks=function(){var e=this.bufferCodecEventsTotal,t=this.pendingTrackCount,r=this.tracks;if(this.log("checkPendingTracks (pending: "+t+" codec events expected: "+e+") "+ut(r)),this.tracksReady){var i,n=null==(i=this.transferData)?void 0:i.tracks;n&&Object.keys(n).length?this.attachTransferred():this.createSourceBuffers()}},r.bufferCreated=function(){var e=this;if(this.sourceBufferCount){var t={};this.sourceBuffers.forEach((function(r){var i=r[0],n=r[1];if(i){var a=e.tracks[i];t[i]={buffer:n,container:a.container,codec:a.codec,supplemental:a.supplemental,levelCodec:a.levelCodec,id:a.id,metadata:a.metadata}}})),this.hls.trigger(b.BUFFER_CREATED,{tracks:t}),this.log("SourceBuffers created. Running queue: "+this.operationQueue),this.sourceBuffers.forEach((function(t){var r=t[0];e.executeNext(r)}))}else{var r=new Error("could not create source buffer for media codec(s)");this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_INCOMPATIBLE_CODECS_ERROR,fatal:!0,error:r,reason:r.message})}},r.createSourceBuffers=function(){var e=this.tracks,t=this.sourceBuffers,r=this.mediaSource;if(!r)throw new Error("createSourceBuffers called when mediaSource was null");for(var i in e){var n=i,a=e[n];if(this.isPending(a)){var s=this.getTrackCodec(a,n),o=a.container+";codecs="+s;a.codec=s,this.log("creating sourceBuffer("+o+")"+(this.currentOp(n)?" Queued":"")+" "+ut(a));try{var l=r.addSourceBuffer(o),u=_a(n),d=[n,l];t[u]=d,a.buffer=l}catch(e){var h;return this.error("error while trying to add sourceBuffer: "+e.message),this.shiftAndExecuteNext(n),null==(h=this.operationQueue)||h.removeBlockers(),delete this.tracks[n],void this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_ADD_CODEC_ERROR,fatal:!1,error:e,sourceBufferName:n,mimeType:o,parent:a.id})}this.trackSourceBuffer(n,a)}}this.bufferCreated()},r.getTrackCodec=function(e,t){var r=e.supplemental,i=e.codec;r&&("video"===t||"audiovideo"===t)&&xe(r,"video")&&(i=function(e,t){var r=[];if(e)for(var i=e.split(","),n=0;n<i.length;n++)Oe(i[n],"video")||r.push(i[n]);return t&&r.push(t),r.join(",")}(i,r));var n=Ve(i,e.levelCodec);return n?"audio"===t.slice(0,5)?Ke(n,this.appendSource):n:""},r.trackSourceBuffer=function(e,t){var r=this,i=t.buffer;if(i){var n=this.getTrackCodec(t,e);this.tracks[e]={buffer:i,codec:n,container:t.container,levelCodec:t.levelCodec,supplemental:t.supplemental,metadata:t.metadata,id:t.id,listeners:[]},this.removeBufferListeners(e),this.addBufferListener(e,"updatestart",this.onSBUpdateStart),this.addBufferListener(e,"updateend",this.onSBUpdateEnd),this.addBufferListener(e,"error",this.onSBUpdateError),this.appendSource&&this.addBufferListener(e,"bufferedchange",(function(e,t){var i=t.removedRanges;null!=i&&i.length&&r.hls.trigger(b.BUFFER_FLUSHED,{type:e})}))}},r.onSBUpdateStart=function(e){var t=this.currentOp(e);t&&t.onStart()},r.onSBUpdateEnd=function(e){var t;if("closed"!==(null==(t=this.mediaSource)?void 0:t.readyState)){var r=this.currentOp(e);r&&(r.onComplete(),this.shiftAndExecuteNext(e))}else this.resetBuffer(e)},r.onSBUpdateError=function(e,t){var r,i=new Error(e+" SourceBuffer error. MediaSource readyState: "+(null==(r=this.mediaSource)?void 0:r.readyState));this.error(""+i,t),this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_APPENDING_ERROR,sourceBufferName:e,error:i,fatal:!1});var n=this.currentOp(e);n&&n.onError(i)},r.updateTimestampOffset=function(e,t,r,i,n,a){var s=t-e.timestampOffset;Math.abs(s)>=r&&(this.log("Updating "+i+" SourceBuffer timestampOffset to "+t+" (sn: "+n+" cc: "+a+")"),e.timestampOffset=t)},r.removeExecutor=function(e,t,r){var i=this.media,n=this.mediaSource,a=this.tracks[e],s=null==a?void 0:a.buffer;if(!i||!n||!s)return this.warn("Attempting to remove from the "+e+" SourceBuffer, but it does not exist"),void this.shiftAndExecuteNext(e);var o=A(i.duration)?i.duration:1/0,l=A(n.duration)?n.duration:1/0,u=Math.max(0,t),d=Math.min(r,o,l);d>u&&(!a.ending||a.ended)?(a.ended=!1,this.log("Removing ["+u+","+d+"] from the "+e+" SourceBuffer"),s.remove(u,d)):this.shiftAndExecuteNext(e)},r.appendExecutor=function(e,t){var r=this.tracks[t],i=null==r?void 0:r.buffer;if(!i)throw new ka("Attempting to append to the "+t+" SourceBuffer, but it does not exist");r.ending=!1,r.ended=!1,i.appendBuffer(e)},r.blockUntilOpen=function(e){var t=this;if(this.isUpdating()||this.isQueued())this.blockBuffers(e).catch((function(e){t.warn("SourceBuffer blocked callback "+e),t.stepOperationQueue(t.sourceBufferTypes)}));else try{e()}catch(e){this.warn("Callback run without blocking "+this.operationQueue+" "+e)}},r.isUpdating=function(){return this.sourceBuffers.some((function(e){var t=e[0],r=e[1];return t&&r.updating}))},r.isQueued=function(){var e=this;return this.sourceBuffers.some((function(t){var r=t[0];return r&&!!e.currentOp(r)}))},r.isPending=function(e){return!!e&&!e.buffer},r.blockBuffers=function(e,t){var r=this;if(void 0===t&&(t=this.sourceBufferTypes),!t.length)return this.log("Blocking operation requested, but no SourceBuffers exist"),Promise.resolve().then(e);var i=this.operationQueue,n=t.map((function(e){return r.appendBlocker(e)}));return t.length>1&&!!this.blockedAudioAppend&&this.unblockAudio(),Promise.all(n).then((function(t){i===r.operationQueue&&(e(),r.stepOperationQueue(r.sourceBufferTypes))}))},r.stepOperationQueue=function(e){var t=this;e.forEach((function(e){var r,i=null==(r=t.tracks[e])?void 0:r.buffer;i&&!i.updating&&t.shiftAndExecuteNext(e)}))},r.append=function(e,t,r){this.operationQueue&&this.operationQueue.append(e,t,r)},r.appendBlocker=function(e){if(this.operationQueue)return this.operationQueue.appendBlocker(e)},r.currentOp=function(e){return this.operationQueue?this.operationQueue.current(e):null},r.executeNext=function(e){e&&this.operationQueue&&this.operationQueue.executeNext(e)},r.shiftAndExecuteNext=function(e){this.operationQueue&&this.operationQueue.shiftAndExecuteNext(e)},r.addBufferListener=function(e,t,r){var i=this.tracks[e];if(i){var n=i.buffer;if(n){var a=r.bind(this,e);i.listeners.push({event:t,listener:a}),n.addEventListener(t,a)}}},r.removeBufferListeners=function(e){var t=this.tracks[e];if(t){var r=t.buffer;r&&(t.listeners.forEach((function(e){r.removeEventListener(e.event,e.listener)})),t.listeners.length=0)}},i(t,[{key:"mediaSourceOpenOrEnded",get:function(){var e,t=null==(e=this.mediaSource)?void 0:e.readyState;return"open"===t||"ended"===t}},{key:"sourceBufferTracks",get:function(){var e=this;return Object.keys(this.tracks).reduce((function(t,r){var i=e.tracks[r];return t[r]={id:i.id,container:i.container,codec:i.codec,levelCodec:i.levelCodec},t}),{})}},{key:"bufferedToEnd",get:function(){var e=this;return this.sourceBufferCount>0&&!this.sourceBuffers.some((function(t){var r=t[0];if(r){var i=e.tracks[r];if(i)return!i.ended||i.ending}return!1}))}},{key:"tracksReady",get:function(){var e=this.pendingTrackCount;return e>0&&(e>=this.bufferCodecEventsTotal||this.isPending(this.tracks.audiovideo))}},{key:"mediaSrc",get:function(){var e,t,r=(null==(e=this.media)||null==(t=e.querySelector)?void 0:t.call(e,"source"))||this.media;return null==r?void 0:r.src}},{key:"pendingTrackCount",get:function(){var e=this;return Object.keys(this.tracks).reduce((function(t,r){return t+(e.isPending(e.tracks[r])?1:0)}),0)}},{key:"sourceBufferCount",get:function(){return this.sourceBuffers.reduce((function(e,t){return e+(t[0]?1:0)}),0)}},{key:"sourceBufferTypes",get:function(){return this.sourceBuffers.map((function(e){return e[0]})).filter((function(e){return!!e}))}}])}(N);function Da(e){var t=e.querySelectorAll("source");[].slice.call(t).forEach((function(t){e.removeChild(t)}))}function _a(e){return"audio"===e?1:0}var Pa=function(){function e(e){this.hls=void 0,this.autoLevelCapping=void 0,this.firstLevel=void 0,this.media=void 0,this.restrictedLevels=void 0,this.timer=void 0,this.clientRect=void 0,this.streamController=void 0,this.hls=e,this.autoLevelCapping=Number.POSITIVE_INFINITY,this.firstLevel=-1,this.media=null,this.restrictedLevels=[],this.timer=void 0,this.clientRect=null,this.registerListeners()}var t=e.prototype;return t.setStreamController=function(e){this.streamController=e},t.destroy=function(){this.hls&&this.unregisterListener(),this.timer&&this.stopCapping(),this.media=null,this.clientRect=null,this.hls=this.streamController=null},t.registerListeners=function(){var e=this.hls;e.on(b.FPS_DROP_LEVEL_CAPPING,this.onFpsDropLevelCapping,this),e.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.on(b.MANIFEST_PARSED,this.onManifestParsed,this),e.on(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.on(b.BUFFER_CODECS,this.onBufferCodecs,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this)},t.unregisterListener=function(){var e=this.hls;e.off(b.FPS_DROP_LEVEL_CAPPING,this.onFpsDropLevelCapping,this),e.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.off(b.MANIFEST_PARSED,this.onManifestParsed,this),e.off(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.off(b.BUFFER_CODECS,this.onBufferCodecs,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this)},t.onFpsDropLevelCapping=function(e,t){var r=this.hls.levels[t.droppedLevel];this.isLevelAllowed(r)&&this.restrictedLevels.push({bitrate:r.bitrate,height:r.height,width:r.width})},t.onMediaAttaching=function(e,t){this.media=t.media instanceof HTMLVideoElement?t.media:null,this.clientRect=null,this.timer&&this.hls.levels.length&&this.detectPlayerSize()},t.onManifestParsed=function(e,t){var r=this.hls;this.restrictedLevels=[],this.firstLevel=t.firstLevel,r.config.capLevelToPlayerSize&&t.video&&this.startCapping()},t.onLevelsUpdated=function(e,t){this.timer&&A(this.autoLevelCapping)&&this.detectPlayerSize()},t.onBufferCodecs=function(e,t){this.hls.config.capLevelToPlayerSize&&t.video&&this.startCapping()},t.onMediaDetaching=function(){this.stopCapping(),this.media=null},t.detectPlayerSize=function(){if(this.media){if(this.mediaHeight<=0||this.mediaWidth<=0)return void(this.clientRect=null);var e=this.hls.levels;if(e.length){var t=this.hls,r=this.getMaxLevel(e.length-1);r!==this.autoLevelCapping&&t.logger.log("Setting autoLevelCapping to "+r+": "+e[r].height+"p@"+e[r].bitrate+" for media "+this.mediaWidth+"x"+this.mediaHeight),t.autoLevelCapping=r,t.autoLevelEnabled&&t.autoLevelCapping>this.autoLevelCapping&&this.streamController&&this.streamController.nextLevelSwitch(),this.autoLevelCapping=t.autoLevelCapping}}},t.getMaxLevel=function(t){var r=this,i=this.hls.levels;if(!i.length)return-1;var n=i.filter((function(e,i){return r.isLevelAllowed(e)&&i<=t}));return this.clientRect=null,e.getMaxLevelByMediaSize(n,this.mediaWidth,this.mediaHeight)},t.startCapping=function(){this.timer||(this.autoLevelCapping=Number.POSITIVE_INFINITY,self.clearInterval(this.timer),this.timer=self.setInterval(this.detectPlayerSize.bind(this),1e3),this.detectPlayerSize())},t.stopCapping=function(){this.restrictedLevels=[],this.firstLevel=-1,this.autoLevelCapping=Number.POSITIVE_INFINITY,this.timer&&(self.clearInterval(this.timer),this.timer=void 0)},t.getDimensions=function(){if(this.clientRect)return this.clientRect;var e=this.media,t={width:0,height:0};if(e){var r=e.getBoundingClientRect();t.width=r.width,t.height=r.height,t.width||t.height||(t.width=r.right-r.left||e.width||0,t.height=r.bottom-r.top||e.height||0)}return this.clientRect=t,t},t.isLevelAllowed=function(e){return!this.restrictedLevels.some((function(t){return e.bitrate===t.bitrate&&e.width===t.width&&e.height===t.height}))},e.getMaxLevelByMediaSize=function(e,t,r){if(null==e||!e.length)return-1;for(var i,n,a=e.length-1,s=Math.max(t,r),o=0;o<e.length;o+=1){var l=e[o];if((l.width>=s||l.height>=s)&&(i=l,!(n=e[o+1])||i.width!==n.width||i.height!==n.height)){a=o;break}}return a},i(e,[{key:"mediaWidth",get:function(){return this.getDimensions().width*this.contentScaleFactor}},{key:"mediaHeight",get:function(){return this.getDimensions().height*this.contentScaleFactor}},{key:"contentScaleFactor",get:function(){var e=1;if(!this.hls.config.ignoreDevicePixelRatio)try{e=self.devicePixelRatio}catch(e){}return Math.min(e,this.hls.config.maxDevicePixelRatio)}}])}(),Ca={MANIFEST:"m",AUDIO:"a",VIDEO:"v",MUXED:"av",INIT:"i",CAPTION:"c",TIMED_TEXT:"tt",KEY:"k",OTHER:"o"},wa={HLS:"h"},Oa=function e(t,r){Array.isArray(t)&&(t=t.map((function(t){return t instanceof e?t:new e(t)}))),this.value=t,this.params=r},xa="Dict";function Ma(e,t,r,i){return new Error("failed to "+e+' "'+(n=t,(Array.isArray(n)?JSON.stringify(n):n instanceof Map?"Map{}":n instanceof Set?"Set{}":"object"==typeof n?JSON.stringify(n):String(n))+'" as ')+r,{cause:i});var n}function Fa(e,t,r){return Ma("serialize",e,t,r)}var Na=function(e){this.description=e},Ua="Bare Item",Ba="Boolean",Ga="Byte Sequence";function Ka(e){if(!1===ArrayBuffer.isView(e))throw Fa(e,Ga);return":"+(t=e,btoa(String.fromCharCode.apply(String,t))+":");var t}var Va="Integer";function Ha(e){if(function(e){return e<-999999999999999||999999999999999<e}(e))throw Fa(e,Va);return e.toString()}function Ya(e,t){if(e<0)return-Ya(-e,t);var r=Math.pow(10,t);if(Math.abs(e*r%1-.5)<Number.EPSILON){var i=Math.floor(e*r);return(i%2==0?i:i+1)/r}return Math.round(e*r)/r}var Wa="Decimal";function ja(e){var t=Ya(e,3);if(Math.floor(Math.abs(t)).toString().length>12)throw Fa(e,Wa);var r=t.toString();return r.includes(".")?r:r+".0"}var qa="String",Xa=/[\x00-\x1f\x7f]+/,Qa="Token";function za(e){var t,r=(t=e).description||t.toString().slice(7,-1);if(!1===/^([a-zA-Z*])([!#$%&'*+\-.^_`|~\w:/]*)$/.test(r))throw Fa(r,Qa);return r}function $a(e){switch(typeof e){case"number":if(!A(e))throw Fa(e,Ua);return Number.isInteger(e)?Ha(e):ja(e);case"string":return function(e){if(Xa.test(e))throw Fa(e,qa);return'"'+e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')+'"'}(e);case"symbol":return za(e);case"boolean":return function(e){if("boolean"!=typeof e)throw Fa(e,Ba);return e?"?1":"?0"}(e);case"object":if(e instanceof Date)return function(e){return"@"+Ha(e.getTime()/1e3)}(e);if(e instanceof Uint8Array)return Ka(e);if(e instanceof Na)return za(e);default:throw Fa(e,Ua)}}var Za="Key";function Ja(e){if(!1===/^[a-z*][a-z0-9\-_.*]*$/.test(e))throw Fa(e,Za);return e}function es(e){return null==e?"":Object.entries(e).map((function(e){var t=e[0],r=e[1];return!0===r?";"+Ja(t):";"+Ja(t)+"="+$a(r)})).join("")}function ts(e){return e instanceof Oa?""+$a(e.value)+es(e.params):$a(e)}function rs(e,t){if(void 0===t&&(t={whitespace:!0}),"object"!=typeof e||null==e)throw Fa(e,xa);var r=e instanceof Map?e.entries():Object.entries(e),i=(null==t?void 0:t.whitespace)?" ":"";return Array.from(r).map((function(e){var t=e[0],r=e[1];r instanceof Oa==0&&(r=new Oa(r));var i,n=Ja(t);return!0===r.value?n+=es(r.params):(n+="=",Array.isArray(r.value)?n+="("+(i=r).value.map(ts).join(" ")+")"+es(i.params):n+=ts(r)),n})).join(","+i)}function is(e,t){return rs(e,t)}var ns="CMCD-Object",as="CMCD-Request",ss="CMCD-Session",os="CMCD-Status",ls={br:ns,ab:ns,d:ns,ot:ns,tb:ns,tpb:ns,lb:ns,tab:ns,lab:ns,url:ns,pb:as,bl:as,tbl:as,dl:as,ltc:as,mtp:as,nor:as,nrr:as,rc:as,sn:as,sta:as,su:as,ttfb:as,ttfbb:as,ttlb:as,cmsdd:as,cmsds:as,smrt:as,df:as,cs:as,ts:as,cid:ss,pr:ss,sf:ss,sid:ss,st:ss,v:ss,msd:ss,bs:os,bsd:os,cdn:os,rtp:os,bg:os,pt:os,ec:os,e:os},us={REQUEST:as};function ds(e,t){var r={};if(!e)return r;var i,n=Object.keys(e),a=t?(i=t,Object.keys(i).reduce((function(e,t){var r;return null===(r=i[t])||void 0===r||r.forEach((function(r){return e[r]=t})),e}),{})):{};return n.reduce((function(t,r){var i,n=ls[r]||a[r]||us.REQUEST;return(null!==(i=t[n])&&void 0!==i?i:t[n]={})[r]=e[r],t}),r)}var hs="event",fs=function(e){return Math.round(e)},cs=function(e,t){return Array.isArray(e)?e.map((function(e){return cs(e,t)})):e instanceof Oa&&"string"==typeof e.value?new Oa(cs(e.value,t),e.params):(t.baseUrl&&(e=function(e,t){var r=new URL(e),i=new URL(t);if(r.origin!==i.origin)return e;for(var n=r.pathname.split("/").slice(1),a=i.pathname.split("/").slice(1,-1);n[0]===a[0];)n.shift(),a.shift();for(;a.length;)a.shift(),n.unshift("..");return n.join("/")+r.search+r.hash}(e,t.baseUrl)),1===t.version?encodeURIComponent(e):e)},gs=function(e){return 100*fs(e/100)},vs={br:fs,d:fs,bl:gs,dl:gs,mtp:gs,nor:function(e,t){var r=e;return t.version>=2&&(e instanceof Oa&&"string"==typeof e.value?r=new Oa([e]):"string"==typeof e&&(r=[e])),cs(r,t)},rtp:gs,tb:fs},ms="request",ps="response",ys=["ab","bg","bl","br","bs","bsd","cdn","cid","cs","df","ec","lab","lb","ltc","msd","mtp","pb","pr","pt","sf","sid","sn","st","sta","tab","tb","tbl","tpb","ts","v"],Es=["e"],Ts=/^[a-zA-Z0-9-.]+-[a-zA-Z0-9-.]+$/;function Ss(e){return Ts.test(e)}var As,Ls=["d","dl","nor","ot","rtp","su"],Is=["cmsdd","cmsds","rc","smrt","ttfb","ttfbb","ttlb","url"],Rs=["bl","br","bs","cid","d","dl","mtp","nor","nrr","ot","pr","rtp","sf","sid","st","su","tb","v"];function ks(e){return Rs.includes(e)||Ss(e)}var bs=((As={})[ps]=function(e){return ys.includes(e)||Ls.includes(e)||Is.includes(e)||Ss(e)},As[hs]=function(e){return ys.includes(e)||Es.includes(e)||Ss(e)},As[ms]=function(e){return ys.includes(e)||Ls.includes(e)||Ss(e)},As);function Ds(e,t){void 0===t&&(t={});var r={};if(null==e||"object"!=typeof e)return r;var i=t.version||e.v||1,n=t.reportingMode||ms,s=1===i?ks:bs[n],o=Object.keys(e).filter(s),l=t.filter;"function"==typeof l&&(o=o.filter(l));var u=n===ps||n===hs;u&&!o.includes("ts")&&o.push("ts"),i>1&&!o.includes("v")&&o.push("v");var d=a({},vs,t.formatters),h={version:i,reportingMode:n,baseUrl:t.baseUrl};return o.sort().forEach((function(t){var n=e[t],a=d[t];if("function"==typeof a&&(n=a(n,h)),"v"===t){if(1===i)return;n=i}"pr"==t&&1===n||(u&&"ts"===t&&!A(n)&&(n=Date.now()),function(e){return"number"==typeof e?A(e):null!=e&&""!==e&&!1!==e}(n)&&(function(e){return["ot","sf","st","e","sta"].includes(e)}(t)&&"string"==typeof n&&(n=new Na(n)),r[t]=n))})),r}function _s(e,t,r){return a(e,function(e,t){void 0===t&&(t={});var r={};if(!e)return r;var i=ds(Ds(e,t),null==t?void 0:t.customHeaderMap);return Object.entries(i).reduce((function(e,t){var r=t[0],i=is(t[1],{whitespace:!1});return i&&(e[r]=i),e}),r)}(t,r))}var Ps="CMCD";function Cs(e,t){if(void 0===t&&(t={}),!e)return"";var r=function(e,t){return void 0===t&&(t={}),e?is(Ds(e,t),{whitespace:!1}):""}(e,t);return encodeURIComponent(r)}var ws=/CMCD=[^&#]+/;function Os(e,t,r){var i=function(e,t){if(void 0===t&&(t={}),!e)return"";var r=Cs(e,t);return Ps+"="+r}(t,r);if(!i)return e;if(ws.test(e))return e.replace(ws,i);var n=e.includes("?")?"&":"?";return""+e+n+i}var xs=function(){function e(e){var t=this;this.hls=void 0,this.config=void 0,this.media=void 0,this.sid=void 0,this.cid=void 0,this.useHeaders=!1,this.includeKeys=void 0,this.initialized=!1,this.starved=!1,this.buffering=!0,this.audioBuffer=void 0,this.videoBuffer=void 0,this.onWaiting=function(){t.initialized&&(t.starved=!0),t.buffering=!0},this.onPlaying=function(){t.initialized||(t.initialized=!0),t.buffering=!1},this.applyPlaylistData=function(e){try{t.apply(e,{ot:Ca.MANIFEST,su:!t.initialized})}catch(e){t.hls.logger.warn("Could not generate manifest CMCD data.",e)}},this.applyFragmentData=function(e){try{var r=e.frag,i=e.part,n=t.hls.levels[r.level],a=t.getObjectType(r),s={d:1e3*(i||r).duration,ot:a};a!==Ca.VIDEO&&a!==Ca.AUDIO&&a!=Ca.MUXED||(s.br=n.bitrate/1e3,s.tb=t.getTopBandwidth(a)/1e3,s.bl=t.getBufferLength(a));var o=i?t.getNextPart(i):t.getNextFrag(r);null!=o&&o.url&&o.url!==r.url&&(s.nor=o.url),t.apply(e,s)}catch(e){t.hls.logger.warn("Could not generate segment CMCD data.",e)}},this.hls=e;var r=this.config=e.config,i=r.cmcd;null!=i&&(r.pLoader=this.createPlaylistLoader(),r.fLoader=this.createFragmentLoader(),this.sid=i.sessionId||e.sessionId,this.cid=i.contentId,this.useHeaders=!0===i.useHeaders,this.includeKeys=i.includeKeys,this.registerListeners())}var t=e.prototype;return t.registerListeners=function(){var e=this.hls;e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHED,this.onMediaDetached,this),e.on(b.BUFFER_CREATED,this.onBufferCreated,this)},t.unregisterListeners=function(){var e=this.hls;e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHED,this.onMediaDetached,this),e.off(b.BUFFER_CREATED,this.onBufferCreated,this)},t.destroy=function(){this.unregisterListeners(),this.onMediaDetached(),this.hls=this.config=this.audioBuffer=this.videoBuffer=null,this.onWaiting=this.onPlaying=this.media=null},t.onMediaAttached=function(e,t){this.media=t.media,this.media.addEventListener("waiting",this.onWaiting),this.media.addEventListener("playing",this.onPlaying)},t.onMediaDetached=function(){this.media&&(this.media.removeEventListener("waiting",this.onWaiting),this.media.removeEventListener("playing",this.onPlaying),this.media=null)},t.onBufferCreated=function(e,t){var r,i;this.audioBuffer=null==(r=t.tracks.audio)?void 0:r.buffer,this.videoBuffer=null==(i=t.tracks.video)?void 0:i.buffer},t.createData=function(){var e;return{v:1,sf:wa.HLS,sid:this.sid,cid:this.cid,pr:null==(e=this.media)?void 0:e.playbackRate,mtp:this.hls.bandwidthEstimate/1e3}},t.apply=function(e,t){void 0===t&&(t={}),a(t,this.createData());var r=t.ot===Ca.INIT||t.ot===Ca.VIDEO||t.ot===Ca.MUXED;this.starved&&r&&(t.bs=!0,t.su=!0,this.starved=!1),null==t.su&&(t.su=this.buffering);var i=this.includeKeys;i&&(t=Object.keys(t).reduce((function(e,r){return i.includes(r)&&(e[r]=t[r]),e}),{}));var n={baseUrl:e.url};this.useHeaders?(e.headers||(e.headers={}),_s(e.headers,t,n)):e.url=Os(e.url,t,n)},t.getNextFrag=function(e){var t,r=null==(t=this.hls.levels[e.level])?void 0:t.details;if(r){var i=e.sn-r.startSN;return r.fragments[i+1]}},t.getNextPart=function(e){var t,r=e.index,i=e.fragment,n=null==(t=this.hls.levels[i.level])||null==(t=t.details)?void 0:t.partList;if(n)for(var a=i.sn,s=n.length-1;s>=0;s--){var o=n[s];if(o.index===r&&o.fragment.sn===a)return n[s+1]}},t.getObjectType=function(e){var t=e.type;return"subtitle"===t?Ca.TIMED_TEXT:"initSegment"===e.sn?Ca.INIT:"audio"===t?Ca.AUDIO:"main"===t?this.hls.audioTracks.length?Ca.VIDEO:Ca.MUXED:void 0},t.getTopBandwidth=function(e){var t,r=0,i=this.hls;if(e===Ca.AUDIO)t=i.audioTracks;else{var n=i.maxAutoLevel,a=n>-1?n+1:i.levels.length;t=i.levels.slice(0,a)}return t.forEach((function(e){e.bitrate>r&&(r=e.bitrate)})),r>0?r:NaN},t.getBufferLength=function(e){var t=this.media,r=e===Ca.AUDIO?this.audioBuffer:this.videoBuffer;return r&&t?1e3*dr.bufferInfo(r,t.currentTime,this.config.maxBufferHole).len:NaN},t.createPlaylistLoader=function(){var e=this.config.pLoader,t=this.applyPlaylistData,r=e||this.config.loader;return function(){function e(e){this.loader=void 0,this.loader=new r(e)}var n=e.prototype;return n.destroy=function(){this.loader.destroy()},n.abort=function(){this.loader.abort()},n.load=function(e,r,i){t(e),this.loader.load(e,r,i)},i(e,[{key:"stats",get:function(){return this.loader.stats}},{key:"context",get:function(){return this.loader.context}}])}()},t.createFragmentLoader=function(){var e=this.config.fLoader,t=this.applyFragmentData,r=e||this.config.loader;return function(){function e(e){this.loader=void 0,this.loader=new r(e)}var n=e.prototype;return n.destroy=function(){this.loader.destroy()},n.abort=function(){this.loader.abort()},n.load=function(e,r,i){t(e),this.loader.load(e,r,i)},i(e,[{key:"stats",get:function(){return this.loader.stats}},{key:"context",get:function(){return this.loader.context}}])}()},e}(),Ms=function(e){function t(t){var r;return(r=e.call(this,"content-steering",t.logger)||this).hls=void 0,r.loader=null,r.uri=null,r.pathwayId=".",r._pathwayPriority=null,r.timeToLoad=300,r.reloadTimer=-1,r.updated=0,r.started=!1,r.enabled=!0,r.levels=null,r.audioTracks=null,r.subtitleTracks=null,r.penalizedPathways={},r.hls=t,r.registerListeners(),r}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.on(b.MANIFEST_PARSED,this.onManifestParsed,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.off(b.MANIFEST_PARSED,this.onManifestParsed,this),e.off(b.ERROR,this.onError,this))},r.pathways=function(){return(this.levels||[]).reduce((function(e,t){return-1===e.indexOf(t.pathwayId)&&e.push(t.pathwayId),e}),[])},r.startLoad=function(){if(this.started=!0,this.clearTimeout(),this.enabled&&this.uri){if(this.updated){var e=1e3*this.timeToLoad-(performance.now()-this.updated);if(e>0)return void this.scheduleRefresh(this.uri,e)}this.loadSteeringManifest(this.uri)}},r.stopLoad=function(){this.started=!1,this.loader&&(this.loader.destroy(),this.loader=null),this.clearTimeout()},r.clearTimeout=function(){-1!==this.reloadTimer&&(self.clearTimeout(this.reloadTimer),this.reloadTimer=-1)},r.destroy=function(){this.unregisterListeners(),this.stopLoad(),this.hls=null,this.levels=this.audioTracks=this.subtitleTracks=null},r.removeLevel=function(e){var t=this.levels;t&&(this.levels=t.filter((function(t){return t!==e})))},r.onManifestLoading=function(){this.stopLoad(),this.enabled=!0,this.timeToLoad=300,this.updated=0,this.uri=null,this.pathwayId=".",this.levels=this.audioTracks=this.subtitleTracks=null},r.onManifestLoaded=function(e,t){var r=t.contentSteering;null!==r&&(this.pathwayId=r.pathwayId,this.uri=r.uri,this.started&&this.startLoad())},r.onManifestParsed=function(e,t){this.audioTracks=t.audioTracks,this.subtitleTracks=t.subtitleTracks},r.onError=function(e,t){var r=t.errorAction;if((null==r?void 0:r.action)===Ot&&r.flags===Nt){var i=this.levels,n=this._pathwayPriority,a=this.pathwayId;if(t.context){var s=t.context,o=s.groupId,l=s.pathwayId,u=s.type;o&&i?a=this.getPathwayForGroupId(o,u,a):l&&(a=l)}a in this.penalizedPathways||(this.penalizedPathways[a]=performance.now()),!n&&i&&(n=this.pathways()),n&&n.length>1&&(this.updatePathwayPriority(n),r.resolved=this.pathwayId!==a),t.details!==k.BUFFER_APPEND_ERROR||t.fatal?r.resolved||this.warn("Could not resolve "+t.details+' ("'+t.error.message+'") with content-steering for Pathway: '+a+" levels: "+(i?i.length:i)+" priorities: "+ut(n)+" penalized: "+ut(this.penalizedPathways)):r.resolved=!0}},r.filterParsedLevels=function(e){this.levels=e;var t=this.getLevelsForPathway(this.pathwayId);if(0===t.length){var r=e[0].pathwayId;this.log("No levels found in Pathway "+this.pathwayId+'. Setting initial Pathway to "'+r+'"'),t=this.getLevelsForPathway(r),this.pathwayId=r}return t.length!==e.length&&this.log("Found "+t.length+"/"+e.length+' levels in Pathway "'+this.pathwayId+'"'),t},r.getLevelsForPathway=function(e){return null===this.levels?[]:this.levels.filter((function(t){return e===t.pathwayId}))},r.updatePathwayPriority=function(e){var t;this._pathwayPriority=e;var r=this.penalizedPathways,i=performance.now();Object.keys(r).forEach((function(e){i-r[e]>3e5&&delete r[e]}));for(var n=0;n<e.length;n++){var a=e[n];if(!(a in r)){if(a===this.pathwayId)return;var s=this.hls.nextLoadLevel,o=this.hls.levels[s];if((t=this.getLevelsForPathway(a)).length>0){this.log('Setting Pathway to "'+a+'"'),this.pathwayId=a,yi(t),this.hls.trigger(b.LEVELS_UPDATED,{levels:t});var l=this.hls.levels[s];o&&l&&this.levels&&(l.attrs["STABLE-VARIANT-ID"]!==o.attrs["STABLE-VARIANT-ID"]&&l.bitrate!==o.bitrate&&this.log("Unstable Pathways change from bitrate "+o.bitrate+" to "+l.bitrate),this.hls.nextLoadLevel=s);break}}}},r.getPathwayForGroupId=function(e,t,r){for(var i=this.getLevelsForPathway(r).concat(this.levels||[]),n=0;n<i.length;n++)if(t===P&&i[n].hasAudioGroup(e)||t===C&&i[n].hasSubtitleGroup(e))return i[n].pathwayId;return r},r.clonePathways=function(e){var t=this,r=this.levels;if(r){var i={},n={};e.forEach((function(e){var a=e.ID,s=e["BASE-ID"],o=e["URI-REPLACEMENT"];if(!r.some((function(e){return e.pathwayId===a}))){var l=t.getLevelsForPathway(s).map((function(e){var t=new yr(e.attrs);t["PATHWAY-ID"]=a;var r=t.AUDIO&&t.AUDIO+"_clone_"+a,s=t.SUBTITLES&&t.SUBTITLES+"_clone_"+a;r&&(i[t.AUDIO]=r,t.AUDIO=r),s&&(n[t.SUBTITLES]=s,t.SUBTITLES=s);var l=Ns(e.uri,t["STABLE-VARIANT-ID"],"PER-VARIANT-URIS",o),u=new st({attrs:t,audioCodec:e.audioCodec,bitrate:e.bitrate,height:e.height,name:e.name,url:l,videoCodec:e.videoCodec,width:e.width});if(e.audioGroups)for(var d=1;d<e.audioGroups.length;d++)u.addGroupId("audio",e.audioGroups[d]+"_clone_"+a);if(e.subtitleGroups)for(var h=1;h<e.subtitleGroups.length;h++)u.addGroupId("text",e.subtitleGroups[h]+"_clone_"+a);return u}));r.push.apply(r,l),Fs(t.audioTracks,i,o,a),Fs(t.subtitleTracks,n,o,a)}}))}},r.loadSteeringManifest=function(e){var t,r=this,i=this.hls.config,n=i.loader;this.loader&&this.loader.destroy(),this.loader=new n(i);try{t=new self.URL(e)}catch(t){return this.enabled=!1,void this.log("Failed to parse Steering Manifest URI: "+e)}if("data:"!==t.protocol){var a=0|(this.hls.bandwidthEstimate||i.abrEwmaDefaultEstimate);t.searchParams.set("_HLS_pathway",this.pathwayId),t.searchParams.set("_HLS_throughput",""+a)}var s={responseType:"json",url:t.href},o=i.steeringManifestLoadPolicy.default,l=o.errorRetry||o.timeoutRetry||{},u={loadPolicy:o,timeout:o.maxLoadTimeMs,maxRetry:l.maxNumRetry||0,retryDelay:l.retryDelayMs||0,maxRetryDelay:l.maxRetryDelayMs||0},d={onSuccess:function(e,i,n,a){r.log('Loaded steering manifest: "'+t+'"');var s=e.data;if(1===(null==s?void 0:s.VERSION)){r.updated=performance.now(),r.timeToLoad=s.TTL;var o=s["RELOAD-URI"],l=s["PATHWAY-CLONES"],u=s["PATHWAY-PRIORITY"];if(o)try{r.uri=new self.URL(o,t).href}catch(e){return r.enabled=!1,void r.log("Failed to parse Steering Manifest RELOAD-URI: "+o)}r.scheduleRefresh(r.uri||n.url),l&&r.clonePathways(l);var d={steeringManifest:s,url:t.toString()};r.hls.trigger(b.STEERING_MANIFEST_LOADED,d),u&&r.updatePathwayPriority(u)}else r.log("Steering VERSION "+s.VERSION+" not supported!")},onError:function(e,t,i,n){if(r.log("Error loading steering manifest: "+e.code+" "+e.text+" ("+t.url+")"),r.stopLoad(),410===e.code)return r.enabled=!1,void r.log("Steering manifest "+t.url+" no longer available");var a=1e3*r.timeToLoad;if(429!==e.code)r.scheduleRefresh(r.uri||t.url,a);else{var s=r.loader;if("function"==typeof(null==s?void 0:s.getResponseHeader)){var o=s.getResponseHeader("Retry-After");o&&(a=1e3*parseFloat(o))}r.log("Steering manifest "+t.url+" rate limited")}},onTimeout:function(e,t,i){r.log("Timeout loading steering manifest ("+t.url+")"),r.scheduleRefresh(r.uri||t.url)}};this.log("Requesting steering manifest: "+t),this.loader.load(s,u,d)},r.scheduleRefresh=function(e,t){var r=this;void 0===t&&(t=1e3*this.timeToLoad),this.clearTimeout(),this.reloadTimer=self.setTimeout((function(){var t,i=null==(t=r.hls)?void 0:t.media;!i||i.ended?r.scheduleRefresh(e,1e3*r.timeToLoad):r.loadSteeringManifest(e)}),t)},i(t,[{key:"pathwayPriority",get:function(){return this._pathwayPriority},set:function(e){this.updatePathwayPriority(e)}}])}(N);function Fs(e,t,r,i){e&&Object.keys(t).forEach((function(n){var s=e.filter((function(e){return e.groupId===n})).map((function(e){var s=a({},e);return s.details=void 0,s.attrs=new yr(s.attrs),s.url=s.attrs.URI=Ns(e.url,e.attrs["STABLE-RENDITION-ID"],"PER-RENDITION-URIS",r),s.groupId=s.attrs["GROUP-ID"]=t[n],s.attrs["PATHWAY-ID"]=i,s}));e.push.apply(e,s)}))}function Ns(e,t,r,i){var n,a=i.HOST,s=i.PARAMS,o=i[r];t&&(n=null==o?void 0:o[t])&&(e=n);var l=new self.URL(e);return a&&!n&&(l.host=a),s&&Object.keys(s).sort().forEach((function(e){e&&l.searchParams.set(e,s[e])})),l.href}var Us=function(e){function t(r){var i;return(i=e.call(this,"eme",r.logger)||this).hls=void 0,i.config=void 0,i.media=null,i.mediaResolved=void 0,i.keyFormatPromise=null,i.keySystemAccessPromises={},i._requestLicenseFailureCount=0,i.mediaKeySessions=[],i.keyIdToKeySessionPromise={},i.mediaKeys=null,i.setMediaKeysQueue=t.CDMCleanupPromise?[t.CDMCleanupPromise]:[],i.bannedKeyIds={},i.onMediaEncrypted=function(e){var t=e.initDataType,r=e.initData,n='"'+e.type+'" event: init data type: "'+t+'"';if(i.debug(n),null!==r){if(!i.keyFormatPromise){var a=Object.keys(i.keySystemAccessPromises);a.length||(a=Ur(i.config));var s=a.map(Nr).filter((function(e){return!!e}));i.keyFormatPromise=i.getKeyFormatPromise(s)}i.keyFormatPromise.then((function(a){var s=Fr(a);if("sinf"===t&&s===Cr.FAIRPLAY){var o;try{var l=le(new Uint8Array(r)),u=Ae(kr(JSON.parse(l).sinf));if(!u)throw new Error("'schm' box missing or not cbcs/cenc with schi > tenc");o=new Uint8Array(u.subarray(8,24))}catch(e){return void i.warn(n+" Failed to parse sinf: "+e)}for(var d,h=X(o),f=i,c=f.keyIdToKeySessionPromise,g=f.mediaKeySessions,v=c[h],m=function(){var e=g[p],n=e.decryptdata;if(!n.keyId)return 0;var a=X(n.keyId);return Ar(o,n.keyId)||-1!==n.uri.replace(/-/g,"").indexOf(h)?(v=c[a])?(n.pssh||(delete c[a],n.pssh=new Uint8Array(r),n.keyId=o,(v=c[h]=v.then((function(){return i.generateRequestWithPreferredKeySession(e,t,r,"encrypted-event-key-match")}))).catch((function(e){return i.handleError(e)}))),1):0:void 0},p=0;p<g.length&&(0===(d=m())||1!==d);p++);v||i.handleError(new Error("Key ID "+h+" not encountered in playlist. Key-system sessions "+g.length+"."))}else i.log('Ignoring "'+e.type+'" event with init data type: "'+t+'" for selected key-system '+s)})).catch((function(e){return i.handleError(e)}))}},i.onWaitingForKey=function(e){i.log('"'+e.type+'" event')},i.hls=r,i.config=r.config,i.registerListeners(),i}o(t,e);var r=t.prototype;return r.destroy=function(){this.onDestroying(),this.onMediaDetached();var e=this.config;e.requestMediaKeySystemAccessFunc=null,e.licenseXhrSetup=e.licenseResponseCallback=void 0,e.drmSystems=e.drmSystemOptions={},this.hls=this.config=this.keyIdToKeySessionPromise=null,this.onMediaEncrypted=this.onWaitingForKey=null},r.registerListeners=function(){this.hls.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),this.hls.on(b.MEDIA_DETACHED,this.onMediaDetached,this),this.hls.on(b.MANIFEST_LOADING,this.onManifestLoading,this),this.hls.on(b.MANIFEST_LOADED,this.onManifestLoaded,this),this.hls.on(b.DESTROYING,this.onDestroying,this)},r.unregisterListeners=function(){this.hls.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),this.hls.off(b.MEDIA_DETACHED,this.onMediaDetached,this),this.hls.off(b.MANIFEST_LOADING,this.onManifestLoading,this),this.hls.off(b.MANIFEST_LOADED,this.onManifestLoaded,this),this.hls.off(b.DESTROYING,this.onDestroying,this)},r.getLicenseServerUrl=function(e){var t=this.config,r=t.drmSystems,i=t.widevineLicenseUrl,n=null==r?void 0:r[e];return n?n.licenseUrl:e===Cr.WIDEVINE&&i?i:void 0},r.getLicenseServerUrlOrThrow=function(e){var t=this.getLicenseServerUrl(e);if(void 0===t)throw new Error('no license server URL configured for key-system "'+e+'"');return t},r.getServerCertificateUrl=function(e){var t=this.config.drmSystems,r=null==t?void 0:t[e];if(r)return r.serverCertificateUrl;this.log('No Server Certificate in config.drmSystems["'+e+'"]')},r.attemptKeySystemAccess=function(e){var t=this,r=this.hls.levels,i=function(e,t,r){return!!e&&r.indexOf(e)===t},n=r.map((function(e){return e.audioCodec})).filter(i),a=r.map((function(e){return e.videoCodec})).filter(i);return n.length+a.length===0&&a.push("avc1.42e01e"),new Promise((function(r,i){var s=function(e){var o=e.shift();t.getMediaKeysPromise(o,n,a).then((function(e){return r({keySystem:o,mediaKeys:e})})).catch((function(t){e.length?s(e):i(t instanceof Ks?t:new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_NO_ACCESS,error:t,fatal:!0},t.message))}))};s(e)}))},r.requestMediaKeySystemAccess=function(e,t){var r=this.config.requestMediaKeySystemAccessFunc;if("function"!=typeof r){var i="Configured requestMediaKeySystemAccess is not a function "+r;return null===Gr&&"http:"===self.location.protocol&&(i="navigator.requestMediaKeySystemAccess is not available over insecure protocol "+location.protocol),Promise.reject(new Error(i))}return r(e,t)},r.getMediaKeysPromise=function(e,t,r){var i,n=this,a=function(e,t,r,i){var n;switch(e){case Cr.FAIRPLAY:n=["cenc","sinf"];break;case Cr.WIDEVINE:case Cr.PLAYREADY:n=["cenc"];break;case Cr.CLEARKEY:n=["cenc","keyids"];break;default:throw new Error("Unknown key-system: "+e)}return function(e,t,r,i){return[{initDataTypes:e,persistentState:i.persistentState||"optional",distinctiveIdentifier:i.distinctiveIdentifier||"optional",sessionTypes:i.sessionTypes||[i.sessionType||"temporary"],audioCapabilities:t.map((function(e){return{contentType:"audio/mp4; codecs="+e,robustness:i.audioRobustness||"",encryptionScheme:i.audioEncryptionScheme||null}})),videoCapabilities:r.map((function(e){return{contentType:"video/mp4; codecs="+e,robustness:i.videoRobustness||"",encryptionScheme:i.videoEncryptionScheme||null}}))}]}(n,t,r,i)}(e,t,r,this.config.drmSystemOptions||{}),s=this.keySystemAccessPromises[e],o=null==(i=s)?void 0:i.keySystemAccess;if(!o){this.log('Requesting encrypted media "'+e+'" key-system access with config: '+ut(a)),o=this.requestMediaKeySystemAccess(e,a);var l=s=this.keySystemAccessPromises[e]={keySystemAccess:o};return o.catch((function(t){n.log('Failed to obtain access to key-system "'+e+'": '+t)})),o.then((function(t){n.log('Access for key-system "'+t.keySystem+'" obtained');var r=n.fetchServerCertificate(e);n.log('Create media-keys for "'+e+'"');var i=l.mediaKeys=t.createMediaKeys().then((function(t){return n.log('Media-keys created for "'+e+'"'),l.hasMediaKeys=!0,r.then((function(r){return r?n.setMediaKeysServerCertificate(t,e,r):t}))}));return i.catch((function(t){n.error('Failed to create media-keys for "'+e+'"}: '+t)})),i}))}return o.then((function(){return s.mediaKeys}))},r.createMediaKeySessionContext=function(e){var t=e.decryptdata,r=e.keySystem,i=e.mediaKeys;this.log('Creating key-system session "'+r+'" keyId: '+X(t.keyId||[])+" keyUri: "+t.uri);var n=i.createSession(),a={decryptdata:t,keySystem:r,mediaKeys:i,mediaKeysSession:n,keyStatus:"status-pending"};return this.mediaKeySessions.push(a),a},r.renewKeySession=function(e){var t=e.decryptdata;if(t.pssh){var r=this.createMediaKeySessionContext(e),i=Bs(t);this.keyIdToKeySessionPromise[i]=this.generateRequestWithPreferredKeySession(r,"cenc",t.pssh.buffer,"expired")}else this.warn("Could not renew expired session. Missing pssh initData.");this.removeSession(e)},r.updateKeySession=function(e,t){var r=e.mediaKeysSession;return this.log('Updating key-session "'+r.sessionId+'" for keyId '+X(e.decryptdata.keyId||[])+"\n      } (data length: "+t.byteLength+")"),r.update(t)},r.getSelectedKeySystemFormats=function(){var e=this;return Object.keys(this.keySystemAccessPromises).map((function(t){return{keySystem:t,hasMediaKeys:e.keySystemAccessPromises[t].hasMediaKeys}})).filter((function(e){return!!e.hasMediaKeys})).map((function(e){return Nr(e.keySystem)})).filter((function(e){return!!e}))},r.getKeySystemAccess=function(e){var t=this;return this.getKeySystemSelectionPromise(e).then((function(e){var r=e.keySystem,i=e.mediaKeys;return t.attemptSetMediaKeys(r,i)}))},r.selectKeySystem=function(e){var t=this;return new Promise((function(r,i){t.getKeySystemSelectionPromise(e).then((function(e){var t=e.keySystem,n=Nr(t);n?r(n):i(new Error('Unable to find format for key-system "'+t+'"'))})).catch(i)}))},r.selectKeySystemFormat=function(e){var t=Object.keys(e.levelkeys||{});return this.keyFormatPromise||(this.log("Selecting key-system from fragment (sn: "+e.sn+" "+e.type+": "+e.level+") key formats "+t.join(", ")),this.keyFormatPromise=this.getKeyFormatPromise(t)),this.keyFormatPromise},r.getKeyFormatPromise=function(e){var t=Ur(this.config),r=e.map(Fr).filter((function(e){return!!e&&-1!==t.indexOf(e)}));return this.selectKeySystem(r)},r.getKeyStatus=function(e){for(var t=this.mediaKeySessions,r=0;r<t.length;r++){var i=Gs(e,t[r]);if(i)return i}},r.loadKey=function(e){var t=this,r=e.keyInfo.decryptdata,i=Bs(r),n=this.bannedKeyIds[i];if(n||"internal-error"===this.getKeyStatus(r)){var a=Vs(n||"internal-error",r);return this.handleError(a,e.frag),Promise.reject(a)}var s="(keyId: "+i+' format: "'+r.keyFormat+'" method: '+r.method+" uri: "+r.uri+")";this.log("Starting session for key "+s);var o=this.keyIdToKeySessionPromise[i];if(!o){var l=this.getKeySystemForKeyPromise(r).then((function(i){var n=i.keySystem,a=i.mediaKeys;return t.throwIfDestroyed(),t.log("Handle encrypted media sn: "+e.frag.sn+" "+e.frag.type+": "+e.frag.level+" using key "+s),t.attemptSetMediaKeys(n,a).then((function(){return t.throwIfDestroyed(),t.createMediaKeySessionContext({keySystem:n,mediaKeys:a,decryptdata:r})}))})).then((function(e){var i=r.pssh?r.pssh.buffer:null;return t.generateRequestWithPreferredKeySession(e,"cenc",i,"playlist-key")}));return l.catch((function(r){return t.handleError(r,e.frag)})),this.keyIdToKeySessionPromise[i]=l,l}return o.catch((function(i){if(i instanceof Ks){var n=d({},i.data);"internal-error"===t.getKeyStatus(r)&&(n.decryptdata=r);var a=new Ks(n,i.message);t.handleError(a,e.frag)}})),o},r.throwIfDestroyed=function(e){if(!this.hls)throw new Error("invalid state")},r.handleError=function(e,t){if(this.hls)if(e instanceof Ks){t&&(e.data.frag=t);var r=e.data.decryptdata;this.error(e.message+(r?" ("+X(r.keyId||[])+")":"")),this.hls.trigger(b.ERROR,e.data)}else this.error(e.message),this.hls.trigger(b.ERROR,{type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_NO_KEYS,error:e,fatal:!0})},r.getKeySystemForKeyPromise=function(e){var t=Bs(e),r=this.keyIdToKeySessionPromise[t];if(!r){var i=Fr(e.keyFormat),n=i?[i]:Ur(this.config);return this.attemptKeySystemAccess(n)}return r},r.getKeySystemSelectionPromise=function(e){if(e.length||(e=Ur(this.config)),0===e.length)throw new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_NO_CONFIGURED_LICENSE,fatal:!0},"Missing key-system license configuration options "+ut({drmSystems:this.config.drmSystems}));return this.attemptKeySystemAccess(e)},r.attemptSetMediaKeys=function(e,t){var r=this;if(this.mediaResolved=void 0,this.mediaKeys===t)return Promise.resolve();var i=this.setMediaKeysQueue.slice();this.log('Setting media-keys for "'+e+'"');var n=Promise.all(i).then((function(){return r.media?r.media.setMediaKeys(t):new Promise((function(e,i){r.mediaResolved=function(){if(r.mediaResolved=void 0,!r.media)return i(new Error("Attempted to set mediaKeys without media element attached"));r.mediaKeys=t,r.media.setMediaKeys(t).then(e).catch(i)}}))}));return this.mediaKeys=t,this.setMediaKeysQueue.push(n),n.then((function(){r.log('Media-keys set for "'+e+'"'),i.push(n),r.setMediaKeysQueue=r.setMediaKeysQueue.filter((function(e){return-1===i.indexOf(e)}))}))},r.generateRequestWithPreferredKeySession=function(e,t,r,i){var n,a=this,s=null==(n=this.config.drmSystems)||null==(n=n[e.keySystem])?void 0:n.generateRequest;if(s)try{var o=s.call(this.hls,t,r,e);if(!o)throw new Error("Invalid response from configured generateRequest filter");t=o.initDataType,r=o.initData?o.initData:null,e.decryptdata.pssh=r?new Uint8Array(r):null}catch(e){if(this.warn(e.message),this.hls&&this.hls.config.debug)throw e}if(null===r)return this.log('Skipping key-session request for "'+i+'" (no initData)'),Promise.resolve(e);var l=Bs(e.decryptdata),u=e.decryptdata.uri;this.log('Generating key-session request for "'+i+'" keyId: '+l+" URI: "+u+" (init data type: "+t+" length: "+r.byteLength+")");var d=new E,h=e._onmessage=function(t){var r=e.mediaKeysSession;if(r){var i=t.messageType,n=t.message;a.log('"'+i+'" message event for session "'+r.sessionId+'" message size: '+n.byteLength),"license-request"===i||"license-renewal"===i?a.renewLicense(e,n).catch((function(e){d.eventNames().length?d.emit("error",e):a.handleError(e)})):"license-release"===i?e.keySystem===Cr.FAIRPLAY&&a.updateKeySession(e,br("acknowledged")).then((function(){return a.removeSession(e)})).catch((function(e){return a.handleError(e)})):a.warn('unhandled media key message type "'+i+'"')}else d.emit("error",new Error("invalid state"))},f=function(e,t){var r;t.keyStatus=e,e.startsWith("usable")?d.emit("resolved"):"internal-error"===e||"output-restricted"===e||"output-downscaled"===e?r=Vs(e,t.decryptdata):"expired"===e?r=new Error("key expired (keyId: "+l+")"):"released"===e?r=new Error("key released"):"status-pending"===e||a.warn('unhandled key status change "'+e+'" (keyId: '+l+")"),r&&(d.eventNames().length?d.emit("error",r):a.handleError(r))},c=e._onkeystatuseschange=function(t){if(e.mediaKeysSession){var r=a.getKeyStatuses(e);if(Object.keys(r).some((function(e){return"status-pending"!==r[e]}))){if("expired"===r[l])return a.log("Expired key "+ut(r)+' in key-session "'+e.mediaKeysSession.sessionId+'"'),void a.renewKeySession(e);var i,n=r[l];if(n)f(n,e);else e.keyStatusTimeouts||(e.keyStatusTimeouts={}),(i=e.keyStatusTimeouts)[l]||(i[l]=self.setTimeout((function(){if(e.mediaKeysSession&&a.mediaKeys){var t=a.getKeyStatus(e.decryptdata);if(t&&"status-pending"!==t)return a.log("No status for keyId "+l+' in key-session "'+e.mediaKeysSession.sessionId+'". Using session key-status '+t+" from other session."),f(t,e);a.log("key status for "+l+' in key-session "'+e.mediaKeysSession.sessionId+'" timed out after 1000ms'),f(n="internal-error",e)}}),1e3)),a.log("No status for keyId "+l+" ("+ut(r)+").")}}else d.emit("error",new Error("invalid state"))};ki(e.mediaKeysSession,"message",h),ki(e.mediaKeysSession,"keystatuseschange",c);var g=new Promise((function(e,t){d.on("error",t),d.on("resolved",e)}));return e.mediaKeysSession.generateRequest(t,r).then((function(){a.log('Request generated for key-session "'+e.mediaKeysSession.sessionId+'" keyId: '+l+" URI: "+u)})).catch((function(t){throw new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_NO_SESSION,error:t,decryptdata:e.decryptdata,fatal:!1},"Error generating key-session request: "+t)})).then((function(){return g})).catch((function(t){return d.removeAllListeners(),a.removeSession(e).then((function(){throw t}))})).then((function(){return d.removeAllListeners(),e}))},r.getKeyStatuses=function(e){var t=this,r={};return e.mediaKeysSession.keyStatuses.forEach((function(i,n){if("string"==typeof n&&"object"==typeof i){var a=n;n=i,i=a}var s="buffer"in n?new Uint8Array(n.buffer,n.byteOffset,n.byteLength):new Uint8Array(n);e.keySystem===Cr.PLAYREADY&&16===s.length&&Dr(s);var o=X(s);"internal-error"===i&&(t.bannedKeyIds[o]=i),t.log('key status change "'+i+'" for keyStatuses keyId: '+o+' key-session "'+e.mediaKeysSession.sessionId+'"'),r[o]=i})),r},r.fetchServerCertificate=function(e){var t=this.config,r=new(0,t.loader)(t),i=this.getServerCertificateUrl(e);return i?(this.log('Fetching server certificate for "'+e+'"'),new Promise((function(n,a){var s={responseType:"arraybuffer",url:i},o=t.certLoadPolicy.default,l={loadPolicy:o,timeout:o.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0},u={onSuccess:function(e,t,r,i){n(e.data)},onError:function(t,r,n,o){a(new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED,fatal:!0,networkDetails:n,response:d({url:s.url,data:void 0},t)},'"'+e+'" certificate request failed ('+i+"). Status: "+t.code+" ("+t.text+")"))},onTimeout:function(t,r,n){a(new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED,fatal:!0,networkDetails:n,response:{url:s.url,data:void 0}},'"'+e+'" certificate request timed out ('+i+")"))},onAbort:function(e,t,r){a(new Error("aborted"))}};r.load(s,l,u)}))):Promise.resolve()},r.setMediaKeysServerCertificate=function(e,t,r){var i=this;return new Promise((function(n,a){e.setServerCertificate(r).then((function(a){i.log("setServerCertificate "+(a?"success":"not supported by CDM")+" ("+r.byteLength+') on "'+t+'"'),n(e)})).catch((function(e){a(new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_SERVER_CERTIFICATE_UPDATE_FAILED,error:e,fatal:!0},e.message))}))}))},r.renewLicense=function(e,t){var r=this;return this.requestLicense(e,new Uint8Array(t)).then((function(t){return r.updateKeySession(e,new Uint8Array(t)).catch((function(t){throw new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_SESSION_UPDATE_FAILED,decryptdata:e.decryptdata,error:t,fatal:!1},t.message)}))}))},r.unpackPlayReadyKeyMessage=function(e,t){var r=String.fromCharCode.apply(null,new Uint16Array(t.buffer));if(!r.includes("PlayReadyKeyMessage"))return e.setRequestHeader("Content-Type","text/xml; charset=utf-8"),t;var i=(new DOMParser).parseFromString(r,"application/xml"),n=i.querySelectorAll("HttpHeader");if(n.length>0)for(var a,s=0,o=n.length;s<o;s++){var l,u,d=null==(l=(a=n[s]).querySelector("name"))?void 0:l.textContent,h=null==(u=a.querySelector("value"))?void 0:u.textContent;d&&h&&e.setRequestHeader(d,h)}var f=i.querySelector("Challenge"),c=null==f?void 0:f.textContent;if(!c)throw new Error("Cannot find <Challenge> in key message");return br(atob(c))},r.setupLicenseXHR=function(e,t,r,i){var n=this,a=this.config.licenseXhrSetup;return a?Promise.resolve().then((function(){if(!r.decryptdata)throw new Error("Key removed");return a.call(n.hls,e,t,r,i)})).catch((function(s){if(!r.decryptdata)throw s;return e.open("POST",t,!0),a.call(n.hls,e,t,r,i)})).then((function(r){return e.readyState||e.open("POST",t,!0),{xhr:e,licenseChallenge:r||i}})):(e.open("POST",t,!0),Promise.resolve({xhr:e,licenseChallenge:i}))},r.requestLicense=function(e,t){var r=this,i=this.config.keyLoadPolicy.default;return new Promise((function(n,a){var s=r.getLicenseServerUrlOrThrow(e.keySystem);r.log("Sending license request to URL: "+s);var o=new XMLHttpRequest;o.responseType="arraybuffer",o.onreadystatechange=function(){if(!r.hls||!e.mediaKeysSession)return a(new Error("invalid state"));if(4===o.readyState)if(200===o.status){r._requestLicenseFailureCount=0;var l=o.response;r.log("License received "+(l instanceof ArrayBuffer?l.byteLength:l));var u=r.config.licenseResponseCallback;if(u)try{l=u.call(r.hls,o,s,e)}catch(e){r.error(e)}n(l)}else{var d=i.errorRetry,h=d?d.maxNumRetry:0;if(r._requestLicenseFailureCount++,r._requestLicenseFailureCount>h||o.status>=400&&o.status<500)a(new Ks({type:R.KEY_SYSTEM_ERROR,details:k.KEY_SYSTEM_LICENSE_REQUEST_FAILED,decryptdata:e.decryptdata,fatal:!0,networkDetails:o,response:{url:s,data:void 0,code:o.status,text:o.statusText}},"License Request XHR failed ("+s+"). Status: "+o.status+" ("+o.statusText+")"));else{var f=h-r._requestLicenseFailureCount+1;r.warn("Retrying license request, "+f+" attempts left"),r.requestLicense(e,t).then(n,a)}}},e.licenseXhr&&e.licenseXhr.readyState!==XMLHttpRequest.DONE&&e.licenseXhr.abort(),e.licenseXhr=o,r.setupLicenseXHR(o,s,e,t).then((function(t){var i=t.xhr,n=t.licenseChallenge;e.keySystem==Cr.PLAYREADY&&(n=r.unpackPlayReadyKeyMessage(i,n)),i.send(n)})).catch(a)}))},r.onDestroying=function(){this.unregisterListeners(),this._clear()},r.onMediaAttached=function(e,t){if(this.config.emeEnabled){var r=t.media;this.media=r,ki(r,"encrypted",this.onMediaEncrypted),ki(r,"waitingforkey",this.onWaitingForKey);var i=this.mediaResolved;i?i():this.mediaKeys=r.mediaKeys}},r.onMediaDetached=function(){var e=this.media;e&&(bi(e,"encrypted",this.onMediaEncrypted),bi(e,"waitingforkey",this.onWaitingForKey),this.media=null,this.mediaKeys=null)},r._clear=function(){var e,r=this;this._requestLicenseFailureCount=0,this.keyIdToKeySessionPromise={},this.bannedKeyIds={};var i=this.mediaResolved;if(i&&i(),this.mediaKeys||this.mediaKeySessions.length){var n=this.media,a=this.mediaKeySessions.slice();this.mediaKeySessions=[],this.mediaKeys=null,Hr.clearKeyUriToKeyIdMap();var s=a.length;t.CDMCleanupPromise=Promise.all(a.map((function(e){return r.removeSession(e)})).concat((null==n||null==(e=n.setMediaKeys(null))?void 0:e.catch((function(e){r.log("Could not clear media keys: "+e),r.hls&&r.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.KEY_SYSTEM_DESTROY_MEDIA_KEYS_ERROR,fatal:!1,error:new Error("Could not clear media keys: "+e)})})))||Promise.resolve())).catch((function(e){r.log("Could not close sessions and clear media keys: "+e),r.hls&&r.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.KEY_SYSTEM_DESTROY_CLOSE_SESSION_ERROR,fatal:!1,error:new Error("Could not close sessions and clear media keys: "+e)})})).then((function(){s&&r.log("finished closing key sessions and clearing media keys")}))}},r.onManifestLoading=function(){this._clear()},r.onManifestLoaded=function(e,t){var r=t.sessionKeys;if(r&&this.config.emeEnabled&&!this.keyFormatPromise){var i=r.reduce((function(e,t){return-1===e.indexOf(t.keyFormat)&&e.push(t.keyFormat),e}),[]);this.log("Selecting key-system from session-keys "+i.join(", ")),this.keyFormatPromise=this.getKeyFormatPromise(i)}},r.removeSession=function(e){var t=this,r=e.mediaKeysSession,i=e.licenseXhr,n=e.decryptdata;if(r){this.log('Remove licenses and keys and close session "'+r.sessionId+'" keyId: '+X((null==n?void 0:n.keyId)||[])),e._onmessage&&(r.removeEventListener("message",e._onmessage),e._onmessage=void 0),e._onkeystatuseschange&&(r.removeEventListener("keystatuseschange",e._onkeystatuseschange),e._onkeystatuseschange=void 0),i&&i.readyState!==XMLHttpRequest.DONE&&i.abort(),e.mediaKeysSession=e.decryptdata=e.licenseXhr=void 0;var a=this.mediaKeySessions.indexOf(e);a>-1&&this.mediaKeySessions.splice(a,1);var s=e.keyStatusTimeouts;s&&Object.keys(s).forEach((function(e){return self.clearTimeout(s[e])}));var o=function(e){var t;return!(!e||"persistent-license"!==e.sessionType&&(null==(t=e.sessionTypes)||!t.some((function(e){return"persistent-license"===e}))))}(this.config.drmSystemOptions)?new Promise((function(e,t){self.setTimeout((function(){return t(new Error("MediaKeySession.remove() timeout"))}),8e3),r.remove().then(e).catch(t)})):Promise.resolve();return o.catch((function(e){t.log("Could not remove session: "+e),t.hls&&t.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.KEY_SYSTEM_DESTROY_REMOVE_SESSION_ERROR,fatal:!1,error:new Error("Could not remove session: "+e)})})).then((function(){return r.close()})).catch((function(e){t.log("Could not close session: "+e),t.hls&&t.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.KEY_SYSTEM_DESTROY_CLOSE_SESSION_ERROR,fatal:!1,error:new Error("Could not close session: "+e)})}))}return Promise.resolve()},t}(N);function Bs(e){if(!e)throw new Error("Could not read keyId of undefined decryptdata");if(null===e.keyId)throw new Error("keyId is null");return X(e.keyId)}function Gs(e,t){return e.keyId&&t.mediaKeysSession.keyStatuses.has(e.keyId)?t.mediaKeysSession.keyStatuses.get(e.keyId):e.matches(t.decryptdata)?t.keyStatus:void 0}Us.CDMCleanupPromise=void 0;var Ks=function(e){function t(t,r){var i;return(i=e.call(this,r)||this).data=void 0,t.error||(t.error=new Error(r)),i.data=t,t.err=t.error,i}return o(t,e),t}(c(Error));function Vs(e,t){var r="output-restricted"===e,i=r?k.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED:k.KEY_SYSTEM_STATUS_INTERNAL_ERROR;return new Ks({type:R.KEY_SYSTEM_ERROR,details:i,fatal:!1,decryptdata:t},r?"HDCP level output restricted":'key status changed to "'+e+'"')}var Hs=function(){function e(e){this.hls=void 0,this.isVideoPlaybackQualityAvailable=!1,this.timer=void 0,this.media=null,this.lastTime=void 0,this.lastDroppedFrames=0,this.lastDecodedFrames=0,this.streamController=void 0,this.hls=e,this.registerListeners()}var t=e.prototype;return t.setStreamController=function(e){this.streamController=e},t.registerListeners=function(){this.hls.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),this.hls.on(b.MEDIA_DETACHING,this.onMediaDetaching,this)},t.unregisterListeners=function(){this.hls.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),this.hls.off(b.MEDIA_DETACHING,this.onMediaDetaching,this)},t.destroy=function(){this.timer&&clearInterval(this.timer),this.unregisterListeners(),this.isVideoPlaybackQualityAvailable=!1,this.media=null},t.onMediaAttaching=function(e,t){var r=this.hls.config;if(r.capLevelOnFPSDrop){var i=t.media instanceof self.HTMLVideoElement?t.media:null;this.media=i,i&&"function"==typeof i.getVideoPlaybackQuality&&(this.isVideoPlaybackQualityAvailable=!0),self.clearInterval(this.timer),this.timer=self.setInterval(this.checkFPSInterval.bind(this),r.fpsDroppedMonitoringPeriod)}},t.onMediaDetaching=function(){this.media=null},t.checkFPS=function(e,t,r){var i=performance.now();if(t){if(this.lastTime){var n=i-this.lastTime,a=r-this.lastDroppedFrames,s=t-this.lastDecodedFrames,o=1e3*a/n,l=this.hls;if(l.trigger(b.FPS_DROP,{currentDropped:a,currentDecoded:s,totalDroppedFrames:r}),o>0&&a>l.config.fpsDroppedMonitoringThreshold*s){var u=l.currentLevel;l.logger.warn("drop FPS ratio greater than max allowed value for currentLevel: "+u),u>0&&(-1===l.autoLevelCapping||l.autoLevelCapping>=u)&&(u-=1,l.trigger(b.FPS_DROP_LEVEL_CAPPING,{level:u,droppedLevel:l.currentLevel}),l.autoLevelCapping=u,this.streamController.nextLevelSwitch())}}this.lastTime=i,this.lastDroppedFrames=r,this.lastDecodedFrames=t}},t.checkFPSInterval=function(){var e=this.media;if(e)if(this.isVideoPlaybackQualityAvailable){var t=e.getVideoPlaybackQuality();this.checkFPS(e,t.totalVideoFrames,t.droppedVideoFrames)}else this.checkFPS(e,e.webkitDecodedFrameCount,e.webkitDroppedFrameCount)},e}();function Ys(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return(t>>>0).toString()}var Ws=.025,js=function(e){return e[e.Point=0]="Point",e[e.Range=1]="Range",e}({});function qs(e,t,r){return e.identifier+"-"+(r+1)+"-"+Ys(t)}var Xs=function(){function e(e,t){this.base=void 0,this._duration=null,this._timelineStart=null,this.appendInPlaceDisabled=void 0,this.appendInPlaceStarted=void 0,this.dateRange=void 0,this.hasPlayed=!1,this.cumulativeDuration=0,this.resumeOffset=NaN,this.playoutLimit=NaN,this.restrictions={skip:!1,jump:!1},this.snapOptions={out:!1,in:!1},this.assetList=[],this.assetListLoader=void 0,this.assetListResponse=null,this.resumeAnchor=void 0,this.error=void 0,this.resetOnResume=void 0,this.base=t,this.dateRange=e,this.setDateRange(e)}var t=e.prototype;return t.setDateRange=function(e){this.dateRange=e,this.resumeOffset=e.attr.optionalFloat("X-RESUME-OFFSET",this.resumeOffset),this.playoutLimit=e.attr.optionalFloat("X-PLAYOUT-LIMIT",this.playoutLimit),this.restrictions=e.attr.enumeratedStringList("X-RESTRICT",this.restrictions),this.snapOptions=e.attr.enumeratedStringList("X-SNAP",this.snapOptions)},t.reset=function(){var e;this.appendInPlaceStarted=!1,null==(e=this.assetListLoader)||e.destroy(),this.assetListLoader=void 0,this.supplementsPrimary||(this.assetListResponse=null,this.assetList=[],this._duration=null)},t.isAssetPastPlayoutLimit=function(e){var t;if(e>0&&e>=this.assetList.length)return!0;var r=this.playoutLimit;return!(e<=0||isNaN(r))&&(0===r||((null==(t=this.assetList[e])?void 0:t.startOffset)||0)>r)},t.findAssetIndex=function(e){return this.assetList.indexOf(e)},t.toString=function(){return'["'+(e=this).identifier+'" '+(e.cue.pre?"<pre>":e.cue.post?"<post>":"")+e.timelineStart.toFixed(2)+"-"+e.resumeTime.toFixed(2)+"]";var e},i(e,[{key:"identifier",get:function(){return this.dateRange.id}},{key:"startDate",get:function(){return this.dateRange.startDate}},{key:"startTime",get:function(){var e=this.dateRange.startTime;if(this.snapOptions.out){var t=this.dateRange.tagAnchor;if(t)return Qs(e,t)}return e}},{key:"startOffset",get:function(){return this.cue.pre?0:this.startTime}},{key:"startIsAligned",get:function(){if(0===this.startTime||this.snapOptions.out)return!0;var e=this.dateRange.tagAnchor;if(e){var t=this.dateRange.startTime;return t-Qs(t,e)<.1}return!1}},{key:"resumptionOffset",get:function(){var e=this.resumeOffset,t=A(e)?e:this.duration;return this.cumulativeDuration+t}},{key:"resumeTime",get:function(){var e=this.startOffset+this.resumptionOffset;if(this.snapOptions.in){var t=this.resumeAnchor;if(t)return Qs(e,t)}return e}},{key:"appendInPlace",get:function(){return!!this.appendInPlaceStarted||!this.appendInPlaceDisabled&&!(this.cue.once||this.cue.pre||!this.startIsAligned||!(isNaN(this.playoutLimit)&&isNaN(this.resumeOffset)||this.resumeOffset&&this.duration&&Math.abs(this.resumeOffset-this.duration)<Ws))},set:function(e){this.appendInPlaceStarted?this.resetOnResume=!e:this.appendInPlaceDisabled=!e}},{key:"timelineStart",get:function(){return null!==this._timelineStart?this._timelineStart:this.startTime},set:function(e){this._timelineStart=e}},{key:"duration",get:function(){var e,t=this.playoutLimit;return e=null!==this._duration?this._duration:this.dateRange.duration?this.dateRange.duration:this.dateRange.plannedDuration||0,!isNaN(t)&&t<e&&(e=t),e},set:function(e){this._duration=e}},{key:"cue",get:function(){return this.dateRange.cue}},{key:"timelineOccupancy",get:function(){return"RANGE"===this.dateRange.attr["X-TIMELINE-OCCUPIES"]?js.Range:js.Point}},{key:"supplementsPrimary",get:function(){return"PRIMARY"===this.dateRange.attr["X-TIMELINE-STYLE"]}},{key:"contentMayVary",get:function(){return"NO"!==this.dateRange.attr["X-CONTENT-MAY-VARY"]}},{key:"assetUrl",get:function(){return this.dateRange.attr["X-ASSET-URI"]}},{key:"assetListUrl",get:function(){return this.dateRange.attr["X-ASSET-LIST"]}},{key:"baseUrl",get:function(){return this.base.url}},{key:"assetListLoaded",get:function(){return this.assetList.length>0||null!==this.assetListResponse}}])}();function Qs(e,t){return e-t.start<t.duration/2&&!(Math.abs(e-(t.start+t.duration))<Ws)?t.start:t.start+t.duration}function zs(e,t,r){var i=new self.URL(e,r);return"data:"!==i.protocol&&i.searchParams.set("_HLS_primary_id",t),i}function $s(e,t){for(;null!=(r=e.assetList[++t])&&r.error;)var r;return t}function Zs(e){var t=e.timelineStart,r=e.duration||0;return'["'+e.identifier+'" '+t.toFixed(2)+"-"+(t+r).toFixed(2)+"]"}var Js=function(){function e(e,t,r,i){var n=this;this.hls=void 0,this.interstitial=void 0,this.assetItem=void 0,this.tracks=null,this.hasDetails=!1,this.mediaAttached=null,this._currentTime=void 0,this._bufferedEosTime=void 0,this.checkPlayout=function(){n.reachedPlayout(n.currentTime)&&n.hls&&n.hls.trigger(b.PLAYOUT_LIMIT_REACHED,{})};var a=this.hls=new e(t);this.interstitial=r,this.assetItem=i;var s=function(){n.hasDetails=!0};a.once(b.LEVEL_LOADED,s),a.once(b.AUDIO_TRACK_LOADED,s),a.once(b.SUBTITLE_TRACK_LOADED,s),a.on(b.MEDIA_ATTACHING,(function(e,t){var r=t.media;n.removeMediaListeners(),n.mediaAttached=r,n.interstitial.playoutLimit&&(r.addEventListener("timeupdate",n.checkPlayout),n.appendInPlace&&a.on(b.BUFFER_APPENDED,(function(){var e=n.bufferedEnd;n.reachedPlayout(e)&&(n._bufferedEosTime=e,a.trigger(b.BUFFERED_TO_END,void 0))})))}))}var t=e.prototype;return t.loadSource=function(){var e=this.hls;if(e)if(e.url)e.levels.length&&!e.started&&e.startLoad(-1,!0);else{var t=this.assetItem.uri;try{t=zs(t,e.config.primarySessionId||"").href}catch(e){}e.loadSource(t)}},t.bufferedInPlaceToEnd=function(e){var t;if(!this.appendInPlace)return!1;if(null!=(t=this.hls)&&t.bufferedToEnd)return!0;if(!e)return!1;var r=Math.min(this._bufferedEosTime||1/0,this.duration),i=this.timelineOffset,n=dr.bufferInfo(e,i,0);return this.getAssetTime(n.end)>=r-.02},t.reachedPlayout=function(e){var t=this.interstitial.playoutLimit;return this.startOffset+e>=t},t.getAssetTime=function(e){var t=this.timelineOffset,r=this.duration;return Math.min(Math.max(0,e-t),r)},t.removeMediaListeners=function(){var e=this.mediaAttached;e&&(this._currentTime=e.currentTime,this.bufferSnapShot(),e.removeEventListener("timeupdate",this.checkPlayout))},t.bufferSnapShot=function(){var e;this.mediaAttached&&null!=(e=this.hls)&&e.bufferedToEnd&&(this._bufferedEosTime=this.bufferedEnd)},t.destroy=function(){this.removeMediaListeners(),this.hls&&this.hls.destroy(),this.hls=null,this.tracks=this.mediaAttached=this.checkPlayout=null},t.attachMedia=function(e){var t;this.loadSource(),null==(t=this.hls)||t.attachMedia(e)},t.detachMedia=function(){var e;this.removeMediaListeners(),this.mediaAttached=null,null==(e=this.hls)||e.detachMedia()},t.resumeBuffering=function(){var e;null==(e=this.hls)||e.resumeBuffering()},t.pauseBuffering=function(){var e;null==(e=this.hls)||e.pauseBuffering()},t.transferMedia=function(){var e;return this.bufferSnapShot(),(null==(e=this.hls)?void 0:e.transferMedia())||null},t.resetDetails=function(){var e=this.hls;if(e&&this.hasDetails){e.stopLoad();var t=function(e){return delete e.details};e.levels.forEach(t),e.allAudioTracks.forEach(t),e.allSubtitleTracks.forEach(t),this.hasDetails=!1}},t.on=function(e,t,r){var i;null==(i=this.hls)||i.on(e,t)},t.once=function(e,t,r){var i;null==(i=this.hls)||i.once(e,t)},t.off=function(e,t,r){var i;null==(i=this.hls)||i.off(e,t)},t.toString=function(){var e;return"HlsAssetPlayer: "+Zs(this.assetItem)+" "+(null==(e=this.hls)?void 0:e.sessionId)+" "+(this.appendInPlace?"append-in-place":"")},i(e,[{key:"appendInPlace",get:function(){return this.interstitial.appendInPlace}},{key:"destroyed",get:function(){var e;return!(null!=(e=this.hls)&&e.userConfig)}},{key:"assetId",get:function(){return this.assetItem.identifier}},{key:"interstitialId",get:function(){return this.assetItem.parentIdentifier}},{key:"media",get:function(){var e;return(null==(e=this.hls)?void 0:e.media)||null}},{key:"bufferedEnd",get:function(){var e=this.media||this.mediaAttached;if(!e)return this._bufferedEosTime?this._bufferedEosTime:this.currentTime;var t=dr.bufferInfo(e,e.currentTime,.001);return this.getAssetTime(t.end)}},{key:"currentTime",get:function(){var e=this.media||this.mediaAttached;return e?this.getAssetTime(e.currentTime):this._currentTime||0}},{key:"duration",get:function(){var e=this.assetItem.duration;if(!e)return 0;var t=this.interstitial.playoutLimit;if(t){var r=t-this.startOffset;if(r>0&&r<e)return r}return e}},{key:"remaining",get:function(){var e=this.duration;return e?Math.max(0,e-this.currentTime):0}},{key:"startOffset",get:function(){return this.assetItem.startOffset}},{key:"timelineOffset",get:function(){var e;return(null==(e=this.hls)?void 0:e.config.timelineOffset)||0},set:function(e){var t=this.timelineOffset;if(e!==t){var r=e-t;if(Math.abs(r)>1/9e4&&this.hls){if(this.hasDetails)throw new Error("Cannot set timelineOffset after playlists are loaded");this.hls.config.timelineOffset=e}}}}])}(),eo=function(e){function t(t,r){var i;return(i=e.call(this,"interstitials-sched",r)||this).onScheduleUpdate=void 0,i.eventMap={},i.events=null,i.items=null,i.durations={primary:0,playout:0,integrated:0},i.onScheduleUpdate=t,i}o(t,e);var r=t.prototype;return r.destroy=function(){this.reset(),this.onScheduleUpdate=null},r.reset=function(){this.eventMap={},this.setDurations(0,0,0),this.events&&this.events.forEach((function(e){return e.reset()})),this.events=this.items=null},r.resetErrorsInRange=function(e,t){return this.events?this.events.reduce((function(r,i){return e<=i.startOffset&&t>i.startOffset?(delete i.error,r+1):r}),0):0},r.getEvent=function(e){return e&&this.eventMap[e]||null},r.hasEvent=function(e){return e in this.eventMap},r.findItemIndex=function(e,t){if(e.event)return this.findEventIndex(e.event.identifier);var r=-1;e.nextEvent?r=this.findEventIndex(e.nextEvent.identifier)-1:e.previousEvent&&(r=this.findEventIndex(e.previousEvent.identifier)+1);var i=this.items;if(i)for(i[r]||(void 0===t&&(t=e.start),r=this.findItemIndexAtTime(t));r>=0&&null!=(n=i[r])&&n.event;){var n;r--}return r},r.findItemIndexAtTime=function(e,t){var r=this.items;if(r)for(var i=0;i<r.length;i++){var n=r[i];if(t&&"primary"!==t&&(n=n[t]),e===n.start||e>n.start&&e<n.end)return i}return-1},r.findJumpRestrictedIndex=function(e,t){var r=this.items;if(r)for(var i=e;i<=t&&r[i];i++){var n=r[i].event;if(null!=n&&n.restrictions.jump&&!n.appendInPlace)return i}return-1},r.findEventIndex=function(e){var t=this.items;if(t)for(var r=t.length;r--;){var i;if((null==(i=t[r].event)?void 0:i.identifier)===e)return r}return-1},r.findAssetIndex=function(e,t){var r=e.assetList,i=r.length;if(i>1)for(var n=0;n<i;n++){var a=r[n];if(!a.error){var s=a.timelineStart;if(t===s||t>s&&(t<s+(a.duration||0)||n===i-1))return n}}return 0},r.parseInterstitialDateRanges=function(e,t){var r=this,i=e.main.details,n=i.dateRanges,a=this.events,s=this.parseDateRanges(n,{url:i.url},t),o=Object.keys(n),l=a?a.filter((function(e){return!o.includes(e.identifier)})):[];s.length&&s.sort((function(e,t){var r=e.cue.pre,i=e.cue.post,n=t.cue.pre,a=t.cue.post;if(r&&!n)return-1;if(n&&!r)return 1;if(i&&!a)return 1;if(a&&!i)return-1;if(!(r||n||i||a)){var s=e.startTime,o=t.startTime;if(s!==o)return s-o}return e.dateRange.tagOrder-t.dateRange.tagOrder})),this.events=s,l.forEach((function(e){r.removeEvent(e)})),this.updateSchedule(e,l)},r.updateSchedule=function(e,t,r){void 0===t&&(t=[]),void 0===r&&(r=!1);var i=this.events||[];if(i.length||t.length||this.length<2){var n=this.items,a=this.parseSchedule(i,e);(r||t.length||(null==n?void 0:n.length)!==a.length||a.some((function(e,t){return Math.abs(e.playout.start-n[t].playout.start)>.005||Math.abs(e.playout.end-n[t].playout.end)>.005})))&&(this.items=a,this.onScheduleUpdate(t,n))}},r.parseDateRanges=function(e,t,r){for(var i=[],n=Object.keys(e),a=0;a<n.length;a++){var s=n[a],o=e[s];if(o.isInterstitial){var l=this.eventMap[s];l?l.setDateRange(o):(l=new Xs(o,t),this.eventMap[s]=l,!1===r&&(l.appendInPlace=r)),i.push(l)}}return i},r.parseSchedule=function(e,t){var r=[],i=t.main.details,n=i.live?1/0:i.edge,a=0;if((e=e.filter((function(e){return!(e.error||e.cue.once&&e.hasPlayed)}))).length){this.resolveOffsets(e,t);var s=0,o=0;if(e.forEach((function(t,i){var l=t.cue.pre,u=t.cue.post,d=e[i-1]||null,h=t.appendInPlace,f=u?n:t.startOffset,c=t.duration,g=t.timelineOccupancy===js.Range?c:0,v=t.resumptionOffset,m=(null==d?void 0:d.startTime)===f,p=f+t.cumulativeDuration,y=h?p+c:f+v;if(l||!u&&f<=0){var E=o;o+=g,t.timelineStart=p;var T=a;a+=c,r.push({event:t,start:p,end:y,playout:{start:T,end:a},integrated:{start:E,end:o}})}else{if(!(f<=n))return;if(!m){var S=f-s;if(S>.033){var A=s,L=o;o+=S;var I=a;a+=S;var R={previousEvent:e[i-1]||null,nextEvent:t,start:A,end:A+S,playout:{start:I,end:a},integrated:{start:L,end:o}};r.push(R)}else S>0&&d&&(d.cumulativeDuration+=S,r[r.length-1].end=f)}u&&(y=p),t.timelineStart=p;var k=o;o+=g;var b=a;a+=c,r.push({event:t,start:p,end:y,playout:{start:b,end:a},integrated:{start:k,end:o}})}var D=t.resumeTime;s=u||D>n?n:D})),s<n){var l,u=s,d=o,h=n-s;o+=h;var f=a;a+=h,r.push({previousEvent:(null==(l=r[r.length-1])?void 0:l.event)||null,nextEvent:null,start:s,end:u+h,playout:{start:f,end:a},integrated:{start:d,end:o}})}this.setDurations(n,a,o)}else r.push({previousEvent:null,nextEvent:null,start:0,end:n,playout:{start:0,end:n},integrated:{start:0,end:n}}),this.setDurations(n,n,n);return r},r.setDurations=function(e,t,r){this.durations={primary:e,playout:t,integrated:r}},r.resolveOffsets=function(e,t){var r=this,i=t.main.details,n=i.live?1/0:i.edge,a=0,s=-1;e.forEach((function(o,l){var u=o.cue.pre,d=o.cue.post,h=u?0:d?n:o.startTime;r.updateAssetDurations(o),s===h?o.cumulativeDuration=a:(a=0,s=h),!d&&o.snapOptions.in&&(o.resumeAnchor=Tt(null,i.fragments,o.startOffset+o.resumptionOffset,0,0)||void 0),o.appendInPlace&&!o.appendInPlaceStarted&&(r.primaryCanResumeInPlaceAt(o,t)||(o.appendInPlace=!1)),!o.appendInPlace&&l+1<e.length&&e[l+1].startTime-e[l].resumeTime<.033&&(e[l+1].appendInPlace=!1,e[l+1].appendInPlace&&r.warn("Could not change append strategy for abutting event "+o));var f=A(o.resumeOffset)?o.resumeOffset:o.duration;a+=f}))},r.primaryCanResumeInPlaceAt=function(e,t){var r=this,i=e.resumeTime,n=e.startTime+e.resumptionOffset;return Math.abs(i-n)>Ws?(this.log('"'+e.identifier+'" resumption '+i+" not aligned with estimated timeline end "+n),!1):!Object.keys(t).some((function(n){var a=t[n].details,s=a.edge;if(i>=s)return r.log('"'+e.identifier+'" resumption '+i+" past "+n+" playlist end "+s),!1;var o=Tt(null,a.fragments,i);if(!o)return r.log('"'+e.identifier+'" resumption '+i+" does not align with any fragments in "+n+" playlist ("+a.fragStart+"-"+a.fragmentEnd+")"),!0;var l="audio"===n?.175:0;return!(Math.abs(o.start-i)<Ws+l||Math.abs(o.end-i)<Ws+l||(r.log('"'+e.identifier+'" resumption '+i+" not aligned with "+n+" fragment bounds ("+o.start+"-"+o.end+" sn: "+o.sn+" cc: "+o.cc+")"),0))}))},r.updateAssetDurations=function(e){if(e.assetListLoaded){for(var t=e.timelineStart,r=0,i=!1,n=!1,a=0;a<e.assetList.length;a++){var s=e.assetList[a],o=t+r;s.startOffset=r,s.timelineStart=o,i||(i=null===s.duration),n||(n=!!s.error),r+=s.error?0:s.duration||0}e.duration=i&&!n?Math.max(r,e.duration):r}},r.removeEvent=function(e){e.reset(),delete this.eventMap[e.identifier]},i(t,[{key:"duration",get:function(){var e=this.items;return e?e[e.length-1].end:0}},{key:"length",get:function(){return this.items?this.items.length:0}},{key:"assetIdAtEnd",get:function(){var e,t=null==(e=this.items)||null==(e=e[this.length-1])?void 0:e.event;if(t){var r=t.assetList,i=r[r.length-1];if(i)return i.identifier}return null}}])}(N);function to(e){return"["+(e.event?'"'+e.event.identifier+'"':"primary")+": "+e.start.toFixed(2)+"-"+e.end.toFixed(2)+"]"}var ro=function(){function e(e){this.hls=void 0,this.hls=e}var t=e.prototype;return t.destroy=function(){this.hls=null},t.loadAssetList=function(e,t){var r,i=this,n=e.assetListUrl;try{r=zs(n,this.hls.sessionId,e.baseUrl)}catch(t){var a=this.assignAssetListError(e,k.ASSET_LIST_LOAD_ERROR,t,n);return void this.hls.trigger(b.ERROR,a)}t&&"data:"!==r.protocol&&r.searchParams.set("_HLS_start_offset",""+t);var s=this.hls.config,o=new(0,s.loader)(s),l={responseType:"json",url:r.href},u=s.interstitialAssetListLoadPolicy.default,d={loadPolicy:u,timeout:u.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0},h={onSuccess:function(t,r,n,a){var s=t.data,o=null==s?void 0:s.ASSETS;if(Array.isArray(o))e.assetListResponse=s,i.hls.trigger(b.ASSET_LIST_LOADED,{event:e,assetListResponse:s,networkDetails:a});else{var l=i.assignAssetListError(e,k.ASSET_LIST_PARSING_ERROR,new Error("Invalid interstitial asset list"),n.url,r,a);i.hls.trigger(b.ERROR,l)}},onError:function(t,r,n,a){var s=i.assignAssetListError(e,k.ASSET_LIST_LOAD_ERROR,new Error("Error loading X-ASSET-LIST: HTTP status "+t.code+" "+t.text+" ("+r.url+")"),r.url,a,n);i.hls.trigger(b.ERROR,s)},onTimeout:function(t,r,n){var a=i.assignAssetListError(e,k.ASSET_LIST_LOAD_TIMEOUT,new Error("Timeout loading X-ASSET-LIST ("+r.url+")"),r.url,t,n);i.hls.trigger(b.ERROR,a)}};return o.load(l,d,h),this.hls.trigger(b.ASSET_LIST_LOADING,{event:e}),o},t.assignAssetListError=function(e,t,r,i,n,a){return e.error=r,{type:R.NETWORK_ERROR,details:t,fatal:!1,interstitial:e,url:i,error:r,networkDetails:a,stats:n}},e}();function io(e){var t;null==e||null==(t=e.play())||t.catch((function(){}))}function no(e,t){return"["+e+"] Advancing timeline position to "+t}var ao=function(e){function t(t,r){var i;return(i=e.call(this,"interstitials",t.logger)||this).HlsPlayerClass=void 0,i.hls=void 0,i.assetListLoader=void 0,i.mediaSelection=null,i.altSelection=null,i.media=null,i.detachedData=null,i.requiredTracks=null,i.manager=null,i.playerQueue=[],i.bufferedPos=-1,i.timelinePos=-1,i.schedule=void 0,i.playingItem=null,i.bufferingItem=null,i.waitingItem=null,i.endedItem=null,i.playingAsset=null,i.endedAsset=null,i.bufferingAsset=null,i.shouldPlay=!1,i.onPlay=function(){i.shouldPlay=!0},i.onPause=function(){i.shouldPlay=!1},i.onSeeking=function(){var e=i.currentTime;if(void 0!==e&&!i.playbackDisabled&&i.schedule){var t=e-i.timelinePos;if(!(Math.abs(t)<1/7056e5)){var r=t<=-.01;i.timelinePos=e,i.bufferedPos=e;var n=i.playingItem;if(n)if(r&&i.schedule.resetErrorsInRange(e,e-t)&&i.updateSchedule(!0),i.checkBuffer(),r&&e<n.start||e>=n.end){var a,s=i.findItemIndex(n),o=i.schedule.findItemIndexAtTime(e);if(-1===o&&(o=s+(r?-1:1),i.log("seeked "+(r?"back ":"")+"to position not covered by schedule "+e+" (resolving from "+s+" to "+o+")")),!i.isInterstitial(n)&&null!=(a=i.media)&&a.paused&&(i.shouldPlay=!1),!r&&o>s){var l=i.schedule.findJumpRestrictedIndex(s+1,o);if(l>s)return void i.setSchedulePosition(l)}i.setSchedulePosition(o)}else{var u=i.playingAsset;if(u){var d,h=u.timelineStart,f=u.duration||0;(r&&e<h||e>=h+f)&&(null!=(d=n.event)&&d.appendInPlace&&(i.clearInterstitial(n.event,n),i.flushFrontBuffer(e)),i.setScheduleToAssetAtTime(e,u))}else if(i.playingLastItem&&i.isInterstitial(n)){var c=n.event.assetList[0];c&&(i.endedItem=i.playingItem,i.playingItem=null,i.setScheduleToAssetAtTime(e,c))}}else i.checkBuffer()}}},i.onTimeupdate=function(){var e=i.currentTime;if(void 0!==e&&!i.playbackDisabled&&e>i.timelinePos){i.timelinePos=e,e>i.bufferedPos&&i.checkBuffer();var t=i.playingItem;if(t&&!i.playingLastItem){if(e>=t.end){i.timelinePos=t.end;var r=i.findItemIndex(t);i.setSchedulePosition(r+1)}var n=i.playingAsset;n&&e>=n.timelineStart+(n.duration||0)&&i.setScheduleToAssetAtTime(e,n)}}},i.onScheduleUpdate=function(e,t){var r=i.schedule;if(r){var n=i.playingItem,a=r.events||[],s=r.items||[],o=r.durations,l=e.map((function(e){return e.identifier})),u=!(!a.length&&!l.length);(u||t)&&i.log("INTERSTITIALS_UPDATED ("+a.length+"): "+a+"\nSchedule: "+s.map((function(e){return to(e)}))+" pos: "+i.timelinePos),l.length&&i.log("Removed events "+l);var d=null,h=null;n&&(d=i.updateItem(n,i.timelinePos),i.itemsMatch(n,d)?i.playingItem=d:i.waitingItem=i.endedItem=null),i.waitingItem=i.updateItem(i.waitingItem),i.endedItem=i.updateItem(i.endedItem);var f=i.bufferingItem;if(f&&(h=i.updateItem(f,i.bufferedPos),i.itemsMatch(f,h)?i.bufferingItem=h:f.event&&(i.bufferingItem=i.playingItem,i.clearInterstitial(f.event,null))),e.forEach((function(e){e.assetList.forEach((function(e){i.clearAssetPlayer(e.identifier,null)}))})),i.playerQueue.forEach((function(e){if(e.interstitial.appendInPlace){var t=e.assetItem.timelineStart,r=e.timelineOffset-t;if(r)try{e.timelineOffset=t}catch(n){Math.abs(r)>Ws&&i.warn(n+' ("'+e.assetId+'" '+e.timelineOffset+"->"+t+")")}}})),u||t){if(i.hls.trigger(b.INTERSTITIALS_UPDATED,{events:a.slice(0),schedule:s.slice(0),durations:o,removedIds:l}),i.isInterstitial(n)&&l.includes(n.event.identifier))return i.warn('Interstitial "'+n.event.identifier+'" removed while playing'),void i.primaryFallback(n.event);n&&i.trimInPlace(d,n),f&&h!==d&&i.trimInPlace(h,f),i.checkBuffer()}}},i.hls=t,i.HlsPlayerClass=r,i.assetListLoader=new ro(t),i.schedule=new eo(i.onScheduleUpdate,t.logger),i.registerListeners(),i}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e&&(e.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.on(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),e.on(b.AUDIO_TRACK_UPDATED,this.onAudioTrackUpdated,this),e.on(b.SUBTITLE_TRACK_SWITCH,this.onSubtitleTrackSwitch,this),e.on(b.SUBTITLE_TRACK_UPDATED,this.onSubtitleTrackUpdated,this),e.on(b.EVENT_CUE_ENTER,this.onInterstitialCueEnter,this),e.on(b.ASSET_LIST_LOADED,this.onAssetListLoaded,this),e.on(b.BUFFER_APPENDED,this.onBufferAppended,this),e.on(b.BUFFER_FLUSHED,this.onBufferFlushed,this),e.on(b.BUFFERED_TO_END,this.onBufferedToEnd,this),e.on(b.MEDIA_ENDED,this.onMediaEnded,this),e.on(b.ERROR,this.onError,this),e.on(b.DESTROYING,this.onDestroying,this))},r.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.off(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),e.off(b.AUDIO_TRACK_UPDATED,this.onAudioTrackUpdated,this),e.off(b.SUBTITLE_TRACK_SWITCH,this.onSubtitleTrackSwitch,this),e.off(b.SUBTITLE_TRACK_UPDATED,this.onSubtitleTrackUpdated,this),e.off(b.EVENT_CUE_ENTER,this.onInterstitialCueEnter,this),e.off(b.ASSET_LIST_LOADED,this.onAssetListLoaded,this),e.off(b.BUFFER_CODECS,this.onBufferCodecs,this),e.off(b.BUFFER_APPENDED,this.onBufferAppended,this),e.off(b.BUFFER_FLUSHED,this.onBufferFlushed,this),e.off(b.BUFFERED_TO_END,this.onBufferedToEnd,this),e.off(b.MEDIA_ENDED,this.onMediaEnded,this),e.off(b.ERROR,this.onError,this),e.off(b.DESTROYING,this.onDestroying,this))},r.startLoad=function(){this.resumeBuffering()},r.stopLoad=function(){this.pauseBuffering()},r.resumeBuffering=function(){var e;null==(e=this.getBufferingPlayer())||e.resumeBuffering()},r.pauseBuffering=function(){var e;null==(e=this.getBufferingPlayer())||e.pauseBuffering()},r.destroy=function(){this.unregisterListeners(),this.stopLoad(),this.assetListLoader&&this.assetListLoader.destroy(),this.emptyPlayerQueue(),this.clearScheduleState(),this.schedule&&this.schedule.destroy(),this.media=this.detachedData=this.mediaSelection=this.requiredTracks=this.altSelection=this.schedule=this.manager=null,this.hls=this.HlsPlayerClass=this.log=null,this.assetListLoader=null,this.onPlay=this.onPause=this.onSeeking=this.onTimeupdate=null,this.onScheduleUpdate=null},r.onDestroying=function(){var e=this.primaryMedia||this.media;e&&this.removeMediaListeners(e)},r.removeMediaListeners=function(e){bi(e,"play",this.onPlay),bi(e,"pause",this.onPause),bi(e,"seeking",this.onSeeking),bi(e,"timeupdate",this.onTimeupdate)},r.onMediaAttaching=function(e,t){var r=this.media=t.media;ki(r,"seeking",this.onSeeking),ki(r,"timeupdate",this.onTimeupdate),ki(r,"play",this.onPlay),ki(r,"pause",this.onPause)},r.onMediaAttached=function(e,t){var r=this.effectivePlayingItem,i=this.detachedData;if(this.detachedData=null,null===r)this.checkStart();else if(!i){this.clearScheduleState();var n=this.findItemIndex(r);this.setSchedulePosition(n)}},r.clearScheduleState=function(){this.log("clear schedule state"),this.playingItem=this.bufferingItem=this.waitingItem=this.endedItem=this.playingAsset=this.endedAsset=this.bufferingAsset=null},r.onMediaDetaching=function(e,t){var r=!!t.transferMedia,i=this.media;if(this.media=null,!r&&(i&&this.removeMediaListeners(i),this.detachedData)){var n=this.getBufferingPlayer();n&&(this.log("Removing schedule state for detachedData and "+n),this.playingAsset=this.endedAsset=this.bufferingAsset=this.bufferingItem=this.waitingItem=this.detachedData=null,n.detachMedia()),this.shouldPlay=!1}},r.isInterstitial=function(e){return!(null==e||!e.event)},r.retreiveMediaSource=function(e,t){var r=this.getAssetPlayer(e);r&&this.transferMediaFromPlayer(r,t)},r.transferMediaFromPlayer=function(e,t){var r=e.interstitial.appendInPlace,i=e.media;if(r&&i===this.primaryMedia){if(this.bufferingAsset=null,(!t||this.isInterstitial(t)&&!t.event.appendInPlace)&&t&&i)return void(this.detachedData={media:i});var n=e.transferMedia();this.log("transfer MediaSource from "+e+" "+ut(n)),this.detachedData=n}else t&&i&&(this.shouldPlay||(this.shouldPlay=!i.paused))},r.transferMediaTo=function(e,t){var r,i,n=this;if(e.media!==t){var a,s=null,o=this.hls,l=e!==o,u=l&&e.interstitial.appendInPlace,d=null==(r=this.detachedData)?void 0:r.mediaSource;if(o.media)u&&(s=o.transferMedia(),this.detachedData=s),a="Primary";else if(d){var h=this.getBufferingPlayer();h?(s=h.transferMedia(),a=""+h):a="detached MediaSource"}else a="detached media";if(!s)if(d)s=this.detachedData,this.log("using detachedData: MediaSource "+ut(s));else if(!this.detachedData||o.media===t){var f=this.playerQueue;f.length>1&&f.forEach((function(e){if(l&&e.interstitial.appendInPlace!==u){var t=e.interstitial;n.clearInterstitial(e.interstitial,null),t.appendInPlace=!1,t.appendInPlace&&n.warn("Could not change append strategy for queued assets "+t)}})),this.hls.detachMedia(),this.detachedData={media:t}}var c=s&&"mediaSource"in s&&"closed"!==(null==(i=s.mediaSource)?void 0:i.readyState),g=c&&s?s:t;this.log((c?"transfering MediaSource":"attaching media")+" to "+(l?e:"Primary")+" from "+a+" (media.currentTime: "+t.currentTime+")");var v=this.schedule;if(g===s&&v){var m=l&&e.assetId===v.assetIdAtEnd;g.overrides={duration:v.duration,endOfStream:!l||m,cueRemoval:!l}}e.attachMedia(g)}},r.onInterstitialCueEnter=function(){this.onTimeupdate()},r.checkStart=function(){var e=this.schedule,t=null==e?void 0:e.events;if(t&&!this.playbackDisabled&&this.media){-1===this.bufferedPos&&(this.bufferedPos=0);var r=this.timelinePos,i=this.effectivePlayingItem;if(-1===r){var n=this.hls.startPosition;if(this.log(no("checkStart",n)),this.timelinePos=n,t.length&&t[0].cue.pre){var a=e.findEventIndex(t[0].identifier);this.setSchedulePosition(a)}else if(n>=0||!this.primaryLive){var s=this.timelinePos=n>0?n:0,o=e.findItemIndexAtTime(s);this.setSchedulePosition(o)}}else if(i&&!this.playingItem){var l=e.findItemIndex(i);this.setSchedulePosition(l)}}},r.advanceAssetBuffering=function(e,t){var r=e.event,i=r.findAssetIndex(t),n=$s(r,i);if(r.isAssetPastPlayoutLimit(n)){if(this.schedule){var a,s=null==(a=this.schedule.items)?void 0:a[this.findItemIndex(e)+1];s&&this.bufferedToItem(s)}}else this.bufferedToEvent(e,n)},r.advanceAfterAssetEnded=function(e,t,r){var i=$s(e,r);if(e.isAssetPastPlayoutLimit(i)){if(this.schedule){var n=this.schedule.items;if(n){var a=t+1;if(a>=n.length)return void this.setSchedulePosition(-1);var s=e.resumeTime;this.timelinePos<s&&(this.log(no("advanceAfterAssetEnded",s)),this.timelinePos=s,e.appendInPlace&&this.advanceInPlace(s),this.checkBuffer(this.bufferedPos<s)),this.setSchedulePosition(a)}}}else{if(e.appendInPlace){var o=e.assetList[i];o&&this.advanceInPlace(o.timelineStart)}this.setSchedulePosition(t,i)}},r.setScheduleToAssetAtTime=function(e,t){var r=this.schedule;if(r){var i=t.parentIdentifier,n=r.getEvent(i);if(n){var a=r.findEventIndex(i),s=r.findAssetIndex(n,e);this.advanceAfterAssetEnded(n,a,s-1)}}},r.setSchedulePosition=function(e,t){var r,i=null==(r=this.schedule)?void 0:r.items;if(i&&!this.playbackDisabled){var n=e>=0?i[e]:null;this.log("setSchedulePosition "+e+", "+t+" ("+(n?to(n):n)+") pos: "+this.timelinePos);var a=this.waitingItem||this.playingItem,s=this.playingLastItem;if(this.isInterstitial(a)){var o=a.event,l=this.playingAsset,u=null==l?void 0:l.identifier,d=u?this.getAssetPlayer(u):null;if(d&&u&&(!this.eventItemsMatch(a,n)||void 0!==t&&u!==o.assetList[t].identifier)){var h,f=o.findAssetIndex(l);if(this.log("INTERSTITIAL_ASSET_ENDED "+(f+1)+"/"+o.assetList.length+" "+Zs(l)),this.endedAsset=l,this.playingAsset=null,this.hls.trigger(b.INTERSTITIAL_ASSET_ENDED,{asset:l,assetListIndex:f,event:o,schedule:i.slice(0),scheduleIndex:e,player:d}),a!==this.playingItem)return void(this.itemsMatch(a,this.playingItem)&&!this.playingAsset&&this.advanceAfterAssetEnded(o,this.findItemIndex(this.playingItem),f));this.retreiveMediaSource(u,n),!d.media||null!=(h=this.detachedData)&&h.mediaSource||d.detachMedia()}if(!this.eventItemsMatch(a,n)&&(this.endedItem=a,this.playingItem=null,this.log("INTERSTITIAL_ENDED "+o+" "+to(a)),o.hasPlayed=!0,this.hls.trigger(b.INTERSTITIAL_ENDED,{event:o,schedule:i.slice(0),scheduleIndex:e}),o.cue.once)){var c;this.updateSchedule();var g=null==(c=this.schedule)?void 0:c.items;if(n&&g){var v=this.findItemIndex(n);this.advanceSchedule(v,g,t,a,s)}return}}this.advanceSchedule(e,i,t,a,s)}},r.advanceSchedule=function(e,t,r,i,n){var a=this,s=this.schedule;if(s){var o=t[e]||null,l=this.primaryMedia,u=this.playerQueue;if(u.length&&u.forEach((function(t){var r=t.interstitial,i=s.findEventIndex(r.identifier);(i<e||i>e+1)&&a.clearInterstitial(r,o)})),this.isInterstitial(o)){this.timelinePos=Math.min(Math.max(this.timelinePos,o.start),o.end);var d=o.event;if(void 0===r){var h=$s(d,(r=s.findAssetIndex(d,this.timelinePos))-1);if(d.isAssetPastPlayoutLimit(h)||d.appendInPlace&&this.timelinePos===o.end)return void this.advanceAfterAssetEnded(d,e,r);r=h}var f=this.waitingItem;this.assetsBuffered(o,l)||this.setBufferingItem(o);var c=this.preloadAssets(d,r);if(this.eventItemsMatch(o,f||i)||(this.waitingItem=o,this.log("INTERSTITIAL_STARTED "+to(o)+" "+(d.appendInPlace?"append in place":"")),this.hls.trigger(b.INTERSTITIAL_STARTED,{event:d,schedule:t.slice(0),scheduleIndex:e})),!d.assetListLoaded)return void this.log("Waiting for ASSET-LIST to complete loading "+d);if(d.assetListLoader&&(d.assetListLoader.destroy(),d.assetListLoader=void 0),!l)return void this.log("Waiting for attachMedia to start Interstitial "+d);this.waitingItem=this.endedItem=null,this.playingItem=o;var g=d.assetList[r];if(!g)return void this.advanceAfterAssetEnded(d,e,r||0);if(c||(c=this.getAssetPlayer(g.identifier)),null===c||c.destroyed){var v=d.assetList.length;this.warn("asset "+(r+1)+"/"+v+" player destroyed "+d),(c=this.createAssetPlayer(d,g,r)).loadSource()}if(!this.eventItemsMatch(o,this.bufferingItem)&&d.appendInPlace&&this.isAssetBuffered(g))return;this.startAssetPlayer(c,r,t,e,l),this.shouldPlay&&io(c.media)}else o?(this.resumePrimary(o,e,i),this.shouldPlay&&io(this.hls.media)):n&&this.isInterstitial(i)&&(this.endedItem=null,this.playingItem=i,i.event.appendInPlace||this.attachPrimary(s.durations.primary,null))}},r.resumePrimary=function(e,t,r){var i,n;if(this.playingItem=e,this.playingAsset=this.endedAsset=null,this.waitingItem=this.endedItem=null,this.bufferedToItem(e),this.log("resuming "+to(e)),null==(i=this.detachedData)||!i.mediaSource){var a=this.timelinePos;(a<e.start||a>=e.end)&&(a=this.getPrimaryResumption(e,t),this.log(no("resumePrimary",a)),this.timelinePos=a),this.attachPrimary(a,e)}if(r){var s=null==(n=this.schedule)?void 0:n.items;s&&(this.log("INTERSTITIALS_PRIMARY_RESUMED "+to(e)),this.hls.trigger(b.INTERSTITIALS_PRIMARY_RESUMED,{schedule:s.slice(0),scheduleIndex:t}),this.checkBuffer())}},r.getPrimaryResumption=function(e,t){var r=e.start;if(this.primaryLive){var i=this.primaryDetails;if(0===t)return this.hls.startPosition;if(i&&(r<i.fragmentStart||r>i.edge))return this.hls.liveSyncPosition||-1}return r},r.isAssetBuffered=function(e){var t=this.getAssetPlayer(e.identifier);return null!=t&&t.hls?t.hls.bufferedToEnd:dr.bufferInfo(this.primaryMedia,this.timelinePos,0).end+1>=e.timelineStart+(e.duration||0)},r.attachPrimary=function(e,t,r){t?this.setBufferingItem(t):this.bufferingItem=this.playingItem,this.bufferingAsset=null;var i=this.primaryMedia;if(i){var n=this.hls;n.media?this.checkBuffer():(this.transferMediaTo(n,i),r&&this.startLoadingPrimaryAt(e,r)),r||(this.log(no("attachPrimary",e)),this.timelinePos=e,this.startLoadingPrimaryAt(e,r))}},r.startLoadingPrimaryAt=function(e,t){var r,i=this.hls;!i.loadingEnabled||!i.media||Math.abs(((null==(r=i.mainForwardBufferInfo)?void 0:r.start)||i.media.currentTime)-e)>.5?i.startLoad(e,t):i.bufferingEnabled||i.resumeBuffering()},r.onManifestLoading=function(){var e;this.stopLoad(),null==(e=this.schedule)||e.reset(),this.emptyPlayerQueue(),this.clearScheduleState(),this.shouldPlay=!1,this.bufferedPos=this.timelinePos=-1,this.mediaSelection=this.altSelection=this.manager=this.requiredTracks=null,this.hls.off(b.BUFFER_CODECS,this.onBufferCodecs,this),this.hls.on(b.BUFFER_CODECS,this.onBufferCodecs,this)},r.onLevelUpdated=function(e,t){if(-1!==t.level&&this.schedule){var r=this.hls.levels[t.level];if(r.details){var i=d(d({},this.mediaSelection||this.altSelection),{},{main:r});this.mediaSelection=i,this.schedule.parseInterstitialDateRanges(i,this.hls.config.interstitialAppendInPlace),!this.effectivePlayingItem&&this.schedule.items&&this.checkStart()}}},r.onAudioTrackUpdated=function(e,t){var r=this.hls.audioTracks[t.id],i=this.mediaSelection;if(i){var n=d(d({},i),{},{audio:r});this.mediaSelection=n}else this.altSelection=d(d({},this.altSelection),{},{audio:r})},r.onSubtitleTrackUpdated=function(e,t){var r=this.hls.subtitleTracks[t.id],i=this.mediaSelection;if(i){var n=d(d({},i),{},{subtitles:r});this.mediaSelection=n}else this.altSelection=d(d({},this.altSelection),{},{subtitles:r})},r.onAudioTrackSwitching=function(e,t){var r=ft(t);this.playerQueue.forEach((function(e){var i=e.hls;return i&&(i.setAudioOption(t)||i.setAudioOption(r))}))},r.onSubtitleTrackSwitch=function(e,t){var r=ft(t);this.playerQueue.forEach((function(e){var i=e.hls;return i&&(i.setSubtitleOption(t)||-1!==t.id&&i.setSubtitleOption(r))}))},r.onBufferCodecs=function(e,t){var r=t.tracks;r&&(this.requiredTracks=r)},r.onBufferAppended=function(e,t){this.checkBuffer()},r.onBufferFlushed=function(e,t){var r=this.playingItem;if(r&&!this.itemsMatch(r,this.bufferingItem)&&!this.isInterstitial(r)){var i=this.timelinePos;this.bufferedPos=i,this.checkBuffer()}},r.onBufferedToEnd=function(e){if(this.schedule){var t=this.schedule.events;if(this.bufferedPos<Number.MAX_VALUE&&t){for(var r=0;r<t.length;r++){var i=t[r];if(i.cue.post){var n,a=this.schedule.findEventIndex(i.identifier),s=null==(n=this.schedule.items)?void 0:n[a];this.isInterstitial(s)&&this.eventItemsMatch(s,this.bufferingItem)&&this.bufferedToItem(s,0);break}}this.bufferedPos=Number.MAX_VALUE}}},r.onMediaEnded=function(e){var t=this.playingItem;if(!this.playingLastItem&&t){var r=this.findItemIndex(t);this.setSchedulePosition(r+1)}else this.shouldPlay=!1},r.updateItem=function(e,t){var r,i=null==(r=this.schedule)?void 0:r.items;return e&&i&&i[this.findItemIndex(e,t)]||null},r.trimInPlace=function(e,t){var r=this;if(this.isInterstitial(e)&&e.event.appendInPlace&&t.end-e.end>.25){e.event.assetList.forEach((function(t,i){e.event.isAssetPastPlayoutLimit(i)&&r.clearAssetPlayer(t.identifier,null)}));var i=e.end+.25,n=dr.bufferInfo(this.primaryMedia,i,0);(n.end>i||(n.nextStart||0)>i)&&(this.log("trim buffered interstitial "+to(e)+" (was "+to(t)+")"),this.attachPrimary(i,null,!0),this.flushFrontBuffer(i))}},r.itemsMatch=function(e,t){return!!t&&(e===t||e.event&&t.event&&this.eventItemsMatch(e,t)||!e.event&&!t.event&&this.findItemIndex(e)===this.findItemIndex(t))},r.eventItemsMatch=function(e,t){var r;return!!t&&(e===t||e.event.identifier===(null==(r=t.event)?void 0:r.identifier))},r.findItemIndex=function(e,t){return e&&this.schedule?this.schedule.findItemIndex(e,t):-1},r.updateSchedule=function(e){var t;void 0===e&&(e=!1);var r=this.mediaSelection;r&&(null==(t=this.schedule)||t.updateSchedule(r,[],e))},r.checkBuffer=function(e){var t,r=null==(t=this.schedule)?void 0:t.items;if(r){var i=dr.bufferInfo(this.primaryMedia,this.timelinePos,0);e&&(this.bufferedPos=this.timelinePos),e||(e=i.len<1),this.updateBufferedPos(i.end,r,e)}},r.updateBufferedPos=function(e,t,r){var i=this.schedule,n=this.bufferingItem;if(!(this.bufferedPos>e)&&i)if(1===t.length&&this.itemsMatch(t[0],n))this.bufferedPos=e;else{var a=this.playingItem,s=this.findItemIndex(a),o=i.findItemIndexAtTime(e);if(this.bufferedPos<e){var l,u=this.findItemIndex(n),d=Math.min(u+1,t.length-1),h=t[d];if((-1===o&&n&&e>=n.end||null!=(l=h.event)&&l.appendInPlace&&e+.01>=h.start)&&(o=d),this.isInterstitial(n)){var f=n.event;if(d-s>1&&!1===f.appendInPlace)return;if(0===f.assetList.length&&f.assetListLoader)return}if(this.bufferedPos=e,o>u&&o>s)this.bufferedToItem(h);else{var c=this.primaryDetails;this.primaryLive&&c&&e>c.edge-c.targetduration&&h.start<c.edge+this.hls.config.interstitialLiveLookAhead&&this.isInterstitial(h)&&this.preloadAssets(h.event,0)}}else r&&a&&!this.itemsMatch(a,n)&&(o===s?this.bufferedToItem(a):o===s+1&&this.bufferedToItem(t[o]))}},r.assetsBuffered=function(e,t){var r=this;return 0!==e.event.assetList.length&&!e.event.assetList.some((function(e){var i=r.getAssetPlayer(e.identifier);return!(null!=i&&i.bufferedInPlaceToEnd(t))}))},r.setBufferingItem=function(e){var t=this,r=this.bufferingItem,i=this.schedule;if(!this.itemsMatch(e,r)&&i){var n=i.items,a=i.events;if(!n||!a)return r;var s=this.isInterstitial(e),o=this.getBufferingPlayer();this.bufferingItem=e,this.bufferedPos=Math.max(e.start,Math.min(e.end,this.timelinePos));var l=o?o.remaining:r?r.end-this.timelinePos:0;if(this.log("INTERSTITIALS_BUFFERED_TO_BOUNDARY "+to(e)+(r?" ("+l.toFixed(2)+" remaining)":"")),!this.playbackDisabled)if(s){var u=i.findAssetIndex(e.event,this.bufferedPos);e.event.assetList.forEach((function(e,r){var i=t.getAssetPlayer(e.identifier);i&&(r===u&&i.loadSource(),i.resumeBuffering())}))}else this.hls.resumeBuffering(),this.playerQueue.forEach((function(e){return e.pauseBuffering()}));this.hls.trigger(b.INTERSTITIALS_BUFFERED_TO_BOUNDARY,{events:a.slice(0),schedule:n.slice(0),bufferingIndex:this.findItemIndex(e),playingIndex:this.findItemIndex(this.playingItem)})}else this.bufferingItem!==e&&(this.bufferingItem=e);return r},r.bufferedToItem=function(e,t){void 0===t&&(t=0);var r=this.setBufferingItem(e);if(!this.playbackDisabled)if(this.isInterstitial(e))this.bufferedToEvent(e,t);else if(null!==r){this.bufferingAsset=null;var i=this.detachedData;i&&i.mediaSource?this.attachPrimary(e.start,e,!0):this.preloadPrimary(e)}},r.preloadPrimary=function(e){var t=this.findItemIndex(e),r=this.getPrimaryResumption(e,t);this.startLoadingPrimaryAt(r)},r.bufferedToEvent=function(e,t){var r=e.event,i=0===r.assetList.length&&!r.assetListLoader,n=r.cue.once;if(i||!n){var a=this.preloadAssets(r,t);if(null!=a&&a.interstitial.appendInPlace){var s=this.primaryMedia;s&&this.bufferAssetPlayer(a,s)}}},r.preloadAssets=function(e,t){var r=e.assetUrl,i=e.assetList.length,n=0===i&&!e.assetListLoader,a=e.cue.once;if(n){var s,o=e.timelineStart;if(e.appendInPlace){var l,u=this.playingItem;this.isInterstitial(u)||(null==u||null==(l=u.nextEvent)?void 0:l.identifier)!==e.identifier||this.flushFrontBuffer(o+.25)}var d=0;if(!this.playingItem&&this.primaryLive&&-1===(d=this.hls.startPosition)&&(d=this.hls.liveSyncPosition||0),d&&!e.cue.pre&&!e.cue.post){var h=d-o;h>0&&(s=Math.round(1e3*h)/1e3)}if(this.log("Load interstitial asset "+(t+1)+"/"+(r?1:i)+" "+e+(s?" live-start: "+d+" start-offset: "+s:"")),r)return this.createAsset(e,0,0,o,e.duration,r);var f=this.assetListLoader.loadAssetList(e,s);f&&(e.assetListLoader=f)}else if(!a&&i){for(var c=t;c<i;c++){var g=e.assetList[c],v=this.getAssetPlayerQueueIndex(g.identifier);-1!==v&&!this.playerQueue[v].destroyed||g.error||this.createAssetPlayer(e,g,c)}var m=e.assetList[t];if(m){var p=this.getAssetPlayer(m.identifier);return p&&p.loadSource(),p}}return null},r.flushFrontBuffer=function(e){var t=this,r=this.requiredTracks;r&&(this.log("Removing front buffer starting at "+e),Object.keys(r).forEach((function(r){t.hls.trigger(b.BUFFER_FLUSHING,{startOffset:e,endOffset:1/0,type:r})})))},r.getAssetPlayerQueueIndex=function(e){for(var t=this.playerQueue,r=0;r<t.length;r++)if(e===t[r].assetId)return r;return-1},r.getAssetPlayer=function(e){var t=this.getAssetPlayerQueueIndex(e);return this.playerQueue[t]||null},r.getBufferingPlayer=function(){var e=this.playerQueue,t=this.primaryMedia;if(t)for(var r=0;r<e.length;r++)if(e[r].media===t)return e[r];return null},r.createAsset=function(e,t,r,i,n,a){var s={parentIdentifier:e.identifier,identifier:qs(e,a,t),duration:n,startOffset:r,timelineStart:i,uri:a};return this.createAssetPlayer(e,s,t)},r.createAssetPlayer=function(e,t,r){var i=this,n=this.hls,s=n.userConfig,o=s.videoPreference,l=n.loadLevelObj||n.levels[n.currentLevel];(o||l)&&(o=a({},o),l.videoCodec&&(o.videoCodec=l.videoCodec),l.videoRange&&(o.allowedVideoRanges=[l.videoRange]));var u=n.audioTracks[n.audioTrack],h=n.subtitleTracks[n.subtitleTrack],f=0;if(this.primaryLive||e.appendInPlace){var c=this.timelinePos-t.timelineStart;if(c>1){var g=t.duration;g&&c<g&&(f=c)}}var v=t.identifier,m=d(d({},s),{},{maxMaxBufferLength:Math.min(180,n.config.maxMaxBufferLength),autoStartLoad:!0,startFragPrefetch:!0,primarySessionId:n.sessionId,assetPlayerId:v,abrEwmaDefaultEstimate:n.bandwidthEstimate,interstitialsController:void 0,startPosition:f,liveDurationInfinity:!1,testBandwidth:!1,videoPreference:o,audioPreference:u||s.audioPreference,subtitlePreference:h||s.subtitlePreference});e.appendInPlace&&(e.appendInPlaceStarted=!0,t.timelineStart&&(m.timelineOffset=t.timelineStart));var p=m.cmcd;null!=p&&p.sessionId&&p.contentId&&(m.cmcd=a({},p,{contentId:Ys(t.uri)})),this.getAssetPlayer(v)&&this.warn("Duplicate date range identifier "+e+" and asset "+v);var y=new Js(this.HlsPlayerClass,m,e,t);this.playerQueue.push(y),e.assetList[r]=t;var E=!0,T=function(n){if(n.live){var a,s=new Error("Interstitials MUST be VOD assets "+e),o={fatal:!0,type:R.OTHER_ERROR,details:k.INTERSTITIAL_ASSET_ITEM_ERROR,error:s},l=(null==(a=i.schedule)?void 0:a.findEventIndex(e.identifier))||-1;i.handleAssetItemError(o,e,l,r,s.message)}else{var u=n.edge-n.fragmentStart,d=t.duration;(E||null===d||u>d)&&(E=!1,i.log('Interstitial asset "'+v+'" duration change '+d+" > "+u),t.duration=u,i.updateSchedule())}};y.on(b.LEVEL_UPDATED,(function(e,t){var r=t.details;return T(r)})),y.on(b.LEVEL_PTS_UPDATED,(function(e,t){var r=t.details;return T(r)})),y.on(b.EVENT_CUE_ENTER,(function(){return i.onInterstitialCueEnter()}));var S=function(e,t){var r=i.getAssetPlayer(v);if(r&&t.tracks){r.off(b.BUFFER_CODECS,S),r.tracks=t.tracks;var n=i.primaryMedia;i.bufferingAsset===r.assetItem&&n&&!r.media&&i.bufferAssetPlayer(r,n)}};y.on(b.BUFFER_CODECS,S),y.on(b.BUFFERED_TO_END,(function(){var r,n=i.getAssetPlayer(v);if(i.log("buffered to end of asset "+n),n&&i.schedule){var a=i.schedule.findEventIndex(e.identifier),s=null==(r=i.schedule.items)?void 0:r[a];i.isInterstitial(s)&&i.advanceAssetBuffering(s,t)}}));var A=function(t){return function(){if(i.getAssetPlayer(v)&&i.schedule){i.shouldPlay=!0;var r=i.schedule.findEventIndex(e.identifier);i.advanceAfterAssetEnded(e,r,t)}}};return y.once(b.MEDIA_ENDED,A(r)),y.once(b.PLAYOUT_LIMIT_REACHED,A(1/0)),y.on(b.ERROR,(function(t,n){if(i.schedule){var a=i.getAssetPlayer(v);if(n.details===k.BUFFER_STALLED_ERROR)return null!=a&&a.appendInPlace?void i.handleInPlaceStall(e):(i.onTimeupdate(),void i.checkBuffer(!0));i.handleAssetItemError(n,e,i.schedule.findEventIndex(e.identifier),r,"Asset player error "+n.error+" "+e)}})),y.on(b.DESTROYING,(function(){if(i.getAssetPlayer(v)&&i.schedule){var t=new Error("Asset player destroyed unexpectedly "+v),n={fatal:!0,type:R.OTHER_ERROR,details:k.INTERSTITIAL_ASSET_ITEM_ERROR,error:t};i.handleAssetItemError(n,e,i.schedule.findEventIndex(e.identifier),r,t.message)}})),this.log("INTERSTITIAL_ASSET_PLAYER_CREATED "+Zs(t)),this.hls.trigger(b.INTERSTITIAL_ASSET_PLAYER_CREATED,{asset:t,assetListIndex:r,event:e,player:y}),y},r.clearInterstitial=function(e,t){var r=this;e.assetList.forEach((function(e){r.clearAssetPlayer(e.identifier,t)})),e.reset()},r.resetAssetPlayer=function(e){var t=this.getAssetPlayerQueueIndex(e);if(-1!==t){this.log('reset asset player "'+e+'" after error');var r=this.playerQueue[t];this.transferMediaFromPlayer(r,null),r.resetDetails()}},r.clearAssetPlayer=function(e,t){var r=this.getAssetPlayerQueueIndex(e);if(-1!==r){var i=this.playerQueue[r];this.log("clear "+i+" toSegment: "+(t?to(t):t)),this.transferMediaFromPlayer(i,t),this.playerQueue.splice(r,1),i.destroy()}},r.emptyPlayerQueue=function(){for(var e;e=this.playerQueue.pop();)e.destroy();this.playerQueue=[]},r.startAssetPlayer=function(e,t,r,i,n){var a=e.interstitial,s=e.assetItem,o=e.assetId,l=a.assetList.length,u=this.playingAsset;this.endedAsset=null,this.playingAsset=s,u&&u.identifier===o||(u&&(this.clearAssetPlayer(u.identifier,r[i]),delete u.error),this.log("INTERSTITIAL_ASSET_STARTED "+(t+1)+"/"+l+" "+Zs(s)),this.hls.trigger(b.INTERSTITIAL_ASSET_STARTED,{asset:s,assetListIndex:t,event:a,schedule:r.slice(0),scheduleIndex:i,player:e})),this.bufferAssetPlayer(e,n)},r.bufferAssetPlayer=function(e,t){var r,i;if(this.schedule){var n=e.interstitial,a=e.assetItem,s=this.schedule.findEventIndex(n.identifier),o=null==(r=this.schedule.items)?void 0:r[s];if(o){e.loadSource(),this.setBufferingItem(o),this.bufferingAsset=a;var l=this.getBufferingPlayer();if(l!==e){var u=n.appendInPlace;if(!u||!1!==(null==l?void 0:l.interstitial.appendInPlace)){var d=(null==l?void 0:l.tracks)||(null==(i=this.detachedData)?void 0:i.tracks)||this.requiredTracks;if(u&&a!==this.playingAsset){if(!e.tracks)return void this.log("Waiting for track info before buffering "+e);if(d&&!j(d,e.tracks)){var h=new Error("Asset "+Zs(a)+" SourceBuffer tracks ('"+Object.keys(e.tracks)+"') are not compatible with primary content tracks ('"+Object.keys(d)+"')"),f={fatal:!0,type:R.OTHER_ERROR,details:k.INTERSTITIAL_ASSET_ITEM_ERROR,error:h},c=n.findAssetIndex(a);return void this.handleAssetItemError(f,n,s,c,h.message)}}this.transferMediaTo(e,t)}}}}},r.handleInPlaceStall=function(e){var t=this.schedule,r=this.primaryMedia;if(t&&r){var i=r.currentTime,n=t.findAssetIndex(e,i),a=e.assetList[n];if(a){var s=this.getAssetPlayer(a.identifier);if(s){var o=s.currentTime||i-a.timelineStart,l=s.duration-o;if(this.warn("Stalled at "+o+" of "+(o+l)+" in "+s+" "+e+" (media.currentTime: "+i+")"),o&&(l/r.playbackRate<.5||s.bufferedInPlaceToEnd(r))&&s.hls){var u=t.findEventIndex(e.identifier);this.advanceAfterAssetEnded(e,u,n)}}}}},r.advanceInPlace=function(e){var t=this.primaryMedia;t&&t.currentTime<e&&(t.currentTime=e)},r.handleAssetItemError=function(e,t,r,i,n){if(e.details!==k.BUFFER_STALLED_ERROR){var s=t.assetList[i]||null;if(this.warn("INTERSTITIAL_ASSET_ERROR "+(s?Zs(s):s)+" "+e.error),this.schedule){var o=(null==s?void 0:s.identifier)||"",l=this.getAssetPlayerQueueIndex(o),u=this.playerQueue[l]||null,d=this.schedule.items,h=a({},e,{fatal:!1,errorAction:Kt(!0),asset:s,assetListIndex:i,event:t,schedule:d,scheduleIndex:r,player:u});if(this.hls.trigger(b.INTERSTITIAL_ASSET_ERROR,h),e.fatal){var f=this.playingAsset,c=this.bufferingAsset,g=new Error(n);if(s&&(this.clearAssetPlayer(o,null),s.error=g),t.assetList.some((function(e){return!e.error})))for(var v=i;v<t.assetList.length;v++)this.resetAssetPlayer(t.assetList[v].identifier);else t.error=g;this.updateSchedule(!0),t.error?this.primaryFallback(t):f&&f.identifier===o?this.advanceAfterAssetEnded(t,r,i):c&&c.identifier===o&&this.isInterstitial(this.bufferingItem)&&this.advanceAssetBuffering(this.bufferingItem,c)}}}},r.primaryFallback=function(e){var t=e.timelineStart,r=this.effectivePlayingItem;if(r){this.log('Fallback to primary from event "'+e.identifier+'" start: '+t+" pos: "+this.timelinePos+" playing: "+to(r)+" error: "+e.error);var i=this.timelinePos;-1===i&&(i=this.hls.startPosition);var n=this.updateItem(r,i);if(this.itemsMatch(r,n)&&this.clearInterstitial(e,null),e.appendInPlace&&(this.attachPrimary(t,null),this.flushFrontBuffer(t)),!this.schedule)return;var a=this.schedule.findItemIndexAtTime(i);this.setSchedulePosition(a)}else this.checkStart()},r.onAssetListLoaded=function(e,t){var r,i,n=this,a=t.event,s=a.identifier,o=t.assetListResponse.ASSETS;if(null!=(r=this.schedule)&&r.hasEvent(s)){var l=a.timelineStart,u=a.duration,d=0;o.forEach((function(e,t){var r=parseFloat(e.DURATION);n.createAsset(a,t,d,l+d,r,e.URI),d+=r})),a.duration=d,this.log("Loaded asset-list with duration: "+d+" (was: "+u+") "+a);var h=this.waitingItem,f=(null==h?void 0:h.event.identifier)===s;this.updateSchedule();var c=null==(i=this.bufferingItem)?void 0:i.event;if(f){var g,v=this.schedule.findEventIndex(s),m=null==(g=this.schedule.items)?void 0:g[v];if(m){if(!this.playingItem&&this.timelinePos>m.end&&this.schedule.findItemIndexAtTime(this.timelinePos)!==v)return a.error=new Error("Interstitial no longer within playback range "+this.timelinePos+" "+a),this.updateSchedule(!0),void this.primaryFallback(a);this.setBufferingItem(m)}this.setSchedulePosition(v)}else if((null==c?void 0:c.identifier)===s){var p=a.assetList[0];if(p){var y=this.getAssetPlayer(p.identifier);if(c.appendInPlace){var E=this.primaryMedia;y&&E&&this.bufferAssetPlayer(y,E)}else y&&y.loadSource()}}}},r.onError=function(e,t){if(this.schedule)switch(t.details){case k.ASSET_LIST_PARSING_ERROR:case k.ASSET_LIST_LOAD_ERROR:case k.ASSET_LIST_LOAD_TIMEOUT:var r=t.interstitial;r&&(this.updateSchedule(!0),this.primaryFallback(r));break;case k.BUFFER_STALLED_ERROR:var i=this.endedItem||this.waitingItem||this.playingItem;if(this.isInterstitial(i)&&i.event.appendInPlace)return void this.handleInPlaceStall(i.event);this.log("Primary player stall @"+this.timelinePos+" bufferedPos: "+this.bufferedPos),this.onTimeupdate(),this.checkBuffer(!0)}},i(t,[{key:"interstitialsManager",get:function(){if(!this.hls)return null;if(this.manager)return this.manager;var e=this,t=function(){return e.bufferingItem||e.waitingItem},r=function(t){return t?e.getAssetPlayer(t.identifier):t},i=function(t,i,a,s,o){if(t){var l=t[i].start,u=t.event;if(u){if("playout"===i||u.timelineOccupancy!==js.Point){var d=r(a);(null==d?void 0:d.interstitial)===u&&(l+=d.assetItem.startOffset+d[o])}}else l+=("bufferedPos"===s?n():e[s])-t.start;return l}return 0},n=function(){var t=e.bufferedPos;return t===Number.MAX_VALUE?a("primary"):Math.max(t,0)},a=function(t){var r,i;return null!=(r=e.primaryDetails)&&r.live?e.primaryDetails.edge:(null==(i=e.schedule)?void 0:i.durations[t])||0},s=function(t,n){var a,s,o=e.effectivePlayingItem;if((null==o||null==(a=o.event)||!a.restrictions.skip)&&e.schedule){e.log("seek to "+t+' "'+n+'"');var l=e.effectivePlayingItem,u=e.schedule.findItemIndexAtTime(t,n),d=null==(s=e.schedule.items)?void 0:s[u],h=e.getBufferingPlayer(),f=null==h?void 0:h.interstitial,c=null==f?void 0:f.appendInPlace,g=l&&e.itemsMatch(l,d);if(l&&(c||g)){var v=r(e.playingAsset),m=(null==v?void 0:v.media)||e.primaryMedia;if(m){var p="primary"===n?m.currentTime:i(l,n,e.playingAsset,"timelinePos","currentTime"),y=t-p,E=(c?p:m.currentTime)+y;if(E>=0&&(!v||c||E<=v.duration))return void(m.currentTime=E)}}if(d){var T=t;if("primary"!==n){var S=t-d[n].start;T=d.start+S}var A=!e.isInterstitial(d);if(e.isInterstitial(l)&&!l.event.appendInPlace||!A&&!d.event.appendInPlace){if(l){var L=e.findItemIndex(l);if(u>L){var I=e.schedule.findJumpRestrictedIndex(L+1,u);if(I>L)return void e.setSchedulePosition(I)}var R=0;if(A)e.timelinePos=T,e.checkBuffer();else for(var k=d.event.assetList,b=t-(d[n]||d).start,D=k.length;D--;){var _=k[D];if(_.duration&&b>=_.startOffset&&b<_.startOffset+_.duration){R=D;break}}e.setSchedulePosition(u,R)}}else{var P=e.media||(c?null==h?void 0:h.media:null);P&&(P.currentTime=T)}}}},o=function(){var r=e.effectivePlayingItem;if(e.isInterstitial(r))return r;var i=t();return e.isInterstitial(i)?i:null},l={get bufferedEnd(){var r,n=t(),a=e.bufferingItem;return a&&a===n&&(i(a,"playout",e.bufferingAsset,"bufferedPos","bufferedEnd")-a.playout.start||(null==(r=e.bufferingAsset)?void 0:r.startOffset))||0},get currentTime(){var t=o(),r=e.effectivePlayingItem;return r&&r===t?i(r,"playout",e.effectivePlayingAsset,"timelinePos","currentTime")-r.playout.start:0},set currentTime(t){var r=o(),i=e.effectivePlayingItem;i&&i===r&&s(t+i.playout.start,"playout")},get duration(){var e=o();return e?e.playout.end-e.playout.start:0},get assetPlayers(){var t,r=null==(t=o())?void 0:t.event.assetList;return r?r.map((function(t){return e.getAssetPlayer(t.identifier)})):[]},get playingIndex(){var t,r=null==(t=o())?void 0:t.event;return r&&e.effectivePlayingAsset?r.findAssetIndex(e.effectivePlayingAsset):-1},get scheduleItem(){return o()}};return this.manager={get events(){var t;return(null==(t=e.schedule)||null==(t=t.events)?void 0:t.slice(0))||[]},get schedule(){var t;return(null==(t=e.schedule)||null==(t=t.items)?void 0:t.slice(0))||[]},get interstitialPlayer(){return o()?l:null},get playerQueue(){return e.playerQueue.slice(0)},get bufferingAsset(){return e.bufferingAsset},get bufferingItem(){return t()},get bufferingIndex(){var r=t();return e.findItemIndex(r)},get playingAsset(){return e.effectivePlayingAsset},get playingItem(){return e.effectivePlayingItem},get playingIndex(){var t=e.effectivePlayingItem;return e.findItemIndex(t)},primary:{get bufferedEnd(){return n()},get currentTime(){var t=e.timelinePos;return t>0?t:0},set currentTime(e){s(e,"primary")},get duration(){return a("primary")},get seekableStart(){var t;return(null==(t=e.primaryDetails)?void 0:t.fragmentStart)||0}},integrated:{get bufferedEnd(){return i(t(),"integrated",e.bufferingAsset,"bufferedPos","bufferedEnd")},get currentTime(){return i(e.effectivePlayingItem,"integrated",e.effectivePlayingAsset,"timelinePos","currentTime")},set currentTime(e){s(e,"integrated")},get duration(){return a("integrated")},get seekableStart(){var t;return function(t,r){var i;if(0!==t&&"primary"!==r&&null!=(i=e.schedule)&&i.length){var n,a=e.schedule.findItemIndexAtTime(t),s=null==(n=e.schedule.items)?void 0:n[a];if(s)return t+(s[r].start-s.start)}return t}((null==(t=e.primaryDetails)?void 0:t.fragmentStart)||0,"integrated")}},skip:function(){var t=e.effectivePlayingItem,r=null==t?void 0:t.event;if(r&&!r.restrictions.skip){var i=e.findItemIndex(t);if(r.appendInPlace){var n=t.playout.start+t.event.duration;s(n+.001,"playout")}else e.advanceAfterAssetEnded(r,i,1/0)}}}}},{key:"effectivePlayingItem",get:function(){return this.waitingItem||this.playingItem||this.endedItem}},{key:"effectivePlayingAsset",get:function(){return this.playingAsset||this.endedAsset}},{key:"playingLastItem",get:function(){var e,t=this.playingItem,r=null==(e=this.schedule)?void 0:e.items;return!!(this.playbackStarted&&t&&r)&&this.findItemIndex(t)===r.length-1}},{key:"playbackStarted",get:function(){return null!==this.effectivePlayingItem}},{key:"currentTime",get:function(){var e,t;if(null!==this.mediaSelection){var r=this.waitingItem||this.playingItem;if(!this.isInterstitial(r)||r.event.appendInPlace){var i=this.media;!i&&null!=(e=this.bufferingItem)&&null!=(e=e.event)&&e.appendInPlace&&(i=this.primaryMedia);var n=null==(t=i)?void 0:t.currentTime;if(void 0!==n&&A(n))return n}}}},{key:"primaryMedia",get:function(){var e;return this.media||(null==(e=this.detachedData)?void 0:e.media)||null}},{key:"playbackDisabled",get:function(){return!1===this.hls.config.enableInterstitialPlayback}},{key:"primaryDetails",get:function(){var e;return null==(e=this.mediaSelection)?void 0:e.main.details}},{key:"primaryLive",get:function(){var e;return!(null==(e=this.primaryDetails)||!e.live)}}])}(N),so=function(e){function t(t,r,i){var n;return(n=e.call(this,t,r,i,"subtitle-stream-controller",x)||this).currentTrackId=-1,n.tracksBuffered=[],n.mainDetails=null,n.registerListeners(),n}o(t,e);var r=t.prototype;return r.onHandlerDestroying=function(){this.unregisterListeners(),e.prototype.onHandlerDestroying.call(this),this.mainDetails=null},r.registerListeners=function(){e.prototype.registerListeners.call(this);var t=this.hls;t.on(b.LEVEL_LOADED,this.onLevelLoaded,this),t.on(b.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),t.on(b.SUBTITLE_TRACK_SWITCH,this.onSubtitleTrackSwitch,this),t.on(b.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),t.on(b.SUBTITLE_FRAG_PROCESSED,this.onSubtitleFragProcessed,this),t.on(b.BUFFER_FLUSHING,this.onBufferFlushing,this)},r.unregisterListeners=function(){e.prototype.unregisterListeners.call(this);var t=this.hls;t.off(b.LEVEL_LOADED,this.onLevelLoaded,this),t.off(b.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),t.off(b.SUBTITLE_TRACK_SWITCH,this.onSubtitleTrackSwitch,this),t.off(b.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),t.off(b.SUBTITLE_FRAG_PROCESSED,this.onSubtitleFragProcessed,this),t.off(b.BUFFER_FLUSHING,this.onBufferFlushing,this)},r.startLoad=function(e,t){this.stopLoad(),this.state=_i.IDLE,this.setInterval(500),this.nextLoadPosition=this.lastCurrentTime=e+this.timelineOffset,this.startPosition=t?-1:e,this.tick()},r.onManifestLoading=function(){e.prototype.onManifestLoading.call(this),this.mainDetails=null},r.onMediaDetaching=function(t,r){this.tracksBuffered=[],e.prototype.onMediaDetaching.call(this,t,r)},r.onLevelLoaded=function(e,t){this.mainDetails=t.details},r.onSubtitleFragProcessed=function(e,t){var r=t.frag,i=t.success;if(this.fragContextChanged(r)||(te(r)&&(this.fragPrevious=r),this.state=_i.IDLE),i){var n=this.tracksBuffered[this.currentTrackId];if(n){for(var a,s=r.start,o=0;o<n.length;o++)if(s>=n[o].start&&s<=n[o].end){a=n[o];break}var l=r.start+r.duration;a?a.end=l:(a={start:s,end:l},n.push(a)),this.fragmentTracker.fragBuffered(r),this.fragBufferedComplete(r,null),this.media&&this.tick()}}},r.onBufferFlushing=function(e,t){var r=t.startOffset,i=t.endOffset;if(0===r&&i!==Number.POSITIVE_INFINITY){var n=i-1;if(n<=0)return;t.endOffsetSubtitles=Math.max(0,n),this.tracksBuffered.forEach((function(e){for(var t=0;t<e.length;)if(e[t].end<=n)e.shift();else{if(!(e[t].start<n))break;e[t].start=n,t++}})),this.fragmentTracker.removeFragmentsInRange(r,n,x)}},r.onError=function(e,t){var r=t.frag;(null==r?void 0:r.type)===x&&(t.details===k.FRAG_GAP&&this.fragmentTracker.fragBuffered(r,!0),this.fragCurrent&&this.fragCurrent.abortRequests(),this.state!==_i.STOPPED&&(this.state=_i.IDLE))},r.onSubtitleTracksUpdated=function(e,t){var r=this,i=t.subtitleTracks;this.levels&&Ea(this.levels,i)?this.levels=i.map((function(e){return new st(e)})):(this.tracksBuffered=[],this.levels=i.map((function(e){var t=new st(e);return r.tracksBuffered[t.id]=[],t})),this.fragmentTracker.removeFragmentsInRange(0,Number.POSITIVE_INFINITY,x),this.fragPrevious=null,this.mediaBuffer=null)},r.onSubtitleTrackSwitch=function(e,t){var r;if(this.currentTrackId=t.id,null!=(r=this.levels)&&r.length&&-1!==this.currentTrackId){var i=this.levels[this.currentTrackId];null!=i&&i.details?this.mediaBuffer=this.mediaBufferTimeRanges:this.mediaBuffer=null,i&&this.state!==_i.STOPPED&&this.setInterval(500)}else this.clearInterval()},r.onSubtitleTrackLoaded=function(e,t){var r,i=this.currentTrackId,n=this.levels,a=t.details,s=t.id;if(n){var o=n[s];if(!(s>=n.length)&&o){this.log("Subtitle track "+s+" loaded ["+a.startSN+","+a.endSN+"]"+(a.lastPartSn?"[part-"+a.lastPartSn+"-"+a.lastPartIndex+"]":"")+",duration:"+a.totalduration),this.mediaBuffer=this.mediaBufferTimeRanges;var l=0;if(a.live||null!=(r=o.details)&&r.live){if(a.deltaUpdateFailed)return;var u=this.mainDetails;if(!u)return void(this.startFragRequested=!1);var d,h=u.fragments[0];o.details?0===(l=this.alignPlaylists(a,o.details,null==(d=this.levelLastLoaded)?void 0:d.details))&&h&&ci(a,l=h.start):a.hasProgramDateTime&&u.hasProgramDateTime?(Ri(a,u),l=a.fragmentStart):h&&ci(a,l=h.start),u&&!this.startFragRequested&&this.setStartPosition(u,l)}o.details=a,this.levelLastLoaded=o,s===i&&(this.hls.trigger(b.SUBTITLE_TRACK_UPDATED,{details:a,id:s,groupId:t.groupId}),this.tick(),a.live&&!this.fragCurrent&&this.media&&this.state===_i.IDLE&&(Tt(null,a.fragments,this.media.currentTime,0)||(this.warn("Subtitle playlist not aligned with playback"),o.details=void 0)))}}else this.warn("Subtitle tracks were reset while loading level "+s)},r._handleFragmentLoadComplete=function(e){var t=this,r=e.frag,i=e.payload,n=r.decryptdata,a=this.hls;if(!this.fragContextChanged(r)&&i&&i.byteLength>0&&null!=n&&n.key&&n.iv&&Ir(n.method)){var s=performance.now();this.decrypter.decrypt(new Uint8Array(i),n.key.buffer,n.iv.buffer,Rr(n.method)).catch((function(e){throw a.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.FRAG_DECRYPT_ERROR,fatal:!1,error:e,reason:e.message,frag:r}),e})).then((function(e){var t=performance.now();a.trigger(b.FRAG_DECRYPTED,{frag:r,payload:e,stats:{tstart:s,tdecrypt:t}})})).catch((function(e){t.warn(e.name+": "+e.message),t.state=_i.IDLE}))}},r.doTick=function(){if(this.media){if(this.state===_i.IDLE){var e=this.currentTrackId,t=this.levels,r=null==t?void 0:t[e];if(!r||!t.length||!r.details)return;if(this.waitForLive(r))return;var i=this.config,n=this.getLoadPosition(),a=dr.bufferedInfo(this.tracksBuffered[this.currentTrackId]||[],n,i.maxBufferHole),s=a.end,o=a.len,l=r.details;if(o>this.hls.maxBufferLength+l.levelTargetDuration)return;var u=l.fragments,d=u.length,h=l.edge,f=null,c=this.fragPrevious;if(s<h){var g=i.maxFragLookUpTolerance,v=s>h-g?0:g;!(f=Tt(c,u,Math.max(u[0].start,s),v))&&c&&c.start<u[0].start&&(f=u[0])}else f=u[d-1];if(!(f=this.filterReplacedPrimary(f,r.details)))return;var m=u[f.sn-l.startSN-1];if(m&&m.cc===f.cc&&this.fragmentTracker.getState(m)===Vt&&(f=m),this.fragmentTracker.getState(f)===Vt){var p=this.mapToInitFragWhenRequired(f);p&&this.loadFragment(p,r,s)}}}else this.state=_i.IDLE},r.loadFragment=function(t,r,i){te(t)?e.prototype.loadFragment.call(this,t,r,i):this._loadInitSegment(t,r)},i(t,[{key:"mediaBufferTimeRanges",get:function(){return new oo(this.tracksBuffered[this.currentTrackId]||[])}}])}(Pi),oo=function(e){this.buffered=void 0;var t=function(t,r,i){if((r>>>=0)>i-1)throw new DOMException("Failed to execute '"+t+"' on 'TimeRanges': The index provided ("+r+") is greater than the maximum bound ("+i+")");return e[r][t]};this.buffered={get length(){return e.length},end:function(r){return t("end",r,e.length)},start:function(r){return t("start",r,e.length)}}};function lo(e,t){var r;try{r=new Event("addtrack")}catch(e){(r=document.createEvent("Event")).initEvent("addtrack",!1,!1)}r.track=e,t.dispatchEvent(r)}function uo(e,t){var r=e.mode;if("disabled"===r&&(e.mode="hidden"),e.cues&&!e.cues.getCueById(t.id))try{if(e.addCue(t),!e.cues.getCueById(t.id))throw new Error("addCue is failed for: "+t)}catch(r){Y.debug("[texttrack-utils]: "+r);try{var i=new self.TextTrackCue(t.startTime,t.endTime,t.text);i.id=t.id,e.addCue(i)}catch(e){Y.debug("[texttrack-utils]: Legacy TextTrackCue fallback failed: "+e)}}"disabled"===r&&(e.mode=r)}function ho(e,t){var r=e.mode;if("disabled"===r&&(e.mode="hidden"),e.cues)for(var i=e.cues.length;i--;)t&&e.cues[i].removeEventListener("enter",t),e.removeCue(e.cues[i]);"disabled"===r&&(e.mode=r)}function fo(e,t,r,i){var n=e.mode;if("disabled"===n&&(e.mode="hidden"),e.cues&&e.cues.length>0)for(var a=function(e,t,r){var i=[],n=function(e,t){if(t<=e[0].startTime)return 0;var r=e.length-1;if(t>e[r].endTime)return-1;for(var i,n=0,a=r;n<=a;)if(t<e[i=Math.floor((a+n)/2)].startTime)a=i-1;else{if(!(t>e[i].startTime&&n<r))return i;n=i+1}return e[n].startTime-t<t-e[a].startTime?n:a}(e,t);if(n>-1)for(var a=n,s=e.length;a<s;a++){var o=e[a];if(o.startTime>=t&&o.endTime<=r)i.push(o);else if(o.startTime>r)return i}return i}(e.cues,t,r),s=0;s<a.length;s++)i&&!i(a[s])||e.removeCue(a[s]);"disabled"===n&&(e.mode=n)}function co(e){for(var t=[],r=0;r<e.length;r++){var i=e[r];"subtitles"!==i.kind&&"captions"!==i.kind||!i.label||t.push(e[r])}return t}var go=function(e){function t(t){var r;return(r=e.call(this,t,"subtitle-track-controller")||this).media=null,r.tracks=[],r.groupIds=null,r.tracksInGroup=[],r.trackId=-1,r.currentTrack=null,r.selectDefaultTrack=!0,r.queuedDefaultTrack=-1,r.useTextTrackPolling=!1,r.subtitlePollingInterval=-1,r._subtitleDisplay=!0,r.asyncPollTrackChange=function(){return r.pollTrackChange(0)},r.onTextTracksChanged=function(){if(r.useTextTrackPolling||self.clearInterval(r.subtitlePollingInterval),r.media&&r.hls.config.renderTextTracksNatively){for(var e=null,t=co(r.media.textTracks),i=0;i<t.length;i++)if("hidden"===t[i].mode)e=t[i];else if("showing"===t[i].mode){e=t[i];break}var n=r.findTrackForTextTrack(e);r.subtitleTrack!==n&&r.setSubtitleTrack(n)}},r.registerListeners(),r}o(t,e);var r=t.prototype;return r.destroy=function(){this.unregisterListeners(),this.tracks.length=0,this.tracksInGroup.length=0,this.currentTrack=null,this.onTextTracksChanged=this.asyncPollTrackChange=null,e.prototype.destroy.call(this)},r.registerListeners=function(){var e=this.hls;e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_PARSED,this.onManifestParsed,this),e.on(b.LEVEL_LOADING,this.onLevelLoading,this),e.on(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.on(b.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),e.on(b.ERROR,this.onError,this)},r.unregisterListeners=function(){var e=this.hls;e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_PARSED,this.onManifestParsed,this),e.off(b.LEVEL_LOADING,this.onLevelLoading,this),e.off(b.LEVEL_SWITCHING,this.onLevelSwitching,this),e.off(b.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),e.off(b.ERROR,this.onError,this)},r.onMediaAttached=function(e,t){this.media=t.media,this.media&&(this.queuedDefaultTrack>-1&&(this.subtitleTrack=this.queuedDefaultTrack,this.queuedDefaultTrack=-1),this.useTextTrackPolling=!(this.media.textTracks&&"onchange"in this.media.textTracks),this.useTextTrackPolling?this.pollTrackChange(500):this.media.textTracks.addEventListener("change",this.asyncPollTrackChange))},r.pollTrackChange=function(e){self.clearInterval(this.subtitlePollingInterval),this.subtitlePollingInterval=self.setInterval(this.onTextTracksChanged,e)},r.onMediaDetaching=function(e,t){var r=this.media;if(r){var i=!!t.transferMedia;self.clearInterval(this.subtitlePollingInterval),this.useTextTrackPolling||r.textTracks.removeEventListener("change",this.asyncPollTrackChange),this.trackId>-1&&(this.queuedDefaultTrack=this.trackId),this.subtitleTrack=-1,this.media=null,i||co(r.textTracks).forEach((function(e){ho(e)}))}},r.onManifestLoading=function(){this.tracks=[],this.groupIds=null,this.tracksInGroup=[],this.trackId=-1,this.currentTrack=null,this.selectDefaultTrack=!0},r.onManifestParsed=function(e,t){this.tracks=t.subtitleTracks},r.onSubtitleTrackLoaded=function(e,t){var r=t.id,i=t.groupId,n=t.details,a=this.tracksInGroup[r];if(a&&a.groupId===i){var s=a.details;a.details=t.details,this.log("Subtitle track "+r+' "'+a.name+'" lang:'+a.lang+" group:"+i+" loaded ["+n.startSN+"-"+n.endSN+"]"),r===this.trackId&&this.playlistLoaded(r,t,s)}else this.warn("Subtitle track with id:"+r+" and group:"+i+" not found in active group "+(null==a?void 0:a.groupId))},r.onLevelLoading=function(e,t){this.switchLevel(t.level)},r.onLevelSwitching=function(e,t){this.switchLevel(t.level)},r.switchLevel=function(e){var t=this.hls.levels[e];if(t){var r=t.subtitleGroups||null,i=this.groupIds,n=this.currentTrack;if(!r||(null==i?void 0:i.length)!==(null==r?void 0:r.length)||null!=r&&r.some((function(e){return-1===(null==i?void 0:i.indexOf(e))}))){this.groupIds=r,this.trackId=-1,this.currentTrack=null;var a=this.tracks.filter((function(e){return!r||-1!==r.indexOf(e.groupId)}));if(a.length)this.selectDefaultTrack&&!a.some((function(e){return e.default}))&&(this.selectDefaultTrack=!1),a.forEach((function(e,t){e.id=t}));else if(!n&&!this.tracksInGroup.length)return;this.tracksInGroup=a;var s=this.hls.config.subtitlePreference;if(!n&&s){this.selectDefaultTrack=!1;var o=ct(s,a);if(o>-1)n=a[o];else{var l=ct(s,this.tracks);n=this.tracks[l]}}var u=this.findTrackId(n);-1===u&&n&&(u=this.findTrackId(null));var d={subtitleTracks:a};this.log("Updating subtitle tracks, "+a.length+' track(s) found in "'+(null==r?void 0:r.join(","))+'" group-id'),this.hls.trigger(b.SUBTITLE_TRACKS_UPDATED,d),-1!==u&&-1===this.trackId&&this.setSubtitleTrack(u)}}},r.findTrackId=function(e){for(var t=this.tracksInGroup,r=this.selectDefaultTrack,i=0;i<t.length;i++){var n=t[i];if((!r||n.default)&&(r||e)&&(!e||gt(n,e)))return i}if(e){for(var a=0;a<t.length;a++){var s=t[a];if(Ta(e.attrs,s.attrs,["LANGUAGE","ASSOC-LANGUAGE","CHARACTERISTICS"]))return a}for(var o=0;o<t.length;o++){var l=t[o];if(Ta(e.attrs,l.attrs,["LANGUAGE"]))return o}}return-1},r.findTrackForTextTrack=function(e){if(e)for(var t=this.tracksInGroup,r=0;r<t.length;r++)if(Sa(t[r],e))return r;return-1},r.onError=function(e,t){!t.fatal&&t.context&&(t.context.type!==C||t.context.id!==this.trackId||this.groupIds&&-1===this.groupIds.indexOf(t.context.groupId)||this.checkRetry(t))},r.setSubtitleOption=function(e){if(this.hls.config.subtitlePreference=e,e){if(-1===e.id)return this.setSubtitleTrack(-1),null;var t=this.allSubtitleTracks;if(this.selectDefaultTrack=!1,t.length){var r=this.currentTrack;if(r&&gt(e,r))return r;var i=ct(e,this.tracksInGroup);if(i>-1){var n=this.tracksInGroup[i];return this.setSubtitleTrack(i),n}if(r)return null;var a=ct(e,t);if(a>-1)return t[a]}}return null},r.loadPlaylist=function(t){e.prototype.loadPlaylist.call(this),this.shouldLoadPlaylist(this.currentTrack)&&this.scheduleLoading(this.currentTrack,t)},r.loadingPlaylist=function(t,r){e.prototype.loadingPlaylist.call(this,t,r);var i=t.id,n=t.groupId,a=this.getUrlWithDirectives(t.url,r),s=t.details,o=null==s?void 0:s.age;this.log("Loading subtitle "+i+' "'+t.name+'" lang:'+t.lang+" group:"+n+(void 0!==(null==r?void 0:r.msn)?" at sn "+r.msn+" part "+r.part:"")+(o&&s.live?" age "+o.toFixed(1)+(s.type&&" "+s.type||""):"")+" "+a),this.hls.trigger(b.SUBTITLE_TRACK_LOADING,{url:a,id:i,groupId:n,deliveryDirectives:r||null,track:t})},r.toggleTrackModes=function(){var e=this.media;if(e){var t,r=co(e.textTracks),i=this.currentTrack;if(i&&((t=r.filter((function(e){return Sa(i,e)}))[0])||this.warn('Unable to find subtitle TextTrack with name "'+i.name+'" and language "'+i.lang+'"')),[].slice.call(r).forEach((function(e){"disabled"!==e.mode&&e!==t&&(e.mode="disabled")})),t){var n=this.subtitleDisplay?"showing":"hidden";t.mode!==n&&(t.mode=n)}}},r.setSubtitleTrack=function(e){var t=this.tracksInGroup;if(this.media)if(e<-1||e>=t.length||!A(e))this.warn("Invalid subtitle track id: "+e);else{this.selectDefaultTrack=!1;var r=this.currentTrack,i=t[e]||null;if(this.trackId=e,this.currentTrack=i,this.toggleTrackModes(),i){var n=!!i.details&&!i.details.live;if(e!==this.trackId||i!==r||!n){this.log("Switching to subtitle-track "+e+(i?' "'+i.name+'" lang:'+i.lang+" group:"+i.groupId:""));var a=i.id,s=i.groupId,o=void 0===s?"":s,l=i.name,u=i.type,d=i.url;this.hls.trigger(b.SUBTITLE_TRACK_SWITCH,{id:a,groupId:o,name:l,type:u,url:d});var h=this.switchParams(i.url,null==r?void 0:r.details,i.details);this.loadPlaylist(h)}}else this.hls.trigger(b.SUBTITLE_TRACK_SWITCH,{id:e})}else this.queuedDefaultTrack=e},i(t,[{key:"subtitleDisplay",get:function(){return this._subtitleDisplay},set:function(e){this._subtitleDisplay=e,this.trackId>-1&&this.toggleTrackModes()}},{key:"allSubtitleTracks",get:function(){return this.tracks}},{key:"subtitleTracks",get:function(){return this.tracksInGroup}},{key:"subtitleTrack",get:function(){return this.trackId},set:function(e){this.selectDefaultTrack=!1,this.setSubtitleTrack(e)}}])}(ya),vo={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,128:174,129:176,130:189,131:191,132:8482,133:162,134:163,135:9834,136:224,137:32,138:232,139:226,140:234,141:238,142:244,143:251,144:193,145:201,146:211,147:218,148:220,149:252,150:8216,151:161,152:42,153:8217,154:9473,155:169,156:8480,157:8226,158:8220,159:8221,160:192,161:194,162:199,163:200,164:202,165:203,166:235,167:206,168:207,169:239,170:212,171:217,172:249,173:219,174:171,175:187,176:195,177:227,178:205,179:204,180:236,181:210,182:242,183:213,184:245,185:123,186:125,187:92,188:94,189:95,190:124,191:8764,192:196,193:228,194:214,195:246,196:223,197:165,198:164,199:9475,200:197,201:229,202:216,203:248,204:9487,205:9491,206:9495,207:9499},mo=function(e){return String.fromCharCode(vo[e]||e)},po=15,yo=100,Eo={17:1,18:3,21:5,22:7,23:9,16:11,19:12,20:14},To={17:2,18:4,21:6,22:8,23:10,19:13,20:15},So={25:1,26:3,29:5,30:7,31:9,24:11,27:12,28:14},Ao={25:2,26:4,29:6,30:8,31:10,27:13,28:15},Lo=["white","green","blue","cyan","red","yellow","magenta","black","transparent"],Io=function(){function e(){this.time=null,this.verboseLevel=0}return e.prototype.log=function(e,t){if(this.verboseLevel>=e){var r="function"==typeof t?t():t;Y.log(this.time+" ["+e+"] "+r)}},e}(),Ro=function(e){for(var t=[],r=0;r<e.length;r++)t.push(e[r].toString(16));return t},ko=function(){function e(){this.foreground="white",this.underline=!1,this.italics=!1,this.background="black",this.flash=!1}var t=e.prototype;return t.reset=function(){this.foreground="white",this.underline=!1,this.italics=!1,this.background="black",this.flash=!1},t.setStyles=function(e){for(var t=["foreground","underline","italics","background","flash"],r=0;r<t.length;r++){var i=t[r];e.hasOwnProperty(i)&&(this[i]=e[i])}},t.isDefault=function(){return"white"===this.foreground&&!this.underline&&!this.italics&&"black"===this.background&&!this.flash},t.equals=function(e){return this.foreground===e.foreground&&this.underline===e.underline&&this.italics===e.italics&&this.background===e.background&&this.flash===e.flash},t.copy=function(e){this.foreground=e.foreground,this.underline=e.underline,this.italics=e.italics,this.background=e.background,this.flash=e.flash},t.toString=function(){return"color="+this.foreground+", underline="+this.underline+", italics="+this.italics+", background="+this.background+", flash="+this.flash},e}(),bo=function(){function e(){this.uchar=" ",this.penState=new ko}var t=e.prototype;return t.reset=function(){this.uchar=" ",this.penState.reset()},t.setChar=function(e,t){this.uchar=e,this.penState.copy(t)},t.setPenState=function(e){this.penState.copy(e)},t.equals=function(e){return this.uchar===e.uchar&&this.penState.equals(e.penState)},t.copy=function(e){this.uchar=e.uchar,this.penState.copy(e.penState)},t.isEmpty=function(){return" "===this.uchar&&this.penState.isDefault()},e}(),Do=function(){function e(e){this.chars=[],this.pos=0,this.currPenState=new ko,this.cueStartTime=null,this.logger=void 0;for(var t=0;t<yo;t++)this.chars.push(new bo);this.logger=e}var t=e.prototype;return t.equals=function(e){for(var t=0;t<yo;t++)if(!this.chars[t].equals(e.chars[t]))return!1;return!0},t.copy=function(e){for(var t=0;t<yo;t++)this.chars[t].copy(e.chars[t])},t.isEmpty=function(){for(var e=!0,t=0;t<yo;t++)if(!this.chars[t].isEmpty()){e=!1;break}return e},t.setCursor=function(e){this.pos!==e&&(this.pos=e),this.pos<0?(this.logger.log(3,"Negative cursor position "+this.pos),this.pos=0):this.pos>yo&&(this.logger.log(3,"Too large cursor position "+this.pos),this.pos=yo)},t.moveCursor=function(e){var t=this.pos+e;if(e>1)for(var r=this.pos+1;r<t+1;r++)this.chars[r].setPenState(this.currPenState);this.setCursor(t)},t.backSpace=function(){this.moveCursor(-1),this.chars[this.pos].setChar(" ",this.currPenState)},t.insertChar=function(e){var t=this;e>=144&&this.backSpace();var r=mo(e);this.pos>=yo?this.logger.log(0,(function(){return"Cannot insert "+e.toString(16)+" ("+r+") at position "+t.pos+". Skipping it!"})):(this.chars[this.pos].setChar(r,this.currPenState),this.moveCursor(1))},t.clearFromPos=function(e){var t;for(t=e;t<yo;t++)this.chars[t].reset()},t.clear=function(){this.clearFromPos(0),this.pos=0,this.currPenState.reset()},t.clearToEndOfRow=function(){this.clearFromPos(this.pos)},t.getTextString=function(){for(var e=[],t=!0,r=0;r<yo;r++){var i=this.chars[r].uchar;" "!==i&&(t=!1),e.push(i)}return t?"":e.join("")},t.setPenStyles=function(e){this.currPenState.setStyles(e),this.chars[this.pos].setPenState(this.currPenState)},e}(),_o=function(){function e(e){this.rows=[],this.currRow=14,this.nrRollUpRows=null,this.lastOutputScreen=null,this.logger=void 0;for(var t=0;t<po;t++)this.rows.push(new Do(e));this.logger=e}var t=e.prototype;return t.reset=function(){for(var e=0;e<po;e++)this.rows[e].clear();this.currRow=14},t.equals=function(e){for(var t=!0,r=0;r<po;r++)if(!this.rows[r].equals(e.rows[r])){t=!1;break}return t},t.copy=function(e){for(var t=0;t<po;t++)this.rows[t].copy(e.rows[t])},t.isEmpty=function(){for(var e=!0,t=0;t<po;t++)if(!this.rows[t].isEmpty()){e=!1;break}return e},t.backSpace=function(){this.rows[this.currRow].backSpace()},t.clearToEndOfRow=function(){this.rows[this.currRow].clearToEndOfRow()},t.insertChar=function(e){this.rows[this.currRow].insertChar(e)},t.setPen=function(e){this.rows[this.currRow].setPenStyles(e)},t.moveCursor=function(e){this.rows[this.currRow].moveCursor(e)},t.setCursor=function(e){this.logger.log(2,"setCursor: "+e),this.rows[this.currRow].setCursor(e)},t.setPAC=function(e){this.logger.log(2,(function(){return"pacData = "+ut(e)}));var t=e.row-1;if(this.nrRollUpRows&&t<this.nrRollUpRows-1&&(t=this.nrRollUpRows-1),this.nrRollUpRows&&this.currRow!==t){for(var r=0;r<po;r++)this.rows[r].clear();var i=this.currRow+1-this.nrRollUpRows,n=this.lastOutputScreen;if(n){var a=n.rows[i].cueStartTime,s=this.logger.time;if(null!==a&&null!==s&&a<s)for(var o=0;o<this.nrRollUpRows;o++)this.rows[t-this.nrRollUpRows+o+1].copy(n.rows[i+o])}}this.currRow=t;var l=this.rows[this.currRow];if(null!==e.indent){var u=e.indent,d=Math.max(u-1,0);l.setCursor(e.indent),e.color=l.chars[d].penState.foreground}var h={foreground:e.color,underline:e.underline,italics:e.italics,background:"black",flash:!1};this.setPen(h)},t.setBkgData=function(e){this.logger.log(2,(function(){return"bkgData = "+ut(e)})),this.backSpace(),this.setPen(e),this.insertChar(32)},t.setRollUpRows=function(e){this.nrRollUpRows=e},t.rollUp=function(){var e=this;if(null!==this.nrRollUpRows){this.logger.log(1,(function(){return e.getDisplayText()}));var t=this.currRow+1-this.nrRollUpRows,r=this.rows.splice(t,1)[0];r.clear(),this.rows.splice(this.currRow,0,r),this.logger.log(2,"Rolling up")}else this.logger.log(3,"roll_up but nrRollUpRows not set yet")},t.getDisplayText=function(e){e=e||!1;for(var t=[],r="",i=-1,n=0;n<po;n++){var a=this.rows[n].getTextString();a&&(i=n+1,e?t.push("Row "+i+": '"+a+"'"):t.push(a.trim()))}return t.length>0&&(r=e?"["+t.join(" | ")+"]":t.join("\n")),r},t.getTextAndFormat=function(){return this.rows},e}(),Po=function(){function e(e,t,r){this.chNr=void 0,this.outputFilter=void 0,this.mode=void 0,this.verbose=void 0,this.displayedMemory=void 0,this.nonDisplayedMemory=void 0,this.lastOutputScreen=void 0,this.currRollUpRow=void 0,this.writeScreen=void 0,this.cueStartTime=void 0,this.logger=void 0,this.chNr=e,this.outputFilter=t,this.mode=null,this.verbose=0,this.displayedMemory=new _o(r),this.nonDisplayedMemory=new _o(r),this.lastOutputScreen=new _o(r),this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null,this.logger=r}var t=e.prototype;return t.reset=function(){this.mode=null,this.displayedMemory.reset(),this.nonDisplayedMemory.reset(),this.lastOutputScreen.reset(),this.outputFilter.reset(),this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null},t.getHandler=function(){return this.outputFilter},t.setHandler=function(e){this.outputFilter=e},t.setPAC=function(e){this.writeScreen.setPAC(e)},t.setBkgData=function(e){this.writeScreen.setBkgData(e)},t.setMode=function(e){e!==this.mode&&(this.mode=e,this.logger.log(2,(function(){return"MODE="+e})),"MODE_POP-ON"===this.mode?this.writeScreen=this.nonDisplayedMemory:(this.writeScreen=this.displayedMemory,this.writeScreen.reset()),"MODE_ROLL-UP"!==this.mode&&(this.displayedMemory.nrRollUpRows=null,this.nonDisplayedMemory.nrRollUpRows=null),this.mode=e)},t.insertChars=function(e){for(var t=this,r=0;r<e.length;r++)this.writeScreen.insertChar(e[r]);var i=this.writeScreen===this.displayedMemory?"DISP":"NON_DISP";this.logger.log(2,(function(){return i+": "+t.writeScreen.getDisplayText(!0)})),"MODE_PAINT-ON"!==this.mode&&"MODE_ROLL-UP"!==this.mode||(this.logger.log(1,(function(){return"DISPLAYED: "+t.displayedMemory.getDisplayText(!0)})),this.outputDataUpdate())},t.ccRCL=function(){this.logger.log(2,"RCL - Resume Caption Loading"),this.setMode("MODE_POP-ON")},t.ccBS=function(){this.logger.log(2,"BS - BackSpace"),"MODE_TEXT"!==this.mode&&(this.writeScreen.backSpace(),this.writeScreen===this.displayedMemory&&this.outputDataUpdate())},t.ccAOF=function(){},t.ccAON=function(){},t.ccDER=function(){this.logger.log(2,"DER- Delete to End of Row"),this.writeScreen.clearToEndOfRow(),this.outputDataUpdate()},t.ccRU=function(e){this.logger.log(2,"RU("+e+") - Roll Up"),this.writeScreen=this.displayedMemory,this.setMode("MODE_ROLL-UP"),this.writeScreen.setRollUpRows(e)},t.ccFON=function(){this.logger.log(2,"FON - Flash On"),this.writeScreen.setPen({flash:!0})},t.ccRDC=function(){this.logger.log(2,"RDC - Resume Direct Captioning"),this.setMode("MODE_PAINT-ON")},t.ccTR=function(){this.logger.log(2,"TR"),this.setMode("MODE_TEXT")},t.ccRTD=function(){this.logger.log(2,"RTD"),this.setMode("MODE_TEXT")},t.ccEDM=function(){this.logger.log(2,"EDM - Erase Displayed Memory"),this.displayedMemory.reset(),this.outputDataUpdate(!0)},t.ccCR=function(){this.logger.log(2,"CR - Carriage Return"),this.writeScreen.rollUp(),this.outputDataUpdate(!0)},t.ccENM=function(){this.logger.log(2,"ENM - Erase Non-displayed Memory"),this.nonDisplayedMemory.reset()},t.ccEOC=function(){var e=this;if(this.logger.log(2,"EOC - End Of Caption"),"MODE_POP-ON"===this.mode){var t=this.displayedMemory;this.displayedMemory=this.nonDisplayedMemory,this.nonDisplayedMemory=t,this.writeScreen=this.nonDisplayedMemory,this.logger.log(1,(function(){return"DISP: "+e.displayedMemory.getDisplayText()}))}this.outputDataUpdate(!0)},t.ccTO=function(e){this.logger.log(2,"TO("+e+") - Tab Offset"),this.writeScreen.moveCursor(e)},t.ccMIDROW=function(e){var t={flash:!1};if(t.underline=e%2==1,t.italics=e>=46,t.italics)t.foreground="white";else{var r=Math.floor(e/2)-16;t.foreground=["white","green","blue","cyan","red","yellow","magenta"][r]}this.logger.log(2,"MIDROW: "+ut(t)),this.writeScreen.setPen(t)},t.outputDataUpdate=function(e){void 0===e&&(e=!1);var t=this.logger.time;null!==t&&this.outputFilter&&(null!==this.cueStartTime||this.displayedMemory.isEmpty()?this.displayedMemory.equals(this.lastOutputScreen)||(this.outputFilter.newCue(this.cueStartTime,t,this.lastOutputScreen),e&&this.outputFilter.dispatchCue&&this.outputFilter.dispatchCue(),this.cueStartTime=this.displayedMemory.isEmpty()?null:t):this.cueStartTime=t,this.lastOutputScreen.copy(this.displayedMemory))},t.cueSplitAtTime=function(e){this.outputFilter&&(this.displayedMemory.isEmpty()||(this.outputFilter.newCue&&this.outputFilter.newCue(this.cueStartTime,e,this.displayedMemory),this.cueStartTime=e))},e}(),Co=function(){function e(e,t,r){this.channels=void 0,this.currentChannel=0,this.cmdHistory={a:null,b:null},this.logger=void 0;var i=this.logger=new Io;this.channels=[null,new Po(e,t,i),new Po(e+1,r,i)]}var t=e.prototype;return t.getHandler=function(e){return this.channels[e].getHandler()},t.setHandler=function(e,t){this.channels[e].setHandler(t)},t.addData=function(e,t){var r=this;this.logger.time=e;for(var i=function(e){var i=127&t[e],n=127&t[e+1],a=!1,s=null;if(0===i&&0===n)return 0;r.logger.log(3,(function(){return"["+Ro([t[e],t[e+1]])+"] -> ("+Ro([i,n])+")"}));var o=r.cmdHistory;if(i>=16&&i<=31){if(function(e,t,r){return r.a===e&&r.b===t}(i,n,o))return wo(null,null,o),r.logger.log(3,(function(){return"Repeated command ("+Ro([i,n])+") is dropped"})),0;wo(i,n,r.cmdHistory),(a=r.parseCmd(i,n))||(a=r.parseMidrow(i,n)),a||(a=r.parsePAC(i,n)),a||(a=r.parseBackgroundAttributes(i,n))}else wo(null,null,o);if(!a&&(s=r.parseChars(i,n))){var l=r.currentChannel;l&&l>0?r.channels[l].insertChars(s):r.logger.log(2,"No channel found yet. TEXT-MODE?")}a||s||r.logger.log(2,(function(){return"Couldn't parse cleaned data "+Ro([i,n])+" orig: "+Ro([t[e],t[e+1]])}))},n=0;n<t.length;n+=2)i(n)},t.parseCmd=function(e,t){if(!((20===e||28===e||21===e||29===e)&&t>=32&&t<=47||(23===e||31===e)&&t>=33&&t<=35))return!1;var r=20===e||21===e||23===e?1:2,i=this.channels[r];return 20===e||21===e||28===e||29===e?32===t?i.ccRCL():33===t?i.ccBS():34===t?i.ccAOF():35===t?i.ccAON():36===t?i.ccDER():37===t?i.ccRU(2):38===t?i.ccRU(3):39===t?i.ccRU(4):40===t?i.ccFON():41===t?i.ccRDC():42===t?i.ccTR():43===t?i.ccRTD():44===t?i.ccEDM():45===t?i.ccCR():46===t?i.ccENM():47===t&&i.ccEOC():i.ccTO(t-32),this.currentChannel=r,!0},t.parseMidrow=function(e,t){var r=0;if((17===e||25===e)&&t>=32&&t<=47){if((r=17===e?1:2)!==this.currentChannel)return this.logger.log(0,"Mismatch channel in midrow parsing"),!1;var i=this.channels[r];return!!i&&(i.ccMIDROW(t),this.logger.log(3,(function(){return"MIDROW ("+Ro([e,t])+")"})),!0)}return!1},t.parsePAC=function(e,t){var r;if(!((e>=17&&e<=23||e>=25&&e<=31)&&t>=64&&t<=127||(16===e||24===e)&&t>=64&&t<=95))return!1;var i=e<=23?1:2;r=t>=64&&t<=95?1===i?Eo[e]:So[e]:1===i?To[e]:Ao[e];var n=this.channels[i];return!!n&&(n.setPAC(this.interpretPAC(r,t)),this.currentChannel=i,!0)},t.interpretPAC=function(e,t){var r,i={color:null,italics:!1,indent:null,underline:!1,row:e};return r=t>95?t-96:t-64,i.underline=1==(1&r),r<=13?i.color=["white","green","blue","cyan","red","yellow","magenta","white"][Math.floor(r/2)]:r<=15?(i.italics=!0,i.color="white"):i.indent=4*Math.floor((r-16)/2),i},t.parseChars=function(e,t){var r,i,n=null,a=null;return e>=25?(r=2,a=e-8):(r=1,a=e),a>=17&&a<=19?(i=17===a?t+80:18===a?t+112:t+144,this.logger.log(2,(function(){return"Special char '"+mo(i)+"' in channel "+r})),n=[i]):e>=32&&e<=127&&(n=0===t?[e]:[e,t]),n&&this.logger.log(3,(function(){return"Char codes =  "+Ro(n).join(",")})),n},t.parseBackgroundAttributes=function(e,t){var r;if(!((16===e||24===e)&&t>=32&&t<=47||(23===e||31===e)&&t>=45&&t<=47))return!1;var i={};16===e||24===e?(r=Math.floor((t-32)/2),i.background=Lo[r],t%2==1&&(i.background=i.background+"_semi")):45===t?i.background="transparent":(i.foreground="black",47===t&&(i.underline=!0));var n=e<=23?1:2;return this.channels[n].setBkgData(i),!0},t.reset=function(){for(var e=0;e<Object.keys(this.channels).length;e++){var t=this.channels[e];t&&t.reset()}wo(null,null,this.cmdHistory)},t.cueSplitAtTime=function(e){for(var t=0;t<this.channels.length;t++){var r=this.channels[t];r&&r.cueSplitAtTime(e)}},e}();function wo(e,t,r){r.a=e,r.b=t}var Oo=function(){if(null!=Pr&&Pr.VTTCue)return self.VTTCue;var e=["","lr","rl"],t=["start","middle","end","left","right"];function r(e,t){if("string"!=typeof t)return!1;if(!Array.isArray(e))return!1;var r=t.toLowerCase();return!!~e.indexOf(r)&&r}function i(e){return r(t,e)}function n(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var s in a)e[s]=a[s]}return e}function a(t,a,s){var o=this,l={enumerable:!0};o.hasBeenReset=!1;var u="",d=!1,h=t,f=a,c=s,g=null,v="",m=!0,p="auto",y="start",E=50,T="middle",S=50,A="middle";Object.defineProperty(o,"id",n({},l,{get:function(){return u},set:function(e){u=""+e}})),Object.defineProperty(o,"pauseOnExit",n({},l,{get:function(){return d},set:function(e){d=!!e}})),Object.defineProperty(o,"startTime",n({},l,{get:function(){return h},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");h=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"endTime",n({},l,{get:function(){return f},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");f=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"text",n({},l,{get:function(){return c},set:function(e){c=""+e,this.hasBeenReset=!0}})),Object.defineProperty(o,"region",n({},l,{get:function(){return g},set:function(e){g=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"vertical",n({},l,{get:function(){return v},set:function(t){var i=function(t){return r(e,t)}(t);if(!1===i)throw new SyntaxError("An invalid or illegal string was specified.");v=i,this.hasBeenReset=!0}})),Object.defineProperty(o,"snapToLines",n({},l,{get:function(){return m},set:function(e){m=!!e,this.hasBeenReset=!0}})),Object.defineProperty(o,"line",n({},l,{get:function(){return p},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("An invalid number or illegal string was specified.");p=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"lineAlign",n({},l,{get:function(){return y},set:function(e){var t=i(e);if(!t)throw new SyntaxError("An invalid or illegal string was specified.");y=t,this.hasBeenReset=!0}})),Object.defineProperty(o,"position",n({},l,{get:function(){return E},set:function(e){if(e<0||e>100)throw new Error("Position must be between 0 and 100.");E=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"positionAlign",n({},l,{get:function(){return T},set:function(e){var t=i(e);if(!t)throw new SyntaxError("An invalid or illegal string was specified.");T=t,this.hasBeenReset=!0}})),Object.defineProperty(o,"size",n({},l,{get:function(){return S},set:function(e){if(e<0||e>100)throw new Error("Size must be between 0 and 100.");S=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"align",n({},l,{get:function(){return A},set:function(e){var t=i(e);if(!t)throw new SyntaxError("An invalid or illegal string was specified.");A=t,this.hasBeenReset=!0}})),o.displayState=void 0}return a.prototype.getCueAsHTML=function(){return self.WebVTT.convertCueToDOMTree(self,this.text)},a}(),xo=function(){function e(){}return e.prototype.decode=function(e,t){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))},e}();function Mo(e){function t(e,t,r,i){return 3600*(0|e)+60*(0|t)+(0|r)+parseFloat(i||0)}var r=e.match(/^(?:(\d+):)?(\d{2}):(\d{2})(\.\d+)?/);return r?parseFloat(r[2])>59?t(r[2],r[3],0,r[4]):t(r[1],r[2],r[3],r[4]):null}var Fo=function(){function e(){this.values=Object.create(null)}var t=e.prototype;return t.set=function(e,t){this.get(e)||""===t||(this.values[e]=t)},t.get=function(e,t,r){return r?this.has(e)?this.values[e]:t[r]:this.has(e)?this.values[e]:t},t.has=function(e){return e in this.values},t.alt=function(e,t,r){for(var i=0;i<r.length;++i)if(t===r[i]){this.set(e,t);break}},t.integer=function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},t.percent=function(e,t){if(/^([\d]{1,3})(\.[\d]*)?%$/.test(t)){var r=parseFloat(t);if(r>=0&&r<=100)return this.set(e,r),!0}return!1},e}();function No(e,t,r,i){var n=i?e.split(i):[e];for(var a in n)if("string"==typeof n[a]){var s=n[a].split(r);2===s.length&&t(s[0],s[1])}}var Uo=new Oo(0,0,""),Bo="middle"===Uo.align?"middle":"center";function Go(e,t,r){var i=e;function n(){var t=Mo(e);if(null===t)throw new Error("Malformed timestamp: "+i);return e=e.replace(/^[^\sa-zA-Z-]+/,""),t}function a(){e=e.replace(/^\s+/,"")}if(a(),t.startTime=n(),a(),"--\x3e"!==e.slice(0,3))throw new Error("Malformed time stamp (time stamps must be separated by '--\x3e'): "+i);e=e.slice(3),a(),t.endTime=n(),a(),function(e,t){var i=new Fo;No(e,(function(e,t){var n;switch(e){case"region":for(var a=r.length-1;a>=0;a--)if(r[a].id===t){i.set(e,r[a].region);break}break;case"vertical":i.alt(e,t,["rl","lr"]);break;case"line":n=t.split(","),i.integer(e,n[0]),i.percent(e,n[0])&&i.set("snapToLines",!1),i.alt(e,n[0],["auto"]),2===n.length&&i.alt("lineAlign",n[1],["start",Bo,"end"]);break;case"position":n=t.split(","),i.percent(e,n[0]),2===n.length&&i.alt("positionAlign",n[1],["start",Bo,"end","line-left","line-right","auto"]);break;case"size":i.percent(e,t);break;case"align":i.alt(e,t,["start",Bo,"end","left","right"])}}),/:/,/\s/),t.region=i.get("region",null),t.vertical=i.get("vertical","");var n=i.get("line","auto");"auto"===n&&-1===Uo.line&&(n=-1),t.line=n,t.lineAlign=i.get("lineAlign","start"),t.snapToLines=i.get("snapToLines",!0),t.size=i.get("size",100),t.align=i.get("align",Bo);var a=i.get("position","auto");"auto"===a&&50===Uo.position&&(a="start"===t.align||"left"===t.align?0:"end"===t.align||"right"===t.align?100:50),t.position=a}(e,t)}function Ko(e){return e.replace(/<br(?: \/)?>/gi,"\n")}var Vo=function(){function e(){this.state="INITIAL",this.buffer="",this.decoder=new xo,this.regionList=[],this.cue=null,this.oncue=void 0,this.onparsingerror=void 0,this.onflush=void 0}var t=e.prototype;return t.parse=function(e){var t=this;function r(){var e=t.buffer,r=0;for(e=Ko(e);r<e.length&&"\r"!==e[r]&&"\n"!==e[r];)++r;var i=e.slice(0,r);return"\r"===e[r]&&++r,"\n"===e[r]&&++r,t.buffer=e.slice(r),i}e&&(t.buffer+=t.decoder.decode(e,{stream:!0}));try{var i="";if("INITIAL"===t.state){if(!/\r\n|\n/.test(t.buffer))return this;var n=(i=r()).match(/^()?WEBVTT([ \t].*)?$/);if(null==n||!n[0])throw new Error("Malformed WebVTT signature.");t.state="HEADER"}for(var a=!1;t.buffer;){if(!/\r\n|\n/.test(t.buffer))return this;switch(a?a=!1:i=r(),t.state){case"HEADER":/:/.test(i)?No(i,(function(e,t){}),/:/):i||(t.state="ID");continue;case"NOTE":i||(t.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(i)){t.state="NOTE";break}if(!i)continue;if(t.cue=new Oo(0,0,""),t.state="CUE",-1===i.indexOf("--\x3e")){t.cue.id=i;continue}case"CUE":if(!t.cue){t.state="BADCUE";continue}try{Go(i,t.cue,t.regionList)}catch(e){t.cue=null,t.state="BADCUE";continue}t.state="CUETEXT";continue;case"CUETEXT":var s=-1!==i.indexOf("--\x3e");if(!i||s&&(a=!0)){t.oncue&&t.cue&&t.oncue(t.cue),t.cue=null,t.state="ID";continue}if(null===t.cue)continue;t.cue.text&&(t.cue.text+="\n"),t.cue.text+=i;continue;case"BADCUE":i||(t.state="ID")}}}catch(e){"CUETEXT"===t.state&&t.cue&&t.oncue&&t.oncue(t.cue),t.cue=null,t.state="INITIAL"===t.state?"BADWEBVTT":"BADCUE"}return this},t.flush=function(){var e=this;try{if((e.cue||"HEADER"===e.state)&&(e.buffer+="\n\n",e.parse()),"INITIAL"===e.state||"BADWEBVTT"===e.state)throw new Error("Malformed WebVTT signature.")}catch(t){e.onparsingerror&&e.onparsingerror(t)}return e.onflush&&e.onflush(),this},e}(),Ho=/\r\n|\n\r|\n|\r/g,Yo=function(e,t,r){return void 0===r&&(r=0),e.slice(r,r+t.length)===t};function Wo(e,t,r){return Ys(e.toString())+Ys(t.toString())+Ys(r)}function jo(e,t,r,i,n,a,s){var o,l,u,d=new Vo,h=q(new Uint8Array(e)).trim().replace(Ho,"\n").split("\n"),f=[],c=t?(o=t.baseTime,void 0===(l=t.timescale)&&(l=1),Vn(o,Kn,1/l)):0,g="00:00.000",v=0,m=0,p=!0;d.oncue=function(e){var a=r[i],s=r.ccOffset,o=(v-c)/9e4;if(null!=a&&a.new&&(void 0!==m?s=r.ccOffset=a.start:function(e,t,r){var i=e[t],n=e[i.prevCC];if(!n||!n.new&&i.new)return e.ccOffset=e.presentationOffset=i.start,void(i.new=!1);for(;null!=(a=n)&&a.new;){var a;e.ccOffset+=i.start-n.start,i.new=!1,n=e[(i=n).prevCC]}e.presentationOffset=r}(r,i,o)),o){if(!t)return void(u=new Error("Missing initPTS for VTT MPEGTS"));s=o-r.presentationOffset}var l=e.endTime-e.startTime,d=Qn(9e4*(e.startTime+s-m),9e4*n)/9e4;e.startTime=Math.max(d,0),e.endTime=Math.max(d+l,0);var h=e.text.trim();e.text=decodeURIComponent(encodeURIComponent(h)),e.id||(e.id=Wo(e.startTime,e.endTime,h)),e.endTime>0&&f.push(e)},d.onparsingerror=function(e){u=e},d.onflush=function(){u?s(u):a(f)},h.forEach((function(e){if(p){if(Yo(e,"X-TIMESTAMP-MAP=")){p=!1,e.slice(16).split(",").forEach((function(e){Yo(e,"LOCAL:")?g=e.slice(6):Yo(e,"MPEGTS:")&&(v=parseInt(e.slice(7)))}));try{m=function(e){var t=parseInt(e.slice(-3)),r=parseInt(e.slice(-6,-4)),i=parseInt(e.slice(-9,-7)),n=e.length>9?parseInt(e.substring(0,e.indexOf(":"))):0;if(!(A(t)&&A(r)&&A(i)&&A(n)))throw Error("Malformed X-TIMESTAMP-MAP: Local:"+e);return t+=1e3*r,(t+=6e4*i)+36e5*n}(g)/1e3}catch(e){u=e}return}""===e&&(p=!1)}d.parse(e+"\n")})),d.flush()}var qo="stpp.ttml.im1t",Xo=/^(\d{2,}):(\d{2}):(\d{2}):(\d{2})\.?(\d+)?$/,Qo=/^(\d*(?:\.\d*)?)(h|m|s|ms|f|t)$/,zo={left:"start",center:"center",right:"end",start:"start",end:"end"};function $o(e,t,r,i){var n=ce(new Uint8Array(e),["mdat"]);if(0!==n.length){var s,o,l,u,d=n.map((function(e){return q(e)})),h=(s=t.baseTime,o=1,void 0===(l=t.timescale)&&(l=1),void 0===u&&(u=!1),Vn(s,o,1/l,u));try{d.forEach((function(e){return r(function(e,t){var r=(new DOMParser).parseFromString(e,"text/xml"),i=r.getElementsByTagName("tt")[0];if(!i)throw new Error("Invalid ttml");var n={frameRate:30,subFrameRate:1,frameRateMultiplier:0,tickRate:0},s=Object.keys(n).reduce((function(e,t){return e[t]=i.getAttribute("ttp:"+t)||n[t],e}),{}),o="preserve"!==i.getAttribute("xml:space"),l=Jo(Zo(i,"styling","style")),u=Jo(Zo(i,"layout","region")),d=Zo(i,"body","[begin]");return[].map.call(d,(function(e){var r=el(e,o);if(!r||!e.hasAttribute("begin"))return null;var i=il(e.getAttribute("begin"),s),n=il(e.getAttribute("dur"),s),d=il(e.getAttribute("end"),s);if(null===i)throw rl(e);if(null===d){if(null===n)throw rl(e);d=i+n}var h=new Oo(i-t,d-t,r);h.id=Wo(h.startTime,h.endTime,h.text);var f=function(e,t,r){var i="http://www.w3.org/ns/ttml#styling",n=null,a=["displayAlign","textAlign","color","backgroundColor","fontSize","fontFamily"],s=null!=e&&e.hasAttribute("style")?e.getAttribute("style"):null;return s&&r.hasOwnProperty(s)&&(n=r[s]),a.reduce((function(r,a){var s=tl(t,i,a)||tl(e,i,a)||tl(n,i,a);return s&&(r[a]=s),r}),{})}(u[e.getAttribute("region")],l[e.getAttribute("style")],l),c=f.textAlign;if(c){var g=zo[c];g&&(h.lineAlign=g),h.align=c}return a(h,f),h})).filter((function(e){return null!==e}))}(e,h))}))}catch(e){i(e)}}else i(new Error("Could not parse IMSC1 mdat"))}function Zo(e,t,r){var i=e.getElementsByTagName(t)[0];return i?[].slice.call(i.querySelectorAll(r)):[]}function Jo(e){return e.reduce((function(e,t){var r=t.getAttribute("xml:id");return r&&(e[r]=t),e}),{})}function el(e,t){return[].slice.call(e.childNodes).reduce((function(e,r,i){var n;return"br"===r.nodeName&&i?e+"\n":null!=(n=r.childNodes)&&n.length?el(r,t):t?e+r.textContent.trim().replace(/\s+/g," "):e+r.textContent}),"")}function tl(e,t,r){return e&&e.hasAttributeNS(t,r)?e.getAttributeNS(t,r):null}function rl(e){return new Error("Could not parse ttml timestamp "+e)}function il(e,t){if(!e)return null;var r=Mo(e);return null===r&&(Xo.test(e)?r=function(e,t){var r=Xo.exec(e),i=(0|r[4])+(0|r[5])/t.subFrameRate;return 3600*(0|r[1])+60*(0|r[2])+(0|r[3])+i/t.frameRate}(e,t):Qo.test(e)&&(r=function(e,t){var r=Qo.exec(e),i=Number(r[1]);switch(r[2]){case"h":return 3600*i;case"m":return 60*i;case"ms":return 1e3*i;case"f":return i/t.frameRate;case"t":return i/t.tickRate}return i}(e,t))),r}var nl=function(){function e(e,t){this.timelineController=void 0,this.cueRanges=[],this.trackName=void 0,this.startTime=null,this.endTime=null,this.screen=null,this.timelineController=e,this.trackName=t}var t=e.prototype;return t.dispatchCue=function(){null!==this.startTime&&(this.timelineController.addCues(this.trackName,this.startTime,this.endTime,this.screen,this.cueRanges),this.startTime=null)},t.newCue=function(e,t,r){(null===this.startTime||this.startTime>e)&&(this.startTime=e),this.endTime=t,this.screen=r,this.timelineController.createCaptionsTrack(this.trackName)},t.reset=function(){this.cueRanges=[],this.startTime=null},e}(),al=function(){function e(e){this.hls=void 0,this.media=null,this.config=void 0,this.enabled=!0,this.Cues=void 0,this.textTracks=[],this.tracks=[],this.initPTS=[],this.unparsedVttFrags=[],this.captionsTracks={},this.nonNativeCaptionsTracks={},this.cea608Parser1=void 0,this.cea608Parser2=void 0,this.lastCc=-1,this.lastSn=-1,this.lastPartIndex=-1,this.prevCC=-1,this.vttCCs={ccOffset:0,presentationOffset:0,0:{start:0,prevCC:-1,new:!0}},this.captionsProperties=void 0,this.hls=e,this.config=e.config,this.Cues=e.config.cueHandler,this.captionsProperties={textTrack1:{label:this.config.captionsTextTrack1Label,languageCode:this.config.captionsTextTrack1LanguageCode},textTrack2:{label:this.config.captionsTextTrack2Label,languageCode:this.config.captionsTextTrack2LanguageCode},textTrack3:{label:this.config.captionsTextTrack3Label,languageCode:this.config.captionsTextTrack3LanguageCode},textTrack4:{label:this.config.captionsTextTrack4Label,languageCode:this.config.captionsTextTrack4LanguageCode}},e.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.on(b.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),e.on(b.FRAG_LOADING,this.onFragLoading,this),e.on(b.FRAG_LOADED,this.onFragLoaded,this),e.on(b.FRAG_PARSING_USERDATA,this.onFragParsingUserdata,this),e.on(b.FRAG_DECRYPTED,this.onFragDecrypted,this),e.on(b.INIT_PTS_FOUND,this.onInitPtsFound,this),e.on(b.SUBTITLE_TRACKS_CLEARED,this.onSubtitleTracksCleared,this),e.on(b.BUFFER_FLUSHING,this.onBufferFlushing,this)}var t=e.prototype;return t.destroy=function(){var e=this.hls;e.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.off(b.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),e.off(b.FRAG_LOADING,this.onFragLoading,this),e.off(b.FRAG_LOADED,this.onFragLoaded,this),e.off(b.FRAG_PARSING_USERDATA,this.onFragParsingUserdata,this),e.off(b.FRAG_DECRYPTED,this.onFragDecrypted,this),e.off(b.INIT_PTS_FOUND,this.onInitPtsFound,this),e.off(b.SUBTITLE_TRACKS_CLEARED,this.onSubtitleTracksCleared,this),e.off(b.BUFFER_FLUSHING,this.onBufferFlushing,this),this.hls=this.config=this.media=null,this.cea608Parser1=this.cea608Parser2=void 0},t.initCea608Parsers=function(){var e=new nl(this,"textTrack1"),t=new nl(this,"textTrack2"),r=new nl(this,"textTrack3"),i=new nl(this,"textTrack4");this.cea608Parser1=new Co(1,e,t),this.cea608Parser2=new Co(3,r,i)},t.addCues=function(e,t,r,i,n){for(var a,s,o,l,u=!1,d=n.length;d--;){var h=n[d],f=(a=h[0],s=h[1],o=t,l=r,Math.min(s,l)-Math.max(a,o));if(f>=0&&(h[0]=Math.min(h[0],t),h[1]=Math.max(h[1],r),u=!0,f/(r-t)>.5))return}if(u||n.push([t,r]),this.config.renderTextTracksNatively){var c=this.captionsTracks[e];this.Cues.newCue(c,t,r,i)}else{var g=this.Cues.newCue(null,t,r,i);this.hls.trigger(b.CUES_PARSED,{type:"captions",cues:g,track:e})}},t.onInitPtsFound=function(e,t){var r=this,i=t.frag,n=t.id,a=t.initPTS,s=t.timescale,o=t.trackId,l=this.unparsedVttFrags;n===w&&(this.initPTS[i.cc]={baseTime:a,timescale:s,trackId:o}),l.length&&(this.unparsedVttFrags=[],l.forEach((function(e){r.initPTS[e.frag.cc]?r.onFragLoaded(b.FRAG_LOADED,e):r.hls.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!1,frag:e.frag,error:new Error("Subtitle discontinuity domain does not match main")})})))},t.getExistingTrack=function(e,t){var r=this.media;if(r)for(var i=0;i<r.textTracks.length;i++){var n=r.textTracks[i];if(ol(n,{name:e,lang:t,characteristics:"transcribes-spoken-dialog,describes-music-and-sound"}))return n}return null},t.createCaptionsTrack=function(e){this.config.renderTextTracksNatively?this.createNativeTrack(e):this.createNonNativeTrack(e)},t.createNativeTrack=function(e){if(!this.captionsTracks[e]){var t=this.captionsProperties,r=this.captionsTracks,i=this.media,n=t[e],a=n.label,s=n.languageCode,o=this.getExistingTrack(a,s);if(o)r[e]=o,ho(r[e]),lo(r[e],i);else{var l=this.createTextTrack("captions",a,s);l&&(l[e]=!0,r[e]=l)}}},t.createNonNativeTrack=function(e){if(!this.nonNativeCaptionsTracks[e]){var t=this.captionsProperties[e];if(t){var r={_id:e,label:t.label,kind:"captions",default:!!t.media&&!!t.media.default,closedCaptions:t.media};this.nonNativeCaptionsTracks[e]=r,this.hls.trigger(b.NON_NATIVE_TEXT_TRACKS_FOUND,{tracks:[r]})}}},t.createTextTrack=function(e,t,r){var i=this.media;if(i)return i.addTextTrack(e,t,r)},t.onMediaAttaching=function(e,t){this.media=t.media,t.mediaSource||this._cleanTracks()},t.onMediaDetaching=function(e,t){var r=!!t.transferMedia;if(this.media=null,!r){var i=this.captionsTracks;Object.keys(i).forEach((function(e){ho(i[e]),delete i[e]})),this.nonNativeCaptionsTracks={}}},t.onManifestLoading=function(){this.lastCc=-1,this.lastSn=-1,this.lastPartIndex=-1,this.prevCC=-1,this.vttCCs={ccOffset:0,presentationOffset:0,0:{start:0,prevCC:-1,new:!0}},this._cleanTracks(),this.tracks=[],this.captionsTracks={},this.nonNativeCaptionsTracks={},this.textTracks=[],this.unparsedVttFrags=[],this.initPTS=[],this.cea608Parser1&&this.cea608Parser2&&(this.cea608Parser1.reset(),this.cea608Parser2.reset())},t._cleanTracks=function(){var e=this.media;if(e){var t=e.textTracks;if(t)for(var r=0;r<t.length;r++)ho(t[r])}},t.onSubtitleTracksUpdated=function(e,t){var r=this,i=t.subtitleTracks||[],n=i.some((function(e){return e.textCodec===qo}));if(this.config.enableWebVTT||n&&this.config.enableIMSC1){if(Ea(this.tracks,i))return void(this.tracks=i);if(this.textTracks=[],this.tracks=i,this.config.renderTextTracksNatively){var a=this.media,s=a?co(a.textTracks):null;if(this.tracks.forEach((function(e,t){var i;if(s){for(var n=null,a=0;a<s.length;a++)if(s[a]&&ol(s[a],e)){n=s[a],s[a]=null;break}n&&(i=n)}if(i)ho(i);else{var o=sl(e);(i=r.createTextTrack(o,e.name,e.lang))&&(i.mode="disabled")}i&&r.textTracks.push(i)})),null!=s&&s.length){var o=s.filter((function(e){return null!==e})).map((function(e){return e.label}));o.length&&this.hls.logger.warn("Media element contains unused subtitle tracks: "+o.join(", ")+". Replace media element for each source to clear TextTracks and captions menu.")}}else if(this.tracks.length){var l=this.tracks.map((function(e){return{label:e.name,kind:e.type.toLowerCase(),default:e.default,subtitleTrack:e}}));this.hls.trigger(b.NON_NATIVE_TEXT_TRACKS_FOUND,{tracks:l})}}},t.onManifestLoaded=function(e,t){var r=this;this.config.enableCEA708Captions&&t.captions&&t.captions.forEach((function(e){var t=/(?:CC|SERVICE)([1-4])/.exec(e.instreamId);if(t){var i="textTrack"+t[1],n=r.captionsProperties[i];n&&(n.label=e.name,e.lang&&(n.languageCode=e.lang),n.media=e)}}))},t.closedCaptionsForLevel=function(e){var t=this.hls.levels[e.level];return null==t?void 0:t.attrs["CLOSED-CAPTIONS"]},t.onFragLoading=function(e,t){if(this.enabled&&t.frag.type===w){var r,i,n=this.cea608Parser1,a=this.cea608Parser2,s=this.lastSn,o=t.frag,l=o.cc,u=o.sn,d=null!=(r=null==(i=t.part)?void 0:i.index)?r:-1;n&&a&&(u!==s+1||u===s&&d!==this.lastPartIndex+1||l!==this.lastCc)&&(n.reset(),a.reset()),this.lastCc=l,this.lastSn=u,this.lastPartIndex=d}},t.onFragLoaded=function(e,t){var r=t.frag,i=t.payload;if(r.type===x)if(i.byteLength){var n=r.decryptdata,a="stats"in t;if(null==n||!n.encrypted||a){var s=this.tracks[r.level],o=this.vttCCs;o[r.cc]||(o[r.cc]={start:r.start,prevCC:this.prevCC,new:!0},this.prevCC=r.cc),s&&s.textCodec===qo?this._parseIMSC1(r,i):this._parseVTTs(t)}}else this.hls.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!1,frag:r,error:new Error("Empty subtitle payload")})},t._parseIMSC1=function(e,t){var r=this,i=this.hls;$o(t,this.initPTS[e.cc],(function(t){r._appendCues(t,e.level),i.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!0,frag:e})}),(function(t){i.logger.log("Failed to parse IMSC1: "+t),i.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!1,frag:e,error:t})}))},t._parseVTTs=function(e){var t,r=this,i=e.frag,n=e.payload,a=this.initPTS,s=this.unparsedVttFrags,o=a.length-1;if(a[i.cc]||-1!==o){var l=this.hls;jo(null!=(t=i.initSegment)&&t.data?Le(i.initSegment.data,new Uint8Array(n)).buffer:n,this.initPTS[i.cc],this.vttCCs,i.cc,i.start,(function(e){r._appendCues(e,i.level),l.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!0,frag:i})}),(function(t){var a="Missing initPTS for VTT MPEGTS"===t.message;a?s.push(e):r._fallbackToIMSC1(i,n),l.logger.log("Failed to parse VTT cue: "+t),a&&o>i.cc||l.trigger(b.SUBTITLE_FRAG_PROCESSED,{success:!1,frag:i,error:t})}))}else s.push(e)},t._fallbackToIMSC1=function(e,t){var r=this,i=this.tracks[e.level];i.textCodec||$o(t,this.initPTS[e.cc],(function(){i.textCodec=qo,r._parseIMSC1(e,t)}),(function(){i.textCodec="wvtt"}))},t._appendCues=function(e,t){var r=this.hls;if(this.config.renderTextTracksNatively){var i=this.textTracks[t];if(!i||"disabled"===i.mode)return;e.forEach((function(e){return uo(i,e)}))}else{var n=this.tracks[t];if(!n)return;var a=n.default?"default":"subtitles"+t;r.trigger(b.CUES_PARSED,{type:"subtitles",cues:e,track:a})}},t.onFragDecrypted=function(e,t){t.frag.type===x&&this.onFragLoaded(b.FRAG_LOADED,t)},t.onSubtitleTracksCleared=function(){this.tracks=[],this.captionsTracks={}},t.onFragParsingUserdata=function(e,t){if(this.enabled&&this.config.enableCEA708Captions){var r=t.frag,i=t.samples;if(r.type!==w||"NONE"!==this.closedCaptionsForLevel(r))for(var n=0;n<i.length;n++){var a=i[n].bytes;if(a){this.cea608Parser1||this.initCea608Parsers();var s=this.extractCea608Data(a);this.cea608Parser1.addData(i[n].pts,s[0]),this.cea608Parser2.addData(i[n].pts,s[1])}}}},t.onBufferFlushing=function(e,t){var r=t.startOffset,i=t.endOffset,n=t.endOffsetSubtitles,a=t.type,s=this.media;if(s&&!(s.currentTime<i)){if(!a||"video"===a){var o=this.captionsTracks;Object.keys(o).forEach((function(e){return fo(o[e],r,i)}))}if(this.config.renderTextTracksNatively&&0===r&&void 0!==n){var l=this.textTracks;Object.keys(l).forEach((function(e){return fo(l[e],r,n)}))}}},t.extractCea608Data=function(e){for(var t=[[],[]],r=31&e[0],i=2,n=0;n<r;n++){var a=e[i++],s=127&e[i++],o=127&e[i++];if((0!==s||0!==o)&&0!=(4&a)){var l=3&a;0!==l&&1!==l||(t[l].push(s),t[l].push(o))}}return t},e}();function sl(e){return e.characteristics&&/transcribes-spoken-dialog/gi.test(e.characteristics)&&/describes-music-and-sound/gi.test(e.characteristics)?"captions":"subtitles"}function ol(e,t){return!!e&&e.kind===sl(t)&&Sa(t,e)}var ll=/\s/,ul={newCue:function(e,t,r,i){for(var n,a,s,o,l,u=[],d=self.VTTCue||self.TextTrackCue,h=0;h<i.rows.length;h++)if(s=!0,o=0,l="",!(n=i.rows[h]).isEmpty()){for(var f,c=0;c<n.chars.length;c++)ll.test(n.chars[c].uchar)&&s?o++:(l+=n.chars[c].uchar,s=!1);n.cueStartTime=t,t===r&&(r+=1e-4),o>=16?o--:o++;var g=Ko(l.trim()),v=Wo(t,r,g);null!=e&&null!=(f=e.cues)&&f.getCueById(v)||((a=new d(t,r,g)).id=v,a.line=h+1,a.align="left",a.position=10+Math.min(80,10*Math.floor(8*o/32)),u.push(a))}return e&&u.length&&(u.sort((function(e,t){return"auto"===e.line||"auto"===t.line?0:e.line>8&&t.line>8?t.line-e.line:e.line-t.line})),u.forEach((function(t){return uo(e,t)}))),u}},dl=/(\d+)-(\d+)\/(\d+)/,hl=function(){function e(e){this.fetchSetup=void 0,this.requestTimeout=void 0,this.request=null,this.response=null,this.controller=void 0,this.context=null,this.config=null,this.callbacks=null,this.stats=void 0,this.loader=null,this.fetchSetup=e.fetchSetup||fl,this.controller=new self.AbortController,this.stats=new z}var t=e.prototype;return t.destroy=function(){this.loader=this.callbacks=this.context=this.config=this.request=null,this.abortInternal(),this.response=null,this.fetchSetup=this.controller=this.stats=null},t.abortInternal=function(){this.controller&&!this.stats.loading.end&&(this.stats.aborted=!0,this.controller.abort())},t.abort=function(){var e;this.abortInternal(),null!=(e=this.callbacks)&&e.onAbort&&this.callbacks.onAbort(this.stats,this.context,this.response)},t.load=function(e,t,r){var i=this,n=this.stats;if(n.loading.start)throw new Error("Loader can only be used once.");n.loading.start=self.performance.now();var s=function(e,t){var r={method:"GET",mode:"cors",credentials:"same-origin",signal:t,headers:new self.Headers(a({},e.headers))};return e.rangeEnd&&r.headers.set("Range","bytes="+e.rangeStart+"-"+String(e.rangeEnd-1)),r}(e,this.controller.signal),o="arraybuffer"===e.responseType,l=o?"byteLength":"length",u=t.loadPolicy,d=u.maxTimeToFirstByteMs,h=u.maxLoadTimeMs;this.context=e,this.config=t,this.callbacks=r,this.request=this.fetchSetup(e,s),self.clearTimeout(this.requestTimeout),t.timeout=d&&A(d)?d:h,this.requestTimeout=self.setTimeout((function(){i.callbacks&&(i.abortInternal(),i.callbacks.onTimeout(n,e,i.response))}),t.timeout),(aa(this.request)?this.request.then(self.fetch):self.fetch(this.request)).then((function(r){var a;i.response=i.loader=r;var s=Math.max(self.performance.now(),n.loading.start);if(self.clearTimeout(i.requestTimeout),t.timeout=h,i.requestTimeout=self.setTimeout((function(){i.callbacks&&(i.abortInternal(),i.callbacks.onTimeout(n,e,i.response))}),h-(s-n.loading.start)),!r.ok){var l=r.status,u=r.statusText;throw new cl(u||"fetch, bad network response",l,r)}n.loading.first=s,n.total=function(e){var t=e.get("Content-Range");if(t){var r=function(e){var t=dl.exec(e);if(t)return parseInt(t[2])-parseInt(t[1])+1}(t);if(A(r))return r}var i=e.get("Content-Length");if(i)return parseInt(i)}(r.headers)||n.total;var d=null==(a=i.callbacks)?void 0:a.onProgress;return d&&A(t.highWaterMark)?i.loadProgressively(r,n,e,t.highWaterMark,d):o?r.arrayBuffer():"json"===e.responseType?r.json():r.text()})).then((function(r){var a,s,o=i.response;if(!o)throw new Error("loader destroyed");self.clearTimeout(i.requestTimeout),n.loading.end=Math.max(self.performance.now(),n.loading.first);var u=r[l];u&&(n.loaded=n.total=u);var d={url:o.url,data:r,code:o.status},h=null==(a=i.callbacks)?void 0:a.onProgress;h&&!A(t.highWaterMark)&&h(n,e,r,o),null==(s=i.callbacks)||s.onSuccess(d,n,e,o)})).catch((function(t){var r;if(self.clearTimeout(i.requestTimeout),!n.aborted){var a=t&&t.code||0,s=t?t.message:null;null==(r=i.callbacks)||r.onError({code:a,text:s},e,t?t.details:null,n)}}))},t.getCacheAge=function(){var e=null;if(this.response){var t=this.response.headers.get("age");e=t?parseFloat(t):null}return e},t.getResponseHeader=function(e){return this.response?this.response.headers.get(e):null},t.loadProgressively=function(e,t,r,i,n){void 0===i&&(i=0);var a=new wi,s=e.body.getReader(),o=function(){return s.read().then((function(s){if(s.done)return a.dataLength&&n(t,r,a.flush().buffer,e),Promise.resolve(new ArrayBuffer(0));var l=s.value,u=l.length;return t.loaded+=u,u<i||a.dataLength?(a.push(l),a.dataLength>=i&&n(t,r,a.flush().buffer,e)):n(t,r,l.buffer,e),o()})).catch((function(){return Promise.reject()}))};return o()},e}();function fl(e,t){return new self.Request(e.url,t)}var cl=function(e){function t(t,r,i){var n;return(n=e.call(this,t)||this).code=void 0,n.details=void 0,n.code=r,n.details=i,n}return o(t,e),t}(c(Error)),gl=/^age:\s*[\d.]+\s*$/im,vl=function(){function e(e){this.xhrSetup=void 0,this.requestTimeout=void 0,this.retryTimeout=void 0,this.retryDelay=void 0,this.config=null,this.callbacks=null,this.context=null,this.loader=null,this.stats=void 0,this.xhrSetup=e&&e.xhrSetup||null,this.stats=new z,this.retryDelay=0}var t=e.prototype;return t.destroy=function(){this.callbacks=null,this.abortInternal(),this.loader=null,this.config=null,this.context=null,this.xhrSetup=null},t.abortInternal=function(){var e=this.loader;self.clearTimeout(this.requestTimeout),self.clearTimeout(this.retryTimeout),e&&(e.onreadystatechange=null,e.onprogress=null,4!==e.readyState&&(this.stats.aborted=!0,e.abort()))},t.abort=function(){var e;this.abortInternal(),null!=(e=this.callbacks)&&e.onAbort&&this.callbacks.onAbort(this.stats,this.context,this.loader)},t.load=function(e,t,r){if(this.stats.loading.start)throw new Error("Loader can only be used once.");this.stats.loading.start=self.performance.now(),this.context=e,this.config=t,this.callbacks=r,this.loadInternal()},t.loadInternal=function(){var e=this,t=this.config,r=this.context;if(t&&r){var i=this.loader=new self.XMLHttpRequest,n=this.stats;n.loading.first=0,n.loaded=0,n.aborted=!1;var a=this.xhrSetup;a?Promise.resolve().then((function(){if(e.loader===i&&!e.stats.aborted)return a(i,r.url)})).catch((function(t){if(e.loader===i&&!e.stats.aborted)return i.open("GET",r.url,!0),a(i,r.url)})).then((function(){e.loader!==i||e.stats.aborted||e.openAndSendXhr(i,r,t)})).catch((function(t){var a;null==(a=e.callbacks)||a.onError({code:i.status,text:t.message},r,i,n)})):this.openAndSendXhr(i,r,t)}},t.openAndSendXhr=function(e,t,r){e.readyState||e.open("GET",t.url,!0);var i=t.headers,n=r.loadPolicy,a=n.maxTimeToFirstByteMs,s=n.maxLoadTimeMs;if(i)for(var o in i)e.setRequestHeader(o,i[o]);t.rangeEnd&&e.setRequestHeader("Range","bytes="+t.rangeStart+"-"+(t.rangeEnd-1)),e.onreadystatechange=this.readystatechange.bind(this),e.onprogress=this.loadprogress.bind(this),e.responseType=t.responseType,self.clearTimeout(this.requestTimeout),r.timeout=a&&A(a)?a:s,this.requestTimeout=self.setTimeout(this.loadtimeout.bind(this),r.timeout),e.send()},t.readystatechange=function(){var e=this.context,t=this.loader,r=this.stats;if(e&&t){var i=t.readyState,n=this.config;if(!r.aborted&&i>=2&&(0===r.loading.first&&(r.loading.first=Math.max(self.performance.now(),r.loading.start),n.timeout!==n.loadPolicy.maxLoadTimeMs&&(self.clearTimeout(this.requestTimeout),n.timeout=n.loadPolicy.maxLoadTimeMs,this.requestTimeout=self.setTimeout(this.loadtimeout.bind(this),n.loadPolicy.maxLoadTimeMs-(r.loading.first-r.loading.start)))),4===i)){self.clearTimeout(this.requestTimeout),t.onreadystatechange=null,t.onprogress=null;var a=t.status,s="text"===t.responseType?t.responseText:null;if(a>=200&&a<300){var o=null!=s?s:t.response;if(null!=o){var l,u;r.loading.end=Math.max(self.performance.now(),r.loading.first);var d="arraybuffer"===t.responseType?o.byteLength:o.length;r.loaded=r.total=d,r.bwEstimate=8e3*r.total/(r.loading.end-r.loading.first);var h=null==(l=this.callbacks)?void 0:l.onProgress;h&&h(r,e,o,t);var f={url:t.responseURL,data:o,code:a};return void(null==(u=this.callbacks)||u.onSuccess(f,r,e,t))}}var c,g=n.loadPolicy.errorRetry;Pt(g,r.retry,!1,{url:e.url,data:void 0,code:a})?this.retry(g):(Y.error(a+" while loading "+e.url),null==(c=this.callbacks)||c.onError({code:a,text:t.statusText},e,t,r))}}},t.loadtimeout=function(){if(this.config){var e=this.config.loadPolicy.timeoutRetry;if(Pt(e,this.stats.retry,!0))this.retry(e);else{var t;Y.warn("timeout while loading "+(null==(t=this.context)?void 0:t.url));var r=this.callbacks;r&&(this.abortInternal(),r.onTimeout(this.stats,this.context,this.loader))}}},t.retry=function(e){var t=this.context,r=this.stats;this.retryDelay=Dt(e,r.retry),r.retry++,Y.warn((status?"HTTP Status "+status:"Timeout")+" while loading "+(null==t?void 0:t.url)+", retrying "+r.retry+"/"+e.maxNumRetry+" in "+this.retryDelay+"ms"),this.abortInternal(),this.loader=null,self.clearTimeout(this.retryTimeout),this.retryTimeout=self.setTimeout(this.loadInternal.bind(this),this.retryDelay)},t.loadprogress=function(e){var t=this.stats;t.loaded=e.loaded,e.lengthComputable&&(t.total=e.total)},t.getCacheAge=function(){var e=null;if(this.loader&&gl.test(this.loader.getAllResponseHeaders())){var t=this.loader.getResponseHeader("age");e=t?parseFloat(t):null}return e},t.getResponseHeader=function(e){return this.loader&&new RegExp("^"+e+":\\s*[\\d.]+\\s*$","im").test(this.loader.getAllResponseHeaders())?this.loader.getResponseHeader(e):null},e}(),ml=d(d({autoStartLoad:!0,startPosition:-1,defaultAudioCodec:void 0,debug:!1,capLevelOnFPSDrop:!1,capLevelToPlayerSize:!1,ignoreDevicePixelRatio:!1,maxDevicePixelRatio:Number.POSITIVE_INFINITY,preferManagedMediaSource:!0,initialLiveManifestSize:1,maxBufferLength:30,backBufferLength:1/0,frontBufferFlushThreshold:1/0,startOnSegmentBoundary:!1,maxBufferSize:6e7,maxFragLookUpTolerance:.25,maxBufferHole:.1,detectStallWithCurrentTimeMs:1250,highBufferWatchdogPeriod:2,nudgeOffset:.1,nudgeMaxRetry:3,nudgeOnVideoHole:!0,liveSyncMode:"edge",liveSyncDurationCount:3,liveSyncOnStallIncrease:1,liveMaxLatencyDurationCount:1/0,liveSyncDuration:void 0,liveMaxLatencyDuration:void 0,maxLiveSyncPlaybackRate:1,liveDurationInfinity:!1,liveBackBufferLength:null,maxMaxBufferLength:600,enableWorker:!0,workerPath:null,enableSoftwareAES:!0,startLevel:void 0,startFragPrefetch:!1,fpsDroppedMonitoringPeriod:5e3,fpsDroppedMonitoringThreshold:.2,appendErrorMaxRetry:3,ignorePlaylistParsingErrors:!1,loader:vl,fLoader:void 0,pLoader:void 0,xhrSetup:void 0,licenseXhrSetup:void 0,licenseResponseCallback:void 0,abrController:yt,bufferController:ba,capLevelController:Pa,errorController:Gt,fpsController:Hs,stretchShortVideoTrack:!1,maxAudioFramesDrift:1,forceKeyFrameOnDiscontinuity:!0,abrEwmaFastLive:3,abrEwmaSlowLive:9,abrEwmaFastVoD:3,abrEwmaSlowVoD:9,abrEwmaDefaultEstimate:5e5,abrEwmaDefaultEstimateMax:5e6,abrBandWidthFactor:.95,abrBandWidthUpFactor:.7,abrMaxWithRealBitrate:!1,maxStarvationDelay:4,maxLoadingDelay:4,minAutoBitrate:0,emeEnabled:!1,widevineLicenseUrl:void 0,drmSystems:{},drmSystemOptions:{},requestMediaKeySystemAccessFunc:Gr,requireKeySystemAccessOnStart:!1,testBandwidth:!0,progressive:!1,lowLatencyMode:!0,cmcd:void 0,enableDateRangeMetadataCues:!0,enableEmsgMetadataCues:!0,enableEmsgKLVMetadata:!1,enableID3MetadataCues:!0,enableInterstitialPlayback:!0,interstitialAppendInPlace:!0,interstitialLiveLookAhead:10,useMediaCapabilities:!0,preserveManualLevelOnError:!1,certLoadPolicy:{default:{maxTimeToFirstByteMs:8e3,maxLoadTimeMs:2e4,timeoutRetry:null,errorRetry:null}},keyLoadPolicy:{default:{maxTimeToFirstByteMs:8e3,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:2e4,backoff:"linear"},errorRetry:{maxNumRetry:8,retryDelayMs:1e3,maxRetryDelayMs:2e4,backoff:"linear"}}},manifestLoadPolicy:{default:{maxTimeToFirstByteMs:1/0,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},playlistLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:2,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},fragLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:12e4,timeoutRetry:{maxNumRetry:4,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:6,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},steeringManifestLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},interstitialAssetListLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:3e4,timeoutRetry:{maxNumRetry:0,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:0,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},manifestLoadingTimeOut:1e4,manifestLoadingMaxRetry:1,manifestLoadingRetryDelay:1e3,manifestLoadingMaxRetryTimeout:64e3,levelLoadingTimeOut:1e4,levelLoadingMaxRetry:4,levelLoadingRetryDelay:1e3,levelLoadingMaxRetryTimeout:64e3,fragLoadingTimeOut:2e4,fragLoadingMaxRetry:6,fragLoadingRetryDelay:1e3,fragLoadingMaxRetryTimeout:64e3},{cueHandler:ul,enableWebVTT:!0,enableIMSC1:!0,enableCEA708Captions:!0,captionsTextTrack1Label:"English",captionsTextTrack1LanguageCode:"en",captionsTextTrack2Label:"Spanish",captionsTextTrack2LanguageCode:"es",captionsTextTrack3Label:"Unknown CC",captionsTextTrack3LanguageCode:"",captionsTextTrack4Label:"Unknown CC",captionsTextTrack4LanguageCode:"",renderTextTracksNatively:!0}),{},{subtitleStreamController:so,subtitleTrackController:go,timelineController:al,audioStreamController:pa,audioTrackController:Aa,emeController:Us,cmcdController:xs,contentSteeringController:Ms,interstitialsController:ao});function pl(e){return e&&"object"==typeof e?Array.isArray(e)?e.map(pl):Object.keys(e).reduce((function(t,r){return t[r]=pl(e[r]),t}),{}):e}function yl(e,t){var r=e.loader;r!==hl&&r!==vl?(t.log("[config]: Custom loader detected, cannot enable progressive streaming"),e.progressive=!1):function(){if(self.fetch&&self.AbortController&&self.ReadableStream&&self.Request)try{return new self.ReadableStream({}),!0}catch(e){}return!1}()&&(e.loader=hl,e.progressive=!0,e.enableSoftwareAES=!0,t.log("[config]: Progressive streaming enabled, using FetchLoader"))}var El=function(e){function t(t,r){var i;return(i=e.call(this,"gap-controller",t.logger)||this).hls=void 0,i.fragmentTracker=void 0,i.media=null,i.mediaSource=void 0,i.nudgeRetry=0,i.stallReported=!1,i.stalled=null,i.moved=!1,i.seeking=!1,i.buffered={},i.lastCurrentTime=0,i.ended=0,i.waiting=0,i.onMediaPlaying=function(){i.ended=0,i.waiting=0},i.onMediaWaiting=function(){var e;null!=(e=i.media)&&e.seeking||(i.waiting=self.performance.now(),i.tick())},i.onMediaEnded=function(){var e;i.hls&&(i.ended=(null==(e=i.media)?void 0:e.currentTime)||1,i.hls.trigger(b.MEDIA_ENDED,{stalled:!1}))},i.hls=t,i.fragmentTracker=r,i.registerListeners(),i}o(t,e);var r=t.prototype;return r.registerListeners=function(){var e=this.hls;e&&(e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.BUFFER_APPENDED,this.onBufferAppended,this))},r.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.BUFFER_APPENDED,this.onBufferAppended,this))},r.destroy=function(){e.prototype.destroy.call(this),this.unregisterListeners(),this.media=this.hls=this.fragmentTracker=null,this.mediaSource=void 0},r.onMediaAttached=function(e,t){this.setInterval(100),this.mediaSource=t.mediaSource;var r=this.media=t.media;ki(r,"playing",this.onMediaPlaying),ki(r,"waiting",this.onMediaWaiting),ki(r,"ended",this.onMediaEnded)},r.onMediaDetaching=function(e,t){this.clearInterval();var r=this.media;r&&(bi(r,"playing",this.onMediaPlaying),bi(r,"waiting",this.onMediaWaiting),bi(r,"ended",this.onMediaEnded),this.media=null),this.mediaSource=void 0},r.onBufferAppended=function(e,t){this.buffered=t.timeRanges},r.tick=function(){var e;if(null!=(e=this.media)&&e.readyState&&this.hasBuffered){var t=this.media.currentTime;this.poll(t,this.lastCurrentTime),this.lastCurrentTime=t}},r.poll=function(e,t){var r,i,n=null==(r=this.hls)?void 0:r.config;if(n){var a=this.media;if(a){var s=a.seeking,o=this.seeking&&!s,l=!this.seeking&&s,u=a.paused&&!s||a.ended||0===a.playbackRate;if(this.seeking=s,e!==t)return t&&(this.ended=0),this.moved=!0,s||(this.nudgeRetry=0,n.nudgeOnVideoHole&&!u&&e>t&&this.nudgeOnVideoHole(e,t)),void(0===this.waiting&&this.stallResolved(e));if(l||o)o&&this.stallResolved(e);else{if(u)return this.nudgeRetry=0,this.stallResolved(e),void(!this.ended&&a.ended&&this.hls&&(this.ended=e||1,this.hls.trigger(b.MEDIA_ENDED,{stalled:!1})));if(dr.getBuffered(a).length){var d=dr.bufferInfo(a,e,0),h=d.nextStart||0,f=this.fragmentTracker;if(s&&f&&this.hls){var c=Tl(this.hls.inFlightFragments,e),g=d.len>2,v=!h||c||h-e>2&&!f.getPartialFragment(e);if(g||v)return;this.moved=!1}var m=null==(i=this.hls)?void 0:i.latestLevelDetails;if(!this.moved&&null!==this.stalled&&f){if(!(d.len>0||h))return;var p=Math.max(h,d.start||0)-e,y=null!=m&&m.live?2*m.targetduration:2,E=Al(e,f);if(p>0&&(p<=y||E))return void(a.paused||this._trySkipBufferHole(E))}var T=n.detectStallWithCurrentTimeMs,S=self.performance.now(),A=this.waiting,L=this.stalled;if(null===L){if(!(A>0&&S-A<T))return void(this.stalled=S);L=this.stalled=A}var I=S-L;if(!s&&(I>=T||A)&&this.hls){var R;if("ended"===(null==(R=this.mediaSource)?void 0:R.readyState)&&(null==m||!m.live)&&Math.abs(e-((null==m?void 0:m.edge)||0))<1){if(this.ended)return;return this.ended=e||1,void this.hls.trigger(b.MEDIA_ENDED,{stalled:!0})}if(this._reportStall(d),!this.media||!this.hls)return}var k=dr.bufferInfo(a,e,n.maxBufferHole);this._tryFixBufferStall(k,I,e)}else this.nudgeRetry=0}}}},r.stallResolved=function(e){var t=this.stalled;if(t&&this.hls&&(this.stalled=null,this.stallReported)){var r=self.performance.now()-t;this.log("playback not stuck anymore @"+e+", after "+Math.round(r)+"ms"),this.stallReported=!1,this.waiting=0,this.hls.trigger(b.STALL_RESOLVED,{})}},r.nudgeOnVideoHole=function(e,t){var r,i=this.buffered.video;if(this.hls&&this.media&&this.fragmentTracker&&null!=(r=this.buffered.audio)&&r.length&&i&&i.length>1&&e>i.end(0)){var n=dr.bufferedInfo(dr.timeRangesToArray(this.buffered.audio),e,0);if(n.len>1&&t>=n.start){var a=dr.timeRangesToArray(i),s=dr.bufferedInfo(a,t,0).bufferedIndex;if(s>-1&&s<a.length-1){var o=dr.bufferedInfo(a,e,0).bufferedIndex,l=a[s].end,u=a[s+1].start;if((-1===o||o>s)&&u-l<1&&e-l<2){var d=new Error("nudging playhead to flush pipeline after video hole. currentTime: "+e+" hole: "+l+" -> "+u+" buffered index: "+o);this.warn(d.message),this.media.currentTime+=1e-6;var h=Al(e,this.fragmentTracker);h&&"fragment"in h?h=h.fragment:h||(h=void 0);var f=dr.bufferInfo(this.media,e,0);this.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_SEEK_OVER_HOLE,fatal:!1,error:d,reason:d.message,frag:h,buffer:f.len,bufferInfo:f})}}}}},r._tryFixBufferStall=function(e,t,r){var i,n,a=this.fragmentTracker,s=this.media,o=null==(i=this.hls)?void 0:i.config;if(s&&a&&o){var l=null==(n=this.hls)?void 0:n.latestLevelDetails,u=Al(r,a);if((u||null!=l&&l.live&&r<l.fragmentStart)&&(this._trySkipBufferHole(u)||!this.media))return;var d=e.buffered,h=this.adjacentTraversal(e,r);(d&&d.length>1&&e.len>o.maxBufferHole||e.nextStart&&(e.nextStart-r<o.maxBufferHole||h))&&(t>1e3*o.highBufferWatchdogPeriod||this.waiting)&&(this.warn("Trying to nudge playhead over buffer-hole"),this._tryNudgeBuffer(e))}},r.adjacentTraversal=function(e,t){var r=this.fragmentTracker,i=e.nextStart;if(r&&i){var n=r.getFragAtPos(t,w),a=r.getFragAtPos(i,w);if(n&&a)return a.sn-n.sn<2}return!1},r._reportStall=function(e){var t=this.hls,r=this.media,i=this.stallReported,n=this.stalled;if(!i&&null!==n&&r&&t){this.stallReported=!0;var a=new Error("Playback stalling at @"+r.currentTime+" due to low buffer ("+ut(e)+")");this.warn(a.message),t.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_STALLED_ERROR,fatal:!1,error:a,buffer:e.len,bufferInfo:e,stalled:{start:n}})}},r._trySkipBufferHole=function(e){var t,r=this.fragmentTracker,i=this.media,n=null==(t=this.hls)?void 0:t.config;if(!i||!r||!n)return 0;var a=i.currentTime,s=dr.bufferInfo(i,a,0),o=a<s.start?s.start:s.nextStart;if(o&&this.hls){var l=s.len<=n.maxBufferHole,u=s.len>0&&s.len<1&&i.readyState<3,d=o-a;if(d>0&&(l||u)){if(d>n.maxBufferHole){var h=!1;if(0===a){var f=r.getAppendedFrag(0,w);f&&o<f.end&&(h=!0)}if(!h&&e){var c;if(null==(c=this.hls.loadLevelObj)||!c.details)return 0;if(Tl(this.hls.inFlightFragments,o))return 0;for(var g=!1,v=e.end;v<o;){var m=Al(v,r);if(!m){g=!0;break}v+=m.duration}if(g)return 0}}var p=Math.max(o+.05,a+.1);if(this.warn("skipping hole, adjusting currentTime from "+a+" to "+p),this.moved=!0,i.currentTime=p,null==e||!e.gap){var y=new Error("fragment loaded with buffer holes, seeking from "+a+" to "+p),E={type:R.MEDIA_ERROR,details:k.BUFFER_SEEK_OVER_HOLE,fatal:!1,error:y,reason:y.message,buffer:s.len,bufferInfo:s};e&&("fragment"in e?E.part=e:E.frag=e),this.hls.trigger(b.ERROR,E)}return p}}return 0},r._tryNudgeBuffer=function(e){var t=this.hls,r=this.media,i=this.nudgeRetry,n=null==t?void 0:t.config;if(!r||!n)return 0;var a=r.currentTime;if(this.nudgeRetry++,i<n.nudgeMaxRetry){var s=a+(i+1)*n.nudgeOffset,o=new Error("Nudging 'currentTime' from "+a+" to "+s);this.warn(o.message),r.currentTime=s,t.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_NUDGE_ON_STALL,error:o,fatal:!1,buffer:e.len,bufferInfo:e})}else{var l=new Error("Playhead still not moving while enough data buffered @"+a+" after "+n.nudgeMaxRetry+" nudges");this.error(l.message),t.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.BUFFER_STALLED_ERROR,error:l,fatal:!0,buffer:e.len,bufferInfo:e})}},i(t,[{key:"hasBuffered",get:function(){return Object.keys(this.buffered).length>0}}])}(or);function Tl(e,t){var r=Sl(e.main);if(r&&r.start<=t)return r;var i=Sl(e.audio);return i&&i.start<=t?i:null}function Sl(e){if(!e)return null;switch(e.state){case _i.IDLE:case _i.STOPPED:case _i.ENDED:case _i.ERROR:return null}return e.frag}function Al(e,t){return t.getAppendedFrag(e,w)||t.getPartialFragment(e)}function Ll(){if("undefined"!=typeof self)return self.VTTCue||self.TextTrackCue}function Il(e,t,r,i,n){var a=new e(t,r,"");try{a.value=i,n&&(a.type=n)}catch(s){a=new e(t,r,ut(n?d({type:n},i):i))}return a}var Rl=function(){var e=Ll();try{e&&new e(0,Number.POSITIVE_INFINITY,"")}catch(e){return Number.MAX_VALUE}return Number.POSITIVE_INFINITY}(),kl=function(){function e(e){var t=this;this.hls=void 0,this.id3Track=null,this.media=null,this.dateRangeCuesAppended={},this.removeCues=!0,this.assetCue=void 0,this.onEventCueEnter=function(){t.hls&&t.hls.trigger(b.EVENT_CUE_ENTER,{})},this.hls=e,this._registerListeners()}var t=e.prototype;return t.destroy=function(){this._unregisterListeners(),this.id3Track=null,this.media=null,this.dateRangeCuesAppended={},this.hls=this.onEventCueEnter=null},t._registerListeners=function(){var e=this.hls;e&&(e.on(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.FRAG_PARSING_METADATA,this.onFragParsingMetadata,this),e.on(b.BUFFER_FLUSHING,this.onBufferFlushing,this),e.on(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.on(b.LEVEL_PTS_UPDATED,this.onLevelPtsUpdated,this))},t._unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MEDIA_ATTACHING,this.onMediaAttaching,this),e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.FRAG_PARSING_METADATA,this.onFragParsingMetadata,this),e.off(b.BUFFER_FLUSHING,this.onBufferFlushing,this),e.off(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.off(b.LEVEL_PTS_UPDATED,this.onLevelPtsUpdated,this))},t.onMediaAttaching=function(e,t){var r;this.media=t.media,!1===(null==(r=t.overrides)?void 0:r.cueRemoval)&&(this.removeCues=!1)},t.onMediaAttached=function(){var e,t=null==(e=this.hls)?void 0:e.latestLevelDetails;t&&this.updateDateRangeCues(t)},t.onMediaDetaching=function(e,t){this.media=null,t.transferMedia||(this.id3Track&&(this.removeCues&&ho(this.id3Track,this.onEventCueEnter),this.id3Track=null),this.dateRangeCuesAppended={})},t.onManifestLoading=function(){this.dateRangeCuesAppended={}},t.createTrack=function(e){var t=this.getID3Track(e.textTracks);return t.mode="hidden",t},t.getID3Track=function(e){if(this.media){for(var t=0;t<e.length;t++){var r=e[t];if("metadata"===r.kind&&"id3"===r.label)return lo(r,this.media),r}return this.media.addTextTrack("metadata","id3")}},t.onFragParsingMetadata=function(e,t){if(this.media&&this.hls){var r=this.hls.config,i=r.enableEmsgMetadataCues,n=r.enableID3MetadataCues;if(i||n){var a=t.samples;this.id3Track||(this.id3Track=this.createTrack(this.media));var s=Ll();if(s)for(var o=0;o<a.length;o++){var l=a[o].type;if((l!==rn.emsg||i)&&n){var u=Zi(a[o].data),d=a[o].pts,h=d+a[o].duration;h>Rl&&(h=Rl),h-d<=0&&(h=d+.25);for(var f=0;f<u.length;f++){var c=u[f];if(!Ji(c)){this.updateId3CueEnds(d,l);var g=Il(s,d,h,c,l);g&&this.id3Track.addCue(g)}}}}}}},t.updateId3CueEnds=function(e,t){var r,i=null==(r=this.id3Track)?void 0:r.cues;if(i)for(var n=i.length;n--;){var a=i[n];a.type===t&&a.startTime<e&&a.endTime===Rl&&(a.endTime=e)}},t.onBufferFlushing=function(e,t){var r=t.startOffset,i=t.endOffset,n=t.type,a=this.id3Track,s=this.hls;if(s){var o=s.config,l=o.enableEmsgMetadataCues,u=o.enableID3MetadataCues;a&&(l||u)&&fo(a,r,i,"audio"===n?function(e){return e.type===rn.audioId3&&u}:"video"===n?function(e){return e.type===rn.emsg&&l}:function(e){return e.type===rn.audioId3&&u||e.type===rn.emsg&&l})}},t.onLevelUpdated=function(e,t){var r=t.details;this.updateDateRangeCues(r,!0)},t.onLevelPtsUpdated=function(e,t){Math.abs(t.drift)>.01&&this.updateDateRangeCues(t.details)},t.updateDateRangeCues=function(e,t){var r=this;if(this.hls&&this.media){var i=this.hls.config,n=i.assetPlayerId,a=i.timelineOffset,s=i.enableDateRangeMetadataCues,o=i.interstitialsController;if(s){var l=Ll();if(n&&a&&!o){var u=e.fragmentStart,d=e.fragmentEnd,h=this.assetCue;h?(h.startTime=u,h.endTime=d):l&&(h=this.assetCue=Il(l,u,d,{assetPlayerId:this.hls.config.assetPlayerId},"hlsjs.interstitial.asset"))&&(h.id=n,this.id3Track||(this.id3Track=this.createTrack(this.media)),this.id3Track.addCue(h),h.addEventListener("enter",this.onEventCueEnter))}if(e.hasProgramDateTime){var f,c=this.id3Track,g=e.dateRanges,v=Object.keys(g),m=this.dateRangeCuesAppended;if(c&&t)if(null!=(f=c.cues)&&f.length)for(var p=Object.keys(m).filter((function(e){return!v.includes(e)})),y=function(){var e,t=p[E],i=null==(e=m[t])?void 0:e.cues;delete m[t],i&&Object.keys(i).forEach((function(e){var t=i[e];if(t){t.removeEventListener("enter",r.onEventCueEnter);try{c.removeCue(t)}catch(e){}}}))},E=p.length;E--;)y();else m=this.dateRangeCuesAppended={};var T=e.fragments[e.fragments.length-1];if(0!==v.length&&A(null==T?void 0:T.programDateTime)){this.id3Track||(this.id3Track=this.createTrack(this.media));for(var S=function(){var e=v[L],t=g[e],i=t.startTime,n=m[e],a=(null==n?void 0:n.cues)||{},s=(null==n?void 0:n.durationKnown)||!1,u=Rl,d=t.duration;if(t.endDate&&null!==d)u=i+d,s=!0;else if(t.endOnNext&&!s){var h=v.reduce((function(e,r){if(r!==t.id){var i=g[r];if(i.class===t.class&&i.startDate>t.startDate&&(!e||t.startDate<e.startDate))return i}return e}),null);h&&(u=h.startTime,s=!0)}for(var f,c=Object.keys(t.attr),p=0;p<c.length;p++){var y=c[p];if("ID"!==(f=y)&&"CLASS"!==f&&"CUE"!==f&&"START-DATE"!==f&&"DURATION"!==f&&"END-DATE"!==f&&"END-ON-NEXT"!==f){var E=a[y];if(E)!s||null!=n&&n.durationKnown?Math.abs(E.startTime-i)>.01&&(E.startTime=i,E.endTime=u):E.endTime=u;else if(l){var T=t.attr[y];Er(y)&&(T=Q(T));var S=Il(l,i,u,{key:y,data:T},rn.dateRange);S&&(S.id=e,r.id3Track.addCue(S),a[y]=S,o&&("X-ASSET-LIST"!==y&&"X-ASSET-URL"!==y||S.addEventListener("enter",r.onEventCueEnter)))}}}m[e]={cues:a,dateRange:t,durationKnown:s}},L=0;L<v.length;L++)S()}}}}},e}(),bl=function(){function e(e){var t=this;this.hls=void 0,this.config=void 0,this.media=null,this.currentTime=0,this.stallCount=0,this._latency=null,this._targetLatencyUpdated=!1,this.onTimeupdate=function(){var e=t.media,r=t.levelDetails;if(e&&r){t.currentTime=e.currentTime;var i=t.computeLatency();if(null!==i){t._latency=i;var n=t.config,a=n.lowLatencyMode,s=n.maxLiveSyncPlaybackRate;if(a&&1!==s&&r.live){var o=t.targetLatency;if(null!==o){var l=i-o;if(l<Math.min(t.maxLatency,o+r.targetduration)&&l>.05&&t.forwardBufferLength>1){var u=Math.min(2,Math.max(1,s)),d=Math.round(2/(1+Math.exp(-.75*l-t.edgeStalled))*20)/20,h=Math.min(u,Math.max(1,d));t.changeMediaPlaybackRate(e,h)}else 1!==e.playbackRate&&0!==e.playbackRate&&t.changeMediaPlaybackRate(e,1)}}}}},this.hls=e,this.config=e.config,this.registerListeners()}var t=e.prototype;return t.destroy=function(){this.unregisterListeners(),this.onMediaDetaching(),this.hls=null},t.registerListeners=function(){var e=this.hls;e&&(e.on(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.on(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.on(b.ERROR,this.onError,this))},t.unregisterListeners=function(){var e=this.hls;e&&(e.off(b.MEDIA_ATTACHED,this.onMediaAttached,this),e.off(b.MEDIA_DETACHING,this.onMediaDetaching,this),e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.LEVEL_UPDATED,this.onLevelUpdated,this),e.off(b.ERROR,this.onError,this))},t.onMediaAttached=function(e,t){this.media=t.media,this.media.addEventListener("timeupdate",this.onTimeupdate)},t.onMediaDetaching=function(){this.media&&(this.media.removeEventListener("timeupdate",this.onTimeupdate),this.media=null)},t.onManifestLoading=function(){this._latency=null,this.stallCount=0},t.onLevelUpdated=function(e,t){var r=t.details;r.advanced&&this.onTimeupdate(),!r.live&&this.media&&this.media.removeEventListener("timeupdate",this.onTimeupdate)},t.onError=function(e,t){var r;t.details===k.BUFFER_STALLED_ERROR&&(this.stallCount++,this.hls&&null!=(r=this.levelDetails)&&r.live&&this.hls.logger.warn("[latency-controller]: Stall detected, adjusting target latency"))},t.changeMediaPlaybackRate=function(e,t){var r,i;e.playbackRate!==t&&(null==(r=this.hls)||r.logger.debug("[latency-controller]: latency="+this.latency.toFixed(3)+", targetLatency="+(null==(i=this.targetLatency)?void 0:i.toFixed(3))+", forwardBufferLength="+this.forwardBufferLength.toFixed(3)+": adjusting playback rate from "+e.playbackRate+" to "+t),e.playbackRate=t)},t.estimateLiveEdge=function(){var e=this.levelDetails;return null===e?null:e.edge+e.age},t.computeLatency=function(){var e=this.estimateLiveEdge();return null===e?null:e-this.currentTime},i(e,[{key:"levelDetails",get:function(){var e;return(null==(e=this.hls)?void 0:e.latestLevelDetails)||null}},{key:"latency",get:function(){return this._latency||0}},{key:"maxLatency",get:function(){var e=this.config;if(void 0!==e.liveMaxLatencyDuration)return e.liveMaxLatencyDuration;var t=this.levelDetails;return t?e.liveMaxLatencyDurationCount*t.targetduration:0}},{key:"targetLatency",get:function(){var e=this.levelDetails;if(null===e||null===this.hls)return null;var t=e.holdBack,r=e.partHoldBack,i=e.targetduration,n=this.config,a=n.liveSyncDuration,s=n.liveSyncDurationCount,o=n.lowLatencyMode,l=this.hls.userConfig,u=o&&r||t;(this._targetLatencyUpdated||l.liveSyncDuration||l.liveSyncDurationCount||0===u)&&(u=void 0!==a?a:s*i);var d=i;return u+Math.min(this.stallCount*this.config.liveSyncOnStallIncrease,d)},set:function(e){this.stallCount=0,this.config.liveSyncDuration=e,this._targetLatencyUpdated=!0}},{key:"liveSyncPosition",get:function(){var e=this.estimateLiveEdge(),t=this.targetLatency;if(null===e||null===t)return null;var r=this.levelDetails;if(null===r)return null;var i=r.edge,n=e-t-this.edgeStalled,a=i-r.totalduration,s=i-(this.config.lowLatencyMode&&r.partTarget||r.targetduration);return Math.min(Math.max(a,n),s)}},{key:"drift",get:function(){var e=this.levelDetails;return null===e?1:e.drift}},{key:"edgeStalled",get:function(){var e=this.levelDetails;if(null===e)return 0;var t=3*(this.config.lowLatencyMode&&e.partTarget||e.targetduration);return Math.max(e.age-t,0)}},{key:"forwardBufferLength",get:function(){var e=this.media,t=this.levelDetails;if(!e||!t)return 0;var r=e.buffered.length;return(r?e.buffered.end(r-1):t.edge)-this.currentTime}}])}(),Dl=function(e){function t(t,r){var i;return(i=e.call(this,t,"level-controller")||this)._levels=[],i._firstLevel=-1,i._maxAutoLevel=-1,i._startLevel=void 0,i.currentLevel=null,i.currentLevelIndex=-1,i.manualLevelIndex=-1,i.steering=void 0,i.onParsedComplete=void 0,i.steering=r,i._registerListeners(),i}o(t,e);var r=t.prototype;return r._registerListeners=function(){var e=this.hls;e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.on(b.LEVEL_LOADED,this.onLevelLoaded,this),e.on(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.on(b.FRAG_BUFFERED,this.onFragBuffered,this),e.on(b.ERROR,this.onError,this)},r._unregisterListeners=function(){var e=this.hls;e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.MANIFEST_LOADED,this.onManifestLoaded,this),e.off(b.LEVEL_LOADED,this.onLevelLoaded,this),e.off(b.LEVELS_UPDATED,this.onLevelsUpdated,this),e.off(b.FRAG_BUFFERED,this.onFragBuffered,this),e.off(b.ERROR,this.onError,this)},r.destroy=function(){this._unregisterListeners(),this.steering=null,this.resetLevels(),e.prototype.destroy.call(this)},r.stopLoad=function(){this._levels.forEach((function(e){e.loadError=0,e.fragmentError=0})),e.prototype.stopLoad.call(this)},r.resetLevels=function(){this._startLevel=void 0,this.manualLevelIndex=-1,this.currentLevelIndex=-1,this.currentLevel=null,this._levels=[],this._maxAutoLevel=-1},r.onManifestLoading=function(e,t){this.resetLevels()},r.onManifestLoaded=function(e,t){var r=this,i=this.hls.config.preferManagedMediaSource,n=[],a={},s={},o=!1,l=!1,u=!1;t.levels.forEach((function(e){var t=e.attrs,d=e.audioCodec,h=e.videoCodec;d&&(e.audioCodec=d=Ke(d,i)||void 0),h&&(h=e.videoCodec=function(e){for(var t=e.split(","),r=0;r<t.length;r++){var i=t[r].split(".");i.length>2&&"avc1"===i[0]&&(t[r]="avc1."+parseInt(i[1]).toString(16)+("000"+parseInt(i[2]).toString(16)).slice(-4))}return t.join(",")}(h));var f=e.width,c=e.height,g=e.unknownCodecs,v=(null==g?void 0:g.length)||0;if(o||(o=!(!f||!c)),l||(l=!!h),u||(u=!!d),v||d&&!r.isAudioSupported(d)||h&&!r.isVideoSupported(h))r.log('Some or all CODECS not supported "'+t.CODECS+'"');else{var m=t.CODECS,p=t["FRAME-RATE"],y=t["HDCP-LEVEL"],E=t["PATHWAY-ID"],T=t.RESOLUTION,S=t["VIDEO-RANGE"],A=(E||".")+"-"+e.bitrate+"-"+T+"-"+p+"-"+m+"-"+S+"-"+y;if(a[A])if(a[A].uri===e.url||e.attrs["PATHWAY-ID"])a[A].addGroupId("audio",t.AUDIO),a[A].addGroupId("text",t.SUBTITLES);else{var L=s[A]+=1;e.attrs["PATHWAY-ID"]=new Array(L+1).join(".");var I=r.createLevel(e);a[A]=I,n.push(I)}else{var R=r.createLevel(e);a[A]=R,s[A]=1,n.push(R)}}})),this.filterAndSortMediaOptions(n,t,o,l,u)},r.createLevel=function(e){var t=new st(e),r=e.supplemental;if(null!=r&&r.videoCodec&&!this.isVideoSupported(r.videoCodec)){var i=new Error('SUPPLEMENTAL-CODECS not supported "'+r.videoCodec+'"');this.log(i.message),t.supportedResult=Qe(i,[])}return t},r.isAudioSupported=function(e){return xe(e,"audio",this.hls.config.preferManagedMediaSource)},r.isVideoSupported=function(e){return xe(e,"video",this.hls.config.preferManagedMediaSource)},r.filterAndSortMediaOptions=function(e,t,r,i,n){var a,s=this,o=[],l=[],u=e,d=(null==(a=t.stats)?void 0:a.parsing)||{};if((r||i)&&n&&(u=u.filter((function(e){var t,r=e.videoCodec,i=e.videoRange,n=e.width,a=e.height;return(!!r||!(!n||!a))&&!!(t=i)&&et.indexOf(t)>-1}))),0===u.length)return Promise.resolve().then((function(){if(s.hls){var e="no level with compatible codecs found in manifest",r=e;t.levels.length&&(r="one or more CODECS in variant not supported: "+ut(t.levels.map((function(e){return e.attrs.CODECS})).filter((function(e,t,r){return r.indexOf(e)===t}))),s.warn(r),e+=" ("+r+")");var i=new Error(e);s.hls.trigger(b.ERROR,{type:R.MEDIA_ERROR,details:k.MANIFEST_INCOMPATIBLE_CODECS_ERROR,fatal:!0,url:t.url,error:i,reason:r})}})),void(d.end=performance.now());t.audioTracks&&_l(o=t.audioTracks.filter((function(e){return!e.audioCodec||s.isAudioSupported(e.audioCodec)}))),t.subtitles&&_l(l=t.subtitles);var h=u.slice(0);u.sort((function(e,t){if(e.attrs["HDCP-LEVEL"]!==t.attrs["HDCP-LEVEL"])return(e.attrs["HDCP-LEVEL"]||"")>(t.attrs["HDCP-LEVEL"]||"")?1:-1;if(r&&e.height!==t.height)return e.height-t.height;if(e.frameRate!==t.frameRate)return e.frameRate-t.frameRate;if(e.videoRange!==t.videoRange)return et.indexOf(e.videoRange)-et.indexOf(t.videoRange);if(e.videoCodec!==t.videoCodec){var i=Ne(e.videoCodec),n=Ne(t.videoCodec);if(i!==n)return n-i}if(e.uri===t.uri&&e.codecSet!==t.codecSet){var a=Ue(e.codecSet),s=Ue(t.codecSet);if(a!==s)return s-a}return e.averageBitrate!==t.averageBitrate?e.averageBitrate-t.averageBitrate:0}));var f=h[0];if(this.steering&&(u=this.steering.filterParsedLevels(u)).length!==h.length)for(var c=0;c<h.length;c++)if(h[c].pathwayId===u[0].pathwayId){f=h[c];break}this._levels=u;for(var g=0;g<u.length;g++)if(u[g]===f){var v;this._firstLevel=g;var m=f.bitrate,p=this.hls.bandwidthEstimate;if(this.log("manifest loaded, "+u.length+" level(s) found, first bitrate: "+m),void 0===(null==(v=this.hls.userConfig)?void 0:v.abrEwmaDefaultEstimate)){var y=Math.min(m,this.hls.config.abrEwmaDefaultEstimateMax);y>p&&p===this.hls.abrEwmaDefaultEstimate&&(this.hls.bandwidthEstimate=y)}break}var E=n&&!i,T=this.hls.config,S=!(!T.audioStreamController||!T.audioTrackController),A={levels:u,audioTracks:o,subtitleTracks:l,sessionData:t.sessionData,sessionKeys:t.sessionKeys,firstLevel:this._firstLevel,stats:t.stats,audio:n,video:i,altAudio:S&&!E&&o.some((function(e){return!!e.url}))};d.end=performance.now(),this.hls.trigger(b.MANIFEST_PARSED,A)},r.onError=function(e,t){!t.fatal&&t.context&&t.context.type===_&&t.context.level===this.level&&this.checkRetry(t)},r.onFragBuffered=function(e,t){var r=t.frag;if(void 0!==r&&r.type===w){var i=r.elementaryStreams;if(!Object.keys(i).some((function(e){return!!i[e]})))return;var n=this._levels[r.level];null!=n&&n.loadError&&(this.log("Resetting level error count of "+n.loadError+" on frag buffered"),n.loadError=0)}},r.onLevelLoaded=function(e,t){var r,i,n=t.level,a=t.details,s=t.levelInfo;if(!s)return this.warn("Invalid level index "+n),void(null!=(i=t.deliveryDirectives)&&i.skip&&(a.deltaUpdateFailed=!0));if(s===this.currentLevel||t.withoutMultiVariant){0===s.fragmentError&&(s.loadError=0);var o=s.details;o===t.details&&o.advanced&&(o=void 0),this.playlistLoaded(n,t,o)}else null!=(r=t.deliveryDirectives)&&r.skip&&(a.deltaUpdateFailed=!0)},r.loadPlaylist=function(t){e.prototype.loadPlaylist.call(this),this.shouldLoadPlaylist(this.currentLevel)&&this.scheduleLoading(this.currentLevel,t)},r.loadingPlaylist=function(t,r){e.prototype.loadingPlaylist.call(this,t,r);var i=this.getUrlWithDirectives(t.uri,r),n=this.currentLevelIndex,a=t.attrs["PATHWAY-ID"],s=t.details,o=null==s?void 0:s.age;this.log("Loading level index "+n+(void 0!==(null==r?void 0:r.msn)?" at sn "+r.msn+" part "+r.part:"")+(a?" Pathway "+a:"")+(o&&s.live?" age "+o.toFixed(1)+(s.type&&" "+s.type||""):"")+" "+i),this.hls.trigger(b.LEVEL_LOADING,{url:i,level:n,levelInfo:t,pathwayId:t.attrs["PATHWAY-ID"],id:0,deliveryDirectives:r||null})},r.removeLevel=function(e){var t,r=this;if(1!==this._levels.length){var i=this._levels.filter((function(t,i){return i!==e||(r.steering&&r.steering.removeLevel(t),t===r.currentLevel&&(r.currentLevel=null,r.currentLevelIndex=-1,t.details&&t.details.fragments.forEach((function(e){return e.level=-1}))),!1)}));yi(i),this._levels=i,this.currentLevelIndex>-1&&null!=(t=this.currentLevel)&&t.details&&(this.currentLevelIndex=this.currentLevel.details.fragments[0].level),this.manualLevelIndex>-1&&(this.manualLevelIndex=this.currentLevelIndex);var n=i.length-1;this._firstLevel=Math.min(this._firstLevel,n),this._startLevel&&(this._startLevel=Math.min(this._startLevel,n)),this.hls.trigger(b.LEVELS_UPDATED,{levels:i})}},r.onLevelsUpdated=function(e,t){var r=t.levels;this._levels=r},r.checkMaxAutoUpdated=function(){var e=this.hls,t=e.autoLevelCapping,r=e.maxAutoLevel,i=e.maxHdcpLevel;this._maxAutoLevel!==r&&(this._maxAutoLevel=r,this.hls.trigger(b.MAX_AUTO_LEVEL_UPDATED,{autoLevelCapping:t,levels:this.levels,maxAutoLevel:r,minAutoLevel:this.hls.minAutoLevel,maxHdcpLevel:i}))},i(t,[{key:"levels",get:function(){return 0===this._levels.length?null:this._levels}},{key:"loadLevelObj",get:function(){return this.currentLevel}},{key:"level",get:function(){return this.currentLevelIndex},set:function(e){var t=this._levels;if(0!==t.length){if(e<0||e>=t.length){var r=new Error("invalid level idx"),i=e<0;if(this.hls.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.LEVEL_SWITCH_ERROR,level:e,fatal:i,error:r,reason:r.message}),i)return;e=Math.min(e,t.length-1)}var n=this.currentLevelIndex,a=this.currentLevel,s=a?a.attrs["PATHWAY-ID"]:void 0,o=t[e],l=o.attrs["PATHWAY-ID"];if(this.currentLevelIndex=e,this.currentLevel=o,n!==e||!a||s!==l){this.log("Switching to level "+e+" ("+(o.height?o.height+"p ":"")+(o.videoRange?o.videoRange+" ":"")+(o.codecSet?o.codecSet+" ":"")+"@"+o.bitrate+")"+(l?" with Pathway "+l:"")+" from level "+n+(s?" with Pathway "+s:""));var u={level:e,attrs:o.attrs,details:o.details,bitrate:o.bitrate,averageBitrate:o.averageBitrate,maxBitrate:o.maxBitrate,realBitrate:o.realBitrate,width:o.width,height:o.height,codecSet:o.codecSet,audioCodec:o.audioCodec,videoCodec:o.videoCodec,audioGroups:o.audioGroups,subtitleGroups:o.subtitleGroups,loaded:o.loaded,loadError:o.loadError,fragmentError:o.fragmentError,name:o.name,id:o.id,uri:o.uri,url:o.url,urlId:0,audioGroupIds:o.audioGroupIds,textGroupIds:o.textGroupIds};this.hls.trigger(b.LEVEL_SWITCHING,u);var d=o.details;if(!d||d.live){var h=this.switchParams(o.uri,null==a?void 0:a.details,d);this.loadPlaylist(h)}}}}},{key:"manualLevel",get:function(){return this.manualLevelIndex},set:function(e){this.manualLevelIndex=e,void 0===this._startLevel&&(this._startLevel=e),-1!==e&&(this.level=e)}},{key:"firstLevel",get:function(){return this._firstLevel},set:function(e){this._firstLevel=e}},{key:"startLevel",get:function(){if(void 0===this._startLevel){var e=this.hls.config.startLevel;return void 0!==e?e:this.hls.firstAutoLevel}return this._startLevel},set:function(e){this._startLevel=e}},{key:"pathways",get:function(){return this.steering?this.steering.pathways():[]}},{key:"pathwayPriority",get:function(){return this.steering?this.steering.pathwayPriority:null},set:function(e){if(this.steering){var t=this.steering.pathways(),r=e.filter((function(e){return-1!==t.indexOf(e)}));if(e.length<1)return void this.warn("pathwayPriority "+e+" should contain at least one pathway from list: "+t);this.steering.pathwayPriority=r}}},{key:"nextLoadLevel",get:function(){return-1!==this.manualLevelIndex?this.manualLevelIndex:this.hls.nextAutoLevel},set:function(e){this.level=e,-1===this.manualLevelIndex&&(this.hls.nextAutoLevel=e)}}])}(ya);function _l(e){var t={};e.forEach((function(e){var r=e.groupId||"";e.id=t[r]=t[r]||0,t[r]++}))}function Pl(){return self.SourceBuffer||self.WebKitSourceBuffer}function Cl(){if(!W())return!1;var e=Pl();return!e||e.prototype&&"function"==typeof e.prototype.appendBuffer&&"function"==typeof e.prototype.remove}var wl=function(e){function t(t,r,i){var n;return(n=e.call(this,t,r,i,"stream-controller",w)||this).audioCodecSwap=!1,n.level=-1,n._forceStartLoad=!1,n._hasEnoughToStart=!1,n.altAudio=0,n.audioOnly=!1,n.fragPlaying=null,n.fragLastKbps=0,n.couldBacktrack=!1,n.backtrackFragment=null,n.audioCodecSwitch=!1,n.videoBuffer=null,n.onMediaPlaying=function(){n.tick()},n.onMediaSeeked=function(){var e=n.media,t=e?e.currentTime:null;if(null!==t&&A(t)&&(n.log("Media seeked to "+t.toFixed(3)),n.getBufferedFrag(t))){var r=n.getFwdBufferInfoAtPos(e,t,w,0);null!==r&&0!==r.len?n.tick():n.warn("Main forward buffer length at "+t+' on "seeked" event '+(r?r.len:"empty")+")")}},n.registerListeners(),n}o(t,e);var r=t.prototype;return r.registerListeners=function(){e.prototype.registerListeners.call(this);var t=this.hls;t.on(b.MANIFEST_PARSED,this.onManifestParsed,this),t.on(b.LEVEL_LOADING,this.onLevelLoading,this),t.on(b.LEVEL_LOADED,this.onLevelLoaded,this),t.on(b.FRAG_LOAD_EMERGENCY_ABORTED,this.onFragLoadEmergencyAborted,this),t.on(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),t.on(b.AUDIO_TRACK_SWITCHED,this.onAudioTrackSwitched,this),t.on(b.BUFFER_CREATED,this.onBufferCreated,this),t.on(b.BUFFER_FLUSHED,this.onBufferFlushed,this),t.on(b.LEVELS_UPDATED,this.onLevelsUpdated,this),t.on(b.FRAG_BUFFERED,this.onFragBuffered,this)},r.unregisterListeners=function(){e.prototype.unregisterListeners.call(this);var t=this.hls;t.off(b.MANIFEST_PARSED,this.onManifestParsed,this),t.off(b.LEVEL_LOADED,this.onLevelLoaded,this),t.off(b.FRAG_LOAD_EMERGENCY_ABORTED,this.onFragLoadEmergencyAborted,this),t.off(b.AUDIO_TRACK_SWITCHING,this.onAudioTrackSwitching,this),t.off(b.AUDIO_TRACK_SWITCHED,this.onAudioTrackSwitched,this),t.off(b.BUFFER_CREATED,this.onBufferCreated,this),t.off(b.BUFFER_FLUSHED,this.onBufferFlushed,this),t.off(b.LEVELS_UPDATED,this.onLevelsUpdated,this),t.off(b.FRAG_BUFFERED,this.onFragBuffered,this)},r.onHandlerDestroying=function(){this.onMediaPlaying=this.onMediaSeeked=null,this.unregisterListeners(),e.prototype.onHandlerDestroying.call(this)},r.startLoad=function(e,t){if(this.levels){var r=this.lastCurrentTime,i=this.hls;if(this.stopLoad(),this.setInterval(100),this.level=-1,!this.startFragRequested){var n=i.startLevel;-1===n&&(i.config.testBandwidth&&this.levels.length>1?(n=0,this.bitrateTest=!0):n=i.firstAutoLevel),i.nextLoadLevel=n,this.level=i.loadLevel,this._hasEnoughToStart=!!t}r>0&&-1===e&&!t&&(this.log("Override startPosition with lastCurrentTime @"+r.toFixed(3)),e=r),this.state=_i.IDLE,this.nextLoadPosition=this.lastCurrentTime=e+this.timelineOffset,this.startPosition=t?-1:e,this.tick()}else this._forceStartLoad=!0,this.state=_i.STOPPED},r.stopLoad=function(){this._forceStartLoad=!1,e.prototype.stopLoad.call(this)},r.doTick=function(){switch(this.state){case _i.WAITING_LEVEL:var e=this.levels,t=this.level,r=null==e?void 0:e[t],i=null==r?void 0:r.details;if(i&&(!i.live||this.levelLastLoaded===r&&!this.waitForLive(r))){if(this.waitForCdnTuneIn(i))break;this.state=_i.IDLE;break}if(this.hls.nextLoadLevel!==this.level){this.state=_i.IDLE;break}break;case _i.FRAG_LOADING_WAITING_RETRY:this.checkRetryDate()}this.state===_i.IDLE&&this.doTickIdle(),this.onTickEnd()},r.onTickEnd=function(){var t;e.prototype.onTickEnd.call(this),null!=(t=this.media)&&t.readyState&&!1===this.media.seeking&&(this.lastCurrentTime=this.media.currentTime),this.checkFragmentChanged()},r.doTickIdle=function(){var e=this.hls,t=this.levelLastLoaded,r=this.levels,i=this.media;if(null!==t&&(i||this.primaryPrefetch||!this.startFragRequested&&e.config.startFragPrefetch)&&(!this.altAudio||!this.audioOnly)){var n=this.buffering?e.nextLoadLevel:e.loadLevel;if(null!=r&&r[n]){var a=r[n],s=this.getMainFwdBufferInfo();if(null!==s){var o=this.getLevelDetails();if(o&&this._streamEnded(s,o)){var l={};return 2===this.altAudio&&(l.type="video"),this.hls.trigger(b.BUFFER_EOS,l),void(this.state=_i.ENDED)}if(this.buffering){e.loadLevel!==n&&-1===e.manualLevel&&this.log("Adapting to level "+n+" from level "+this.level),this.level=e.nextLoadLevel=n;var u=a.details;if(!u||this.state===_i.WAITING_LEVEL||this.waitForLive(a))return this.level=n,this.state=_i.WAITING_LEVEL,void(this.startFragRequested=!1);var d=s.len,h=this.getMaxBufferLength(a.maxBitrate);if(!(d>=h)){this.backtrackFragment&&this.backtrackFragment.start>s.end&&(this.backtrackFragment=null);var f=this.backtrackFragment?this.backtrackFragment.start:s.end,c=this.getNextFragment(f,u);if(this.couldBacktrack&&!this.fragPrevious&&c&&te(c)&&this.fragmentTracker.getState(c)!==Wt){var g,v=(null!=(g=this.backtrackFragment)?g:c).sn-u.startSN,m=u.fragments[v-1];m&&c.cc===m.cc&&(c=m,this.fragmentTracker.removeFragment(m))}else this.backtrackFragment&&s.len&&(this.backtrackFragment=null);if(c&&this.isLoopLoading(c,f)){if(!c.gap){var p=this.audioOnly&&!this.altAudio?$:Z,y=(p===Z?this.videoBuffer:this.mediaBuffer)||this.media;y&&this.afterBufferFlushed(y,p,w)}c=this.getNextFragmentLoopLoading(c,u,s,w,h)}c&&(!c.initSegment||c.initSegment.data||this.bitrateTest||(c=c.initSegment),this.loadFragment(c,a,f))}}}}}},r.loadFragment=function(t,r,i){var n=this.fragmentTracker.getState(t);n===Vt||n===Yt?te(t)?this.bitrateTest?(this.log("Fragment "+t.sn+" of level "+t.level+" is being downloaded to test bitrate and will not be buffered"),this._loadBitrateTestFrag(t,r)):e.prototype.loadFragment.call(this,t,r,i):this._loadInitSegment(t,r):this.clearTrackerIfNeeded(t)},r.getBufferedFrag=function(e){return this.fragmentTracker.getBufferedFrag(e,w)},r.followingBufferedFrag=function(e){return e?this.getBufferedFrag(e.end+.5):null},r.immediateLevelSwitch=function(){this.abortCurrentFrag(),this.flushMainBuffer(0,Number.POSITIVE_INFINITY)},r.nextLevelSwitch=function(){var e=this.levels,t=this.media;if(null!=t&&t.readyState){var r,i=this.getAppendedFrag(t.currentTime);i&&i.start>1&&this.flushMainBuffer(0,i.start-1);var n=this.getLevelDetails();if(null!=n&&n.live){var a=this.getMainFwdBufferInfo();if(!a||a.len<2*n.targetduration)return}if(!t.paused&&e){var s=e[this.hls.nextLoadLevel],o=this.fragLastKbps;r=o&&this.fragCurrent?this.fragCurrent.duration*s.maxBitrate/(1e3*o)+1:0}else r=0;var l=this.getBufferedFrag(t.currentTime+r);if(l){var u=this.followingBufferedFrag(l);if(u){this.abortCurrentFrag();var d=u.maxStartPTS?u.maxStartPTS:u.start,h=u.duration,f=Math.max(l.end,d+Math.min(Math.max(h-this.config.maxFragLookUpTolerance,h*(this.couldBacktrack?.5:.125)),h*(this.couldBacktrack?.75:.25)));this.flushMainBuffer(f,Number.POSITIVE_INFINITY)}}}},r.abortCurrentFrag=function(){var e=this.fragCurrent;switch(this.fragCurrent=null,this.backtrackFragment=null,e&&(e.abortRequests(),this.fragmentTracker.removeFragment(e)),this.state){case _i.KEY_LOADING:case _i.FRAG_LOADING:case _i.FRAG_LOADING_WAITING_RETRY:case _i.PARSING:case _i.PARSED:this.state=_i.IDLE}this.nextLoadPosition=this.getLoadPosition()},r.flushMainBuffer=function(t,r){e.prototype.flushMainBuffer.call(this,t,r,2===this.altAudio?"video":null)},r.onMediaAttached=function(t,r){e.prototype.onMediaAttached.call(this,t,r);var i=r.media;ki(i,"playing",this.onMediaPlaying),ki(i,"seeked",this.onMediaSeeked)},r.onMediaDetaching=function(t,r){var i=this.media;i&&(bi(i,"playing",this.onMediaPlaying),bi(i,"seeked",this.onMediaSeeked)),this.videoBuffer=null,this.fragPlaying=null,e.prototype.onMediaDetaching.call(this,t,r),r.transferMedia||(this._hasEnoughToStart=!1)},r.onManifestLoading=function(){e.prototype.onManifestLoading.call(this),this.log("Trigger BUFFER_RESET"),this.hls.trigger(b.BUFFER_RESET,void 0),this.couldBacktrack=!1,this.fragLastKbps=0,this.fragPlaying=this.backtrackFragment=null,this.altAudio=0,this.audioOnly=!1},r.onManifestParsed=function(e,t){for(var r,i,n=!1,a=!1,s=0;s<t.levels.length;s++){var o=t.levels[s].audioCodec;o&&(n=n||-1!==o.indexOf("mp4a.40.2"),a=a||-1!==o.indexOf("mp4a.40.5"))}this.audioCodecSwitch=n&&a&&!("function"==typeof(null==(i=Pl())||null==(r=i.prototype)?void 0:r.changeType)),this.audioCodecSwitch&&this.log("Both AAC/HE-AAC audio found in levels; declaring level codec as HE-AAC"),this.levels=t.levels,this.startFragRequested=!1},r.onLevelLoading=function(e,t){if(this.levels&&this.state===_i.IDLE){var r=t.levelInfo;(!r.details||r.details.live&&(this.levelLastLoaded!==r||r.details.expired)||this.waitForCdnTuneIn(r.details))&&(this.state=_i.WAITING_LEVEL)}},r.onLevelLoaded=function(e,t){var r,i=this.levels,n=this.startFragRequested,a=t.level,s=t.details,o=s.totalduration;if(i){this.log("Level "+a+" loaded ["+s.startSN+","+s.endSN+"]"+(s.lastPartSn?"[part-"+s.lastPartSn+"-"+s.lastPartIndex+"]":"")+", cc ["+s.startCC+", "+s.endCC+"] duration:"+o);var l=t.levelInfo,u=this.fragCurrent;!u||this.state!==_i.FRAG_LOADING&&this.state!==_i.FRAG_LOADING_WAITING_RETRY||u.level!==t.level&&u.loader&&this.abortCurrentFrag();var d=0;if(s.live||null!=(r=l.details)&&r.live){var h;if(this.checkLiveUpdate(s),s.deltaUpdateFailed)return;d=this.alignPlaylists(s,l.details,null==(h=this.levelLastLoaded)?void 0:h.details)}if(l.details=s,this.levelLastLoaded=l,n||this.setStartPosition(s,d),this.hls.trigger(b.LEVEL_UPDATED,{details:s,level:a}),this.state===_i.WAITING_LEVEL){if(this.waitForCdnTuneIn(s))return;this.state=_i.IDLE}n&&s.live&&this.synchronizeToLiveEdge(s),this.tick()}else this.warn("Levels were reset while loading level "+a)},r.synchronizeToLiveEdge=function(e){var t=this.config,r=this.media;if(r){var i=this.hls.liveSyncPosition,n=this.getLoadPosition(),a=e.fragmentStart,s=e.edge,o=n>=a-t.maxFragLookUpTolerance&&n<=s;if(null!==i&&r.duration>i&&(n<i||!o)){var l=void 0!==t.liveMaxLatencyDuration?t.liveMaxLatencyDuration:t.liveMaxLatencyDurationCount*e.targetduration;if((!o&&r.readyState<4||n<s-l)&&(this._hasEnoughToStart||(this.nextLoadPosition=i),r.readyState))if(this.warn("Playback: "+n.toFixed(3)+" is located too far from the end of live sliding playlist: "+s+", reset currentTime to : "+i.toFixed(3)),"buffered"===this.config.liveSyncMode){var u,d=dr.bufferInfo(r,i,0);if(null==(u=d.buffered)||!u.length)return void(r.currentTime=i);if(d.start<=n)return void(r.currentTime=i);var h=dr.bufferedInfo(d.buffered,n,0).nextStart;h&&(r.currentTime=h)}else r.currentTime=i}}},r._handleFragmentLoadProgress=function(e){var t,r=e.frag,i=e.part,n=e.payload,a=this.levels;if(a){var s=a[r.level];if(s){var o=s.details;if(!o)return this.warn("Dropping fragment "+r.sn+" of level "+r.level+" after level details were reset"),void this.fragmentTracker.removeFragment(r);var l=s.videoCodec,u=o.PTSKnown||!o.live,d=null==(t=r.initSegment)?void 0:t.data,h=this._getAudioCodec(s),f=this.transmuxer=this.transmuxer||new ma(this.hls,w,this._handleTransmuxComplete.bind(this),this._handleTransmuxerFlush.bind(this)),c=i?i.index:-1,g=-1!==c,v=new lr(r.level,r.sn,r.stats.chunkCount,n.byteLength,c,g),m=this.initPTS[r.cc];f.push(n,d,h,l,r,i,o.totalduration,u,v,m)}else this.warn("Level "+r.level+" not found on progress")}else this.warn("Levels were reset while fragment load was in progress. Fragment "+r.sn+" of level "+r.level+" will not be buffered")},r.onAudioTrackSwitching=function(e,t){var r=this,i=this.hls,n=2===this.altAudio;if(pt(t.url,i))this.altAudio=1;else{if(this.mediaBuffer!==this.media){this.log("Switching on main audio, use media.buffered to schedule main fragment loading"),this.mediaBuffer=this.media;var a=this.fragCurrent;a&&(this.log("Switching to main audio track, cancel main fragment load"),a.abortRequests(),this.fragmentTracker.removeFragment(a)),this.resetTransmuxer(),this.resetLoadingState()}else this.audioOnly&&this.resetTransmuxer();if(n)return this.fragmentTracker.removeAllFragments(),i.once(b.BUFFER_FLUSHED,(function(){r.hls&&r.hls.trigger(b.AUDIO_TRACK_SWITCHED,t)})),void i.trigger(b.BUFFER_FLUSHING,{startOffset:0,endOffset:Number.POSITIVE_INFINITY,type:null});i.trigger(b.AUDIO_TRACK_SWITCHED,t)}},r.onAudioTrackSwitched=function(e,t){var r=pt(t.url,this.hls);if(r){var i=this.videoBuffer;i&&this.mediaBuffer!==i&&(this.log("Switching on alternate audio, use video.buffered to schedule main fragment loading"),this.mediaBuffer=i)}this.altAudio=r?2:0,this.tick()},r.onBufferCreated=function(e,t){var r,i,n=t.tracks,a=!1;for(var s in n){var o=n[s];if("main"===o.id){if(i=s,r=o,"video"===s){var l=n[s];l&&(this.videoBuffer=l.buffer)}}else a=!0}a&&r?(this.log("Alternate track found, use "+i+".buffered to schedule main fragment loading"),this.mediaBuffer=r.buffer):this.mediaBuffer=this.media},r.onFragBuffered=function(e,t){var r=t.frag,i=t.part,n=r.type===w;if(n){if(this.fragContextChanged(r))return this.warn("Fragment "+r.sn+(i?" p: "+i.index:"")+" of level "+r.level+" finished buffering, but was aborted. state: "+this.state),void(this.state===_i.PARSED&&(this.state=_i.IDLE));var a=i?i.stats:r.stats;this.fragLastKbps=Math.round(8*a.total/(a.buffering.end-a.loading.first)),te(r)&&(this.fragPrevious=r),this.fragBufferedComplete(r,i)}var s=this.media;s&&(!this._hasEnoughToStart&&dr.getBuffered(s).length&&(this._hasEnoughToStart=!0,this.seekToStartPos()),n&&this.tick())},r.onError=function(e,t){var r;if(t.fatal)this.state=_i.ERROR;else switch(t.details){case k.FRAG_GAP:case k.FRAG_PARSING_ERROR:case k.FRAG_DECRYPT_ERROR:case k.FRAG_LOAD_ERROR:case k.FRAG_LOAD_TIMEOUT:case k.KEY_LOAD_ERROR:case k.KEY_LOAD_TIMEOUT:this.onFragmentOrKeyLoadError(w,t);break;case k.LEVEL_LOAD_ERROR:case k.LEVEL_LOAD_TIMEOUT:case k.LEVEL_PARSING_ERROR:t.levelRetry||this.state!==_i.WAITING_LEVEL||(null==(r=t.context)?void 0:r.type)!==_||(this.state=_i.IDLE);break;case k.BUFFER_ADD_CODEC_ERROR:case k.BUFFER_APPEND_ERROR:if("main"!==t.parent)return;this.reduceLengthAndFlushBuffer(t)&&this.resetLoadingState();break;case k.BUFFER_FULL_ERROR:if("main"!==t.parent)return;this.reduceLengthAndFlushBuffer(t)&&(!this.config.interstitialsController&&this.config.assetPlayerId?this._hasEnoughToStart=!0:this.flushMainBuffer(0,Number.POSITIVE_INFINITY));break;case k.INTERNAL_EXCEPTION:this.recoverWorkerError(t)}},r.onFragLoadEmergencyAborted=function(){this.state=_i.IDLE,this._hasEnoughToStart||(this.startFragRequested=!1,this.nextLoadPosition=this.lastCurrentTime),this.tickImmediate()},r.onBufferFlushed=function(e,t){var r=t.type;if(r!==$||!this.altAudio){var i=(r===Z?this.videoBuffer:this.mediaBuffer)||this.media;i&&(this.afterBufferFlushed(i,r,w),this.tick())}},r.onLevelsUpdated=function(e,t){this.level>-1&&this.fragCurrent&&(this.level=this.fragCurrent.level,-1===this.level&&this.resetWhenMissingContext(this.fragCurrent)),this.levels=t.levels},r.swapAudioCodec=function(){this.audioCodecSwap=!this.audioCodecSwap},r.seekToStartPos=function(){var e=this.media;if(e){var t=e.currentTime,r=this.startPosition;if(r>=0&&t<r){if(e.seeking)return void this.log("could not seek to "+r+", already seeking at "+t);var i=this.timelineOffset;i&&r&&(r+=i);var n=this.getLevelDetails(),a=dr.getBuffered(e),s=a.length?a.start(0):0,o=s-r,l=Math.max(this.config.maxBufferHole,this.config.maxFragLookUpTolerance);(this.config.startOnSegmentBoundary||o>0&&(o<l||this.loadingParts&&o<2*((null==n?void 0:n.partTarget)||0)))&&(this.log("adjusting start position by "+o+" to match buffer start"),r+=o,this.startPosition=r),t<r&&(this.log("seek to target start position "+r+" from current time "+t+" buffer start "+s),e.currentTime=r)}}},r._getAudioCodec=function(e){var t=this.config.defaultAudioCodec||e.audioCodec;return this.audioCodecSwap&&t&&(this.log("Swapping audio codec"),t=-1!==t.indexOf("mp4a.40.5")?"mp4a.40.2":"mp4a.40.5"),t},r._loadBitrateTestFrag=function(e,t){var r=this;e.bitrateTest=!0,this._doFragLoad(e,t).then((function(e){var i=r.hls,n=null==e?void 0:e.frag;if(n&&!r.fragContextChanged(n)){t.fragmentError=0,r.state=_i.IDLE,r.startFragRequested=!1,r.bitrateTest=!1;var a=n.stats;a.parsing.start=a.parsing.end=a.buffering.start=a.buffering.end=self.performance.now(),i.trigger(b.FRAG_LOADED,e),n.bitrateTest=!1}})).catch((function(t){r.state!==_i.STOPPED&&r.state!==_i.ERROR&&(r.warn(t),r.resetFragmentLoading(e))}))},r._handleTransmuxComplete=function(e){var t=this.playlistType,r=this.hls,i=e.remuxResult,n=e.chunkMeta,a=this.getCurrentContext(n);if(a){var s=a.frag,o=a.part,l=a.level,u=i.video,d=i.text,h=i.id3,f=i.initSegment,c=l.details,g=this.altAudio?void 0:i.audio;if(this.fragContextChanged(s))this.fragmentTracker.removeFragment(s);else{if(this.state=_i.PARSING,f){var v=f.tracks;if(v){var m=s.initSegment||s;if(this.unhandledEncryptionError(f,s))return;this._bufferInitSegment(l,v,m,n),r.trigger(b.FRAG_PARSING_INIT_SEGMENT,{frag:m,id:t,tracks:v})}var p=f.initPTS,y=f.timescale,E=this.initPTS[s.cc];if(A(p)&&(!E||E.baseTime!==p||E.timescale!==y)){var T=f.trackId;this.initPTS[s.cc]={baseTime:p,timescale:y,trackId:T},r.trigger(b.INIT_PTS_FOUND,{frag:s,id:t,initPTS:p,timescale:y,trackId:T})}}if(u&&c){g&&"audiovideo"===u.type&&this.logMuxedErr(s);var S=c.fragments[s.sn-1-c.startSN],L=s.sn===c.startSN,I=!S||s.cc>S.cc;if(!1!==i.independent){var R=u.startPTS,k=u.endPTS,D=u.startDTS,_=u.endDTS;if(o)o.elementaryStreams[u.type]={startPTS:R,endPTS:k,startDTS:D,endDTS:_};else if(u.firstKeyFrame&&u.independent&&1===n.id&&!I&&(this.couldBacktrack=!0),u.dropped&&u.independent){var P=this.getMainFwdBufferInfo(),C=(P?P.end:this.getLoadPosition())+this.config.maxBufferHole,w=u.firstKeyFramePTS?u.firstKeyFramePTS:R;if(!L&&C<w-this.config.maxBufferHole&&!I)return void this.backtrack(s);I&&(s.gap=!0),s.setElementaryStreamInfo(u.type,s.start,k,s.start,_,!0)}else L&&R-(c.appliedTimelineOffset||0)>2&&(s.gap=!0);s.setElementaryStreamInfo(u.type,R,k,D,_),this.backtrackFragment&&(this.backtrackFragment=s),this.bufferFragmentData(u,s,o,n,L||I)}else{if(!L&&!I)return void this.backtrack(s);s.gap=!0}}if(g){var O=g.startPTS,x=g.endPTS,M=g.startDTS,F=g.endDTS;o&&(o.elementaryStreams[$]={startPTS:O,endPTS:x,startDTS:M,endDTS:F}),s.setElementaryStreamInfo($,O,x,M,F),this.bufferFragmentData(g,s,o,n)}if(c&&null!=h&&h.samples.length){var N={id:t,frag:s,details:c,samples:h.samples};r.trigger(b.FRAG_PARSING_METADATA,N)}if(c&&d){var U={id:t,frag:s,details:c,samples:d.samples};r.trigger(b.FRAG_PARSING_USERDATA,U)}}}else this.resetWhenMissingContext(n)},r.logMuxedErr=function(e){this.warn((te(e)?"Media":"Init")+" segment with muxed audiovideo where only video expected: "+e.url)},r._bufferInitSegment=function(e,t,r,i){var n=this;if(this.state===_i.PARSING){this.audioOnly=!!t.audio&&!t.video,this.altAudio&&!this.audioOnly&&(delete t.audio,t.audiovideo&&this.logMuxedErr(r));var a=t.audio,s=t.video,o=t.audiovideo;if(a){var l=e.audioCodec,u=Ve(a.codec,l);"mp4a"===u&&(u="mp4a.40.5");var d=navigator.userAgent.toLowerCase();if(this.audioCodecSwitch){u&&(u=-1!==u.indexOf("mp4a.40.5")?"mp4a.40.2":"mp4a.40.5");var h=a.metadata;h&&"channelCount"in h&&1!==(h.channelCount||1)&&-1===d.indexOf("firefox")&&(u="mp4a.40.5")}u&&-1!==u.indexOf("mp4a.40.5")&&-1!==d.indexOf("android")&&"audio/mpeg"!==a.container&&(u="mp4a.40.2",this.log("Android: force audio codec to "+u)),l&&l!==u&&this.log('Swapping manifest audio codec "'+l+'" for "'+u+'"'),a.levelCodec=u,a.id=w,this.log("Init audio buffer, container:"+a.container+", codecs[selected/level/parsed]=["+(u||"")+"/"+(l||"")+"/"+a.codec+"]"),delete t.audiovideo}if(s){s.levelCodec=e.videoCodec,s.id=w;var f=s.codec;if(4===(null==f?void 0:f.length))switch(f){case"hvc1":case"hev1":s.codec="hvc1.1.6.L120.90";break;case"av01":s.codec="av01.0.04M.08";break;case"avc1":s.codec="avc1.42e01e"}this.log("Init video buffer, container:"+s.container+", codecs[level/parsed]=["+(e.videoCodec||"")+"/"+f+"]"+(s.codec!==f?" parsed-corrected="+s.codec:"")+(s.supplemental?" supplemental="+s.supplemental:"")),delete t.audiovideo}o&&(this.log("Init audiovideo buffer, container:"+o.container+", codecs[level/parsed]=["+e.codecs+"/"+o.codec+"]"),delete t.video,delete t.audio);var c=Object.keys(t);if(c.length){if(this.hls.trigger(b.BUFFER_CODECS,t),!this.hls)return;c.forEach((function(e){var a=t[e].initSegment;null!=a&&a.byteLength&&n.hls.trigger(b.BUFFER_APPENDING,{type:e,data:a,frag:r,part:null,chunkMeta:i,parent:r.type})}))}this.tickImmediate()}},r.getMainFwdBufferInfo=function(){var e=this.mediaBuffer&&2===this.altAudio?this.mediaBuffer:this.media;return this.getFwdBufferInfo(e,w)},r.backtrack=function(e){this.couldBacktrack=!0,this.backtrackFragment=e,this.resetTransmuxer(),this.flushBufferGap(e),this.fragmentTracker.removeFragment(e),this.fragPrevious=null,this.nextLoadPosition=e.start,this.state=_i.IDLE},r.checkFragmentChanged=function(){var e=this.media,t=null;if(e&&e.readyState>1&&!1===e.seeking){var r=e.currentTime;if(dr.isBuffered(e,r)?t=this.getAppendedFrag(r):dr.isBuffered(e,r+.1)&&(t=this.getAppendedFrag(r+.1)),t){this.backtrackFragment=null;var i=this.fragPlaying,n=t.level;i&&t.sn===i.sn&&i.level===n||(this.fragPlaying=t,this.hls.trigger(b.FRAG_CHANGED,{frag:t}),i&&i.level===n||this.hls.trigger(b.LEVEL_SWITCHED,{level:n}))}}},i(t,[{key:"hasEnoughToStart",get:function(){return this._hasEnoughToStart}},{key:"maxBufferLength",get:function(){var e=this.levels,t=this.level,r=null==e?void 0:e[t];return r?this.getMaxBufferLength(r.maxBitrate):this.config.maxBufferLength}},{key:"nextLevel",get:function(){var e=this.nextBufferedFrag;return e?e.level:-1}},{key:"currentFrag",get:function(){var e;if(this.fragPlaying)return this.fragPlaying;var t=(null==(e=this.media)?void 0:e.currentTime)||this.lastCurrentTime;return A(t)?this.getAppendedFrag(t):null}},{key:"currentProgramDateTime",get:function(){var e,t=(null==(e=this.media)?void 0:e.currentTime)||this.lastCurrentTime;if(A(t)){var r=this.getLevelDetails(),i=this.currentFrag||(r?Tt(null,r.fragments,t):null);if(i){var n=i.programDateTime;if(null!==n){var a=n+1e3*(t-i.start);return new Date(a)}}}return null}},{key:"currentLevel",get:function(){var e=this.currentFrag;return e?e.level:-1}},{key:"nextBufferedFrag",get:function(){var e=this.currentFrag;return e?this.followingBufferedFrag(e):null}},{key:"forceStartLoad",get:function(){return this._forceStartLoad}}])}(Pi),Ol=function(e){function t(t,r){var i;return(i=e.call(this,"key-loader",r)||this).config=void 0,i.keyIdToKeyInfo={},i.emeController=null,i.config=t,i}o(t,e);var r=t.prototype;return r.abort=function(e){for(var t in this.keyIdToKeyInfo){var r=this.keyIdToKeyInfo[t].loader;if(r){var i;if(e&&e!==(null==(i=r.context)?void 0:i.frag.type))return;r.abort()}}},r.detach=function(){for(var e in this.keyIdToKeyInfo){var t=this.keyIdToKeyInfo[e];(t.mediaKeySessionContext||t.decryptdata.isCommonEncryption)&&delete this.keyIdToKeyInfo[e]}},r.destroy=function(){for(var e in this.detach(),this.keyIdToKeyInfo){var t=this.keyIdToKeyInfo[e].loader;t&&t.destroy()}this.keyIdToKeyInfo={}},r.createKeyLoadError=function(e,t,r,i,n){return void 0===t&&(t=k.KEY_LOAD_ERROR),new sr({type:R.NETWORK_ERROR,details:t,fatal:!1,frag:e,response:n,error:r,networkDetails:i})},r.loadClear=function(e,t,r){var i=this;if(this.emeController&&this.config.emeEnabled&&!this.emeController.getSelectedKeySystemFormats().length){if(t.length)for(var n,a=function(){var n=t[s];if(e.cc<=n.cc&&(!te(e)||!te(n)||e.sn<n.sn)||!r&&s==o-1)return{v:i.emeController.selectKeySystemFormat(n).then((function(e){if(i.emeController){n.setKeyFormat(e);var t=Fr(e);return t?i.emeController.getKeySystemAccess([t]):void 0}}))}},s=0,o=t.length;s<o;s++)if(n=a())return n.v;if(this.config.requireKeySystemAccessOnStart){var l=Ur(this.config);if(l.length)return this.emeController.getKeySystemAccess(l)}}return null},r.load=function(e){var t=this;return!e.decryptdata&&e.encrypted&&this.emeController&&this.config.emeEnabled?this.emeController.selectKeySystemFormat(e).then((function(r){return t.loadInternal(e,r)})):this.loadInternal(e)},r.loadInternal=function(e,t){var r,i;t&&e.setKeyFormat(t);var n=e.decryptdata;if(!n){var a=new Error(t?"Expected frag.decryptdata to be defined after setting format "+t:"Missing decryption data on fragment in onKeyLoading (emeEnabled with controller: "+(this.emeController&&this.config.emeEnabled)+")");return Promise.reject(this.createKeyLoadError(e,k.KEY_LOAD_ERROR,a))}var s=n.uri;if(!s)return Promise.reject(this.createKeyLoadError(e,k.KEY_LOAD_ERROR,new Error('Invalid key URI: "'+s+'"')));var o=xl(n),l=this.keyIdToKeyInfo[o];if(null!=(r=l)&&r.decryptdata.key)return n.key=l.decryptdata.key,Promise.resolve({frag:e,keyInfo:l});if(this.emeController&&null!=(i=l)&&i.keyLoadPromise)switch(this.emeController.getKeyStatus(l.decryptdata)){case"usable":case"usable-in-future":return l.keyLoadPromise.then((function(t){var r=t.keyInfo;return n.key=r.decryptdata.key,{frag:e,keyInfo:r}}))}switch(this.log((this.keyIdToKeyInfo[o]?"Rel":"L")+"oading"+(n.keyId?" keyId: "+X(n.keyId):"")+" URI: "+n.uri+" from "+e.type+" "+e.level),l=this.keyIdToKeyInfo[o]={decryptdata:n,keyLoadPromise:null,loader:null,mediaKeySessionContext:null},n.method){case"SAMPLE-AES":case"SAMPLE-AES-CENC":case"SAMPLE-AES-CTR":return"identity"===n.keyFormat?this.loadKeyHTTP(l,e):this.loadKeyEME(l,e);case"AES-128":case"AES-256":case"AES-256-CTR":return this.loadKeyHTTP(l,e);default:return Promise.reject(this.createKeyLoadError(e,k.KEY_LOAD_ERROR,new Error('Key supplied with unsupported METHOD: "'+n.method+'"')))}},r.loadKeyEME=function(e,t){var r={frag:t,keyInfo:e};if(this.emeController&&this.config.emeEnabled){var i;if(!e.decryptdata.keyId&&null!=(i=t.initSegment)&&i.data){var n=function(e){var t=[];return Se(e,(function(e){return t.push(e.subarray(8,24))})),t}(t.initSegment.data);if(n.length){var a=n[0];a.some((function(e){return 0!==e}))&&(this.log("Using keyId found in init segment "+X(a)),e.decryptdata.keyId=a,Hr.setKeyIdForUri(e.decryptdata.uri,a))}}var s=this.emeController.loadKey(r);return(e.keyLoadPromise=s.then((function(t){return e.mediaKeySessionContext=t,r}))).catch((function(r){throw e.keyLoadPromise=null,"data"in r&&(r.data.frag=t),r}))}return Promise.resolve(r)},r.loadKeyHTTP=function(e,t){var r=this,i=this.config,n=new(0,i.loader)(i);return t.keyLoader=e.loader=n,e.keyLoadPromise=new Promise((function(a,s){var o={keyInfo:e,frag:t,responseType:"arraybuffer",url:e.decryptdata.uri},l=i.keyLoadPolicy.default,u={loadPolicy:l,timeout:l.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0},h={onSuccess:function(e,t,i,n){var o=i.frag,l=i.keyInfo,u=xl(l.decryptdata);if(!o.decryptdata||l!==r.keyIdToKeyInfo[u])return s(r.createKeyLoadError(o,k.KEY_LOAD_ERROR,new Error("after key load, decryptdata unset or changed"),n));l.decryptdata.key=o.decryptdata.key=new Uint8Array(e.data),o.keyLoader=null,l.loader=null,a({frag:o,keyInfo:l})},onError:function(e,i,n,a){r.resetLoader(i),s(r.createKeyLoadError(t,k.KEY_LOAD_ERROR,new Error("HTTP Error "+e.code+" loading key "+e.text),n,d({url:o.url,data:void 0},e)))},onTimeout:function(e,i,n){r.resetLoader(i),s(r.createKeyLoadError(t,k.KEY_LOAD_TIMEOUT,new Error("key loading timed out"),n))},onAbort:function(e,i,n){r.resetLoader(i),s(r.createKeyLoadError(t,k.INTERNAL_ABORTED,new Error("key loading aborted"),n))}};n.load(o,u,h)}))},r.resetLoader=function(e){var t=e.frag,r=e.keyInfo,i=e.url,n=r.loader;t.keyLoader===n&&(t.keyLoader=null,r.loader=null);var a=xl(r.decryptdata)||i;delete this.keyIdToKeyInfo[a],n&&n.destroy()},t}(N);function xl(e){if(e.keyFormat!==Or){var t=e.keyId;if(t)return X(t)}return e.uri}function Ml(e){switch(e.type){case P:return O;case C:return x;default:return w}}function Fl(e,t){var r=e.url;return void 0!==r&&0!==r.indexOf("data:")||(r=t.url),r}var Nl=function(){function e(e){this.hls=void 0,this.loaders=Object.create(null),this.variableList=null,this.onManifestLoaded=this.checkAutostartLoad,this.hls=e,this.registerListeners()}var t=e.prototype;return t.startLoad=function(e){},t.stopLoad=function(){this.destroyInternalLoaders()},t.registerListeners=function(){var e=this.hls;e.on(b.MANIFEST_LOADING,this.onManifestLoading,this),e.on(b.LEVEL_LOADING,this.onLevelLoading,this),e.on(b.AUDIO_TRACK_LOADING,this.onAudioTrackLoading,this),e.on(b.SUBTITLE_TRACK_LOADING,this.onSubtitleTrackLoading,this),e.on(b.LEVELS_UPDATED,this.onLevelsUpdated,this)},t.unregisterListeners=function(){var e=this.hls;e.off(b.MANIFEST_LOADING,this.onManifestLoading,this),e.off(b.LEVEL_LOADING,this.onLevelLoading,this),e.off(b.AUDIO_TRACK_LOADING,this.onAudioTrackLoading,this),e.off(b.SUBTITLE_TRACK_LOADING,this.onSubtitleTrackLoading,this),e.off(b.LEVELS_UPDATED,this.onLevelsUpdated,this)},t.createInternalLoader=function(e){var t=this.hls.config,r=t.pLoader,i=t.loader,n=new(r||i)(t);return this.loaders[e.type]=n,n},t.getInternalLoader=function(e){return this.loaders[e.type]},t.resetInternalLoader=function(e){this.loaders[e]&&delete this.loaders[e]},t.destroyInternalLoaders=function(){for(var e in this.loaders){var t=this.loaders[e];t&&t.destroy(),this.resetInternalLoader(e)}},t.destroy=function(){this.variableList=null,this.unregisterListeners(),this.destroyInternalLoaders()},t.onManifestLoading=function(e,t){var r=t.url;this.variableList=null,this.load({id:null,level:0,responseType:"text",type:D,url:r,deliveryDirectives:null,levelOrTrack:null})},t.onLevelLoading=function(e,t){var r=t.id,i=t.level,n=t.pathwayId,a=t.url,s=t.deliveryDirectives,o=t.levelInfo;this.load({id:r,level:i,pathwayId:n,responseType:"text",type:_,url:a,deliveryDirectives:s,levelOrTrack:o})},t.onAudioTrackLoading=function(e,t){var r=t.id,i=t.groupId,n=t.url,a=t.deliveryDirectives,s=t.track;this.load({id:r,groupId:i,level:null,responseType:"text",type:P,url:n,deliveryDirectives:a,levelOrTrack:s})},t.onSubtitleTrackLoading=function(e,t){var r=t.id,i=t.groupId,n=t.url,a=t.deliveryDirectives,s=t.track;this.load({id:r,groupId:i,level:null,responseType:"text",type:C,url:n,deliveryDirectives:a,levelOrTrack:s})},t.onLevelsUpdated=function(e,t){var r=this.loaders[_];if(r){var i=r.context;i&&!t.levels.some((function(e){return e===i.levelOrTrack}))&&(r.abort(),delete this.loaders[_])}},t.load=function(e){var t,r,i,n=this,s=this.hls.config,o=this.getInternalLoader(e);if(o){var l=this.hls.logger,u=o.context;if(u&&u.levelOrTrack===e.levelOrTrack&&(u.url===e.url||u.deliveryDirectives&&!e.deliveryDirectives))return void(u.url===e.url?l.log("[playlist-loader]: ignore "+e.url+" ongoing request"):l.log("[playlist-loader]: ignore "+e.url+" in favor of "+u.url));l.log("[playlist-loader]: aborting previous loader for type: "+e.type),o.abort()}if(r=e.type===D?s.manifestLoadPolicy.default:a({},s.playlistLoadPolicy.default,{timeoutRetry:null,errorRetry:null}),o=this.createInternalLoader(e),A(null==(t=e.deliveryDirectives)?void 0:t.part)&&(e.type===_&&null!==e.level?i=this.hls.levels[e.level].details:e.type===P&&null!==e.id?i=this.hls.audioTracks[e.id].details:e.type===C&&null!==e.id&&(i=this.hls.subtitleTracks[e.id].details),i)){var d=i.partTarget,h=i.targetduration;if(d&&h){var f=1e3*Math.max(3*d,.8*h);r=a({},r,{maxTimeToFirstByteMs:Math.min(f,r.maxTimeToFirstByteMs),maxLoadTimeMs:Math.min(f,r.maxTimeToFirstByteMs)})}}var c=r.errorRetry||r.timeoutRetry||{},g={loadPolicy:r,timeout:r.maxLoadTimeMs,maxRetry:c.maxNumRetry||0,retryDelay:c.retryDelayMs||0,maxRetryDelay:c.maxRetryDelayMs||0},v={onSuccess:function(e,t,r,i){var a=n.getInternalLoader(r);n.resetInternalLoader(r.type);var s=e.data;t.parsing.start=performance.now(),zr.isMediaPlaylist(s)||r.type!==D?n.handleTrackOrLevelPlaylist(e,t,r,i||null,a):n.handleMasterPlaylist(e,t,r,i)},onError:function(e,t,r,i){n.handleNetworkError(t,r,!1,e,i)},onTimeout:function(e,t,r){n.handleNetworkError(t,r,!0,void 0,e)}};o.load(e,g,v)},t.checkAutostartLoad=function(){if(this.hls){var e=this.hls,t=e.config,r=t.autoStartLoad,i=t.startPosition,n=e.forceStartLoad;(r||n)&&(this.hls.logger.log((r?"auto":"force")+" startLoad with configured startPosition "+i),this.hls.startLoad(i))}},t.handleMasterPlaylist=function(e,t,r,i){var n=this,a=this.hls,s=e.data,o=Fl(e,r),l=zr.parseMasterPlaylist(s,o);if(l.playlistParsingError)return t.parsing.end=performance.now(),void this.handleManifestParsingError(e,r,l.playlistParsingError,i,t);var u=l.contentSteering,d=l.levels,h=l.sessionData,f=l.sessionKeys,c=l.startTimeOffset,g=l.variableList;this.variableList=g,d.forEach((function(e){var t=e.unknownCodecs;if(t)for(var r=n.hls.config.preferManagedMediaSource,i=e.audioCodec,a=e.videoCodec,s=t.length;s--;){var o=t[s];xe(o,"audio",r)?(e.audioCodec=i=i?i+","+o:o,we.audio[i.substring(0,4)]=2,t.splice(s,1)):xe(o,"video",r)&&(e.videoCodec=a=a?a+","+o:o,we.video[a.substring(0,4)]=2,t.splice(s,1))}}));var v=zr.parseMasterPlaylistMedia(s,o,l),m=v.AUDIO,p=void 0===m?[]:m,y=v.SUBTITLES,E=v["CLOSED-CAPTIONS"];p.length&&(p.some((function(e){return!e.url}))||!d[0].audioCodec||d[0].attrs.AUDIO||(this.hls.logger.log("[playlist-loader]: audio codec signaled in quality level, but no embedded audio track signaled, create one"),p.unshift({type:"main",name:"main",groupId:"main",default:!1,autoselect:!1,forced:!1,id:-1,attrs:new yr({}),bitrate:0,url:""}))),a.trigger(b.MANIFEST_LOADED,{levels:d,audioTracks:p,subtitles:y,captions:E,contentSteering:u,url:o,stats:t,networkDetails:i,sessionData:h,sessionKeys:f,startTimeOffset:c,variableList:g})},t.handleTrackOrLevelPlaylist=function(e,t,r,i,n){var a=this.hls,s=r.id,o=r.level,l=r.type,u=Fl(e,r),d=A(o)?o:A(s)?s:0,h=Ml(r),f=zr.parseLevelPlaylist(e.data,u,d,h,0,this.variableList);if(l===D){var c={attrs:new yr({}),bitrate:0,details:f,name:"",url:u};f.requestScheduled=t.loading.start+gi(f,0),a.trigger(b.MANIFEST_LOADED,{levels:[c],audioTracks:[],url:u,stats:t,networkDetails:i,sessionData:null,sessionKeys:null,contentSteering:null,startTimeOffset:null,variableList:null})}t.parsing.end=performance.now(),r.levelDetails=f,this.handlePlaylistLoaded(f,e,t,r,i,n)},t.handleManifestParsingError=function(e,t,r,i,n){this.hls.trigger(b.ERROR,{type:R.NETWORK_ERROR,details:k.MANIFEST_PARSING_ERROR,fatal:t.type===D,url:e.url,err:r,error:r,reason:r.message,response:e,context:t,networkDetails:i,stats:n})},t.handleNetworkError=function(e,t,r,i,n){void 0===r&&(r=!1);var a="A network "+(r?"timeout":"error"+(i?" (status "+i.code+")":""))+" occurred while loading "+e.type;e.type===_?a+=": "+e.level+" id: "+e.id:e.type!==P&&e.type!==C||(a+=" id: "+e.id+' group-id: "'+e.groupId+'"');var s=new Error(a);this.hls.logger.warn("[playlist-loader]: "+a);var o=k.UNKNOWN,l=!1,u=this.getInternalLoader(e);switch(e.type){case D:o=r?k.MANIFEST_LOAD_TIMEOUT:k.MANIFEST_LOAD_ERROR,l=!0;break;case _:o=r?k.LEVEL_LOAD_TIMEOUT:k.LEVEL_LOAD_ERROR,l=!1;break;case P:o=r?k.AUDIO_TRACK_LOAD_TIMEOUT:k.AUDIO_TRACK_LOAD_ERROR,l=!1;break;case C:o=r?k.SUBTITLE_TRACK_LOAD_TIMEOUT:k.SUBTITLE_LOAD_ERROR,l=!1}u&&this.resetInternalLoader(e.type);var h={type:R.NETWORK_ERROR,details:o,fatal:l,url:e.url,loader:u,context:e,error:s,networkDetails:t,stats:n};if(i){var f=(null==t?void 0:t.url)||e.url;h.response=d({url:f,data:void 0},i)}this.hls.trigger(b.ERROR,h)},t.handlePlaylistLoaded=function(e,t,r,i,n,a){var s=this.hls,o=i.type,l=i.level,u=i.levelOrTrack,d=i.id,h=i.groupId,f=i.deliveryDirectives,c=Fl(t,i),g=Ml(i),v="number"==typeof i.level&&g===w?l:void 0,m=e.playlistParsingError;if(m){if(this.hls.logger.warn(m+" "+e.url),!s.config.ignorePlaylistParsingErrors)return void s.trigger(b.ERROR,{type:R.NETWORK_ERROR,details:k.LEVEL_PARSING_ERROR,fatal:!1,url:c,error:m,reason:m.message,response:t,context:i,level:v,parent:g,networkDetails:n,stats:r});e.playlistParsingError=null}if(e.fragments.length)switch(e.live&&a&&(a.getCacheAge&&(e.ageHeader=a.getCacheAge()||0),a.getCacheAge&&!isNaN(e.ageHeader)||(e.ageHeader=0)),o){case D:case _:if(v)if(u){if(u!==s.levels[v]){var p=s.levels.indexOf(u);p>-1&&(v=p)}}else v=0;s.trigger(b.LEVEL_LOADED,{details:e,levelInfo:u||s.levels[0],level:v||0,id:d||0,stats:r,networkDetails:n,deliveryDirectives:f,withoutMultiVariant:o===D});break;case P:s.trigger(b.AUDIO_TRACK_LOADED,{details:e,track:u,id:d||0,groupId:h||"",stats:r,networkDetails:n,deliveryDirectives:f});break;case C:s.trigger(b.SUBTITLE_TRACK_LOADED,{details:e,track:u,id:d||0,groupId:h||"",stats:r,networkDetails:n,deliveryDirectives:f})}else{var y=e.playlistParsingError=new Error("No Segments found in Playlist");s.trigger(b.ERROR,{type:R.NETWORK_ERROR,details:k.LEVEL_EMPTY_ERROR,fatal:!1,url:c,error:y,reason:y.message,response:t,context:i,level:v,parent:g,networkDetails:n,stats:r})}},e}(),Ul=function(){function e(t){void 0===t&&(t={}),this.config=void 0,this.userConfig=void 0,this.logger=void 0,this.coreComponents=void 0,this.networkControllers=void 0,this._emitter=new E,this._autoLevelCapping=-1,this._maxHdcpLevel=null,this.abrController=void 0,this.bufferController=void 0,this.capLevelController=void 0,this.latencyController=void 0,this.levelController=void 0,this.streamController=void 0,this.audioStreamController=void 0,this.subtititleStreamController=void 0,this.audioTrackController=void 0,this.subtitleTrackController=void 0,this.interstitialsController=void 0,this.gapController=void 0,this.emeController=void 0,this.cmcdController=void 0,this._media=null,this._url=null,this._sessionId=void 0,this.triggeringException=void 0,this.started=!1;var r=this.logger=H(t.debug||!1,"Hls instance",t.assetPlayerId),i=this.config=function(e,t,r){if((t.liveSyncDurationCount||t.liveMaxLatencyDurationCount)&&(t.liveSyncDuration||t.liveMaxLatencyDuration))throw new Error("Illegal hls.js config: don't mix up liveSyncDurationCount/liveMaxLatencyDurationCount and liveSyncDuration/liveMaxLatencyDuration");if(void 0!==t.liveMaxLatencyDurationCount&&(void 0===t.liveSyncDurationCount||t.liveMaxLatencyDurationCount<=t.liveSyncDurationCount))throw new Error('Illegal hls.js config: "liveMaxLatencyDurationCount" must be greater than "liveSyncDurationCount"');if(void 0!==t.liveMaxLatencyDuration&&(void 0===t.liveSyncDuration||t.liveMaxLatencyDuration<=t.liveSyncDuration))throw new Error('Illegal hls.js config: "liveMaxLatencyDuration" must be greater than "liveSyncDuration"');var i=pl(e),n=["TimeOut","MaxRetry","RetryDelay","MaxRetryTimeout"];return["manifest","level","frag"].forEach((function(e){var a=("level"===e?"playlist":e)+"LoadPolicy",s=void 0===t[a],o=[];n.forEach((function(r){var n=e+"Loading"+r,l=t[n];if(void 0!==l&&s){o.push(n);var u=i[a].default;switch(t[a]={default:u},r){case"TimeOut":u.maxLoadTimeMs=l,u.maxTimeToFirstByteMs=l;break;case"MaxRetry":u.errorRetry.maxNumRetry=l,u.timeoutRetry.maxNumRetry=l;break;case"RetryDelay":u.errorRetry.retryDelayMs=l,u.timeoutRetry.retryDelayMs=l;break;case"MaxRetryTimeout":u.errorRetry.maxRetryDelayMs=l,u.timeoutRetry.maxRetryDelayMs=l}}})),o.length&&r.warn('hls.js config: "'+o.join('", "')+'" setting(s) are deprecated, use "'+a+'": '+ut(t[a]))})),d(d({},i),t)}(e.DefaultConfig,t,r);this.userConfig=t,i.progressive&&yl(i,r);var n=i.abrController,a=i.bufferController,s=i.capLevelController,o=i.errorController,l=i.fpsController,u=new o(this),h=this.abrController=new n(this),f=new jt(this),c=i.interstitialsController,g=c?this.interstitialsController=new c(this,e):null,v=this.bufferController=new a(this,f),m=this.capLevelController=new s(this),p=new l(this),y=new Nl(this),T=i.contentSteeringController,S=T?new T(this):null,A=this.levelController=new Dl(this,S),L=new kl(this),I=new Ol(this.config,this.logger),R=this.streamController=new wl(this,f,I),k=this.gapController=new El(this,f);m.setStreamController(R),p.setStreamController(R);var D=[y,A,R];g&&D.splice(1,0,g),S&&D.splice(1,0,S),this.networkControllers=D;var _=[h,v,k,m,p,L,f];this.audioTrackController=this.createController(i.audioTrackController,D);var P=i.audioStreamController;P&&D.push(this.audioStreamController=new P(this,f,I)),this.subtitleTrackController=this.createController(i.subtitleTrackController,D);var C=i.subtitleStreamController;C&&D.push(this.subtititleStreamController=new C(this,f,I)),this.createController(i.timelineController,_),I.emeController=this.emeController=this.createController(i.emeController,_),this.cmcdController=this.createController(i.cmcdController,_),this.latencyController=this.createController(bl,_),this.coreComponents=_,D.push(u);var w=u.onErrorOut;"function"==typeof w&&this.on(b.ERROR,w,u),this.on(b.MANIFEST_LOADED,y.onManifestLoaded,y)}e.isMSESupported=function(){return Cl()},e.isSupported=function(){return function(){if(!Cl())return!1;var e=W();return"function"==typeof(null==e?void 0:e.isTypeSupported)&&(["avc1.42E01E,mp4a.40.2","av01.0.01M.08","vp09.00.50.08"].some((function(t){return e.isTypeSupported(Fe(t,"video"))}))||["mp4a.40.2","fLaC"].some((function(t){return e.isTypeSupported(Fe(t,"audio"))})))}()},e.getMediaSource=function(){return W()};var t=e.prototype;return t.createController=function(e,t){if(e){var r=new e(this);return t&&t.push(r),r}return null},t.on=function(e,t,r){void 0===r&&(r=this),this._emitter.on(e,t,r)},t.once=function(e,t,r){void 0===r&&(r=this),this._emitter.once(e,t,r)},t.removeAllListeners=function(e){this._emitter.removeAllListeners(e)},t.off=function(e,t,r,i){void 0===r&&(r=this),this._emitter.off(e,t,r,i)},t.listeners=function(e){return this._emitter.listeners(e)},t.emit=function(e,t,r){return this._emitter.emit(e,t,r)},t.trigger=function(e,t){if(this.config.debug)return this.emit(e,e,t);try{return this.emit(e,e,t)}catch(t){if(this.logger.error("An internal error happened while handling event "+e+'. Error message: "'+t.message+'". Here is a stacktrace:',t),!this.triggeringException){this.triggeringException=!0;var r=e===b.ERROR;this.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.INTERNAL_EXCEPTION,fatal:r,event:e,error:t}),this.triggeringException=!1}}return!1},t.listenerCount=function(e){return this._emitter.listenerCount(e)},t.destroy=function(){this.logger.log("destroy"),this.trigger(b.DESTROYING,void 0),this.detachMedia(),this.removeAllListeners(),this._autoLevelCapping=-1,this._url=null,this.networkControllers.forEach((function(e){return e.destroy()})),this.networkControllers.length=0,this.coreComponents.forEach((function(e){return e.destroy()})),this.coreComponents.length=0;var e=this.config;e.xhrSetup=e.fetchSetup=void 0,this.userConfig=null},t.attachMedia=function(e){if(!e||"media"in e&&!e.media){var t=new Error("attachMedia failed: invalid argument ("+e+")");this.trigger(b.ERROR,{type:R.OTHER_ERROR,details:k.ATTACH_MEDIA_ERROR,fatal:!0,error:t})}else{this.logger.log("attachMedia"),this._media&&(this.logger.warn("media must be detached before attaching"),this.detachMedia());var r="media"in e,i=r?e.media:e,n=r?e:{media:i};this._media=i,this.trigger(b.MEDIA_ATTACHING,n)}},t.detachMedia=function(){this.logger.log("detachMedia"),this.trigger(b.MEDIA_DETACHING,{}),this._media=null},t.transferMedia=function(){this._media=null;var e=this.bufferController.transferMedia();return this.trigger(b.MEDIA_DETACHING,{transferMedia:e}),e},t.loadSource=function(e){this.stopLoad();var t=this.media,r=this._url,i=this._url=S.buildAbsoluteURL(self.location.href,e,{alwaysNormalize:!0});this._autoLevelCapping=-1,this._maxHdcpLevel=null,this.logger.log("loadSource:"+i),t&&r&&(r!==i||this.bufferController.hasSourceTypes())&&(this.detachMedia(),this.attachMedia(t)),this.trigger(b.MANIFEST_LOADING,{url:e})},t.startLoad=function(e,t){void 0===e&&(e=-1),this.logger.log("startLoad("+e+(t?", <skip seek to start>":"")+")"),this.started=!0,this.resumeBuffering();for(var r=0;r<this.networkControllers.length&&(this.networkControllers[r].startLoad(e,t),this.started&&this.networkControllers);r++);},t.stopLoad=function(){this.logger.log("stopLoad"),this.started=!1;for(var e=0;e<this.networkControllers.length&&(this.networkControllers[e].stopLoad(),!this.started&&this.networkControllers);e++);},t.resumeBuffering=function(){this.bufferingEnabled||(this.logger.log("resume buffering"),this.networkControllers.forEach((function(e){e.resumeBuffering&&e.resumeBuffering()})))},t.pauseBuffering=function(){this.bufferingEnabled&&(this.logger.log("pause buffering"),this.networkControllers.forEach((function(e){e.pauseBuffering&&e.pauseBuffering()})))},t.swapAudioCodec=function(){this.logger.log("swapAudioCodec"),this.streamController.swapAudioCodec()},t.recoverMediaError=function(){this.logger.log("recoverMediaError");var e=this._media,t=null==e?void 0:e.currentTime;this.detachMedia(),e&&(this.attachMedia(e),t&&this.startLoad(t))},t.removeLevel=function(e){this.levelController.removeLevel(e)},t.setAudioOption=function(e){var t;return(null==(t=this.audioTrackController)?void 0:t.setAudioOption(e))||null},t.setSubtitleOption=function(e){var t;return(null==(t=this.subtitleTrackController)?void 0:t.setSubtitleOption(e))||null},t.getMediaDecodingInfo=function(e,t){return void 0===t&&(t=this.allAudioTracks),ze(e,ht(t),navigator.mediaCapabilities)},i(e,[{key:"url",get:function(){return this._url}},{key:"hasEnoughToStart",get:function(){return this.streamController.hasEnoughToStart}},{key:"startPosition",get:function(){return this.streamController.startPositionValue}},{key:"loadingEnabled",get:function(){return this.started}},{key:"bufferingEnabled",get:function(){return this.streamController.bufferingEnabled}},{key:"inFlightFragments",get:function(){var e,t=((e={})[w]=this.streamController.inFlightFrag,e);return this.audioStreamController&&(t[O]=this.audioStreamController.inFlightFrag),this.subtititleStreamController&&(t[x]=this.subtititleStreamController.inFlightFrag),t}},{key:"sessionId",get:function(){var e=this._sessionId;return e||(e=this._sessionId=function(){try{return crypto.randomUUID()}catch(i){try{var e=URL.createObjectURL(new Blob),t=e.toString();return URL.revokeObjectURL(e),t.slice(t.lastIndexOf("/")+1)}catch(e){var r=(new Date).getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=(r+16*Math.random())%16|0;return r=Math.floor(r/16),("x"==e?t:3&t|8).toString(16)}))}}}()),e}},{key:"levels",get:function(){var e=this.levelController.levels;return e||[]}},{key:"latestLevelDetails",get:function(){return this.streamController.getLevelDetails()||null}},{key:"loadLevelObj",get:function(){return this.levelController.loadLevelObj}},{key:"currentLevel",get:function(){return this.streamController.currentLevel},set:function(e){this.logger.log("set currentLevel:"+e),this.levelController.manualLevel=e,this.streamController.immediateLevelSwitch()}},{key:"nextLevel",get:function(){return this.streamController.nextLevel},set:function(e){this.logger.log("set nextLevel:"+e),this.levelController.manualLevel=e,this.streamController.nextLevelSwitch()}},{key:"loadLevel",get:function(){return this.levelController.level},set:function(e){this.logger.log("set loadLevel:"+e),this.levelController.manualLevel=e}},{key:"nextLoadLevel",get:function(){return this.levelController.nextLoadLevel},set:function(e){this.levelController.nextLoadLevel=e}},{key:"firstLevel",get:function(){return Math.max(this.levelController.firstLevel,this.minAutoLevel)},set:function(e){this.logger.log("set firstLevel:"+e),this.levelController.firstLevel=e}},{key:"startLevel",get:function(){var e=this.levelController.startLevel;return-1===e&&this.abrController.forcedAutoLevel>-1?this.abrController.forcedAutoLevel:e},set:function(e){this.logger.log("set startLevel:"+e),-1!==e&&(e=Math.max(e,this.minAutoLevel)),this.levelController.startLevel=e}},{key:"capLevelToPlayerSize",get:function(){return this.config.capLevelToPlayerSize},set:function(e){var t=!!e;t!==this.config.capLevelToPlayerSize&&(t?this.capLevelController.startCapping():(this.capLevelController.stopCapping(),this.autoLevelCapping=-1,this.streamController.nextLevelSwitch()),this.config.capLevelToPlayerSize=t)}},{key:"autoLevelCapping",get:function(){return this._autoLevelCapping},set:function(e){this._autoLevelCapping!==e&&(this.logger.log("set autoLevelCapping:"+e),this._autoLevelCapping=e,this.levelController.checkMaxAutoUpdated())}},{key:"bandwidthEstimate",get:function(){var e=this.abrController.bwEstimator;return e?e.getEstimate():NaN},set:function(e){this.abrController.resetEstimator(e)}},{key:"abrEwmaDefaultEstimate",get:function(){var e=this.abrController.bwEstimator;return e?e.defaultEstimate:NaN}},{key:"ttfbEstimate",get:function(){var e=this.abrController.bwEstimator;return e?e.getEstimateTTFB():NaN}},{key:"maxHdcpLevel",get:function(){return this._maxHdcpLevel},set:function(e){(function(e){return Je.indexOf(e)>-1})(e)&&this._maxHdcpLevel!==e&&(this._maxHdcpLevel=e,this.levelController.checkMaxAutoUpdated())}},{key:"autoLevelEnabled",get:function(){return-1===this.levelController.manualLevel}},{key:"manualLevel",get:function(){return this.levelController.manualLevel}},{key:"minAutoLevel",get:function(){var e=this.levels,t=this.config.minAutoBitrate;if(!e)return 0;for(var r=e.length,i=0;i<r;i++)if(e[i].maxBitrate>=t)return i;return 0}},{key:"maxAutoLevel",get:function(){var e,t=this.levels,r=this.autoLevelCapping,i=this.maxHdcpLevel;if(e=-1===r&&null!=t&&t.length?t.length-1:r,i)for(var n=e;n--;){var a=t[n].attrs["HDCP-LEVEL"];if(a&&a<=i)return n}return e}},{key:"firstAutoLevel",get:function(){return this.abrController.firstAutoLevel}},{key:"nextAutoLevel",get:function(){return this.abrController.nextAutoLevel},set:function(e){this.abrController.nextAutoLevel=e}},{key:"playingDate",get:function(){return this.streamController.currentProgramDateTime}},{key:"mainForwardBufferInfo",get:function(){return this.streamController.getMainFwdBufferInfo()}},{key:"maxBufferLength",get:function(){return this.streamController.maxBufferLength}},{key:"allAudioTracks",get:function(){var e=this.audioTrackController;return e?e.allAudioTracks:[]}},{key:"audioTracks",get:function(){var e=this.audioTrackController;return e?e.audioTracks:[]}},{key:"audioTrack",get:function(){var e=this.audioTrackController;return e?e.audioTrack:-1},set:function(e){var t=this.audioTrackController;t&&(t.audioTrack=e)}},{key:"allSubtitleTracks",get:function(){var e=this.subtitleTrackController;return e?e.allSubtitleTracks:[]}},{key:"subtitleTracks",get:function(){var e=this.subtitleTrackController;return e?e.subtitleTracks:[]}},{key:"subtitleTrack",get:function(){var e=this.subtitleTrackController;return e?e.subtitleTrack:-1},set:function(e){var t=this.subtitleTrackController;t&&(t.subtitleTrack=e)}},{key:"media",get:function(){return this._media}},{key:"subtitleDisplay",get:function(){var e=this.subtitleTrackController;return!!e&&e.subtitleDisplay},set:function(e){var t=this.subtitleTrackController;t&&(t.subtitleDisplay=e)}},{key:"lowLatencyMode",get:function(){return this.config.lowLatencyMode},set:function(e){this.config.lowLatencyMode=e}},{key:"liveSyncPosition",get:function(){return this.latencyController.liveSyncPosition}},{key:"latency",get:function(){return this.latencyController.latency}},{key:"maxLatency",get:function(){return this.latencyController.maxLatency}},{key:"targetLatency",get:function(){return this.latencyController.targetLatency},set:function(e){this.latencyController.targetLatency=e}},{key:"drift",get:function(){return this.latencyController.drift}},{key:"forceStartLoad",get:function(){return this.streamController.forceStartLoad}},{key:"pathways",get:function(){return this.levelController.pathways}},{key:"pathwayPriority",get:function(){return this.levelController.pathwayPriority},set:function(e){this.levelController.pathwayPriority=e}},{key:"bufferedToEnd",get:function(){var e;return!(null==(e=this.bufferController)||!e.bufferedToEnd)}},{key:"interstitialsManager",get:function(){var e;return(null==(e=this.interstitialsController)?void 0:e.interstitialsManager)||null}}],[{key:"version",get:function(){return ca}},{key:"Events",get:function(){return b}},{key:"MetadataSchema",get:function(){return rn}},{key:"ErrorTypes",get:function(){return R}},{key:"ErrorDetails",get:function(){return k}},{key:"DefaultConfig",get:function(){return e.defaultConfig?e.defaultConfig:ml},set:function(t){e.defaultConfig=t}}])}();return Ul.defaultConfig=void 0,Ul},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(r="undefined"!=typeof globalThis?globalThis:r||self).Hls=i()}(!1);
+//# sourceMappingURL=hls.min.js.map
diff --git a/assets/jsconfig.json b/assets/jsconfig.json
new file mode 100644
index 00000000..377218cc
--- /dev/null
+++ b/assets/jsconfig.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+  "baseUrl": ".",
+  "paths": {
+   "*": [
+    "*"
+   ]
+  }
+ }
+}
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
new file mode 100644
index 00000000..e59f978a
--- /dev/null
+++ b/bun.lock
@@ -0,0 +1,73 @@
+{
+  "lockfileVersion": 1,
+  "configVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "website",
+      "devDependencies": {
+        "sharp": "^0.34.2",
+      },
+    },
+  },
+  "packages": {
+    "@emnapi/runtime": ["@emnapi/runtime@1.11.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg=="],
+
+    "@img/colour": ["@img/colour@1.1.0", "", {}, "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ=="],
+
+    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w=="],
+
+    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.2.4" }, "os": "darwin", "cpu": "x64" }, "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw=="],
+
+    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.2.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g=="],
+
+    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.2.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg=="],
+
+    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.2.4", "", { "os": "linux", "cpu": "arm" }, "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A=="],
+
+    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.2.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw=="],
+
+    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.2.4", "", { "os": "linux", "cpu": "ppc64" }, "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA=="],
+
+    "@img/sharp-libvips-linux-riscv64": ["@img/sharp-libvips-linux-riscv64@1.2.4", "", { "os": "linux", "cpu": "none" }, "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA=="],
+
+    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.2.4", "", { "os": "linux", "cpu": "s390x" }, "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ=="],
+
+    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.2.4", "", { "os": "linux", "cpu": "x64" }, "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw=="],
+
+    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.2.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw=="],
+
+    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.2.4", "", { "os": "linux", "cpu": "x64" }, "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg=="],
+
+    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.2.4" }, "os": "linux", "cpu": "arm" }, "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw=="],
+
+    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg=="],
+
+    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.2.4" }, "os": "linux", "cpu": "ppc64" }, "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA=="],
+
+    "@img/sharp-linux-riscv64": ["@img/sharp-linux-riscv64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-riscv64": "1.2.4" }, "os": "linux", "cpu": "none" }, "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw=="],
+
+    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.2.4" }, "os": "linux", "cpu": "s390x" }, "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg=="],
+
+    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ=="],
+
+    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg=="],
+
+    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q=="],
+
+    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.34.5", "", { "dependencies": { "@emnapi/runtime": "^1.7.0" }, "cpu": "none" }, "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw=="],
+
+    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.34.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g=="],
+
+    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.34.5", "", { "os": "win32", "cpu": "ia32" }, "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg=="],
+
+    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.5", "", { "os": "win32", "cpu": "x64" }, "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw=="],
+
+    "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
+
+    "semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
+
+    "sharp": ["sharp@0.34.5", "", { "dependencies": { "@img/colour": "^1.0.0", "detect-libc": "^2.1.2", "semver": "^7.7.3" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.5", "@img/sharp-darwin-x64": "0.34.5", "@img/sharp-libvips-darwin-arm64": "1.2.4", "@img/sharp-libvips-darwin-x64": "1.2.4", "@img/sharp-libvips-linux-arm": "1.2.4", "@img/sharp-libvips-linux-arm64": "1.2.4", "@img/sharp-libvips-linux-ppc64": "1.2.4", "@img/sharp-libvips-linux-riscv64": "1.2.4", "@img/sharp-libvips-linux-s390x": "1.2.4", "@img/sharp-libvips-linux-x64": "1.2.4", "@img/sharp-libvips-linuxmusl-arm64": "1.2.4", "@img/sharp-libvips-linuxmusl-x64": "1.2.4", "@img/sharp-linux-arm": "0.34.5", "@img/sharp-linux-arm64": "0.34.5", "@img/sharp-linux-ppc64": "0.34.5", "@img/sharp-linux-riscv64": "0.34.5", "@img/sharp-linux-s390x": "0.34.5", "@img/sharp-linux-x64": "0.34.5", "@img/sharp-linuxmusl-arm64": "0.34.5", "@img/sharp-linuxmusl-x64": "0.34.5", "@img/sharp-wasm32": "0.34.5", "@img/sharp-win32-arm64": "0.34.5", "@img/sharp-win32-ia32": "0.34.5", "@img/sharp-win32-x64": "0.34.5" } }, "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg=="],
+
+    "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+  }
+}
diff --git a/bun.lockb b/bun.lockb
deleted file mode 100755
index e7252cf6..00000000
Binary files a/bun.lockb and /dev/null differ
diff --git a/config/development/hugo.toml b/config/development/hugo.toml
new file mode 100644
index 00000000..cbfe8d97
--- /dev/null
+++ b/config/development/hugo.toml
@@ -0,0 +1,3 @@
+# hugo server: directory-style URLs so clean links (/shop/comma-four) resolve in dev;
+# production builds flat files (shop/comma-four.html) served by firebase cleanUrls.
+uglyURLs = false
diff --git a/content/_index.html b/content/_index.html
new file mode 100644
index 00000000..aca4e7fc
--- /dev/null
+++ b/content/_index.html
@@ -0,0 +1,47 @@
+---
+title: comma.ai — make driving chill
+js: home
+preloadImages:
+  - https://3comma.net/hero-landscape/poster.jpg
+  - https://3comma.net/hero-portrait/poster.jpg
+  - https://3comma.net/screen-video/poster.jpg
+---
+{{< body.inline >}}{{ $total := 0 }}{{ range $brand, $models := site.Data.vehicles }}{{ $total = add $total (len $models) }}{{ end }}{{ $vehicleCountText := printf "%d+" (int (mul (math.Round (div (float $total) 25)) 25)) }} <section class="hero-image desktop svelte-ghphk8" style="background-image: url('https://3comma.net/hero-landscape/poster.jpg');" role="img" aria-label="Hero image"><video poster="https://3comma.net/hero-landscape/poster.jpg" autoplay muted loop playsinline draggable="false"></video></section> <section class="hero-image mobile svelte-ghphk8" style="background-image: url('https://3comma.net/hero-portrait/poster.jpg');" role="img" aria-label="Hero image"><video poster="https://3comma.net/hero-portrait/poster.jpg" autoplay muted loop playsinline draggable="false"></video></section> <section class="dark svelte-ghphk8" id="hero"><div class="container"><h1>comma four</h1> <h2 class="muted">An AI upgrade for your car</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 3rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="device-image-container svelte-ghphk8"><picture><source srcset="/img/products/comma-four/four_dark.avif" type="image/avif"><source srcset="/img/products/comma-four/four_dark.webp" type="image/webp"> <img src="/img/products/comma-four/four_dark.png" alt="comma four device"></picture> <video poster="https://3comma.net/screen-video/poster.jpg" autoplay muted loop playsinline draggable="false" class="screen-video-overlay"></video></div> <div><div class="mb-2"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: flex-start; --column-gap: 1rem; --row-gap: 1.25rem; --wrapped-columns: 2; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 1rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="24" cy="38" r="3" stroke="CurrentColor" stroke-width="2"></circle>
+  <path d="M11 35C11 35 18.9232 32 24 32C29.0768 32 37 35 37 35" stroke="CurrentColor" stroke-width="2"></path>
+  <path d="M35.9992 38.0003C35.9992 38.0003 31.9995 37.0003 30.4996 39.4999C29.0002 41.9992 32.9994 44.9999 32.9994 44.9999" stroke="CurrentColor" stroke-width="2"></path>
+  <path d="M11.9998 38.0003C11.9998 38.0003 15.9995 37.0003 17.4994 39.4999C18.9989 41.9992 14.9996 44.9999 14.9996 44.9999" stroke="CurrentColor" stroke-width="2"></path>
+  <path d="M6 27L17 3" stroke="CurrentColor" stroke-width="2"></path>
+  <path d="M42 27L31 3" stroke="CurrentColor" stroke-width="2"></path>
+  <path d="M24 16V4M24 4L29 9M24 4L19 9" stroke="CurrentColor" stroke-width="2"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M33.798 46C36.3911 43.459 38 39.9174 38 36C38 28.268 31.732 22 24 22C16.268 22 10 28.268 10 36C10 39.9174 11.6089 43.459 14.202 46H11.5093C9.31344 43.2608 8 39.7838 8 36C8 27.1634 15.1634 20 24 20C32.8366 20 40 27.1634 40 36C40 39.7838 38.6866 43.2608 36.4907 46H33.798Z" fill="CurrentColor"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M29.279 45.0398C29.2791 45.0398 29.2792 45.0398 28.9999 46H23.9999H18.9999C18.7206 45.0398 18.7206 45.0398 18.7207 45.0398L18.7209 45.0397L18.7216 45.0395L18.724 45.0388L18.7323 45.0364L18.7634 45.0275C18.7903 45.0197 18.8294 45.0086 18.8794 44.9945C18.9795 44.9663 19.1233 44.9263 19.3004 44.8784C19.6542 44.7828 20.1432 44.655 20.6834 44.527C21.7252 44.28 23.0848 44 23.9999 44C24.9149 44 26.2745 44.28 27.3163 44.527C27.8565 44.655 28.3455 44.7828 28.6993 44.8784C28.8764 44.9263 29.0202 44.9663 29.1203 44.9945C29.1703 45.0086 29.2094 45.0197 29.2363 45.0275L29.2674 45.0364L29.2757 45.0388L29.2781 45.0395L29.2788 45.0397L29.279 45.0398Z" fill="CurrentColor"></path>
+</svg>
+ <span>Lane<br>centering</span></div> <div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3333 21.3333V30.6667L30.6666 26L23.3333 21.3333Z" fill="currentColor"/>
+<path d="M38 28C32.48 28 28 32.48 28 38C28 43.52 32.48 48 38 48C43.52 48 48 43.52 48 38C48 32.48 43.52 28 38 28ZM36 43L31 38L32.41 36.59L36 40.17L43.59 32.58L45 34L36 43Z" fill="currentColor"/>
+<path d="M31 10V5H2V26H7M31 10H36V15M31 10H7V26M36 15H41V30M36 15H12V31M30 36H12V31M12 31H7V26" stroke="currentColor" stroke-width="2"/>
+</svg>
+ <span>Dashcam<br>recording</span></div> <div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35 11L32 5H16L13 11M35 11H13M35 11V14M13 11V14M35 17V20H34M35 17H13M35 17V14M13 17V20H14M13 17V14M14 20V23H17V20M14 20H17M17 20H31M34 20V23H31V20M34 20H31M35 14H32M13 14H16M20 14H28" stroke="CurrentColor" stroke-width="2"></path><path d="M7.81502 44L9.71111 41H38.2901L40.1854 44H7.81502Z" stroke="CurrentColor" stroke-width="2"></path><path d="M12.2357 37L14.1294 34H33.8741L35.7655 37H12.2357Z" stroke="CurrentColor" stroke-width="2"></path><path d="M16.6576 30L18.5513 27H29.4493L31.3468 30H16.6576Z" stroke="CurrentColor" stroke-width="2"></path></svg>
+ <span>Adaptive<br>cruise</span></div> <div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.33331 19.9999L12 22.6666C18.6266 16.0399 29.3733 16.0399 36 22.6666L38.6666 19.9999C30.5733 11.9066 17.44 11.9066 9.33331 19.9999ZM20 30.6666L24 34.6666L28 30.6666C25.8 28.4533 22.2133 28.4533 20 30.6666ZM14.6666 25.3333L17.3333 27.9999C21.0133 24.3199 26.9866 24.3199 30.6666 27.9999L33.3333 25.3333C28.1866 20.1866 19.8266 20.1866 14.6666 25.3333Z" fill="currentColor"/>
+</svg>
+ <span>OTA<br>updates</span></div> <div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 36L35.5 13L12.5 24L22.5 26L25.5 36Z" fill="currentColor" stroke="currentColor"/>
+</svg>
+ <span>Lane<br>changing</span></div> <div class="feature-item"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M33 24C33 29.4013 31.9032 34.2418 30.1766 37.6949C28.4201 41.2079 26.1786 43 24 43C21.8214 43 19.5799 41.2079 17.8234 37.6949C16.0968 34.2418 15 29.4013 15 24C15 18.5987 16.0968 13.7582 17.8234 10.3051C19.5799 6.79209 21.8214 5 24 5C26.1786 5 28.4201 6.79209 30.1766 10.3051C31.9032 13.7582 33 18.5987 33 24Z" stroke="currentColor" stroke-width="2"/>
+  <circle cx="24" cy="24" r="19" stroke="currentColor" stroke-width="2"/>
+  <path d="M24 15C29.4013 15 34.2418 16.0968 37.6949 17.8234C41.2079 19.5799 43 21.8214 43 24C43 26.1786 41.2079 28.4201 37.6949 30.1766C34.2418 31.9032 29.4013 33 24 33C18.5987 33 13.7582 31.9032 10.3051 30.1766C6.79209 28.4201 5 26.1786 5 24C5 21.8214 6.79209 19.5799 10.3051 17.8234C13.7582 16.0968 18.5987 15 24 15Z" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 19H36V29H14L12 28.0909V19Z" fill="black"/>
+  <path d="M16.496 28C15.9911 28 15.5502 27.9076 15.1733 27.7227C14.8036 27.5378 14.5156 27.2782 14.3093 26.944C14.1031 26.6098 14 26.2151 14 25.76H15.344C15.344 26.1084 15.4436 26.3822 15.6427 26.5813C15.8489 26.7733 16.1369 26.8693 16.5067 26.8693C16.8764 26.8693 17.1609 26.7698 17.36 26.5707C17.5591 26.3716 17.6587 26.1013 17.6587 25.76V25.152C17.6587 24.8036 17.5591 24.5333 17.36 24.3413C17.1609 24.1422 16.8764 24.0427 16.5067 24.0427H15.632V22.8373L17.3493 21.248H14.352V20.1067H18.704V21.312L16.5067 23.328V22.9013C17.2747 22.9013 17.8827 23.104 18.3307 23.5093C18.7787 23.9147 19.0027 24.4622 19.0027 25.152V25.76C19.0027 26.2151 18.8996 26.6098 18.6933 26.944C18.4871 27.2782 18.1956 27.5378 17.8187 27.7227C17.4418 27.9076 17.0009 28 16.496 28Z" fill="white"/>
+  <path d="M22.9665 28C22.4474 28 21.9887 27.8933 21.5905 27.68C21.1994 27.4596 20.8936 27.1538 20.6732 26.7627C20.4598 26.3644 20.3532 25.9058 20.3532 25.3867C20.3532 25.0169 20.4136 24.6293 20.5345 24.224C20.6625 23.8187 20.8367 23.4382 21.0572 23.0827L22.8918 20.1067H24.3745L22.0705 23.7333L22.1345 23.776C22.2767 23.5556 22.4687 23.3884 22.7105 23.2747C22.9523 23.1609 23.2225 23.104 23.5212 23.104C23.9407 23.104 24.3034 23.2036 24.6092 23.4027C24.9149 23.6018 25.1532 23.8791 25.3238 24.2347C25.4945 24.5902 25.5798 25.0062 25.5798 25.4827C25.5798 25.9876 25.4696 26.4284 25.2492 26.8053C25.0358 27.1822 24.7336 27.4773 24.3425 27.6907C23.9585 27.8969 23.4998 28 22.9665 28ZM22.9665 26.8693C23.3576 26.8693 23.6741 26.7449 23.9158 26.496C24.1576 26.24 24.2785 25.9093 24.2785 25.504C24.2785 25.0844 24.1576 24.7502 23.9158 24.5013C23.6741 24.2453 23.3576 24.1173 22.9665 24.1173C22.5754 24.1173 22.2589 24.2453 22.0172 24.5013C21.7754 24.7502 21.6545 25.0844 21.6545 25.504C21.6545 25.9093 21.7754 26.24 22.0172 26.496C22.2589 26.7449 22.5754 26.8693 22.9665 26.8693Z" fill="white"/>
+  <path d="M29.3623 28C28.8646 28 28.4343 27.9076 28.0717 27.7227C27.709 27.5307 27.4281 27.264 27.229 26.9227C27.0299 26.5742 26.9303 26.1653 26.9303 25.696V22.304C26.9303 21.8347 27.0299 21.4293 27.229 21.088C27.4281 20.7396 27.709 20.4729 28.0717 20.288C28.4343 20.096 28.8646 20 29.3623 20C29.8672 20 30.2974 20.096 30.653 20.288C31.0157 20.4729 31.2966 20.7396 31.4957 21.088C31.6948 21.4293 31.7943 21.8311 31.7943 22.2933V25.696C31.7943 26.1653 31.6948 26.5742 31.4957 26.9227C31.2966 27.264 31.0157 27.5307 30.653 27.7227C30.2974 27.9076 29.8672 28 29.3623 28ZM29.3623 26.8693C29.725 26.8693 30.0059 26.7662 30.205 26.56C30.4112 26.3538 30.5143 26.0658 30.5143 25.696V22.304C30.5143 21.9342 30.4112 21.6462 30.205 21.44C30.0059 21.2338 29.725 21.1307 29.3623 21.1307C28.9997 21.1307 28.7152 21.2338 28.509 21.44C28.3099 21.6462 28.2103 21.9342 28.2103 22.304V25.696C28.2103 26.0658 28.3134 26.3538 28.5197 26.56C28.7259 26.7662 29.0068 26.8693 29.3623 26.8693ZM27.1117 25.9307L30.717 22.0693H31.613L28.0077 25.9307H27.1117Z" fill="white"/>
+  <path d="M34.8693 23.0933C34.3928 23.0933 34.0053 22.9511 33.7066 22.6667C33.4151 22.3822 33.2693 22.0089 33.2693 21.5467C33.2693 21.0844 33.4151 20.7111 33.7066 20.4267C34.0053 20.1422 34.3928 20 34.8693 20C35.3528 20 35.7404 20.1422 36.0319 20.4267C36.3235 20.7111 36.4693 21.0844 36.4693 21.5467C36.4693 22.0089 36.3235 22.3822 36.0319 22.6667C35.7404 22.9511 35.3528 23.0933 34.8693 23.0933ZM34.8586 22.464C35.1217 22.464 35.3315 22.3787 35.4879 22.208C35.6515 22.0373 35.7333 21.8169 35.7333 21.5467C35.7333 21.2693 35.6515 21.0489 35.4879 20.8853C35.3315 20.7147 35.1253 20.6293 34.8693 20.6293C34.6062 20.6293 34.3964 20.7147 34.2399 20.8853C34.0835 21.0489 34.0053 21.2693 34.0053 21.5467C34.0053 21.8169 34.0835 22.0373 34.2399 22.208C34.3964 22.3787 34.6026 22.464 34.8586 22.464Z" fill="white"/>
+</svg>
+ <span>360° vision</span></div> </div></div> <a href="/shop/comma-four" target="_self" class="svelte-slt5la   accent full-width">Buy now <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div> <h1 class="mt-4">Buy it, plug it in, and engage.</h1> <h3 class="muted">comma four works with the car you already drive. It&#39;s active driver assistance
+      for your Toyota, Hyundai, Ford, and more.</h3></div></section> <section class="light" id="compatibility"><div class="container"><h1 class="mb-7 sm-mb-3">comma four can run <a href="/openpilot" class="highlight">openpilot</a>.</h1> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 3rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>It works on {{ $vehicleCountText | safeHTML }} car models from 27 brands.
+        <span class="muted">Is your car supported?</span></h1> <div><div class="table svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cpath%20d='M24.7345%2011.957C26.3494%2012.863%2028.1773%2014.4554%2027.9862%2016.579C27.7657%2018.5469%2025.9754%2019.921%2024.3763%2020.7481C19.7083%2023.0358%2013.1508%2023.1073%208.33006%2021.1078C6.70083%2020.4124%204.87293%2019.2189%204.18662%2017.4226C3.6621%2015.9477%204.30176%2014.4087%205.37562%2013.3861C7.62117%2011.2933%2010.4846%2010.5746%2013.4322%2010.1607C16.6305%209.76187%2019.9966%2010.1141%2022.8607%2011.1209C23.5003%2011.3633%2024.1325%2011.6289%2024.7337%2011.9562L24.7345%2011.957ZM22.0999%2011.8945C20.1884%2011.3482%2018.1777%2011.0201%2016.045%2011.0367C15.0547%2011.0517%2014.339%2011.9961%2013.9357%2012.8006C13.6309%2013.4402%2013.281%2014.2056%2013.5391%2014.94C13.6768%2015.1816%2013.8973%2015.3464%2014.1411%2015.4081C15.1841%2015.6421%2016.1285%2015.22%2017.0654%2014.9867C18.9084%2014.3696%2020.7137%2013.6668%2022.2895%2012.4025C22.358%2012.3167%2022.4799%2012.2309%2022.419%2012.0977C22.3512%2011.9803%2022.2135%2011.957%2022.0999%2011.8945ZM12.1612%2011.5198C12.1078%2011.4189%2011.9701%2011.434%2011.8639%2011.434C10.8435%2011.598%209.87576%2011.887%208.94713%2012.2467C7.37811%2012.9255%205.49678%2013.9249%205.03246%2015.7987C4.74349%2017.2353%205.74812%2018.4453%206.86036%2019.1949C7.08086%2019.2957%207.31715%2019.6087%207.56097%2019.3747C8.81017%2016.6806%2010.1271%2013.9715%2012.1303%2011.6372L12.1604%2011.5198H12.1612ZM25.4509%2013.5817C25.1762%2013.3936%2024.9324%2013.1204%2024.59%2013.0896C24.5247%2013.1128%2024.4667%2013.1531%2024.4222%2013.2062C24.0529%2014.049%2023.6566%2014.8797%2023.2339%2015.6971C22.3128%2017.5167%2021.2623%2019.3122%2019.8754%2020.9121L19.8528%2021.022C19.8679%2021.1161%2019.9672%2021.1003%2020.0282%2021.1078C21.0027%2021.0145%2021.902%2020.7014%2022.793%2020.3974C24.4297%2019.7412%2026.4856%2018.711%2026.9582%2016.7747C27.2479%2015.463%2026.3946%2014.3779%2025.4501%2013.581L25.4509%2013.5817ZM18.5126%2017.7191C18.3907%2017.391%2018.0482%2017.1495%2017.7051%2017.1021C16.8751%2016.9929%2016.0902%2017.227%2015.3519%2017.4452C13.3728%2018.1255%2011.3688%2018.7727%209.68537%2020.1709C9.61011%2020.2416%209.55668%2020.3417%209.59506%2020.4516C9.64355%2020.5286%209.71934%2020.5845%209.80728%2020.6081C11.7087%2021.1911%2013.6832%2021.5013%2015.6718%2021.5292C16.5786%2021.6233%2017.3318%2020.9987%2017.7886%2020.2725C18.2003%2019.4913%2018.6954%2018.6876%2018.5126%2017.7191Z'%20fill='white'/%3e%3c/svg%3e" loading="lazy" alt="Hyundai logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Hyundai Sonata</div> <div class="car-year">2020-23</div> </div></div> <hr class="svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cpath%20d='M24.7345%2011.957C26.3494%2012.863%2028.1773%2014.4554%2027.9862%2016.579C27.7657%2018.5469%2025.9754%2019.921%2024.3763%2020.7481C19.7083%2023.0358%2013.1508%2023.1073%208.33006%2021.1078C6.70083%2020.4124%204.87293%2019.2189%204.18662%2017.4226C3.6621%2015.9477%204.30176%2014.4087%205.37562%2013.3861C7.62117%2011.2933%2010.4846%2010.5746%2013.4322%2010.1607C16.6305%209.76187%2019.9966%2010.1141%2022.8607%2011.1209C23.5003%2011.3633%2024.1325%2011.6289%2024.7337%2011.9562L24.7345%2011.957ZM22.0999%2011.8945C20.1884%2011.3482%2018.1777%2011.0201%2016.045%2011.0367C15.0547%2011.0517%2014.339%2011.9961%2013.9357%2012.8006C13.6309%2013.4402%2013.281%2014.2056%2013.5391%2014.94C13.6768%2015.1816%2013.8973%2015.3464%2014.1411%2015.4081C15.1841%2015.6421%2016.1285%2015.22%2017.0654%2014.9867C18.9084%2014.3696%2020.7137%2013.6668%2022.2895%2012.4025C22.358%2012.3167%2022.4799%2012.2309%2022.419%2012.0977C22.3512%2011.9803%2022.2135%2011.957%2022.0999%2011.8945ZM12.1612%2011.5198C12.1078%2011.4189%2011.9701%2011.434%2011.8639%2011.434C10.8435%2011.598%209.87576%2011.887%208.94713%2012.2467C7.37811%2012.9255%205.49678%2013.9249%205.03246%2015.7987C4.74349%2017.2353%205.74812%2018.4453%206.86036%2019.1949C7.08086%2019.2957%207.31715%2019.6087%207.56097%2019.3747C8.81017%2016.6806%2010.1271%2013.9715%2012.1303%2011.6372L12.1604%2011.5198H12.1612ZM25.4509%2013.5817C25.1762%2013.3936%2024.9324%2013.1204%2024.59%2013.0896C24.5247%2013.1128%2024.4667%2013.1531%2024.4222%2013.2062C24.0529%2014.049%2023.6566%2014.8797%2023.2339%2015.6971C22.3128%2017.5167%2021.2623%2019.3122%2019.8754%2020.9121L19.8528%2021.022C19.8679%2021.1161%2019.9672%2021.1003%2020.0282%2021.1078C21.0027%2021.0145%2021.902%2020.7014%2022.793%2020.3974C24.4297%2019.7412%2026.4856%2018.711%2026.9582%2016.7747C27.2479%2015.463%2026.3946%2014.3779%2025.4501%2013.581L25.4509%2013.5817ZM18.5126%2017.7191C18.3907%2017.391%2018.0482%2017.1495%2017.7051%2017.1021C16.8751%2016.9929%2016.0902%2017.227%2015.3519%2017.4452C13.3728%2018.1255%2011.3688%2018.7727%209.68537%2020.1709C9.61011%2020.2416%209.55668%2020.3417%209.59506%2020.4516C9.64355%2020.5286%209.71934%2020.5845%209.80728%2020.6081C11.7087%2021.1911%2013.6832%2021.5013%2015.6718%2021.5292C16.5786%2021.6233%2017.3318%2020.9987%2017.7886%2020.2725C18.2003%2019.4913%2018.6954%2018.6876%2018.5126%2017.7191Z'%20fill='white'/%3e%3c/svg%3e" loading="lazy" alt="Hyundai logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Hyundai Palisade</div> <div class="car-year">2020-22</div> </div></div> <hr class="svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cg%20clip-path='url(%23clip0_1832_1653)'%3e%3cpath%20d='M17.9236%2018.3321C17.9236%2018.3777%2017.938%2018.4041%2017.9644%2018.4041C17.986%2018.4017%2018.0052%2018.3921%2018.022%2018.3801L25.5021%2013.5254C25.6285%2013.437%2025.7799%2013.3916%2025.9341%2013.3958H27.5779C27.8299%2013.3958%2028.0003%2013.5638%2028.0003%2013.8157V16.9547C28.0003%2017.3338%2027.9163%2017.5546%2027.5803%2017.7562L25.5861%2018.9561C25.5662%2018.9699%2025.543%2018.9782%2025.5189%2018.9801C25.4949%2018.9801%2025.4709%2018.9609%2025.4709%2018.8913V15.2292C25.4709%2015.186%2025.4589%2015.1572%2025.4301%2015.1572C25.409%2015.1596%2025.3891%2015.168%2025.3725%2015.1812L19.9058%2018.7329C19.781%2018.8169%2019.6346%2018.8625%2019.4858%2018.8601H15.8621C15.6078%2018.8601%2015.4398%2018.6921%2015.4398%2018.4377V13.9141C15.4398%2013.8805%2015.4254%2013.8493%2015.3966%2013.8493C15.3756%2013.852%2015.3557%2013.8603%2015.339%2013.8733L11.7321%2016.0379C11.6961%2016.0619%2011.6865%2016.0787%2011.6865%2016.0955C11.6865%2016.1099%2011.6937%2016.1243%2011.7177%2016.1507L14.2951%2018.7257C14.3287%2018.7593%2014.3527%2018.7857%2014.3527%2018.8145C14.3527%2018.8385%2014.3143%2018.8577%2014.2687%2018.8577H11.9409C11.7585%2018.8577%2011.6169%2018.8313%2011.5185%2018.7329L9.95627%2017.173C9.95035%2017.166%209.94303%2017.1602%209.93477%2017.156C9.92652%2017.1519%209.9175%2017.1495%209.90828%2017.149C9.89134%2017.1498%209.87485%2017.1548%209.86028%2017.1634L7.24931%2018.7329C7.09093%2018.8289%206.98294%2018.8553%206.82695%2018.8553H4.42476C4.16799%2018.8577%204%2018.6873%204%2018.4353V15.3564C4%2014.9748%204.08399%2014.7564%204.42236%2014.5549L6.42858%2013.3502C6.44432%2013.3399%206.46258%2013.3341%206.48138%2013.3334C6.51258%2013.3334%206.52938%2013.3646%206.52938%2013.4342V17.557C6.52938%2017.6002%206.53897%2017.6194%206.57017%2017.6194C6.59177%2017.617%206.61097%2017.6074%206.63017%2017.5954L13.4072%2013.5182C13.5368%2013.4294%2013.6951%2013.3862%2013.8535%2013.3934H17.5012C17.7532%2013.3934%2017.9236%2013.5614%2017.9236%2013.8133L17.9212%2018.3321H17.9236Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1832_1653'%3e%3crect%20width='24'%20height='5.65517'%20fill='white'%20transform='translate(4%2013.3334)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" loading="lazy" alt="Kia logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Kia Niro EV</div> <div class="car-year">2019-23</div> </div></div> <hr class="svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.2827%207.96259C16.6606%207.97305%2016.6204%208.23858%2016.5579%208.33012C15.4428%2010.0649%2012.8079%2013.1194%2010.8893%2016.4707C10.5717%2017.0137%2010.3352%2017.4132%2010.3352%2018.0091C10.3352%2018.817%2010.8395%2019.7722%2011.8527%2020.1821C12.5192%2020.4491%2012.9388%2020.4573%2013.6581%2020.4677C18.9987%2020.6328%2021.1397%2020.4885%2025.9186%2020.3264C26.1946%2020.3256%2026.4512%2020.1397%2026.5435%2020.0273C27.4674%2019.064%2028%2017.3321%2028%2015.8041C28%2012.4008%2025.5488%209.33513%2021.7251%207.86071L21.1114%208.64775C24.4627%2010.0329%2026.1946%2012.7995%2026.1946%2015.7625C26.1946%2016.4291%2026.0815%2017.0747%2025.8769%2017.6914C25.7252%2018.1215%2025.5384%2018.3684%2024.9954%2018.3766C21.101%2018.4599%2018.896%2018.5209%2014.9913%2018.4182C14.4876%2018.4078%2014.3247%2018.2241%2014.2429%2017.8253C14.1804%2017.5888%2014.2325%2017.3924%2014.3954%2017.0956C16.4664%2013.4266%2020.0744%209.23319%2020.7826%208.23858C20.9172%208.05484%2020.854%207.68439%2020.392%207.56166C19.0403%207.16216%2017.5236%207%2015.9859%207C9.02362%207.02826%204.11305%2010.9442%204%2015.8041C4.27898%2021.6379%209.35165%2024.6507%2015.9859%2024.6507C20.0454%2024.6507%2023.7642%2023.2157%2025.9401%2020.9401L23.9301%2021.0212C22.074%2022.6719%2019.1006%2023.5542%2016.0253%2023.5542C10.4199%2023.5542%205.85604%2020.7667%205.85604%2015.7625C5.85604%2011.4583%2010.4192%207.95219%2016.0253%207.95219L16.2827%207.96259Z'%20fill='white'/%3e%3c/svg%3e" loading="lazy" alt="Lexus logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Lexus ES</div> <div class="car-year">2019-22</div> </div></div> <hr class="svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cpath%20d='M21.3365%208.75638C19.8516%208.28061%2018.0034%208%2016.0005%208C13.9975%208%2012.1493%208.28061%2010.6635%208.75638C6.71343%2010.0209%204%2012.648%204%2015.6834C4%2019.9537%209.37291%2023.4163%2016.0005%2023.4163C22.6271%2023.4163%2028%2019.9537%2028%2015.6834C28%2012.648%2025.2857%2010.0218%2021.3365%208.75638ZM16.0005%2020.0922C15.0111%2020.0922%2014.2035%2018.1549%2014.1567%2015.7212C15.3834%2015.8305%2016.6175%2015.8305%2017.8442%2015.7212C17.7965%2018.1549%2016.9898%2020.0922%2016.0005%2020.0922V20.0922ZM14.2808%2013.8154C14.5506%2012.1066%2015.218%2010.8969%2016.0005%2010.8969C16.782%2010.8969%2017.4494%2012.1075%2017.7192%2013.8154C16.5754%2013.9182%2015.4246%2013.9182%2014.2808%2013.8154ZM18.7696%2013.6868C18.3685%2011.0048%2017.2803%209.08286%2016.0005%209.08286C14.7206%209.08286%2013.6315%2011.0048%2013.2304%2013.6868C10.793%2013.3082%209.0887%2012.4447%209.0887%2011.4401C9.0887%2010.0857%2012.1835%208.98842%2016.0005%208.98842C19.8174%208.98842%2022.9113%2010.0866%2022.9113%2011.4401C22.9113%2012.4447%2021.2079%2013.3073%2018.7696%2013.6868ZM5.75109%2015.401C5.75109%2014.0915%206.25655%2012.8648%207.13974%2011.8098C7.1297%2011.8831%207.12459%2011.957%207.12445%2012.031C7.12445%2013.6778%209.60765%2015.0781%2013.0703%2015.5926C13.0676%2015.7167%2013.0658%2015.8417%2013.0658%2015.9676C13.0658%2019.03%2013.9184%2021.6229%2015.0975%2022.5178C9.85947%2022.1976%205.75109%2019.1343%205.75109%2015.401V15.401ZM16.9043%2022.5169C18.0825%2021.6229%2018.9351%2019.0291%2018.9351%2015.9667C18.9351%2015.8408%2018.9342%2015.7158%2018.9306%2015.5917C22.3924%2015.0772%2024.8755%2013.6769%2024.8755%2012.0301C24.8755%2011.9564%2024.8693%2011.8817%2024.8594%2011.8089C25.7417%2012.8648%2026.248%2014.0915%2026.248%2015.4001C26.248%2019.1343%2022.1405%2022.1976%2016.9043%2022.5169'%20fill='white'/%3e%3c/svg%3e" loading="lazy" alt="Toyota logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Toyota Corolla</div> <div class="car-year">2020-22</div> </div></div> <hr class="svelte-2ajqwq"><div class="compatibility-item svelte-2ajqwq"><picture><img src="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20fill='black'/%3e%3cpath%20d='M21.3365%208.75638C19.8516%208.28061%2018.0034%208%2016.0005%208C13.9975%208%2012.1493%208.28061%2010.6635%208.75638C6.71343%2010.0209%204%2012.648%204%2015.6834C4%2019.9537%209.37291%2023.4163%2016.0005%2023.4163C22.6271%2023.4163%2028%2019.9537%2028%2015.6834C28%2012.648%2025.2857%2010.0218%2021.3365%208.75638ZM16.0005%2020.0922C15.0111%2020.0922%2014.2035%2018.1549%2014.1567%2015.7212C15.3834%2015.8305%2016.6175%2015.8305%2017.8442%2015.7212C17.7965%2018.1549%2016.9898%2020.0922%2016.0005%2020.0922V20.0922ZM14.2808%2013.8154C14.5506%2012.1066%2015.218%2010.8969%2016.0005%2010.8969C16.782%2010.8969%2017.4494%2012.1075%2017.7192%2013.8154C16.5754%2013.9182%2015.4246%2013.9182%2014.2808%2013.8154ZM18.7696%2013.6868C18.3685%2011.0048%2017.2803%209.08286%2016.0005%209.08286C14.7206%209.08286%2013.6315%2011.0048%2013.2304%2013.6868C10.793%2013.3082%209.0887%2012.4447%209.0887%2011.4401C9.0887%2010.0857%2012.1835%208.98842%2016.0005%208.98842C19.8174%208.98842%2022.9113%2010.0866%2022.9113%2011.4401C22.9113%2012.4447%2021.2079%2013.3073%2018.7696%2013.6868ZM5.75109%2015.401C5.75109%2014.0915%206.25655%2012.8648%207.13974%2011.8098C7.1297%2011.8831%207.12459%2011.957%207.12445%2012.031C7.12445%2013.6778%209.60765%2015.0781%2013.0703%2015.5926C13.0676%2015.7167%2013.0658%2015.8417%2013.0658%2015.9676C13.0658%2019.03%2013.9184%2021.6229%2015.0975%2022.5178C9.85947%2022.1976%205.75109%2019.1343%205.75109%2015.401V15.401ZM16.9043%2022.5169C18.0825%2021.6229%2018.9351%2019.0291%2018.9351%2015.9667C18.9351%2015.8408%2018.9342%2015.7158%2018.9306%2015.5917C22.3924%2015.0772%2024.8755%2013.6769%2024.8755%2012.0301C24.8755%2011.9564%2024.8693%2011.8817%2024.8594%2011.8089C25.7417%2012.8648%2026.248%2014.0915%2026.248%2015.4001C26.248%2019.1343%2022.1405%2022.1976%2016.9043%2022.5169'%20fill='white'/%3e%3c/svg%3e" loading="lazy" alt="Toyota logo" class="car-brand-logo"></picture> <div class="car"><div class="car-identifier">Toyota Rav4</div> <div class="car-year">2019-22</div> </div></div> <hr class="svelte-2ajqwq"> </div> <a href="/vehicles" target="_self" class="svelte-slt5la primary   full-width">View all {{ $vehicleCountText | safeHTML }} cars <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div></section> <section class="dark" id="social"><div class="container"><div class="wrapper svelte-1ebayn7"><div class="label svelte-1ebayn7">comma</div> <div class="line svelte-1ebayn7"></div> <div class="label svelte-1ebayn7">is real</div> </div> <h1>300+ million miles driven and 20k users. Our GitHub repo has
+      <a href="https://github.com/commaai/openpilot" target="_blank" class="highlight">50k stars</a>.</h1> <div class="featured-articles svelte-yixopr"><span class="svelte-yixopr">Featured in</span> <div class="grid svelte-7tyzqm   large" style="--columns: 6; --align-items: flex-start; --column-gap: 0.5rem; --row-gap: 1.5rem; --wrapped-columns: 3; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 0.5rem; --lg-template-columns: repeat(var(--columns), 1fr);"><a href="https://youtu.be/xdmxM-v4KQg" class="svelte-yixopr"><picture><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20360'%3e%3cpath%20fill='%23ff4d00'%20d='M356.81%20146.42c-2.953-15.584-7.877-30.478-14.58-44.37-7.088-14.694-16.152-28.252-26.785-40.404-12.103-13.835-26.251-25.834-42.02-35.45C246.174%209.582%20214.185%200%20180%200c-24.834%200-48.508%205.056-70.05%2014.191-17.081%207.242-32.79%2017.085-46.7%2028.973C24.582%2076.205%200%20125.272%200%20180s24.583%20103.8%2063.25%20136.83c6.88%205.88%2014.194%2011.254%2021.908%2016.058%2027.561%2017.158%2060.056%2027.107%2094.843%2027.107%2024.835%200%2048.51-5.056%2070.051-14.192%2017.08-7.243%2032.79-17.085%2046.7-28.973%2038.667-33.04%2063.25-82.106%2063.25-136.83%200-11.478-1.126-22.694-3.19-33.58zM63.25%20294.35C34.373%20264.872%2016.548%20224.527%2016.548%20180S34.373%2095.13%2063.25%2065.65v228.7zm186.8-113.24v146.6c-21.234%2010.09-44.98%2015.751-70.051%2015.751-26.456%200-51.422-6.324-73.531-17.484l131.91-42.861v-49.103l-128.43%2041.73V32.302c21.233-10.088%2044.978-15.75%2070.05-15.75%2025.803%200%2050.197%206%2071.897%2016.647l-130.27%2042.33v49.103l35.023-11.382v135.04l46.7-15.178V98.081l93.4-30.346%201.51-.49c11.245%2011.79%2020.748%2025.246%2028.09%2040l-111.32%2036.166v49.105zm46.7%20113.24V165.93l44.188-14.356c1.62%209.237%202.514%2018.724%202.514%2028.424%200%2044.526-17.825%2084.871-46.702%20114.35z'/%3e%3c/svg%3e" alt="Logo of Linus Tech Tips" class="greyscale"></picture></a> <a href="https://www.youtube.com/watch?v=GY8ruVimG8M" class="svelte-yixopr"><picture><source srcset="/img/featured-articles/snazzy-labs.avif" type="image/avif"><source srcset="/img/featured-articles/snazzy-labs.webp" type="image/webp"> <img src="/img/featured-articles/snazzy-labs.png" alt="Logo of Snazzy Labs" class="greyscale"></picture></a> <a href="https://www.theverge.com/23548094/george-hotz-comma-3-driver-assist-hands-free-demo" class="svelte-yixopr"><picture><img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20viewBox='53.941%20159.335%20308%2069'%20width='308'%20height='69'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m231.196%2017.897-.302%209.071c-10.592-.726-13.618%201.996-13.618%2010.885V39h-9.078V18.441h9.078v5.866c2.724-4.777%206.416-6.954%2013.92-6.41ZM15.131%2054.786h9.078V19.71h-9.078v35.075Zm44.968-36.828c-6.355%200-10.228%202.842-12.286%205.986V4.593H0v8.466h39.34V39h8.654c0-7.438%204.298-12.697%209.563-12.697%204.54%200%206.597%202.237%206.597%2010.28v18.203h9.078V33.318c0-10.28-5.265-15.36-13.133-15.36ZM95.807%2047.83c-5.507%200-9.078-3.326-9.683-8.829H77.59c.847%209.676%207.202%2016.51%2018.157%2016.51%208.473%200%2013.254-3.81%2015.736-9.555l-7.687-3.387c-1.15%203.447-3.268%205.261-7.989%205.261Zm-.363-29.692a19.226%2019.226%200%200%200-9.32%202.177l4.357%206.168c1.634-.846%203.39-1.27%205.266-1.21%205.084%200%207.686%203.327%208.049%207.68H95.02v6.048h17.31c.121-.907.182-1.754.182-2.66.06-13.184-8.655-18.203-17.068-18.203ZM185.32%2047.83c-5.507%200-9.078-3.326-9.683-8.829h-8.534c.847%209.676%207.202%2016.51%2018.157%2016.51%208.473%200%2013.254-3.81%2015.736-9.555l-7.687-3.387c-1.21%203.447-3.328%205.261-7.989%205.261Zm-.302-29.692a19.226%2019.226%200%200%200-9.321%202.177l4.358%206.168c1.634-.846%203.389-1.27%205.265-1.21%205.084%200%207.687%203.327%208.05%207.68h-8.776v6.048h17.31c.121-.907.181-1.754.181-2.66.061-13.184-8.655-18.203-17.067-18.203ZM291.416%2047.83c-5.507%200-9.078-3.326-9.683-8.829h-8.534c.847%209.676%207.202%2016.51%2018.157%2016.51%208.473%200%2013.254-3.81%2015.736-9.555l-7.687-3.387c-1.21%203.447-3.328%205.261-7.989%205.261Zm-.484-29.692a19.225%2019.225%200%200%200-9.32%202.177l4.357%206.168c1.635-.846%203.39-1.27%205.266-1.21%205.084%200%207.686%203.327%208.049%207.68h-8.775v6.048h17.309c.121-.907.182-1.754.182-2.66.06-13.184-8.655-18.203-17.068-18.203ZM117.172.299%20133.5%2039h9.926L130.971%208.221h16.099V.36L117.172.3Zm48.418.06L146.888%2047.71l-2.784%207.076h9.502L176.06.36h-10.47Zm83.461%2053.58c3.873%200%207.081-1.089%209.32-2.963l-3.631-5.745c-1.15.484-2.421.665-3.692.665-4.963%200-7.808-2.963-8.776-6.894h-8.897c1.211%208.406%207.263%2014.937%2015.676%2014.937Zm11.196-30.418c-2.057-3.265-6.234-5.624-12.044-5.624-5.689-.06-10.954%203.024-13.738%208.043l7.565%204.838c1.392-2.903%204.116-4.838%208.292-4.838%205.931%200%209.925%204.596%209.925%2010.038%200%201.029-.121%202.057-.423%203.024h9.502v-20.5h-9.079v5.019Zm-8.775%2038.642c-5.871%200-8.05-2.842-8.474-6.168h-8.654c.181%206.35%204.418%2013.304%2017.309%2013.304%208.715%200%2014.404-4.354%2016.765-10.885l-8.171-2.842c-1.15%204.233-4.297%206.591-8.775%206.591Z'%20transform='matrix(1,%200,%200,%201,%2053.941341,%20159.035904)'/%3e%3c/svg%3e" alt="Logo of The Verge"></picture></a> <a href="https://www.caranddriver.com/features/a30341053/self-driving-technology-comparison/" class="svelte-yixopr"><picture><source srcset="/img/featured-articles/car-and-driver.avif" type="image/avif"><source srcset="/img/featured-articles/car-and-driver.webp" type="image/webp"> <img src="/img/featured-articles/car-and-driver.png" alt="Logo of Car and Driver"></picture></a> <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf" class="svelte-yixopr"><picture><source srcset="/img/featured-articles/consumer-reports.avif" type="image/avif"><source srcset="/img/featured-articles/consumer-reports.webp" type="image/webp"> <img src="/img/featured-articles/consumer-reports.png" alt="Logo of Consumer Reports"></picture></a> <a href="https://www.cnet.com/roadshow/news/comma-ai-assisted-driving-george-hotz-ces-2020/" class="svelte-yixopr"><picture><source srcset="/img/featured-articles/road-show.avif" type="image/avif"><source srcset="/img/featured-articles/road-show.webp" type="image/webp"> <img src="/img/featured-articles/road-show.png" alt="Logo of Road Show"></picture></a> </div> </div> <h1>Follow us on 𝕏
+      <a href="https://twitter.com/comma_ai" target="_blank" class="highlight">@comma_ai</a>.</h1></div></section> <section class="light svelte-ghphk8" id="recruit"><div class="container"><div class="wrapper svelte-1ebayn7"><div class="label svelte-1ebayn7">Careers</div> <div class="line svelte-1ebayn7"></div> <div class="label svelte-1ebayn7">We are hiring</div> </div> <h1 class="mb-5 sm-mb-3">Join us in building the future.</h1> <div class="grid svelte-7tyzqm   large" style="--columns: 2; --align-items: flex-start; --column-gap: 6rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 6rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="recruiting-card"><span class="muted">/01</span> <span>product</span></div> <div class="recruiting-card"><span class="muted">/02</span> <span>autonomy</span></div> <div class="recruiting-card"><span class="muted">/03</span> <span>operations</span></div> </div> <div><h4>We&#39;re looking for talented individuals, able to work independently,
+          and ready to make a meaningful impact.</h4> <a href="/jobs" target="_self" class="svelte-slt5la primary   full-width">See open positions <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div> </section>{{< /body.inline >}}
diff --git a/content/connect.html b/content/connect.html
new file mode 100644
index 00000000..abe6f551
--- /dev/null
+++ b/content/connect.html
@@ -0,0 +1,193 @@
+---
+title: comma.ai — make driving chill
+js: connect
+---
+{{< body.inline >}}<div class="banner svelte-gtmdcg"><picture><source srcset="/img/connect-app.avif" type="image/avif"><source srcset="/img/connect-app.webp" type="image/webp"> <img src="/img/connect-app.png" loading="lazy" alt="comma connect application"></picture></div> <section class="light svelte-gtmdcg" id="connect"><div class="container"><div class="header"><hgroup><a class="muted" href="https://connect.comma.ai/" target="_blank">connect.comma.ai</a> <h1>See your recorded drives online.</h1></hgroup> <p><a href="https://connect.comma.ai/" target="_blank" class="highlight">comma connect</a> is an app that lets you manage your openpilot experience.
+        Recordings of your drives will upload to connect where they will be stored for 3 days.
+        Subscribe to comma connect to keep your drives accessible for 1 year.</p></div> <div class="features-banner"><div class="grid svelte-7tyzqm  medium" style="--columns: 6; --align-items: flex-start; --column-gap: 2rem; --row-gap: 1.5rem; --wrapped-columns: 2; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 2rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3333 21.3333V30.6667L30.6666 26L23.3333 21.3333Z" fill="currentColor"/>
+<path d="M38 28C32.48 28 28 32.48 28 38C28 43.52 32.48 48 38 48C43.52 48 48 43.52 48 38C48 32.48 43.52 28 38 28ZM36 43L31 38L32.41 36.59L36 40.17L43.59 32.58L45 34L36 43Z" fill="currentColor"/>
+<path d="M31 10V5H2V26H7M31 10H36V15M31 10H7V26M36 15H41V30M36 15H12V31M30 36H12V31M12 31H7V26" stroke="currentColor" stroke-width="2"/>
+</svg>
+</div> <div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/twenty-four-seven.avif" type="image/avif"><source srcset="/img/icons/features/twenty-four-seven.webp" type="image/webp"> <img src="/img/icons/features/twenty-four-seven.png" loading="lazy" alt=""></picture></div> <div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/marker.avif" type="image/avif"><source srcset="/img/icons/features/marker.webp" type="image/webp"> <img src="/img/icons/features/marker.png" loading="lazy" alt=""></picture></div> <div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/snapshot.avif" type="image/avif"><source srcset="/img/icons/features/snapshot.webp" type="image/webp"> <img src="/img/icons/features/snapshot.png" loading="lazy" alt=""></picture></div> <div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12V35.6927H38V12H10ZM35.8463 33.5388H12.1537V16.3078H35.8463V33.5388Z" fill="currentColor"/>
+<path d="M21.7605 26.7402H29.1772V28.9173H21.7605V26.7402Z" fill="currentColor"/>
+<path d="M14.3457 26.7398L21.7564 23.7956V23.7894L21.7603 23.791V21.4526L21.7564 21.4542V21.4481L14.3457 18.5039L14.344 20.8459L18.8161 22.6219L14.344 24.3982L14.3457 26.7398Z" fill="currentColor"/>
+</svg>
+</div> <div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 596 596" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M298 75C301.166 75 304.333 75.2992 307.499 75.8975C310.665 76.4957 313.756 77.2433 316.771 78.1406C322.049 79.9354 329.21 82.4781 338.257 85.7686C347.454 88.9094 357.556 92.4989 368.562 96.5371C379.72 100.575 390.801 104.614 401.808 108.652C412.965 112.691 423.143 116.429 432.34 119.869C441.537 123.309 448.775 126.151 454.052 128.395C463.55 132.283 470.712 136.77 475.537 141.855C480.512 146.941 483 155.242 483 166.758V335.914C483 356.105 480.136 373.829 474.406 389.085C468.677 404.191 459.253 418.325 446.136 431.486C433.169 444.648 415.755 457.959 393.893 471.42C372.181 484.881 345.192 499.986 312.927 516.737C310.062 518.233 307.273 519.28 304.559 519.878C301.995 520.626 299.809 521 298 521C296.191 521 293.929 520.626 291.215 519.878C288.652 519.28 285.938 518.233 283.073 516.737C251.562 498.939 224.875 483.235 203.013 469.625C181.301 456.015 163.811 442.853 150.543 430.14C137.426 417.277 127.851 403.443 121.82 388.636C115.94 373.679 113 356.105 113 335.914V166.758C113 155.242 115.488 146.941 120.463 141.855C125.438 136.621 132.6 132.134 141.948 128.395C147.225 126.301 154.463 123.534 163.66 120.094C172.857 116.504 182.959 112.691 193.966 108.652C205.123 104.465 216.205 100.426 227.212 96.5371C238.369 92.499 248.546 88.9094 257.743 85.7686C266.94 82.4781 274.178 79.9354 279.455 78.1406C282.47 77.2433 285.486 76.4957 288.501 75.8975C291.667 75.2992 294.834 75 298 75ZM346.247 186.325C316.874 159.849 274.11 160.592 248.081 188.469C227.681 210.318 225.302 243.597 242.303 268.572C258.025 291.667 287.436 298.832 314.56 286.528C316.74 285.539 318.478 285.021 319.829 284.885C321.157 284.751 321.982 284.993 322.533 285.379C323.095 285.772 323.652 286.508 324.051 287.903C324.403 289.134 324.599 290.769 324.601 292.868L324.589 293.796C323.678 330.53 307.065 358.794 278.866 380.354C274.562 383.645 269.874 386.455 265.025 389.2C260.214 391.924 255.184 394.617 250.395 397.59C249.3 398.268 248.074 399.213 247.057 400.3C246.083 401.34 245.08 402.745 244.846 404.35C244.135 409.228 244.606 414.454 244.606 420V422.808L247.26 421.891C255.387 419.081 262.7 416.806 269.77 414.066C341.593 386.206 381.117 322.688 374.227 245.748C372.159 222.655 363.843 202.187 346.247 186.325Z" fill="white"/>
+</svg>
+</div> </div></div> <span class="badge-prefix muted">connect</span><div style="display: inline" class="svelte-57k9f5 dark">subscription </div> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 1.25fr 1fr; --lg-column-gap: 3rem; --lg-template-columns: 1.25fr 1fr;"><h1>Access premium features with connect subscription.</h1> <p>Get a connect subscription for live car tracking and cloud storage of your drives for 1 year.</p> </div> <div id="features-table"><div class="row header"><div class="title">Features</div> <div class="content badge"><span class="badge-prefix muted">connect</span><div style="display: inline" class="svelte-57k9f5 dark">prime &amp; lite subscription </div></div> <div class="content badge"><span class="badge-prefix muted">connect</span><div style="display: inline" class="svelte-57k9f5 dark">free </div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3333 21.3333V30.6667L30.6666 26L23.3333 21.3333Z" fill="currentColor"/>
+<path d="M38 28C32.48 28 28 32.48 28 38C28 43.52 32.48 48 38 48C43.52 48 48 43.52 48 38C48 32.48 43.52 28 38 28ZM36 43L31 38L32.41 36.59L36 40.17L43.59 32.58L45 34L36 43Z" fill="currentColor"/>
+<path d="M31 10V5H2V26H7M31 10H36V15M31 10H7V26M36 15H41V30M36 15H12V31M30 36H12V31M12 31H7V26" stroke="currentColor" stroke-width="2"/>
+</svg>
+</div> <div><hgroup><div>Cloud storage of drive videos</div> <span class="muted">Review your driving history, access routes, and watch videos of past drives.</span></hgroup> <div class="mobile-badge"><div style="display: inline-flex" class="svelte-57k9f5 dark"><span class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</span> 1 year of storage </div></div></div></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div> <div>1 year of storage</div></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div> <div>3 days of storage</div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/twenty-four-seven.avif" type="image/avif"><source srcset="/img/icons/features/twenty-four-seven.webp" type="image/webp"> <img src="/img/icons/features/twenty-four-seven.png" loading="lazy" alt=""></picture></div> <hgroup><div>24/7 connectivity</div> <span class="muted">Always-on. Always LTE connected.</span></hgroup></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div></div> <div class="content"><div class="cross"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 596 596" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M298 75C301.166 75 304.333 75.2992 307.499 75.8975C310.665 76.4957 313.756 77.2433 316.771 78.1406C322.049 79.9354 329.21 82.4781 338.257 85.7686C347.454 88.9094 357.556 92.4989 368.562 96.5371C379.72 100.575 390.801 104.614 401.808 108.652C412.965 112.691 423.143 116.429 432.34 119.869C441.537 123.309 448.775 126.151 454.052 128.395C463.55 132.283 470.712 136.77 475.537 141.855C480.512 146.941 483 155.242 483 166.758V335.914C483 356.105 480.136 373.829 474.406 389.085C468.677 404.191 459.253 418.325 446.136 431.486C433.169 444.648 415.755 457.959 393.893 471.42C372.181 484.881 345.192 499.986 312.927 516.737C310.062 518.233 307.273 519.28 304.559 519.878C301.995 520.626 299.809 521 298 521C296.191 521 293.929 520.626 291.215 519.878C288.652 519.28 285.938 518.233 283.073 516.737C251.562 498.939 224.875 483.235 203.013 469.625C181.301 456.015 163.811 442.853 150.543 430.14C137.426 417.277 127.851 403.443 121.82 388.636C115.94 373.679 113 356.105 113 335.914V166.758C113 155.242 115.488 146.941 120.463 141.855C125.438 136.621 132.6 132.134 141.948 128.395C147.225 126.301 154.463 123.534 163.66 120.094C172.857 116.504 182.959 112.691 193.966 108.652C205.123 104.465 216.205 100.426 227.212 96.5371C238.369 92.499 248.546 88.9094 257.743 85.7686C266.94 82.4781 274.178 79.9354 279.455 78.1406C282.47 77.2433 285.486 76.4957 288.501 75.8975C291.667 75.2992 294.834 75 298 75ZM346.247 186.325C316.874 159.849 274.11 160.592 248.081 188.469C227.681 210.318 225.302 243.597 242.303 268.572C258.025 291.667 287.436 298.832 314.56 286.528C316.74 285.539 318.478 285.021 319.829 284.885C321.157 284.751 321.982 284.993 322.533 285.379C323.095 285.772 323.652 286.508 324.051 287.903C324.403 289.134 324.599 290.769 324.601 292.868L324.589 293.796C323.678 330.53 307.065 358.794 278.866 380.354C274.562 383.645 269.874 386.455 265.025 389.2C260.214 391.924 255.184 394.617 250.395 397.59C249.3 398.268 248.074 399.213 247.057 400.3C246.083 401.34 245.08 402.745 244.846 404.35C244.135 409.228 244.606 414.454 244.606 420V422.808L247.26 421.891C255.387 419.081 262.7 416.806 269.77 414.066C341.593 386.206 381.117 322.688 374.227 245.748C372.159 222.655 363.843 202.187 346.247 186.325Z" fill="white"/>
+</svg>
+</div> <div><hgroup><div>commacare</div> <span class="muted">Extend your comma four&#39;s standard one year warranty for an additional year. <a class="muted-link" href="#what-is-commacare">See Terms</a></span></hgroup></div></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div></div> <div class="content"><div class="cross"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/marker.avif" type="image/avif"><source srcset="/img/icons/features/marker.webp" type="image/webp"> <img src="/img/icons/features/marker.png" loading="lazy" alt=""></picture></div> <hgroup><div>Live GPS tracking</div> <span class="muted">Always know your vehicle&#39;s location with a live map view.</span></hgroup></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div></div> <div class="content"><div class="cross"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><picture><source srcset="/img/icons/features/snapshot.avif" type="image/avif"><source srcset="/img/icons/features/snapshot.webp" type="image/webp"> <img src="/img/icons/features/snapshot.png" loading="lazy" alt=""></picture></div> <hgroup><div>Take pictures remotely</div> <span class="muted">Know what&#39;s going on around your car. comma four features HD road-facing and night-vision-enabled cabin cameras.</span></hgroup></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div></div> <div class="content"><div class="cross"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</div></div></div> <div class="row"><div class="feature-overview"><div class="icon svelte-gtmdcg"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12V35.6927H38V12H10ZM35.8463 33.5388H12.1537V16.3078H35.8463V33.5388Z" fill="currentColor"/>
+<path d="M21.7605 26.7402H29.1772V28.9173H21.7605V26.7402Z" fill="currentColor"/>
+<path d="M14.3457 26.7398L21.7564 23.7956V23.7894L21.7603 23.791V21.4526L21.7564 21.4542V21.4481L14.3457 18.5039L14.344 20.8459L18.8161 22.6219L14.344 24.3982L14.3457 26.7398Z" fill="currentColor"/>
+</svg>
+</div> <hgroup><div>Simple SSH for developers</div> <span class="muted">Easy way to connect and deploy code to your comma device.</span></hgroup></div> <div class="content"><div class="check"><svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 24 24" fill="#51b124">
+<path d="M0 0h24v24H0z" fill="none"></path>
+<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
+</svg>
+</div></div> <div class="content"><div class="cross"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+<line x1="18" y1="6" x2="6" y2="18"></line>
+<line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>
+</div></div></div></div></div></section> <section class="dark svelte-gtmdcg" id="price"><div class="container"><div style="display: inline" class="svelte-57k9f5 dark">connect </div><div style="display: inline" class="svelte-57k9f5  light">subscription </div> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 1.25fr 1fr; --lg-column-gap: 3rem; --lg-template-columns: 1.25fr 1fr;"><h1>Real time vehicle connectivity.</h1> <ul class="checkmark-list"><li>24/7 connectivity</li> <li>Live GPS tracking</li> <li>Take pictures remotely</li> <li>1 year storage of drive videos</li> <li>Simple SSH for developers</li></ul> </div> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: stretch; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="price-card"><div><div style="display: inline" class="svelte-57k9f5  light">Subscription </div><div style="display: inline" class="svelte-57k9f5   accent">Prime </div></div> <span>$24/mo.</span> <div class="muted">includes data</div> <div class="muted">*only offered in the U.S.</div></div> <div class="price-card"><div><div style="display: inline" class="svelte-57k9f5  light">Subscription </div><div style="display: inline" class="svelte-57k9f5 dark">Lite </div></div> <span>$14/mo.</span> <div class="muted">supply your own SIM card<br>(no data included)</div> <div class="muted">*works internationally</div></div> </div> <div class="centered"><a href="https://connect.comma.ai/" target="_self" class="svelte-slt5la   accent">Get Started <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <div class="free-trial"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div><h2>Free 1-month trial with comma four purchase</h2> <a href="/shop" target="_self" class="svelte-slt5la  secondary">Shop comma four <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <div class="mobile-first"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture></div> </div></div></div></section> <section class="light" id="faq"><div class="container"><div><div class="header svelte-1olhv4k" id="frequently-asked-questions"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>Frequently asked questions</h1> <div class="mobile-first"><picture><img src="/img/faq/connect.svg" loading="eager" alt="Frequently asked questions banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-claim-the-free-prime-offer" id="how-do-i-claim-the-free-prime-offer"  class="svelte-f0pxdy"> <label for="how-do-i-claim-the-free-prime-offer" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I claim the free prime offer?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              Sign up for prime in <a href="https://connect.comma.ai/">comma connect</a>. With a
+              purchase of a comma four, you get a free month of comma prime, in which you
+              can cancel at any time. After that, you will be charged $24 a month
+              (domestic only).
+            </p>
+            <p>
+              Live outside the United States? You can still sign up for prime lite and optionally pair that
+              with your own active SIM card. comma prime data service is available in the United States and Puerto Rico only.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-connect" id="what-is-connect"  class="svelte-f0pxdy"> <label for="what-is-connect" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is connect?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              connect (<a href="https://connect.comma.ai/">connect.comma.ai</a>) is a dashboard of
+              your recent drives.
+            </p>
+            <p>
+              Your drives are accessible for 3 days (or 1 year with a comma prime
+              subscription).
+            </p>
+            <p>
+              connect provides other features such as battery voltage and remote snapshots.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-the-difference-between-prime-and-prime-lite" id="what-is-the-difference-between-prime-and-prime-lite"  class="svelte-f0pxdy"> <label for="what-is-the-difference-between-prime-and-prime-lite" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is the difference between prime and prime lite?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              With prime ($24/mo), domestic data is included.
+            </p>
+            <p>
+              With prime lite ($14/mo), no SIM card or cellular service is provided. You can choose to bring your own SIM card for the full prime experience.
+            </p>
+            <p>
+              Note: your own SIM may require configuration to work with your comma device. We do not offer troubleshooting for third party data service.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-transfer-a-prime-subscription-to-a-new-device" id="how-do-i-transfer-a-prime-subscription-to-a-new-device"  class="svelte-f0pxdy"> <label for="how-do-i-transfer-a-prime-subscription-to-a-new-device" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I transfer a prime subscription to a new device?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            We aren't able to transfer comma prime subscriptions between devices. To do
+            so, you must cancel your existing prime subscription through
+            <a href="https://connect.comma.ai/">connect.comma.ai</a> and sign up with the new
+            device.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-cancel-comma-prime" id="how-do-i-cancel-comma-prime"  class="svelte-f0pxdy"> <label for="how-do-i-cancel-comma-prime" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I cancel comma prime?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              We've made the Refund Policy as straightforward as we can, no hidden clauses
+              and no fine print.
+            </p>
+            <ul>
+              <li>You may cancel your subscription by selecting the "Cancel subscription" option
+              on <a href="https://connect.comma.ai/">connect.comma.ai</a> in the settings cog -> "Prime
+              Settings". You can do this at any time without incurring a cancellation
+              fee. Upon canceling your comma prime membership, no further fees will be charged.</li>
+              <li>If you have a free trial period, we will charge your credit card with the
+              monthly subscription fee at the end of the trial period.</li>
+              <li>We will continue to charge your credit card account on a monthly basis
+              until you cancel your subscription. For example, if you joined on April 5
+              your credit card will be charged on May 5; June 5; July 5; and so on until
+              you cancel your subscription.</li>
+              <li>Your cancellation takes effect immediately. Your last paid monthly fee will be pro-rated and returned as credit on your account.</li>
+              <li>You can sign back up at any time.</li>
+            </ul>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-commacare" id="what-is-commacare"  class="svelte-f0pxdy"> <label for="what-is-commacare" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is commacare?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              commacare extends your comma four's warranty for up to an additional year beyond the standard one-year warranty, giving you two years of total coverage.
+            </p>
+            <p>
+              We've made commacare simple and straightforward:
+            </p>
+            <ul>
+              <li>commacare is included automatically with your comma prime ($24/mo) or prime lite ($14/mo) subscription.</li>
+              <li>You must start your prime subscription within the first 30 days of receiving your comma four to be eligible for commacare.</li>
+              <li>If you cancel your prime subscription, your commacare warranty ends immediately and cannot be resumed. The standard warranty terms will continue to apply for any remaining time in the first year.</li>
+              <li>commacare provides the same coverage as the standard one-year warranty. It does not cover theft, loss, or accidental damage.</li>
+            </ul>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="i-installed-my-own-sim-card-but-its-not-working" id="i-installed-my-own-sim-card-but-its-not-working"  class="svelte-f0pxdy"> <label for="i-installed-my-own-sim-card-but-its-not-working" class="svelte-f0pxdy"><div slot="label" class="label"><span>I installed my own SIM card, but it's not working.</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              We do not offer support for setting up third party cellular service. Note that lack of third party cellular connectivity, by itself, is not indicative of malfunctioning hardware as each carrier needs to be carefully configured to function properly. If you are not prepared to configure your SIM card to work with the device, we recommend prime over prime lite.
+            </p>
+            Some common issues include:
+            <ul>
+              <li>The APN is not set correctly on the device.</li>
+              <li>The device isn't whitelisted with your carrier.</li>
+              <li>The SIM card's service isn't active.</li>
+            </ul>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-switch-between-prime-and-prime-lite" id="how-do-i-switch-between-prime-and-prime-lite"  class="svelte-f0pxdy"> <label for="how-do-i-switch-between-prime-and-prime-lite" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I switch between prime and prime lite?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Currently, this requires cancelling your current subscription and resubscribing at the new tier.
+            Since the subscription is pro-rated, the cancellation happens immediately, and you can resubscribe immediately.
+            Your stored drives from the original subscription are not guaranteed to persist after this process.
+           </div></div> </div> <hr></div> </div></div> </section>{{< /body.inline >}}
diff --git a/content/jobs.html b/content/jobs.html
new file mode 100644
index 00000000..d26820a8
--- /dev/null
+++ b/content/jobs.html
@@ -0,0 +1,128 @@
+---
+title: Jobs - comma
+js: jobs
+description: "At comma.ai, we are solving self-driving cars while delivering shippable intermediaries."
+---
+{{< body.inline >}} <div class="jobs-page light svelte-11te7oe"><section class="jobs-hero svelte-11te7oe" aria-labelledby="jobs-title"><div class="container svelte-11te7oe"><h1 id="jobs-title" class="svelte-11te7oe">Come build the future</h1></div></section> <section class="jobs-intro svelte-11te7oe" aria-label="Jobs introduction"><div class="container split-grid svelte-11te7oe"><h2 class="section-title svelte-11te7oe">We&#39;re solving self driving cars while delivering shippable intermediaries.</h2> <div class="svelte-11te7oe"><p class="large-text svelte-11te7oe">If Tesla is the iOS of self driving, we are the Android. How do you solve self driving cars?
+          You don&#39;t do it by solving the problem one part at a time. There are no parts. There is just
+          a machine learning model that contains the human policy of driving.</p> <a href="#open-positions" target="_self" class="svelte-slt5la primary">View Openings <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div></div></section> <section class="jobs-video svelte-11te7oe" aria-label="See how comma works"><div class="container svelte-11te7oe"><div class="video-shell svelte-11te7oe"><iframe class="video-frame svelte-11te7oe" src="https://www.youtube.com/embed/PFjssb7r_uU" title="Touring comma HQ + launching the new jobs page comma.ai/jobs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div></div></section> <section class="jobs-section svelte-11te7oe" aria-labelledby="who-we-are"><div class="container svelte-11te7oe"><div class="split-grid svelte-11te7oe"><h2 id="who-we-are" class="section-title svelte-11te7oe">Who we are</h2> <p class="large-text svelte-11te7oe">We have 90+ million miles of driving data sitting on hard drives ready to be trained on.
+          Write the training code, fix the bugs, and watch it drive. Think AlphaGo, but for self
+          driving cars. And the minute we do solve it, we already have thousands of users to deploy to.
+          The second largest fleet outside Tesla, and likely to be the largest soon.</p></div> <div class="section-spacer svelte-11te7oe"></div> <p class="eyebrow svelte-11te7oe">On-site only, no remote</p> <h2 class="section-title svelte-11te7oe">We&#39;re in San Diego</h2> <p class="body-copy svelte-11te7oe">comma HQ is located in sunny San Diego, California.</p> <div class="photo-grid svelte-11te7oe"><picture><img src="/images/jobs/Frame-175.jpg" srcset="/images/jobs/Frame-175-p-500.jpg 500w, /images/jobs/Frame-175.jpg 640w" sizes="(max-width: 768px) 85vw, 640px" loading="lazy" alt="comma HQ workspace" class="svelte-11te7oe"></picture> <picture><img src="/images/jobs/Frame-176.png" srcset="/images/jobs/Frame-176-p-500.png 500w, /images/jobs/Frame-176.png 640w" sizes="(max-width: 768px) 85vw, 640px" loading="lazy" alt="comma HQ in San Diego" class="svelte-11te7oe"></picture></div></div></section> <section class="quote-section svelte-11te7oe" aria-label="Employee quotes"><div class="container quote-container svelte-11te7oe"><figure class="quote svelte-11te7oe"><blockquote class="svelte-11te7oe">&quot;We have the best chance at solving self-driving cars because our approach involves actually shipping a product and proving it out as we go.&quot;</blockquote> <figcaption class="svelte-11te7oe">- Greg, Infrastructure</figcaption></figure> <div class="quote-controls svelte-11te7oe" aria-label="Quote controls"><button type="button" class="quote-arrow previous svelte-11te7oe" aria-label="Previous quote"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.0003 25.3335L18.1203 23.4535L24.227 17.3335L2.66699 17.3335L2.66699 14.6668L24.227 14.6668L18.107 8.54683L20.0003 6.66683L29.3337 16.0002L20.0003 25.3335Z" fill="CurrentColor">
+  </path>
+</svg>
+</button> <div class="quote-dots svelte-11te7oe"><button type="button" aria-label="Show quote from Greg" aria-pressed="true" class="svelte-11te7oe active"></button><button type="button" aria-label="Show quote from Yassine" aria-pressed="false" class="svelte-11te7oe"></button><button type="button" aria-label="Show quote from Nick" aria-pressed="false" class="svelte-11te7oe"></button></div> <button type="button" class="quote-arrow svelte-11te7oe" aria-label="Next quote"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.0003 25.3335L18.1203 23.4535L24.227 17.3335L2.66699 17.3335L2.66699 14.6668L24.227 14.6668L18.107 8.54683L20.0003 6.66683L29.3337 16.0002L20.0003 25.3335Z" fill="CurrentColor">
+  </path>
+</svg>
+</button></div></div></section> <section class="jobs-section svelte-11te7oe" aria-labelledby="hiring-process"><div class="container svelte-11te7oe"><h2 id="hiring-process" class="section-title svelte-11te7oe">Our Process</h2> <div class="traits-grid svelte-11te7oe"><article class="trait-card svelte-11te7oe"><h3 class="svelte-11te7oe">01. Challenge</h3> <p class="svelte-11te7oe">Choose a challenge from the <a href="https://comma.ai/leaderboard">leaderboard</a> or a <a href="https://comma.ai/bounties">bounty</a>, solve it, then reach out to <a href="mailto:work@comma.ai">work@comma.ai</a>.</p> </article><article class="trait-card svelte-11te7oe"><h3 class="svelte-11te7oe">02. Phone screen</h3> <p class="svelte-11te7oe">Typically, we do two calls: a quick intro and screen, then an in-depth technical interview with an engineer.</p> </article><article class="trait-card svelte-11te7oe"><h3 class="svelte-11te7oe">03. Paid micro-internship</h3> <p class="svelte-11te7oe">We'll fly you out to meet the team and work on a real problem for a few days and hopefully ship it to real users. If all goes well, we will make a full-time offer.</p> </article></div></div></section> <section class="challenge-section dark svelte-11te7oe" aria-labelledby="challenge-title"><div class="container challenge-grid svelte-11te7oe"><div class="svelte-11te7oe"><p class="eyebrow svelte-11te7oe">Start here</p> <h2 id="challenge-title" class="svelte-11te7oe">Ready to apply?</h2> <p class="challenge-copy svelte-11te7oe">Email your resume, GitHub, and challenge or bounty solution to
+          <a href="mailto:work@comma.ai" class="svelte-11te7oe">work@comma.ai</a>.</p> <p class="challenge-copy svelte-11te7oe">The compression challenge is a good place to start, but any strong leaderboard
+          challenge or bounty submission works.</p> <a href="https://github.com/commaai/comma_video_compression_challenge" target="_blank" class="svelte-slt5la  secondary">Try the compression challenge <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <picture class="svelte-11te7oe"><img src="/images/jobs/img-jobs-challenge.jpeg" class="challenge-image svelte-11te7oe" srcset="/images/jobs/img-jobs-challenge-p-500.jpeg 500w, /images/jobs/img-jobs-challenge-p-800.jpeg 800w, /images/jobs/img-jobs-challenge-p-1080.jpeg 1080w, /images/jobs/img-jobs-challenge.jpeg 1224w" sizes="(max-width: 1024px) 85vw, 55vw" loading="lazy" alt="comma programming challenge visualization"></picture></div></section> <section class="benefits-section svelte-11te7oe" aria-labelledby="benefits-title"><div class="container split-grid svelte-11te7oe"><h2 id="benefits-title" class="section-title svelte-11te7oe">Explore Our Benefits</h2> <div class="benefits-list svelte-11te7oe"><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-health.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">Health, dental, and vision insurance</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-visa.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">Visa sponsorship</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-car.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">24/7 access to comma's fleet of cars for openpilot testing</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-vacation.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">Flexible time off</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-fitness.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">On-site gym and yoga studio</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-chef.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">Chef prepared lunch and dinner (and snacks!)</span> </div><div class="benefit-item svelte-11te7oe"><picture><img src="/images/jobs/icon-jobs-benefit-future.svg" loading="lazy" alt="" aria-hidden="true" class="svelte-11te7oe"></picture> <span class="svelte-11te7oe">Solving self driving cars</span> </div></div></div></section> <section class="jobs-section svelte-11te7oe" aria-labelledby="open-positions"><div class="container openings-grid svelte-11te7oe"><div class="openings-intro svelte-11te7oe"><h2 id="open-positions" class="section-title svelte-11te7oe">Open Positions</h2> <p class="svelte-11te7oe">All positions are on-site in San Diego, CA</p></div> <div class="jobs-list svelte-11te7oe"><article class="job-item svelte-11te7oe expanded" id="software-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="true" aria-controls="job-panel-0"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Software Engineer</span> <span class="job-team svelte-11te7oe">openpilot</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Software Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div> <div class="job-panel svelte-11te7oe" id="job-panel-0"><div class="job-description svelte-11te7oe">
+        As part of the openpilot team, your responsibilities include developing new features,
+        building simulation and testing infrastructure, and improving the tools our community
+        uses to develop openpilot.
+      </div> <div class="job-qualifications svelte-11te7oe">Qualifications</div> <ul class="svelte-11te7oe"><li class="svelte-11te7oe">Ability to independently write, test, and ship software to thousands of users</li><li class="svelte-11te7oe">Write fast and efficient code that runs on hardware with limited compute resources</li><li class="svelte-11te7oe">Fluent in Python and at least one system programming language (C, C++, Rust)</li><li class="svelte-11te7oe">Experience with Linux internals (e.g. you wrote a kernel driver or did other kernel hacking)</li><li class="svelte-11te7oe">Experience with embedded systems</li><li class="svelte-11te7oe">Preferred: experience with reverse engineering</li> </ul> <div class="job-how-to-apply svelte-11te7oe"><div class="job-qualifications svelte-11te7oe">How to apply</div> <p class="svelte-11te7oe">
+    Do a <a href="https://comma.ai/bounties">bounty</a> or <a href="https://comma.ai/leaderboard">challenge</a>,
+    then email <a href="mailto:work@comma.ai">work@comma.ai</a> with what you built.
+  </p></div> </div> </article><article class="job-item svelte-11te7oe" id="full-stack-developer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-1"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Full Stack Developer</span> <span class="job-team svelte-11te7oe">openpilot</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Full Stack Developer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="car-interface-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-2"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Car Interface Engineer</span> <span class="job-team svelte-11te7oe">openpilot</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Car Interface Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="controls-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-3"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Controls Engineer</span> <span class="job-team svelte-11te7oe">autonomy</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Controls Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="autonomy-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-4"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Autonomy Engineer</span> <span class="job-team svelte-11te7oe">autonomy</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Autonomy Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="electronics-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-5"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Electronics Engineer</span> <span class="job-team svelte-11te7oe">product</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Electronics Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="infrastructure-engineer"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-6"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Infrastructure Engineer</span> <span class="job-team svelte-11te7oe">openpilot</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Infrastructure Engineer"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="cnc-machinist-head-of-prototyping"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-7"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">CNC Machinist (Head of Prototyping)</span> <span class="job-team svelte-11te7oe">hardware</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to CNC Machinist (Head of Prototyping)"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="office-manager"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-8"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Office Manager</span> <span class="job-team svelte-11te7oe">operations</span></span> <span class="job-location svelte-11te7oe">On-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Office Manager"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article><article class="job-item svelte-11te7oe" id="internships-co-op"><div class="job-header svelte-11te7oe"><button type="button" class="job-toggle svelte-11te7oe" aria-expanded="false" aria-controls="job-panel-9"><span class="job-header-title svelte-11te7oe"><span class="job-title-line svelte-11te7oe"><span class="job-title svelte-11te7oe">Internships / Co-op</span> </span> <span class="job-location svelte-11te7oe">Paid and on-site in San Diego, CA</span></span> <span class="job-toggle-icon svelte-11te7oe" aria-hidden="true"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+ </span></button> <div class="job-actions svelte-11te7oe"><button type="button" class="share-button svelte-11te7oe" title="Copy link to this job" aria-label="Copy link to Internships / Co-op"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="currentColor"></path>
+</svg>
+</button> <div class="apply-wrap svelte-11te7oe"> <button type="button" class="apply-button svelte-11te7oe">Email Us
+                  </button></div> </div></div>  </article></div></div></section> <section class="jobs-section svelte-11te7oe" id="faq" aria-label="Jobs FAQ"><div class="container svelte-11te7oe"><div><div class="header svelte-1olhv4k" id="jobs-faq"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>Jobs FAQ</h1> <div class="mobile-first"><picture><img src="/img/faq/other.svg" loading="eager" alt="Jobs FAQ banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-you-sponsor-visas" id="do-you-sponsor-visas"  class="svelte-f0pxdy"> <label for="do-you-sponsor-visas" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do you sponsor visas?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+          <p>
+            Yes, we sponsor visas and green cards.
+            </p>
+            <p>
+            If we make you an offer, we'll make every reasonable effort to get you a visa and retain an immigration lawyer to help with this.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="whats-your-remote-work-policy" id="whats-your-remote-work-policy"  class="svelte-f0pxdy"> <label for="whats-your-remote-work-policy" class="svelte-f0pxdy"><div slot="label" class="label"><span>What's your remote work policy?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            comma is IRL in San Diego, CA.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-you-offer-internships" id="do-you-offer-internships"  class="svelte-f0pxdy"> <label for="do-you-offer-internships" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do you offer internships?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Yes! All teams hire interns year-round.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="are-you-hiring-for-any-other-roles" id="are-you-hiring-for-any-other-roles"  class="svelte-f0pxdy"> <label for="are-you-hiring-for-any-other-roles" class="svelte-f0pxdy"><div slot="label" class="label"><span>Are you hiring for any other roles?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            We're interested in anyone who can get a top spot on the <a href="https://comma.ai/leaderboard">leaderboard</a>.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="any-other-requirements" id="any-other-requirements"  class="svelte-f0pxdy"> <label for="any-other-requirements" class="svelte-f0pxdy"><div slot="label" class="label"><span>Any other requirements?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Nope. We're just looking for people who do well on our challenges and can independently contribute to solving self-driving cars.
+           </div></div> </div> <hr></div> </div></div></section> </div>{{< /body.inline >}}
diff --git a/content/openpilot.html b/content/openpilot.html
new file mode 100644
index 00000000..d6843b20
--- /dev/null
+++ b/content/openpilot.html
@@ -0,0 +1,367 @@
+---
+title: comma.ai — make driving chill
+js: openpilot
+---
+{{< body.inline >}}{{- /* vehicleCountText (src/lib/constants/vehicles.js): round(totalVehicles/25)*25 + "+" */ -}}
+{{- $totalVehicles := 0 -}}
+{{- range $brand, $models := site.Data.vehicles }}{{ $totalVehicles = add $totalVehicles (len $models) }}{{ end -}}
+{{- $vehicleCount := int (mul (math.Round (div (float $totalVehicles) site.Params.vehicleRoundTo)) site.Params.vehicleRoundTo) -}}
+<section class="dark" id="about"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 4; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 2; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="stats-item svelte-40iujj"><div><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M26.6667 5.33331H24V26.6666H26.6667V5.33331Z" fill="currentColor" />
+  <path d="M7.99992 5.33331H5.33325V26.6666H7.99992V5.33331Z" fill="currentColor" />
+  <path d="M17.3334 5.33331H14.6667V10.6666H17.3334V5.33331Z" fill="currentColor" />
+  <path d="M17.3334 13.3333H14.6667V18.6666H17.3334V13.3333Z" fill="currentColor" />
+  <path d="M17.3334 21.3333H14.6667V26.6666H17.3334V21.3333Z" fill="currentColor" />
+</svg>
+</div> <span>300+ million</span> <span>Miles driven</span></div> <div class="stats-item svelte-40iujj"><div><svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1034_4128)">
+<path d="M6 11L16 16.7735V5.2265L6 11ZM42 11L32 5.2265V16.7735L42 11ZM15 12H24V10H15V12ZM24 12H33V10H24V12Z" fill="white"/>
+<circle cx="24" cy="47" r="21.5" fill="black" stroke="white" stroke-width="5"/>
+<path d="M24 38C14 38 5.66667 45.1667 0 47C0 47 2.13312 50.711 5.5 52.7327C5.5 52.7327 19.0594 56.7459 24 70C28.9406 56.7459 42.5 52.7327 42.5 52.7327C45.8669 50.711 48 47 48 47C42.6667 45.1667 34 38 24 38Z" fill="white"/>
+<circle cx="24" cy="47" r="4" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1034_4128">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+</div> <span>56%</span> <span>Miles driven are engaged</span></div> <div class="stats-item svelte-40iujj"><div><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M25.2267 6.67998C24.96 5.89331 24.2133 5.33331 23.3333 5.33331H8.66667C7.78667 5.33331 7.05333 5.89331 6.77333 6.67998L4 14.6666V25.3333C4 26.0666 4.6 26.6666 5.33333 26.6666H6.66667C7.4 26.6666 8 26.0666 8 25.3333V24H24V25.3333C24 26.0666 24.6 26.6666 25.3333 26.6666H26.6667C27.4 26.6666 28 26.0666 28 25.3333V14.6666L25.2267 6.67998ZM8.66667 20C7.56 20 6.66667 19.1066 6.66667 18C6.66667 16.8933 7.56 16 8.66667 16C9.77333 16 10.6667 16.8933 10.6667 18C10.6667 19.1066 9.77333 20 8.66667 20ZM23.3333 20C22.2267 20 21.3333 19.1066 21.3333 18C21.3333 16.8933 22.2267 16 23.3333 16C24.44 16 25.3333 16.8933 25.3333 18C25.3333 19.1066 24.44 20 23.3333 20ZM6.66667 13.3333L8.66667 7.33331H23.3333L25.3333 13.3333H6.66667Z" fill="currentColor" />
+</svg>
+</div> <span>20,000+</span> <span>Active users</span></div> <div class="stats-item svelte-40iujj"><div><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 17C18.1733 17 20.0933 17.52 21.6533 18.2C23.0933 18.84 24 20.28 24 21.84V24H8V21.8533C8 20.28 8.90667 18.84 10.3467 18.2133C11.9067 17.52 13.8267 17 16 17ZM5.33333 17.3333C6.8 17.3333 8 16.1333 8 14.6667C8 13.2 6.8 12 5.33333 12C3.86667 12 2.66667 13.2 2.66667 14.6667C2.66667 16.1333 3.86667 17.3333 5.33333 17.3333ZM6.84 18.8C6.34667 18.72 5.85333 18.6667 5.33333 18.6667C4.01333 18.6667 2.76 18.9467 1.62667 19.44C0.64 19.8667 0 20.8267 0 21.9067V24H6V21.8533C6 20.7467 6.30667 19.7067 6.84 18.8ZM26.6667 17.3333C28.1333 17.3333 29.3333 16.1333 29.3333 14.6667C29.3333 13.2 28.1333 12 26.6667 12C25.2 12 24 13.2 24 14.6667C24 16.1333 25.2 17.3333 26.6667 17.3333ZM32 21.9067C32 20.8267 31.36 19.8667 30.3733 19.44C29.24 18.9467 27.9867 18.6667 26.6667 18.6667C26.1467 18.6667 25.6533 18.72 25.16 18.8C25.6933 19.7067 26 20.7467 26 21.8533V24H32V21.9067ZM16 8C18.2133 8 20 9.78667 20 12C20 14.2133 18.2133 16 16 16C13.7867 16 12 14.2133 12 12C12 9.78667 13.7867 8 16 8Z" fill="currentColor"/>
+</svg>
+</div> <span>1000+</span> <span>Contributors</span></div> </div> <div class="headline sm-mb-4 svelte-40iujj"><h1>openpilot is an
+        <a class="highlight" href="https://github.com/commaai/openpilot" target="_blank">open source</a>
+        advanced driver assistance system that works on {{ $vehicleCount }}+ car models of Toyota,
+        Hyundai, Honda, and many other brands.</h1> <ul><li>Automated Lane Centering</li> <li>Adaptive Cruise Control</li> <li>Lane Change Assist</li> <li>Driver Monitoring (no wheel nags)</li> <li>Can drive for hours without intervention</li> <li>Open source and developed on GitHub</li></ul></div></div></section> <section class="light" id="benefits"><div class="container"><article class="svelte-40iujj"><hgroup><p>01</p> <h2>Makes driving chill</h2></hgroup> <p>Currently, openpilot performs the functions of Adaptive Cruise Control
+        (ACC) and Automated Lane Centering (ALC). openpilot can accelerate,
+        brake automatically for other vehicles, and steer to follow the
+        road/lane.</p> <p>When openpilot is enabled, a driver monitoring system watches the driver
+        and ensures the driver is attentive and ready to take over at all times.</p> <p></p> <p>When used correctly, these features reduce your workload as a driver,
+        and can make long drives relaxing instead of tedious.</p></article> <article class="svelte-40iujj"><hgroup><p>02</p> <h2>Connects to your car</h2></hgroup> <p>openpilot works by connecting to your car&#39;s CAN network. Modern cars
+        accept electronic steering, gas, and brake commands to allow for ADAS
+        features. openpilot can use these commands to provide much better ADAS
+        features than the car manufacturers can provide.</p></article> <article class="svelte-40iujj"><hgroup><p>03</p> <h2>Modern machine learning</h2></hgroup> <p>openpilot contains a state-of-the-art neural network that understands
+        the road scene and predicts where to drive. This neural network has
+        learned to drive by watching the millions of miles of driving data
+        openpilot has recorded. This makes openpilot exceptionally good at
+        nuanced situations such as driving in areas with faded lanelines,
+        different countries, and more.</p></article> <article class="svelte-40iujj"><hgroup><p>04</p> <h2>Open source and community supported</h2></hgroup> <p>openpilot is developed by comma and by users like you. We welcome both
+        pull requests and issues on
+        <a class="highlight" href="https://github.com/commaai/openpilot" target="_blank">GitHub</a>.
+        Bug fixes and new car ports are strongly encouraged. Check out the
+        <a class="highlight" href="https://github.com/commaai/openpilot/blob/master/docs/CONTRIBUTING.md" target="_blank">contributing docs</a>.</p> <a href="https://github.com/commaai/openpilot" target="_self" class="svelte-slt5la primary">View on GitHub <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a> {{ $feed := try (resources.GetRemote "https://blog.comma.ai/feed") }}
+{{- if $feed.Err -}}
+  {{- errorf "openpilot: failed to fetch blog feed: %s" $feed.Err -}}
+{{- else if not $feed.Value -}}
+  {{- errorf "openpilot: blog feed returned nil resource" -}}
+{{- end -}}
+{{- $data := $feed.Value.Content | transform.Unmarshal -}}
+{{- $items := $data.channel.item -}}
+{{- $releases := where $items "title" "like" `\bopenpilot\s+\d+\.\d+(\.\d+)?\b` -}}
+<div class="release-notes svelte-40iujj"><h3>Latest Release Notes</h3> {{ range $releases }}<div class="release-note svelte-s17iji"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><picture><img src="{{ .cover }}" alt="{{ .title }} feature highlights" class="svelte-s17iji"></picture> <div><hgroup class="svelte-s17iji"><span>{{ time.AsTime .pubDate | time.Format "January 2, 2006" }}</span> <a class="highlight" href="{{ index .guid "#text" }}">{{ .title }}</a></hgroup> <p>{{ .excerpt }}</p></div> </div> </div>{{ end }}</div></article> <article class="svelte-40iujj"><hgroup><p>05</p> <h2>Try openpilot on the comma four</h2></hgroup> <p>Love it or return it. Every comma four comes with a 30-day money back
+        trial.</p> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture> <div><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M33 24C33 29.4013 31.9032 34.2418 30.1766 37.6949C28.4201 41.2079 26.1786 43 24 43C21.8214 43 19.5799 41.2079 17.8234 37.6949C16.0968 34.2418 15 29.4013 15 24C15 18.5987 16.0968 13.7582 17.8234 10.3051C19.5799 6.79209 21.8214 5 24 5C26.1786 5 28.4201 6.79209 30.1766 10.3051C31.9032 13.7582 33 18.5987 33 24Z" stroke="currentColor" stroke-width="2"/>
+  <circle cx="24" cy="24" r="19" stroke="currentColor" stroke-width="2"/>
+  <path d="M24 15C29.4013 15 34.2418 16.0968 37.6949 17.8234C41.2079 19.5799 43 21.8214 43 24C43 26.1786 41.2079 28.4201 37.6949 30.1766C34.2418 31.9032 29.4013 33 24 33C18.5987 33 13.7582 31.9032 10.3051 30.1766C6.79209 28.4201 5 26.1786 5 24C5 21.8214 6.79209 19.5799 10.3051 17.8234C13.7582 16.0968 18.5987 15 24 15Z" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 19H36V29H14L12 28.0909V19Z" fill="black"/>
+  <path d="M16.496 28C15.9911 28 15.5502 27.9076 15.1733 27.7227C14.8036 27.5378 14.5156 27.2782 14.3093 26.944C14.1031 26.6098 14 26.2151 14 25.76H15.344C15.344 26.1084 15.4436 26.3822 15.6427 26.5813C15.8489 26.7733 16.1369 26.8693 16.5067 26.8693C16.8764 26.8693 17.1609 26.7698 17.36 26.5707C17.5591 26.3716 17.6587 26.1013 17.6587 25.76V25.152C17.6587 24.8036 17.5591 24.5333 17.36 24.3413C17.1609 24.1422 16.8764 24.0427 16.5067 24.0427H15.632V22.8373L17.3493 21.248H14.352V20.1067H18.704V21.312L16.5067 23.328V22.9013C17.2747 22.9013 17.8827 23.104 18.3307 23.5093C18.7787 23.9147 19.0027 24.4622 19.0027 25.152V25.76C19.0027 26.2151 18.8996 26.6098 18.6933 26.944C18.4871 27.2782 18.1956 27.5378 17.8187 27.7227C17.4418 27.9076 17.0009 28 16.496 28Z" fill="white"/>
+  <path d="M22.9665 28C22.4474 28 21.9887 27.8933 21.5905 27.68C21.1994 27.4596 20.8936 27.1538 20.6732 26.7627C20.4598 26.3644 20.3532 25.9058 20.3532 25.3867C20.3532 25.0169 20.4136 24.6293 20.5345 24.224C20.6625 23.8187 20.8367 23.4382 21.0572 23.0827L22.8918 20.1067H24.3745L22.0705 23.7333L22.1345 23.776C22.2767 23.5556 22.4687 23.3884 22.7105 23.2747C22.9523 23.1609 23.2225 23.104 23.5212 23.104C23.9407 23.104 24.3034 23.2036 24.6092 23.4027C24.9149 23.6018 25.1532 23.8791 25.3238 24.2347C25.4945 24.5902 25.5798 25.0062 25.5798 25.4827C25.5798 25.9876 25.4696 26.4284 25.2492 26.8053C25.0358 27.1822 24.7336 27.4773 24.3425 27.6907C23.9585 27.8969 23.4998 28 22.9665 28ZM22.9665 26.8693C23.3576 26.8693 23.6741 26.7449 23.9158 26.496C24.1576 26.24 24.2785 25.9093 24.2785 25.504C24.2785 25.0844 24.1576 24.7502 23.9158 24.5013C23.6741 24.2453 23.3576 24.1173 22.9665 24.1173C22.5754 24.1173 22.2589 24.2453 22.0172 24.5013C21.7754 24.7502 21.6545 25.0844 21.6545 25.504C21.6545 25.9093 21.7754 26.24 22.0172 26.496C22.2589 26.7449 22.5754 26.8693 22.9665 26.8693Z" fill="white"/>
+  <path d="M29.3623 28C28.8646 28 28.4343 27.9076 28.0717 27.7227C27.709 27.5307 27.4281 27.264 27.229 26.9227C27.0299 26.5742 26.9303 26.1653 26.9303 25.696V22.304C26.9303 21.8347 27.0299 21.4293 27.229 21.088C27.4281 20.7396 27.709 20.4729 28.0717 20.288C28.4343 20.096 28.8646 20 29.3623 20C29.8672 20 30.2974 20.096 30.653 20.288C31.0157 20.4729 31.2966 20.7396 31.4957 21.088C31.6948 21.4293 31.7943 21.8311 31.7943 22.2933V25.696C31.7943 26.1653 31.6948 26.5742 31.4957 26.9227C31.2966 27.264 31.0157 27.5307 30.653 27.7227C30.2974 27.9076 29.8672 28 29.3623 28ZM29.3623 26.8693C29.725 26.8693 30.0059 26.7662 30.205 26.56C30.4112 26.3538 30.5143 26.0658 30.5143 25.696V22.304C30.5143 21.9342 30.4112 21.6462 30.205 21.44C30.0059 21.2338 29.725 21.1307 29.3623 21.1307C28.9997 21.1307 28.7152 21.2338 28.509 21.44C28.3099 21.6462 28.2103 21.9342 28.2103 22.304V25.696C28.2103 26.0658 28.3134 26.3538 28.5197 26.56C28.7259 26.7662 29.0068 26.8693 29.3623 26.8693ZM27.1117 25.9307L30.717 22.0693H31.613L28.0077 25.9307H27.1117Z" fill="white"/>
+  <path d="M34.8693 23.0933C34.3928 23.0933 34.0053 22.9511 33.7066 22.6667C33.4151 22.3822 33.2693 22.0089 33.2693 21.5467C33.2693 21.0844 33.4151 20.7111 33.7066 20.4267C34.0053 20.1422 34.3928 20 34.8693 20C35.3528 20 35.7404 20.1422 36.0319 20.4267C36.3235 20.7111 36.4693 21.0844 36.4693 21.5467C36.4693 22.0089 36.3235 22.3822 36.0319 22.6667C35.7404 22.9511 35.3528 23.0933 34.8693 23.0933ZM34.8586 22.464C35.1217 22.464 35.3315 22.3787 35.4879 22.208C35.6515 22.0373 35.7333 21.8169 35.7333 21.5467C35.7333 21.2693 35.6515 21.0489 35.4879 20.8853C35.3315 20.7147 35.1253 20.6293 34.8693 20.6293C34.6062 20.6293 34.3964 20.7147 34.2399 20.8853C34.0835 21.0489 34.0053 21.2693 34.0053 21.5467C34.0053 21.8169 34.0835 22.0373 34.2399 22.208C34.3964 22.3787 34.6026 22.464 34.8586 22.464Z" fill="white"/>
+</svg>
+</div> <span>360° vision<br>W/ 3 cameras</span></div> <div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36 12H12V36H36V12ZM34 14H14V34H34V14Z" fill="currentColor"/>
+<rect x="18" y="18" width="12" height="12" fill="currentColor" stroke="black" stroke-width="2"/>
+<rect x="17" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="17" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="23" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="23" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="29" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="29" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="36" y="17" width="4" height="2" fill="currentColor"/>
+<rect x="36" y="23" width="4" height="2" fill="currentColor"/>
+<rect x="36" y="29" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="17" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="23" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="29" width="4" height="2" fill="currentColor"/>
+</svg>
+</div> <span>Qualcomm snapdragon 845 MAX</span></div> <div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33331 19.9999L12 22.6666C18.6266 16.0399 29.3733 16.0399 36 22.6666L38.6666 19.9999C30.5733 11.9066 17.44 11.9066 9.33331 19.9999ZM20 30.6666L24 34.6666L28 30.6666C25.8 28.4533 22.2133 28.4533 20 30.6666ZM14.6666 25.3333L17.3333 27.9999C21.0133 24.3199 26.9866 24.3199 30.6666 27.9999L33.3333 25.3333C28.1866 20.1866 19.8266 20.1866 14.6666 25.3333Z" fill="currentColor"/>
+</svg>
+</div> <span>LTE &amp; WiFi</span></div> <div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 13H1V29C1 32.3137 3.68629 35 7 35H47V19C47 15.6863 44.3137 13 41 13ZM9.70293 28.7759C10.1883 29.0186 10.7576 29.1399 11.4109 29.1399C12.0736 29.1399 12.6429 29.0186 13.1189 28.7759C13.5949 28.5239 13.9589 28.1739 14.2109 27.7259C14.4723 27.2686 14.6029 26.7319 14.6029 26.1159V21.6499C14.6029 21.0432 14.4723 20.5159 14.2109 20.0679C13.9589 19.6106 13.5949 19.2606 13.1189 19.0179C12.6429 18.7659 12.0736 18.6399 11.4109 18.6399C10.7576 18.6399 10.1883 18.7659 9.70293 19.0179C9.22693 19.2606 8.85827 19.6106 8.59693 20.0679C8.34493 20.5159 8.21893 21.0479 8.21893 21.6639V26.1159C8.21893 26.7319 8.34493 27.2686 8.59693 27.7259C8.85827 28.1739 9.22693 28.5239 9.70293 28.7759ZM12.4889 27.2219C12.2463 27.4739 11.8869 27.5999 11.4109 27.5999C10.9443 27.5999 10.5849 27.4739 10.3329 27.2219C10.0903 26.9606 9.96893 26.5919 9.96893 26.1159V21.6639C9.96893 21.1786 10.0903 20.8099 10.3329 20.5579C10.5756 20.3059 10.9349 20.1799 11.4109 20.1799C11.8869 20.1799 12.2463 20.3059 12.4889 20.5579C12.7316 20.8099 12.8529 21.1786 12.8529 21.6639V26.1159C12.8529 26.5919 12.7316 26.9606 12.4889 27.2219ZM17.0475 18.7799V28.9999H23.1375V27.3759H18.7975V18.7799H17.0475ZM25.232 28.9999V18.7799H31.364V20.3059H26.954V22.9659H30.874V24.4779H26.954V27.4739H31.364V28.9999H25.232ZM33.4445 18.7799V28.9999H36.4825C37.1732 28.9999 37.7705 28.8692 38.2745 28.6079C38.7879 28.3372 39.1845 27.9639 39.4645 27.4879C39.7445 27.0026 39.8845 26.4379 39.8845 25.7939V21.9719C39.8845 21.3186 39.7445 20.7539 39.4645 20.2779C39.1845 19.8019 38.7879 19.4332 38.2745 19.1719C37.7705 18.9106 37.1732 18.7799 36.4825 18.7799H33.4445ZM36.4825 27.3899H35.1945V20.3899H36.4825C36.9865 20.3899 37.3879 20.5346 37.6865 20.8239C37.9852 21.1039 38.1345 21.4866 38.1345 21.9719V25.7939C38.1345 26.2886 37.9852 26.6806 37.6865 26.9699C37.3879 27.2499 36.9865 27.3899 36.4825 27.3899Z" fill="currentColor"/>
+</svg>
+</div> <span>BEAUTIFUL<br>OLED display</span></div> <div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 15H9V33H39V15ZM37 17H11V31H37V17Z" fill="currentColor"/>
+<rect x="15" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="15" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="34" width="2" height="3" fill="currentColor"/>
+</svg>
+</div> <span>CAN FD ENABLED</span></div> <div class="feature-item svelte-40iujj"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 36L35.5 13L12.5 24L22.5 26L25.5 36Z" fill="currentColor" stroke="currentColor"/>
+</svg>
+</div> <span>High-precision GPS</span></div> </div> <div style="height: 3rem"></div> <a href="/shop/comma-four" target="_self" class="svelte-slt5la primary   full-width">Buy now <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></article> <article class="svelte-40iujj"><hgroup><p>06</p> <h2>Proven on the road</h2></hgroup> <p>Our 20,000+ users have driven over 300 million miles with a device
+        running openpilot. Over 56% of those miles were driven by openpilot,
+        with the driver supervising.</p></article></div></section> <section class="light" id="faq"><div class="container"><div><div class="header svelte-1olhv4k" id="openpilot-faq"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>openpilot FAQ</h1> <div class="mobile-first"><picture><img src="/img/faq/openpilot.svg" loading="eager" alt="openpilot FAQ banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k">{{/* TODO: FAQ Q/A inlined verbatim from the SvelteKit build (faq.openpilot, 18 questions). Once the canonical data/faq.json (setup-support slice) lands, this can be generated from site.Data.faq instead. */}} <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-openpilot" id="what-is-openpilot"  class="svelte-f0pxdy"> <label for="what-is-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              comma openpilot is an open source driver-assistance system. Currently,
+              openpilot performs the functions of Adaptive Cruise Control (ACC) and
+              Automated Lane Centering (ALC) for compatible vehicles. It performs
+              similarly to Tesla Autopilot and GM Super Cruise. openpilot can steer,
+              accelerate, and brake automatically for other vehicles within its lane.
+              Check it out on <a href="https://github.com/commaai/openpilot" target="_blank">GitHub</a>.
+            </p>
+            <p>
+              In order to enforce driver alertness, openpilot includes a camera based
+              Driver Monitoring (DM) system that alerts the driver when distracted or
+              asleep. However, even with an attentive driver, we must make further efforts
+              for the system to be safe. We have designed openpilot with two other safety
+              considerations:
+            </p>
+            <ol>
+              <li>The driver must always be capable to immediately retake manual control of
+              the vehicle, by stepping on either pedal or by pressing the cancel button.</li>
+              <li>The vehicle must not alter its trajectory too quickly for the driver to
+              safely react. This means that while the system is engaged, the actuators are
+              constrained to operate within reasonable limits.</li>
+            </ol>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-does-openpilot-work" id="how-does-openpilot-work"  class="svelte-f0pxdy"> <label for="how-does-openpilot-work" class="svelte-f0pxdy"><div slot="label" class="label"><span>How does openpilot work?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            openpilot works by connecting to your car's CAN network. Most modern cars
+            accept electronic steering, gas, and brake commands to allow for driver assistance
+            features. openpilot can use these commands to provide much better driver assistance
+            features than the car manufacturers can provide.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="is-my-car-compatible-with-openpilot" id="is-my-car-compatible-with-openpilot"  class="svelte-f0pxdy"> <label for="is-my-car-compatible-with-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>Is my car compatible with openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            A complete list of compatible vehicles can be found on our
+            <a href="/vehicles">Compatibility page</a>.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-should-i-buy-to-run-openpilot-in-my-car" id="what-should-i-buy-to-run-openpilot-in-my-car"  class="svelte-f0pxdy"> <label for="what-should-i-buy-to-run-openpilot-in-my-car" class="svelte-f0pxdy"><div slot="label" class="label"><span>What should I buy to run openpilot in my car?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            After verifying that your car is compatible, we recommend purchasing a comma
+            device in our <a href="/shop">shop</a>. Don't forget to purchase a
+            car harness to connect it to your vehicle. Add to cart, check out, and
+            you’re good to go!
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-i-have-to-pay-attention" id="do-i-have-to-pay-attention"  class="svelte-f0pxdy"> <label for="do-i-have-to-pay-attention" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do I have to pay attention?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Yes, the driver must always be able to immediately retake manual control of
+            the vehicle, by stepping on the brake pedal or by pressing the cancel
+            button. When openpilot is engaged, a driver monitoring system actively
+            tracks driver awareness to help prevent distractions. The openpilot system
+            disengages if you are distracted. Drivers must keep their eyes on the road
+            at all times and be ready to take control of the car.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-the-openpilot-safety-model" id="what-is-the-openpilot-safety-model"  class="svelte-f0pxdy"> <label for="what-is-the-openpilot-safety-model" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is the openpilot safety model?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            More info about the openpilot safety model can be found
+            <a href="https://github.com/commaai/openpilot/blob/master/docs/SAFETY.md">here</a>.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-are-the-limitations-of-openpilot-automated-lane-centering" id="what-are-the-limitations-of-openpilot-automated-lane-centering"  class="svelte-f0pxdy"> <label for="what-are-the-limitations-of-openpilot-automated-lane-centering" class="svelte-f0pxdy"><div slot="label" class="label"><span>What are the limitations of openpilot Automated Lane Centering?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              openpilot Automated Lane Centering (ALC) system does not automatically drive
+              the vehicle or reduce the amount of attention that must be paid to the area
+              in front of the vehicle. The driver must always keep control of the steering
+              wheel and be ready to correct the ALC system action at all times.
+            </p>
+            <p>
+              Many factors can impact the performance of openpilot ALC, causing it to be
+              unable to function as intended. These include, but are not limited to:
+            </p>
+            <ul>
+              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
+              interfering with sensor operation.</li>
+              <li>The road facing camera is obstructed, covered or damaged by mud, ice,
+              snow, etc.</li>
+              <li>Obstruction caused by applying excessive paint or adhesive products (such
+              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
+              <li>The device is mounted incorrectly.</li>
+              <li>When in sharp curves, like on-off ramps, intersections etc...; openpilot
+              is designed to be limited in the amount of steering torque it can produce.</li>
+              <li>In the presence of restricted lanes or construction zones.</li>
+              <li>When driving on highly banked roads or in presence of strong cross-wind.</li>
+              <li>Extremely hot or cold temperatures.</li>
+              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
+              <li>Driving on hills, narrow, or winding roads.</li>
+            </ul>
+            <p>
+              The list above does not represent an exhaustive list of situations that may
+              interfere with proper operation of openpilot components. It is the driver's
+              responsibility to be in control of the vehicle at all times.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-are-the-limitations-of-openpilot-adaptive-cruise-control" id="what-are-the-limitations-of-openpilot-adaptive-cruise-control"  class="svelte-f0pxdy"> <label for="what-are-the-limitations-of-openpilot-adaptive-cruise-control" class="svelte-f0pxdy"><div slot="label" class="label"><span>What are the limitations of openpilot Adaptive Cruise Control?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              openpilot Adaptive Cruise Control (ACC) is not a system that allows careless
+              or inattentive driving. It is still necessary for the driver to pay close
+              attention to the vehicle’s surroundings and to be ready to re-take control
+              of the gas and the brake at all times.
+            </p>
+            <p>
+              Many factors can impact the performance of openpilot ACC, causing it to be
+              unable to function as intended. These include, but are not limited to:
+            </p>
+            <ul>
+              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
+              interfering with sensor operation.</li>
+              <li>The road facing camera or radar are obstructed, covered, or damaged by
+              mud, ice, snow, etc.</li>
+              <li>Obstruction caused by applying excessive paint or adhesive products (such
+              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
+              <li>The device is mounted incorrectly.</li>
+              <li>Approaching a toll booth.</li>
+              <li>When driving on roads with pedestrians, cyclists, etc...</li>
+              <li>In presence of traffic signs or stop lights, which are not detected by
+              openpilot at this time.</li>
+              <li>
+                When the posted speed limit is below the user selected set speed.
+                openpilot does not detect speed limits at this time.
+              </li>
+              <li>In presence of vehicles in the same lane that are not moving.</li>
+              <li>
+                When abrupt braking maneuvers are required. openpilot is designed to be
+                limited in the amount of deceleration and acceleration that it can produce.
+              </li>
+              <li>When surrounding vehicles perform close cut-ins from neighbor lanes.</li>
+              <li>Driving on hills, narrow, or winding roads.</li>
+              <li>Extremely hot or cold temperatures.</li>
+              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
+              <li>Interference from other equipment that generates ultrasonic waves.</li>
+            </ul>
+            <p>
+              The list above does not represent an exhaustive list of situations that may
+              interfere with proper operation of openpilot components. It is the driver's
+              responsibility to be in control of the vehicle at all times.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-i-retain-my-car-factory-safety-features-with-openpilot-installed" id="do-i-retain-my-car-factory-safety-features-with-openpilot-installed"  class="svelte-f0pxdy"> <label for="do-i-retain-my-car-factory-safety-features-with-openpilot-installed" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do I retain my car factory safety features with openpilot installed?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              When openpilot is enabled in settings, Lane Keep Assist (LKAS), and
+              Automated Lane Centering (ALC) are replaced by openpilot lateral control and
+              only function when openpilot is engaged. Lane Departure Warning (LDW) works
+              whether engaged or disengaged.
+            </p>
+            <p>
+              On certain cars, Adaptive Cruise Control (ACC) is replaced by openpilot
+              longitudinal control.
+            </p>
+            <p>
+              openpilot preserves any other vehicle safety features, including, but are
+              not limited to: AEB, auto high-beam, blind spot warning, and side collision
+              warning.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting" id="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting"  class="svelte-f0pxdy"> <label for="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot support manual transmission cars (with the driver shifting)?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            On certain cars, manual transmissions are supported if they have the packages
+            listed in the compatibility table. If you’d like to learn more, join us on
+            <a href="https://discord.comma.ai/">Discord</a>, where some of our members are supporting
+            manual cars.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-does-openpilot-recognize-the-car-model-it-is-connected-to" id="how-does-openpilot-recognize-the-car-model-it-is-connected-to"  class="svelte-f0pxdy"> <label for="how-does-openpilot-recognize-the-car-model-it-is-connected-to" class="svelte-f0pxdy"><div slot="label" class="label"><span>How does openpilot recognize the car model it is connected to?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              If your car is on the list of supported cars, openpilot will automatically
+              recognize the model of your car by performing a scan of relevant ECU
+              firmware versions present in your car. The presence of certain ECU firmware
+              versions is an indication of the model year, car brand, car model, and trim.
+            </p>
+            <p>
+              If your car isn’t recognized as supported, your device will fall back to a
+              dashcam only mode, preserving the stock functionalities and the user will
+              receive a notification on the screen.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-update-openpilot" id="how-do-i-update-openpilot"  class="svelte-f0pxdy"> <label for="how-do-i-update-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I update openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            All software updates are received over-the-air (OTA). openpilot will
+            automatically check for updates when connected to the internet. Your device
+            will notify you on the screen when an update is available and prompt you to
+            reboot the device to complete the update. You may also manually check for
+            updates in the settings, under the "software" tab.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="will-all-versions-of-openpilot-work-with-my-comma-device" id="will-all-versions-of-openpilot-work-with-my-comma-device"  class="svelte-f0pxdy"> <label for="will-all-versions-of-openpilot-work-with-my-comma-device" class="svelte-f0pxdy"><div slot="label" class="label"><span>Will all versions of openpilot work with my comma device?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              The comma 3X can only run openpilot 0.9.4 and above. Running earlier versions
+              requires making modifications to the software so that a newer AGNOS is installed.
+            </p>
+            <p>
+              If you face issues after installing an older version of openpilot, you can
+              re-flash AGNOS on your device by following the instructions at
+              <a href="https://flash.comma.ai">flash.comma.ai</a>.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-work-at-all-speeds" id="does-openpilot-work-at-all-speeds"  class="svelte-f0pxdy"> <label for="does-openpilot-work-at-all-speeds" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot work at all speeds?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Supported speeds vary depending on the car. Please reference the supported
+            car list for vehicle specific speed limitations. Maximum speed is the same
+            as the maximum speed that stock ACC can be set to (car dependent) with a
+            hard limit at ~92mph.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-work-outside-of-the-united-states-of-america" id="does-openpilot-work-outside-of-the-united-states-of-america"  class="svelte-f0pxdy"> <label for="does-openpilot-work-outside-of-the-united-states-of-america" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot work outside of the United States of America?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Yes, openpilot is not region locked and can be used in any country. You are
+            responsible for complying with local laws and regulations.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-a-fingerprint" id="what-is-a-fingerprint"  class="svelte-f0pxdy"> <label for="what-is-a-fingerprint" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is a fingerprint?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              A fingerprint is the method openpilot uses to determine which vehicle it is
+              connected to.
+            </p>
+            <p>
+              Current methods use vehicle ECU firmware logging. openpilot will fingerprint
+              the vehicle on each start up.
+            </p>
+            <p>
+              If openpilot detects a firmware version not previously logged, it will need
+              to be added to the codebase. Guides on adding new firmware can be found
+              <a href="https://github.com/commaai/openpilot/wiki/Fingerprinting">here</a>.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="where-is-my-dongle-id" id="where-is-my-dongle-id"  class="svelte-f0pxdy"> <label for="where-is-my-dongle-id" class="svelte-f0pxdy"><div slot="label" class="label"><span>Where is my dongle ID?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            The dongle ID of your device can be found in Settings of the device in the
+            Device tab.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-leave-feedback-for-openpilot" id="how-do-i-leave-feedback-for-openpilot"  class="svelte-f0pxdy"> <label for="how-do-i-leave-feedback-for-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I leave feedback for openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Feedback, good or bad, can be given in the #openpilot-experience channel on
+            our community <a href="https://discord.comma.ai/">Discord</a>.
+           </div></div> </div> <hr></div> </div></div> </section>{{< /body.inline >}}
diff --git a/content/setup.html b/content/setup.html
new file mode 100644
index 00000000..61913a25
--- /dev/null
+++ b/content/setup.html
@@ -0,0 +1,22 @@
+---
+title: comma.ai — make driving chill
+js: setup
+---
+{{< body.inline >}}<section class="light svelte-6r52kx" id="installation-guide"><div class="container"><div class="header"><hgroup><span style="font-size: 1.5rem; margin-bottom: 0.5rem;">comma four</span> <h2 style="font-size: 3rem; font-weight: 600;">Setup Guide</h2></hgroup> <div class="grid svelte-7tyzqm   large" style="--columns: 2; --align-items: start; --column-gap: 5rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 1.5fr 0.75fr; --lg-column-gap: 5rem; --lg-template-columns: 1.5fr 0.75fr;"><div class="title"><div class="media-container"><iframe src="https://www.youtube.com/embed/Us4FodlaQ74?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" title="setup video"></iframe></div> <div class="overview"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3333 21.3333V30.6667L30.6666 26L23.3333 21.3333Z" fill="currentColor"/>
+<path d="M38 28C32.48 28 28 32.48 28 38C28 43.52 32.48 48 38 48C43.52 48 48 43.52 48 38C48 32.48 43.52 28 38 28ZM36 43L31 38L32.41 36.59L36 40.17L43.59 32.58L45 34L36 43Z" fill="currentColor"/>
+<path d="M31 10V5H2V26H7M31 10H36V15M31 10H7V26M36 15H41V30M36 15H12V31M30 36H12V31M12 31H7V26" stroke="currentColor" stroke-width="2"/>
+</svg>
+ <span>5 steps</span></div> <div class="divider"></div> <div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M31.987 11.1665C24.627 11.1665 18.667 17.1398 18.667 24.4998C18.667 31.8598 24.627 37.8332 31.987 37.8332C39.3603 37.8332 45.3337 31.8598 45.3337 24.4998C45.3337 17.1398 39.3603 11.1665 31.987 11.1665ZM32.0003 35.1665C26.107 35.1665 21.3337 30.3932 21.3337 24.4998C21.3337 18.6065 26.107 13.8332 32.0003 13.8332C37.8937 13.8332 42.667 18.6065 42.667 24.4998C42.667 30.3932 37.8937 35.1665 32.0003 35.1665Z" fill="CurrentColor"></path>
+  <path d="M32.667 17.8335H30.667V25.8335L37.667 30.0335L38.667 28.3935L32.667 24.8335V17.8335Z" fill="CurrentColor"></path>
+  <rect x="7.5" y="15.5" width="10" height="2" fill="CurrentColor"></rect>
+  <rect x="1.5" y="23.5" width="14" height="2" fill="CurrentColor"></rect>
+  <rect x="7.5" y="31.5" width="10" height="2" fill="CurrentColor"></rect>
+</svg>
+ <span>15 min</span></div></div></div> <div><div class="parts-card"><div class="header">Parts:</div> <div class="contents"><div><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 1rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 1rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="content-header"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four"></picture> <span><a href="/shop/comma-four" target="_blank" class="highlight">comma four</a></span></div> <span class="muted">$999</span> </div></div> <ul><li>comma four</li> <li>OBD-C cable (1.5 ft)</li> <li>2 mounts</li></ul></div> <div class="contents"><div><div class="content-header"><picture><source srcset="/img/products/car-harness/car-harness.avif" type="image/avif"><source srcset="/img/products/car-harness/car-harness.webp" type="image/webp"> <img src="/img/products/car-harness/car-harness.jpg" loading="lazy" alt="car harness"></picture> <a href="/shop/car-harness" target="_blank" class="highlight">car harness</a></div></div> <ul><li>car harness (harness box &amp; connector)</li> <li>comma power</li></ul></div></div></div> </div></div></div></section> <section class="light" id="guide"><div class="container"><div class="card vehicle-notes svelte-6r52kx"><div class="header">Customize Your Guide</div> <div class="contents"><p>Select your vehicle to get customized installation notes:</p> {{ partial "product/harness-selector.html" (dict "label" "Select your vehicle" "placeholder" "Search for your vehicle" "showGenericHarnesses" false "prerenderRows" false) }}  </div></div> <div class="step svelte-6r52kx" id="step-1"><div style="display: block" class="svelte-57k9f5 dark">Step 1 <span class="muted">of 5</span> </div> <h2>Remove the rearview mirror cover trim</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div class="image-grid"><picture><source srcset="/img/setup/comma-four/trim.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim.webp" type="image/webp"> <img src="/img/setup/comma-four/trim.jpg" loading="lazy" alt="remove the rearview mirror cover trim"></picture> <picture><source srcset="/img/setup/comma-four/trim-1.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim-1.webp" type="image/webp"> <img src="/img/setup/comma-four/trim-1.jpg" loading="lazy" alt="remove trim step 1"></picture> <picture><source srcset="/img/setup/comma-four/trim-2.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim-2.webp" type="image/webp"> <img src="/img/setup/comma-four/trim-2.jpg" loading="lazy" alt="remove trim step 2"></picture> <picture><source srcset="/img/setup/comma-four/trim-3.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim-3.webp" type="image/webp"> <img src="/img/setup/comma-four/trim-3.jpg" loading="lazy" alt="remove trim step 3"></picture></div> <p>Removal method varies by car.
+          The durable plastic often requires a strong tug to pop it off on Hondas.
+          Toyotas often need a slide outward.
+          If you&#39;d like to see how it&#39;s done, find a comma installation guide for your specific make on <a href="https://www.youtube.com/results?search_query=comma+install" class="highlight">YouTube</a>.</p> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx" id="step-2"><div style="display: block" class="svelte-57k9f5 dark">Step 2 <span class="muted">of 5</span> </div> <h2>Connect car harness into the camera</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div class="image-grid"><picture><source srcset="/img/setup/comma-four/camera.avif" type="image/avif"><source srcset="/img/setup/comma-four/camera.webp" type="image/webp"> <img src="/img/setup/comma-four/camera.jpg" loading="lazy" alt="unplug car's camera cable"></picture> <picture><source srcset="/img/setup/comma-four/camera-1.avif" type="image/avif"><source srcset="/img/setup/comma-four/camera-1.webp" type="image/webp"> <img src="/img/setup/comma-four/camera-1.jpg" loading="lazy" alt="release camera connector clip"></picture> <picture><source srcset="/img/setup/comma-four/plug-1.avif" type="image/avif"><source srcset="/img/setup/comma-four/plug-1.webp" type="image/webp"> <img src="/img/setup/comma-four/plug-1.jpg" loading="lazy" alt="plug car camera into harness"></picture> <picture><source srcset="/img/setup/comma-four/plug.avif" type="image/avif"><source srcset="/img/setup/comma-four/plug.webp" type="image/webp"> <img src="/img/setup/comma-four/plug.jpg" loading="lazy" alt="plug harness into camera port"></picture></div> <ul><li>Unplug the existing LKAS camera connector and plug it into the harness.</li> <li>Connect the other end of the harness back into the LKAS camera.</li> <li>Secure the harness – Find a spot for the harness box so the trim can still be installed over it.
+            Peel off the adhesive sticker and attach the harness in place.</li></ul> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx" id="step-3"><div style="display: block" class="svelte-57k9f5 dark">Step 3 <span class="muted">of 5</span> </div> <h2>Place mount high and centered on the windshield</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div class="image-grid"><div class="crop-wrapper"><picture><source srcset="/img/setup/comma-four/align.avif" type="image/avif"><source srcset="/img/setup/comma-four/align.webp" type="image/webp"> <img src="/img/setup/comma-four/align.jpg" loading="lazy" alt="check mount alignment"></picture></div> <picture><source srcset="/img/setup/comma-four/mount-1.avif" type="image/avif"><source srcset="/img/setup/comma-four/mount-1.webp" type="image/webp"> <img src="/img/setup/comma-four/mount-1.jpg" loading="lazy" alt="find a good spot for mount"></picture> <picture><source srcset="/img/setup/comma-four/press.avif" type="image/avif"><source srcset="/img/setup/comma-four/press.webp" type="image/webp"> <img src="/img/setup/comma-four/press.jpg" loading="lazy" alt="press mount on windshield"></picture></div> <div><ul><li>Mounting prep – Clean the mounting area with the included alcohol wipe and let it dry.</li> <li>Vertical Positioning – Ensure there is enough room for the cable when the device is mounted, and that you can see the screen from a seated position.</li> <li>Horizontal Positioning – Ensure the mount is centered horizontally, otherwise it will not properly center in the lane.</li> <li>Adhere mount – Peel off the 3M tape&#39;s cover on the mount. Press firmly in the center of the mount, then the edges. Ensure no bubbles form.</li></ul></div> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx" id="step-4"><div style="display: block" class="svelte-57k9f5 dark">Step 4 <span class="muted">of 5</span> </div> <h2>Plug in OBD-C and mount the device</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div class="image-grid"><picture><source srcset="/img/setup/comma-four/obdc.avif" type="image/avif"><source srcset="/img/setup/comma-four/obdc.webp" type="image/webp"> <img src="/img/setup/comma-four/obdc.jpg" loading="lazy" alt="plug OBD-C cable into harness box"></picture> <picture><source srcset="/img/setup/comma-four/plug-2.avif" type="image/avif"><source srcset="/img/setup/comma-four/plug-2.webp" type="image/webp"> <img src="/img/setup/comma-four/plug-2.jpg" loading="lazy" alt="plug in comma four"></picture> <picture><source srcset="/img/setup/comma-four/remount.avif" type="image/avif"><source srcset="/img/setup/comma-four/remount.webp" type="image/webp"> <img src="/img/setup/comma-four/remount.jpg" loading="lazy" alt="mount the device"></picture></div> <ul><li>Plug the OBD-C cable into the harness box – Ensure the cable is fully seated.</li> <li>Plug the OBD-C cable into the comma four. Make sure the cable is all the way in.</li> <li>Mount the device – Ensure the device is fully seated into the mount.</li></ul> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx" id="step-5"><div style="display: block" class="svelte-57k9f5 dark">Step 5 <span class="muted">of 5</span> </div> <h2>Reinstall the rearview mirror cover trim</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div class="image-grid"><picture><source srcset="/img/setup/comma-four/wires-1.avif" type="image/avif"><source srcset="/img/setup/comma-four/wires-1.webp" type="image/webp"> <img src="/img/setup/comma-four/wires-1.jpg" loading="lazy" alt="tidy up wires"></picture> <picture><source srcset="/img/setup/comma-four/trim-4.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim-4.webp" type="image/webp"> <img src="/img/setup/comma-four/trim-4.jpg" loading="lazy" alt="re-attach trim"></picture> <picture><source srcset="/img/setup/comma-four/wires.avif" type="image/avif"><source srcset="/img/setup/comma-four/wires.webp" type="image/webp"> <img src="/img/setup/comma-four/wires.jpg" loading="lazy" alt="wire management"></picture> <picture><source srcset="/img/setup/comma-four/trim.avif" type="image/avif"><source srcset="/img/setup/comma-four/trim.webp" type="image/webp"> <img src="/img/setup/comma-four/trim.jpg" loading="lazy" alt="reinstall trim"></picture></div> <ul><li>Ensure the car harness fully fits inside the trim.</li> <li>Generally, it&#39;s best to have the OBD-C cable come out of the top.</li></ul> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx"><div style="display: block" class="svelte-57k9f5 dark">OPTIONAL STEP </div> <h2>Pair your device with comma connect</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div><picture><source srcset="/img/setup/comma-3x/step-6.avif" type="image/avif"><source srcset="/img/setup/comma-3x/step-6.webp" type="image/webp"> <img src="/img/setup/comma-3x/step-6.jpeg" loading="lazy" alt="comma connect application logo"></picture></div> <div><p>Pair your comma four with <a href="https://connect.comma.ai/" target="_blank" class="highlight">connect.comma.ai</a> on your phone to see your recorded drives.</p> <br> <a href="https://connect.comma.ai/" target="_blank" class="svelte-slt5la primary   full-width">comma Connect <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div> <hr class="svelte-6r52kx"> <div class="step svelte-6r52kx"><div style="display: block" class="svelte-57k9f5 dark">OPTIONAL STEP </div> <h2>Add the comma power</h2> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.875fr 0.75fr; --lg-column-gap: 3rem; --lg-template-columns: 0.875fr 0.75fr;"><div><picture><source srcset="/img/products/comma-power/comma-power.avif" type="image/avif"><source srcset="/img/products/comma-power/comma-power.webp" type="image/webp"> <img src="/img/products/comma-power/comma-power.jpg" loading="lazy" alt="comma power"></picture></div> <div><p>Installing the comma power is entirely optional and can be done at any time.
+            Simply connect one end to your car&#39;s OBD-II port and the other to the harness box.</p> <p>With a comma power:</p> <ul><li>The start and end of every drive are recorded.</li> <li>Your comma four remains powered and online while the car is off.</li> <li>Your comma four downloads updates while the car is off.</li></ul></div> </div></div></div></section> <section class="light svelte-6r52kx" id="faq"><div class="container">{{ partial "faq.html" (dict "topic" site.Data.faq.topics.devices "title" "Frequently asked questions") }}</div> </section>{{< /body.inline >}}
diff --git a/content/shop/_index.html b/content/shop/_index.html
new file mode 100644
index 00000000..5e74a63b
--- /dev/null
+++ b/content/shop/_index.html
@@ -0,0 +1,37 @@
+---
+title: comma.ai — make driving chill
+js: shop
+---
+{{< body.inline >}}{{- /* /shop — port of src/routes/shop/+page.svelte (scope svelte-sbpcoi).
+       Markup mirrors the prerendered ref-build/shop.html byte-for-byte (minus
+       data-svelte-h markers and {@html} hydration comments). The accordion
+       checkbox id keeps the prerendered value verbatim (random per SvelteKit
+       build, frozen here). vehicleCountText = round(total vehicles / 25) * 25
+       (src/lib/constants/vehicles.js); hero price = products.json comma-four
+       display price ("$" + FOUR_PRICE). Card order = componentOrder
+       (+page.svelte:27-33), filtered to category === "accessories". */ -}}
+{{- $total := 0 }}{{- range site.Data.vehicles }}{{ $total = add $total (len .) }}{{ end }}
+{{- /* safeHTML so the "+" renders literally instead of &#43; */}}
+{{- $vehicleCountText := printf "%d+" (int (mul 25 (math.Round (div (float $total) 25)))) | safeHTML }}
+{{- $fourPrice := (index site.Data.products "comma-four").price }}
+{{- $componentOrder := slice "car-harness" "replacement-mounts" "panda" "harness-connector" "harness-box" "obd-c-cable" "comma-power" "comma-prime-sim" "panda-jungle" "panda-paw" "comma-ai-hoodie" "comma-ai-beanie" "comma-ai-t-shirt" "comma-power-extender" "comma-device-screen" "comma-3x-back-case" "comma-3x-out-of-warranty-repair" -}}
+<section class="dark svelte-sbpcoi" id="devices"><div class="container"><article><div class="product-display gradient-bg"><div class="grid svelte-7tyzqm   large" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="product-content"><div style="display: block" class="svelte-57k9f5   accent">NEW DEVICE! </div> <hgroup><h1>comma four</h1> <span>{{ $fourPrice }}</span> <span class="muted">or $699 after trade-in of any comma device</span></hgroup> <a href="/shop/comma-four" target="_self" class="svelte-slt5la  secondary  full-width">Buy now <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a> <p>Works with {{ $vehicleCountText }} cars from 27 brands.
+              <a class="highlight muted" href="/vehicles">Is your car compatible?</a></p></div> <div class="mobile-first"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture></div> </div></div> <div class="traits light"><div class="grid svelte-7tyzqm  medium" style="--columns: 3; --align-items: stretch; --column-gap: 0; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 0; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="trait"><div>{{ partial "icon.html" "features/car.svg" }}</div> <hgroup><h2>Works with {{ $vehicleCountText }} cars</h2> <div>Compatible with {{ $vehicleCountText }} vehicles.
+                <a class="highlight" href="/vehicles">Check compatibility</a>.</div></hgroup></div> <div class="trait"><div>{{ partial "icon.html" "features/recordings.svg" }}</div> <hgroup><h2>Easy to plug in</h2> <div>Check out our step-by-step guide. Get set up in your car in 15 minutes.</div></hgroup></div> <div class="trait"><div>{{ partial "icon.html" "features/calendar.svg" }}</div> <hgroup><h2>30-day money-back trial</h2> <div>See for yourself why Consumer Reports rated us as the
+                <a class="highlight" href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf" target="_blank">top ADAS system</a>.</div></hgroup></div> </div></div></article></div></section> <section class="light svelte-sbpcoi" id="accessories"><div class="container svelte-sbpcoi"><hr class="svelte-sbpcoi"> <h1>Accessories</h1> <div class="products-list svelte-sbpcoi"><div class="grid svelte-7tyzqm  medium" style="--columns: 3; --align-items: stretch; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);">{{ range $componentOrder }}{{ with index site.Data.products . }}{{ if eq .category "accessories" }}{{ partial "shop/product-card.html" . }}{{ end }}{{ end }}{{ end }} </div></div></div></section> <section class="light svelte-sbpcoi" id="services"><div class="container svelte-sbpcoi"><hr class="svelte-sbpcoi"> <h1>Services</h1> <div class="service-item svelte-sbpcoi"><div class="tab svelte-f0pxdy" style="--foreground-color: white; --background-color: black;"><input type="checkbox" name="9bffcef6c6af7.8" id="9bffcef6c6af7.8"  class="svelte-f0pxdy"> <label for="9bffcef6c6af7.8" class="svelte-f0pxdy"><div class="service-label" slot="label"><hgroup><h2>Custom car ports</h2> <p>Hire the openpilot team to add support for additional car brands
+              and models.</p> <span>See pricing</span></hgroup></div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="service-details" slot="content"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div><h3>Overview</h3> <p>comma openpilot is an open source driver-assistance system.
+                Currently, openpilot performs the functions of Adaptive Cruise
+                Control (ACC) and Automated Lane Centering (ALC) and Lane Change
+                Assist for <a class="highlight" href="/vehicles" tabindex="0">compatible vehicles</a>.
+                It performs similarly to Tesla Autopilot and GM Super Cruise.
+                openpilot can steer, accelerate, and brake automatically for other vehicles within its lane.</p> <p>Hire the comma openpilot team to add dedicated support for a new
+                make or model vehicle that has electronically controllable gas,
+                brake, and steering. We will work until the port is upstreamed,
+                or on a branch for non production cars.<br></p> <p>A car must be provided to comma prior to beginning the project.
+                The porting fee includes an installed working comma four when the
+                car is returned and open sourcing of the required interface
+                hardware.<br></p> <p>This service is intended for pre/non production vehicles. For
+                production vehicles on the market today, we will likely do the
+                port much cheaper, perhaps as cheap as the cost of the car.</p> <strong>Included</strong> <ul><li>Fully working port for openpilot</li> <li>comma four installed in returned car</li> <li>Completed in 12 weeks</li></ul> <strong>Pricing</strong> <ul><li>$50,000 Down Payment (immediate)</li> <li>$500,000 Total (due at start of project)</li></ul> <hr> <span class="price">$50,000.00</span> <button class="svelte-1io34pc   accent">Add to cart </button></div> <div><div class="side-by-side">{{ partial "icon.html" "features/adaptive-cruise.svg" }} <hgroup><h4>Adaptive Cruise</h4> <p>Adjusts speed to maintain a safe distance from vehicles
+                    ahead.</p></hgroup></div> <hr> <div class="side-by-side">{{ partial "icon.html" "features/lane-centering.svg" }} <hgroup><h4>Auto Lane Centering</h4> <p>Steers and brakes to continually center the vehicle in its
+                    lane.</p></hgroup></div> <hr> <div class="side-by-side">{{ partial "icon.html" "features/immediate.svg" }} <hgroup><h4>Completed in 12 Weeks</h4> <p>Get the fully working port for openpilot upstreamed.</p></hgroup></div></div> </div></div></div> </div></div></div> </section>{{< /body.inline >}}
diff --git a/content/shop/body.html b/content/shop/body.html
new file mode 100644
index 00000000..e0116001
--- /dev/null
+++ b/content/shop/body.html
@@ -0,0 +1,100 @@
+---
+title: comma body — comma shop
+js: body
+type: page
+---
+{{< body.inline >}}{{- $product := index site.Data.products "body" -}}
+{{- if not $product }}{{ errorf "shop product \"body\" not found in data/products.json" }}{{ end -}}
+{{- $snapshot := partialCached "product/shopify-snapshot.html" $product.id $product.id -}}
+{{- $args := dict "key" "body" "product" $product "snapshot" $snapshot "forceOutOfStock" true -}}
+ <section class="light" id="product-item"><div class="container">{{ partial "product/product.html" $args }}</div></section> <section class="light svelte-prxxnf" id="overview"><div class="container"><h1 class="svelte-prxxnf">The body is a robotics dev kit that can run <a href="https://github.com/commaai/openpilot" class="highlight">openpilot</a>,
+      open source software with over a million hours of usage in the field.</h1> <picture><source srcset="/img/comma-body-height.avif" type="image/avif"><source srcset="/img/comma-body-height.webp" type="image/webp"> <img src="/img/comma-body-height.png" loading="lazy" alt="comma body height comparison" width="424px"></picture> <h1 style="text-wrap: balance;" class="svelte-prxxnf">We believe that in order to solve AI, you must be embedded in the real world.</h1> <picture><source srcset="/img/comma-body-wink.avif" type="image/avif"><source srcset="/img/comma-body-wink.webp" type="image/webp"> <img src="/img/comma-body-wink.gif" loading="lazy" alt="comma body screen with winking animation" width="70%"></picture></div></section> <section class="dark" id="features"><div class="container"><div class="features svelte-prxxnf"><h1 class="svelte-prxxnf">The body is human scale, and has a human usable development environment.</h1> <div class="image-grid"><div class="grid svelte-7tyzqm  medium" style="--columns: 3; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><picture><source srcset="/img/comma-body-screen.avif" type="image/avif"><source srcset="/img/comma-body-screen.webp" type="image/webp"> <img src="/img/comma-body-screen.jpg" loading="lazy" alt="comma body screen"></picture> <picture><source srcset="/img/comma-body-base.avif" type="image/avif"><source srcset="/img/comma-body-base.webp" type="image/webp"> <img src="/img/comma-body-base.jpg" loading="lazy" alt="comma body base"></picture> <picture><source srcset="/img/comma-body-internals.avif" type="image/avif"><source srcset="/img/comma-body-internals.webp" type="image/webp"> <img src="/img/comma-body-internals.jpg" loading="lazy" alt="comma body internals"></picture> </div></div> <div class="item"><div class="tab svelte-f0pxdy" style="--foreground-color: white; --background-color: black;"><input type="checkbox" name="sensorium-streaming" id="sensorium-streaming"  class="svelte-f0pxdy"> <label for="sensorium-streaming" class="svelte-f0pxdy"><div class="label" slot="label"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M33 24C33 29.4013 31.9032 34.2418 30.1766 37.6949C28.4201 41.2079 26.1786 43 24 43C21.8214 43 19.5799 41.2079 17.8234 37.6949C16.0968 34.2418 15 29.4013 15 24C15 18.5987 16.0968 13.7582 17.8234 10.3051C19.5799 6.79209 21.8214 5 24 5C26.1786 5 28.4201 6.79209 30.1766 10.3051C31.9032 13.7582 33 18.5987 33 24Z" stroke="currentColor" stroke-width="2"/>
+  <circle cx="24" cy="24" r="19" stroke="currentColor" stroke-width="2"/>
+  <path d="M24 15C29.4013 15 34.2418 16.0968 37.6949 17.8234C41.2079 19.5799 43 21.8214 43 24C43 26.1786 41.2079 28.4201 37.6949 30.1766C34.2418 31.9032 29.4013 33 24 33C18.5987 33 13.7582 31.9032 10.3051 30.1766C6.79209 28.4201 5 26.1786 5 24C5 21.8214 6.79209 19.5799 10.3051 17.8234C13.7582 16.0968 18.5987 15 24 15Z" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 19H36V29H14L12 28.0909V19Z" fill="black"/>
+  <path d="M16.496 28C15.9911 28 15.5502 27.9076 15.1733 27.7227C14.8036 27.5378 14.5156 27.2782 14.3093 26.944C14.1031 26.6098 14 26.2151 14 25.76H15.344C15.344 26.1084 15.4436 26.3822 15.6427 26.5813C15.8489 26.7733 16.1369 26.8693 16.5067 26.8693C16.8764 26.8693 17.1609 26.7698 17.36 26.5707C17.5591 26.3716 17.6587 26.1013 17.6587 25.76V25.152C17.6587 24.8036 17.5591 24.5333 17.36 24.3413C17.1609 24.1422 16.8764 24.0427 16.5067 24.0427H15.632V22.8373L17.3493 21.248H14.352V20.1067H18.704V21.312L16.5067 23.328V22.9013C17.2747 22.9013 17.8827 23.104 18.3307 23.5093C18.7787 23.9147 19.0027 24.4622 19.0027 25.152V25.76C19.0027 26.2151 18.8996 26.6098 18.6933 26.944C18.4871 27.2782 18.1956 27.5378 17.8187 27.7227C17.4418 27.9076 17.0009 28 16.496 28Z" fill="white"/>
+  <path d="M22.9665 28C22.4474 28 21.9887 27.8933 21.5905 27.68C21.1994 27.4596 20.8936 27.1538 20.6732 26.7627C20.4598 26.3644 20.3532 25.9058 20.3532 25.3867C20.3532 25.0169 20.4136 24.6293 20.5345 24.224C20.6625 23.8187 20.8367 23.4382 21.0572 23.0827L22.8918 20.1067H24.3745L22.0705 23.7333L22.1345 23.776C22.2767 23.5556 22.4687 23.3884 22.7105 23.2747C22.9523 23.1609 23.2225 23.104 23.5212 23.104C23.9407 23.104 24.3034 23.2036 24.6092 23.4027C24.9149 23.6018 25.1532 23.8791 25.3238 24.2347C25.4945 24.5902 25.5798 25.0062 25.5798 25.4827C25.5798 25.9876 25.4696 26.4284 25.2492 26.8053C25.0358 27.1822 24.7336 27.4773 24.3425 27.6907C23.9585 27.8969 23.4998 28 22.9665 28ZM22.9665 26.8693C23.3576 26.8693 23.6741 26.7449 23.9158 26.496C24.1576 26.24 24.2785 25.9093 24.2785 25.504C24.2785 25.0844 24.1576 24.7502 23.9158 24.5013C23.6741 24.2453 23.3576 24.1173 22.9665 24.1173C22.5754 24.1173 22.2589 24.2453 22.0172 24.5013C21.7754 24.7502 21.6545 25.0844 21.6545 25.504C21.6545 25.9093 21.7754 26.24 22.0172 26.496C22.2589 26.7449 22.5754 26.8693 22.9665 26.8693Z" fill="white"/>
+  <path d="M29.3623 28C28.8646 28 28.4343 27.9076 28.0717 27.7227C27.709 27.5307 27.4281 27.264 27.229 26.9227C27.0299 26.5742 26.9303 26.1653 26.9303 25.696V22.304C26.9303 21.8347 27.0299 21.4293 27.229 21.088C27.4281 20.7396 27.709 20.4729 28.0717 20.288C28.4343 20.096 28.8646 20 29.3623 20C29.8672 20 30.2974 20.096 30.653 20.288C31.0157 20.4729 31.2966 20.7396 31.4957 21.088C31.6948 21.4293 31.7943 21.8311 31.7943 22.2933V25.696C31.7943 26.1653 31.6948 26.5742 31.4957 26.9227C31.2966 27.264 31.0157 27.5307 30.653 27.7227C30.2974 27.9076 29.8672 28 29.3623 28ZM29.3623 26.8693C29.725 26.8693 30.0059 26.7662 30.205 26.56C30.4112 26.3538 30.5143 26.0658 30.5143 25.696V22.304C30.5143 21.9342 30.4112 21.6462 30.205 21.44C30.0059 21.2338 29.725 21.1307 29.3623 21.1307C28.9997 21.1307 28.7152 21.2338 28.509 21.44C28.3099 21.6462 28.2103 21.9342 28.2103 22.304V25.696C28.2103 26.0658 28.3134 26.3538 28.5197 26.56C28.7259 26.7662 29.0068 26.8693 29.3623 26.8693ZM27.1117 25.9307L30.717 22.0693H31.613L28.0077 25.9307H27.1117Z" fill="white"/>
+  <path d="M34.8693 23.0933C34.3928 23.0933 34.0053 22.9511 33.7066 22.6667C33.4151 22.3822 33.2693 22.0089 33.2693 21.5467C33.2693 21.0844 33.4151 20.7111 33.7066 20.4267C34.0053 20.1422 34.3928 20 34.8693 20C35.3528 20 35.7404 20.1422 36.0319 20.4267C36.3235 20.7111 36.4693 21.0844 36.4693 21.5467C36.4693 22.0089 36.3235 22.3822 36.0319 22.6667C35.7404 22.9511 35.3528 23.0933 34.8693 23.0933ZM34.8586 22.464C35.1217 22.464 35.3315 22.3787 35.4879 22.208C35.6515 22.0373 35.7333 21.8169 35.7333 21.5467C35.7333 21.2693 35.6515 21.0489 35.4879 20.8853C35.3315 20.7147 35.1253 20.6293 34.8693 20.6293C34.6062 20.6293 34.3964 20.7147 34.2399 20.8853C34.0835 21.0489 34.0053 21.2693 34.0053 21.5467C34.0053 21.8169 34.0835 22.0373 34.2399 22.208C34.3964 22.3787 34.6026 22.464 34.8586 22.464Z" fill="white"/>
+</svg>
+ <span>Sensorium streaming</span></div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">The comma 3X has 3 cameras, broadcast with sub 100 ms latency through an H265 encoder.
+            Onboard, it has a Kalman filter running at 100Hz integrating the IMU and camera odometry to determine it&#39;s 3-DoF position.
+            With the addition of a little <a href="https://www.youtube.com/watch?v=7Hlb8YX2-W8" target="_blank" class="highlight muted">SLAM</a>,
+            it will be easy to get 6-DoF that exceeds the precision of VR headsets.
+            It also integrates with <a href="https://github.com/commaai/plotjuggler" target="_blank" class="highlight muted">Plotjuggler</a> for plotting and debugging.
+            All the tools for openpilot development work on the body.</div></div> </div></div> <div class="item"><div class="tab svelte-f0pxdy" style="--foreground-color: white; --background-color: black;"><input type="checkbox" name="precise-motor-control" id="precise-motor-control"  class="svelte-f0pxdy"> <label for="precise-motor-control" class="svelte-f0pxdy"><div class="label" slot="label"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="25" y="29" width="5" height="8" fill="currentColor"/>
+<rect x="12" y="32" width="24" height="2" fill="currentColor"/>
+<rect x="25" y="29" width="1" height="8" fill="currentColor"/>
+<rect x="25" y="11" width="5" height="8" fill="currentColor"/>
+<rect x="12" y="14" width="24" height="2" fill="currentColor"/>
+<rect x="25" y="11" width="1" height="8" fill="currentColor"/>
+<rect x="17" y="20" width="5" height="8" fill="currentColor"/>
+<rect x="12" y="23" width="24" height="2" fill="currentColor"/>
+<rect x="21" y="20" width="1" height="8" fill="currentColor"/>
+</svg>
+ <span>Precise motor control</span></div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">The body base has <a href="https://github.com/commaai/body" target="_blank" class="highlight muted">open source firmware</a>
+            directly controlling two 150W sensored brushless motors, allowing instant torque.
+            And since they have hall effect sensors, you have precise wheel odometry without an encoder that can slip.
+            It uses an industry standard CAN bus for all communication,
+            has an <a href="https://blog.comma.ai/working-with-comma-a-guide-for-car-companies/" target="_blank" class="highlight muted">OBD-C connector</a>,
+            and appears to the comma 3X like a car.</div></div> </div></div> <div class="item"><div class="tab svelte-f0pxdy" style="--foreground-color: white; --background-color: black;"><input type="checkbox" name="runs-ubuntu-20-04" id="runs-ubuntu-20-04"  class="svelte-f0pxdy"> <label for="runs-ubuntu-20-04" class="svelte-f0pxdy"><div class="label" slot="label"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9997 44C35.0456 44 44.0001 35.0455 44.0001 24.0002C44.0001 12.9541 35.0456 4 23.9997 4C12.954 4 4 12.9541 4 24.0002C4 35.0455 12.954 44 23.9997 44ZM33.1114 13.5573C32.3744 14.834 30.7419 15.2714 29.4648 14.5339C28.188 13.7968 27.7507 12.1644 28.4878 10.8877C29.2252 9.61053 30.8576 9.17321 32.1345 9.91033C33.4117 10.6477 33.8488 12.2801 33.1114 13.5573ZM20.7143 31.0743C21.7131 31.5389 22.8258 31.8 24 31.8C28.0749 31.8 31.4175 28.6763 31.7677 24.6918L35.5733 24.7473C35.3862 27.6888 34.1015 30.3301 32.1271 32.2716C31.1118 31.8879 29.9389 31.9459 28.9255 32.531C27.9103 33.1172 27.2735 34.1056 27.0989 35.1781C26.1121 35.4513 25.0738 35.6001 24 35.6001C22.1535 35.6001 20.4087 35.1665 18.8589 34.3991L20.7143 31.0743ZM31.7677 23.3083C31.4175 19.3244 28.0749 16.2 24 16.2C22.8258 16.2 21.7131 16.4611 20.7144 16.9257L18.8592 13.6013C20.4088 12.8336 22.1535 12.4002 24 12.4002C25.0738 12.4002 26.1121 12.5491 27.0988 12.8221C27.2734 13.8947 27.91 14.883 28.9251 15.469C29.9387 16.0542 31.1115 16.1123 32.1266 15.7289C34.1012 17.6702 35.386 20.3115 35.5733 23.2528L31.7677 23.3083ZM19.5167 17.619C17.5115 19.0303 16.2001 21.3611 16.2001 24C16.2001 26.6393 17.5115 28.9701 19.5167 30.3813L17.5645 33.6516C15.2277 32.0903 13.4894 29.7037 12.7675 26.9081C13.611 26.2207 14.15 25.1738 14.15 24.0003C14.15 22.8266 13.6111 21.7797 12.7676 21.0922C13.4896 18.2967 15.228 15.9101 17.5647 14.3488L19.5167 17.619ZM28.4879 37.1123C27.7507 35.8356 28.188 34.2034 29.4652 33.466C30.742 32.7289 32.3745 33.1665 33.1116 34.443C33.849 35.7201 33.4116 37.3525 32.1348 38.0897C30.8576 38.8271 29.2253 38.3895 28.4879 37.1123ZM7.72998 24.0003C7.72998 22.5253 8.92519 21.3302 10.4002 21.3302C11.8747 21.3302 13.07 22.5253 13.07 24.0003C13.07 25.4749 11.8747 26.6701 10.4002 26.6701C8.92519 26.6701 7.72998 25.4749 7.72998 24.0003Z" fill="currentColor"/>
+</svg>
+ <span>Runs Ubuntu 20.04</span></div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">The comma 3X runs Ubuntu with a normal SSH server.
+            It&#39;s responsive enough to develop on, including with VS Code remote.
+            No dealing with cross compilation, downloading firmware, and stupid variants of Linux like Yocto that dev kits love to run.
+            It&#39;s full apt-get ready Ubuntu; git, vim, tmux all included.</div></div> </div></div> <div class="item"><div class="tab svelte-f0pxdy" style="--foreground-color: white; --background-color: black;"><input type="checkbox" name="open-source-software" id="open-source-software"  class="svelte-f0pxdy"> <label for="open-source-software" class="svelte-f0pxdy"><div class="label" slot="label"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12V35.6927H38V12H10ZM35.8463 33.5388H12.1537V16.3078H35.8463V33.5388Z" fill="currentColor"/>
+<path d="M21.7605 26.7402H29.1772V28.9173H21.7605V26.7402Z" fill="currentColor"/>
+<path d="M14.3457 26.7398L21.7564 23.7956V23.7894L21.7603 23.791V21.4526L21.7564 21.4542V21.4481L14.3457 18.5039L14.344 20.8459L18.8161 22.6219L14.344 24.3982L14.3457 26.7398Z" fill="currentColor"/>
+</svg>
+ <span>Open source software</span></div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">The comma body runs our open source software, <a href="https://github.com/commaai/openpilot" target="_blank" class="highlight muted">openpilot</a>.
+            From openpilot’s perspective, the comma body is a car.
+            It runs the same camera and logging software, so we’ll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.</div></div> </div></div></div></div></section> <section class="light svelte-prxxnf" id="technical-specs"><div class="container"><div class="technical-specs"><h1 class="svelte-prxxnf">Technical Specs</h1> <div class="chart"><div class="grid svelte-7tyzqm  medium" style="--columns: 3; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="body-assembly"><picture><source srcset="/img/comma-body-assembly.avif" type="image/avif"><source srcset="/img/comma-body-assembly.webp" type="image/webp"> <img src="/img/comma-body-assembly.jpeg" loading="lazy" alt="comma body assembly" width="70%"></picture></div> <div><div class="header"><div style="display: block" class="svelte-57k9f5 dark">Dimensions </div></div> <div class="spec"><div>dimensions</div> <span class="muted">6.5&quot; L x 1&#39; 3.5&quot; W x 4&#39; 8&quot; H</span> <span class="muted">(16.5cm x 39.5cm x 142.3cm)</span></div> <div class="spec"><div>weight</div> <span class="muted">18lbs / 8.16kg</span></div> <div class="spec"><div>maximum speed</div> <span class="muted">1 m/s</span></div> <div class="spec"><div>motors</div> <span class="muted">2 x 150W</span></div></div> <div><div class="header"><div style="display: block" class="svelte-57k9f5 dark">Power </div></div> <div class="spec"><div>battery capacity</div> <span class="muted">100Wh (Li-ion)</span></div> <div class="spec"><div>nominal battery voltage</div> <span class="muted">25.2V</span></div> <div class="spec"><div>typical runtime (joystick control)</div> <span class="muted">~2 hours</span></div> <div class="spec"><div>standby time (balancing)</div> <span class="muted">~6-7 hours</span></div> <div class="spec"><div>charger</div> <span class="muted">29.4V 2A</span></div> <div class="spec"><div>time to charge</div> <span class="muted">~2 hours</span> <br> <span class="muted">Can be charged while powered on and balancing.</span></div></div> </div></div> <div class="mailing-list"><div style="display: block" class="svelte-57k9f5 dark">Follow along </div> <h1 class="svelte-prxxnf">Get body updates</h1> <div class="form"><form aria-label="Email Form" class="svelte-q96sfc  accent"><label for="form" class="svelte-q96sfc">Email</label> <input maxlength="256" name="email" data-name="Email" placeholder="Enter your email" type="email" class="svelte-q96sfc" value=""> <input type="submit" data-wait="Please wait..." value="Subscribe" disabled class="svelte-q96sfc"></form></div></div></div></div></section>  <section class="light" id="product-item"><div class="container">{{ partial "product/product.html" $args }}</div></section> <section class="light svelte-prxxnf" id="description"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2>Overview</h2> <div class="description"><h3>What is the comma body?</h3> <p class="svelte-prxxnf">comma body is “the future of people.” You buy a comma body, buy a comma 3X (the head), attach the comma 3X to the body, and watch it come to life.</p> <p class="svelte-prxxnf">We believe that in order to solve AI, for most peoples’ definition, you must be embedded in the real world.
+          We define AI as a machine that can do every task at least as well as a human.
+          And in order to do human tasks, it helps a lot to have a human-like body.
+          The comma body is the beginning of that journey.</p> <p class="svelte-prxxnf">Today, it’s a mobile platform for the comma 3X, but we will be building a knee and arms for it.
+          Like everything we do, we try to distill the problem down to its essence, so unlike some companies, we aren’t focused on the humanoid shape.
+          Wheels are a fine form of locomotion for cooking and cleaning, the dream tasks of the comma body.
+          Two arms, a knee, and a comma 3X should complete a comma person (sold separately, the knee and arm may come in the future).</p> <h3>What software does it run?</h3> <p class="svelte-prxxnf">The comma body runs openpilot! From openpilot’s perspective, the comma body is a car.
+          It runs the same camera and logging software, so we’ll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.</p> <p class="svelte-prxxnf">At launch, the software will balance the body (using the same localizer as the car!) and allow you to drive it around via web interface.
+          Shortly we’ll add video streaming to that web interface, allowing you to drive your body outside line of sight.
+          We’d also like to add a VR app to drive the body from a first person view, this will be needed by the time we ship the arms.</p> <p class="svelte-prxxnf">Once we start getting data back from our body fleet, we can train models.
+          The first model we will train (jointly with the driving model!) is a posenet, allowing inside out position tracking.
+          When this model is shipped, the localizer will change from 3-DoF to 6-DoF.
+          And once the dead reckoning is similar quality to what we have on the cars, adding a SLAM system will be very simple to allow drift free localization in your environment.</p> <p class="svelte-prxxnf">Read more: <a href="https://blog.comma.ai/commabody/" target="_blank" class="highlight">Launching the comma body</a></p> <p class="svelte-prxxnf">comma body software: <a href="https://github.com/commaai/body" target="_blank" class="highlight">GitHub</a></p> <div class="card svelte-1328bir"><div class="icon-slot"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="CurrentColor"></path>
+</svg>
+ </div> <hgroup><span>Note</span> <div>comma body shouldn’t go anywhere you couldn’t go on a hoverboard, so no stairs, etc.</div></hgroup> </div></div> </div> <hr class="svelte-prxxnf"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2>In the Box</h2> <div><ul><li>comma body kit (base, rails, and hardware)</li> <li>1 29.4V 2A charger</li> <li>1 mount [compatible with the comma 3X (not included)]</li> <li>1 USB-C 6.6ft 90 deg cable</li> <li>1 set of wheels</li> <li>1 helmet</li></ul></div> </div> <hr class="svelte-prxxnf"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2>Tech Specs</h2> <div><ul><li><strong>Dimensions:</strong>
+            6.5&quot; L x 1&#39; 3.5&quot; W x 4&#39; 8&quot; H (16.5cm x 39.5cm x 142.3cm)</li> <li><strong>Weight:</strong>
+            Device: 18 lbs (8 kg), Charger: 1 lb (0.5 kg)</li> <li><strong>Motors:</strong>
+            2 x 150W</li> <li><strong>Battery charge time:</strong>
+            Device charges in approximately 2 hours when powered off using the included charger. Can be charged while powered on and balancing.</li> <li><strong>Battery type:</strong>
+            Lithium-Ion rechargeable battery, 25.2V 100Wh</li> <li><strong>Height when assembled:</strong>
+            4&#39; 8”(142.24cm)</li></ul></div> </div> <hr class="svelte-prxxnf"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2>Fine Print</h2> <div class="fine-print-copy"><strong>30-Day Return</strong> <p class="svelte-prxxnf">If for any reason you are dissatisfied with anything purchased at the comma.ai shop, ship it back within 30 days for a full refund.
+          <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight">comma.ai/returns</a></p> <strong>Shipping</strong> <p class="svelte-prxxnf">Free US shipping; we ship with UPS and signature confirmation.
+          This item cannot be shipped internationally, but hopefully this will change in the near future.
+          We do not currently offer expedited shipping. Orders are typically fulfilled during the week of purchase.</p> <strong>Warranty</strong> <p class="svelte-prxxnf">1-year limited warranty against hardware defects.</p></div> </div></div></section> <section class="dark" id="links"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 10rem; --row-gap: 3.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 10rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div><span class="svelte-13qdnfo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.578 10.7229C35.8593 9.45085 32.9523 8.52639 29.9131 8C29.5398 8.67482 29.1038 9.58246 28.8031 10.3045C25.5724 9.81863 22.3713 9.81863 19.2 10.3045C18.8994 9.58246 18.4535 8.67482 18.0769 8C15.0344 8.52639 12.1241 9.45425 9.40534 10.7296C3.92162 19.0162 2.43508 27.097 3.17835 35.063C6.81544 37.7791 10.3402 39.4291 13.8055 40.5088C14.6611 39.3312 15.4242 38.0794 16.0816 36.7602C14.8296 36.2845 13.6304 35.6974 12.4974 35.0158C12.798 34.7931 13.092 34.5603 13.3761 34.3208C20.2868 37.5531 27.7956 37.5531 34.6238 34.3208C34.9112 34.5603 35.2052 34.7931 35.5025 35.0158C34.3661 35.7007 33.1637 36.2878 31.9117 36.7636C32.5691 38.0794 33.3288 39.3346 34.1877 40.5121C37.6564 39.4324 41.1844 37.7825 44.8215 35.063C45.6936 25.8284 43.3317 17.8218 38.578 10.7229ZM17.0231 30.164C14.9485 30.164 13.2472 28.2273 13.2472 25.8689C13.2472 23.5104 14.9122 21.5704 17.0231 21.5704C19.134 21.5704 20.8352 23.507 20.7989 25.8689C20.8022 28.2273 19.134 30.164 17.0231 30.164ZM30.9768 30.164C28.9023 30.164 27.201 28.2273 27.201 25.8689C27.201 23.5104 28.8659 21.5704 30.9768 21.5704C33.0877 21.5704 34.789 23.507 34.7526 25.8689C34.7526 28.2273 33.0877 30.164 30.9768 30.164Z" fill="currentColor"/>
+</svg>
+</span> <span class="svelte-13qdnfo">Join the conversation</span> <p class="svelte-13qdnfo">Have a question or want to learn more?
+      There are thousands of knowledgeable community members on the Discord.</p> <a href="https://discord.com/invite/FEzeve2NX2" target="_blank" class="svelte-slt5la  secondary  full-width">Join our Discord <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <div><span class="svelte-13qdnfo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 4C12.3975 4 3 13.3975 3 25C3 34.2925 9.01125 42.1413 17.3587 44.9238C18.4087 45.1075 18.8025 44.4775 18.8025 43.9263C18.8025 43.4275 18.7763 41.7737 18.7763 40.015C13.5 40.9862 12.135 38.7288 11.715 37.5475C11.4788 36.9438 10.455 35.08 9.5625 34.5812C8.8275 34.1875 7.7775 33.2163 9.53625 33.19C11.19 33.1638 12.3713 34.7125 12.765 35.3425C14.655 38.5187 17.6738 37.6263 18.8813 37.075C19.065 35.71 19.6162 34.7912 20.22 34.2662C15.5475 33.7412 10.665 31.93 10.665 23.8975C10.665 21.6137 11.4788 19.7237 12.8175 18.2537C12.6075 17.7287 11.8725 15.5763 13.0275 12.6888C13.0275 12.6888 14.7862 12.1375 18.8025 14.8413C20.4825 14.3688 22.2675 14.1325 24.0525 14.1325C25.8375 14.1325 27.6225 14.3688 29.3025 14.8413C33.3188 12.1113 35.0775 12.6888 35.0775 12.6888C36.2325 15.5763 35.4975 17.7287 35.2875 18.2537C36.6263 19.7237 37.44 21.5875 37.44 23.8975C37.44 31.9562 32.5313 33.7412 27.8588 34.2662C28.62 34.9225 29.2763 36.1825 29.2763 38.1512C29.2763 40.96 29.25 43.2175 29.25 43.9263C29.25 44.4775 29.6438 45.1338 30.6938 44.9238C34.8626 43.5164 38.4852 40.8371 41.0516 37.263C43.6179 33.6889 44.9989 29.4 45 25C45 13.3975 35.6025 4 24 4Z" fill="currentColor"/>
+</svg>
+</span> <span class="svelte-13qdnfo">Developer Resources</span> <p class="svelte-13qdnfo">Check out the code behind the comma four and openpilot.
+      Review, fork, and contribute to the open source ecosystem.</p> <a href="https://github.com/commaai/openpilot" target="_blank" class="svelte-slt5la  secondary  full-width">Visit our GitHub <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div> </section>
+{{< /body.inline >}}
diff --git a/content/shop/car-harness.md b/content/shop/car-harness.md
new file mode 100644
index 00000000..3cf98e70
--- /dev/null
+++ b/content/shop/car-harness.md
@@ -0,0 +1,4 @@
+---
+title: "car harness — comma shop"
+js: product
+---
diff --git a/content/shop/comma-3x-back-case.md b/content/shop/comma-3x-back-case.md
new file mode 100644
index 00000000..b18d2a6d
--- /dev/null
+++ b/content/shop/comma-3x-back-case.md
@@ -0,0 +1,4 @@
+---
+title: "comma 3X back case — comma shop"
+js: product
+---
diff --git a/content/shop/comma-3x-out-of-warranty-repair.md b/content/shop/comma-3x-out-of-warranty-repair.md
new file mode 100644
index 00000000..d78636f8
--- /dev/null
+++ b/content/shop/comma-3x-out-of-warranty-repair.md
@@ -0,0 +1,4 @@
+---
+title: "comma 3X out of warranty repair — comma shop"
+js: product
+---
diff --git a/content/shop/comma-ai-beanie.md b/content/shop/comma-ai-beanie.md
new file mode 100644
index 00000000..ff36dd23
--- /dev/null
+++ b/content/shop/comma-ai-beanie.md
@@ -0,0 +1,4 @@
+---
+title: "comma beanie — comma shop"
+js: product
+---
diff --git a/content/shop/comma-ai-hoodie.md b/content/shop/comma-ai-hoodie.md
new file mode 100644
index 00000000..c915c0df
--- /dev/null
+++ b/content/shop/comma-ai-hoodie.md
@@ -0,0 +1,4 @@
+---
+title: "comma hoodie — comma shop"
+js: product
+---
diff --git a/content/shop/comma-ai-t-shirt.md b/content/shop/comma-ai-t-shirt.md
new file mode 100644
index 00000000..7da94a24
--- /dev/null
+++ b/content/shop/comma-ai-t-shirt.md
@@ -0,0 +1,4 @@
+---
+title: "comma t-shirt — comma shop"
+js: product
+---
diff --git a/content/shop/comma-device-screen.md b/content/shop/comma-device-screen.md
new file mode 100644
index 00000000..8954dd48
--- /dev/null
+++ b/content/shop/comma-device-screen.md
@@ -0,0 +1,4 @@
+---
+title: "comma device screen — comma shop"
+js: product
+---
diff --git a/content/shop/comma-four-trade-in.html b/content/shop/comma-four-trade-in.html
new file mode 100644
index 00000000..5e74f792
--- /dev/null
+++ b/content/shop/comma-four-trade-in.html
@@ -0,0 +1,15 @@
+---
+title: "comma four trade-in — comma shop"
+type: page
+---
+{{< body.inline >}}<section class="light" id="trade-in"><div class="container"><h1 class="svelte-2awri7">comma four trade-in</h1> <div class="content svelte-2awri7"><p class="svelte-2awri7">Trade in any older comma device (EON, comma two, comma three, or comma 3X) for $250 credit towards a brand new comma four. Device can be in any condition as long as you are the original purchaser.</p> <hr class="svelte-2awri7"> <strong class="svelte-2awri7">Trade-in Instructions</strong> <p class="svelte-2awri7">1. Check the trade-in option on the <a href="/shop/comma-four" class="highlight">comma four</a> product page. If you forgot to do this before placing your order, please contact <a href="/support" class="highlight">support</a>.</p> <p class="svelte-2awri7">2. We ship you a new comma four.</p> <p class="svelte-2awri7">3. Ship your old comma device back to us with tracking within 30 days of receiving your new comma four.
+        <br> <u>You must include your trade-in comma four order number <b>and</b> the trade-in device&#39;s original order number <b>inside</b> the box.</u>
+        Can&#39;t find it? Open a ticket with <a href="/support" class="highlight">support</a>.</p> <p class="svelte-2awri7">Address to:</p> <p style="margin-left: 1em; font-size: 0.75em" class="svelte-2awri7"><b>comma four upgrade<br>
+        Upgrade Order #<br>
+        3900 Harney Street<br>
+        San Diego, CA 92110<br></b></p> <p class="svelte-2awri7">4. When the old comma device arrives, we apply your trade-in credit ($250) to your original payment method. Please give us 1-2 business days to process the device once it arrives.</p> <hr class="svelte-2awri7"> <strong class="svelte-2awri7">THE FINE PRINT</strong> <ul><li class="svelte-2awri7">This trade-in offer is ONLY good for the original device owner. <b>What does this mean?</b> The device sent for trade-in must have been purchased
+          from the comma shop by the same person purchasing the comma four trade-in offer. The name and/or address on the original and new comma four order must
+          be the same. Resale and second market devices do not qualify for trade-in at this time. You must include your original comma device&#39;s order number <b>and</b>
+          your trade-in order number with your device when returning it. We reserve the right to cancel orders that do not follow this policy.</li> <li class="svelte-2awri7">Devices sent in for trade-in cannot be returned, even if you cancel or return your order later.</li> <li class="svelte-2awri7">This offer is for new comma four purchases only.</li> <li class="svelte-2awri7">Trade-in device must be shipped back to us within 30 days of receiving your new comma four. We are not responsible for lost or damaged packages.
+          Please be sure to have tracking on your package. Ship your device according to local laws and regulations.</li></ul></div></div> </section>
+{{< /body.inline >}}
diff --git a/content/shop/comma-four.html b/content/shop/comma-four.html
new file mode 100644
index 00000000..28605ba5
--- /dev/null
+++ b/content/shop/comma-four.html
@@ -0,0 +1,202 @@
+---
+title: "comma four — comma shop"
+js: comma-four
+type: page
+---
+{{< body.inline >}}{{- $key := "comma-four" -}}
+{{- $product := index site.Data.products $key -}}
+{{- if not $product }}{{ errorf "comma-four: product not found in data/products.json" }}{{ end -}}
+{{- $snapshot := partialCached "product/shopify-snapshot.html" $product.id $product.id -}}
+{{- $args := dict
+      "key" $key
+      "product" $product
+      "snapshot" $snapshot
+      "variantSelector" "product/comma-four-accessory.html"
+      "variantSelectorArgs" (dict)
+      "priceOverride" 999
+      "disableBuyButtonText" "SELECT YOUR CAR"
+      "priceHTML" `<div slot="price" class="price">$999</div>`
+      "shippingHTML" `<div slot="shipping"></div>`
+      "notesHTML" (partial "product/note-card.html" (dict "title" "Upgrading from another comma device?" "contentHTML" "You do not need a new car harness. All comma devices use the same harness."))
+      "descriptionHTML" (partial "product/comma-four-description.html" dict)
+-}}
+<section class="light" id="product-item"><div class="container">{{ partial "product/product.html" $args }}</div></section> <section class="light svelte-1xdco7o" id="description"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">Meet the comma four</h2> <div class="description"><p class="svelte-1xdco7o">comma four is our next generation hardware. It packs the same compute, sensor suite, and functionality as comma 3X into a package one-fifth the size, making it the ideal form factor for your windshield.</p> <p class="svelte-1xdco7o">It runs <a class="highlight svelte-1xdco7o" href="/openpilot">openpilot</a>, which can drive for hours without driver intervention.</p></div> </div> <hr class="svelte-1xdco7o"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">In the Box</h2> <div class="box-contents"><div><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture> <p class="svelte-1xdco7o">comma four</p></div> <div><picture><source srcset="/img/products/obd-c-cable/obd-c-cable-four.avif" type="image/avif"><source srcset="/img/products/obd-c-cable/obd-c-cable-four.webp" type="image/webp"> <img src="/img/products/obd-c-cable/obd-c-cable-four.png" loading="lazy" alt="2ft OBD-C cable"></picture> <p class="svelte-1xdco7o">2ft OBD-C cable</p></div> <div><picture><source srcset="/img/products/replacement-mounts/replacement-mounts-four.avif" type="image/avif"><source srcset="/img/products/replacement-mounts/replacement-mounts-four.webp" type="image/webp"> <img src="/img/products/replacement-mounts/replacement-mounts-four.png" loading="lazy" alt="mount"></picture> <p class="svelte-1xdco7o">2 mounts</p></div></div> </div> <hr class="svelte-1xdco7o"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">On-device Storage</h2> <div><p class="svelte-1xdco7o">comma four includes on-board storage to store your drives.</p> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 15H9V33H39V15ZM37 17H11V31H37V17Z" fill="currentColor"/>
+<rect x="15" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="15" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="34" width="2" height="3" fill="currentColor"/>
+</svg>
+</div> <span>Storage</span></div> <div class="contents"><hgroup class="svelte-1xdco7o"><strong>128<span class="unit">GB</span></strong> <span>built in storage</span></hgroup> <div>10 hours of footage</div></div></div> <p class="svelte-1xdco7o">Want your video footage saved for longer? – Sign up for comma prime for 1 year of cloud video storage.</p> <p class="svelte-1xdco7o">comma four includes one free month of comma prime.
+          To claim your free prime trial, log into <a href="https://connect.comma.ai/" target="_blank" class="highlight svelte-1xdco7o">comma connect</a>.
+          Once paired, you can see your recorded drives, SSH into your device from anywhere, and more.</p></div> </div> <hr class="svelte-1xdco7o"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">Tech Specs</h2> <div><div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M33 24C33 29.4013 31.9032 34.2418 30.1766 37.6949C28.4201 41.2079 26.1786 43 24 43C21.8214 43 19.5799 41.2079 17.8234 37.6949C16.0968 34.2418 15 29.4013 15 24C15 18.5987 16.0968 13.7582 17.8234 10.3051C19.5799 6.79209 21.8214 5 24 5C26.1786 5 28.4201 6.79209 30.1766 10.3051C31.9032 13.7582 33 18.5987 33 24Z" stroke="currentColor" stroke-width="2"/>
+  <circle cx="24" cy="24" r="19" stroke="currentColor" stroke-width="2"/>
+  <path d="M24 15C29.4013 15 34.2418 16.0968 37.6949 17.8234C41.2079 19.5799 43 21.8214 43 24C43 26.1786 41.2079 28.4201 37.6949 30.1766C34.2418 31.9032 29.4013 33 24 33C18.5987 33 13.7582 31.9032 10.3051 30.1766C6.79209 28.4201 5 26.1786 5 24C5 21.8214 6.79209 19.5799 10.3051 17.8234C13.7582 16.0968 18.5987 15 24 15Z" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 19H36V29H14L12 28.0909V19Z" fill="black"/>
+  <path d="M16.496 28C15.9911 28 15.5502 27.9076 15.1733 27.7227C14.8036 27.5378 14.5156 27.2782 14.3093 26.944C14.1031 26.6098 14 26.2151 14 25.76H15.344C15.344 26.1084 15.4436 26.3822 15.6427 26.5813C15.8489 26.7733 16.1369 26.8693 16.5067 26.8693C16.8764 26.8693 17.1609 26.7698 17.36 26.5707C17.5591 26.3716 17.6587 26.1013 17.6587 25.76V25.152C17.6587 24.8036 17.5591 24.5333 17.36 24.3413C17.1609 24.1422 16.8764 24.0427 16.5067 24.0427H15.632V22.8373L17.3493 21.248H14.352V20.1067H18.704V21.312L16.5067 23.328V22.9013C17.2747 22.9013 17.8827 23.104 18.3307 23.5093C18.7787 23.9147 19.0027 24.4622 19.0027 25.152V25.76C19.0027 26.2151 18.8996 26.6098 18.6933 26.944C18.4871 27.2782 18.1956 27.5378 17.8187 27.7227C17.4418 27.9076 17.0009 28 16.496 28Z" fill="white"/>
+  <path d="M22.9665 28C22.4474 28 21.9887 27.8933 21.5905 27.68C21.1994 27.4596 20.8936 27.1538 20.6732 26.7627C20.4598 26.3644 20.3532 25.9058 20.3532 25.3867C20.3532 25.0169 20.4136 24.6293 20.5345 24.224C20.6625 23.8187 20.8367 23.4382 21.0572 23.0827L22.8918 20.1067H24.3745L22.0705 23.7333L22.1345 23.776C22.2767 23.5556 22.4687 23.3884 22.7105 23.2747C22.9523 23.1609 23.2225 23.104 23.5212 23.104C23.9407 23.104 24.3034 23.2036 24.6092 23.4027C24.9149 23.6018 25.1532 23.8791 25.3238 24.2347C25.4945 24.5902 25.5798 25.0062 25.5798 25.4827C25.5798 25.9876 25.4696 26.4284 25.2492 26.8053C25.0358 27.1822 24.7336 27.4773 24.3425 27.6907C23.9585 27.8969 23.4998 28 22.9665 28ZM22.9665 26.8693C23.3576 26.8693 23.6741 26.7449 23.9158 26.496C24.1576 26.24 24.2785 25.9093 24.2785 25.504C24.2785 25.0844 24.1576 24.7502 23.9158 24.5013C23.6741 24.2453 23.3576 24.1173 22.9665 24.1173C22.5754 24.1173 22.2589 24.2453 22.0172 24.5013C21.7754 24.7502 21.6545 25.0844 21.6545 25.504C21.6545 25.9093 21.7754 26.24 22.0172 26.496C22.2589 26.7449 22.5754 26.8693 22.9665 26.8693Z" fill="white"/>
+  <path d="M29.3623 28C28.8646 28 28.4343 27.9076 28.0717 27.7227C27.709 27.5307 27.4281 27.264 27.229 26.9227C27.0299 26.5742 26.9303 26.1653 26.9303 25.696V22.304C26.9303 21.8347 27.0299 21.4293 27.229 21.088C27.4281 20.7396 27.709 20.4729 28.0717 20.288C28.4343 20.096 28.8646 20 29.3623 20C29.8672 20 30.2974 20.096 30.653 20.288C31.0157 20.4729 31.2966 20.7396 31.4957 21.088C31.6948 21.4293 31.7943 21.8311 31.7943 22.2933V25.696C31.7943 26.1653 31.6948 26.5742 31.4957 26.9227C31.2966 27.264 31.0157 27.5307 30.653 27.7227C30.2974 27.9076 29.8672 28 29.3623 28ZM29.3623 26.8693C29.725 26.8693 30.0059 26.7662 30.205 26.56C30.4112 26.3538 30.5143 26.0658 30.5143 25.696V22.304C30.5143 21.9342 30.4112 21.6462 30.205 21.44C30.0059 21.2338 29.725 21.1307 29.3623 21.1307C28.9997 21.1307 28.7152 21.2338 28.509 21.44C28.3099 21.6462 28.2103 21.9342 28.2103 22.304V25.696C28.2103 26.0658 28.3134 26.3538 28.5197 26.56C28.7259 26.7662 29.0068 26.8693 29.3623 26.8693ZM27.1117 25.9307L30.717 22.0693H31.613L28.0077 25.9307H27.1117Z" fill="white"/>
+  <path d="M34.8693 23.0933C34.3928 23.0933 34.0053 22.9511 33.7066 22.6667C33.4151 22.3822 33.2693 22.0089 33.2693 21.5467C33.2693 21.0844 33.4151 20.7111 33.7066 20.4267C34.0053 20.1422 34.3928 20 34.8693 20C35.3528 20 35.7404 20.1422 36.0319 20.4267C36.3235 20.7111 36.4693 21.0844 36.4693 21.5467C36.4693 22.0089 36.3235 22.3822 36.0319 22.6667C35.7404 22.9511 35.3528 23.0933 34.8693 23.0933ZM34.8586 22.464C35.1217 22.464 35.3315 22.3787 35.4879 22.208C35.6515 22.0373 35.7333 21.8169 35.7333 21.5467C35.7333 21.2693 35.6515 21.0489 35.4879 20.8853C35.3315 20.7147 35.1253 20.6293 34.8693 20.6293C34.6062 20.6293 34.3964 20.7147 34.2399 20.8853C34.0835 21.0489 34.0053 21.2693 34.0053 21.5467C34.0053 21.8169 34.0835 22.0373 34.2399 22.208C34.3964 22.3787 34.6026 22.464 34.8586 22.464Z" fill="white"/>
+</svg>
+</div> <span>Cameras</span></div> <div class="contents">Dual-cam 360° vision and a narrow cam to see far-away objects</div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36 12H12V36H36V12ZM34 14H14V34H34V14Z" fill="currentColor"/>
+<rect x="18" y="18" width="12" height="12" fill="currentColor" stroke="black" stroke-width="2"/>
+<rect x="17" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="17" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="23" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="23" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="29" y="8" width="2" height="4" fill="currentColor"/>
+<rect x="29" y="36" width="2" height="4" fill="currentColor"/>
+<rect x="36" y="17" width="4" height="2" fill="currentColor"/>
+<rect x="36" y="23" width="4" height="2" fill="currentColor"/>
+<rect x="36" y="29" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="17" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="23" width="4" height="2" fill="currentColor"/>
+<rect x="8" y="29" width="4" height="2" fill="currentColor"/>
+</svg>
+</div> <span>Processor</span></div> <div class="contents"><span>Qualcomm Snapdragon 845 <span class="max-gradient svelte-1xdco7o">MAX</span><br><br>Max cooling for quiet sustained peak performance.</span></div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 36L35.5 13L12.5 24L22.5 26L25.5 36Z" fill="currentColor" stroke="currentColor"/>
+</svg>
+</div> <span>Sensors</span></div> <div class="contents"><ul><li>3D Accelerometer</li> <li>3D Gyroscope</li> <li>High-precision GPS</li> <li>Microphone</li></ul></div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 15H9V33H39V15ZM37 17H11V31H37V17Z" fill="currentColor"/>
+<rect x="15" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="15" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="34" width="2" height="3" fill="currentColor"/>
+</svg>
+</div> <span>Can FD Enabled</span></div> <div class="contents">Supports CAN FD vehicles without extra hardware</div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 15H9V33H39V15ZM37 17H11V31H37V17Z" fill="currentColor"/>
+<rect x="15" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="11" width="2" height="3" fill="currentColor"/>
+<rect x="15" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="23" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="19" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="27" y="34" width="2" height="3" fill="currentColor"/>
+<rect x="31" y="34" width="2" height="3" fill="currentColor"/>
+</svg>
+</div> <span>Storage</span></div> <div class="contents">128GB built in storage</div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33331 19.9999L12 22.6666C18.6266 16.0399 29.3733 16.0399 36 22.6666L38.6666 19.9999C30.5733 11.9066 17.44 11.9066 9.33331 19.9999ZM20 30.6666L24 34.6666L28 30.6666C25.8 28.4533 22.2133 28.4533 20 30.6666ZM14.6666 25.3333L17.3333 27.9999C21.0133 24.3199 26.9866 24.3199 30.6666 27.9999L33.3333 25.3333C28.1866 20.1866 19.8266 20.1866 14.6666 25.3333Z" fill="currentColor"/>
+</svg>
+</div> <span>Connectivity</span></div> <div class="contents"><ul><li>LTE</li> <li>Wi-Fi</li></ul></div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m26.89,10.22c-9.35,-0.3 -16.8,6.56 -16.8,14.87c0,8.22 7.28,14.9 16.25,14.9c6.03,0 11.26,-3.01 14.07,-7.48c-12.21,-0.38 -19.64,-12.56 -13.52,-22.29l-0.01,0z" fill="CurrentColor" id="svg_1"/>
+</svg>
+</div> <span>Night-Vision</span></div> <div class="contents">IR LED for interior night-vision monitoring</div></div> <div class="spec-card"><div class="header"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 13H1V29C1 32.3137 3.68629 35 7 35H47V19C47 15.6863 44.3137 13 41 13ZM9.70293 28.7759C10.1883 29.0186 10.7576 29.1399 11.4109 29.1399C12.0736 29.1399 12.6429 29.0186 13.1189 28.7759C13.5949 28.5239 13.9589 28.1739 14.2109 27.7259C14.4723 27.2686 14.6029 26.7319 14.6029 26.1159V21.6499C14.6029 21.0432 14.4723 20.5159 14.2109 20.0679C13.9589 19.6106 13.5949 19.2606 13.1189 19.0179C12.6429 18.7659 12.0736 18.6399 11.4109 18.6399C10.7576 18.6399 10.1883 18.7659 9.70293 19.0179C9.22693 19.2606 8.85827 19.6106 8.59693 20.0679C8.34493 20.5159 8.21893 21.0479 8.21893 21.6639V26.1159C8.21893 26.7319 8.34493 27.2686 8.59693 27.7259C8.85827 28.1739 9.22693 28.5239 9.70293 28.7759ZM12.4889 27.2219C12.2463 27.4739 11.8869 27.5999 11.4109 27.5999C10.9443 27.5999 10.5849 27.4739 10.3329 27.2219C10.0903 26.9606 9.96893 26.5919 9.96893 26.1159V21.6639C9.96893 21.1786 10.0903 20.8099 10.3329 20.5579C10.5756 20.3059 10.9349 20.1799 11.4109 20.1799C11.8869 20.1799 12.2463 20.3059 12.4889 20.5579C12.7316 20.8099 12.8529 21.1786 12.8529 21.6639V26.1159C12.8529 26.5919 12.7316 26.9606 12.4889 27.2219ZM17.0475 18.7799V28.9999H23.1375V27.3759H18.7975V18.7799H17.0475ZM25.232 28.9999V18.7799H31.364V20.3059H26.954V22.9659H30.874V24.4779H26.954V27.4739H31.364V28.9999H25.232ZM33.4445 18.7799V28.9999H36.4825C37.1732 28.9999 37.7705 28.8692 38.2745 28.6079C38.7879 28.3372 39.1845 27.9639 39.4645 27.4879C39.7445 27.0026 39.8845 26.4379 39.8845 25.7939V21.9719C39.8845 21.3186 39.7445 20.7539 39.4645 20.2779C39.1845 19.8019 38.7879 19.4332 38.2745 19.1719C37.7705 18.9106 37.1732 18.7799 36.4825 18.7799H33.4445ZM36.4825 27.3899H35.1945V20.3899H36.4825C36.9865 20.3899 37.3879 20.5346 37.6865 20.8239C37.9852 21.1039 38.1345 21.4866 38.1345 21.9719V25.7939C38.1345 26.2886 37.9852 26.6806 37.6865 26.9699C37.3879 27.2499 36.9865 27.3899 36.4825 27.3899Z" fill="currentColor"/>
+</svg>
+</div> <span>Display</span></div> <div class="contents">1.9&quot; 300 PPI OLED display</div></div> <div class="spec-card"><div class="header"><div><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 5V4C20 3.45 19.55 3 19 3H17C16.45 3 16 3.45 16 4V5H15V9C15 9.55 15.45 10 16 10H17V17C17 18.1 16.1 19 15 19C13.9 19 13 18.1 13 17V7C13 4.79 11.21 3 9 3C6.79 3 5 4.79 5 7V14H4C3.45 14 3 14.45 3 15V19H4V20C4 20.55 4.45 21 5 21H7C7.55 21 8 20.55 8 20V19H9V15C9 14.45 8.55 14 8 14H7V7C7 5.9 7.9 5 9 5C10.1 5 11 5.9 11 7V17C11 19.21 12.79 21 15 21C17.21 21 19 19.21 19 17V10H20C20.55 10 21 9.55 21 9V5H20Z" fill="CurrentColor"></path></svg>
+</div> <span>Ports</span></div> <div class="contents"><ul><li>OBD-C port (USB-C w/ CAN)</li> <li>USB 3.1 Gen 2 port</li></ul></div></div></div> </div> <hr class="svelte-1xdco7o"> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">Snapdragon 845 <span class="max-gradient svelte-1xdco7o">MAX</span></h2> <div class="cooling-section svelte-1xdco7o"><picture><source srcset="/img/products/comma-four/cooling.avif" type="image/avif"><source srcset="/img/products/comma-four/cooling.webp" type="image/webp"> <img src="/img/products/comma-four/cooling.png" loading="lazy" alt="comma four cooling system"></picture></div> </div> <hr class="svelte-1xdco7o"> <div style="width: 0; height: 0;" id="ui"></div> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">Expressive New Interface</h2> <div class="ui-grid svelte-1xdco7o"><div class="ui-card svelte-1xdco7o"><div class="device-container"><picture><source srcset="/img/products/comma-four/four_front.avif" type="image/avif"><source srcset="/img/products/comma-four/four_front.webp" type="image/webp"> <img src="/img/products/comma-four/four_front.png" alt="comma four device" class="device-frame"></picture> <video loop autoplay muted playsinline class="screen-overlay" src="/img/products/comma-four/settings.mp4"></video></div> <p class="svelte-1xdco7o">Configure comma four entirely on the device. No app, subscription, or account required.</p></div> <div class="ui-card svelte-1xdco7o"><div class="device-container"><picture><source srcset="/img/products/comma-four/four_front.avif" type="image/avif"><source srcset="/img/products/comma-four/four_front.webp" type="image/webp"> <img src="/img/products/comma-four/four_front.png" alt="comma four device" class="device-frame"></picture> <video loop autoplay muted playsinline class="screen-overlay" src="/img/products/comma-four/engage_disengage.mp4"></video></div> <p class="svelte-1xdco7o">comma four wakes up when you engage, and hibernates when you disengage.</p></div> <div class="ui-card svelte-1xdco7o"><div class="device-container"><picture><source srcset="/img/products/comma-four/four_front.avif" type="image/avif"><source srcset="/img/products/comma-four/four_front.webp" type="image/webp"> <img src="/img/products/comma-four/four_front.png" alt="comma four device" class="device-frame"></picture> <video loop autoplay muted playsinline class="screen-overlay" src="/img/products/comma-four/steering_arc.mp4"></video></div> <p class="svelte-1xdco7o">As openpilot approaches its steering limits, the steering arc grows to warn you.</p></div> <div class="ui-card svelte-1xdco7o"><div class="device-container"><picture><source srcset="/img/products/comma-four/four_front.avif" type="image/avif"><source srcset="/img/products/comma-four/four_front.webp" type="image/webp"> <img src="/img/products/comma-four/four_front.png" alt="comma four device" class="device-frame"></picture> <video loop autoplay muted playsinline class="screen-overlay" src="/img/products/comma-four/confidence_ball.mp4"></video></div> <p class="svelte-1xdco7o">As openpilot&#39;s confidence in its ability to understand the scene goes up, the confidence ball rises and turns green.</p></div></div> </div> <hr class="svelte-1xdco7o"> <div class="grid svelte-7tyzqm   large" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="installation-guide svelte-19dr0ra"><hgroup><span>comma four</span> <h2>Setup Guide</h2></hgroup> <div class="overview"><div><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M31.987 11.1665C24.627 11.1665 18.667 17.1398 18.667 24.4998C18.667 31.8598 24.627 37.8332 31.987 37.8332C39.3603 37.8332 45.3337 31.8598 45.3337 24.4998C45.3337 17.1398 39.3603 11.1665 31.987 11.1665ZM32.0003 35.1665C26.107 35.1665 21.3337 30.3932 21.3337 24.4998C21.3337 18.6065 26.107 13.8332 32.0003 13.8332C37.8937 13.8332 42.667 18.6065 42.667 24.4998C42.667 30.3932 37.8937 35.1665 32.0003 35.1665Z" fill="CurrentColor"></path>
+  <path d="M32.667 17.8335H30.667V25.8335L37.667 30.0335L38.667 28.3935L32.667 24.8335V17.8335Z" fill="CurrentColor"></path>
+  <rect x="7.5" y="15.5" width="10" height="2" fill="CurrentColor"></rect>
+  <rect x="1.5" y="23.5" width="14" height="2" fill="CurrentColor"></rect>
+  <rect x="7.5" y="31.5" width="10" height="2" fill="CurrentColor"></rect>
+</svg>
+ <span>15 min</span></div></div> <a href="/setup" target="_self" class="svelte-slt5la primary   full-width">View Guide <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <div class="mobile-first"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four"></picture></div> </div></div></section> <section class="dark" id="compatibility"><div class="container"><div class="compatibility svelte-1xdco7o"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div><hgroup class="svelte-1xdco7o"><span>Car harness</span> <h2 class="svelte-1xdco7o">comma four is compatible with 325+ cars</h2></hgroup> <p class="svelte-1xdco7o">A supported vehicle is one that just works when you install a comma device.
+            All supported cars provide a better experience than any stock system.</p> <a href="/vehicles" target="_self" class="svelte-slt5la  secondary">View all 325+ cars <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <picture><source srcset="/img/car-brand-collage.avif" type="image/avif"><source srcset="/img/car-brand-collage.webp" type="image/webp"> <img src="/img/car-brand-collage.jpg" loading="lazy" alt="collage of some supported car brands"></picture> </div></div> <div class="compatibility svelte-1xdco7o"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture> <div><hgroup class="svelte-1xdco7o"><span>Software</span> <h2 class="svelte-1xdco7o">Works with openpilot</h2></hgroup> <p class="svelte-1xdco7o">comma four ships without software installed, so you need to install software.
+            It is compatible with <a href="/openpilot" class="highlight svelte-1xdco7o">openpilot</a> and a wide variety of community forks.</p> <a href="/openpilot" target="_self" class="svelte-slt5la  secondary">openpilot <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div> <h2 class="guarantee svelte-1xdco7o">Try our 30-day money-back trial and see why 92% of buyers keep their comma four and why Consumer Reports rated us as the
+      <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf" class="highlight svelte-1xdco7o">top driver assistance system.</a></h2></div></section> <section class="light" id="fine-print"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: 0.5fr 1.25fr; --lg-column-gap: 3rem; --lg-template-columns: 0.5fr 1.25fr;"><h2 class="svelte-1xdco7o">Fine Print</h2> <div class="fine-print-copy svelte-1xdco7o"><strong>30-Day Return</strong> <p class="svelte-1xdco7o">If for any reason you are dissatisfied with anything purchased at the <a target="_blank" href="/" class="highlight svelte-1xdco7o">comma.ai</a> shop,
+            ship it back within 30 days for a full refund. <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight svelte-1xdco7o">comma.ai/returns</a></p> <p class="svelte-1xdco7o">If you intend to upstream support for a new car model, we may approve an extended return window.
+            Open a ticket request at <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight svelte-1xdco7o">comma.ai/support</a>.</p> <strong>Shipping</strong> <p class="svelte-1xdco7o">Free Rush (UPS 2nd Day Air) shipping (US only); signature confirmation required.
+            International shipping is a $30 flat rate; customs/duties/taxes are between you and your country.
+            Please see FAQ for more information.</p> <strong>Warranty</strong> <p class="svelte-1xdco7o">1-year limited warranty against hardware defects. Extend it with <a href="/connect#what-is-commacare" class="highlight svelte-1xdco7o">commacare</a>. Open and repair the comma four at your own risk.
+            comma is not responsible for damages that may occur while repairing devices.
+            Any damage on arrival must be reported to comma support within 14 days of delivery.</p> <strong>Software</strong> <p class="svelte-1xdco7o">The comma four does not ship with software capable of controlling a car.
+            Open source software can be installed separately.</p> <strong>Windshield installation</strong> <p class="svelte-1xdco7o">Before using the device on your windshield, check the state and local laws and ordinances where you drive.
+            Some state laws prohibit or restrict the placement of objects on the windshield of a motor vehicle.
+            IT IS THE USER&#39;S RESPONSIBILITY TO MOUNT THE DEVICE IN COMPLIANCE WITH ALL APPLICABLE LAWS AND ORDINANCES.
+            Always mount your device in a location that does not obstruct the driver&#39;s view of the road.
+            comma does not assume any responsibility for any fines, penalties, or damages that may be incurred as a result
+            of any state or local law or ordinance relating to the use of your comma device.</p></div> </div> <div><div class="header svelte-1olhv4k" id="comma-four-faq"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>comma four FAQ</h1> <div class="mobile-first"><picture><img src="/img/faq/other.svg" loading="eager" alt="comma four FAQ banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-i-need-a-comma-prime-monthly-subscription-to-use-the-device" id="do-i-need-a-comma-prime-monthly-subscription-to-use-the-device"  class="svelte-f0pxdy"> <label for="do-i-need-a-comma-prime-monthly-subscription-to-use-the-device" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do I need a comma prime monthly subscription to use the device?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <b>Absolutely not.</b> comma prime is completely optional and is not needed for any core functionality. comma prime can be activated, cancelled, and re-activated at any time.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-installing-a-comma-device-require-permanent-modifications-to-the-car" id="does-installing-a-comma-device-require-permanent-modifications-to-the-car"  class="svelte-f0pxdy"> <label for="does-installing-a-comma-device-require-permanent-modifications-to-the-car" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does installing a comma device require permanent modifications to the car?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Installing a comma device does not require any permanent modifications to
+            your car. Removing the comma device leaves your car in the same state as before the installation.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-mount-my-comma-device" id="how-do-i-mount-my-comma-device"  class="svelte-f0pxdy"> <label for="how-do-i-mount-my-comma-device" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I mount my comma device?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              We recommend the mount be centered on the windshield below the trim (see pictures in the Installation Guide). Be sure to leave enough room to remove the trim in the future. First, clean the windshield with the included alcohol wipe. Ensure the top of the mount is fully visible from the driver’s seat. Adhere mount: peel off the 3M tape’s cover on the mount. Press firmly in the center of the mount, then the edges to ensure no bubbles form.
+            </p>
+            <p>
+              It is the user’s responsibility to mount the device in compliance with all applicable laws and ordinances.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="will-installing-a-comma-device-void-my-warranty" id="will-installing-a-comma-device-void-my-warranty"  class="svelte-f0pxdy"> <label for="will-installing-a-comma-device-void-my-warranty" class="svelte-f0pxdy"><div slot="label" class="label"><span>Will installing a comma device void my warranty?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              From the FTC website: "Simply using an aftermarket or recycled part does not
+              void your warranty. The Magnuson-Moss Warranty Act makes it illegal for
+              companies to void your warranty or deny coverage under the warranty simply
+              because you used an aftermarket or recycled part."
+            </p>
+            <p>
+              <a href="https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance">https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance</a>
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="will-my-insurance-cover-my-car-with-a-comma-device-installed" id="will-my-insurance-cover-my-car-with-a-comma-device-installed"  class="svelte-f0pxdy"> <label for="will-my-insurance-cover-my-car-with-a-comma-device-installed" class="svelte-f0pxdy"><div slot="label" class="label"><span>Will my insurance cover my car with a comma device installed?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              Contact your insurance provider directly; insurance coverage is between the
+              user and their insurance provider. comma hardware users have been able to
+              get coverage and discuss this on Reddit
+              <a href="https://www.reddit.com/r/SelfDrivingCars/comments/b13cdp/open_pilot_and_insurance_coverage/">here</a>.
+            </p>
+            <p>
+              Insurance companies are beginning to understand the safety benefits of driver assistance
+              systems like openpilot and we have not heard of any providers
+              rejecting coverage to comma hardware users.
+            </p>
+           </div></div> </div> <hr></div> </div> <div style="height: 3rem"></div> <div><div class="header svelte-1olhv4k" id="moneyback-trial"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>Money-back trial</h1> <div class="mobile-first"><picture><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='300'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M0%200h480v300H0z'/%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M318.166%2095.558H164.983v118.955h153.183V95.558Zm-7.295%207.295H172.278v104.366h138.593V102.853Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M310.501%2074.313H172.072v21.374h138.429V74.314ZM164.786%2067v36h153V67h-153Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23fff'%20d='M201.786%2056h7v29h-7zM274.786%2056h7v29h-7zM219.078%20175c1.499%200%202.879.333%204.14%201%201.278.65%202.301%201.65%203.068%203%20.784%201.35%201.175%203.017%201.175%205s-.391%203.65-1.175%205c-.767%201.35-1.79%202.358-3.068%203.025-1.261.65-2.641.975-4.14.975h-13.292v-18h13.292Zm-2.556%2012.75c.886%200%201.618-.058%202.198-.175.579-.133%201.073-.467%201.482-1%20.409-.55.614-1.408.614-2.575%200-1.167-.205-2.017-.614-2.55-.409-.55-.903-.883-1.482-1-.58-.133-1.312-.2-2.198-.2h-4.346v7.5h4.346ZM253.933%20193h-6.799l-1.508-3.15h-10.122l-1.508%203.15h-6.799l8.818-18h9.1l8.818%2018Zm-13.368-13.7-2.914%206.05h5.828l-2.914-6.05ZM262.699%20181.75l5.164-6.75h7.923l-9.892%2012v6h-6.39v-6l-9.892-12h7.924l5.163%206.75Z'/%3e%3cpath%20fill='%23fff'%20stroke='%23000'%20d='M231.618%20138.327c1.724-.846%203.08-1.945%204.043-3.305%201.155-1.632%201.72-3.603%201.72-5.888%200-4.423-2.012-7.83-5.975-10.175-3.93-2.325-9.502-3.459-16.66-3.459-8.324%200-14.745%201.356-19.202%204.131-4.49%202.795-7.035%207.139-7.652%2012.961l-.058.553h15.531v-.5c0-2.126.745-3.556%202.17-4.414l.003-.002c1.529-.935%204.008-1.44%207.52-1.44%202.964%200%204.964.347%206.091.967l.009.005.008.004c.584.293.992.644%201.256%201.041.261.393.399.859.399%201.418%200%20.852-.26%201.475-.74%201.928-.498.429-1.466.812-3.011%201.09-1.524.275-3.701.416-6.546.416h-.5v9.474h.5c3.129%200%205.466.141%207.031.416l.012.002c1.584.238%202.553.643%203.038%201.129l.011.012.013.011c.507.445.795%201.118.795%202.106%200%201.267-.542%202.192-1.674%202.831-1.125.619-3.221.966-6.391.966-3.636%200-6.204-.464-7.778-1.329-1.482-.834-2.216-2.115-2.216-3.921v-.5h-16.133l.057.552c.409%203.942%201.58%207.204%203.539%209.755h-.001l.006.008c2.008%202.518%204.959%204.361%208.808%205.552%203.846%201.191%208.827%201.778%2014.924%201.778%207.441%200%2013.217-1.215%2017.271-3.706%204.084-2.509%206.149-6.138%206.149-10.836%200-2.371-.619-4.421-1.878-6.123-1.065-1.441-2.57-2.606-4.489-3.508Zm13.88%2012.906.002.002c2.064%203.562%205.096%206.331%209.076%208.308%203.985%201.978%208.749%202.957%2014.275%202.957%205.487%200%2010.231-.979%2014.216-2.957l.003-.002c3.978-2.017%207.009-4.804%209.072-8.365%202.101-3.556%203.144-7.64%203.144-12.237%200-4.557-1.044-8.62-3.144-12.175-2.064-3.562-5.096-6.33-9.075-8.307-3.985-1.978-8.729-2.957-14.216-2.957-5.526%200-10.29.979-14.275%202.957-3.98%201.977-7.012%204.745-9.076%208.307-2.061%203.516-3.083%207.58-3.083%2012.175%200%204.597%201.023%208.699%203.081%2012.294Zm31.021-19.991.008.008c1.76%201.692%202.681%204.225%202.681%207.689%200%203.507-.921%206.082-2.685%207.815-1.771%201.739-4.303%202.641-7.672%202.641-3.368%200-5.901-.902-7.671-2.641-1.764-1.733-2.685-4.308-2.685-7.815%200-3.508.902-6.061%202.623-7.751%201.769-1.699%204.321-2.583%207.733-2.583s5.94.904%207.668%202.637Z'/%3e%3cpath%20fill='%23414141'%20fill-rule='evenodd'%20d='M164.983%20195.635C139.318%20200.686%20123%20208.27%20123%20216.748c0%2015.21%2052.521%2027.54%20117.31%2027.54s117.31-12.33%20117.31-27.54c0-8.196-15.251-15.556-39.454-20.601v2.086c11.069%203.496%2017.577%207.77%2017.577%2012.385%200%2011.824-42.725%2021.41-95.43%2021.41-52.704%200-95.43-9.586-95.43-21.41%200-4.955%207.504-9.518%2020.1-13.146v-1.837Z'%20clip-rule='evenodd'/%3e%3c/svg%3e" loading="eager" alt="Money-back trial banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-the-30day-moneyback-trial" id="what-is-the-30day-moneyback-trial"  class="svelte-f0pxdy"> <label for="what-is-the-30day-moneyback-trial" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is the 30-day money-back trial?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              Every vehicle is a little different and the experience can be hard to describe which is why we offer this trial. If you don’t love the comma four, you can return it for a refund–no questions asked. All refunds must be initiated through <a href="https://comma.ai/returns">comma.ai/returns</a> within 30 calendar days of receiving your order.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="when-does-the-30day-moneyback-trial-start" id="when-does-the-30day-moneyback-trial-start"  class="svelte-f0pxdy"> <label for="when-does-the-30day-moneyback-trial-start" class="svelte-f0pxdy"><div slot="label" class="label"><span>When does the 30-day money-back trial start?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            The 30-day money-back trial starts the day your comma four is delivered (signature confirmation required for delivery). If you do decide to return your device, we ask that you get the return device in the mail within 30 days of receiving it.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-return-my-comma-four" id="how-do-i-return-my-comma-four"  class="svelte-f0pxdy"> <label for="how-do-i-return-my-comma-four" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I return my comma four?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            To return your device, please request a return at <a href="https://comma.ai/returns">comma.ai/returns</a>. A prepaid return label (or return instructions if not in the US) will be automatically sent to you. $9.99 will be deducted from your refund if you choose to use this label.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="are-international-orders-eligible-for-the-trial" id="are-international-orders-eligible-for-the-trial"  class="svelte-f0pxdy"> <label for="are-international-orders-eligible-for-the-trial" class="svelte-f0pxdy"><div slot="label" class="label"><span>Are international orders eligible for the trial?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              Yes. We ask that you get your return device in the mail within 30 days of receiving it.
+            </p>
+            <p>
+              The buyer is responsible for international shipping costs to return a device. Please use tracking and insurance as we are not responsible for lost or stolen packages. Return information is provided by email after initiating a return at <a href="https://comma.ai/returns">comma.ai/returns</a>.
+            </p>
+           </div></div> </div> <hr></div> </div></div> </section>
+{{< /body.inline >}}
diff --git a/content/shop/comma-power-extender.md b/content/shop/comma-power-extender.md
new file mode 100644
index 00000000..cc9b7ef5
--- /dev/null
+++ b/content/shop/comma-power-extender.md
@@ -0,0 +1,4 @@
+---
+title: "comma power extender — comma shop"
+js: product
+---
diff --git a/content/shop/comma-power.md b/content/shop/comma-power.md
new file mode 100644
index 00000000..dc08c70a
--- /dev/null
+++ b/content/shop/comma-power.md
@@ -0,0 +1,4 @@
+---
+title: "comma power — comma shop"
+js: product
+---
diff --git a/content/shop/comma-prime-sim.md b/content/shop/comma-prime-sim.md
new file mode 100644
index 00000000..c862a650
--- /dev/null
+++ b/content/shop/comma-prime-sim.md
@@ -0,0 +1,4 @@
+---
+title: "comma prime SIM — comma shop"
+js: product
+---
diff --git a/content/shop/harness-box.md b/content/shop/harness-box.md
new file mode 100644
index 00000000..cb59d678
--- /dev/null
+++ b/content/shop/harness-box.md
@@ -0,0 +1,4 @@
+---
+title: "harness box — comma shop"
+js: product
+---
diff --git a/content/shop/harness-connector.md b/content/shop/harness-connector.md
new file mode 100644
index 00000000..2663d4e5
--- /dev/null
+++ b/content/shop/harness-connector.md
@@ -0,0 +1,4 @@
+---
+title: "harness connector — comma shop"
+js: product
+---
diff --git a/content/shop/obd-c-cable.md b/content/shop/obd-c-cable.md
new file mode 100644
index 00000000..a1d34bb5
--- /dev/null
+++ b/content/shop/obd-c-cable.md
@@ -0,0 +1,4 @@
+---
+title: "OBD-C cable — comma shop"
+js: product
+---
diff --git a/content/shop/panda-jungle.md b/content/shop/panda-jungle.md
new file mode 100644
index 00000000..a8597c59
--- /dev/null
+++ b/content/shop/panda-jungle.md
@@ -0,0 +1,4 @@
+---
+title: "panda jungle v2 — comma shop"
+js: product
+---
diff --git a/content/shop/panda-paw.md b/content/shop/panda-paw.md
new file mode 100644
index 00000000..8c42e0e6
--- /dev/null
+++ b/content/shop/panda-paw.md
@@ -0,0 +1,4 @@
+---
+title: "panda paw — comma shop"
+js: product
+---
diff --git a/content/shop/panda.md b/content/shop/panda.md
new file mode 100644
index 00000000..c1c33c0d
--- /dev/null
+++ b/content/shop/panda.md
@@ -0,0 +1,4 @@
+---
+title: "panda — comma shop"
+js: product
+---
diff --git a/content/shop/replacement-mounts.md b/content/shop/replacement-mounts.md
new file mode 100644
index 00000000..0abbfd67
--- /dev/null
+++ b/content/shop/replacement-mounts.md
@@ -0,0 +1,4 @@
+---
+title: "replacement mounts — comma shop"
+js: product
+---
diff --git a/content/support.html b/content/support.html
new file mode 100644
index 00000000..68112452
--- /dev/null
+++ b/content/support.html
@@ -0,0 +1,5 @@
+---
+title: comma.ai — make driving chill
+js: support
+---
+{{< body.inline >}}{{ $faq := site.Data.faq }}<section class="light svelte-1i4ufcs" id="support"><div class="container"> <h1>comma support</h1> <div class="faq-sections svelte-1i4ufcs"><div class="faq-section svelte-1i4ufcs"> {{ range $i, $q := $faq.supportFaqs.needSupport.questions }}<div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="support-q-{{ $i }}" id="support-q-{{ $i }}"  class="svelte-f0pxdy"> <label for="support-q-{{ $i }}" class="svelte-f0pxdy"><div slot="label" class="label svelte-1i4ufcs"><span>{{ replace (replace $q.question "&" "&amp;") "<" "&lt;" | safeHTML }}</span> </div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="details svelte-1i4ufcs" slot="content">{{ $q.answer | safeHTML }} </div></div> </div> <hr class="svelte-1i4ufcs">{{ end }} </div></div></div></section> <section class="light svelte-1i4ufcs" id="faq"><div class="container"><h1>FAQs</h1> {{ range $faq.order }}<div class="faq-card">{{ partial "faq.html" (dict "topic" (index $faq.topics .)) }}</div>{{ end }}</div> </section>{{< /body.inline >}}
diff --git a/content/terms.html b/content/terms.html
new file mode 100644
index 00000000..e70b9cee
--- /dev/null
+++ b/content/terms.html
@@ -0,0 +1,52 @@
+---
+title: comma.ai — make driving chill
+---
+{{< body.inline >}}<section class="light" id="terms"><div class="container"><h1 class="svelte-1sy2yfk">Terms &amp; Privacy</h1> <div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: minmax(180px, 0.5fr) 1fr; --lg-column-gap: 3rem; --lg-template-columns: minmax(180px, 0.5fr) 1fr;"><div class="links svelte-1sy2yfk"><a href="#terms">Terms and Conditions</a> <a href="#privacy">Privacy Policy</a></div> <div class="terms"><h2 class="svelte-1sy2yfk">openpilot Terms and Conditions</h2> <p class="svelte-1sy2yfk">Last Updated on October 12, 2022</p> <p class="svelte-1sy2yfk">Welcome to the Comma.ai, Inc. website. Access to, and use of, this website and the information contained in this website are subject to the terms and conditions listed below (“Terms and Conditions”).
+          The Information and any trade secrets or know-how it contains remain the exclusive property of Comma.ai, Inc.
+          Comma.ai, Inc grants no license to you pursuant to any copyright, patent, trademark, or trade secret rights.
+          Please read these Terms of Use (“Terms”) carefully before using openpilot which is open-sourced software developed by Comma.ai, Inc., a corporation organized under the laws of Delaware (“comma,” “us,” “we,” or “our”).</p> <p class="svelte-1sy2yfk">Before using and by accessing openpilot, you indicate that you have read, understood, and agree to these Terms.
+          These Terms apply to all users and others who access or use openpilot.
+          If others use openpilot through your user account or vehicle, you are responsible to ensure that they only use openpilot when it is safe to do so, and in compliance with these Terms and with applicable law.
+          If you disagree with any part of the Terms, you should not access or use openpilot.</p> <h3 class="svelte-1sy2yfk">Communications</h3> <p class="svelte-1sy2yfk">You agree that comma may contact you by email or telephone in connection with openpilot or for other business purposes.
+          You may opt out of receiving email messages at any time by contacting us at support@comma.ai.</p> <p class="svelte-1sy2yfk">We collect, use, and share information from and about you and your vehicle in connection with openpilot.
+          You consent to comma accessing the systems associated with openpilot, without additional notice or consent, for the purposes of providing openpilot, data collection, software updates, safety and cybersecurity, suspension or removal of your account, and as disclosed in the Privacy Policy
+          (available at <a href="https://comma.ai/privacy" class="highlight">https://comma.ai/privacy</a>).</p> <h3 class="svelte-1sy2yfk">Safety</h3> <p class="svelte-1sy2yfk">openpilot performs the functions of Adaptive Cruise Control (ACC) and Lane Keeping Assist System (LKAS) designed for use in compatible motor vehicles.
+          While using openpilot, it is your responsibility to obey all laws, traffic rules, and traffic regulations governing your vehicle and its operation.
+          Access to and use of openpilot is at your own risk and responsibility, and openpilot should be accessed and/or used only when you can do so safely.</p> <p class="svelte-1sy2yfk">openpilot does not make your vehicle “autonomous” or capable of operation without the active monitoring of a licensed driver.
+          It is designed to assist a licensed driver.
+          A licensed driver must pay attention to the road, remain aware of navigation at all times, and be prepared to take immediate action.
+          Failure to do so can cause damage, injury, or death.</p> <h3 class="svelte-1sy2yfk">Supported Locations and Models</h3> <p class="svelte-1sy2yfk">openpilot is compatible only with particular makes and models of vehicles.
+          For a complete list of currently supported vehicles, visit https://comma.ai.
+          openpilot will not function properly when installed in an incompatible vehicle.
+          openpilot is compatible only within the geographical boundaries of the United States of America.</p> <h3 class="svelte-1sy2yfk">Indemnification</h3> <p class="svelte-1sy2yfk"><strong>To the maximum extent allowable by law, you agree to defend, indemnify and hold harmless comma, and its employees, partners, suppliers, contractors, investors, agents, officers, directors, and affiliates, from and against any and all claims, damages, causes of action, penalties, interest, demands, obligations, losses, liabilities, costs or debt, additional taxes, and expenses (including but not limited to attorneys’ fees), resulting from or arising out of (i) your use and access of, or inability to use or access, openpilot, (ii) your breach of these Terms, (iii) the inaccuracy of any information, representation or warranty made by you, (iv) activities of anyone other than you in connection with openpilot conducted through your comma device or account, (v) any other of your activities under or in connection with these Terms or openpilot.</strong></p> <h3 class="svelte-1sy2yfk">Limitation of Liability</h3> <p class="svelte-1sy2yfk">In no event shall comma, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from (i) your access to or use of or inability to access or use of the Software; or (ii) any conduct or content of any third party on the Software whether based on warranty, contract, tort (including negligence) or any other legal theory, whether or not we have been informed of the possibility of such damage, and even if a remedy set forth herein is found to have failed of its essential purpose.</p> <h3 class="svelte-1sy2yfk">No Warranty or Obligations to Maintain or Service</h3> <p class="svelte-1sy2yfk">comma provides openpilot without representations, conditions, or warranties of any kind.
+          openpilot is provided on an “AS IS” and “AS AVAILABLE” basis, including with all faults and errors as may occur.
+          To the extent permitted by law and unless prohibited by law, comma on behalf of itself and all persons and parties acting by, through, or for comma, explicitly disclaims all warranties or conditions, express, implied, or collateral, including any implied warranties of merchantability, satisfactory quality, and fitness for a particular purpose in respect of openpilot.</p> <p class="svelte-1sy2yfk">To the extent permitted by law, comma does not warrant the operation, performance, or availability of openpilot under all conditions.
+          comma is not responsible for any failures caused by server errors, misdirected or redirected transmissions, failed internet connections, interruptions or failures in the transmission of data, any computer virus, or any acts or omissions of third parties that damage the network or impair wireless service.</p> <p class="svelte-1sy2yfk">We undertake reasonable measures to preserve and secure information collected through our openpilot.
+          However, no data collection, transmission or storage system is 100% secure, and there is always a risk that your information may be intercepted without our consent.
+          <em>In using openpilot, you acknowledge that comma is not responsible for intercepted information, and you hereby release us from any and all claims arising out of or related to the use of intercepted information in any unauthorized manner.</em></p> <p class="svelte-1sy2yfk">By providing openpilot, comma does not transfer or license its intellectual property or grant rights in its brand names, nor does comma make representations with respect to third-party intellectual property rights.</p> <p class="svelte-1sy2yfk">We are not obligated to provide any maintenance or support for openpilot, technical or otherwise.
+          If we voluntarily provide any maintenance or support for openpilot, we may stop any such maintenance, support, or services at any time in our sole discretion.</p> <h3 class="svelte-1sy2yfk">Modification of Software</h3> <p class="svelte-1sy2yfk">In no event shall comma, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable if you choose to modify the software.</p> <h3 class="svelte-1sy2yfk">Changes</h3> <p class="svelte-1sy2yfk">We reserve the right, at our sole discretion, to modify or replace these Terms at any time.
+          If a revision is material we will provide at least 15 days’ notice prior to any new terms taking effect.
+          What constitutes a material change will be determined at our sole discretion.</p> <p class="svelte-1sy2yfk">By continuing to access or use our Software after any revisions become effective, you agree to be bound by the revised terms.
+          If you do not agree to the new terms, you are no longer authorized to use the Software.</p> <h3 class="svelte-1sy2yfk">Contact Us</h3> <p class="svelte-1sy2yfk">If you have any questions about these Terms, please contact us at support@comma.ai.</p></div> <hr> <div id="privacy"><h2 class="svelte-1sy2yfk">openpilot Privacy Policy</h2> <p class="svelte-1sy2yfk">This Privacy Policy explains our policies and practices regarding how data may be collected, stored, used, transferred, shared or sold by Comma.ai, Inc. for openpilot.
+          Comma.ai, Inc. (“comma,” “we,” or “us”) is a corporation organized under the laws of the state of Delaware.
+          This Privacy Policy applies to openpilot, which is software developed by comma.</p> <p class="svelte-1sy2yfk"><strong>Before using and by accessing openpilot, you indicate that you have read, understood this Privacy Policy and our Terms of Service</strong>
+          (available at <a href="https://comma.ai/terms" class="highlight">https://comma.ai/terms</a>),
+          and that you agree to our collection, storage, use, disclosure, and sale of your personal information as described in this Privacy Policy and our Terms of Service.
+          You should not use openpilot if you do not agree with these terms and conditions.</p> <p class="svelte-1sy2yfk">We may modify this Privacy Policy from time to time without notice.
+          If you object to any changes to the Privacy Policy, you may stop using openpilot.
+          Your continued use of openpilot will constitute your acceptance of any changes or revisions to the Privacy Policy.</p> <h3 class="svelte-1sy2yfk">A. Type of Information We Collect</h3> <p class="svelte-1sy2yfk">By using openpilot, you agree that comma owns all data that is conveyed to us by use of the service and that we may use it any way, and alter it in any way, at our sole discretion.
+          We may collect your personal information, such as your name, phone number, and email address, as well as other information you provide to us.
+          Personally-identifiable information or any information or combination of information that both relates to you and can be used to identify you (“Personal Information”) may be collected when you consent to that collection by providing such information on a voluntary basis.
+          openpilot connects to a vehicle’s CAN bus, and it receives and generates data about the vehicle’s use, operation, and performance, including but not limited to geolocation of the vehicle, trip durations and routes, parking locations of your vehicle, braking, and acceleration.</p> <p class="svelte-1sy2yfk">openpilot uses driver monitoring software that watches the driver and tracks his or her head and eyes, ensuring he or she is monitoring the driving environment.
+          We may collect video from the driver monitoring feed only if you opt in through the settings of openpilot.
+          You should notify those who use or occupy your vehicle while openpilot is engaged.</p> <h3 class="svelte-1sy2yfk">B. How We Use The Information We Collect</h3> <p class="svelte-1sy2yfk">We use data collected through openpilot to complete transactions with you; to provide, analyze, and improve the performance and security of openpilot; to improve or modify other existing products and services; and/or to develop new products and services.
+          We may share personal information with service providers and business partners, or with other third parties.</p> <p class="svelte-1sy2yfk">We may also share information collected through openpilot to comply with a legal obligation, when we believe in good faith that the law requires it, in response to a lawful request by government authorities, or in other circumstances in which sharing such information may be required by law.
+          Unless you have opted out of receiving materials or notifications from us, we may periodically use your email address to send you such materials and notifications.
+          If you want to stop receiving such materials and notifications from us, you can contact us at the information below to alert us to your preference.
+          In addition, you can opt out of, or unsubscribe from, receipt of such emails at any time by following the instructions contained in those emails.</p> <h3 class="svelte-1sy2yfk">C. How You Can Access Your Information</h3> <p class="svelte-1sy2yfk">You have options regarding certain information provided for use with openpilot, as described in this policy.
+          You may decline to share the driver monitoring camera recording with us.
+          Your privacy profile settings are accessible via the settings button in openpilot.
+          You can review and update your personal information by contacting us at the email address provided below.</p> <h3 class="svelte-1sy2yfk">D. Changes to This Policy</h3> <p class="svelte-1sy2yfk">We will occasionally update this Privacy Policy to reflect changes in our practices and Software.
+          When we post changes to this Privacy Policy, we will revise the “Last Updated” date at the top of this Privacy Policy.
+          If we make any material changes in the way we collect, use, and/or share your personal information, we will notify you by sending an email to the email address you most recently provided us, unless we do not have such an email address, and/or by prominently posting notice of the changes on our website.
+          We recommend that you check our web site from time to time to inform yourself of any changes in this Privacy Policy or any of our other policies.</p> <h3 class="svelte-1sy2yfk">E. Contact Information</h3> <p class="svelte-1sy2yfk">If you have any questions about this Policy, please contact us at support@comma.ai.</p></div> </div></div> </section>{{< /body.inline >}}
diff --git a/content/vehicles.html b/content/vehicles.html
new file mode 100644
index 00000000..4a41b603
--- /dev/null
+++ b/content/vehicles.html
@@ -0,0 +1,279 @@
+---
+title: comma.ai — make driving chill
+js: vehicles
+---
+{{< body.inline >}}{{- /* Brand order must match the JSON document order (Object.entries parity); Hugo maps sort keys, so recover order from the raw file. */ -}}
+{{- $rawJSON := os.ReadFile "data/vehicles.json" -}}
+{{- $brands := slice -}}
+{{- range findRE `(?m)^  "[^"]+": \[` $rawJSON -}}{{- $brands = $brands | append (strings.TrimSuffix "\": [" (strings.TrimPrefix "  \"" .)) -}}{{- end -}}
+{{- $vehicles := site.Data.vehicles -}}
+{{- $total := 0 -}}{{- range $brands -}}{{- $total = add $total (len (index $vehicles .)) -}}{{- end -}}
+{{- $vehicleCountText := printf "%d+" (int (mul (math.Round (div (float $total) 25)) 25)) -}}
+<div class="vehicles-cover-image svelte-1nborgx"></div> <section id="vehicles" class="light svelte-1nborgx"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 4rem; --row-gap: 2rem; --wrapped-columns: 1; --template-columns: 1.25fr 1fr; --lg-column-gap: 4rem; --lg-template-columns: 1.25fr 1fr;"><div class="title">openpilot supports {{ $vehicleCountText | safeHTML }} vehicles</div> <div class="description">A supported vehicle is one that just works when you install a comma four.
+        All supported cars provide a better experience than any stock system.
+        Supported vehicles reference the US market unless otherwise specified.</div> </div> <div class="compatibility-make-links"> {{ range $brand := $brands }}{{ $cars := index $vehicles $brand }}{{ if ne (len $cars) 0 }}<div class="compatibility-make-element"><a {{ printf `href="#%s"` (lower $brand) | safeHTMLAttr }} class="compatibility-make-anchor-link">{{ if fileExists (printf "static/img/vehicles/brand-icons/Logo-%s.png" $brand) }}<picture><source {{ printf `srcset="/img/vehicles/brand-icons/Logo-%s.avif"` $brand | safeHTMLAttr }} type="image/avif"><source {{ printf `srcset="/img/vehicles/brand-icons/Logo-%s.webp"` $brand | safeHTMLAttr }} type="image/webp"> <img {{ printf `src="/img/vehicles/brand-icons/Logo-%s.png"` $brand | safeHTMLAttr }} loading="eager" alt="{{ $brand }} car brand"> </picture>{{ end }}</a> <div class="compatibility-make-name">{{ $brand }}</div> </div> {{ end }}{{ end }}</div> <hgroup class="headline"><span>Don&#39;t see your car?</span> <p>If you don&#39;t see your car, it&#39;s not currently supported, however new cars are added with each openpilot release.</p> <p><a href="#mailing-list" class="highlight">Join the mailing list</a> to stay updated.</p> <br> <p>If you have a modern car and some programming skills, you can likely add support for your car.</p> <p>Watch
+        <a href="https://youtu.be/XxPS5TpTUnI" class="highlight">this talk</a>
+        and check out the
+        <a href="https://github.com/commaai/openpilot/blob/master/docs/CARS.md#dont-see-your-car-here" class="highlight">docs</a>
+        to learn more.</p></hgroup> <p class="last-updated svelte-1nborgx">Last updated: {{ site.Data.compatibility_meta.last_updated }}</p> <div class="recommended-cars svelte-1nborgx"><hgroup><span>Our favorite openpilot cars</span> <p>Generally, newer Hyundai and Toyota models are great choices. These are some of our favorites:</p></hgroup> <div class="recommended-car-columns"><div class="grid svelte-7tyzqm   large" style="--columns: 4; --align-items: flex-start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="recommended-car-stack"><strong>EV</strong> <div>Kia EV6</div> <div>Hyundai Ioniq 5</div> <div>Toyota Prius 2021–22</div></div> <div class="recommended-car-stack"><strong>SUV</strong> <div>Toyota Highlander 2020–23</div> <div>Hyundai Palisade 2020–22</div></div> <div class="recommended-car-stack"><strong>Sedan</strong> <div>Toyota Corolla 2020–22</div> <div>Hyundai Sonata 2020–23</div></div> <div class="recommended-car-stack"><strong>Truck</strong> <div>Ram 1500 2019–24</div> <div>Chevrolet Silverado 1500 2020–⁠21</div></div> </div></div></div></div></section> <section class="light svelte-1nborgx" id="compatibility-chart"><div class="container" style="width:85%; max-width: 60rem"> {{ range $brand := $brands }}{{ $cars := index $vehicles $brand }}{{ if ne (len $cars) 0 }}<div id="{{ lower $brand }}" class="car-make-header svelte-1nborgx">{{ if fileExists (printf "static/img/vehicles/brand-icons/Logo-%s.png" $brand) }}<picture><source {{ printf `srcset="/img/vehicles/brand-icons/Logo-%s.avif"` $brand | safeHTMLAttr }} type="image/avif"><source {{ printf `srcset="/img/vehicles/brand-icons/Logo-%s.webp"` $brand | safeHTMLAttr }} type="image/webp"> <img {{ printf `src="/img/vehicles/brand-icons/Logo-%s.png"` $brand | safeHTMLAttr }} alt="{{ $brand }} car brand"> </picture>{{ end }} <h3>{{ $brand }} <span class="muted">({{ len $cars }})</span></h3></div> {{ range $cars }}{{ $id := printf "car-%s" (replace (replaceRE `[^a-z0-9_\s-]` "" (lower .name)) " " "-") }}<div class="car-row svelte-1nborgx"><div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: var(--color-card-background);"><input type="checkbox" name="{{ $id }}" id="{{ $id }}"  class="svelte-f0pxdy"> <label for="{{ $id }}" class="svelte-f0pxdy"><div slot="label"><div class="car-details-wrapper svelte-1nborgx"><div class="car-details"><div class="model"><strong>{{ .model }}</strong></div> <div class="year">{{ .year_list }}</div></div> <div class="video-icon-wrapper">{{ if ne .video "" }}<a {{ printf `href="%s"` .video | safeHTMLAttr }} target="_blank">{{ partial "icon.html" "social/youtube.svg" }}</a>{{ end }} </div></div> </div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="detail-content svelte-1nborgx" slot="content"><div class="car-detail-content-wrapper svelte-1nborgx"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 2rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 3fr 2fr; --lg-column-gap: 2rem; --lg-template-columns: 3fr 2fr;"><div><div class="car-detail-tier svelte-1nborgx">{{ .detail_sentence | safeHTML }}</div> <div class="cards svelte-1nborgx"><div class="card svelte-1328bir elevated"><div class="icon-slot"> {{ partial "icon.html" "features/car.svg" }} </div> <hgroup><span>Support</span> {{ if ne .package "All" }}<div>openpilot requires the car to come equipped with <b>{{ .package | htmlEscape | safeHTML }}</b>. </div>{{ else }}<div>openpilot will work with <b>all packages and trims</b> of this car. </div>{{ end }}</hgroup> </div> {{ range .footnotes }}<div class="card svelte-1328bir elevated"><div class="icon-slot"> {{ partial "icon.html" "ui/info.svg" }} </div> <hgroup><span>Note</span> <div>{{ . | safeHTML }} </div></hgroup> </div> {{ end }} </div></div> <div class="device-promotion-card svelte-1nborgx"><div class="product-wrapper"><picture><source srcset="/img/products/comma-four/four_screen_on.avif" type="image/avif"><source srcset="/img/products/comma-four/four_screen_on.webp" type="image/webp"> <img src="/img/products/comma-four/four_screen_on.png" loading="lazy" alt="comma four device"></picture> <hgroup><strong>comma four</strong> <div class="understated-price">$999</div> {{ if ne .harness_connector "" }}<strong>car harness: {{ .harness_connector }}</strong> <div class="understated-price">included</div> {{ end }}</hgroup></div> <a {{ printf `href="/shop/comma-four?harness=%s"` .name | safeHTMLAttr }} target="_self" class="svelte-slt5la primary   full-width thin">Buy now
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a> <div class="description"><strong>30-day money-back trial</strong> <div>Don&#39;t love it? It&#39;s easy to return your device within <strong>30 days</strong> after receiving it for a full refund.</div> </div></div>  </div></div> </div></div> </div> </div> {{ end }}{{ end }}{{ end }}</div></section> <section class="light svelte-1nborgx" id="faq"><div class="container"><div><div class="header svelte-1olhv4k" id="openpilot-faq"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>openpilot FAQ</h1> <div class="mobile-first"><picture><img src="/img/faq/openpilot.svg" loading="eager" alt="openpilot FAQ banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-openpilot" id="what-is-openpilot"  class="svelte-f0pxdy"> <label for="what-is-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              comma openpilot is an open source driver-assistance system. Currently,
+              openpilot performs the functions of Adaptive Cruise Control (ACC) and
+              Automated Lane Centering (ALC) for compatible vehicles. It performs
+              similarly to Tesla Autopilot and GM Super Cruise. openpilot can steer,
+              accelerate, and brake automatically for other vehicles within its lane.
+              Check it out on <a href="https://github.com/commaai/openpilot" target="_blank">GitHub</a>.
+            </p>
+            <p>
+              In order to enforce driver alertness, openpilot includes a camera based
+              Driver Monitoring (DM) system that alerts the driver when distracted or
+              asleep. However, even with an attentive driver, we must make further efforts
+              for the system to be safe. We have designed openpilot with two other safety
+              considerations:
+            </p>
+            <ol>
+              <li>The driver must always be capable to immediately retake manual control of
+              the vehicle, by stepping on either pedal or by pressing the cancel button.</li>
+              <li>The vehicle must not alter its trajectory too quickly for the driver to
+              safely react. This means that while the system is engaged, the actuators are
+              constrained to operate within reasonable limits.</li>
+            </ol>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-does-openpilot-work" id="how-does-openpilot-work"  class="svelte-f0pxdy"> <label for="how-does-openpilot-work" class="svelte-f0pxdy"><div slot="label" class="label"><span>How does openpilot work?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            openpilot works by connecting to your car's CAN network. Most modern cars
+            accept electronic steering, gas, and brake commands to allow for driver assistance
+            features. openpilot can use these commands to provide much better driver assistance
+            features than the car manufacturers can provide.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="is-my-car-compatible-with-openpilot" id="is-my-car-compatible-with-openpilot"  class="svelte-f0pxdy"> <label for="is-my-car-compatible-with-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>Is my car compatible with openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            A complete list of compatible vehicles can be found on our
+            <a href="/vehicles">Compatibility page</a>.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-should-i-buy-to-run-openpilot-in-my-car" id="what-should-i-buy-to-run-openpilot-in-my-car"  class="svelte-f0pxdy"> <label for="what-should-i-buy-to-run-openpilot-in-my-car" class="svelte-f0pxdy"><div slot="label" class="label"><span>What should I buy to run openpilot in my car?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            After verifying that your car is compatible, we recommend purchasing a comma
+            device in our <a href="/shop">shop</a>. Don't forget to purchase a
+            car harness to connect it to your vehicle. Add to cart, check out, and
+            you’re good to go!
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-i-have-to-pay-attention" id="do-i-have-to-pay-attention"  class="svelte-f0pxdy"> <label for="do-i-have-to-pay-attention" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do I have to pay attention?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Yes, the driver must always be able to immediately retake manual control of
+            the vehicle, by stepping on the brake pedal or by pressing the cancel
+            button. When openpilot is engaged, a driver monitoring system actively
+            tracks driver awareness to help prevent distractions. The openpilot system
+            disengages if you are distracted. Drivers must keep their eyes on the road
+            at all times and be ready to take control of the car.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-the-openpilot-safety-model" id="what-is-the-openpilot-safety-model"  class="svelte-f0pxdy"> <label for="what-is-the-openpilot-safety-model" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is the openpilot safety model?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            More info about the openpilot safety model can be found
+            <a href="https://github.com/commaai/openpilot/blob/master/docs/SAFETY.md">here</a>.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-are-the-limitations-of-openpilot-automated-lane-centering" id="what-are-the-limitations-of-openpilot-automated-lane-centering"  class="svelte-f0pxdy"> <label for="what-are-the-limitations-of-openpilot-automated-lane-centering" class="svelte-f0pxdy"><div slot="label" class="label"><span>What are the limitations of openpilot Automated Lane Centering?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              openpilot Automated Lane Centering (ALC) system does not automatically drive
+              the vehicle or reduce the amount of attention that must be paid to the area
+              in front of the vehicle. The driver must always keep control of the steering
+              wheel and be ready to correct the ALC system action at all times.
+            </p>
+            <p>
+              Many factors can impact the performance of openpilot ALC, causing it to be
+              unable to function as intended. These include, but are not limited to:
+            </p>
+            <ul>
+              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
+              interfering with sensor operation.</li>
+              <li>The road facing camera is obstructed, covered or damaged by mud, ice,
+              snow, etc.</li>
+              <li>Obstruction caused by applying excessive paint or adhesive products (such
+              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
+              <li>The device is mounted incorrectly.</li>
+              <li>When in sharp curves, like on-off ramps, intersections etc...; openpilot
+              is designed to be limited in the amount of steering torque it can produce.</li>
+              <li>In the presence of restricted lanes or construction zones.</li>
+              <li>When driving on highly banked roads or in presence of strong cross-wind.</li>
+              <li>Extremely hot or cold temperatures.</li>
+              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
+              <li>Driving on hills, narrow, or winding roads.</li>
+            </ul>
+            <p>
+              The list above does not represent an exhaustive list of situations that may
+              interfere with proper operation of openpilot components. It is the driver's
+              responsibility to be in control of the vehicle at all times.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-are-the-limitations-of-openpilot-adaptive-cruise-control" id="what-are-the-limitations-of-openpilot-adaptive-cruise-control"  class="svelte-f0pxdy"> <label for="what-are-the-limitations-of-openpilot-adaptive-cruise-control" class="svelte-f0pxdy"><div slot="label" class="label"><span>What are the limitations of openpilot Adaptive Cruise Control?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              openpilot Adaptive Cruise Control (ACC) is not a system that allows careless
+              or inattentive driving. It is still necessary for the driver to pay close
+              attention to the vehicle’s surroundings and to be ready to re-take control
+              of the gas and the brake at all times.
+            </p>
+            <p>
+              Many factors can impact the performance of openpilot ACC, causing it to be
+              unable to function as intended. These include, but are not limited to:
+            </p>
+            <ul>
+              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
+              interfering with sensor operation.</li>
+              <li>The road facing camera or radar are obstructed, covered, or damaged by
+              mud, ice, snow, etc.</li>
+              <li>Obstruction caused by applying excessive paint or adhesive products (such
+              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
+              <li>The device is mounted incorrectly.</li>
+              <li>Approaching a toll booth.</li>
+              <li>When driving on roads with pedestrians, cyclists, etc...</li>
+              <li>In presence of traffic signs or stop lights, which are not detected by
+              openpilot at this time.</li>
+              <li>
+                When the posted speed limit is below the user selected set speed.
+                openpilot does not detect speed limits at this time.
+              </li>
+              <li>In presence of vehicles in the same lane that are not moving.</li>
+              <li>
+                When abrupt braking maneuvers are required. openpilot is designed to be
+                limited in the amount of deceleration and acceleration that it can produce.
+              </li>
+              <li>When surrounding vehicles perform close cut-ins from neighbor lanes.</li>
+              <li>Driving on hills, narrow, or winding roads.</li>
+              <li>Extremely hot or cold temperatures.</li>
+              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
+              <li>Interference from other equipment that generates ultrasonic waves.</li>
+            </ul>
+            <p>
+              The list above does not represent an exhaustive list of situations that may
+              interfere with proper operation of openpilot components. It is the driver's
+              responsibility to be in control of the vehicle at all times.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="do-i-retain-my-car-factory-safety-features-with-openpilot-installed" id="do-i-retain-my-car-factory-safety-features-with-openpilot-installed"  class="svelte-f0pxdy"> <label for="do-i-retain-my-car-factory-safety-features-with-openpilot-installed" class="svelte-f0pxdy"><div slot="label" class="label"><span>Do I retain my car factory safety features with openpilot installed?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              When openpilot is enabled in settings, Lane Keep Assist (LKAS), and
+              Automated Lane Centering (ALC) are replaced by openpilot lateral control and
+              only function when openpilot is engaged. Lane Departure Warning (LDW) works
+              whether engaged or disengaged.
+            </p>
+            <p>
+              On certain cars, Adaptive Cruise Control (ACC) is replaced by openpilot
+              longitudinal control.
+            </p>
+            <p>
+              openpilot preserves any other vehicle safety features, including, but are
+              not limited to: AEB, auto high-beam, blind spot warning, and side collision
+              warning.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting" id="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting"  class="svelte-f0pxdy"> <label for="does-openpilot-support-manual-transmission-cars-with-the-driver-shifting" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot support manual transmission cars (with the driver shifting)?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            On certain cars, manual transmissions are supported if they have the packages
+            listed in the compatibility table. If you’d like to learn more, join us on
+            <a href="https://discord.comma.ai/">Discord</a>, where some of our members are supporting
+            manual cars.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-does-openpilot-recognize-the-car-model-it-is-connected-to" id="how-does-openpilot-recognize-the-car-model-it-is-connected-to"  class="svelte-f0pxdy"> <label for="how-does-openpilot-recognize-the-car-model-it-is-connected-to" class="svelte-f0pxdy"><div slot="label" class="label"><span>How does openpilot recognize the car model it is connected to?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              If your car is on the list of supported cars, openpilot will automatically
+              recognize the model of your car by performing a scan of relevant ECU
+              firmware versions present in your car. The presence of certain ECU firmware
+              versions is an indication of the model year, car brand, car model, and trim.
+            </p>
+            <p>
+              If your car isn’t recognized as supported, your device will fall back to a
+              dashcam only mode, preserving the stock functionalities and the user will
+              receive a notification on the screen.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-update-openpilot" id="how-do-i-update-openpilot"  class="svelte-f0pxdy"> <label for="how-do-i-update-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I update openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            All software updates are received over-the-air (OTA). openpilot will
+            automatically check for updates when connected to the internet. Your device
+            will notify you on the screen when an update is available and prompt you to
+            reboot the device to complete the update. You may also manually check for
+            updates in the settings, under the "software" tab.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="will-all-versions-of-openpilot-work-with-my-comma-device" id="will-all-versions-of-openpilot-work-with-my-comma-device"  class="svelte-f0pxdy"> <label for="will-all-versions-of-openpilot-work-with-my-comma-device" class="svelte-f0pxdy"><div slot="label" class="label"><span>Will all versions of openpilot work with my comma device?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              The comma 3X can only run openpilot 0.9.4 and above. Running earlier versions
+              requires making modifications to the software so that a newer AGNOS is installed.
+            </p>
+            <p>
+              If you face issues after installing an older version of openpilot, you can
+              re-flash AGNOS on your device by following the instructions at
+              <a href="https://flash.comma.ai">flash.comma.ai</a>.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-work-at-all-speeds" id="does-openpilot-work-at-all-speeds"  class="svelte-f0pxdy"> <label for="does-openpilot-work-at-all-speeds" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot work at all speeds?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Supported speeds vary depending on the car. Please reference the supported
+            car list for vehicle specific speed limitations. Maximum speed is the same
+            as the maximum speed that stock ACC can be set to (car dependent) with a
+            hard limit at ~92mph.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="does-openpilot-work-outside-of-the-united-states-of-america" id="does-openpilot-work-outside-of-the-united-states-of-america"  class="svelte-f0pxdy"> <label for="does-openpilot-work-outside-of-the-united-states-of-america" class="svelte-f0pxdy"><div slot="label" class="label"><span>Does openpilot work outside of the United States of America?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Yes, openpilot is not region locked and can be used in any country. You are
+            responsible for complying with local laws and regulations.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="what-is-a-fingerprint" id="what-is-a-fingerprint"  class="svelte-f0pxdy"> <label for="what-is-a-fingerprint" class="svelte-f0pxdy"><div slot="label" class="label"><span>What is a fingerprint?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            <p>
+              A fingerprint is the method openpilot uses to determine which vehicle it is
+              connected to.
+            </p>
+            <p>
+              Current methods use vehicle ECU firmware logging. openpilot will fingerprint
+              the vehicle on each start up.
+            </p>
+            <p>
+              If openpilot detects a firmware version not previously logged, it will need
+              to be added to the codebase. Guides on adding new firmware can be found
+              <a href="https://github.com/commaai/openpilot/wiki/Fingerprinting">here</a>.
+            </p>
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="where-is-my-dongle-id" id="where-is-my-dongle-id"  class="svelte-f0pxdy"> <label for="where-is-my-dongle-id" class="svelte-f0pxdy"><div slot="label" class="label"><span>Where is my dongle ID?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            The dongle ID of your device can be found in Settings of the device in the
+            Device tab.
+           </div></div> </div> <hr> <div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="how-do-i-leave-feedback-for-openpilot" id="how-do-i-leave-feedback-for-openpilot"  class="svelte-f0pxdy"> <label for="how-do-i-leave-feedback-for-openpilot" class="svelte-f0pxdy"><div slot="label" class="label"><span>How do I leave feedback for openpilot?</span> </div> <span class="chevron svelte-f0pxdy"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.59 0.589996L6 5.17L1.41 0.589996L0 2L6 8L12 2L10.59 0.589996Z" fill="currentColor"/>
+</svg>
+</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">
+            Feedback, good or bad, can be given in the #openpilot-experience channel on
+            our community <a href="https://discord.comma.ai/">Discord</a>.
+           </div></div> </div> <hr></div> </div></div></section> <section class="dark svelte-1nborgx" id="community"><div class="container"><div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 10rem; --row-gap: 3.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 10rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div><span class="svelte-13qdnfo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.578 10.7229C35.8593 9.45085 32.9523 8.52639 29.9131 8C29.5398 8.67482 29.1038 9.58246 28.8031 10.3045C25.5724 9.81863 22.3713 9.81863 19.2 10.3045C18.8994 9.58246 18.4535 8.67482 18.0769 8C15.0344 8.52639 12.1241 9.45425 9.40534 10.7296C3.92162 19.0162 2.43508 27.097 3.17835 35.063C6.81544 37.7791 10.3402 39.4291 13.8055 40.5088C14.6611 39.3312 15.4242 38.0794 16.0816 36.7602C14.8296 36.2845 13.6304 35.6974 12.4974 35.0158C12.798 34.7931 13.092 34.5603 13.3761 34.3208C20.2868 37.5531 27.7956 37.5531 34.6238 34.3208C34.9112 34.5603 35.2052 34.7931 35.5025 35.0158C34.3661 35.7007 33.1637 36.2878 31.9117 36.7636C32.5691 38.0794 33.3288 39.3346 34.1877 40.5121C37.6564 39.4324 41.1844 37.7825 44.8215 35.063C45.6936 25.8284 43.3317 17.8218 38.578 10.7229ZM17.0231 30.164C14.9485 30.164 13.2472 28.2273 13.2472 25.8689C13.2472 23.5104 14.9122 21.5704 17.0231 21.5704C19.134 21.5704 20.8352 23.507 20.7989 25.8689C20.8022 28.2273 19.134 30.164 17.0231 30.164ZM30.9768 30.164C28.9023 30.164 27.201 28.2273 27.201 25.8689C27.201 23.5104 28.8659 21.5704 30.9768 21.5704C33.0877 21.5704 34.789 23.507 34.7526 25.8689C34.7526 28.2273 33.0877 30.164 30.9768 30.164Z" fill="currentColor"/>
+</svg>
+</span> <span class="svelte-13qdnfo">Join the conversation</span> <p class="svelte-13qdnfo">Have a question or want to learn more?
+      There are thousands of knowledgeable community members on the Discord.</p> <a href="https://discord.com/invite/FEzeve2NX2" target="_blank" class="svelte-slt5la  secondary  full-width">Join our Discord <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> <div><span class="svelte-13qdnfo"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 4C12.3975 4 3 13.3975 3 25C3 34.2925 9.01125 42.1413 17.3587 44.9238C18.4087 45.1075 18.8025 44.4775 18.8025 43.9263C18.8025 43.4275 18.7763 41.7737 18.7763 40.015C13.5 40.9862 12.135 38.7288 11.715 37.5475C11.4788 36.9438 10.455 35.08 9.5625 34.5812C8.8275 34.1875 7.7775 33.2163 9.53625 33.19C11.19 33.1638 12.3713 34.7125 12.765 35.3425C14.655 38.5187 17.6738 37.6263 18.8813 37.075C19.065 35.71 19.6162 34.7912 20.22 34.2662C15.5475 33.7412 10.665 31.93 10.665 23.8975C10.665 21.6137 11.4788 19.7237 12.8175 18.2537C12.6075 17.7287 11.8725 15.5763 13.0275 12.6888C13.0275 12.6888 14.7862 12.1375 18.8025 14.8413C20.4825 14.3688 22.2675 14.1325 24.0525 14.1325C25.8375 14.1325 27.6225 14.3688 29.3025 14.8413C33.3188 12.1113 35.0775 12.6888 35.0775 12.6888C36.2325 15.5763 35.4975 17.7287 35.2875 18.2537C36.6263 19.7237 37.44 21.5875 37.44 23.8975C37.44 31.9562 32.5313 33.7412 27.8588 34.2662C28.62 34.9225 29.2763 36.1825 29.2763 38.1512C29.2763 40.96 29.25 43.2175 29.25 43.9263C29.25 44.4775 29.6438 45.1338 30.6938 44.9238C34.8626 43.5164 38.4852 40.8371 41.0516 37.263C43.6179 33.6889 44.9989 29.4 45 25C45 13.3975 35.6025 4 24 4Z" fill="currentColor"/>
+</svg>
+</span> <span class="svelte-13qdnfo">Developer Resources</span> <p class="svelte-13qdnfo">Check out the code behind the comma four and openpilot.
+      Review, fork, and contribute to the open source ecosystem.</p> <a href="https://github.com/commaai/openpilot" target="_blank" class="svelte-slt5la  secondary  full-width">Visit our GitHub <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-slt5la"><path d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z" fill="CurrentColor"></path></svg> </a></div> </div></div> </section>{{< /body.inline >}}
diff --git a/src/lib/constants/car-harnesses.json b/data/car_harnesses.json
similarity index 100%
rename from src/lib/constants/car-harnesses.json
rename to data/car_harnesses.json
diff --git a/src/lib/compatibility-meta.json b/data/compatibility_meta.json
similarity index 100%
rename from src/lib/compatibility-meta.json
rename to data/compatibility_meta.json
diff --git a/data/faq.json b/data/faq.json
new file mode 100644
index 00000000..3937a2cb
--- /dev/null
+++ b/data/faq.json
@@ -0,0 +1,392 @@
+{
+  "order": [
+    "openpilot",
+    "connect",
+    "devices",
+    "trial",
+    "shop",
+    "returns",
+    "troubleshooting",
+    "jobs",
+    "other"
+  ],
+  "topics": {
+    "openpilot": {
+      "title": "openpilot",
+      "image": "/img/faq/openpilot.svg",
+      "questions": [
+        {
+          "question": "What is openpilot?",
+          "answer": "\n            <p>\n              comma openpilot is an open source driver-assistance system. Currently,\n              openpilot performs the functions of Adaptive Cruise Control (ACC) and\n              Automated Lane Centering (ALC) for compatible vehicles. It performs\n              similarly to Tesla Autopilot and GM Super Cruise. openpilot can steer,\n              accelerate, and brake automatically for other vehicles within its lane.\n              Check it out on <a href=\"https://github.com/commaai/openpilot\" target=\"_blank\">GitHub</a>.\n            </p>\n            <p>\n              In order to enforce driver alertness, openpilot includes a camera based\n              Driver Monitoring (DM) system that alerts the driver when distracted or\n              asleep. However, even with an attentive driver, we must make further efforts\n              for the system to be safe. We have designed openpilot with two other safety\n              considerations:\n            </p>\n            <ol>\n              <li>The driver must always be capable to immediately retake manual control of\n              the vehicle, by stepping on either pedal or by pressing the cancel button.</li>\n              <li>The vehicle must not alter its trajectory too quickly for the driver to\n              safely react. This means that while the system is engaged, the actuators are\n              constrained to operate within reasonable limits.</li>\n            </ol>\n          "
+        },
+        {
+          "question": "How does openpilot work?",
+          "answer": "\n            openpilot works by connecting to your car's CAN network. Most modern cars\n            accept electronic steering, gas, and brake commands to allow for driver assistance\n            features. openpilot can use these commands to provide much better driver assistance\n            features than the car manufacturers can provide.\n          "
+        },
+        {
+          "question": "Is my car compatible with openpilot?",
+          "answer": "\n            A complete list of compatible vehicles can be found on our\n            <a href=\"/vehicles\">Compatibility page</a>.\n          "
+        },
+        {
+          "question": "What should I buy to run openpilot in my car?",
+          "answer": "\n            After verifying that your car is compatible, we recommend purchasing a comma\n            device in our <a href=\"/shop\">shop</a>. Don't forget to purchase a\n            car harness to connect it to your vehicle. Add to cart, check out, and\n            you’re good to go!\n          "
+        },
+        {
+          "question": "Do I have to pay attention?",
+          "answer": "\n            Yes, the driver must always be able to immediately retake manual control of\n            the vehicle, by stepping on the brake pedal or by pressing the cancel\n            button. When openpilot is engaged, a driver monitoring system actively\n            tracks driver awareness to help prevent distractions. The openpilot system\n            disengages if you are distracted. Drivers must keep their eyes on the road\n            at all times and be ready to take control of the car.\n          "
+        },
+        {
+          "question": "What is the openpilot safety model?",
+          "answer": "\n            More info about the openpilot safety model can be found\n            <a href=\"https://github.com/commaai/openpilot/blob/master/docs/SAFETY.md\">here</a>.\n          "
+        },
+        {
+          "question": "What are the limitations of openpilot Automated Lane Centering?",
+          "answer": "\n            <p>\n              openpilot Automated Lane Centering (ALC) system does not automatically drive\n              the vehicle or reduce the amount of attention that must be paid to the area\n              in front of the vehicle. The driver must always keep control of the steering\n              wheel and be ready to correct the ALC system action at all times.\n            </p>\n            <p>\n              Many factors can impact the performance of openpilot ALC, causing it to be\n              unable to function as intended. These include, but are not limited to:\n            </p>\n            <ul>\n              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are\n              interfering with sensor operation.</li>\n              <li>The road facing camera is obstructed, covered or damaged by mud, ice,\n              snow, etc.</li>\n              <li>Obstruction caused by applying excessive paint or adhesive products (such\n              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>\n              <li>The device is mounted incorrectly.</li>\n              <li>When in sharp curves, like on-off ramps, intersections etc...; openpilot\n              is designed to be limited in the amount of steering torque it can produce.</li>\n              <li>In the presence of restricted lanes or construction zones.</li>\n              <li>When driving on highly banked roads or in presence of strong cross-wind.</li>\n              <li>Extremely hot or cold temperatures.</li>\n              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>\n              <li>Driving on hills, narrow, or winding roads.</li>\n            </ul>\n            <p>\n              The list above does not represent an exhaustive list of situations that may\n              interfere with proper operation of openpilot components. It is the driver's\n              responsibility to be in control of the vehicle at all times.\n            </p>\n          "
+        },
+        {
+          "question": "What are the limitations of openpilot Adaptive Cruise Control?",
+          "answer": "\n            <p>\n              openpilot Adaptive Cruise Control (ACC) is not a system that allows careless\n              or inattentive driving. It is still necessary for the driver to pay close\n              attention to the vehicle’s surroundings and to be ready to re-take control\n              of the gas and the brake at all times.\n            </p>\n            <p>\n              Many factors can impact the performance of openpilot ACC, causing it to be\n              unable to function as intended. These include, but are not limited to:\n            </p>\n            <ul>\n              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are\n              interfering with sensor operation.</li>\n              <li>The road facing camera or radar are obstructed, covered, or damaged by\n              mud, ice, snow, etc.</li>\n              <li>Obstruction caused by applying excessive paint or adhesive products (such\n              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>\n              <li>The device is mounted incorrectly.</li>\n              <li>Approaching a toll booth.</li>\n              <li>When driving on roads with pedestrians, cyclists, etc...</li>\n              <li>In presence of traffic signs or stop lights, which are not detected by\n              openpilot at this time.</li>\n              <li>\n                When the posted speed limit is below the user selected set speed.\n                openpilot does not detect speed limits at this time.\n              </li>\n              <li>In presence of vehicles in the same lane that are not moving.</li>\n              <li>\n                When abrupt braking maneuvers are required. openpilot is designed to be\n                limited in the amount of deceleration and acceleration that it can produce.\n              </li>\n              <li>When surrounding vehicles perform close cut-ins from neighbor lanes.</li>\n              <li>Driving on hills, narrow, or winding roads.</li>\n              <li>Extremely hot or cold temperatures.</li>\n              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>\n              <li>Interference from other equipment that generates ultrasonic waves.</li>\n            </ul>\n            <p>\n              The list above does not represent an exhaustive list of situations that may\n              interfere with proper operation of openpilot components. It is the driver's\n              responsibility to be in control of the vehicle at all times.\n            </p>\n          "
+        },
+        {
+          "question": "Do I retain my car factory safety features with openpilot installed?",
+          "answer": "\n            <p>\n              When openpilot is enabled in settings, Lane Keep Assist (LKAS), and\n              Automated Lane Centering (ALC) are replaced by openpilot lateral control and\n              only function when openpilot is engaged. Lane Departure Warning (LDW) works\n              whether engaged or disengaged.\n            </p>\n            <p>\n              On certain cars, Adaptive Cruise Control (ACC) is replaced by openpilot\n              longitudinal control.\n            </p>\n            <p>\n              openpilot preserves any other vehicle safety features, including, but are\n              not limited to: AEB, auto high-beam, blind spot warning, and side collision\n              warning.\n            </p>\n          "
+        },
+        {
+          "question": "Does openpilot support manual transmission cars (with the driver shifting)?",
+          "answer": "\n            On certain cars, manual transmissions are supported if they have the packages\n            listed in the compatibility table. If you’d like to learn more, join us on\n            <a href=\"https://discord.comma.ai/\">Discord</a>, where some of our members are supporting\n            manual cars.\n          "
+        },
+        {
+          "question": "How does openpilot recognize the car model it is connected to?",
+          "answer": "\n            <p>\n              If your car is on the list of supported cars, openpilot will automatically\n              recognize the model of your car by performing a scan of relevant ECU\n              firmware versions present in your car. The presence of certain ECU firmware\n              versions is an indication of the model year, car brand, car model, and trim.\n            </p>\n            <p>\n              If your car isn’t recognized as supported, your device will fall back to a\n              dashcam only mode, preserving the stock functionalities and the user will\n              receive a notification on the screen.\n            </p>\n          "
+        },
+        {
+          "question": "How do I update openpilot?",
+          "answer": "\n            All software updates are received over-the-air (OTA). openpilot will\n            automatically check for updates when connected to the internet. Your device\n            will notify you on the screen when an update is available and prompt you to\n            reboot the device to complete the update. You may also manually check for\n            updates in the settings, under the \"software\" tab.\n          "
+        },
+        {
+          "question": "Will all versions of openpilot work with my comma device?",
+          "answer": "\n            <p>\n              The comma 3X can only run openpilot 0.9.4 and above. Running earlier versions\n              requires making modifications to the software so that a newer AGNOS is installed.\n            </p>\n            <p>\n              If you face issues after installing an older version of openpilot, you can\n              re-flash AGNOS on your device by following the instructions at\n              <a href=\"https://flash.comma.ai\">flash.comma.ai</a>.\n            </p>\n          "
+        },
+        {
+          "question": "Does openpilot work at all speeds?",
+          "answer": "\n            Supported speeds vary depending on the car. Please reference the supported\n            car list for vehicle specific speed limitations. Maximum speed is the same\n            as the maximum speed that stock ACC can be set to (car dependent) with a\n            hard limit at ~92mph.\n          "
+        },
+        {
+          "question": "Does openpilot work outside of the United States of America?",
+          "answer": "\n            Yes, openpilot is not region locked and can be used in any country. You are\n            responsible for complying with local laws and regulations.\n          "
+        },
+        {
+          "question": "What is a fingerprint?",
+          "answer": "\n            <p>\n              A fingerprint is the method openpilot uses to determine which vehicle it is\n              connected to.\n            </p>\n            <p>\n              Current methods use vehicle ECU firmware logging. openpilot will fingerprint\n              the vehicle on each start up.\n            </p>\n            <p>\n              If openpilot detects a firmware version not previously logged, it will need\n              to be added to the codebase. Guides on adding new firmware can be found\n              <a href=\"https://github.com/commaai/openpilot/wiki/Fingerprinting\">here</a>.\n            </p>\n          "
+        },
+        {
+          "question": "Where is my dongle ID?",
+          "answer": "\n            The dongle ID of your device can be found in Settings of the device in the\n            Device tab.\n          "
+        },
+        {
+          "question": "How do I leave feedback for openpilot?",
+          "answer": "\n            Feedback, good or bad, can be given in the #openpilot-experience channel on\n            our community <a href=\"https://discord.comma.ai/\">Discord</a>.\n          "
+        }
+      ]
+    },
+    "connect": {
+      "title": "comma connect and prime",
+      "image": "/img/faq/connect.svg",
+      "questions": [
+        {
+          "question": "How do I claim the free prime offer?",
+          "answer": "\n            <p>\n              Sign up for prime in <a href=\"https://connect.comma.ai/\">comma connect</a>. With a\n              purchase of a comma four, you get a free month of comma prime, in which you\n              can cancel at any time. After that, you will be charged $24 a month\n              (domestic only).\n            </p>\n            <p>\n              Live outside the United States? You can still sign up for prime lite and optionally pair that\n              with your own active SIM card. comma prime data service is available in the United States and Puerto Rico only.\n            </p>\n          "
+        },
+        {
+          "question": "What is connect?",
+          "answer": "\n            <p>\n              connect (<a href=\"https://connect.comma.ai/\">connect.comma.ai</a>) is a dashboard of\n              your recent drives.\n            </p>\n            <p>\n              Your drives are accessible for 3 days (or 1 year with a comma prime\n              subscription).\n            </p>\n            <p>\n              connect provides other features such as battery voltage and remote snapshots.\n            </p>\n          "
+        },
+        {
+          "question": "What is the difference between prime and prime lite?",
+          "answer": "\n            <p>\n              With prime ($24/mo), domestic data is included.\n            </p>\n            <p>\n              With prime lite ($14/mo), no SIM card or cellular service is provided. You can choose to bring your own SIM card for the full prime experience.\n            </p>\n            <p>\n              Note: your own SIM may require configuration to work with your comma device. We do not offer troubleshooting for third party data service.\n            </p>\n          "
+        },
+        {
+          "question": "How do I transfer a prime subscription to a new device?",
+          "answer": "\n            We aren't able to transfer comma prime subscriptions between devices. To do\n            so, you must cancel your existing prime subscription through\n            <a href=\"https://connect.comma.ai/\">connect.comma.ai</a> and sign up with the new\n            device.\n          "
+        },
+        {
+          "question": "How do I cancel comma prime?",
+          "answer": "\n            <p>\n              We've made the Refund Policy as straightforward as we can, no hidden clauses\n              and no fine print.\n            </p>\n            <ul>\n              <li>You may cancel your subscription by selecting the \"Cancel subscription\" option\n              on <a href=\"https://connect.comma.ai/\">connect.comma.ai</a> in the settings cog -> \"Prime\n              Settings\". You can do this at any time without incurring a cancellation\n              fee. Upon canceling your comma prime membership, no further fees will be charged.</li>\n              <li>If you have a free trial period, we will charge your credit card with the\n              monthly subscription fee at the end of the trial period.</li>\n              <li>We will continue to charge your credit card account on a monthly basis\n              until you cancel your subscription. For example, if you joined on April 5\n              your credit card will be charged on May 5; June 5; July 5; and so on until\n              you cancel your subscription.</li>\n              <li>Your cancellation takes effect immediately. Your last paid monthly fee will be pro-rated and returned as credit on your account.</li>\n              <li>You can sign back up at any time.</li>\n            </ul>\n          "
+        },
+        {
+          "question": "What is commacare?",
+          "answer": "\n            <p>\n              commacare extends your comma four's warranty for up to an additional year beyond the standard one-year warranty, giving you two years of total coverage.\n            </p>\n            <p>\n              We've made commacare simple and straightforward:\n            </p>\n            <ul>\n              <li>commacare is included automatically with your comma prime ($24/mo) or prime lite ($14/mo) subscription.</li>\n              <li>You must start your prime subscription within the first 30 days of receiving your comma four to be eligible for commacare.</li>\n              <li>If you cancel your prime subscription, your commacare warranty ends immediately and cannot be resumed. The standard warranty terms will continue to apply for any remaining time in the first year.</li>\n              <li>commacare provides the same coverage as the standard one-year warranty. It does not cover theft, loss, or accidental damage.</li>\n            </ul>\n          "
+        },
+        {
+          "question": "I installed my own SIM card, but it's not working.",
+          "answer": "\n            <p>\n              We do not offer support for setting up third party cellular service. Note that lack of third party cellular connectivity, by itself, is not indicative of malfunctioning hardware as each carrier needs to be carefully configured to function properly. If you are not prepared to configure your SIM card to work with the device, we recommend prime over prime lite.\n            </p>\n            Some common issues include:\n            <ul>\n              <li>The APN is not set correctly on the device.</li>\n              <li>The device isn't whitelisted with your carrier.</li>\n              <li>The SIM card's service isn't active.</li>\n            </ul>\n          "
+        },
+        {
+          "question": "How do I switch between prime and prime lite?",
+          "answer": "\n            Currently, this requires cancelling your current subscription and resubscribing at the new tier.\n            Since the subscription is pro-rated, the cancellation happens immediately, and you can resubscribe immediately.\n            Your stored drives from the original subscription are not guaranteed to persist after this process.\n          "
+        }
+      ]
+    },
+    "devices": {
+      "title": "comma devices",
+      "image": "/img/faq/other.svg",
+      "questions": [
+        {
+          "question": "Do I need a comma prime monthly subscription to use the device?",
+          "answer": "\n            <b>Absolutely not.</b> comma prime is completely optional and is not needed for any core functionality. comma prime can be activated, cancelled, and re-activated at any time.\n          "
+        },
+        {
+          "question": "Does installing a comma device require permanent modifications to the car?",
+          "answer": "\n            Installing a comma device does not require any permanent modifications to\n            your car. Removing the comma device leaves your car in the same state as before the installation.\n          "
+        },
+        {
+          "question": "How do I mount my comma device?",
+          "answer": "\n            <p>\n              We recommend the mount be centered on the windshield below the trim (see pictures in the Installation Guide). Be sure to leave enough room to remove the trim in the future. First, clean the windshield with the included alcohol wipe. Ensure the top of the mount is fully visible from the driver’s seat. Adhere mount: peel off the 3M tape’s cover on the mount. Press firmly in the center of the mount, then the edges to ensure no bubbles form.\n            </p>\n            <p>\n              It is the user’s responsibility to mount the device in compliance with all applicable laws and ordinances.\n            </p>\n          "
+        },
+        {
+          "question": "Will installing a comma device void my warranty?",
+          "answer": "\n            <p>\n              From the FTC website: \"Simply using an aftermarket or recycled part does not\n              void your warranty. The Magnuson-Moss Warranty Act makes it illegal for\n              companies to void your warranty or deny coverage under the warranty simply\n              because you used an aftermarket or recycled part.\"\n            </p>\n            <p>\n              <a href=\"https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance\">https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance</a>\n            </p>\n          "
+        },
+        {
+          "question": "Will my insurance cover my car with a comma device installed?",
+          "answer": "\n            <p>\n              Contact your insurance provider directly; insurance coverage is between the\n              user and their insurance provider. comma hardware users have been able to\n              get coverage and discuss this on Reddit\n              <a href=\"https://www.reddit.com/r/SelfDrivingCars/comments/b13cdp/open_pilot_and_insurance_coverage/\">here</a>.\n            </p>\n            <p>\n              Insurance companies are beginning to understand the safety benefits of driver assistance\n              systems like openpilot and we have not heard of any providers\n              rejecting coverage to comma hardware users.\n            </p>\n          "
+        }
+      ]
+    },
+    "trial": {
+      "title": "Money-back trial",
+      "image": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='300'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M0%200h480v300H0z'/%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M318.166%2095.558H164.983v118.955h153.183V95.558Zm-7.295%207.295H172.278v104.366h138.593V102.853Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M310.501%2074.313H172.072v21.374h138.429V74.314ZM164.786%2067v36h153V67h-153Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23fff'%20d='M201.786%2056h7v29h-7zM274.786%2056h7v29h-7zM219.078%20175c1.499%200%202.879.333%204.14%201%201.278.65%202.301%201.65%203.068%203%20.784%201.35%201.175%203.017%201.175%205s-.391%203.65-1.175%205c-.767%201.35-1.79%202.358-3.068%203.025-1.261.65-2.641.975-4.14.975h-13.292v-18h13.292Zm-2.556%2012.75c.886%200%201.618-.058%202.198-.175.579-.133%201.073-.467%201.482-1%20.409-.55.614-1.408.614-2.575%200-1.167-.205-2.017-.614-2.55-.409-.55-.903-.883-1.482-1-.58-.133-1.312-.2-2.198-.2h-4.346v7.5h4.346ZM253.933%20193h-6.799l-1.508-3.15h-10.122l-1.508%203.15h-6.799l8.818-18h9.1l8.818%2018Zm-13.368-13.7-2.914%206.05h5.828l-2.914-6.05ZM262.699%20181.75l5.164-6.75h7.923l-9.892%2012v6h-6.39v-6l-9.892-12h7.924l5.163%206.75Z'/%3e%3cpath%20fill='%23fff'%20stroke='%23000'%20d='M231.618%20138.327c1.724-.846%203.08-1.945%204.043-3.305%201.155-1.632%201.72-3.603%201.72-5.888%200-4.423-2.012-7.83-5.975-10.175-3.93-2.325-9.502-3.459-16.66-3.459-8.324%200-14.745%201.356-19.202%204.131-4.49%202.795-7.035%207.139-7.652%2012.961l-.058.553h15.531v-.5c0-2.126.745-3.556%202.17-4.414l.003-.002c1.529-.935%204.008-1.44%207.52-1.44%202.964%200%204.964.347%206.091.967l.009.005.008.004c.584.293.992.644%201.256%201.041.261.393.399.859.399%201.418%200%20.852-.26%201.475-.74%201.928-.498.429-1.466.812-3.011%201.09-1.524.275-3.701.416-6.546.416h-.5v9.474h.5c3.129%200%205.466.141%207.031.416l.012.002c1.584.238%202.553.643%203.038%201.129l.011.012.013.011c.507.445.795%201.118.795%202.106%200%201.267-.542%202.192-1.674%202.831-1.125.619-3.221.966-6.391.966-3.636%200-6.204-.464-7.778-1.329-1.482-.834-2.216-2.115-2.216-3.921v-.5h-16.133l.057.552c.409%203.942%201.58%207.204%203.539%209.755h-.001l.006.008c2.008%202.518%204.959%204.361%208.808%205.552%203.846%201.191%208.827%201.778%2014.924%201.778%207.441%200%2013.217-1.215%2017.271-3.706%204.084-2.509%206.149-6.138%206.149-10.836%200-2.371-.619-4.421-1.878-6.123-1.065-1.441-2.57-2.606-4.489-3.508Zm13.88%2012.906.002.002c2.064%203.562%205.096%206.331%209.076%208.308%203.985%201.978%208.749%202.957%2014.275%202.957%205.487%200%2010.231-.979%2014.216-2.957l.003-.002c3.978-2.017%207.009-4.804%209.072-8.365%202.101-3.556%203.144-7.64%203.144-12.237%200-4.557-1.044-8.62-3.144-12.175-2.064-3.562-5.096-6.33-9.075-8.307-3.985-1.978-8.729-2.957-14.216-2.957-5.526%200-10.29.979-14.275%202.957-3.98%201.977-7.012%204.745-9.076%208.307-2.061%203.516-3.083%207.58-3.083%2012.175%200%204.597%201.023%208.699%203.081%2012.294Zm31.021-19.991.008.008c1.76%201.692%202.681%204.225%202.681%207.689%200%203.507-.921%206.082-2.685%207.815-1.771%201.739-4.303%202.641-7.672%202.641-3.368%200-5.901-.902-7.671-2.641-1.764-1.733-2.685-4.308-2.685-7.815%200-3.508.902-6.061%202.623-7.751%201.769-1.699%204.321-2.583%207.733-2.583s5.94.904%207.668%202.637Z'/%3e%3cpath%20fill='%23414141'%20fill-rule='evenodd'%20d='M164.983%20195.635C139.318%20200.686%20123%20208.27%20123%20216.748c0%2015.21%2052.521%2027.54%20117.31%2027.54s117.31-12.33%20117.31-27.54c0-8.196-15.251-15.556-39.454-20.601v2.086c11.069%203.496%2017.577%207.77%2017.577%2012.385%200%2011.824-42.725%2021.41-95.43%2021.41-52.704%200-95.43-9.586-95.43-21.41%200-4.955%207.504-9.518%2020.1-13.146v-1.837Z'%20clip-rule='evenodd'/%3e%3c/svg%3e",
+      "questions": [
+        {
+          "question": "What is the 30-day money-back trial?",
+          "answer": "\n            <p>\n              Every vehicle is a little different and the experience can be hard to describe which is why we offer this trial. If you don’t love the comma four, you can return it for a refund–no questions asked. All refunds must be initiated through <a href=\"https://comma.ai/returns\">comma.ai/returns</a> within 30 calendar days of receiving your order.\n            </p>\n          "
+        },
+        {
+          "question": "When does the 30-day money-back trial start?",
+          "answer": "\n            The 30-day money-back trial starts the day your comma four is delivered (signature confirmation required for delivery). If you do decide to return your device, we ask that you get the return device in the mail within 30 days of receiving it.\n          "
+        },
+        {
+          "question": "How do I return my comma four?",
+          "answer": "\n            To return your device, please request a return at <a href=\"https://comma.ai/returns\">comma.ai/returns</a>. A prepaid return label (or return instructions if not in the US) will be automatically sent to you. $9.99 will be deducted from your refund if you choose to use this label.\n          "
+        },
+        {
+          "question": "Are international orders eligible for the trial?",
+          "answer": "\n            <p>\n              Yes. We ask that you get your return device in the mail within 30 days of receiving it.\n            </p>\n            <p>\n              The buyer is responsible for international shipping costs to return a device. Please use tracking and insurance as we are not responsible for lost or stolen packages. Return information is provided by email after initiating a return at <a href=\"https://comma.ai/returns\">comma.ai/returns</a>.\n            </p>\n          "
+        }
+      ]
+    },
+    "shop": {
+      "title": "Shop",
+      "image": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='300'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M0%200h480v300H0z'/%3e%3cpath%20stroke='%23fff'%20stroke-width='15'%20d='m158%20117%2021.105%20100h121.79L322%20117H158Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23fff'%20d='M292.965%20121.285a8.417%208.417%200%201%200%2011.903-11.903l-11.903%2011.903Zm-21.764-45.57-5.951-5.951-11.903%2011.903%205.952%205.951%2011.902-11.903Zm33.667%2033.667-33.667-33.667-11.902%2011.903%2033.666%2033.667%2011.903-11.903ZM187.035%20121.285a8.417%208.417%200%201%201-11.903-11.903l11.903%2011.903Zm21.764-45.57%205.951-5.951%2011.903%2011.903-5.951%205.951-11.903-11.903Zm-33.667%2033.667%2033.667-33.667%2011.903%2011.903-33.667%2033.667-11.903-11.903Z'/%3e%3cpath%20fill='%23414141'%20fill-rule='evenodd'%20d='M311.062%20205.249c15.338%203.799%2024.681%208.839%2024.681%2014.369%200%2011.824-42.725%2021.41-95.43%2021.41-52.704%200-95.43-9.586-95.43-21.41%200-5.46%209.109-10.442%2024.102-14.224l-.306-1.458C140.895%20208.972%20123%20216.869%20123%20225.748c0%2015.209%2052.521%2027.54%20117.31%2027.54s117.31-12.331%20117.31-27.54c0-8.94-18.145-16.885-46.26-21.916l-.298%201.417Z'%20clip-rule='evenodd'/%3e%3c/svg%3e",
+      "questions": [
+        {
+          "question": "I would like to match a price change.",
+          "answer": "\n            We do not offer price matching. Returns can be made at <a href=\"https://comma.ai/returns\">comma.ai/returns</a> within 30 days of receiving the order.\n          "
+        },
+        {
+          "question": "Is the 1-year hardware warranty transferable?",
+          "answer": "\n            Yes. Hardware in the comma shop comes with a 1 year limited warranty against\n            defects. If you have a device that was not purchased from the comma shop,\n            the 1 year warranty does transfer, but you must provide the original order\n            number and email address associated with the device. We cannot provide this\n            information for you.\n          "
+        },
+        {
+          "question": "How do I cancel or modify my order?",
+          "answer": "\n            <p>\n              To cancel your order: open your order confirmation email and click \"View Your Order\"; you will see the option to cancel on your order page. You can cancel your order for a full refund up until it ships.\n            </p>\n            <p>\n              An order cannot be modified; please cancel your order and make a new, correct order.\n            </p>\n            <p>\n              Occasionally, we will ship immediately, on the weekend, or during a holiday, so we cannot always guarantee that you or us can catch your order early enough to cancel or modify it.\n            </p>\n          "
+        },
+        {
+          "question": "I got an email saying my order was marked as fraud?",
+          "answer": "\n            Our payment processor will occasionally flag an order for suspicious activity. If this happens, reach out to our support team at <a href=\"https://comma.ai/support\">comma.ai/support</a>.\n          "
+        },
+        {
+          "question": "I ordered to the wrong address, now what?",
+          "answer": "\n            <p>\n              Domestic shipping only: if you ordered to the wrong address, please open a support ticket at <a href=\"https://comma.ai/support\">comma.ai/support</a> and we will do our best to recall the device to the comma warehouse and refund you once it has returned (can take 7-10+ days). We recommend you make a new purchase once we confirm the device has been recalled.\n            </p>\n            <p>\n              For international shipping, we do not have the ability to recall the device. Please open a ticket at <a href=\"https://comma.ai/support\">comma.ai/support</a> and we will do what we can to resolve the issue, but ultimately the customer is responsible for providing a correct delivery address.\n            </p>\n          "
+        },
+        {
+          "question": "Do you have wholesale and discounted bulk pricing?",
+          "answer": "\n            <p>\n              We offer a 10% discount on products with the purchase of 10+ (excluding\n              parts). This discount will automatically be applied in the cart. No code\n              necessary.\n              <b>\n                If you'd like to order more than 10 units, <a href=\"https://comma.ai/support\">contact support</a> to discuss even deeper discounts that scale with quantity.\n              </b>\n            </p>\n            <p>\n              If the discount is not automatically applied, please <a href=\"https://comma.ai/support\">contact support</a>\n              for assistance.\n            </p>\n            <p>\n              The <a href=\"/shop\">comma shop</a> is the official and only retailer of comma devices. comma does not sell devices in any other stores online.\n            </p>\n          "
+        },
+        {
+          "question": "Do you offer any discounts (Military, Senior, etc)?",
+          "answer": "\n            We do not offer discounts for specific groups.\n          "
+        },
+        {
+          "question": "Do you offer any upgrades or trade-in discounts for the comma two, three, or 3X?",
+          "answer": "\n            Yes! Trade-in details can be <a href=\"/shop/comma-four-trade-in\">found here</a>.\n          "
+        },
+        {
+          "question": "What do I need to know before making an international order?",
+          "answer": "\n            <p>\n              We recommend verifying that your car is supported at <a href=\"/vehicles\">comma.ai/vehicles</a>. All support is for US cars unless specified otherwise.\n            </p>\n            <p>\n              Our prices do not include customs duties and taxes that may apply when shipping to your country. These charges are typically determined by your local customs authority and are your responsibility to pay. The fees often range from $150-350 for a comma four and harness, but they can be more depending on your government. The comma four HS Code is 8525.81. If you refuse to pay these fees, comma is forced to cover them to receive the device back and they will be subtracted from the cost of your return refund.\n            </p>\n            <p>\n              Non-Refundable Duties and Taxes:\n              Please be aware that our store does not refund customs duties or taxes on international orders. These costs are paid directly to your government and are not recoverable through our store. You may be eligible for a duty refund directly from your local customs office, but this is subject to their policies. A link to your invoice is in your order confirmation email. We may be able to provide you with additional paperwork needed to retrieve these fees from your government by opening a support ticket.\n            </p>\n            <p>\n              Please carefully check that your mailing address is correct before placing an order as it is not possible to change or correct the address once your order has been placed. We are not responsible for devices delivered to incorrect addresses.\n            </p>\n          "
+        },
+        {
+          "question": "I would like to place an order outside of your online store.",
+          "answer": "\n            All orders must be made through our shop except those over $10,000 can be made via purchase order and wire. Please open a support ticket with a detailed list of items you would like to purchase (or a PO) and we will send you next steps.\n          "
+        }
+      ]
+    },
+    "returns": {
+      "title": "Shipping & Returns",
+      "image": "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='300'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M0%200h480v300H0z'/%3e%3cpath%20fill='%23414141'%20fill-rule='evenodd'%20d='M268%20186.148a488.796%20488.796%200%200%200-27.69-.772c-13.788%200-27.021.558-39.31%201.584v.311c11.988-1.217%2025.298-1.895%2039.313-1.895%209.629%200%2018.924.32%2027.687.915v-.143Zm26%202.935c25.199%203.854%2041.743%2010.345%2041.743%2017.703%200%2011.824-42.725%2021.41-95.43%2021.41-52.704%200-95.43-9.586-95.43-21.41%200-6.156%2011.579-11.704%2030.117-15.61v-1.141c-31.361%204.944-52%2013.346-52%2022.881%200%2015.21%2052.521%2027.54%20117.31%2027.54s117.31-12.33%20117.31-27.54c0-10.668-25.836-19.919-63.62-24.493v.66Z'%20clip-rule='evenodd'/%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23fff'%20d='M155.117%20101.188a15.937%2015.937%200%200%201%2015.937-15.938h95.625a15.939%2015.939%200%200%201%2015.938%2015.938v15.937h10.837a15.944%2015.944%200%200%201%2012.432%205.982l15.735%2019.656a15.941%2015.941%200%200%201%203.496%209.966v22.833a15.938%2015.938%200%200%201-15.938%2015.938h-5.312a21.25%2021.25%200%200%201-42.5%200h-53.125a21.242%2021.242%200%200%201-6.368%2015.215%2021.253%2021.253%200%200%201-30.395-.647%2021.25%2021.25%200%200%201-5.716-15.471%2015.937%2015.937%200%200%201-10.646-15.035v-74.374Zm13.749%2079.22a21.231%2021.231%200%200%201%2018.397-10.167%2021.238%2021.238%200%200%201%2018.131%2010.634h58.82a21.36%2021.36%200%200%201%207.778-7.778v-71.909a5.314%205.314%200%200%200-5.313-5.313h-95.625a5.31%205.31%200%200%200-5.312%205.313v74.374a5.315%205.315%200%200%200%203.124%204.846Zm113.751-10.158a21.253%2021.253%200%200%201%2018.402%2010.625h8.16a5.314%205.314%200%200%200%205.313-5.313v-22.843a5.307%205.307%200%200%200-1.169-3.315l-15.725-19.656a5.31%205.31%200%200%200-4.144-1.998h-10.837v42.5Zm-95.625%2010.625a10.622%2010.622%200%200%200-10.625%2010.625%2010.624%2010.624%200%201%200%2010.625-10.625Zm95.625%200a10.622%2010.622%200%200%200-10.625%2010.625%2010.624%2010.624%200%201%200%2010.625-10.625Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M155.117%2064h170v170h-170z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",
+      "questions": [
+        {
+          "question": "How do I make a return?",
+          "answer": "\n            <p>\n              If you're within 30 days of your order delivery, you can request a return at <a href=\"https://comma.ai/returns\">comma.ai/returns</a>.\n            </p>\n            <ul>\n              <li><strong>For U.S. returns:</strong> A prepaid return label will be provided when you submit your request. A $9.99 fee will be deducted from your refund if you choose to use this label.</li>\n              <li><strong>For international returns:</strong> The buyer is responsible for all shipping costs. Please use tracking and insurance, as we are not responsible for lost or stolen packages. A return address will be provided after you submit your request.</li>\n            </ul>\n            <p>\n              Please allow 2-5 business days for your return to be processed after we receive it. You will receive a confirmation email once it has been completed.\n            </p>\n            <p>\n              Original packaging is not required, but we are not responsible for damage due to poor packaging. If reusing a box, please remove or cover all barcodes and labels.\n            </p>\n            <p>\n              <strong>Please note:</strong> UPS 2nd Day Air and international shipping fees are non-refundable.\n            </p>\n          "
+        },
+        {
+          "question": "Can I exchange my order?",
+          "answer": "\n            We are unable to offer exchanges of any kind at this time. We request that if you have an issue you make a return via <a href=\"https://comma.ai/returns\">comma.ai/returns</a>.\n          "
+        },
+        {
+          "question": "How do international returns work?",
+          "answer": "\n            <p>\n              The buyer is responsible for all shipping costs, duties, and customs fees to return a device for both 30-day returns and warranty returns. comma covers the costs of sending a repair or replacement device, which will be valued at $1 (the buyer is always responsible for all taxes and duties).\n            </p>\n            <p>\n              Please use tracking and insurance, as we are not responsible for lost or stolen packages. Be sure to mark the package as \"Return of Goods\" and include HTS code 9801.00.10 on the customs form to avoid import charges. <strong>The customer is responsible for paying all duties and customs fees on the return.</strong>\n            </p>\n            <p>\n              Instructions on how to return your device will be provided after you request a return at <a href=\"https://comma.ai/returns\">comma.ai/returns</a>.\n            </p>\n          "
+        },
+        {
+          "question": "When will I receive my order?",
+          "answer": "\n            <p>\n              Orders placed after 7:00 AM PT will be shipped the next business day. You will receive an email with tracking information once your order ships. Please allow 1-2 days for the tracking to become active.\n            </p>\n            <p>\n              Most orders are delivered within 5-10 days, unless expedited. We are not responsible for delays in UPS 2nd Day Air shipping, purchase at your own risk. For international orders, shipping times can vary widely, so please be patient.\n            </p>\n            <p>\n              If your order hasn’t shipped within a few business days, please check your email for any updates from us regarding potential stock issues, address corrections, or fraud verifications. All shipping information is subject to change.\n            </p>\n          "
+        },
+        {
+          "question": "How can I cancel my order?",
+          "answer": "\n            <p>\n              To cancel your order: open your order confirmation email and click \"View Your Order\"; you will see the option to cancel on your order page. You can cancel your order for a full refund up until it ships.\n            </p>\n            <p>\n              An order cannot be modified; if you need to make a change, please cancel your order and make a new, correct order.\n            </p>\n            <p>\n              Occasionally, we will ship immediately, on the weekend, or during a holiday, so we cannot always guarantee that you or us can catch your order early enough to cancel or modify it.\n            </p>\n          "
+        },
+        {
+          "question": "Where does my order ship from?",
+          "answer": "\n            All orders ship from our warehouse in San Diego, California.\n          "
+        },
+        {
+          "question": "Where do we ship?",
+          "answer": "\n            We ship to the entire US and most countries. We ship internationally with a flat rate of $30. We do not ship to PO Boxes (with an exception for Military). If you reject an international package we will deduct any additional fees from your return. All US deliveries require signature confirmation at this time though subject to change.\n          "
+        },
+        {
+          "question": "What do I do if my device arrives damaged?",
+          "answer": "\n            <p>\n            Please alert us to any issues with your order within 3 days of delivery by opening a <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233377161623\">support ticket here</a> and including pictures of both the product and packaging. We may not be responsible for damages if we are not notified within this window.\n            </p>\n            <p>\n            If we receive a damaged device returned to us, we will deduct the cost of the repair from your return. We are not responsible for lost or damaged items mailed back to us and recommend using the original packaging to make a return or carefully padding your device when sending it back.\n            <p>\n          "
+        },
+        {
+          "question": "My order has no recent tracking activity and is past the delivery date. What should I do?",
+          "answer": "\n            Please call UPS at <a href=\"tel:1-800-742-5877\">1-800-742-5877</a> or use their online contact form to report the issue. Provide your tracking number and explain the situation. If the package is confirmed lost or significantly delayed (over one week), please notify us so we can initiate an investigation and file a claim with UPS. We will keep you updated on the status of the investigation and arrange for any necessary reimbursement or replacement.\n          "
+        },
+        {
+          "question": "My order tracking shows delivered, but the package has not shown up yet?",
+          "answer": "\n            If your order is via USPS, please note that we will respond to your support ticket 3-4 days after to see if the order has finally shown up. Most delayed USPS orders do eventually arrive within a few days. If this is UPS and the device was signed for, there is little we can do on our end as this is considered a closed matter. If your UPS package was not delivered, please check tracking to see if your order may be at a UPS pickup location. If the order is shown as being returned to the comma warehouse, we will refund it and we recommend that you place a new order.\n          "
+        },
+        {
+          "question": "Do you offer a warranty?",
+          "answer": "\n            We offer a 1-year limited warranty against hardware defects. If you believe your hardware is defective, please fill out a support request at <a href=\"https://comma.ai/support\">comma.ai/support</a>.\n          "
+        },
+        {
+          "question": "What is the return policy?",
+          "answer": "\n            <p>\n              You can request a return within 30 days of the delivery date at <a href=\"https://comma.ai/returns\">comma.ai/returns</a>. For U.S. returns, we offer a prepaid return label for $9.99, which will be deducted from your refund if you choose to use it. International customers are responsible for return shipping costs and should use tracking and insurance, as we are not responsible for lost or stolen packages.\n            </p>\n            <p>\n              Please note that UPS 2nd Day Air and international shipping fees are non-refundable.\n            </p>\n            <p>\n              We reserve the right to cancel orders from customers who have made returns within 6 months of their most recent purchase.\n            </p>\n            <p>\n              If you return a device while having multiple orders within an eligible return window, we will refund the lowest price paid for the eligible devices. A full refund will be provided if all open orders are returned.\n            </p>\n            There are some items that are ineligible for return, including:\n            <ul>\n              <li>Parts</li>\n              <li>Repairs</li>\n              <li>Items marked as “Final Sale”</li>\n            </ul>\n            <p>\n              Only items purchased directly from the <a href=\"https://comma.ai\">comma shop</a> can be returned. We are not responsible for devices damaged due to poor packaging or for items lost without a tracking number.\n            </p>\n          "
+        },
+        {
+          "question": "How long does it take to receive my refund?",
+          "answer": "\n            Refunds can take 2-5 business days to process once we have received your return. If you have not received a refund within 1 week of delivery please open a comma shop support ticket on the <a href=\"https://comma.ai/support\">support page</a>. We will process your refund and reimburse the payment method you used for the original purchase which can take up to a week depending on your bank.\n          "
+        }
+      ]
+    },
+    "troubleshooting": {
+      "title": "Hardware Troubleshooting",
+      "image": "/img/faq/other.svg",
+      "questions": [
+        {
+          "question": "Why is a stock route required to open a hardware support ticket?",
+          "answer": "\n            <p>\n              It is our policy for a comma engineer to root cause every hardware issue, for both our understanding of any hardware failures and to provide you with the best experience.\n              A route on the latest stock openpilot is necessary before a ticket is sent to an engineer for review.\n              <strong>Any ticket with a route from third party software will be closed with a request for a new ticket with a stock route.</strong>\n            </p>\n\n            We cannot review logs from third party software for several reasons, including:\n            <ul>\n              <li>your issue may be directly caused by the third party software</li>\n              <li>the third party software may not be up to date with the latest openpilot</li>\n              <li>the third party software lacks the necessary logging for an engineer to review the issue</li>\n            </ul>\n          "
+        },
+        {
+          "question": "How do you replace the SIM card in a comma 3X?",
+          "answer": "\n            <p>\n              All comma 3Xs come with a SIM card. The SIM slot is a\n              push/pull mechanism, where you must push on the card to release it and then\n              guide it out.\n\n              <div class=\"video-container\">\n                <iframe\n                  src=\"https://www.youtube-nocookie.com/embed/t_XSGZyHjM4\"\n                  frameborder=\"0\"\n                  allow=\"autoplay; encrypted-media\"\n                  allowfullscreen=\"\"\n                  title=\"How to replace the SIM card in a comma 3X\"\n                ></iframe>\n              </div>\n            </p>\n            <p>\n              Make sure your SIM is inserted correctly by following the step-by-step guide\n              below:\n\n              <figure>\n                <img src=/img/comma-3x-sim-insertion.png alt=\"steps to insert comma 3X SIM card\">\n              </figure>\n            </p>\n\n            <strong>How to replace the SIM card in a comma 3X</strong>\n\n            <ol>\n              <li>With the comma 3X off and unplugged, tap/push the SIM card with the\n              big SIM card, credit card, or other narrow hard object to release the SIM\n              (you will hear a click).</li>\n              <li>Gently pull the SIM card from the SIM slot (try tweezers)</li>\n              <li>Push the SIM card into the SIM slot (with the metal contacts facing\n              downwards) with your fingernail or plastic card until you hear a click or\n              reach resistance. If you've done this step correctly, the SIM card should\n              stay completely recessed inside the comma 3X.</li>\n            </ol>\n            <p>\n              We recommend you clean the camera lenses with a microfiber cloth before\n              using the comma 3X again.\n            </p>\n            <strong>How to activate the new SIM card</strong>\n            <p>\n              Once your new SIM card is installed, your comma 3X will need to connect\n              to Wi-Fi to activate the SIM card. Best ways to get your comma 3X online:\n              hotspot from your phone, bring your car somewhere with Wi-Fi or connect your\n              comma 3X to a USB charger in a place with Wi-Fi. Your comma 3X\n              requires about 5 minutes of Wi-Fi connection and then can take up to 30\n              minutes to activate and might require a reboot. You will know the activation\n              started when the device displays \"CONNECT ONLINE\".\n            </p>\n            <p>\n              After the next reboot, your SIM card should connect to the internet and you\n              should have prime again!\n            </p>\n          "
+        },
+        {
+          "question": "My comma four is having issues. What should I do?",
+          "answer": "\n            We recommend first trying to reflash your device at <a href=\"https://flash.comma.ai\">flash.comma.ai</a> and to reseat all the cable connections. comma support is only able to look into issues on stock with a route where the issue occurs. If you are running a fork, we are unable to diagnose defective hardware without a route on stock. Once you have a route, please open a ticket at <a href=\"https://comma.ai/support\">comma.ai/support</a>. Pictures, videos, and uploading logs via wi-fi are very helpful and often expedite the resolution process. Please also include any troubleshooting steps you have already taken. We also recommend reviewing the community <a href=\"https://github.com/commaai/openpilot/wiki\">GitHub wiki</a> and <a href=\"https://discord.comma.ai\">discord.comma.ai</a> for other troubleshooting.\n          "
+        },
+        {
+          "question": "Performing a Factory Reset",
+          "answer": "\n            <p>\n              Reset the comma 3/3X by repeatedly tapping on the screen as soon as the device boots up.\n              After that, the factory reset screen will come up.\n            </p>\n            <p>\n              If this does not work, a more complete factory reset can be performed at <a href=\"https://flash.comma.ai\">flash.comma.ai</a>.\n            </p>\n          "
+        }
+      ]
+    },
+    "jobs": {
+      "title": "Jobs",
+      "image": "/img/faq/other.svg",
+      "questions": [
+        {
+          "question": "Do you sponsor visas?",
+          "answer": "\n          <p>\n            Yes, we sponsor visas and green cards.\n            </p>\n            <p>\n            If we make you an offer, we'll make every reasonable effort to get you a visa and retain an immigration lawyer to help with this.\n            </p>\n          "
+        },
+        {
+          "question": "What's your remote work policy?",
+          "answer": "\n            comma is IRL in San Diego, CA.\n          "
+        },
+        {
+          "question": "Do you offer internships?",
+          "answer": "\n            Yes! All teams hire interns year-round.\n          "
+        },
+        {
+          "question": "Are you hiring for any other roles?",
+          "answer": "\n            We're interested in anyone who can get a top spot on the <a href=\"https://comma.ai/leaderboard\">leaderboard</a>.\n          "
+        },
+        {
+          "question": "Any other requirements?",
+          "answer": "\n            Nope. We're just looking for people who do well on our challenges and can independently contribute to solving self-driving cars.\n          "
+        }
+      ]
+    },
+    "other": {
+      "title": "Other",
+      "image": "/img/faq/other.svg",
+      "questions": [
+        {
+          "question": "How can I invest in comma?",
+          "answer": "\n            comma is a private company and we are not seeking outside investment at this time.\n          "
+        },
+        {
+          "question": "Can I get a review device? (I am a Reviewer / Media / YouTuber)",
+          "answer": "\n            We have a 30-day no questions asked return policy if you would like to experience a comma four for yourself.\n          "
+        },
+        {
+          "question": "I'd like to partner with comma.",
+          "answer": "\n            <p>\n              We don't really know what that means. We offer wholesale pricing and these\n              <a href=\"/shop#services\">services</a>.\n            </p>\n            <p>\n              Car companies: <a href=\"https://blog.comma.ai/working-with-comma-a-guide-for-car-companies/\">How to work with us?</a>\n            </p>\n          "
+        },
+        {
+          "question": "Why haven't I heard back from support?",
+          "answer": "\n            <p>\n              comma support is for comma shop order and warranty related issues. Our inbox is not monitored; please open a support ticket on our <a href=\"https://comma.ai/support\">comma.ai/support</a>.\n            </p>\n            <p>\n              comma does not provide support for openpilot. We recommend the <a href=\"https://discord.comma.ai\">community Discord</a> or open an issue on openpilot’s GitHub.\n            </p>\n          "
+        }
+      ]
+    }
+  },
+  "supportFaqs": {
+    "needSupport": {
+      "title": "What comma support can help with",
+      "questions": [
+        {
+          "question": "Hardware support for an in-warranty comma four/3X",
+          "answer": "\n            <div style=\"margin-left: 2rem\">\n              <strong>Before contacting support, first try these:</strong>\n              <ul>\n                <li>Reseat all connections and cables; see the <a href=\"/setup\">setup guide</a>.</li>\n                <li>Ensure there's no third party hardware installed, including the mount, harness, and any cables.</li>\n                <li>Unplug the device for an hour to allow the device's supercapacitors to fully drain.</li>\n                <li>Ensure that the issue occurs while running the latest openpilot release.  <b>We cannot look into issues while running forks or other software.</b></li>\n                <li>Still having issues? Reflash the device to the factory default state with <a href=\"https://flash.comma.ai\">flash.comma.ai</a>.</li>\n              </ul>\n\n              <strong>GPS issues?</strong>\n              <p>\n                Ensure there's nothing blocking the device's view of the sky.\n                If you're still having issues, contact support and include a picture of the comma device on the windshield.\n              </p>\n\n              <strong>Issues after installing a fork?</strong>\n              <p>\n                Forks (aka third party software) can cause issues that may seem like hardware malfunctions, such as a blank screen or a fan malfunction.\n                Use the instructions below to restore your device to stock.\n              </p>\n\n              <strong>Restore your device to stock</strong>\n              <p>\n                Support can only troubleshoot issues that occur while using stock comma hardware and software.\n                </br></br>\n                For hardware, ensure you are only using a harness, cable, and mounts from the comma shop.\n                </br></br>\n                For software, first reflash the device with <a href=\"https://flash.comma.ai\">flash.comma.ai</a> to get the device to a clean factory state.\n                Then, install the latest openpilot release using the \"openpilot\" button in the setup.\n              </p>\n\n              <strong>Still having issues?</strong>\n              <p>\n                Open a ticket with <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=14150133300887\">support</a>.\n                If you haven't followed <b>all</b> the steps above, we cannot look into your issue, and the ticket will be closed.\n              </p>\n            </div>\n            "
+        },
+        {
+          "question": "Support for a comma prime subscription",
+          "answer": "\n            First ensure your device is running the latest stock openpilot release.\n            We cannot look into issues while running forks or other software; see <a href=\"/support#why-is-a-stock-route-required-to-open-a-hardware-support-ticket\">here</a> for why.\n            <br></br>\n\n            Use <a href=\"https://connect.comma.ai\">connect.comma.ai</a> to manage and cancel your subscription.\n            </br></br>\n            If you still have issues, open a <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233366516631\">ticket</a> with support.\n          "
+        },
+        {
+          "question": "I'm adding support for a new car and would like to extend my return window.",
+          "answer": "\n            If you're adding support for a new car, we can extend your return window to 90 days.\n            Open a <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233363745559\">ticket</a> with support with your order number once you've placed the order.\n            Return window extensions are subject to approval.\n          "
+        },
+        {
+          "question": "My comma 3X is out of warranty and needs repair.",
+          "answer": "\n            We offer repairs at a flat-rate for out of warranty comma 3X devices.\n            More details on the <a href=\"/shop/comma-3x-out-of-warranty-repair\">shop</a>.\n          "
+        },
+        {
+          "question": "My older comma device is out of warranty and needs repair.",
+          "answer": "\n            We offer trade-ins for eligible devices.\n            More details on the <a href=\"/shop/comma-four-trade-in\">shop</a>.\n          "
+        },
+        {
+          "question": "I broke my device's screen.",
+          "answer": "\n            We offer <a href=\"/shop/comma-device-screen\">replacement screens</a> on the shop.\n          "
+        },
+        {
+          "question": "I need assistance with an active shop order.",
+          "answer": "\n            Process your return at <a href=\"https://comma.ai/returns\" target=\"_blank\" rel=\"noopener\">comma.ai/returns</a>.\n            Cancel or edit your existing order directly from your order confirmation email.\n            For other issues, open a <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233377161623\">ticket</a> with support.\n          "
+        },
+        {
+          "question": "I'm ready to claim an openpilot bounty.",
+          "answer": "\n            Thanks for contributing! Open a <a href=\"https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233607274775\">ticket</a> with support to claim.\n          "
+        }
+      ]
+    }
+  }
+}
diff --git a/data/products.json b/data/products.json
new file mode 100644
index 00000000..710df569
--- /dev/null
+++ b/data/products.json
@@ -0,0 +1,312 @@
+{
+  "comma-four": {
+    "title": "comma four",
+    "id": "gid://shopify/Product/7964554231871",
+    "route": "/shop/four",
+    "category": "device",
+    "price": "$999",
+    "freeRush": true,
+    "images": [
+      "/img/products/comma-four/four_screen_on.png",
+      "/img/products/comma-four/four_angled.png",
+      "/img/products/comma-four/four_back.png",
+      "/img/products/comma-four/four_side.png"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>\n        comma four is the next generation comma hardware designed to live in your car. It works on 325+ car models and adds the best driver assistance in the world to your existing car.\n      </p>\n      <p>\n        It runs <a href=\"https://github.com/commaai/openpilot\" target=\"_blank\">openpilot</a>, which can drive for hours without driver intervention.\n      </p>\n      <p>\n        You need a <a href=\"/shop/car-harness\" target=\"_blank\">car harness</a> if you don't already have one, which is free with purchase of comma four. The car harness is our universal interface to your car. Use the car harness to connect your comma device to your vehicle.\n      </p>",
+    "hasCustomComponent": true
+  },
+  "car-harness": {
+    "title": "car harness",
+    "id": "gid://shopify/Product/4447447908415",
+    "route": "/shop/car-harness",
+    "category": "accessories",
+    "price": "$99",
+    "images": [
+      "/img/products/car-harness/car-harness.jpg",
+      "/img/products/car-harness/harness-includes.jpg",
+      "/img/products/car-harness/connectors.jpg",
+      "/img/products/car-harness/OBD-II.png"
+    ],
+    "hasCustomComponent": true
+  },
+  "panda": {
+    "title": "panda",
+    "id": "gid://shopify/Product/10933316813",
+    "route": "/shop/panda",
+    "category": "accessories",
+    "price": "from $99",
+    "images": [
+      "/img/products/panda/red-panda.jpg",
+      "/img/products/panda/white-panda.jpeg"
+    ],
+    "notes": [
+      {
+        "title": "Note",
+        "content": "A panda is not necessary if purchasing a\n        <a href=\"/shop/comma-four\" target=\"_blank\">comma four</a>.\n        <br /><br />\n        A red panda is required if using a comma 3 on a CAN FD vehicle. Check\n        <a href=\"https://github.com/commaai/openpilot/blob/master/docs/CARS.md\" target=\"_blank\" rel=\"noopener noreferrer\">compatibility</a> to see if your car requires\n        a red panda with comma 3."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        pandas are the nicest universal car interfaces ever. They give you full\n        access to the many communication buses of your car.\n      </p>\n      <p>\n        A panda + <a\n          href=\"https://github.com/commaai/openpilot/tree/master/tools/cabana\"\n          target=\"_blank\">cabana</a>\n        is like fitbit for your car. Track your RPMs, MPG, cornering G-force, battery\n        life, and so much more. pandas also work as a CAN to USB adapter.\n      </p>\n      <p>\n        pandas are designed for cars from 2008 and newer. <a\n          href=\"https://github.com/commaai/panda\"\n          target=\"_blank\">panda firmware</a> is released under the MIT license.\n      </p>\n      <hr />\n      <div>\n        <hgroup>\n          <div>\n            <span>variant</span>\n            <strong>red panda</strong>\n          </div>\n        </hgroup>\n        <p>\n          The red panda is the future of panda technology. Using a STM32H725, it\n          has a 4x faster CPU and support for CAN FD on all 3 buses + the one we\n          multiplex.\n        </p>\n        <p>\n          If you have a comma three, a red panda is needed to talk to CAN FD cars.\n        </p>\n        <p>\n          A red panda is not required for the <a href=\"/shop/comma-four\">comma four</a>.\n        </p>\n        <p>\n          The red panda does not have GPS support. It is not compatible with the\n          comma two.\n        </p>\n      </div>\n      <hr />\n      <div>\n        <hgroup>\n          <div>\n            <span>variant • deprecated from openpilot</span>\n            <strong>white panda</strong>\n          </div>\n        </hgroup>\n        <ul>\n          <li>3x CAN</li>\n          <li>2x LIN</li>\n          <li>1x GMLAN</li>\n          <li>USB A</li>\n          <li>Wi-Fi hardware (software support deprecated)</li>\n        </ul>\n        <p>White panda is deprecated from openpilot.</p>\n      </div>"
+  },
+  "panda-jungle": {
+    "title": "panda jungle v2",
+    "id": "gid://shopify/Product/4598987325503",
+    "route": "/shop/panda-jungle",
+    "category": "accessories",
+    "price": "$199",
+    "images": [
+      "/img/products/panda-jungle/panda-jungle-v2.jpeg",
+      "/img/products/panda-jungle/power-adapter.jpeg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>What's better than debug board? pandas in a jungle! (pandas not included, only panda jungle)</p>\n      <p>Plug up to 6 comma devices or pandas in at once. Use provided switch to \"start\" all panda ignitions at once.</p>\n      <p>Great for comma device development and debugging!</p>\n      <p>\n        Firmware for the jungle is located in the panda repository and can be\n        <a href=\"https://github.com/commaai/panda/tree/master/board/jungle\" target=\"_blank\">obtained here</a>.\n      </p>"
+  },
+  "panda-paw": {
+    "title": "panda paw",
+    "id": "gid://shopify/Product/335696887821",
+    "route": "/shop/panda-paw",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/panda-paw/panda-paw.jpg",
+      "/img/products/panda-paw/panda-paw-back.jpeg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>Bricked your panda? You must be kidding, because panda are unbrickable if you have the convenient panda paw!</p>\n      <p>Just press the button to put your panda in boot mode, no matter what you did to it. Also makes it easy to connect to a computer with a USB Mini-B cable (not included).</p>\n      <p>Note that paw PCB color may vary, and you may not like the new color. All paw work the same though, so if you were worried, don't worry.</p>\n      <hr/>\n      <strong>Open Source</strong>\n      <p>\n        Buy it here or build it yourself. panda paw are\n        <a href=\"https://github.com/commaai/hardware/tree/master/tools/paw\" target=\"_blank\">open source hardware</a>.\n      </p>"
+  },
+  "comma-power": {
+    "title": "comma power",
+    "id": "gid://shopify/Product/341670756365",
+    "route": "/shop/comma-power",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/comma-power/comma-power.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Note",
+        "content": "A comma power is included with a purchase of a car harness."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        Use your car's OBD-II port to power your car harness.\n      </p>"
+  },
+  "comma-power-extender": {
+    "title": "comma power extender",
+    "id": "gid://shopify/Product/7626118266943",
+    "route": "/shop/comma-power-extender",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/comma-power-extender/POWER-EXTENDER.jpg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>\n        Use to extend the cable range of your comma power.\n      </p>"
+  },
+  "comma-prime-sim": {
+    "title": "comma prime SIM",
+    "id": "gid://shopify/Product/1923405250623",
+    "route": "/shop/comma-prime-sim",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/comma-prime-sim/comma-prime-sim.jpg",
+      "/img/products/comma-prime-sim/comma-3x-sim-insertion.png"
+    ],
+    "notes": [
+      {
+        "title": "Product Compatibility",
+        "content": "This product is only for the comma 3/3X."
+      },
+      {
+        "title": "Note",
+        "content": "For US customers only, requires $24/month comma prime subscription you can purchase at\n        <a href=\"https://connect.comma.ai/\" target=\"_blank\">connect.comma.ai</a>."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        This is a replacement for the SIM that ships with the comma four to support <a href=\"https://connect.comma.ai/\" target=\"_blank\">comma prime</a>.\n      </p>\n      <p>\n        See how to replace the SIM card in a comma 3/3X\n        <a href=\"/support#how-do-you-replace-the-sim-card-in-a-comma-3x\" target=\"_blank\">here</a>.\n      </p>"
+  },
+  "obd-c-cable": {
+    "title": "OBD-C cable",
+    "id": "gid://shopify/Product/4826822639679",
+    "route": "/shop/obd-c-cable",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/obd-c-cable/obd-c-cable-four.png",
+      "/img/products/obd-c-cable/obd-c-long-cable.jpg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>\n        The OBD-C cable is the standard cable for connecting your comma device to\n        your car.\n      </p>\n      <p>\n        Check out the OBD-C spec <a\n          href=\"https://github.com/commaai/hardware/blob/master/harness/OBD-C.sch.pdf\"\n          target=\"_blank\">here</a>.\n      </p>\n      <hr />\n      <div>\n        <hgroup>\n          <div>\n            <span>variant</span>\n            <strong>comma long (9.5 ft)</strong>\n          </div>\n        </hgroup>\n        <p>\n          Check the <a href=\"../shop/car-harness\" target=\"_blank\">car harness page</a>\n          to determine if your car harness kit requires this cable instead of the\n          standard cable. This is the same cable from the comma three/3X car harness kit.\n        </p>\n      </div>"
+  },
+  "harness-connector": {
+    "title": "harness connector",
+    "id": "gid://shopify/Product/4310075310143",
+    "route": "/shop/harness-connector",
+    "category": "accessories",
+    "price": "$50",
+    "images": [
+      "/img/products/harness-connector/harness-connector.jpg",
+      "/img/products/car-harness/connectors.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Compatibility",
+        "content": "Harness connector compatibility based on the US car market."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        The harness connector does <b>not</b> include the car harness box and only\n        ships with the wires and connectors needed to install an existing car harness\n        into another car.\n      </p>\n      <p>\n        Give your car harness more flexibility with another harness connector. The\n        harness connector replaces the connector in your existing car harness for\n        use in multiple cars. Already using a comma device and car harness in your\n        Toyota and want to try it out in your Honda? Simply swap out the connector\n        in your car harness, install, and drive!\n      </p>\n      <p>\n        For a harness connector with all the wires and only the 18 pin molex\n        connector, choose \"Development\".\n      </p>\n      <hr />\n      <strong>Open Source</strong>\n      <p>\n        Buy it here or build it yourself. Harness connectors are <a\n          href=\"https://github.com/commaai/hardware/tree/master/harness\"\n          target=\"_blank\">open source</a>.\n      </p>"
+  },
+  "harness-box": {
+    "title": "harness box",
+    "id": "gid://shopify/Product/4826851573823",
+    "route": "/shop/harness-box",
+    "category": "accessories",
+    "price": "$50",
+    "images": [
+      "/img/products/harness-box/harness-box.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Note",
+        "content": "The harness box is included with the <a href=\"/shop/car-harness\">car harness</a>."
+      }
+    ],
+    "description": ""
+  },
+  "replacement-mounts": {
+    "title": "replacement mounts",
+    "id": "gid://shopify/Product/4576073482303",
+    "route": "/shop/replacement-mounts",
+    "category": "accessories",
+    "price": "$20",
+    "images": [
+      "/img/products/replacement-mounts/replacement-mounts-four.png"
+    ],
+    "notes": [
+      {
+        "title": "Note",
+        "content": "comma four orders come with (2) mounts."
+      },
+      {
+        "title": "Note",
+        "content": "comma four mounts are not compatible with comma 3X/three."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        comma four mounts are compatible with every vehicle openpilot supports.\n      </p>\n      <hr />\n      <hgroup>\n        <div>\n          <span>Variant</span>\n          <strong>comma four</strong>\n        </div>\n      </hgroup>\n      <p>\n        Mount compatible with all vehicles.<br /><br />\n        <strong>Includes:</strong>\n      </p>\n      <p>\n        (2) mounts with adhesive backing\n      </p>\n      <p>\n        (1) alcohol wipe\n      </p>\n      <hr />\n      <hgroup>\n        <div>\n           <span>Variant</span>\n          <strong>comma 3X</strong>\n        </div>\n      </hgroup>\n      <p>\n        Standard mount compatible with most vehicles.<br /><br />\n        <strong>Includes:</strong>\n      </p>\n      <p>\n        (1) standard mount with adhesive backing\n      </p>\n      <p>\n        (1) alcohol wipe\n      </p>\n      <hr />\n      <hgroup>\n        <div>\n          <span>Variant</span>\n          <strong>comma 3X (8 degrees)</strong>\n        </div>\n      </hgroup>\n      <p>\n        Vehicles with steeper windshields require an alternative mount for\n        openpilot to work correctly.<br /><br />\n        <strong>Includes:</strong>\n      </p>\n      <p>\n        (1) 8 degree mount with adhesive backing\n      </p>\n      <p>\n        (1) alcohol wipe\n      </p>\n      <hr />\n      <strong>DIY Mounts</strong>\n      <p>\n        3D print comma two, three, and 3X mounts from our <a\n          href=\"https://github.com/commaai/hardware\"\n          target=\"_blank\">open source</a> files.\n      </p>",
+    "hideOutOfStockVariants": true
+  },
+  "comma-device-screen": {
+    "title": "comma device screen",
+    "id": "gid://shopify/Product/6786322858047",
+    "route": "/shop/comma-device-screen",
+    "category": "accessories",
+    "price": "$40",
+    "images": [
+      "/img/products/comma-three-device-screen/comma-three-device-screen.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Note: final sale",
+        "content": "Open and repair the comma 3/3X at your own risk.\n        comma is not responsible for damages that may occur while repairing devices.\n        No warranty except DOA."
+      }
+    ],
+    "description": "<strong>comma 3X - screen + front case</strong>\n      <ul>\n        <li>comma 3X display pre-attached to front case</li>\n        <li>includes 4 screws to attach to back piece</li>\n      </ul>\n      <strong>What's Grade B?</strong>\n      <p>\n        We no longer have inventory of our Grade A screens, so we are offering Grade B screens at a discount.\n        Grade B screens are fully functional, but may have some minor cosmetic imperfections.\n      </p>",
+    "hideOutOfStockVariants": true
+  },
+  "comma-3x-back-case": {
+    "title": "comma 3X back case",
+    "id": "gid://shopify/Product/7871177818175",
+    "route": "/shop/comma-3x-back-case",
+    "category": "accessories",
+    "price": "$25",
+    "images": [
+      "/img/products/comma-3x-back-case/comma-3x-back-case.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Note: final sale",
+        "content": "Open and repair the comma 3/3X at your own risk.\n        comma is not responsible for damages that may occur while repairing devices.\n        No warranty except DOA."
+      }
+    ],
+    "description": "<strong>comma 3X back case</strong>\n      <ul>\n        <li>comma 3X back case</li>\n        <li>Includes screws</li>\n      </ul>"
+  },
+  "comma-ai-hoodie": {
+    "title": "comma hoodie",
+    "id": "gid://shopify/Product/11027682317",
+    "route": "/shop/comma-ai-hoodie",
+    "category": "accessories",
+    "price": "$89",
+    "images": [
+      "/img/products/comma-ai-hoodie/comma-hoodie.jpg",
+      "/img/products/comma-ai-hoodie/comma-hoodie-back.jpeg",
+      "/img/products/comma-ai-hoodie/comma-hoodie-print.jpeg",
+      "/img/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>\n        The perfect mid-weight hoodie. Made from a polyester cotton blend,\n        they're not too heavy and not too warm. They have a double-lined hood for warmth,\n        a soft interior lining, and - get this - the pocket is also lined with soft fleece!\n        Men's sizing. Black fabric with a white printed comma on the front, and\n        <a href=\"https://comma.ai/\" target=\"_blank\">comma.ai</a> graphic on the back.\n        Hoodie comes stringless.\n      </p>"
+  },
+  "comma-ai-beanie": {
+    "title": "comma beanie",
+    "id": "gid://shopify/Product/4863559663679",
+    "route": "/shop/comma-ai-beanie",
+    "category": "accessories",
+    "price": "$69",
+    "images": [
+      "/img/products/comma-ai-beanie/comma-beanie.jpg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>A black beanie with a comma on it.</p>\n      <p><b>The beanie will never ever be sold for less than $69.</b></p>"
+  },
+  "comma-ai-t-shirt": {
+    "title": "comma t-shirt",
+    "id": "gid://shopify/Product/339835518989",
+    "route": "/shop/comma-ai-t-shirt",
+    "category": "accessories",
+    "price": "$35",
+    "images": [
+      "/img/products/comma-ai-t-shirt/comma-t-shirt.jpg",
+      "/img/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg",
+      "/img/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>Okay, okay we heard you. We aren't a high end fashion brand, we are a tech company. We sell a company t-shirt—for a reasonable price.</p>\n      <p>\n        This signature t-shirt is markedly soft, unisex that is versatile and lends itself to daily wear.\n        Spun from a plush fabric that is made up of cotton and polyester fibers,\n        this shirt features an up-to-date fit. Choose yours from the single white color we offer.\n      </p>"
+  },
+  "comma-four-trade-in": {
+    "title": "comma four trade-in",
+    "id": "gid://shopify/Product/7966994202687"
+  },
+  "comma-3x-out-of-warranty-repair": {
+    "title": "comma 3X out of warranty repair",
+    "id": "gid://shopify/Product/7294255104063",
+    "route": "/shop/comma-3x-out-of-warranty-repair",
+    "category": "accessories",
+    "price": "$500",
+    "images": [
+      "/img/products/comma-3x/comma-3x.jpg"
+    ],
+    "notes": [],
+    "description": "<strong>Description</strong>\n      <p>\n        Dropped your device and broke the screen?\n        Having issues outside the warranty period?\n\n        <b>All out-of-warranty comma 3X repairs are covered under the same flat-rate.</b>\n\n        Ship us your original comma 3X, and for the flat rate, we'll send you your repaired comma 3X.\n      </p>\n\n      <hr>\n      <strong>Instructions</strong>\n      <p>\n        1. Purchase this product.\n      </p>\n      <p>\n        2. Ship your comma 3X back to us with tracking.\n      </p>\n      <p>Address to:</p>\n      <p style=\"margin-left: 1em; font-size: 0.75em\"><b>\n        comma 3X repair<br>\n        Repair Order #<br>\n        3900 Harney Street<br>\n        San Diego, CA 92110<br>\n      </b></p>\n      <p>\n        3. When the comma 3X arrives, give us up to 5 business days to process it.\n      </p>\n      <p>\n        4. We ship you your repaired comma 3X.\n      </p>\n\n      <hr>\n      <strong>THE FINE PRINT</strong>\n      <p>\n        -> This offer is ONLY good for the original device owner. <b>What does this mean?</b> The device sent for repair must have been purchased from the comma shop by the same person who purchased the device originally. The name and/or address on the original comma 3X order must be the same. Resale and second market devices do not qualify for repair at this time. You must include your original order number with your device when returning it. We reserve the right to cancel orders that do not follow this policy.\n      </p>\n      <p>\n        -> We are not responsible for lost or damaged packages. Please be sure to have tracking on your package. Ship your device according to local laws and regulations.\n      </p>\n      <p>\n        -> No warranty except DOA, which must be reported within 14 days of delivery.\n      </p>"
+  },
+  "body": {
+    "title": "comma body",
+    "id": "gid://shopify/Product/6920331296831",
+    "route": "/shop/body",
+    "category": "device",
+    "price": "$999",
+    "images": [
+      "/img/products/body/comma-body.jpg",
+      "/img/products/body/comma-body-devkit.jpeg",
+      "/img/products/body/comma-body-display.jpeg",
+      "/img/products/body/comma-body-size.png",
+      "/img/products/body/comma-body-wheels.jpg"
+    ],
+    "notes": [
+      {
+        "title": "Compatibility Notice",
+        "content": "comma body is not yet compatible with comma four."
+      }
+    ],
+    "description": "<strong>Description</strong>\n      <p>\n        The body is a robotics dev kit that can run <a href=\"https://github.com/commaai/openpilot\" target=\"_blank\">openpilot</a>,\n        open source software with over a million hours of usage in the field.\n      </p>\n      <p>\n        We believe that in order to solve AI, you must be embedded in the real world.\n        The body is human scale, and has a human usable development environment.\n      </p>\n      <p>\n        It runs the same camera and logging software, so we'll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.\n      </p>",
+    "forceOutOfStock": true
+  }
+}
\ No newline at end of file
diff --git a/src/lib/vehicles.json b/data/vehicles.json
similarity index 100%
rename from src/lib/vehicles.json
rename to data/vehicles.json
diff --git a/hugo.toml b/hugo.toml
new file mode 100644
index 00000000..ce499499
--- /dev/null
+++ b/hugo.toml
@@ -0,0 +1,31 @@
+baseURL = 'https://comma.ai/'
+languageCode = 'en'
+title = 'comma.ai — make driving chill'
+publishDir = 'build'
+uglyURLs = true
+disableKinds = ['taxonomy', 'term', 'RSS', 'sitemap', 'robotsTXT']
+disableHugoGeneratorInject = true
+enableRobotsTXT = false
+disableLiveReload = false
+capitalizeListTitles = false
+enableInlineShortcodes = true
+
+[params]
+  vehicleRoundTo = 25
+
+# Public Shopify Storefront credentials (dev store; production token is
+# injected in CI via HUGO_PARAMS_SHOPIFY_STOREFRONTAPITOKEN)
+[params.shopify]
+  apiVersion = '2025-01'
+  storeUrl = 'comma-dev.myshopify.com'
+  storefrontApiToken = 'ee9baaeb9964250671e3abe92cef70e6'
+
+[caches]
+  [caches.getresource]
+    maxAge = '1h'
+
+[minify]
+  disableHTML = true
+
+[markup.goldmark.renderer]
+  unsafe = true
diff --git a/jsconfig.json b/jsconfig.json
deleted file mode 100644
index e0e3f0bd..00000000
--- a/jsconfig.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "extends": "./.svelte-kit/tsconfig.json",
-  "exclude": [".svelte-kit", "node_modules", "build"]
-}
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 00000000..9a28aa96
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,5 @@
+{{- /* 404 / error page. Ports src/routes/+error.svelte (scope svelte-177x5sy)
+       rendered inside the normal shell. The old build/404.html was a blank
+       SPA fallback that client-rendered this exact DOM with
+       $page.error.message === "Not Found"; Hugo prerenders it instead. */ -}}
+{{ define "main" }}<div class="page svelte-177x5sy">{{ partial "icon.html" "comma.svg" }} <h1 class="svelte-177x5sy">Not Found</h1> <span class="svelte-177x5sy">An issue occurred. <a class="highlight" href="/">Click here</a> to go back to the homepage.</span></div>{{ end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 00000000..35a77af6
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    {{ partial "head.html" . }}
+{{ block "head" . }}{{ end }}
+  </head>
+  <body>
+    <div>
+      {{ partial "header.html" . }}
+      <main>{{ block "main" . }}{{ end }}</main>
+      {{ partial "footer.html" . }}
+    </div>
+    {{ partial "scripts.html" . }}
+  </body>
+</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 00000000..b8bcfa70
--- /dev/null
+++ b/layouts/_default/list.html
@@ -0,0 +1 @@
+{{ define "main" }}{{ .Content }}{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 00000000..b8bcfa70
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1 @@
+{{ define "main" }}{{ .Content }}{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 00000000..b8bcfa70
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1 @@
+{{ define "main" }}{{ .Content }}{{ end }}
diff --git a/layouts/partials/faq-slug.html b/layouts/partials/faq-slug.html
new file mode 100644
index 00000000..3d12030f
--- /dev/null
+++ b/layouts/partials/faq-slug.html
@@ -0,0 +1,7 @@
+{{- /* Faq.svelte's slug rule, exactly:
+       str.toLowerCase().replace(/[^\w\s]/g, "").replaceAll(" ", "-")
+     lowercase -> strip every char that is not [A-Za-z0-9_] or whitespace
+     (kills ' ? & - ( ) , . /) -> EVERY space becomes a dash (consecutive
+     spaces produce consecutive dashes: "Shipping & Returns" -> "shipping--returns",
+     "Money-back" -> "moneyback"). Hugo's anchorize/urlize do NOT match. */ -}}
+{{- return replace (replaceRE `[^\w\s]` "" (lower .)) " " "-" -}}
diff --git a/layouts/partials/faq.html b/layouts/partials/faq.html
new file mode 100644
index 00000000..deffe578
--- /dev/null
+++ b/layouts/partials/faq.html
@@ -0,0 +1,21 @@
+{{- /*
+  Faq.svelte (scope svelte-1olhv4k) + its Accordion.svelte children (scope
+  svelte-f0pxdy) — header banner + one checkbox-hack accordion per question,
+  separated by unscoped <hr>. No open/close animation (content snaps), all
+  accordions unchecked at build time; assets/js/lib/faq.js adds the hash
+  deep-link behaviors at runtime.
+
+  Args (dict):
+    topic   topic dict from data/faq.json `topics` ({title, image, questions})
+    title   optional title override (/setup: "Frequently asked questions")
+
+  ids come from the exact Faq.svelte slug rule (partials/faq-slug.html).
+  Question/title text is escaped like Svelte text interpolation (& and < only,
+  so apostrophes stay raw). Answers are raw HTML, byte-preserved from
+  src/lib/constants/faq.svelte. `image` may be a data: URI — the old build
+  inlined 30-day/shipping/shop.svg — shipped verbatim.
+*/ -}}
+{{- $topic := .topic -}}
+{{- $title := .title | default $topic.title -}}
+{{- $titleHTML := replace (replace $title "&" "&amp;") "<" "&lt;" | safeHTML -}}
+<div><div class="header svelte-1olhv4k" id="{{ partial "faq-slug.html" $title }}"><div class="grid svelte-7tyzqm small" style="--columns: 2; --align-items: center; --column-gap: 3rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><h1>{{ $titleHTML }}</h1> <div class="mobile-first"><picture><img {{ printf "src=%q" $topic.image | safeHTMLAttr }} loading="eager" alt="{{ $titleHTML }} banner"></picture></div> </div></div> <div class="questions svelte-1olhv4k"> {{ range $i, $q := $topic.questions }}{{ if $i }} {{ end }}{{ $slug := partial "faq-slug.html" $q.question }}{{ $qHTML := replace (replace $q.question "&" "&amp;") "<" "&lt;" | safeHTML }}<div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="{{ $slug }}" id="{{ $slug }}"  class="svelte-f0pxdy"> <label for="{{ $slug }}" class="svelte-f0pxdy"><div slot="label" class="label"><span>{{ $qHTML }}</span> </div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="details" slot="content">{{ $q.answer | safeHTML }} </div></div> </div> <hr>{{ end }}</div> </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 00000000..ec08fcb5
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,7 @@
+{{- /* Global footer. Ports src/routes/+layout.svelte:140–188 (scope
+       svelte-uhk6nj) with Grid (svelte-7tyzqm), Badge (svelte-57k9f5),
+       SocialIcons (svelte-y50ryu) and MailingListForm (svelte-q96sfc,
+       style="primary"). Class strings (incl. multi-space Grid/Badge class
+       slots) and badge trailing spaces are byte-exact with ref-build.
+       Mailing-list submit behavior lives in assets/js/main.js. */ -}}
+<footer class="svelte-uhk6nj"><div class="container"><div class="grid svelte-7tyzqm   large" style="--columns: 4; --align-items: start; --column-gap: 3rem; --row-gap: 1.5rem; --wrapped-columns: 1; --template-columns: repeat(var(--columns), 1fr); --lg-column-gap: 3rem; --lg-template-columns: repeat(var(--columns), 1fr);"><div class="footer-links"><strong>Product</strong> <a href="/openpilot">openpilot</a> <a class="badged" href="/shop/comma-four"><span>comma four</span> <div style="display: inline" class="svelte-57k9f5  light">new </div></a> <a href="/connect">connect</a> <a href="/vehicles">Compatibility</a> <a href="/shop">Shop</a></div> <div class="footer-links"><strong>Company</strong> <a href="https://blog.comma.ai">Blog</a> <a class="badged" href="/jobs"><span>Jobs</span> <div style="display: inline" class="svelte-57k9f5  light">we&#39;re hiring! </div></a> <a class="badged" href="/leaderboard.html"><span>Leaderboard</span> <div style="display: inline" class="svelte-57k9f5   accent">New Challenge! </div></a></div> <div class="footer-links"><strong>Support</strong> <a href="/support">Support &amp; FAQs</a> <a href="/setup">Setup Guide</a> <a class="badged" href="https://discord.comma.ai/"><span>Discord</span> {{ partial "icon.html" "ui/external.svg" }}</a></div> <div class="footer-links"><div class="tagline">{{ partial "icon.html" "comma.svg" }}<span>make driving chill</span></div> <div class="social-icons svelte-y50ryu" style="--size: 1.5rem"><a href="https://github.com/commaai" target="_blank" class="github">{{ partial "icon.html" "social/github.svg" }}</a> <a href="https://twitter.com/comma_ai" target="_blank" class="twitter">{{ partial "icon.html" "social/x.svg" }}</a> <a href="https://www.instagram.com/comma_ai" target="_blank" class="instagram">{{ partial "icon.html" "social/instagram.svg" }}</a> <a href="https://www.youtube.com/commaai" target="_blank" class="youtube">{{ partial "icon.html" "social/youtube.svg" }}</a> <a href="https://discord.comma.ai" target="_blank" class="discord">{{ partial "icon.html" "social/discord.svg" }}</a> </div> <div id="mailing-list" class="mailing-list"><form aria-label="Email Form" class="svelte-q96sfc primary"><label for="form" class="svelte-q96sfc">Get the latest updates</label> <input maxlength="256" name="email" data-name="Email" placeholder="Enter your email" type="email" class="svelte-q96sfc" value=""> <input type="submit" data-wait="Please wait..." value="Subscribe" disabled class="svelte-q96sfc"></form></div></div> </div> <div class="copyright"><span>© comma_ai 2025</span> <a href="/terms">Terms &amp; Privacy</a></div></div> </footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
new file mode 100644
index 00000000..15157d72
--- /dev/null
+++ b/layouts/partials/head.html
@@ -0,0 +1,91 @@
+<meta charset="utf-8" />
+<link rel="icon" href="/favicon.png" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+<!-- analytics -->
+<script defer data-domain="comma.ai" src="https://plausible.io/js/script.js"></script>
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-NKN922YQ1D"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-NKN922YQ1D');
+</script>
+<script>
+    (function(h,o,t,j,a,r){
+        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+        h._hjSettings={hjid:3254988,hjsv:6};
+        a=o.getElementsByTagName('head')[0];
+        r=o.createElement('script');r.async=1;
+        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+        a.appendChild(r);
+    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+</script>
+<script>
+    !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Rr Mr fi Cr Ar ci Tr Fr capture Mi calculateEventProperties Lr register register_once register_for_session unregister unregister_for_session Hr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ur jr createPersonProfile zr kr Br opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Dr debug M Nr getPageViewId captureTraceFeedback captureTraceMetric $r".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
+    posthog.init('phc_4VfSi5FAChlAt5keSrxVWCaVyZTsYpFKqz2Bw60KLz', {
+        api_host: 'https://us.i.posthog.com',
+        defaults: '2025-05-24',
+        person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
+    })
+</script>
+
+<!-- Twitter conversion tracking base code -->
+<script>
+!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
+},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
+a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
+twq('config','oaolc');
+</script>
+<!-- End Twitter conversion tracking base code -->
+
+<!-- live chat -->
+<!--
+<script src="//code.tidio.co/9o9hpvuj5fqc7gu1vhialdrpp7buweu2.js" async></script>
+-->
+
+<title>{{ if eq .Kind "404" }}{{ site.Title }}{{ else }}{{ .Title | default site.Title }}{{ end }}</title>
+
+<!-- Google SEO -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Organization",
+  "url": "https://comma.ai",
+  "sameAs": [
+    "https://twitter.com/comma_ai",
+    "https://github.com/commaai"
+  ],
+  "name": "comma.ai",
+  "description": "An AI upgrade for your car. Make driving chill."
+}
+</script>
+
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://comma.ai/" />
+<meta property="og:title" content="comma.ai — make driving chill" />
+<meta property="og:description" content="An AI upgrade for your car" />
+<meta property="og:image" content="https://comma.ai/og-comma-four.png" />
+<meta property="og:image:width" content="1200" />
+<meta property="og:image:height" content="628" />
+
+<!-- Twitter -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@comma_ai" />
+<meta name="twitter:title" content="comma.ai — make driving chill" />
+<meta name="twitter:description" content="An AI upgrade for your car" />
+<meta name="twitter:image" content="https://comma.ai/og-comma-four.png" />
+<meta name="twitter:image:alt" content="comma four" />
+
+{{ with .Params.description }}<meta name="description" content="{{ . }}">
+{{ end }}{{ range .Params.preloadImages }}<link rel="preload" as="image" href="{{ . }}">
+{{ end }}<link
+  rel="preload"
+  href="/fonts/MonumentExtended-Black.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+{{ with resources.Get "css/site.css" | minify | fingerprint }}<link href="{{ .RelPermalink }}" rel="stylesheet">{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 00000000..38460ff5
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,26 @@
+{{- /* Global navbar + header banner. Ports src/routes/+layout.svelte (header,
+       scope svelte-uhk6nj), HeaderMenu.svelte (svelte-1u2audz, CSS-only
+       :focus-within dropdown, no JS), SocialIcons.svelte (svelte-y50ryu) and
+       HeaderBanner.svelte (svelte-13beqlz). The cart button and the cart
+       drawer are client-only: assets/js/main.js appends the button to
+       .navbar-section-buttons and inserts the drawer right after </header>
+       (its mount point), exactly like the Svelte hydration path. */ -}}
+{{- $path := strings.TrimSuffix ".html" .RelPermalink -}}
+{{- /* Blog posts for the menu: build-time fetch of the RSS feed, like
+       src/routes/+layout.js load() — 3 latest posts in feed order.
+       Fetch failure hard-fails the build (matches SvelteKit prerender). */ -}}
+{{- $feedURL := "https://blog.comma.ai/feed" -}}
+{{- $blogPosts := slice -}}
+{{- $res := try (resources.GetRemote $feedURL) -}}
+{{- with $res.Err -}}
+  {{- errorf "header: failed to fetch blog feed %s: %s" $feedURL . -}}
+{{- else -}}
+  {{- with $res.Value -}}
+    {{- $blogPosts = first 3 ((transform.Unmarshal .Content).channel.item) -}}
+  {{- else -}}
+    {{- errorf "header: no response for blog feed %s" $feedURL -}}
+  {{- end -}}
+{{- end -}}
+<header class="navbar svelte-uhk6nj"><div class="navbar-container svelte-uhk6nj"><div class="navbar-section-logo svelte-uhk6nj"><a class="title" href="/">comma</a> <div class="menu-container"><nav aria-label="navigation menu" class="svelte-1u2audz"><button type="button" class="toggle-button svelte-1u2audz" aria-expanded="false" aria-controls="menu-dropdown" tabindex="0"><svg viewBox="0 0 24 24" width="32" height="32"><rect x="3" y="5" width="18" height="2"></rect><rect x="3" y="11" width="18" height="2"></rect><rect x="3" y="17" width="18" height="2"></rect></svg></button> <div class="menu-container svelte-1u2audz" id="menu-dropdown" role="dialog" aria-modal="true" tabindex="-1"><div class="section-links svelte-1u2audz"><a href="/" class="svelte-1u2audz">home</a> <a href="/openpilot" class="svelte-1u2audz">openpilot</a> <a href="/shop/comma-four" class="svelte-1u2audz">comma four</a> <a href="/shop" class="svelte-1u2audz">shop</a> <a href="/connect" class="svelte-1u2audz">connect</a> <a href="/vehicles" class="svelte-1u2audz">compatibility</a> <a href="/setup" class="svelte-1u2audz">setup guide</a> <a href="/support" class="svelte-1u2audz">support &amp; FAQs</a> <a href="https://blog.comma.ai" class="svelte-1u2audz">blog</a> <a href="/jobs" class="svelte-1u2audz">jobs - we&#39;re hiring!</a></div> <div class="news-feed svelte-1u2audz"><div class="blog"><div class="title">Latest from the blog:</div> {{ range $blogPosts }}<div class="entry"><a href="{{ index .guid "#text" }}">{{ .title }}</a> <div>{{ time.Format "January 2, 2006" (time.AsTime .pubDate) }} - {{ .readTime }}</div> </div>{{ end }}</div> <div class="social-links"><div class="title">Social</div> <div class="social-icons svelte-y50ryu" style="--size: 2rem"><a href="https://github.com/commaai" target="_blank" class="github">{{ partial "icon.html" "social/github.svg" }}</a> <a href="https://twitter.com/comma_ai" target="_blank" class="twitter">{{ partial "icon.html" "social/x.svg" }}</a> <a href="https://www.instagram.com/comma_ai" target="_blank" class="instagram">{{ partial "icon.html" "social/instagram.svg" }}</a> <a href="https://www.youtube.com/commaai" target="_blank" class="youtube">{{ partial "icon.html" "social/youtube.svg" }}</a> <a href="https://discord.comma.ai" target="_blank" class="discord">{{ partial "icon.html" "social/discord.svg" }}</a> </div></div></div></div> </nav></div></div> <nav class="navbar-section-links svelte-uhk6nj"><a href="/"{{ if eq $path "/" }} class="active"{{ end }}>home</a> <a href="/openpilot"{{ if hasPrefix $path "/openpilot" }} class="active"{{ end }}>openpilot</a> <a href="/shop/comma-four"{{ if hasPrefix $path "/shop/comma-four" }} class="active"{{ end }}>comma four</a> <a href="/vehicles"{{ if hasPrefix $path "/vehicles" }} class="active"{{ end }}>compatibility</a> <a href="/jobs"{{ if hasPrefix $path "/jobs" }} class="active"{{ end }}>jobs</a></nav> <div class="navbar-section-buttons svelte-uhk6nj"><a class="button shop" href="/shop">{{ partial "icon.html" "ui/basket.svg" }}
+        Shop</a> </div></div></header>  <div class="banner svelte-13beqlz"><div class="wrapper svelte-13beqlz"><p class="headline svelte-13beqlz">New open roles in San Diego.
+      <a href="/jobs" class="cta svelte-13beqlz">Build with us -&gt;</a></p></div> </div>
diff --git a/layouts/partials/icon.html b/layouts/partials/icon.html
new file mode 100644
index 00000000..5bb6b0c3
--- /dev/null
+++ b/layouts/partials/icon.html
@@ -0,0 +1,3 @@
+{{- /* Inline an SVG from assets/icons (replaces Svelte `?raw` imports).
+       Usage: {{ partial "icon.html" "ui/cart.svg" }} */ -}}
+{{- with resources.Get (printf "icons/%s" .) -}}{{ .Content | safeHTML }}{{- else -}}{{ errorf "icon not found: %s" . }}{{- end -}}
diff --git a/layouts/partials/picture.html b/layouts/partials/picture.html
new file mode 100644
index 00000000..6f53fea1
--- /dev/null
+++ b/layouts/partials/picture.html
@@ -0,0 +1,17 @@
+{{- /*
+  Replicates the SvelteKit optimize-image preprocessor output:
+  <picture><source avif><source webp> <img src=orig ...></picture>
+  .src    logical image path, e.g. /img/products/comma-four/four_back.png
+  .attrs  map of extra <img> attributes (alt, loading, class, style, width, ...)
+  Variants exist as siblings generated by scripts/optimize-images.mjs.
+  jpg/jpeg/png/gif sources get <picture> treatment; everything else renders a bare <img>.
+*/ -}}
+{{- $src := .src -}}
+{{- $ext := path.Ext $src -}}
+{{- $stem := strings.TrimSuffix $ext $src -}}
+{{- $attrs := .attrs | default dict -}}
+{{- if in (slice ".jpg" ".jpeg" ".png" ".gif") (lower $ext) -}}
+<picture><source srcset="{{ $stem }}.avif" type="image/avif"><source srcset="{{ $stem }}.webp" type="image/webp"> <img src="{{ $src }}"{{ range $k, $v := $attrs }} {{ printf "%s=%q" $k $v | safeHTMLAttr }}{{ end }}></picture>
+{{- else -}}
+<img src="{{ $src }}"{{ range $k, $v := $attrs }} {{ printf "%s=%q" $k $v | safeHTMLAttr }}{{ end }}>
+{{- end -}}
diff --git a/layouts/partials/product/car-harness-description.html b/layouts/partials/product/car-harness-description.html
new file mode 100644
index 00000000..4d1b6739
--- /dev/null
+++ b/layouts/partials/product/car-harness-description.html
@@ -0,0 +1,9 @@
+{{- /* CarHarness.svelte description slot, ported verbatim from the prerendered
+       build/shop/car-harness.html (data-svelte-h attributes dropped). The
+       YouTube iframe is EAGERLY loaded on purpose — same as the old site. */ -}}
+{{- `<strong>Description</strong> <p>The car harness is our universal interface to your car. Use the car
+      harness to connect your comma device to your vehicle.</p> <p>We designed it to be invisible in your car while being easy to install and
+      use. Car harness allows seamlessly switching back
+      to the stock system when unplugging your comma device.</p> <div class="video-container"><iframe src="https://www.youtube.com/embed/keM6UnpguKo?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" title="car harness"></iframe></div> <hr> <strong>Highlights</strong> <ul><li>Stealth install; car parts remain in place, no messy cables</li> <li>Easy to set up; watch us do it in 3 minutes
+        <a href="https://www.youtube.com/watch?v=3nlkomHathI" target="_blank">here</a></li></ul> <hr> <strong>What&#39;s in the box?</strong> <p>Each vehicle has a specific harness based on make, model and year. Each
+      kit includes the following:</p> <ul><li>comma power</li> <li>harness connector</li> <li>harness box</li></ul> <p>Exceptions to the above include:</p> <p><strong>OBD II</strong></p> <ul><li>OBD-II connector</li> <li>long OBD-C cable (9.5 ft)</li></ul> <p><strong>Rivian A, Ford Q4, Nissan, and J533</strong></p> <ul><li>comma power</li> <li>harness connector</li> <li>harness box</li> <li>long OBD-C cable (9.5 ft)</li></ul> <p><strong>Tesla A, Tesla B</strong></p> <ul><li>harness connector</li> <li>harness box</li> <li>long OBD-C cable (9.5 ft)</li></ul>` | safeHTML -}}
diff --git a/layouts/partials/product/car-harness-notes.html b/layouts/partials/product/car-harness-notes.html
new file mode 100644
index 00000000..41fa1480
--- /dev/null
+++ b/layouts/partials/product/car-harness-notes.html
@@ -0,0 +1,6 @@
+{{- /* CarHarness.svelte notes slot — two NoteCards (plain-text slots, so no
+       trailing space after the body text, unlike products.json notes). */ -}}
+{{- partial "product/note-card.html" (dict "title" "Compatibility" "contentHTML" "Harness compatibility based on the US car market.") -}}
+{{ partial "product/note-card.html" (dict "title" "Note" "contentHTML" `Does not include the
+      <a href="/shop/obd-c-cable" target="_blank">OBD-C cable</a>, sold
+      separately.`) -}}
diff --git a/layouts/partials/product/comma-four-accessory.html b/layouts/partials/product/comma-four-accessory.html
new file mode 100644
index 00000000..647f0423
--- /dev/null
+++ b/layouts/partials/product/comma-four-accessory.html
@@ -0,0 +1,15 @@
+{{- /*
+  CommaFour.svelte price-accessory slot (scope svelte-1qobqhj): badges row,
+  divider, harness prompt, the harness selector (377 rows: NO_HARNESS first,
+  then 333 vehicles + 43 generic harnesses) and the $250 trade-in CheckboxCard
+  (CheckboxCard.svelte scope svelte-3bw1mc over a NoteCard svelte-1328bir).
+  Rendered through product/product.html's `variantSelector` hook so it lands
+  right after the price slot, exactly where the prerendered span sits.
+  Initial SSR state: no "$xxx due today" span (trade-in unchecked), checkbox
+  unchecked + disabled (class string "checkbox-card svelte-3bw1mc  disabled"
+  — double space from the empty `checked` slot — and `  disabled` on the
+  input where `checked` would go). assets/js/pages/comma-four.js mutates all
+  of it at runtime.
+*/ -}}
+<span slot="price-accessory"><div class="badges svelte-1qobqhj"><div style="display: block" class="svelte-57k9f5 dark">Free rush shipping </div> </div> <hr class="svelte-1qobqhj"> <strong>Select a harness to connect the comma four to your car.</strong> {{ partial "product/harness-selector.html" (dict "label" "Select your car" "showNoHarnessOption" true) }}  <label class="checkbox-card svelte-3bw1mc  disabled"><div class="card svelte-1328bir"><div class="icon-slot"><input type="checkbox" slot="icon"  disabled></div> <hgroup><span>$250 credit with trade-in</span> <div>Get $250 credit when you trade in your old comma device. Any comma device, in any condition.
+      <a href="/shop/comma-four-trade-in">Instructions and Terms</a></div></hgroup> </div> </label></span>
diff --git a/layouts/partials/product/comma-four-description.html b/layouts/partials/product/comma-four-description.html
new file mode 100644
index 00000000..4a1a66c7
--- /dev/null
+++ b/layouts/partials/product/comma-four-description.html
@@ -0,0 +1,16 @@
+{{- /*
+  CommaFour.svelte description slot: the three buy-box accordions
+  (Accordion.svelte scope svelte-f0pxdy, items/labels/details scope
+  svelte-1qobqhj). Pure-CSS open/close, no hash behavior (unlike the FAQ
+  accordions further down the page). The old build baked random hex ids
+  (e.g. 67c15e396205d.4); the port uses stable slugs — the normalize harness
+  canonicalizes Accordion ids, and the only hard requirement is
+  input[name][id] == label[for] and per-page uniqueness.
+*/ -}}
+<div class="item svelte-1qobqhj"><div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="free-rush-ups-2nd-day-air-shipping" id="free-rush-ups-2nd-day-air-shipping"  class="svelte-f0pxdy"> <label for="free-rush-ups-2nd-day-air-shipping" class="svelte-f0pxdy"><div class="label svelte-1qobqhj" slot="label"><div>{{ partial "icon.html" "features/shipping.svg" }}</div> <span>Free Rush (UPS 2nd Day Air) shipping</span></div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="details svelte-1qobqhj" slot="content">US only. Rush orders are fulfilled on the next business day.
+          <br><br>
+          International shipping is $30 flat rate.
+          See fine print below for details. Common shipping questions are answered on
+          <a href="/support#shipping--returns" target="_blank">the FAQ</a>.</div></div> </div></div> <div class="item svelte-1qobqhj"><div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="try-our-30day-moneyback-trial" id="try-our-30day-moneyback-trial"  class="svelte-f0pxdy"> <label for="try-our-30day-moneyback-trial" class="svelte-f0pxdy"><div class="label svelte-1qobqhj" slot="label"><div>{{ partial "icon.html" "features/money-back-guarantee.svg" }}</div> <span>Try our 30-day money-back trial</span></div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="details svelte-1qobqhj" slot="content">See for yourself why Consumer Reports rated us as the
+          <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf">top driver assistance system</a>.
+          We think you’ll love it, but if you’re not satisfied, send it back for a full refund.</div></div> </div></div> <div class="item svelte-1qobqhj"><div class="tab svelte-f0pxdy" style="--foreground-color: black; --background-color: white;"><input type="checkbox" name="1year-hardware-warranty" id="1year-hardware-warranty"  class="svelte-f0pxdy"> <label for="1year-hardware-warranty" class="svelte-f0pxdy"><div class="label svelte-1qobqhj" slot="label"><div>{{ partial "icon.html" "features/warranty.svg" }}</div> <span>1-year hardware warranty</span></div> <span class="chevron svelte-f0pxdy">{{ partial "icon.html" "icon-chevron.svg" }}</span></label> <div class="content svelte-f0pxdy"><div class="details svelte-1qobqhj" slot="content">1-year limited warranty against hardware defects. Extend it with <a href="/connect#what-is-commacare">commacare</a>.</div></div> </div></div>
diff --git a/layouts/partials/product/harness-selector.html b/layouts/partials/product/harness-selector.html
new file mode 100644
index 00000000..de121f01
--- /dev/null
+++ b/layouts/partials/product/harness-selector.html
@@ -0,0 +1,73 @@
+{{- /*
+  HarnessSelector.svelte (scope svelte-1dmkgpz; rows HarnessDropdownItem.svelte
+  scope svelte-1c3kfyc) — closed/empty initial state, with every dropdown row
+  prerendered (vehicles.json × car_harnesses.json join, vehicles first in the
+  raw file order of vehicles.json makes, then the generic/developer harnesses
+  in car_harnesses.json order; `comma body` skipped).
+
+  Args (dict, all optional):
+    label              placeholder label   (default "Select vehicle")
+    placeholder        search input placeholder
+                                           (default "Search for a vehicle or harness")
+    showNoHarnessOption  prepend the "I already have a car harness (‑$50)"
+                         row (comma-four only; default false)
+    showGenericHarnesses exclude the developer/generic-make harnesses when
+                         false (HarnessSelector.svelte showGenericHarnesses
+                         prop -> vehicleHarnesses store; /setup; default true)
+    prerenderRows        when false, emit the empty dropdown-content the old
+                         build shipped on pages whose rows were 100%
+                         client-rendered (/setup); the metadata config tag is
+                         still emitted and assets/js/lib/harness-selector.js
+                         builds the rows after the stock fetch (default true)
+
+  Runtime metadata (one object per rendered row, in DOM order, mirroring the
+  harness objects built by src/lib/utils/harnesses.js) is embedded in a
+  <script type="application/json" data-harness-config> tag consumed by
+  assets/js/lib/harness-selector.js. Stock flags (availableForSale /
+  currentlyNotInStock) are merged in at runtime from the page's product fetch.
+*/ -}}
+{{- $label := .label | default "Select vehicle" -}}
+{{- $placeholder := .placeholder | default "Search for a vehicle or harness" -}}
+{{- $showNoHarness := .showNoHarnessOption | default false -}}
+{{- $showGeneric := true -}}
+{{- if isset . "showGenericHarnesses" }}{{ $showGeneric = .showGenericHarnesses }}{{ end -}}
+{{- $prerenderRows := true -}}
+{{- if isset . "prerenderRows" }}{{ $prerenderRows = .prerenderRows }}{{ end -}}
+{{- $harnesses := site.Data.car_harnesses -}}
+{{- /* make order = raw key order of data/vehicles.json (Hugo sorts map keys,
+       the generated file does not — extract the order from the raw bytes) */ -}}
+{{- $makes := slice -}}
+{{- range findRE `(?m)^  ".+": \[` (os.ReadFile "data/vehicles.json") -}}
+  {{- $makes = $makes | append (strings.TrimSuffix "\": [" (strings.TrimPrefix "  \"" .)) -}}
+{{- end -}}
+{{- $items := slice -}}
+{{- range $make := $makes -}}
+  {{- range $model := index site.Data.vehicles $make -}}
+    {{- if ne $model.name "comma body" -}}
+      {{- $harness := dict -}}
+      {{- range $h := $harnesses -}}
+        {{- if eq $h.title $model.harness_connector -}}{{- $harness = $h -}}{{- end -}}
+      {{- end -}}
+      {{- if $harness.id -}}
+        {{- $item := dict
+              "id" $harness.id
+              "title" $harness.title
+              "make" $make
+              "car" $model.name
+              "package" $model.package
+              "setupNotes" $model.setup_notes
+              "setupVideo" $model.setup_video -}}
+        {{- with $harness.backordered }}{{ $item = merge $item (dict "backordered" .) }}{{ end -}}
+        {{- $items = $items | append $item -}}
+      {{- end -}}
+    {{- end -}}
+  {{- end -}}
+{{- end -}}
+{{- if $showGeneric -}}
+{{- range $h := $harnesses -}}
+  {{- $item := dict "car" $h.title "id" $h.id -}}
+  {{- with $h.backordered }}{{ $item = merge $item (dict "backordered" .) }}{{ end -}}
+  {{- $items = $items | append $item -}}
+{{- end -}}
+{{- end -}}
+<div class="dropdown svelte-1dmkgpz"><div><div class="selection-placeholder svelte-1dmkgpz" role="button" tabindex="0"><div class="label">{{ $label }}</div> <div class="accessory"></div></div> <span class="chevron svelte-1dmkgpz">{{ partial "icon.html" "icon-chevron.svg" }}</span></div> <div class="dropdown-content svelte-1dmkgpz"> {{ if $prerenderRows }}{{ if $showNoHarness }}<div class="dropdown-item svelte-1c3kfyc" role="option" aria-selected="false" tabindex="0"><div class="item-info svelte-1c3kfyc"><div class="title svelte-1c3kfyc">I already have a car harness (‑$50)</div> </div> <div class="accessory-label svelte-1c3kfyc"></div> </div>{{ end }}{{ range $item := $items }}<div class="dropdown-item svelte-1c3kfyc" role="option" aria-selected="false" tabindex="0"><div class="item-info svelte-1c3kfyc"><div class="title svelte-1c3kfyc">{{ $item.car }}</div> {{ with $item.title }}<div class="subtitle svelte-1c3kfyc">Harness: {{ . }}</div>{{ end }}</div> <div class="accessory-label svelte-1c3kfyc"></div> </div>{{ end }}{{ end }}</div><script type="application/json" data-harness-config>{{ dict "label" $label "placeholder" $placeholder "noHarnessOption" $showNoHarness "items" $items | jsonify | safeJS }}</script></div>
diff --git a/layouts/partials/product/note-card.html b/layouts/partials/product/note-card.html
new file mode 100644
index 00000000..2d9bb2b2
--- /dev/null
+++ b/layouts/partials/product/note-card.html
@@ -0,0 +1,13 @@
+{{- /*
+  NoteCard.svelte (scope svelte-1328bir).
+  Args (dict):
+    title       card label (plain text)
+    contentHTML inner HTML of the body <div> — pass EXACTLY what should land
+                between <div> and </div> (products.json notes carry a trailing
+                space after the {@html} block in the old SSR output; plain-text
+                slots like the Shipping card do not — the caller decides)
+    icon        optional icon path under assets/icons (default "ui/info.svg")
+    elevated    optional bool — adds the `elevated` class (unused on shop pages)
+*/ -}}
+{{- $icon := .icon | default "ui/info.svg" -}}
+<div class="card svelte-1328bir{{ if .elevated }} elevated{{ end }}"><div class="icon-slot"> {{ partial "icon.html" $icon }} </div> <hgroup><span>{{ .title }}</span> <div>{{ .contentHTML | safeHTML }}</div></hgroup> </div>
diff --git a/layouts/partials/product/product.html b/layouts/partials/product/product.html
new file mode 100644
index 00000000..79163734
--- /dev/null
+++ b/layouts/partials/product/product.html
@@ -0,0 +1,96 @@
+{{- /*
+  Product.svelte (scope svelte-vml9z1) + Select.svelte (svelte-zt3auu) +
+  Grid/Button/NoteCard wrappers — the generic product component used by every
+  /shop/<product> page (and reused by the comma-four / body / setup slices).
+
+  Args (dict):
+    key       product key in data/products.json (e.g. "panda")
+    product   the data/products.json entry
+    snapshot  build-time Shopify product (partial product/shopify-snapshot.html)
+
+  Optional overrides (defaults follow src/routes/shop/[product]/+page.svelte):
+    autoSelectFirstVariant  bool, default true (car-harness passes false)
+    variantSelector         partial path rendered instead of the variant
+                            image + <select> (e.g. "product/harness-selector.html")
+    variantSelectorArgs     dict passed to that partial
+    forceOutOfStock         bool, default product.forceOutOfStock (body page)
+    hideOutOfStockVariants  bool, default product.hideOutOfStockVariants
+    backordered             string, default product.backordered (unset today)
+    backorderedPrefix       string, default product.backorderedPrefix or "ships in "
+    disableBuyButtonText    string (comma-four: "SELECT YOUR CAR")
+    priceOverride           number (comma-four: 999)
+    priceHTML               replaces the price slot default ({priceLabel})
+    priceAccessoryHTML      fills the empty price-accessory slot
+    shippingHTML            replaces the default Shipping NoteCard
+    notesHTML               inner HTML of <div slot="notes"> (default: one
+                            NoteCard per product.notes entry)
+    descriptionHTML         inner HTML of <div slot="description"> (default:
+                            product.description verbatim)
+
+  Also emits the <script type="application/json" id="product-config"> tag read
+  by assets/js/lib/product-page.js (initProductPage) — stripped by the
+  normalize-diff harness, invisible to DOM parity.
+*/ -}}
+{{- $product := .product -}}
+{{- $snapshot := .snapshot -}}
+{{- $images := $product.images | default slice -}}
+{{- /* boolean props — `default` mistreats explicit false, so use isset */ -}}
+{{- $autoSel := true -}}
+{{- if isset . "autoSelectFirstVariant" }}{{ $autoSel = .autoSelectFirstVariant }}{{ end -}}
+{{- $forceOOS := false -}}
+{{- if isset . "forceOutOfStock" }}{{ $forceOOS = .forceOutOfStock }}{{ else if $product.forceOutOfStock }}{{ $forceOOS = true }}{{ end -}}
+{{- $hide := false -}}
+{{- if isset . "hideOutOfStockVariants" }}{{ $hide = .hideOutOfStockVariants }}{{ else if $product.hideOutOfStockVariants }}{{ $hide = true }}{{ end -}}
+{{- $backordered := "" -}}
+{{- if isset . "backordered" }}{{ $backordered = .backordered }}{{ else }}{{ with $product.backordered }}{{ $backordered = . }}{{ end }}{{ end -}}
+{{- $prefix := "ships in " -}}
+{{- if isset . "backorderedPrefix" }}{{ $prefix = .backorderedPrefix }}{{ else }}{{ with $product.backorderedPrefix }}{{ $prefix = . }}{{ end }}{{ end -}}
+{{- $disableText := .disableBuyButtonText | default "" -}}
+{{- /* variants (build-time snapshot), hideOutOfStockVariants filter applied */ -}}
+{{- $nodes := slice -}}
+{{- with $snapshot.variants }}{{ with .nodes }}{{ $nodes = . }}{{ end }}{{ end -}}
+{{- $variants := slice -}}
+{{- range $v := $nodes }}{{ if or (not $hide) $v.availableForSale }}{{ $variants = $variants | append $v }}{{ end }}{{ end -}}
+{{- $selected := dict -}}
+{{- $hasSelected := false -}}
+{{- if and $autoSel (gt (len $variants) 0) -}}
+  {{- $selected = index $variants 0 -}}
+  {{- $hasSelected = true -}}
+{{- end -}}
+{{- /* getPriceLabel — formatCurrency(price, 0) === "$" + amount.toFixed(0) */ -}}
+{{- $priceLabel := "" -}}
+{{- if isset . "priceOverride" -}}
+  {{- $priceLabel = printf "$%.0f" (float .priceOverride) -}}
+{{- else if $hasSelected -}}
+  {{- $priceLabel = printf "$%.0f" (float $selected.price.amount) -}}
+{{- else if ne $snapshot.priceRange.minVariantPrice.amount $snapshot.priceRange.maxVariantPrice.amount -}}
+  {{- $priceLabel = printf "from $%.0f" (float $snapshot.priceRange.minVariantPrice.amount) -}}
+{{- else -}}
+  {{- $priceLabel = printf "$%.0f" (float $snapshot.priceRange.minVariantPrice.amount) -}}
+{{- end -}}
+{{- /* buy button label + disabled */ -}}
+{{- $outOfStock := or $forceOOS (and $hasSelected (eq $selected.availableForSale false)) -}}
+{{- $buyLabel := "Add to cart" -}}
+{{- if ne $disableText "" -}}
+  {{- $buyLabel = $disableText -}}
+{{- else if $outOfStock -}}
+  {{- $buyLabel = "Out of stock" -}}
+  {{- if ne $backordered "" }}{{ $buyLabel = printf "Out of stock (%s%s)" $prefix $backordered }}{{ end -}}
+{{- else if ne $backordered "" -}}
+  {{- $buyLabel = printf "Add to cart (%s%s)" $prefix $backordered -}}
+{{- end -}}
+{{- $disabled := or $forceOOS (not $hasSelected) (and $hasSelected (eq $selected.availableForSale false)) (ne $disableText "") -}}
+<div class="grid svelte-7tyzqm  medium" style="--columns: 2; --align-items: flex-start; --column-gap: 6rem; --row-gap: 0; --wrapped-columns: 1; --template-columns: 1.25fr 0.75fr; --lg-column-gap: 2rem; --lg-template-columns: 1fr 1fr;"><div><div class="preview svelte-vml9z1">{{ partial "picture.html" (dict "src" (index $images 0) "attrs" (dict "alt" "product preview")) }}</div> {{ if gt (len $images) 1 }}<div class="product-images svelte-vml9z1">{{ range $i, $img := $images }}<button class="variant svelte-vml9z1" role="tab" aria-selected="{{ if eq $i 0 }}true{{ else }}false{{ end }}" aria-label="View product variant {{ $i }}">{{ partial "picture.html" (dict "src" $img "attrs" (dict "alt" (printf "product preview %d" (add $i 1)))) }} </button>{{ end }}</div>{{ end }}</div> <div><div><div class="variant-selector svelte-vml9z1"><h1 class="svelte-vml9z1">{{ $product.title }}</h1> <div class="price"> {{ with .priceHTML }}{{ . | safeHTML }}{{ else }}{{ $priceLabel }}{{ end }} </div> {{ with .priceAccessoryHTML }}{{ . | safeHTML }} {{ end }}{{ if .variantSelector }}{{ partial .variantSelector (.variantSelectorArgs | default dict) }} {{ else if and (gt (len $variants) 1) $hasSelected }}<picture><img src="{{ $selected.image.url }}" alt=""></picture> <div class="select svelte-zt3auu"><select class="svelte-zt3auu">{{ range $variants }}<option value="{{ .id }}">{{ .title }} </option>{{ end }}</select> </div>{{ end }}</div> <button class="svelte-1io34pc   accent full-width{{ if $disabled }} disabled{{ end }}">{{ $buyLabel }} </button>  {{ with .shippingHTML }}{{ . | safeHTML }}{{ else }}{{ $shippingText := "Free US shipping, $30 flat rate internationally." }}{{ if $product.freeRush }}{{ $shippingText = "Free Rush (UPS 2nd Day Air) shipping. $30 flat rate internationally." }}{{ end }}{{ partial "product/note-card.html" (dict "title" "Shipping" "icon" "features/shipping.svg" "contentHTML" $shippingText) }}{{ end }}  <div slot="notes">{{ with .notesHTML }}{{ . | safeHTML }}{{ else }}{{ range $note := $product.notes | default slice }}{{ partial "product/note-card.html" (dict "title" $note.title "contentHTML" (printf "%s " $note.content)) }}{{ end }}{{ end }}</div> <hr class="svelte-vml9z1"> <div class="description svelte-vml9z1"><div slot="description">{{ with .descriptionHTML }}{{ . | safeHTML }}{{ else }}{{ with $product.description }}{{ . | safeHTML }}{{ end }}{{ end }}</div></div></div></div></div>
+<script type="application/json" id="product-config">{{ dict
+  "key" .key
+  "id" $product.id
+  "autoSelectFirstVariant" $autoSel
+  "forceOutOfStock" $forceOOS
+  "hideOutOfStockVariants" $hide
+  "hasVariantSelector" (ne (.variantSelector | default "") "")
+  "hasPriceSlot" (ne (.priceHTML | default "") "")
+  "backordered" (cond (eq $backordered "") nil $backordered)
+  "backorderedPrefix" $prefix
+  "priceOverride" (cond (isset . "priceOverride") .priceOverride nil)
+  "disableBuyButtonText" (cond (eq $disableText "") nil $disableText)
+  | jsonify | safeJS }}</script>
diff --git a/layouts/partials/product/shopify-snapshot.html b/layouts/partials/product/shopify-snapshot.html
new file mode 100644
index 00000000..e2acd9f1
--- /dev/null
+++ b/layouts/partials/product/shopify-snapshot.html
@@ -0,0 +1,47 @@
+{{- /*
+  Build-time Shopify product snapshot (replicates the prerender-time
+  getProduct() call in src/routes/shop/[product]/+page.js).
+
+  Usage (always through partialCached, keyed by the gid, so a product that is
+  fetched by several pages — e.g. the car-harness product on /shop/car-harness
+  and /shop/comma-four — only hits Shopify once per build):
+
+    {{ $snapshot := partialCached "product/shopify-snapshot.html" $gid $gid }}
+
+  Returns the GraphQL `product` object:
+    { title, id,
+      priceRange { minVariantPrice{amount currencyCode} maxVariantPrice{...} },
+      variants { nodes [ { id title availableForSale currentlyNotInStock
+                           price{amount currencyCode}
+                           image{altText height url width} } ] } }
+
+  Build hard-fails (errorf) when Shopify is unreachable or returns errors —
+  same policy as the blog-feed fetch in the header.
+*/ -}}
+{{- $gid := . -}}
+{{- $query := `query getProductById($id: ID!) { product(id: $id) { title id priceRange { maxVariantPrice { amount currencyCode } minVariantPrice { amount currencyCode } } variants(first: 250) { nodes { id title availableForSale currentlyNotInStock price { amount currencyCode } image { altText height url width } } } } }` -}}
+{{- $body := dict "query" $query "variables" (dict "id" $gid) | jsonify -}}
+{{- $opts := dict
+      "method" "post"
+      "body" $body
+      "headers" (dict
+        "Content-Type" "application/json"
+        "X-Shopify-Storefront-Access-Token" site.Params.shopify.storefrontApiToken) -}}
+{{- $url := printf "https://%s/api/%s/graphql.json" site.Params.shopify.storeUrl site.Params.shopify.apiVersion -}}
+{{- $product := dict -}}
+{{- $r := try (resources.GetRemote $url $opts) -}}
+{{- if $r.Err -}}
+  {{- errorf "shopify snapshot fetch failed for %s: %s" $gid $r.Err -}}
+{{- else if not $r.Value -}}
+  {{- errorf "shopify snapshot fetch for %s returned no response" $gid -}}
+{{- else -}}
+  {{- $data := $r.Value.Content | transform.Unmarshal -}}
+  {{- with $data.errors -}}
+    {{- errorf "shopify snapshot for %s returned errors: %v" $gid . -}}
+  {{- end -}}
+  {{- $product = $data.data.product -}}
+  {{- if not $product -}}
+    {{- errorf "shopify snapshot for %s: product not found" $gid -}}
+  {{- end -}}
+{{- end -}}
+{{- return $product -}}
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
new file mode 100644
index 00000000..4c645cbe
--- /dev/null
+++ b/layouts/partials/scripts.html
@@ -0,0 +1,12 @@
+{{- /* Exactly ONE script bundle per page: js/pages/<name>.js when the page's front
+       matter sets `js: <name>` (the entry MUST start with `import '../main.js'` so
+       shell behaviors + shared module state live in the same bundle), else js/main.js. */ -}}
+{{- $opts := dict "minify" true "target" "es2020" "format" "esm" "params" (dict "shopify" site.Params.shopify) -}}
+{{- $entry := "js/main.js" -}}
+{{- $name := "main" -}}
+{{- with .Params.js }}{{ $entry = printf "js/pages/%s.js" . }}{{ $name = . }}{{ end -}}
+{{- with resources.Get $entry -}}
+  {{- with . | js.Build (merge $opts (dict "targetPath" (printf "js/%s.js" $name))) | fingerprint }}<script type="module" src="{{ .RelPermalink }}"></script>{{ end -}}
+{{- else -}}
+  {{- errorf "scripts: page %s names missing JS bundle %s" $.RelPermalink $entry -}}
+{{- end -}}
diff --git a/layouts/partials/shop/product-card.html b/layouts/partials/shop/product-card.html
new file mode 100644
index 00000000..ea403ff0
--- /dev/null
+++ b/layouts/partials/shop/product-card.html
@@ -0,0 +1,11 @@
+{{- /* ProductCard.svelte port (scope svelte-1hz5z8s). Takes one product dict
+       from data/products.json (uses .route, .title, .price, .images[0]).
+       <picture> mirrors the SvelteKit optimize-image preprocessor output for
+       the jpg/jpeg/png card thumbs; .avif/.webp variants are pre-harvested
+       siblings under static/img. img attrs stay in the prerendered order
+       (src, loading, alt) for ref-build DOM parity — do not reorder.
+       File intentionally ends without a newline so cards render back-to-back
+       (</a><a) exactly like the reference build. */ -}}
+{{- $img := index .images 0 -}}
+{{- $stem := strings.TrimSuffix (path.Ext $img) $img -}}
+<a class="product-card svelte-1hz5z8s" href="{{ .route }}"><picture><source srcset="{{ $stem }}.avif" type="image/avif"><source srcset="{{ $stem }}.webp" type="image/webp"> <img src="{{ $img }}" loading="lazy" alt="{{ .title }} product"></picture> <div class="svelte-1hz5z8s"><hgroup><h2>{{ .title }}</h2> <span>{{ .price }}</span></hgroup> <span>Buy</span></div> </a>
\ No newline at end of file
diff --git a/layouts/shop/single.html b/layouts/shop/single.html
new file mode 100644
index 00000000..a80d96d0
--- /dev/null
+++ b/layouts/shop/single.html
@@ -0,0 +1,22 @@
+{{- /*
+  Generic /shop/<product> page (src/routes/shop/[product]/+page.svelte).
+  Product key = content file basename (content/shop/panda.md -> "panda").
+  car-harness gets its custom CarHarness.svelte layout: HarnessSelector as the
+  variant selector (no auto-selected variant) + hardcoded notes/description.
+*/ -}}
+{{- define "main" -}}
+{{- $key := .File.BaseFileName -}}
+{{- $product := index site.Data.products $key -}}
+{{- if not $product }}{{ errorf "shop product %q not found in data/products.json" $key }}{{ end -}}
+{{- $snapshot := partialCached "product/shopify-snapshot.html" $product.id $product.id -}}
+{{- $args := dict "key" $key "product" $product "snapshot" $snapshot -}}
+{{- if eq $key "car-harness" -}}
+  {{- $args = merge $args (dict
+        "autoSelectFirstVariant" false
+        "variantSelector" "product/harness-selector.html"
+        "variantSelectorArgs" (dict)
+        "notesHTML" (partial "product/car-harness-notes.html" .)
+        "descriptionHTML" (partial "product/car-harness-description.html" .)) -}}
+{{- end -}}
+<section class="light" id="product-item"><div class="container">{{ partial "product/product.html" $args }}</div></section>
+{{- end -}}
diff --git a/live.sh b/live.sh
index 8dab5bd7..55356545 100755
--- a/live.sh
+++ b/live.sh
@@ -4,10 +4,14 @@ set -e
 DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"
 cd $DIR
 
-if [ ! -d "$HOME/.bun" ]; then
-  curl -fsSL https://bun.sh/install | bash
+HUGO_VERSION=0.147.8
+if ! command -v hugo >/dev/null || ! hugo version | grep -q extended; then
+  echo "installing hugo ${HUGO_VERSION} (extended) to ~/.local/bin"
+  mkdir -p ~/.local/bin
+  OS=$(uname -s | tr A-Z a-z)
+  if [ "$OS" = "darwin" ]; then ARCH=universal; elif [ "$(uname -m)" = "aarch64" ] || [ "$(uname -m)" = "arm64" ]; then ARCH=arm64; else ARCH=amd64; fi
+  curl -sL "https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_${OS}-${ARCH}.tar.gz" | tar xz -C ~/.local/bin hugo
+  export PATH="$HOME/.local/bin:$PATH"
 fi
 
-bun upgrade
-bun install
-bun run dev -- --open
+hugo server --openBrowser
diff --git a/package.json b/package.json
index fb9c3ff4..f747f4aa 100644
--- a/package.json
+++ b/package.json
@@ -1,33 +1,17 @@
 {
   "name": "website",
   "author": "comma.ai <x@comma.ai>",
-  "version": "0.1.0",
-  "engines": {
-    "node": ">=18.0.0 || >=20.0.0"
-  },
+  "version": "0.2.0",
   "private": true,
   "scripts": {
-    "prepare": "svelte-kit sync",
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
+    "dev": "hugo server",
+    "build": "hugo --gc --cleanDestinationDir",
+    "preview": "python3 scripts/serve.py 8080 build",
+    "images": "bun scripts/optimize-images.mjs",
     "deploy": "bunx firebase deploy"
   },
-  "dependencies": {
-    "@fontsource/inter": "^5.0.20",
-    "@fontsource/jetbrains-mono": "^5.0.21",
-    "fast-xml-parser": "^5.3.2",
-    "hls.js": "^1.6.14"
-  },
   "devDependencies": {
-    "@sveltejs/adapter-static": "^3.0.2",
-    "@sveltejs/kit": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@types/bun": "^1.2.4",
-    "magic-string": "^0.30.11",
-    "svelte": "^4.2.7",
-    "vite": "^5.0.3",
-    "vite-imagetools": "^7.0.4"
+    "sharp": "^0.34.2"
   },
   "type": "module"
 }
diff --git a/scripts/compatibility.py b/scripts/compatibility.py
index dd786274..26e635d5 100755
--- a/scripts/compatibility.py
+++ b/scripts/compatibility.py
@@ -5,9 +5,9 @@
 from opendbc.car.docs import generate_cars_md, get_all_car_docs
 
 WEB4_DIR = Path(__file__).parent.parent
-TEMPLATES = ((WEB4_DIR / "templates/vehicles_template.json", WEB4_DIR / "src/lib/vehicles.json"),
+TEMPLATES = ((WEB4_DIR / "templates/vehicles_template.json", WEB4_DIR / "data/vehicles.json"),
              (WEB4_DIR / "templates/harness-parts_template.html", WEB4_DIR / "static/harness-parts.html"))
-DATE_FILE = WEB4_DIR / "src/lib/compatibility-meta.json"
+DATE_FILE = WEB4_DIR / "data/compatibility_meta.json"
 
 if __name__ == "__main__":
   all_car_docs = get_all_car_docs()
diff --git a/scripts/optimize-image-preprocessor.js b/scripts/optimize-image-preprocessor.js
deleted file mode 100644
index d324124a..00000000
--- a/scripts/optimize-image-preprocessor.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import MagicString from 'magic-string';
-import { walk, compile } from 'svelte/compiler';
-
-const processMarkup = async ({ content, filename }) => {
-  const { ast } = compile(content, { filename });
-  const s = new MagicString(content);
-
-  walk(ast.html, {
-    enter(node) {
-      if (node.type === 'Element' && node.name === 'img') {
-        const srcAttr = node.attributes.find(attr => attr.name === 'src');
-        if (srcAttr && srcAttr.value) {
-            const srcValue = srcAttr.value[0].type === 'MustacheTag'
-              ? content.slice(srcAttr.value[0].expression.start, srcAttr.value[0].expression.end)
-              : JSON.stringify(srcAttr.value[0].data);
-
-          const otherAttributes = node.attributes
-            .filter(attr => attr.name !== 'src')
-            .map(attr => processAttribute(attr, content))
-            .filter(Boolean)
-            .join(' ');
-
-          const pictureHtml = `
-            <picture>
-              {#if typeof ${srcValue} === 'object' && (${srcValue}).sources}
-                {#each Object.entries((${srcValue}).sources) as [filetype, src]}
-                  <source srcset={src.split(' ')[0]} type={'image/' + filetype} />
-                {/each}
-                <img src={(${srcValue}).img.src} ${otherAttributes} />
-              {:else}
-                <img src={${srcValue}} ${otherAttributes} />
-              {/if}
-            </picture>
-          `;
-
-          s.overwrite(node.start, node.end, pictureHtml);
-        }
-      }
-    }
-  });
-
-  return {
-    code: s.toString(),
-    map: s.generateMap({ source: filename }),
-  };
-};
-
-const processAttribute = (attr, content) => {
-  if (attr.value === true) {
-    return attr.name;
-  } else if (attr.value.length === 1) {
-    if (attr.value[0].type === 'Text') {
-      return `${attr.name}="${attr.value[0].data}"`;
-    } else if (attr.value[0].type === 'MustacheTag') {
-      return `${attr.name}={${content.slice(attr.value[0].expression.start, attr.value[0].expression.end)}}`;
-    } else if (attr.value[0].type === 'AttributeExpression') {
-      return `${attr.name}={${content.slice(attr.value[0].start + 1, attr.value[0].end - 1)}}`;
-    }
-  } else {
-    const attrValue = attr.value.map(chunk => {
-      if (chunk.type === 'Text') {
-        return chunk.data;
-      } else if (chunk.type === 'MustacheTag') {
-        return `{${content.slice(chunk.expression.start, chunk.expression.end)}}`;
-      }
-      return '';
-    }).join('');
-    return `${attr.name}="${attrValue}"`;
-  }
-  return '';
-}
-
-export const optimizeImagePreprocess = () => {
-  return {
-    name: 'svelte-preprocessor-optimize-image',
-    markup: ({ content, filename }) => {
-      if (filename.endsWith('.svelte')) {
-        return processMarkup({ content, filename });
-      }
-    },
-  };
-};
diff --git a/scripts/optimize-images.mjs b/scripts/optimize-images.mjs
new file mode 100644
index 00000000..6118ed08
--- /dev/null
+++ b/scripts/optimize-images.mjs
@@ -0,0 +1,41 @@
+#!/usr/bin/env bun
+// Generate .avif/.webp siblings for raster images under static/img.
+// Replaces the old vite-imagetools pipeline: every jpg/jpeg/png/gif that a
+// template renders through partials/picture.html needs both variants
+// committed next to the original. Existing variants are kept unless --force.
+//
+// Usage: bun scripts/optimize-images.mjs [--force] [path ...]
+import sharp from 'sharp';
+import { readdirSync } from 'fs';
+import { join, extname } from 'path';
+import { existsSync } from 'fs';
+
+const EXTS = ['.jpg', '.jpeg', '.png', '.gif'];
+const force = process.argv.includes('--force');
+const roots = process.argv.slice(2).filter(a => a !== '--force');
+if (roots.length === 0) roots.push('static/img');
+
+function* walk(dir) {
+  for (const e of readdirSync(dir, { withFileTypes: true })) {
+    const p = join(dir, e.name);
+    if (e.isDirectory()) yield* walk(p); else yield p;
+  }
+}
+
+let made = 0;
+for (const root of roots) {
+  for (const p of walk(root)) {
+    const ext = extname(p).toLowerCase();
+    if (!EXTS.includes(ext)) continue;
+    const stem = p.slice(0, -ext.length);
+    const animated = ext === '.gif';
+    for (const [variant, opts] of [['avif', {}], ['webp', {}]]) {
+      const out = `${stem}.${variant}`;
+      if (!force && existsSync(out)) continue;
+      await sharp(p, { animated })[variant](opts).toFile(out);
+      console.log('wrote', out);
+      made++;
+    }
+  }
+}
+console.log(made ? `${made} variants generated` : 'all variants up to date');
diff --git a/scripts/serve.py b/scripts/serve.py
new file mode 100644
index 00000000..0ec9154a
--- /dev/null
+++ b/scripts/serve.py
@@ -0,0 +1,18 @@
+#!/usr/bin/env python3
+"""Static server emulating firebase cleanUrls: /x -> x.html fallback."""
+import sys, functools
+from http.server import ThreadingHTTPServer, SimpleHTTPRequestHandler
+import os
+
+class H(SimpleHTTPRequestHandler):
+    def send_head(self):
+        path = self.translate_path(self.path.split('?')[0])
+        if (not os.path.isfile(path)) and os.path.isfile(path + '.html'):
+            self.path = self.path.split('?')[0] + '.html'
+        return super().send_head()
+    def log_message(self, *a): pass
+
+port, root = int(sys.argv[1]), sys.argv[2]
+os.chdir(root)
+print(f'serving {root} on :{port}', flush=True)
+ThreadingHTTPServer(('127.0.0.1', port), H).serve_forever()
diff --git a/src/app.css b/src/app.css
deleted file mode 100644
index 5c28915c..00000000
--- a/src/app.css
+++ /dev/null
@@ -1,256 +0,0 @@
-@import './space.css';
-
-html {
-  scroll-padding-top: 6rem;
-}
-
-/* Stretch the main page content to fill 100% of the viewport height */
-body {
-  & > div {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-
-    & > main {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
-  }
-}
-
-body {
-  color: #000;
-  font-family: Inter, sans-serif;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.4;
-  letter-spacing: -0.04em;
-
-  margin: 0;
-  min-height: 100%;
-  background-color: #fff;
-  overflow-x: hidden;
-
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-}
-
-/* Text selection highlight using accent color */
-::selection {
-  background-color: rgba(81, 255, 0, 0.5);
-  color: var(--color-black);
-}
-
-::-moz-selection {
-  background-color: rgba(81, 255, 0, 0.5);
-  color: var(--color-black);
-}
-
-/* Higher opacity for dark backgrounds */
-.dark ::selection {
-  background-color: rgba(81, 255, 0, 0.8);
-  color: var(--color-black);
-}
-
-.dark ::-moz-selection {
-  background-color: rgba(81, 255, 0, 0.8);
-  color: var(--color-black);
-}
-
-:root {
-  --color-white: #fff;
-  --color-black: #000;
-  --color-red: #ff4133;
-  --color-foreground: white;
-  --color-background: black;
-  --color-accent: #51ff00;
-  --color-accent-hover: #51b124;
-  --color-card-background: #f8f9fa;
-  --color-card-background-hover: #e8eaec;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  span,
-  a,
-  li {
-    color: var(--color-foreground);
-
-    &.muted {
-      color: var(--color-muted);
-    }
-
-    &.highlight {
-      display: inline-block;
-      border-bottom: 4px solid var(--color-accent);
-      background-image: linear-gradient(145deg, rgba(81, 255, 0, 0), rgba(81, 255, 0, .4));
-      transition: background-color 0.2s;
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          background-color: rgba(81, 255, 0, .25);
-        }
-      }
-      &:active {
-        background-color: rgba(81, 255, 0, .25);
-      }
-
-      &.muted {
-        color: var(--color-foreground);
-        border-bottom-color: var(--color-foreground);
-        background-image: linear-gradient(145deg, rgba(81, 255, 0, 0), rgba(170, 170, 170, .4));
-      }
-    }
-  }
-}
-
-.dark {
-  --color-foreground: white;
-  --color-background: black;
-  --color-muted: #9e9e9e;
-}
-
-.light {
-  --color-foreground: black;
-  --color-background: white;
-  --color-muted: #00000080;
-}
-
-h1 {
-  font-size: 4rem;
-  font-weight: 600;
-  margin-top: 0;
-  margin-bottom: 2rem;
-  line-height: 1;
-}
-
-h2 {
-  font-size: 3rem;
-  font-weight: 400;
-  margin-top: 0;
-  margin-bottom: 2rem;
-  line-height: 1;
-}
-
-h3 {
-  font-size: 2rem;
-  font-weight: 400;
-  margin-top: 2rem;
-  margin-bottom: 0;
-  line-height: 1;
-}
-
-h4 {
-  font-size: 1.5rem;
-  font-weight: 400;
-  margin-top: 0;
-  margin-bottom: 2rem;
-  line-height: 1.2;
-}
-
-li {
-  font-size: 1.5rem;
-  font-weight: 400;
-  line-height: 1.25;
-}
-
-@media (max-width: 1024px) {
-  h1 {
-    font-size: 3rem;
-  }
-
-  h2 {
-    font-size: 2.5rem;
-  }
-
-  h3 {
-    font-size: 1.75rem;
-  }
-
-  h4 {
-    font-size: 1.25rem;
-  }
-}
-
-@media (max-width: 768px) {
-  h1 {
-    font-size: 2.3rem;
-    margin-bottom: 1rem;
-  }
-
-  h2 {
-    font-size: 1.75rem;
-    margin-bottom: 1rem;
-  }
-
-  h3 {
-    font-size: 1.5rem;
-    margin-bottom: 1rem;
-  }
-
-  h4 {
-    font-size: 1.25rem;
-    margin-bottom: 1rem;
-  }
-}
-
-a, a:visited, a:active {
-  color: inherit;
-  text-decoration: none;
-}
-
-blockquote {
-  font-size: 1.2rem;
-  font-style: italic;
-  line-height: 1.4;
-  border-left: 2px solid #000;
-  padding: 1.2rem 2rem;
-  margin: 1rem 0;
-}
-
-section {
-  padding-top: 2rem;
-  padding-bottom: 5rem;
-  background-color: var(--color-background);
-
-  & .container {
-    width: 85%;
-    max-width: 90rem;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-
-section.light + section.light,
-section.dark + section.dark {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-img {
-  max-width: 100%;
-}
-
-hr {
-  border: none;
-  height: 1px;
-  color: #333;
-  background-color: #333;
-}
-
-button, select {
-  color: #000;
-  font-family: Inter, sans-serif;
-}
-
-.mobile-first {
-  @media only screen and (max-width: 1024px) {
-    & {
-      order: -1;
-    }
-  }
-}
diff --git a/src/app.html b/src/app.html
deleted file mode 100644
index 7902ce85..00000000
--- a/src/app.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <!-- analytics -->
-    <script defer data-domain="comma.ai" src="https://plausible.io/js/script.js"></script>
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NKN922YQ1D"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'G-NKN922YQ1D');
-    </script>
-    <script>
-        (function(h,o,t,j,a,r){
-            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-            h._hjSettings={hjid:3254988,hjsv:6};
-            a=o.getElementsByTagName('head')[0];
-            r=o.createElement('script');r.async=1;
-            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-            a.appendChild(r);
-        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
-    <script>
-        !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Rr Mr fi Cr Ar ci Tr Fr capture Mi calculateEventProperties Lr register register_once register_for_session unregister unregister_for_session Hr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ur jr createPersonProfile zr kr Br opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Dr debug M Nr getPageViewId captureTraceFeedback captureTraceMetric $r".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
-        posthog.init('phc_4VfSi5FAChlAt5keSrxVWCaVyZTsYpFKqz2Bw60KLz', {
-            api_host: 'https://us.i.posthog.com',
-            defaults: '2025-05-24',
-            person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
-        })
-    </script>
-
-    <!-- Twitter conversion tracking base code -->
-    <script>
-    !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
-    },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
-    a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
-    twq('config','oaolc');
-    </script>
-    <!-- End Twitter conversion tracking base code -->
-
-    <!-- live chat -->
-    <!--
-    <script src="//code.tidio.co/9o9hpvuj5fqc7gu1vhialdrpp7buweu2.js" async></script>
-    -->
-
-    <title>comma.ai — make driving chill</title>
-
-    <!-- Google SEO -->
-    <script type="application/ld+json">
-    {
-      "@context": "https://schema.org",
-      "@type": "Organization",
-      "url": "https://comma.ai",
-      "sameAs": [
-        "https://twitter.com/comma_ai",
-        "https://github.com/commaai"
-      ],
-      "name": "comma.ai",
-      "description": "An AI upgrade for your car. Make driving chill."
-    }
-    </script>
-
-    <!-- Open Graph / Facebook -->
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://comma.ai/" />
-    <meta property="og:title" content="comma.ai — make driving chill" />
-    <meta property="og:description" content="An AI upgrade for your car" />
-    <meta property="og:image" content="https://comma.ai/og-comma-four.png" />
-    <meta property="og:image:width" content="1200" />
-    <meta property="og:image:height" content="628" />
-
-    <!-- Twitter -->
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@comma_ai" />
-    <meta name="twitter:title" content="comma.ai — make driving chill" />
-    <meta name="twitter:description" content="An AI upgrade for your car" />
-    <meta name="twitter:image" content="https://comma.ai/og-comma-four.png" />
-    <meta name="twitter:image:alt" content="comma four" />
-
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div>%sveltekit.body%</div>
-  </body>
-</html>
diff --git a/src/lib/components/Accordion.svelte b/src/lib/components/Accordion.svelte
deleted file mode 100644
index c92e88ad..00000000
--- a/src/lib/components/Accordion.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script>
-  import IconChevron from '$lib/icons/icon-chevron.svg?raw';
-
-  export let id = (Math.random() * 10e15).toString(16);
-  export let type = "checkbox"; // or "radio"
-  export let checked = false;
-  export let style = "light"; // or "dark"
-  export let foregroundColor = null;
-  export let backgroundColor = null;
-</script>
-
-<div
-  class="tab"
-  style="
-    --foreground-color: {foregroundColor ?? (style === 'light' ? 'black' : 'white')};
-    --background-color: {backgroundColor ?? (style === 'light' ? 'white' : 'black')};
-  "
->
-  <input {type} name={id} {id} {checked} on:click />
-  <label for={id}>
-    <slot name="label"></slot>
-    <span class="chevron">{@html IconChevron}</span>
-  </label>
-  <div class="content">
-    <slot name="content"></slot>
-  </div>
-</div>
-
-<style>
-  .tab input {
-    position: absolute;
-    opacity: 0;
-    z-index: -1;
-  }
-
-  .content {
-    display: none;
-    overflow: hidden;
-    color: var(--foreground-color);
-  }
-
-  .tab input:checked ~ .content {
-    display: block;
-    overflow: visible;
-  }
-
-  label {
-    cursor: pointer;
-    display: grid;
-    align-items: center;
-    position: relative;
-    background-color: var(--background-color);
-    padding-right: 4rem;
-
-    & > * {
-      color: var(--foreground-color);
-    }
-  }
-
-  .chevron {
-    position: absolute;
-    right: 2rem;
-    color: var(--foreground-color);
-    & > svg {
-      color: var(--foreground-color);
-      width: 18px;
-      height: 12px;
-    }
-  }
-
-  input:checked + label .chevron {
-    transform: rotate(180deg);
-  }
-
-</style>
diff --git a/src/lib/components/Badge.svelte b/src/lib/components/Badge.svelte
deleted file mode 100644
index e62204a3..00000000
--- a/src/lib/components/Badge.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script>
-  export let style = "dark";
-  export let display = "block";
-</script>
-
-<div
-  class:dark={style == "dark"}
-  class:light={style == "light"}
-  class:accent={style == "accent"}
-  style="display: {display}"
->
-  <slot></slot>
-</div>
-
-<style>
-  div {
-    font-family: JetBrains Mono, monospace;
-    font-size: 0.875rem;
-    text-transform: uppercase;
-    width: fit-content;
-    padding: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .dark {
-    background-color: #232323;
-    color: #fff;
-  }
-
-  .light {
-    background-color: #fff;
-    color: black;
-  }
-
-  .accent {
-    background-color: var(--color-accent);
-    color: var(--color-background);
-  }
-</style>
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
deleted file mode 100644
index 1ceaf1e0..00000000
--- a/src/lib/components/Button.svelte
+++ /dev/null
@@ -1,88 +0,0 @@
-<script>
-  import { createEventDispatcher } from 'svelte';
-  const dispatch = createEventDispatcher();
-
-  export let style = "primary";
-  export let fullWidth = false;
-  export let disabled = false;
-</script>
-
-<button
-  on:click={!disabled && (event => dispatch('click', event))}
-  class:primary={style == "primary"}
-  class:secondary={style == "secondary"}
-  class:accent={style == "accent"}
-  class:full-width={fullWidth}
-  class:disabled
->
-  <slot></slot>
-</button>
-
-<style>
-  button {
-    background-color: var(--color-accent);
-    border: none;
-    text-align: center;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    justify-content: center;
-    padding: 1.25rem 4rem;
-    font-size: 1.125rem;
-    font-weight: 600;
-    display: flex;
-    width: fit-content;
-    cursor: pointer;
-    transition: all 0.2s;
-
-    @media (hover: hover) and (pointer: fine) {
-      &.primary:hover:not(.disabled) {
-        opacity: 0.75;
-      }
-
-      &.secondary:hover:not(.disabled) {
-        opacity: 0.8;
-      }
-
-      &.accent:hover:not(.disabled) {
-        background-color: var(--color-accent-hover);
-      }
-    }
-
-    &.primary:active:not(.disabled) {
-      opacity: 0.75;
-    }
-
-    &.secondary:active:not(.disabled) {
-      opacity: 0.8;
-    }
-
-    &.accent:active:not(.disabled) {
-      background-color: var(--color-accent-hover);
-    }
-  }
-
-  .full-width {
-    width: 100%;
-  }
-
-  .primary {
-    background-color: black;
-    color: white;
-  }
-
-  .secondary {
-    background-color: white;
-    color: black;
-  }
-
-  .accent {
-    background-color: var(--color-accent);
-    color: black;
-  }
-
-  .disabled {
-    cursor: not-allowed;
-    color: white;
-    background-color: var(--color-muted);
-  }
-</style>
diff --git a/src/lib/components/CheckboxCard.svelte b/src/lib/components/CheckboxCard.svelte
deleted file mode 100644
index e87bd08d..00000000
--- a/src/lib/components/CheckboxCard.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script>
-  import NoteCard from "./NoteCard.svelte";
-
-  export let title;
-  export let checked = false;
-  export let onToggle;
-  export let disabled = false;
-
-  export function setChecked(value) {
-    checked = value;
-  }
-</script>
-
-<label class="checkbox-card" class:checked={checked} class:disabled={disabled}>
-  <NoteCard {title}>
-    <input type="checkbox" slot="icon" checked={checked} disabled={disabled} on:change={() => !disabled && onToggle && onToggle()} />
-    <slot></slot>
-  </NoteCard>
-</label>
-
-<style>
-  .checkbox-card {
-    cursor: pointer;
-    display: block;
-    color: green;
-  }
-
-  .checkbox-card.disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-
-  .checkbox-card :global(input[type="checkbox"]) {
-    width: 1.25rem;
-    height: 1.25rem;
-    cursor: pointer;
-    accent-color: var(--color-accent);
-  }
-
-  .checkbox-card.disabled :global(input[type="checkbox"]) {
-    cursor: not-allowed;
-  }
-
-  .checkbox-card.checked :global(.card hgroup span) {
-    background-color: #86ff4e;
-    color: black;
-  }
-</style>
diff --git a/src/lib/components/CommunityBanner.svelte b/src/lib/components/CommunityBanner.svelte
deleted file mode 100644
index 6cea5333..00000000
--- a/src/lib/components/CommunityBanner.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-
-  import DiscordIcon from "$lib/icons/social/discord.svg?raw";
-  import GitHubIcon from "$lib/icons/social/github.svg?raw";
-</script>
-
-<Grid columns={2} columnGap="10rem" rowGap="3.5rem">
-  <div>
-    <span>{@html DiscordIcon}</span>
-    <span>Join the conversation</span>
-    <p>
-      Have a question or want to learn more?
-      There are thousands of knowledgeable community members on the Discord.
-    </p>
-    <LinkButton href="https://discord.com/invite/FEzeve2NX2" target="_blank" style="secondary" fullWidth>
-      Join our Discord
-    </LinkButton>
-  </div>
-  <div>
-    <span>{@html GitHubIcon}</span>
-    <span>Developer Resources</span>
-    <p>
-      Check out the code behind the comma four and openpilot.
-      Review, fork, and contribute to the open source ecosystem.
-    </p>
-    <LinkButton href="https://github.com/commaai/openpilot" target="_blank" style="secondary" fullWidth>
-      Visit our GitHub
-    </LinkButton>
-  </div>
-</Grid>
-
-<style>
-  span {
-    display: block;
-    color: white;
-    font-size: 2rem;
-  }
-
-  p {
-    color: white;
-    font-size: 1.25rem;
-    margin-bottom: 1.5rem;
-  }
-</style>
diff --git a/src/lib/components/Faq.svelte b/src/lib/components/Faq.svelte
deleted file mode 100644
index 5ce877a8..00000000
--- a/src/lib/components/Faq.svelte
+++ /dev/null
@@ -1,126 +0,0 @@
-<script>
-  import { page } from '$app/stores';
-  import Accordion from './Accordion.svelte';
-  import Grid from './Grid.svelte';
-
-  export let topic;
-  export let title = null;
-
-  const handleExpand = (id) => {
-    history.replaceState(null, null, `#${id}`);
-  }
-
-  $: activehash = $page.url.hash.slice(1)
-</script>
-
-<div>
-  <div class="header" id={(title ?? topic.title).toLowerCase().replace(/[^\w\s]/g, '').replaceAll(' ', '-')}>
-    <Grid columns={2} alignItems="center" rowGap="0" size="small">
-      <h1>{title ?? topic.title}</h1>
-      <div class="mobile-first">
-        <img src={topic.image} loading="eager" alt="{title ?? topic.title} banner" />
-      </div>
-    </Grid>
-  </div>
-  <div class="questions">
-    {#each topic.questions as entry}
-      {@const id = entry.question.toLowerCase().replace(/[^\w\s]/g, '').replaceAll(' ', '-')}
-      <Accordion checked={id === activehash} on:click={() => handleExpand(id)} {id}>
-        <div slot="label" class="label">
-          <span>{entry.question}</span>
-        </div>
-        <div class="details" slot="content">
-          {@html entry.answer}
-        </div>
-      </Accordion>
-      <hr />
-    {/each}
-  </div>
-</div>
-
-<style>
-  .header {
-    width: 100%;
-    background-color: #000;
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-
-    & h1 {
-      font-size: 3rem;
-      font-weight: 600;
-      margin: 1rem 2rem;
-      color: white;
-      text-wrap: balance;
-
-      @media screen and (max-width: 1024px) {
-        & {
-          font-size: 2.5rem;
-        }
-      }
-
-      @media screen and (max-width: 480px) {
-        & {
-          font-size: 2rem;
-        }
-      }
-
-      @media screen and (max-width: 375px) {
-        & {
-          font-size: 1.5rem;
-        }
-      }
-    }
-
-    & img {
-      color: white;
-      width: 100%;
-    }
-  }
-
-  .questions {
-    & .label {
-      font-size: 1.25rem;
-      font-weight: 600;
-      margin: 1rem 0;
-      margin-right: 0.75rem;
-    }
-
-    & .details {
-      font-size: 1.25rem !important;
-      line-height: 1.4;
-      padding: 0.25rem 0 1rem;
-
-      & *:first-child {
-        margin-top: 0;
-      }
-
-      & *:last-child {
-        margin-bottom: 0;
-      }
-
-      & a {
-        color: #000;
-        border-bottom: 2px solid #86ff4e;
-        background-color: rgba(134, 255, 78, 0.15);
-      }
-
-      & li {
-        font-size: 1.25rem;
-      }
-
-      & .video-container {
-        position: relative;
-        padding-bottom: 56.25%; /* 16:9 */
-        height: 0;
-
-        & iframe {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-  }
-</style>
diff --git a/src/lib/components/FeaturedArticles.svelte b/src/lib/components/FeaturedArticles.svelte
deleted file mode 100644
index 4d7340c1..00000000
--- a/src/lib/components/FeaturedArticles.svelte
+++ /dev/null
@@ -1,92 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-
-  import LinusTechTipsLogo from "$lib/images/featured-articles/linus-tech-tips.svg";
-  import SnazzyLabsLogo from "$lib/images/featured-articles/snazzy-labs.png";
-  import TheVergeLogo from "$lib/images/featured-articles/the-verge.svg";
-  import CarAndDriverLogo from "$lib/images/featured-articles/car-and-driver.png";
-  import ConsumerReportsLogo from "$lib/images/featured-articles/consumer-reports.png";
-  import RoadShowLogo from "$lib/images/featured-articles/road-show.png";
-</script>
-
-<div class="featured-articles">
-  <span>Featured in</span>
-  <Grid columns={6} columnGap="0.5rem" size="large">
-    <a href="https://youtu.be/xdmxM-v4KQg">
-      <img src={LinusTechTipsLogo} alt="Logo of Linus Tech Tips" class="greyscale"/>
-    </a>
-    <a href="https://www.youtube.com/watch?v=GY8ruVimG8M">
-      <img src={SnazzyLabsLogo} alt="Logo of Snazzy Labs" class="greyscale"/>
-    </a>
-    <a href="https://www.theverge.com/23548094/george-hotz-comma-3-driver-assist-hands-free-demo">
-      <img src={TheVergeLogo} alt="Logo of The Verge"/>
-    </a>
-    <a href="https://www.caranddriver.com/features/a30341053/self-driving-technology-comparison/">
-      <img src={CarAndDriverLogo} alt="Logo of Car and Driver"/>
-    </a>
-    <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf">
-      <img src={ConsumerReportsLogo} alt="Logo of Consumer Reports"/>
-    </a>
-    <a href="https://www.cnet.com/roadshow/news/comma-ai-assisted-driving-george-hotz-ces-2020/">
-      <img src={RoadShowLogo} alt="Logo of Road Show"/>
-    </a>
-  </Grid>
-</div>
-
-<style>
-  .featured-articles {
-    margin: 10rem 0;
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-  }
-
-  @media screen and (max-width: 768px) {
-    .featured-articles {
-      margin: 6rem 0;
-    }
-  }
-
-  span {
-    opacity: 0.5;
-    text-align: center;
-    font-size: 1.25rem;
-    margin-bottom: 2rem;
-    display: block;
-  }
-
-  a {
-    display: flex;
-    background-color: #fff;
-    color: black !important;
-    border: 1px solid #000;
-    justify-content: center;
-    align-items: center;
-    padding: 1.25rem;
-    text-decoration: none;
-    max-width: 100%;
-    height: 40px;
-    transition: background-color 0.2s;
-
-    & img {
-      height: 45px;
-      display: inline-block;
-      vertical-align: middle;
-      object-fit: contain;
-    }
-
-    & img.greyscale {
-      filter: grayscale(100%) brightness(20%);
-    }
-
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background-color: var(--color-card-background-hover);
-      }
-    }
-
-    &:active {
-      background-color: var(--color-card-background-hover);
-    }
-  }
-</style>
diff --git a/src/lib/components/FeaturedCarsList.svelte b/src/lib/components/FeaturedCarsList.svelte
deleted file mode 100644
index 35632668..00000000
--- a/src/lib/components/FeaturedCarsList.svelte
+++ /dev/null
@@ -1,119 +0,0 @@
-<script>
-  import HyundaiIcon from "$lib/icons/brands/hyundai.svg";
-  import LexusIcon from "$lib/icons/brands/lexus.svg";
-  import KiaIcon from "$lib/icons/brands/kia.svg";
-  import ToyotaIcon from "$lib/icons/brands/toyota.svg";
-
-  const featuredCars = [
-    {
-      make: "Hyundai",
-      model: "Sonata",
-      year: "2020-23",
-      brandIcon: HyundaiIcon,
-    },
-    {
-      make: "Hyundai",
-      model: "Palisade",
-      year: "2020-22",
-      brandIcon: HyundaiIcon,
-    },
-    {
-      make: "Kia",
-      model: "Niro EV",
-      year: "2019-23",
-      brandIcon: KiaIcon,
-    },
-    {
-      make: "Lexus",
-      model: "ES",
-      year: "2019-22",
-      brandIcon: LexusIcon,
-    },
-    {
-      make: "Toyota",
-      model: "Corolla",
-      year: "2020-22",
-      brandIcon: ToyotaIcon,
-    },
-    {
-      make: "Toyota",
-      model: "Rav4",
-      year: "2019-22",
-      brandIcon: ToyotaIcon,
-    },
-  ];
-</script>
-
-<div class="table">
-  {#each featuredCars as car}
-    <div class="compatibility-item">
-      <img
-        src={car.brandIcon}
-        loading="lazy"
-        alt="{car.make} logo"
-        class="car-brand-logo"
-      />
-      <div class="car">
-        <div class="car-identifier">{car.make} {car.model}</div>
-        <div class="car-year">{car.year}</div>
-      </div>
-    </div>
-    <hr />
-  {/each}
-</div>
-
-<style>
-  .table {
-    mask: linear-gradient(
-        to bottom,
-        rgba(0, 0, 0, 1) 0,
-        rgba(0, 0, 0, 1) 80%,
-        rgba(0, 0, 0, 0) 97%
-      )
-      100% 50% / 100% 100% repeat-x;
-  }
-
-  .compatibility-item {
-    align-items: center;
-    display: flex;
-    font-size: 1.125rem;
-
-    & .car-brand-logo {
-      width: 3rem;
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    & .car {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      flex: 1;
-      margin: 0 0.875rem;
-    }
-
-    & .car-identifier {
-      width: 12rem;
-      line-height: 1.2;
-    }
-
-    @media screen and (max-width: 768px) {
-      & .car-identifier {
-        width: 100%;
-      }
-    }
-
-    & .car-year {
-      color: rgba(0, 0, 0, 0.5);
-      line-height: 1.2;
-      flex: 1;
-    }
-  }
-
-  hr {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    margin-left: 3.875rem;
-  }
-</style>
diff --git a/src/lib/components/Grid.svelte b/src/lib/components/Grid.svelte
deleted file mode 100644
index 4298d1bb..00000000
--- a/src/lib/components/Grid.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-<script>
-  export let columns = 2;
-  export let alignItems = "flex-start";
-  export let columnGap = "3rem";
-  export let rowGap = "1.5rem";
-  // how big the content is/how early columns should wrap
-  export let size = "medium";
-  // how many columns should it be wrapped into; half or single or none
-  export let wrapMode = "half";
-  // this is overridden when the columns start to wrap
-  export let templateColumns = "repeat(var(--columns), 1fr)";
-
-  export let lgColumnGap;
-  export let lgTemplateColumns;
-</script>
-
-<div
-  class="grid"
-  class:small={size === "small"}
-  class:medium={size === "medium"}
-  class:large={size === "large"}
-  style="
-    --columns: {columns};
-    --align-items: {alignItems};
-    --column-gap: {columnGap};
-    --row-gap: {rowGap};
-    --wrapped-columns: {wrapMode === 'single' ? 1 : (wrapMode === 'double' ? 2 : (wrapMode === 'half' ? Math.floor(columns / 2) : columns))};
-    --template-columns: {templateColumns};
-
-    --lg-column-gap: {lgColumnGap ?? columnGap};
-    --lg-template-columns: {lgTemplateColumns ?? templateColumns};
-  "
->
-  <slot></slot>
-</div>
-
-<style>
-  .grid {
-    grid-column-gap: var(--column-gap);
-    grid-row-gap: var(--row-gap);
-    margin-bottom: var(--margin-bottom);
-    grid-template-rows: auto auto;
-    grid-template-columns: var(--template-columns);
-    grid-auto-columns: 1fr;
-    display: grid;
-    align-items: var(--align-items);
-  }
-
-  @media (max-width: 480px) {
-    .grid.small {
-      grid-template-columns: repeat(var(--wrapped-columns), 1fr);
-    }
-  }
-
-  @media (max-width: 768px) {
-    .grid.medium {
-      grid-template-columns: repeat(var(--wrapped-columns), 1fr);
-    }
-  }
-
-  @media (max-width: 1024px) {
-    .grid.large {
-      grid-template-columns: repeat(var(--wrapped-columns), 1fr);
-    }
-
-    .grid {
-      grid-template-columns: var(--lg-template-columns);
-      column-gap: var(--lg-column-gap);
-    }
-  }
-</style>
diff --git a/src/lib/components/HarnessSelector/HarnessDropdownItem.svelte b/src/lib/components/HarnessSelector/HarnessDropdownItem.svelte
deleted file mode 100644
index e55083ef..00000000
--- a/src/lib/components/HarnessSelector/HarnessDropdownItem.svelte
+++ /dev/null
@@ -1,65 +0,0 @@
-<script>
-  export let value;
-  export let selected = false;
-</script>
-
-<div class="dropdown-item" role="option" aria-selected={selected} on:click on:keydown tabindex="0">
-  <div class="item-info">
-    <div class="title">
-      {value?.car}
-    </div>
-    {#if value?.title}
-      <div class="subtitle">
-        Harness: {value.title}
-      </div>
-    {/if}
-  </div>
-  <div class="accessory-label">
-    <slot/>
-  </div>
-</div>
-
-<style>
-  .dropdown-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    color: #222222;
-    background-color: #fff;
-    border: 1px solid #a0a0a0;
-    padding: 1.25rem 3rem;
-    box-sizing: border-box;
-    min-height: 84px;
-    transition: border-color 0.2s;
-
-    &:hover {
-      border-color: #464646;
-    }
-  }
-
-  .item-info {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-
-  .title {
-    font-size: 1rem;
-    font-weight: 600;
-    margin-right: 0.5rem;
-  }
-
-  .subtitle {
-    font-size: 0.875rem;
-    font-weight: 400;
-    color: rgb(81, 81, 81);
-    margin-right: 0.5rem;
-  }
-
-  .accessory-label {
-    font-size: 1.25rem;
-    font-weight: 600;
-    text-wrap: nowrap;
-  }
-</style>
diff --git a/src/lib/components/HarnessSelector/HarnessSelector.svelte b/src/lib/components/HarnessSelector/HarnessSelector.svelte
deleted file mode 100644
index 4c679cdd..00000000
--- a/src/lib/components/HarnessSelector/HarnessSelector.svelte
+++ /dev/null
@@ -1,282 +0,0 @@
-<script>
-  import { browser } from '$app/environment';
-  import { page } from '$app/stores';
-  import { goto } from '$app/navigation';
-
-  import { tick } from 'svelte';
-  import { clickOutside } from '$lib/utils/clickOutside';
-  import { allHarnesses, vehicleHarnesses, genericHarnesses } from '$lib/utils/harnesses';
-  import { selectedCar } from '../../../store';
-  import { NO_HARNESS_OPTION } from '$lib/constants/vehicles.js';
-
-  import NoteCard from '$lib/components/NoteCard.svelte';
-  import DropdownItem from './HarnessDropdownItem.svelte';
-
-  import ChevronIcon from '$lib/icons/icon-chevron.svg?raw';
-  import CloseIcon from '$lib/icons/ui/close.svg?raw';
-  import CarIcon from '$lib/icons/features/car.svg?raw';
-
-  export let onChange;
-
-  export let label = "Select vehicle";
-  export let placeholder = "Search for a vehicle or harness";
-  export let showNoHarnessOption = false; // shows "I already have a harness" option
-  export let showVehicleHarnesses = true; // If true, includes the harnesses by each vehicle model
-  export let showGenericHarnesses = true; // If true, includes the generic/developer harnesses
-  export let hideSupportNoteCard = false;
-  export let restoreSelection = false;
-
-  let selection = undefined
-
-  export function setSelection(newSelection) {
-    selection = newSelection;
-  }
-
-  // Load harnesses based on the options
-  $: harnesses = showVehicleHarnesses && showGenericHarnesses ? allHarnesses : showVehicleHarnesses ? vehicleHarnesses : genericHarnesses;
-  $: if (browser && $harnesses.length > 0) setInitialSelection();
-  $: if (selection !== undefined) {
-    // Don't update w/ initial state
-    onChange(selection);
-    updateQueryParams(selection);
-
-    // remember with cookie
-    if (selection?.car) {
-      selectedCar.set(selection.car);
-    } else {
-      selectedCar.set('');
-    }
-  }
-
-  function updateQueryParams(selectedHarness) {
-    const searchParams = new URLSearchParams();
-    if (selectedHarness) {
-      searchParams.set("harness", encodeURIComponent(selectedHarness.car));
-    }
-
-    // https://github.com/sveltejs/kit/discussions/3245#discussioncomment-1931570
-    if (browser) {
-      goto(`?${searchParams.toString()}`, { keepfocus: true, replaceState: true, noScroll: true });
-    }
-  }
-
-  const setInitialSelection = () => {
-    let carName = decodeURIComponent($page.url.searchParams.get('harness'));
-
-    if (carName === NO_HARNESS_OPTION.car) {
-      selection = NO_HARNESS_OPTION;
-      return;
-    }
-
-    // Parent may set selection, don't override if no harness param
-    let foundHarness = $harnesses.find(harness => harness.car === carName);
-    if (!foundHarness && restoreSelection && $selectedCar) {
-      foundHarness = $harnesses.find(harness => harness.car === $selectedCar);
-    }
-    if (foundHarness) {
-      selection = foundHarness;
-    }
-  }
-
-  // Normalize diacritics for matching (e.g., "Škoda" -> "Skoda")
-  function normalizeDiacritics(str) {
-    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
-  }
-
-  /* Filtered Dropdown */
-  let inputValue = "";
-  let inputRef;
-
-  $: filteredItems = $harnesses.filter(item =>
-    normalizeDiacritics(item.car.toLowerCase()).match(normalizeDiacritics(inputValue.toLowerCase()))
-  );
-
-  const handleClear = () => {
-    // clear search input or close menu
-    if (!inputValue) {
-      menuOpen = false;
-    } else {
-      inputValue = "";
-      inputRef?.focus();
-    }
-
-    // clear harness selection
-    selection = null;
-  }
-
-  /* Dropdown Options */
-  let menuOpen = false;
-  let filteredItems = [];
-
-  const handleSelectClick = async () => {
-    menuOpen = true;
-    await tick();
-    inputRef?.focus();
-  }
-
-  const handleSelectKeyDown = (e) => { if (e.key === 'Enter') { handleSelectClick(); } }
-
-  const handleOptionClick = (item) => {
-    selection = item;
-    menuOpen = false;
-  }
-
-  const handleOptionKeyDown = (e, item) => { if (e.key === 'Enter') { handleOptionClick(item); } }
-</script>
-
-<div class="dropdown" use:clickOutside on:clickOutside={() => menuOpen = false}>
-  <div>
-    {#if menuOpen}
-      <button class="clear" on:click={handleClear}>{@html CloseIcon}</button>
-      <input
-        type="text"
-        placeholder={placeholder}
-        autocomplete="off"
-        class="search-input"
-        bind:value={inputValue}
-        bind:this={inputRef}
-        on:click={() => menuOpen = true}
-        on:focus={() => menuOpen = true}
-        style={menuOpen ? 'padding: 14px 3rem' : ''}
-      />
-    {:else if selection}
-      <button class="clear" on:click={handleClear}>{@html CloseIcon}</button>
-      <DropdownItem
-        value={selection}
-        on:click={handleSelectClick}
-        on:keydown={handleSelectKeyDown}
-        selected={true}
-      >
-        <slot name="accessoryLabel"/>
-      </DropdownItem>
-    {:else}
-      <div class="selection-placeholder" on:click={handleSelectClick} on:keydown={handleSelectKeyDown} role="button" tabindex="0">
-        <div class="label">{label}</div>
-        <div class="accessory">
-          <slot name="accessoryLabel"/>
-        </div>
-      </div>
-    {/if}
-    <span class="chevron">{@html ChevronIcon}</span>
-  </div>
-  <div class="dropdown-content" class:show={menuOpen}>
-    {#if inputValue !== ''}
-      {#if filteredItems.length > 0}
-        {#each filteredItems as item}
-          <DropdownItem value={item} on:click={() => handleOptionClick(item)} on:keydown={(e) => handleOptionKeyDown(e, item)} />
-        {/each}
-      {:else}
-        <DropdownItem value={{ car: 'No matching vehicles' }} />
-      {/if}
-    {:else}
-      {#if showNoHarnessOption}
-      <DropdownItem value={NO_HARNESS_OPTION} on:click={() => handleOptionClick(NO_HARNESS_OPTION)} on:keydown={(e) => handleOptionKeyDown(e, NO_HARNESS_OPTION)} />
-      {/if}
-      {#each $harnesses as item}
-        <DropdownItem value={item} on:click={() => handleOptionClick(item)} on:keydown={(e) => handleOptionKeyDown(e, item)} />
-      {/each}
-    {/if}
-  </div>
-</div>
-
-{#if selection && selection.package && !hideSupportNoteCard}
-  <NoteCard title="Support" icon={CarIcon}>
-    {@html selection.package === 'All' ?
-      'openpilot will work with <strong>all packages and trims</strong> of this car.' :
-      `openpilot requires <strong>${selection.car}</strong> to come equipped with <strong>${selection.package}</strong>.`
-    }
-  </NoteCard>
-{/if}
-
-
-<style>
-.dropdown {
-  position: relative;
-  display: inline-block;
-  margin: 1.25rem auto 0;
-  width: 100%;
-}
-
-.dropdown-content {
-  display: none;
-  position: absolute;
-  border: 1px solid #ddd;
-  z-index: 1;
-  width: 100%;
-  max-height: 400px;
-  overflow-y: auto;
-}
-
-.show {
-  display:block;
-}
-
-.search-input {
-  box-sizing: border-box;
-  width: 100%;
-  min-height: 84px;
-  border: 1px solid #a0a0a0;
-  padding: 14px;
-  outline: none;
-  font-size: 1rem;
-
-  &::placeholder {
-    font-size: 1rem;
-    color: #656565;
-  }
-}
-
-.selection-placeholder {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  color: #222222;
-  background-color: #fff;
-  border: 1px solid #a0a0a0;
-  padding: 1rem 3rem 1rem 1.5rem;
-  box-sizing: border-box;
-  min-height: 84px;
-  transition: border-color 0.2s;
-
-  &:hover {
-    border-color: #464646;
-  }
-
-  & .label {
-    font-size: 1rem;
-    font-weight: 600;
-    color: #515151;
-    text-wrap: balance;
-  }
-
-  & .accessory {
-    font-size: 1.25rem;
-    font-weight: 600;
-    text-wrap: nowrap;
-  }
-}
-
-.chevron {
-  position: absolute;
-  top: 50%;
-  right: 13px;
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-
-  & > svg {
-    width: 18px;
-    height: 12px;
-  }
-}
-
-.clear {
-  position: absolute;
-  left: 13px;
-  height: 100%;
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
-}
-</style>
diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
deleted file mode 100644
index 6f8a58b4..00000000
--- a/src/lib/components/HeaderBanner.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<div class="banner">
-  <div class="wrapper">
-    <p class="headline">
-      New open roles in San Diego.
-      <a href="/jobs" class="cta">Build with us -&gt;</a>
-    </p>
-  </div>
-</div>
-
-<style>
-  .banner {
-    color: black;
-    position: relative;
-    z-index: 1;
-    background-color: var(--color-card-background-hover);
-  }
-
-  .wrapper {
-    padding: 1rem 0;
-    margin-left: auto;
-    margin-right: auto;
-    width: 85%;
-    max-width: 90rem;
-    font-size: 0.875rem;
-    line-height: 1.2;
-    text-align: center;
-
-    display: flex;
-    flex-direction: column;
-    grid-row-gap: 0.5rem;
-  }
-
-  .headline {
-    font-family: Inter, sans-serif;
-    font-size: 1.25rem;
-    font-weight: 400;
-    margin: 0 0.5rem;
-  }
-
-  .cta {
-    color: inherit;
-    font-weight: 700;
-    text-decoration: underline;
-    text-underline-offset: 0.15em;
-  }
-
-  .cta:hover,
-  .cta:focus-visible {
-    text-decoration-thickness: 2px;
-  }
-</style>
diff --git a/src/lib/components/HeaderMenu.svelte b/src/lib/components/HeaderMenu.svelte
deleted file mode 100644
index a300b14f..00000000
--- a/src/lib/components/HeaderMenu.svelte
+++ /dev/null
@@ -1,199 +0,0 @@
-<script>
-  import SocialIcons from "$lib/components/SocialIcons.svelte";
-  import { page } from '$app/stores';
-</script>
-
-<nav aria-label="navigation menu">
-  <button
-    type="button"
-    class="toggle-button"
-    aria-expanded="false"
-    aria-controls="menu-dropdown"
-    tabindex="0"
-  >
-    <svg viewBox="0 0 24 24" width="32" height="32">
-      <rect x="3" y="5" width="18" height="2"></rect>
-      <rect x="3" y="11" width="18" height="2"></rect>
-      <rect x="3" y="17" width="18" height="2"></rect>
-    </svg>
-  </button>
-  <div
-    class="menu-container"
-    id="menu-dropdown"
-    role="dialog"
-    aria-modal="true"
-    tabindex="-1"
-  >
-    <div class="section-links">
-      <a href="/">home</a>
-      <a href="/openpilot">openpilot</a>
-      <a href="/shop/comma-four">comma four</a>
-      <a href="/shop">shop</a>
-      <a href="/connect">connect</a>
-      <a href="/vehicles">compatibility</a>
-      <a href="/setup">setup guide</a>
-      <a href="/support">support & FAQs</a>
-      <a href="https://blog.comma.ai">blog</a>
-      <a href="/jobs">jobs - we're hiring!</a>
-    </div>
-    <div class="news-feed">
-      <div class="blog">
-        <div class="title">Latest from the blog:</div>
-        {#each $page.data.blogPosts as blogPost}
-          <div class="entry">
-            <a href={blogPost.link}>{blogPost.title}</a>
-            <div>{blogPost.date} - {blogPost.readTime}</div>
-          </div>
-        {/each}
-      </div>
-      <div class="social-links">
-        <div class="title">Social</div>
-        <SocialIcons size="2rem" />
-      </div>
-    </div>
-  </div>
-</nav>
-
-<style>
-  .toggle-button {
-    display: block;
-    border: none;
-    border-right: 1px solid #000;
-    background-color: transparent;
-    height: 65px;
-    width: 90px;
-    padding: 0;
-    text-align: center;
-    cursor: pointer;
-    transition: background-color 0.2s;
-
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background-color: var(--color-accent);
-      }
-    }
-
-    & svg {
-      margin: auto;
-      display: block;
-      height: 100%;
-    }
-  }
-
-  .menu-container {
-    position: absolute;
-    left: 0;
-    right: 0;
-    display: flex;
-    padding: 0 3rem;
-    z-index: 2;
-    background-color: black;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-    color: white;
-    display: none;
-
-    @media (hover: hover) and (pointer: fine) {
-      & a:hover {
-        color: var(--color-accent);
-      }
-    }
-    & a:active {
-      color: var(--color-accent);
-    }
-  }
-
-  nav:focus-within {
-    & .toggle-button {
-      background-color: black;
-      color: white;
-      transition: background-color 250ms, color 250ms;
-      cursor: pointer;
-      pointer-events: none;
-
-      & svg {
-        fill: white;
-      }
-    }
-
-    & .menu-container {
-      opacity: 1;
-      display: flex;
-
-      & a {
-        opacity: 1;
-      }
-    }
-  }
-
-  .section-links {
-    flex: 1;
-    justify-content: flex-start;
-    display: flex;
-    flex-flow: column;
-    width: 62%;
-    padding: 4rem 0;
-
-    & a {
-      color: #fff;
-      margin-bottom: 2rem;
-      padding: 0;
-      font-size: 2.5rem;
-      line-height: 0.9;
-      text-decoration: none;
-    }
-  }
-
-  .news-feed {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 32%;
-    border-left: 1px solid rgba(255, 255, 255, 0.25);
-    padding: 4rem 0 4rem 4rem;
-
-    & .title {
-      color: rgba(255, 255, 255, 0.45);
-      letter-spacing: 1px;
-      text-transform: uppercase;
-      margin-bottom: 1rem;
-      font-size: 0.875rem;
-    }
-
-    & .entry {
-      margin-top: 1rem;
-      margin-bottom: 2rem;
-
-      & a {
-        font-size: 1.5rem;
-        text-decoration: none;
-      }
-
-      & div {
-        color: rgba(255, 255, 255, 0.65);
-        font-size: 0.875rem;
-      }
-    }
-  }
-
-  @media only screen and (max-width: 768px) {
-    .menu-container {
-      flex-flow: column nowrap;
-      row-gap: 1.75rem;
-      justify-content: flex-start;
-    }
-
-    .section-links {
-      width: 100%;
-      padding: 2.5rem 0 0;
-      flex: unset;
-    }
-
-    .section-links a {
-      font-size: 1.5rem;
-    }
-
-    .news-feed {
-      display: none;
-    }
-  }
-</style>
diff --git a/src/lib/components/LinkButton.svelte b/src/lib/components/LinkButton.svelte
deleted file mode 100644
index bef9b135..00000000
--- a/src/lib/components/LinkButton.svelte
+++ /dev/null
@@ -1,114 +0,0 @@
-<script>
-  export let href;
-  export let style = "primary";
-  export let thin = false;
-  export let fullWidth = false;
-  export let target = "_self";
-</script>
-
-<a
-  {href}
-  {target}
-  class:primary={style == "primary"}
-  class:secondary={style == "secondary"}
-  class:accent={style == "accent"}
-  class:full-width={fullWidth}
-  class:thin={thin}
->
-  <slot></slot>
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <!-- right arrow -->
-    <path
-      d="M15 19L13.59 17.59L18.17 13L2 13V11L18.17 11L13.58 6.41L15 5L22 12L15 19Z"
-      fill="CurrentColor"
-    >
-    </path>
-  </svg>
-</a>
-
-<style>
-  a {
-    background-color: var(--color-accent);
-    text-align: center;
-    letter-spacing: 0.5px;
-    text-transform: uppercase;
-    justify-content: center;
-    padding: 1.25rem 3rem;
-    font-size: 1.125rem;
-    font-weight: 600;
-    width: fit-content;
-    display: flex;
-    align-items: center;
-    text-wrap: balance;
-    transition: color 0.2s, background-color 0.2s, opacity 0.2s;
-
-    @media (hover: hover) and (pointer: fine) {
-      &.primary:hover {
-        opacity: 0.75;
-      }
-
-      &.secondary:hover {
-        opacity: 0.8;
-      }
-
-      &.accent:hover {
-        color: black;
-        background-color: var(--color-accent-hover);
-      }
-    }
-
-    &.primary:active {
-      opacity: 0.75;
-    }
-
-    &.secondary:active {
-      opacity: 0.8;
-    }
-
-    &.accent:active {
-      color: black;
-      background-color: var(--color-accent-hover);
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    a {
-      padding-left: 2rem;
-      padding-right: 2rem;
-    }
-  }
-
-  a.thin {
-    font-size: 1rem;
-    padding: 0.25rem 1rem;
-  }
-
-  svg {
-    margin-left: 0.75rem;
-  }
-
-  .full-width {
-    width: auto;
-  }
-
-  .primary {
-    background-color: black;
-    color: white;
-  }
-
-  .secondary {
-    background-color: white;
-    color: black;
-  }
-
-  .accent {
-    background-color: var(--color-accent);
-    color: black;
-  }
-</style>
diff --git a/src/lib/components/MailingListForm.svelte b/src/lib/components/MailingListForm.svelte
deleted file mode 100644
index f5a90b1f..00000000
--- a/src/lib/components/MailingListForm.svelte
+++ /dev/null
@@ -1,144 +0,0 @@
-<script>
-  export let label = "Get the latest updates";
-  export let style = "accent";
-
-  let email = '';
-  let completed = false;
-  let submissionPromise;
-
-  function handleFormSubmit(event) {
-    event.preventDefault();
-    const formData = new FormData(event.target);
-    submissionPromise = new Promise((resolve, reject) => {
-      const params = new URLSearchParams(formData);
-      const script = document.createElement("script");
-      const callbackName = 'mailchimpFormSubmit_' + Math.random().toString(36).substr(2, 9);
-      script.src = `https://comma.us12.list-manage.com/subscribe/post?u=e127cf7151180db2b566d880b&id=f150bd2a9c&EMAIL=${params.get('email')}&Email=${params.get('email')}&c=${callbackName}`;
-
-      window[callbackName] = function(response) {
-        completed = true;
-        if (response.result === "success") {
-          resolve();
-        } else {
-          reject(new Error(response.msg));
-        }
-        document.body.removeChild(script);
-        delete window[callbackName];
-      };
-
-      document.body.appendChild(script);
-    });
-  }
-</script>
-
-{#if !completed}
-  <form aria-label="Email Form" on:submit={handleFormSubmit} class:primary={style == "primary"} class:accent={style == "accent"}>
-    <label for="form">{label}</label>
-    <input maxlength="256" name="email" data-name="Email" placeholder="Enter your email" type="email" bind:value={email}>
-    <input type="submit" data-wait="Please wait..." value="Subscribe" disabled={email.length === 0}>
-  </form>
-{:else}
-  {#await submissionPromise then response}
-    <div class="success">
-      <p>Thanks for signing up! We only send emails we would want to receive.</p>
-    </div>
-  {:catch error}
-    <div class="error">
-      <p>Oops! Something went wrong while submitting the form.</p>
-      <p>{@html error.message}</p>
-    </div>
-  {/await}
-{/if}
-<style>
-  form.primary {
-    & label {
-      color: rgba(2555, 255, 255, 0.65);
-    }
-    & input[type="email"] {
-      color: #fff;
-      background-color: transparent;
-      border: 1px solid rgba(2555, 255, 255, 0.65);
-      height: 2rem;
-      font-size: 1rem;
-    }
-    & input[type="submit"] {
-      color: white;
-      background-color: #525252;
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          background-color: #727171;
-        }
-      }
-      &:active {
-        background-color: #727171;
-      }
-    }
-  }
-
-  form.accent {
-    & input[type="submit"] {
-      color: black;
-      background-color: var(--color-accent);
-    }
-  }
-
-  label {
-    display: block;
-    text-transform: uppercase;
-    font-family: Inter, sans-serif;
-    font-size: 1rem;
-    font-weight: 600;
-    margin-bottom: 0.25rem;
-    letter-spacing: 0.5px;
-  }
-
-  input[type="email"] {
-    padding: 1.4rem 1rem;
-    border: 1px solid #000;
-    font-size: 0.875rem;
-    font-family: Inter, sans-serif;
-    margin-bottom: 1rem;
-    width: 100%;
-    box-sizing: border-box;
-
-    &:active, &:focus, &:hover {
-      border-color: white !important;
-    }
-  }
-
-  input[type="submit"] {
-    border: none;
-    text-align: center;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    justify-content: center;
-    padding: 1rem 4rem;
-    font-size: 1.125rem;
-    font-weight: 600;
-    font-family: Inter, sans-serif;
-    display: flex;
-    cursor: pointer;
-    transition: all 0.2s;
-    width: 100%;
-
-    &[disabled] {
-      cursor: not-allowed;
-    }
-  }
-
-  .success, .error {
-    padding: 1rem;
-    text-align: center;
-  }
-
-  .success {
-    background-color: rgba(81, 255, 0, .1);
-    border: 1px solid rgba(81, 255, 0, .35);
-  }
-
-  .error {
-    background-color: rgba(255, 0, 0, .12);
-    border: 1px solid red;
-  }
-</style>
diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte
deleted file mode 100644
index 3d113034..00000000
--- a/src/lib/components/Modal.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script>
-  import Button from "./Button.svelte";
-  import { clickOutside } from '$lib/utils/clickOutside';
-
-  export let show = false;
-  export let title = "";
-  export let primaryButtonText = "Add to cart";
-
-  export let onPrimaryClick = () => {};
-  export let onClose = () => {};
-</script>
-
-{#if show}
-  <div class="backdrop">
-    <div class="modal-container">
-      <div tabindex="-1" class="modal" use:clickOutside on:clickOutside={onClose}>
-        <span>{title}</span>
-        <slot />
-        <Button on:click={onPrimaryClick} style="accent" fullWidth>{primaryButtonText}</Button>
-        <Button on:click={onClose} style="primary" fullWidth>Go back</Button>
-      </div>
-    </div>
-  </div>
-{/if}
-
-<style>
-  .backdrop {
-    display: block;
-    position: fixed;
-    left: 0px;
-    top: 0px;
-    width: 100%;
-    height: 100%;
-    z-index: 2000;
-    background-color: rgba(0, 0, 0, 0.4);
-    animation: 0.5s ease-in-out fade-in
-  }
-
-  .modal-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-  }
-
-  .modal {
-    z-index: 1000;
-
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    align-items: center;
-
-    padding: 48px;
-    max-width: 600px;
-    max-height: 100%;
-    overflow: auto;
-    border-radius: 8px;
-
-    text-align: center;
-    background-color: rgb(255, 255, 255);
-  }
-
-  @media screen and (max-width: 768px) {
-    .modal {
-      margin: 1.25rem;
-      padding: 1rem;
-    }
-  }
-
-  span {
-    font-size: 1.5rem;
-    font-weight: 600;
-  }
-</style>
diff --git a/src/lib/components/NoteCard.svelte b/src/lib/components/NoteCard.svelte
deleted file mode 100644
index db756456..00000000
--- a/src/lib/components/NoteCard.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script>
-  import InfoIcon from "$lib/icons/ui/info.svg?raw";
-
-  export let icon = InfoIcon;
-  export let title;
-  export let style = "normal" // or "elevated", useful when rendered within a card
-</script>
-
-<div class="card" class:elevated={style == "elevated"}>
-  <div class="icon-slot">
-    <slot name="icon">
-      {@html icon}
-    </slot>
-  </div>
-  <hgroup>
-    <span>{title}</span>
-    <div>
-      <slot></slot>
-    </div>
-  </hgroup>
-</div>
-
-<style>
-  .card {
-    display: flex;
-    margin: 1rem 0;
-    padding: 1rem;
-    align-items: center;
-    color: black;
-    border: 1px solid #616161;
-
-    & hgroup {
-      margin-left: 1rem;
-      display: block !important;
-
-      & span {
-        font-family: JetBrains Mono, monospace;
-        font-size: 0.875rem;
-        font-weight: 400;
-        text-transform: uppercase;
-        line-height: 1.1;
-        margin-bottom: 0.25rem;
-        color: black;
-      }
-
-      & div {
-        display: block;
-        color: #000000A6;
-        font-size: 0.875rem;
-        line-height: 1.25;
-      }
-
-      & a {
-        color: black;
-        border-bottom: 2px solid #616161;
-
-        &:hover {
-          opacity: 0.8;
-        }
-      }
-    }
-  }
-
-  .elevated {
-    color: black;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    background-color: rgba(68, 65, 58, .12);
-
-    & hgroup {
-      & span {
-        color: black;
-      }
-    }
-  }
-</style>
diff --git a/src/lib/components/Product.svelte b/src/lib/components/Product.svelte
deleted file mode 100644
index 0199b3c2..00000000
--- a/src/lib/components/Product.svelte
+++ /dev/null
@@ -1,287 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-  import Button from "$lib/components/Button.svelte";
-  import Select from "$lib/components/Select.svelte";
-  import NoteCard from "$lib/components/NoteCard.svelte";
-
-  import ShippingIcon from "$lib/icons/features/shipping.svg?raw";
-
-  import { formatCurrency } from "$lib/utils/currency";
-  import { addToCart } from "../../store.js";
-
-  export let product;
-  export let additionalProductIds = [];
-  export let autoSelectFirstVariant = true;
-  export let beforeAddToCart = null;
-  export let getCartNote = null;
-  export let backordered = null;
-  export let backorderedPrefix = "ships in ";
-  export let forceOutOfStock = false;
-  export let disableBuyButtonText = null;
-  export let hideOutOfStockVariants = false;
-  export let priceOverride = null;
-
-  export let VariantSelector = null;
-  function handleVariantSelection(variant) {
-    selectedVariantId = variant?.id || null;
-    backordered = variant?.currentlyNotInStock ? (variant.backordered || '1-12 weeks') : null;
-  }
-
-  let currentImageIndex = 0;
-
-  $: variants = hideOutOfStockVariants
-    ? product?.variants?.nodes.filter(v => v.availableForSale) || []
-    : product?.variants?.nodes || [];
-
-  let selectedVariantId = null;
-  $: if (autoSelectFirstVariant && variants.length > 0 && !selectedVariantId) {
-    selectedVariantId = variants[0].id;
-  }
-
-  $: selectedVariant = variants.find(
-    (variant) => variant.id === selectedVariantId,
-  );
-
-  $: highlightedImageSrc = product?.images[currentImageIndex];
-  $: priceLabel = getPriceLabel(selectedVariant);
-
-  async function addItem() {
-    let note = "";
-    if (typeof getCartNote === 'function') {
-      note = getCartNote();
-    }
-
-    const itemId = selectedVariant.id;
-    if (typeof beforeAddToCart === 'function') {
-      beforeAddToCart(() => addToCart(itemId, additionalProductIds, note));
-    } else {
-      addToCart(itemId, additionalProductIds, note);
-    }
-  }
-
-  function getPriceLabel(_) {
-    if (priceOverride !== null) {
-      return formatCurrency({ amount: priceOverride, currencyCode: 'USD' }, 0);
-    }
-    if (selectedVariant) {
-      return formatCurrency(selectedVariant.price, 0);
-    } else if (product.priceRange.minVariantPrice.amount !== product.priceRange.maxVariantPrice.amount) {
-      return `from ${formatCurrency(product.priceRange.minVariantPrice, 0)}`;
-    } else {
-      return formatCurrency(product.priceRange.minVariantPrice, 0);
-    }
-  }
-
-  let addToCartLabel;
-  $: {
-    if (disableBuyButtonText) {
-      addToCartLabel = disableBuyButtonText;
-    } else if (forceOutOfStock || (selectedVariant && !selectedVariant.availableForSale)) {
-      addToCartLabel = "Out of stock";
-      if (backordered) {
-        addToCartLabel += ` (${backorderedPrefix}${backordered})`;
-      }
-    } else if (backordered) {
-      addToCartLabel = `Add to cart (${backorderedPrefix}${backordered})`;
-    } else {
-      addToCartLabel = "Add to cart";
-    }
-  }
-</script>
-
-{#if product}
-  <Grid columns={2} rowGap="0" columnGap="6rem" templateColumns="1.25fr 0.75fr" lgTemplateColumns="1fr 1fr" lgColumnGap="2rem">
-    <div>
-      <div class="preview">
-        <img src={highlightedImageSrc} alt="product preview" />
-      </div>
-      {#if product?.images?.length > 1}
-        <div class="product-images">
-          {#each product?.images as image, i}
-            <button
-              on:click={() => {
-                currentImageIndex = i;
-              }}
-              class="variant"
-              role="tab"
-              aria-selected={currentImageIndex === i}
-              aria-label={`View product variant ${i}`}
-            >
-              <img src={image} alt="product preview {i + 1}" />
-            </button>
-          {/each}
-        </div>
-      {/if}
-    </div>
-    <div>
-      <div>
-        <div class="variant-selector">
-          <h1>{product?.title}</h1>
-          <div class="price">
-            <slot name="price">
-              {priceLabel}
-            </slot>
-          </div>
-          <slot name="price-accessory"></slot>
-          {#if VariantSelector}
-            <svelte:component this={VariantSelector} onChange={handleVariantSelection} />
-          {:else}
-            {#if variants.length > 1}
-              <img src={selectedVariant.image.url} alt="" />
-              <Select bind:value={selectedVariantId}>
-                {#each variants as option}
-                  <option value={option.id}>
-                    {option.title}
-                  </option>
-                {/each}
-              </Select>
-            {/if}
-          {/if}
-        </div>
-        <Button
-          style="accent"
-          fullWidth={true}
-          on:click={addItem}
-          disabled={forceOutOfStock || !selectedVariant || selectedVariant?.availableForSale === false || disableBuyButtonText !== null}
-        >
-          {addToCartLabel}
-        </Button>
-        <slot name="shipping">
-          <NoteCard title="Shipping" icon={ShippingIcon}>
-          {#if product?.freeRush}
-            Free Rush (UPS 2nd Day Air) shipping. $30 flat rate internationally.
-          {:else}
-            Free US shipping, $30 flat rate internationally.
-          {/if}
-          </NoteCard>
-        </slot>
-        <slot name="notes"></slot>
-        <hr />
-        <div class="description">
-          <slot name="description"></slot>
-        </div>
-      </div>
-    </div>
-  </Grid>
-{/if}
-
-<style>
-  h1 {
-    font-size: 2.5rem;
-    font-weight: 600;
-  }
-
-  .preview {
-    & img {
-      display: block;
-      margin: 0 auto;
-    }
-  }
-
-  .product-images {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .variant {
-    width: 120px;
-    max-width: 25%;
-    cursor: pointer;
-    background-color: transparent;
-    border: none;
-    margin-top: 1rem;
-
-    & img {
-      width: 100%;
-      height: 100%;
-      object-fit: scale-down;
-    }
-  }
-
-  .variant-selector {
-    margin: 1rem 0;
-
-    & h1 {
-      margin-bottom: 1rem;
-    }
-
-    & .price {
-      font-size: 1.5rem;
-      display: flex;
-      flex-direction: column;
-      gap: 0.25rem;
-    }
-
-
-    & img {
-      width: 120px;
-      height: 120px;
-      object-fit: scale-down;
-    }
-  }
-
-  .description {
-    & strong {
-      font-size: 1.25rem;
-    }
-
-    & hr {
-      margin: 2rem 0;
-    }
-
-    & hgroup {
-      display: flex;
-      align-items: center;
-
-      & img {
-        border: 1px solid rgba(0, 0, 0, 0.12);
-        margin-right: 1rem;
-        max-width: 150px;
-      }
-
-      & div {
-        display: flex;
-        flex-direction: column;
-
-        & span {
-          font-size: 0.875rem;
-          text-transform: uppercase;
-          font-family: JetBrains Mono, monospace;
-        }
-
-        & strong {
-          font-size: 1.25rem;
-          font-weight: 600;
-        }
-      }
-    }
-
-    & li {
-      font-size: 1rem;
-    }
-
-    & a {
-      color: #000;
-      border-bottom: 2px solid #86ff4e;
-      background-color: rgba(134, 255, 78, 0.15);
-    }
-
-    & .video-container {
-      position: relative;
-      padding-bottom: 56.25%; /* 16:9 */
-      height: 0;
-
-      & iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  hr {
-    margin: 2rem 0;
-  }
-</style>
diff --git a/src/lib/components/ProductCard.svelte b/src/lib/components/ProductCard.svelte
deleted file mode 100644
index 94905451..00000000
--- a/src/lib/components/ProductCard.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script>
-  export let product;
-</script>
-
-<a class="product-card" href={product.route}>
-  <img src={product.images[0]} loading="lazy" alt="{product.title} product" />
-  <div>
-    <hgroup>
-      <h2>{product.title}</h2>
-      <span>{product.price ?? 0}</span>
-    </hgroup>
-    <span>Buy</span>
-  </div>
-</a>
-
-<style>
-  .product-card {
-    border: 1px solid #000;
-    background-color: var(--color-card-background);
-    padding-top: 1rem;
-    transition: all 0.2s;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background-color: var(--color-card-background-hover);
-        transform: scale(1.02);
-      }
-    }
-    &:active {
-      background-color: var(--color-card-background-hover);
-      transform: scale(1.02);
-    }
-
-    & img {
-      display: inline-block;
-      mix-blend-mode: multiply;
-    }
-
-    & div {
-      display: flex;
-      gap: 1rem;
-      flex-wrap: nowrap;
-      justify-content: space-between;
-      align-items: center;
-      padding: 1rem 1.25rem;
-
-      & hgroup {
-        & h2 {
-          font-size: 1.25rem;
-          font-weight: 600;
-          line-height: 1.2;
-          margin-bottom: 0.375rem;
-          overflow: hidden;
-          text-wrap: balance;
-          text-overflow: ellipsis;
-        }
-      }
-
-      & > span {
-        color: #fff;
-        background-color: #000;
-        padding: 0.5rem 1rem;
-        text-transform: uppercase;
-      }
-    }
-  }
-
-  @media screen and (max-width: 1500px) {
-    .product-card div {
-      flex-direction: column;
-      align-items: flex-start;
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    .product-card div {
-      flex-direction: row;
-    }
-  }
-</style>
diff --git a/src/lib/components/ProductDescriptions/CarHarness.svelte b/src/lib/components/ProductDescriptions/CarHarness.svelte
deleted file mode 100644
index bfd49db3..00000000
--- a/src/lib/components/ProductDescriptions/CarHarness.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script>
-  import Product from "$lib/components/Product.svelte";
-  import NoteCard from "$lib/components/NoteCard.svelte";
-  import HarnessSelector from "$lib/components/HarnessSelector/HarnessSelector.svelte";
-
-  export let product;
-</script>
-
-<Product {product} VariantSelector={HarnessSelector} autoSelectFirstVariant={false}>
-  <div slot="notes">
-    <NoteCard title="Compatibility">
-      Harness compatibility based on the US car market.
-    </NoteCard>
-    <NoteCard title="Note">
-      Does not include the
-      <a href="/shop/obd-c-cable" target="_blank">OBD-C cable</a>, sold
-      separately.
-    </NoteCard>
-  </div>
-
-  <div slot="description">
-    <strong>Description</strong>
-    <p>
-      The car harness is our universal interface to your car. Use the car
-      harness to connect your comma device to your vehicle.
-    </p>
-    <p>
-      We designed it to be invisible in your car while being easy to install and
-      use. Car harness allows seamlessly switching back
-      to the stock system when unplugging your comma device.
-    </p>
-    <div class="video-container">
-      <iframe
-        src="https://www.youtube.com/embed/keM6UnpguKo?rel=0&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
-        frameborder="0"
-        allow="autoplay; encrypted-media"
-        allowfullscreen=""
-        title="car harness"
-      ></iframe>
-    </div>
-    <hr />
-    <strong>Highlights</strong>
-    <ul>
-      <li>Stealth install; car parts remain in place, no messy cables</li>
-      <li>
-        Easy to set up; watch us do it in 3 minutes
-        <a href="https://www.youtube.com/watch?v=3nlkomHathI" target="_blank">
-          here
-        </a>
-      </li>
-    </ul>
-    <hr />
-    <strong>What's in the box?</strong>
-    <p>
-      Each vehicle has a specific harness based on make, model and year. Each
-      kit includes the following:
-    </p>
-    <ul>
-      <li>comma power</li>
-      <li>harness connector</li>
-      <li>harness box</li>
-    </ul>
-    <p>Exceptions to the above include:</p>
-    <p><strong>OBD II</strong></p>
-    <ul>
-      <li>OBD-II connector</li>
-      <li>long OBD-C cable (9.5 ft)</li>
-    </ul>
-    <p><strong>Rivian A, Ford Q4, Nissan, and J533</strong></p>
-    <ul>
-      <li>comma power</li>
-      <li>harness connector</li>
-      <li>harness box</li>
-      <li>long OBD-C cable (9.5 ft)</li>
-    </ul>
-    <p><strong>Tesla A, Tesla B</strong></p>
-    <ul>
-      <li>harness connector</li>
-      <li>harness box</li>
-      <li>long OBD-C cable (9.5 ft)</li>
-    </ul>
-  </div>
-</Product>
diff --git a/src/lib/components/ProductDescriptions/CommaFour.svelte b/src/lib/components/ProductDescriptions/CommaFour.svelte
deleted file mode 100644
index 50ad9e4c..00000000
--- a/src/lib/components/ProductDescriptions/CommaFour.svelte
+++ /dev/null
@@ -1,306 +0,0 @@
-<script context="module">
-  import Product from "$lib/components/Product.svelte";
-  import NoteCard from "$lib/components/NoteCard.svelte";
-  import CheckboxCard from "$lib/components/CheckboxCard.svelte";
-  import Accordion from "$lib/components/Accordion.svelte";
-  import Badge from "$lib/components/Badge.svelte";
-  import HarnessSelector from "$lib/components/HarnessSelector/HarnessSelector.svelte";
-  import Modal from "$lib/components/Modal.svelte";
-
-  import ShippingIcon from "$lib/icons/features/shipping.svg?raw";
-  import MoneyBackGuaranteeIcon from "$lib/icons/features/money-back-guarantee.svg?raw";
-  import WarrantyIcon from "$lib/icons/features/warranty.svg?raw";
-
-  import { FOUR_PRICE } from '$lib/constants/prices.js';
-  import { NO_HARNESS_OPTION } from '$lib/constants/vehicles.js';
-</script>
-
-<script>
-  import { onMount } from 'svelte';
-  import { getProduct } from '$lib/utils/shopify';
-  import { products as productsData } from '$lib/data/products.js';
-  import { formatCurrency } from "$lib/utils/currency";
-
-  export let product;
-  let disableBuyButtonText = "SELECT YOUR CAR";
-
-  let harnessSelectorRef;
-  let checkboxCardRef;
-
-  let showDisclaimerModal = false;
-  let onProceed;
-  let beforeAddToCart = (addToCart) => {
-    onProceed = () => {
-      addToCart();
-      showDisclaimerModal = false;
-    }
-    showDisclaimerModal = true;
-  }
-
-  let getCartNote = () => {
-    if (selectedHarness?.car) {
-      // TODO: support car harness and harness connector page (latter won't have a car attribute)
-      const vehicle_note = `Vehicle: ${selectedHarness.car}`;
-      const backordered_note = backordered ? `${backordered} backordered` : 'in stock';
-
-      return `${vehicle_note} (${backordered_note})`;
-    }
-    return '';
-  }
-
-  let selectedHarness = null;
-  let tradeInVariantId = null;
-  let tradeInChecked = false;
-  let backordered = null;
-
-  // Trade-in and discount configuration
-  const discountAmount = 50;
-  const tradeInCredit = 250;
-  $: showDiscount = selectedHarness === NO_HARNESS_OPTION;
-
-  // Price calculations
-  $: priceDueToday = showDiscount ? FOUR_PRICE - discountAmount : FOUR_PRICE;
-  $: priceAfterTradeIn = tradeInChecked ? priceDueToday - tradeInCredit : priceDueToday;
-
-  $: additionalProductIds = (() => {
-    const ids = [];
-    if (selectedHarness && selectedHarness !== NO_HARNESS_OPTION) {
-      ids.push(selectedHarness.id);
-    }
-    if (tradeInChecked && tradeInVariantId) {
-      ids.push(tradeInVariantId);
-    }
-    return ids;
-  })();
-
-  const handleHarnessSelection = (value) => {
-    selectedHarness = value;
-    if (value === NO_HARNESS_OPTION) {
-      backordered = null;
-      disableBuyButtonText = null;
-    } else if (value) {
-      backordered = value.currentlyNotInStock ? (value.backordered || '1-12 weeks') : null;
-      disableBuyButtonText = null;
-    } else {
-      backordered = null;
-      disableBuyButtonText = "SELECT YOUR CAR";
-    }
-
-    // Reset trade-in checkbox
-    if (!value && checkboxCardRef) {
-      checkboxCardRef.setChecked(false);
-      tradeInChecked = false;
-    }
-  }
-
-  const handleTradeInToggle = () => {
-    tradeInChecked = !tradeInChecked;
-  }
-
-  onMount(async () => {
-    // Autofill trade-in checkbox
-    const urlParams = new URLSearchParams(window.location.search);
-    if (urlParams.get('trade-in') === '1') {
-      if (checkboxCardRef) {
-        checkboxCardRef.setChecked(true);
-        tradeInChecked = true;
-      }
-      if (harnessSelectorRef) {
-        harnessSelectorRef.setSelection(NO_HARNESS_OPTION);
-      }
-    }
-
-    // Fetch trade-in product variant ID
-    try {
-      const tradeInProductId = productsData["comma-four-trade-in"]?.id;
-      if (!tradeInProductId) return;
-      const response = await getProduct(tradeInProductId);
-      if (response.status === 200) {
-        const tradeInProduct = response.body?.data?.product;
-        if (tradeInProduct?.variants?.nodes?.length > 0) {
-          tradeInVariantId = tradeInProduct.variants.nodes[0].id;
-        }
-      }
-    } catch (error) {
-      console.error('Failed to fetch trade-in product:', error);
-    }
-  });
-</script>
-
-<Product {product} {additionalProductIds} {backordered} {beforeAddToCart} {getCartNote} priceOverride={FOUR_PRICE}
-         disableBuyButtonText={disableBuyButtonText}>
-  <div slot="shipping"></div>
-
-  <div slot="price" class="price">
-    {#if tradeInChecked && tradeInCredit > 0}
-      <span>{formatCurrency({ amount: priceAfterTradeIn, currencyCode: 'USD' }, 0)} after trade-in received</span>
-    {:else if showDiscount && discountAmount > 0}
-      {formatCurrency({ amount: priceDueToday, currencyCode: 'USD' }, 0)}
-    {:else}
-      {formatCurrency({ amount: FOUR_PRICE, currencyCode: 'USD' }, 0)}
-    {/if}
-  </div>
-
-  <span slot="price-accessory">
-    <div class="badges">
-      <Badge style="dark">Free rush shipping</Badge>
-      {#if tradeInChecked && tradeInCredit > 0}
-        <span class="price-due-today">{formatCurrency({ amount: priceDueToday, currencyCode: 'USD' }, 0)} due today</span>
-      {/if}
-    </div>
-
-    <hr />
-
-    <strong>Select a harness to connect the comma four to your car.</strong>
-    <HarnessSelector
-      bind:this={harnessSelectorRef}
-      label="Select your car"
-      onChange={handleHarnessSelection}
-      showNoHarnessOption={true}
-    >
-    </HarnessSelector>
-    <CheckboxCard bind:this={checkboxCardRef} title="$250 credit with trade-in" checked={tradeInChecked} onToggle={handleTradeInToggle}
-                  disabled={disableBuyButtonText !== null}>
-      Get $250 credit when you trade in your old comma device. Any comma device, in any condition.
-      <a href="/shop/comma-four-trade-in">Instructions and Terms</a>
-    </CheckboxCard>
-  </span>
-
-  <div slot="notes">
-    <NoteCard title="Upgrading from another comma device?">
-      You do not need a new car harness. All comma devices use the same harness.
-    </NoteCard>
-  </div>
-
-  <div slot="description">
-    <div class="item">
-      <Accordion>
-        <div class="label" slot="label">
-          <div>{@html ShippingIcon}</div>
-          <span>Free Rush (UPS 2nd Day Air) shipping</span>
-        </div>
-        <div class="details" slot="content">
-          US only. Rush orders are fulfilled on the next business day.
-          <br><br>
-          International shipping is $30 flat rate.
-          See fine print below for details. Common shipping questions are answered on
-          <a href="/support#shipping--returns" target="_blank">the FAQ</a>.
-        </div>
-      </Accordion>
-    </div>
-    <div class="item">
-      <Accordion>
-        <div class="label" slot="label">
-          <div>{@html MoneyBackGuaranteeIcon}</div>
-          <span>Try our 30-day money-back trial</span>
-        </div>
-        <div class="details" slot="content">
-          See for yourself why Consumer Reports rated us as the
-          <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf">top driver assistance system</a>.
-          We think you’ll love it, but if you’re not satisfied, send it back for a full refund.
-        </div>
-      </Accordion>
-    </div>
-    <div class="item">
-      <Accordion>
-        <div class="label" slot="label">
-          <div>{@html WarrantyIcon}</div>
-          <span>1-year hardware warranty</span>
-        </div>
-        <div class="details" slot="content">
-          1-year limited warranty against hardware defects. Extend it with <a href="/connect#what-is-commacare">commacare</a>.
-        </div>
-      </Accordion>
-    </div>
-  </div>
-</Product>
-
-<Modal
-  title="Disclaimer"
-  onPrimaryClick={onProceed}
-  onClose={() => showDisclaimerModal = false}
-  bind:show={showDisclaimerModal}
-  primaryButtonText={backordered ? `Add to cart (ships in ${backordered})` : "Add to cart"}
->
-  {#if additionalProductIds.length === 0}
-    <p class="disclaimer">
-      A car harness is required to connect the comma four to your vehicle.
-      You currently have no car harness selected.
-    </p>
-  {/if}
-  <p class="disclaimer">
-    The comma four does not ship with any software.
-    Once you have the device you will be able to install any software you choose at your own risk.
-  </p>
-  <p class="disclaimer">
-    Regardless of what software you choose to install, this device in no way substitutes for a licensed, sober, and attentive driver in the drivers seat.
-    <b>If you are not going to always pay careful attention while driving, do not buy this product.</b>
-  </p>
-</Modal>
-
-<style>
-  .item {
-    padding: 1rem 0;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-  }
-
-  .badges {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.75rem;
-    margin: 1rem 0;
-  }
-
-  .harness-price {
-    display: flex;
-  }
-
-  .label {
-    display: flex;
-    align-items: center;
-    color: black;
-
-    & div {
-      height: 24px;
-      width: 2.5rem;
-    }
-
-    & span {
-      vertical-align: middle;
-      margin-right: 1rem;
-      color: black;
-    }
-  }
-
-  .details {
-    max-width: 80%;
-    margin-left: 2.5rem;
-    margin-top: 0.875rem;
-  }
-
-  .disclaimer {
-    margin: 0;
-
-    &.warning {
-      color: #c53e3e;
-      font-weight: 600;
-    }
-  }
-
-  hr {
-    margin: 2rem 0;
-  }
-
-  .highlight {
-    background-color: rgba(134, 255, 78, 0.15);
-    border-bottom: 2px solid #86ff4e;
-    padding: 0 2px;
-    margin-bottom: -2px;
-  }
-
-  .price-due-today {
-    font-size: 1rem;
-    color: rgb(81, 81, 81);
-  }
-</style>
diff --git a/src/lib/components/ReleaseNote.svelte b/src/lib/components/ReleaseNote.svelte
deleted file mode 100644
index cd195930..00000000
--- a/src/lib/components/ReleaseNote.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-
-  export let releaseNote;
-</script>
-
-<div class="release-note">
-  <Grid columns={2} alignItems="center">
-    <img src={releaseNote.cover} alt="{releaseNote.title} feature highlights" />
-    <div>
-      <hgroup>
-        <span>{releaseNote.date}</span>
-        <a class="highlight" href={releaseNote.link}>{releaseNote.title}</a>
-      </hgroup>
-      <p>{releaseNote.excerpt}</p>
-    </div>
-  </Grid>
-</div>
-
-<style>
-  .release-note {
-    border-top: 1px solid #000;
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  img {
-    border: 1px solid rgba(0, 0, 0, 0.12);
-    margin-right: 1.5rem;
-  }
-
-  hgroup {
-    & span {
-      text-transform: uppercase;
-      margin-bottom: 0.25rem;
-      font-family: JetBrains Mono, monospace;
-      font-size: 0.875rem;
-    }
-
-    & a {
-      font-size: 1.5rem;
-      display: block !important;
-      width: fit-content;
-      margin-top: 0.25rem;
-    }
-  }
-</style>
diff --git a/src/lib/components/SectionHeader.svelte b/src/lib/components/SectionHeader.svelte
deleted file mode 100644
index 6fdaafff..00000000
--- a/src/lib/components/SectionHeader.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script>
-  export let leftLabel = "";
-  export let rightLabel = "";
-  export let rightIcon = null;
-</script>
-
-<div class="wrapper">
-  <div class="label">{leftLabel}</div>
-  <div class="line"></div>
-  {#if rightIcon}
-    <div class="label">{@html rightIcon}</div>
-  {:else}
-    <div class="label">{rightLabel}</div>
-  {/if}
-</div>
-
-<style>
-  .wrapper {
-    justify-content: space-around;
-    align-items: center;
-    display: flex;
-    margin-bottom: 4rem;
-
-    @media screen and (max-width: 512px) {
-      margin-bottom: 3rem;
-    }
-  }
-
-  .label {
-    color: var(--color-foreground);
-    flex: none;
-    font-size: 1.25rem;
-    line-height: 1;
-  }
-
-  .line {
-    background-color: var(--color-foreground);
-    width: 100%;
-    height: 1px;
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-</style>
diff --git a/src/lib/components/Select.svelte b/src/lib/components/Select.svelte
deleted file mode 100644
index e91e60fb..00000000
--- a/src/lib/components/Select.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script>
-  export let value;
-</script>
-
-<div class="select">
-  <select bind:value>
-    <slot></slot>
-  </select>
-</div>
-
-<style>
-  .select {
-    box-sizing: border-box;
-    width: 100%;
-    background: #fff;
-    border: 1px solid #a0a0a0;
-    padding: 0.25em 0.5em;
-    font-size: 1.25rem;
-    cursor: pointer;
-  }
-
-  select {
-    font-size: inherit;
-    font-weight: 600;
-    text-wrap: balance;
-    appearance: none;
-    background-color: transparent;
-    border: none;
-    outline: none;
-    padding: 1rem;
-    width: 100%;
-
-    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
-    background-repeat: no-repeat;
-    background-position-x: 100%;
-    background-position-y: 50%;
-  }
-</style>
diff --git a/src/lib/components/SetupGuide.svelte b/src/lib/components/SetupGuide.svelte
deleted file mode 100644
index a7aedc6b..00000000
--- a/src/lib/components/SetupGuide.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-
-  import RecordingsIcon from "$lib/icons/features/recordings.svg?raw";
-  import ImmediateIcon from "$lib/icons/features/immediate.svg?raw";
-
-  export let productName = "";
-  export let title = "Setup Guide";
-  export let stepCount = 0;
-  export let estimatedMinutes = 0;
-  export let link;
-  export let image;
-</script>
-
-<Grid alignItems="center" size="large">
-  <div class="installation-guide">
-    <hgroup>
-      <span>{productName}</span>
-      <h2>{title}</h2>
-    </hgroup>
-    <div class="overview">
-      <div>
-        {@html ImmediateIcon}
-        <span>{estimatedMinutes} min</span>
-      </div>
-    </div>
-    <LinkButton href={link} style="primary" fullWidth={true}>View Guide</LinkButton>
-  </div>
-  <div class="mobile-first">
-    <img src={image} loading="lazy" alt={productName} />
-  </div>
-</Grid>
-
-<style>
-  .installation-guide {
-    max-width: 80%;
-
-    @media screen and (max-width: 1024px) {
-      & {
-        max-width: 100%;
-      }
-    }
-
-    & hgroup {
-      & span {
-        display: block;
-        font-size: 1.25rem;
-        margin-bottom: 0.5rem;
-      }
-    }
-
-    & .overview {
-      display: flex;
-      align-items: center;
-      max-width: 375px;
-      margin: 2rem 0;
-
-      & div {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      & span {
-        margin-left: 1rem;
-      }
-
-      & .divider {
-        width: 1px;
-        height: 3rem;
-        background-color: rgba(0, 0, 0, 0.2);
-        margin: 0 2.5rem;
-      }
-    }
-  }
-</style>
diff --git a/src/lib/components/SetupStep.svelte b/src/lib/components/SetupStep.svelte
deleted file mode 100644
index 452b2413..00000000
--- a/src/lib/components/SetupStep.svelte
+++ /dev/null
@@ -1,154 +0,0 @@
-<script>
-  export let stepNumber;
-  export let images = [];
-  export let header;
-  export let body;
-</script>
-
-<div class="setup-step">
-  <div class="step-title">step {stepNumber}</div>
-  <div class="step-content">
-    {#if images.length > 0}
-      <div class="step-images-grid" class:single-image={images.length === 1}>
-        {#if images.length > 0}
-          <img src={images[0]} alt={header || `Step ${stepNumber}`} class="step-image step-image-first" />
-        {/if}
-        {#each images.slice(1) as img}
-          <img src={img} alt={header || `Step ${stepNumber}`} class="step-image" />
-        {/each}
-      </div>
-    {/if}
-    <div class="step-text">
-      {#if header}
-        <div class="step-header">{header}</div>
-      {/if}
-      {#if body}
-        <div class="step-body">{@html body}</div>
-      {/if}
-    </div>
-    {#if images.length > 1}
-      <div class="step-images-rest">
-        {#each images.slice(1) as img}
-          <img src={img} alt={header || `Step ${stepNumber}`} class="step-image" />
-        {/each}
-      </div>
-    {/if}
-  </div>
-</div>
-
-<style>
-  .setup-step {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-bottom: 2.5rem;
-  }
-
-  .step-title {
-    font-size: 48px;
-    color: #000;
-    font-weight: 400;
-    margin-bottom: 1rem;
-    line-height: 1;
-  }
-
-  .step-content {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    gap: 2rem;
-    width: 100%;
-  }
-
-  .step-images-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 0.75rem;
-    width: 50%;
-    flex-shrink: 0;
-  }
-
-  .step-images-grid.single-image {
-    grid-template-columns: repeat(1, 1fr);
-  }
-
-  .step-images-rest {
-    display: none;
-  }
-
-  .step-image {
-    width: 100%;
-    aspect-ratio: 1;
-    object-fit: cover;
-  }
-
-  .step-text {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-
-  .step-header {
-    font-size: 32px;
-    color: #000;
-    font-weight: 400;
-    margin-bottom: 1rem;
-    line-height: 1;
-  }
-
-  .step-body {
-    font-size: 16px;
-    color: #000;
-    font-weight: 400;
-    line-height: 1.2;
-    margin-bottom: 1rem;
-  }
-
-  @media screen and (max-width: 1024px) {
-    .setup-step {
-      margin-bottom: 1.5rem;
-    }
-
-    .step-content {
-      flex-direction: column;
-      gap: 0.75rem;
-    }
-
-    .step-images-grid {
-      display: block;
-      width: 100%;
-    }
-
-    .step-images-grid .step-image:not(.step-image-first) {
-      display: none;
-    }
-
-    .step-images-rest {
-      display: block;
-      width: 100%;
-    }
-
-    .step-image {
-      margin-bottom: 0.5rem;
-    }
-
-    .step-title {
-      font-size: 3rem;
-    }
-
-    .step-header {
-      font-size: 2.5rem;
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    .step-title {
-      font-size: 2.3rem;
-    }
-
-    .step-header {
-      font-size: 1.75rem;
-    }
-  }
-</style>
-
diff --git a/src/lib/components/ShoppingCart.svelte b/src/lib/components/ShoppingCart.svelte
deleted file mode 100644
index 28cc237b..00000000
--- a/src/lib/components/ShoppingCart.svelte
+++ /dev/null
@@ -1,220 +0,0 @@
-<script>
-  import { createEventDispatcher } from "svelte";
-  import { get } from "svelte/store";
-  import {
-    cartItems,
-    cartDiscount,
-    cartSubtotal,
-    checkoutUrl,
-  } from "../../store";
-  import Button from "./Button.svelte";
-  import SteppableInput from "./SteppableInput.svelte";
-  import Space from "./Space.svelte";
-  import { formatCurrency } from "$lib/utils/currency";
-
-  export let loading = false;
-
-  const dispatch = createEventDispatcher();
-
-  function updateProductQuantity(item, quantity) {
-    loading = true;
-    dispatch("updateProduct", {
-      body: {
-        variantId: item.node.merchandise.id,
-        quantity: quantity,
-        lineId: item.node.id,
-      },
-    });
-  }
-
-  async function checkout() {
-    loading = true;
-    window.open(get(checkoutUrl), "_self");
-    loading = false;
-  }
-</script>
-
-<div class="overlay" role="presentation" on:click />
-<div class="sidemenu" role="dialog" aria-modal="true">
-  <div class="header">
-    <span>Your Cart</span>
-    <button on:click>×</button>
-  </div>
-  <div class="inventory">
-    {#if $cartItems?.length === 0}
-      <div class="empty">Your cart is empty.</div>
-    {/if}
-    {#each $cartItems as item}
-      <div class="item">
-        <img
-          alt={item.node.merchandise.product.title}
-          decoding="async"
-          loading="lazy"
-          src={item.node.merchandise.product.images.edges[0].node.originalSrc}
-        />
-        <div class="details">
-          <div class="title">
-            {item.node.merchandise.product.title}
-          </div>
-          {#if item.node.merchandise.title !== "Default Title"}
-            <div class="variant">
-              {item.node.merchandise.title}
-            </div>
-          {/if}
-          <Space multiplier={0.5} />
-          <SteppableInput
-            label="quantity"
-            onChange={(nextQuantity) => {
-              updateProductQuantity(item, nextQuantity);
-            }}
-            value={item.node.quantity}
-          />
-        </div>
-        <div>
-          {formatCurrency(item.node.estimatedCost.totalAmount)}
-        </div>
-      </div>
-    {/each}
-  </div>
-  <div class="footer">
-    {#if $cartItems?.length !== 0}
-      {#if $cartDiscount}
-        {@const subtotalAmountAfterDiscount = $cartSubtotal.amount - $cartDiscount.amount}
-        <div class="price">
-          <span>Bulk Order Discount</span>
-          <span>
-            -{formatCurrency($cartDiscount)}
-          </span>
-        </div>
-        <div class="price">
-          <span>Subtotal</span>
-          <span><s>{formatCurrency($cartSubtotal)}</s> {formatCurrency({ amount: subtotalAmountAfterDiscount, currencyCode: $cartSubtotal.currencyCode })}</span>
-        </div>
-      {:else}
-        <div class="price">
-          <span>Subtotal</span>
-          <span>{formatCurrency($cartSubtotal)}</span>
-        </div>
-      {/if}
-      <div class="disclaimer">
-        Customs/duties/taxes are between you and your country.
-      </div>
-      <Button on:click={checkout} style="accent" fullWidth={true}>
-        Checkout
-      </Button>
-    {/if}
-  </div>
-</div>
-
-<style>
-  .overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 10;
-  }
-
-  .sidemenu {
-    display: flex;
-    flex-direction: column;
-    position: fixed;
-    right: 0;
-    top: 6rem;
-    bottom: 2rem;
-    width: 340px;
-    background-color: #fff;
-    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
-    z-index: 11;
-    border-radius: 0.5rem 0 0 0.5rem;
-
-    @media screen and (max-width: 1300px) {
-      top: 9rem;
-    }
-  }
-
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem 1.5rem 1rem 1rem;
-
-    & span {
-      font-size: 1.25rem;
-      color: #000;
-    }
-
-    & button {
-      background-color: transparent;
-      border: none;
-      cursor: pointer;
-      font-size: 2rem;
-    }
-  }
-
-  .inventory {
-    flex-grow: 1;
-    overflow-y: auto;
-    padding: 1rem;
-
-    & .empty {
-      text-align: center;
-    }
-
-    & .item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: 1.25rem;
-      flex: 1;
-
-      & img {
-        width: 65px;
-        height: auto;
-      }
-
-      & .details {
-        flex: 1;
-        margin: 0 0.75rem;
-
-        & .title {
-          font-size: 1rem;
-          font-weight: bold;
-        }
-
-        & .variant {
-          font-size: 0.875rem;
-          opacity: 0.8;
-        }
-      }
-    }
-  }
-
-  .footer {
-    padding: 1rem;
-    display: flex;
-    flex-flow: column;
-    gap: 1rem;
-
-    & .price {
-      display: flex;
-      justify-content: space-between;
-      font-size: 0.875rem;
-      text-transform: uppercase;
-
-      & span {
-        color: #000;
-      }
-
-      & s {
-        margin-right: 0.25rem;
-      }
-    }
-
-    & .disclaimer {
-      font-size: 0.75rem;
-      text-align: center;
-    }
-  }
-</style>
diff --git a/src/lib/components/SocialIcons.svelte b/src/lib/components/SocialIcons.svelte
deleted file mode 100644
index 46423cad..00000000
--- a/src/lib/components/SocialIcons.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script>
-  import GithubIcon from "$lib/icons/social/github.svg?raw";
-  import DiscordIcon from "$lib/icons/social/discord.svg?raw";
-  import XIcon from "$lib/icons/social/x.svg?raw";
-  import InstagramIcon from "$lib/icons/social/instagram.svg?raw";
-  import YoutubeIcon from "$lib/icons/social/youtube.svg?raw";
-
-  export let size = "24px";
-</script>
-
-<div class="social-icons" style="--size: {size}">
-  <a href="https://github.com/commaai" target="_blank" class="github">
-    {@html GithubIcon}
-  </a>
-  <a href="https://twitter.com/comma_ai" target="_blank" class="twitter">
-    {@html XIcon}
-  </a>
-  <a href="https://www.instagram.com/comma_ai" target="_blank" class="instagram">
-    {@html InstagramIcon}
-  </a>
-  <a href="https://www.youtube.com/commaai" target="_blank" class="youtube">
-    {@html YoutubeIcon}
-  </a>
-  <a href="https://discord.comma.ai" target="_blank" class="discord">
-    {@html DiscordIcon}
-  </a>
-</div>
-
-<style>
-  .social-icons {
-    display: flex;
-    flex-flow: row;
-    align-items: center;
-    justify-content: start;
-    gap: 1rem;
-
-    & svg {
-      width: var(--size);
-      height: var(--size);
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          color: var(--color-accent);
-        }
-      }
-      &:active {
-        color: var(--color-accent);
-      }
-    }
-  }
-</style>
diff --git a/src/lib/components/Space.svelte b/src/lib/components/Space.svelte
deleted file mode 100644
index 1252ad6d..00000000
--- a/src/lib/components/Space.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script>
-  export let multiplier = 1;
-</script>
-
-<div style="height: {multiplier * 1}rem" />
diff --git a/src/lib/components/SteppableInput.svelte b/src/lib/components/SteppableInput.svelte
deleted file mode 100644
index b2d7e3a3..00000000
--- a/src/lib/components/SteppableInput.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-<script>
-  export let onChange;
-  export let value;
-  export let label;
-</script>
-
-<div>
-  <button
-    on:click={() => {
-      let nextValue = value - 1;
-      onChange(nextValue);
-    }}
-    aria-label="Decrement {label}"
-  >
-    -
-  </button>
-  <input
-    type="number"
-    min="0"
-    aria-label={label}
-    bind:value
-    on:change={() => {
-      onChange(value);
-    }}
-  />
-  <button
-    on:click={() => {
-      let nextValue = value + 1;
-      onChange(nextValue);
-    }}
-    aria-label="Increment {label}"
-  >
-    +
-  </button>
-</div>
-
-<style>
-  div {
-    display: flex;
-    height: 35px;
-  }
-
-  input {
-    width: 45px;
-    text-align: center;
-    border: none;
-    border-top: 1px solid #000;
-    border-bottom: 1px solid #000;
-    font-size: 1rem;
-    border-radius: 0;
-
-    &[type="number"],
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      appearance: none;
-      -webkit-appearance: none;
-      -moz-appearance: textfield;
-      margin: 0;
-    }
-  }
-
-  button {
-    width: 2rem;
-    padding: 0;
-    border: 1px solid #000;
-    background-color: transparent;
-    color: black;
-    font-size: 1rem;
-    font-weight: bold;
-    text-align: center;
-    cursor: pointer;
-  }
-</style>
diff --git a/src/lib/constants/faq.svelte b/src/lib/constants/faq.svelte
deleted file mode 100644
index fa803c2e..00000000
--- a/src/lib/constants/faq.svelte
+++ /dev/null
@@ -1,885 +0,0 @@
-<script context="module">
-  import OpenpilotImage from '$lib/images/faq/openpilot.svg';
-  import ConnectImage from '$lib/images/faq/connect.svg';
-  import ReturnPolicyImage from '$lib/images/faq/30-day.svg';
-  import ShopImage from '$lib/images/faq/shop.svg';
-  import ShippingImage from '$lib/images/faq/shipping.svg';
-  import OtherTopicsImage from '$lib/images/faq/other.svg';
-
-  import CommaThreeSimInsertionImage from '$lib/images/comma-3x-sim-insertion.png';
-
-  export const faq = {
-    openpilot: {
-      title: 'openpilot',
-      image: OpenpilotImage,
-      questions: [
-        {
-          question: 'What is openpilot?',
-          answer: `
-            <p>
-              comma openpilot is an open source driver-assistance system. Currently,
-              openpilot performs the functions of Adaptive Cruise Control (ACC) and
-              Automated Lane Centering (ALC) for compatible vehicles. It performs
-              similarly to Tesla Autopilot and GM Super Cruise. openpilot can steer,
-              accelerate, and brake automatically for other vehicles within its lane.
-              Check it out on <a href="https://github.com/commaai/openpilot" target="_blank">GitHub</a>.
-            </p>
-            <p>
-              In order to enforce driver alertness, openpilot includes a camera based
-              Driver Monitoring (DM) system that alerts the driver when distracted or
-              asleep. However, even with an attentive driver, we must make further efforts
-              for the system to be safe. We have designed openpilot with two other safety
-              considerations:
-            </p>
-            <ol>
-              <li>The driver must always be capable to immediately retake manual control of
-              the vehicle, by stepping on either pedal or by pressing the cancel button.</li>
-              <li>The vehicle must not alter its trajectory too quickly for the driver to
-              safely react. This means that while the system is engaged, the actuators are
-              constrained to operate within reasonable limits.</li>
-            </ol>
-          `
-        }, {
-          question: 'How does openpilot work?',
-          answer: `
-            openpilot works by connecting to your car's CAN network. Most modern cars
-            accept electronic steering, gas, and brake commands to allow for driver assistance
-            features. openpilot can use these commands to provide much better driver assistance
-            features than the car manufacturers can provide.
-          `
-        }, {
-          question: 'Is my car compatible with openpilot?',
-          answer: `
-            A complete list of compatible vehicles can be found on our
-            <a href="/vehicles">Compatibility page</a>.
-          `
-        }, {
-          question: 'What should I buy to run openpilot in my car?',
-          answer: `
-            After verifying that your car is compatible, we recommend purchasing a comma
-            device in our <a href="/shop">shop</a>. Don't forget to purchase a
-            car harness to connect it to your vehicle. Add to cart, check out, and
-            you’re good to go!
-          `
-        }, {
-          question: 'Do I have to pay attention?',
-          answer: `
-            Yes, the driver must always be able to immediately retake manual control of
-            the vehicle, by stepping on the brake pedal or by pressing the cancel
-            button. When openpilot is engaged, a driver monitoring system actively
-            tracks driver awareness to help prevent distractions. The openpilot system
-            disengages if you are distracted. Drivers must keep their eyes on the road
-            at all times and be ready to take control of the car.
-          `
-        }, {
-          question: 'What is the openpilot safety model?',
-          answer: `
-            More info about the openpilot safety model can be found
-            <a href="https://github.com/commaai/openpilot/blob/master/docs/SAFETY.md">here</a>.
-          `
-        }, {
-          question: 'What are the limitations of openpilot Automated Lane Centering?',
-          answer: `
-            <p>
-              openpilot Automated Lane Centering (ALC) system does not automatically drive
-              the vehicle or reduce the amount of attention that must be paid to the area
-              in front of the vehicle. The driver must always keep control of the steering
-              wheel and be ready to correct the ALC system action at all times.
-            </p>
-            <p>
-              Many factors can impact the performance of openpilot ALC, causing it to be
-              unable to function as intended. These include, but are not limited to:
-            </p>
-            <ul>
-              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
-              interfering with sensor operation.</li>
-              <li>The road facing camera is obstructed, covered or damaged by mud, ice,
-              snow, etc.</li>
-              <li>Obstruction caused by applying excessive paint or adhesive products (such
-              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
-              <li>The device is mounted incorrectly.</li>
-              <li>When in sharp curves, like on-off ramps, intersections etc...; openpilot
-              is designed to be limited in the amount of steering torque it can produce.</li>
-              <li>In the presence of restricted lanes or construction zones.</li>
-              <li>When driving on highly banked roads or in presence of strong cross-wind.</li>
-              <li>Extremely hot or cold temperatures.</li>
-              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
-              <li>Driving on hills, narrow, or winding roads.</li>
-            </ul>
-            <p>
-              The list above does not represent an exhaustive list of situations that may
-              interfere with proper operation of openpilot components. It is the driver's
-              responsibility to be in control of the vehicle at all times.
-            </p>
-          `
-        }, {
-          question: 'What are the limitations of openpilot Adaptive Cruise Control?',
-          answer: `
-            <p>
-              openpilot Adaptive Cruise Control (ACC) is not a system that allows careless
-              or inattentive driving. It is still necessary for the driver to pay close
-              attention to the vehicle’s surroundings and to be ready to re-take control
-              of the gas and the brake at all times.
-            </p>
-            <p>
-              Many factors can impact the performance of openpilot ACC, causing it to be
-              unable to function as intended. These include, but are not limited to:
-            </p>
-            <ul>
-              <li>Poor visibility (heavy rain, snow, fog, etc.) or weather conditions are
-              interfering with sensor operation.</li>
-              <li>The road facing camera or radar are obstructed, covered, or damaged by
-              mud, ice, snow, etc.</li>
-              <li>Obstruction caused by applying excessive paint or adhesive products (such
-              as wraps, stickers, rubber coating, etc.) onto the vehicle.</li>
-              <li>The device is mounted incorrectly.</li>
-              <li>Approaching a toll booth.</li>
-              <li>When driving on roads with pedestrians, cyclists, etc...</li>
-              <li>In presence of traffic signs or stop lights, which are not detected by
-              openpilot at this time.</li>
-              <li>
-                When the posted speed limit is below the user selected set speed.
-                openpilot does not detect speed limits at this time.
-              </li>
-              <li>In presence of vehicles in the same lane that are not moving.</li>
-              <li>
-                When abrupt braking maneuvers are required. openpilot is designed to be
-                limited in the amount of deceleration and acceleration that it can produce.
-              </li>
-              <li>When surrounding vehicles perform close cut-ins from neighbor lanes.</li>
-              <li>Driving on hills, narrow, or winding roads.</li>
-              <li>Extremely hot or cold temperatures.</li>
-              <li>Bright light (due to oncoming headlights, direct sunlight, etc.)</li>
-              <li>Interference from other equipment that generates ultrasonic waves.</li>
-            </ul>
-            <p>
-              The list above does not represent an exhaustive list of situations that may
-              interfere with proper operation of openpilot components. It is the driver's
-              responsibility to be in control of the vehicle at all times.
-            </p>
-          `
-        }, {
-          question: 'Do I retain my car factory safety features with openpilot installed?',
-          answer: `
-            <p>
-              When openpilot is enabled in settings, Lane Keep Assist (LKAS), and
-              Automated Lane Centering (ALC) are replaced by openpilot lateral control and
-              only function when openpilot is engaged. Lane Departure Warning (LDW) works
-              whether engaged or disengaged.
-            </p>
-            <p>
-              On certain cars, Adaptive Cruise Control (ACC) is replaced by openpilot
-              longitudinal control.
-            </p>
-            <p>
-              openpilot preserves any other vehicle safety features, including, but are
-              not limited to: AEB, auto high-beam, blind spot warning, and side collision
-              warning.
-            </p>
-          `
-        }, {
-          question: 'Does openpilot support manual transmission cars (with the driver shifting)?',
-          answer: `
-            On certain cars, manual transmissions are supported if they have the packages
-            listed in the compatibility table. If you’d like to learn more, join us on
-            <a href="https://discord.comma.ai/">Discord</a>, where some of our members are supporting
-            manual cars.
-          `
-        }, {
-          question: 'How does openpilot recognize the car model it is connected to?',
-          answer: `
-            <p>
-              If your car is on the list of supported cars, openpilot will automatically
-              recognize the model of your car by performing a scan of relevant ECU
-              firmware versions present in your car. The presence of certain ECU firmware
-              versions is an indication of the model year, car brand, car model, and trim.
-            </p>
-            <p>
-              If your car isn’t recognized as supported, your device will fall back to a
-              dashcam only mode, preserving the stock functionalities and the user will
-              receive a notification on the screen.
-            </p>
-          `
-        }, {
-          question: 'How do I update openpilot?',
-          answer: `
-            All software updates are received over-the-air (OTA). openpilot will
-            automatically check for updates when connected to the internet. Your device
-            will notify you on the screen when an update is available and prompt you to
-            reboot the device to complete the update. You may also manually check for
-            updates in the settings, under the "software" tab.
-          `
-        }, {
-          question: 'Will all versions of openpilot work with my comma device?',
-          answer: `
-            <p>
-              The comma 3X can only run openpilot 0.9.4 and above. Running earlier versions
-              requires making modifications to the software so that a newer AGNOS is installed.
-            </p>
-            <p>
-              If you face issues after installing an older version of openpilot, you can
-              re-flash AGNOS on your device by following the instructions at
-              <a href="https://flash.comma.ai">flash.comma.ai</a>.
-            </p>
-          `
-        }, {
-          question: 'Does openpilot work at all speeds?',
-          answer: `
-            Supported speeds vary depending on the car. Please reference the supported
-            car list for vehicle specific speed limitations. Maximum speed is the same
-            as the maximum speed that stock ACC can be set to (car dependent) with a
-            hard limit at ~92mph.
-          `
-        }, {
-          question: 'Does openpilot work outside of the United States of America?',
-          answer: `
-            Yes, openpilot is not region locked and can be used in any country. You are
-            responsible for complying with local laws and regulations.
-          `
-        }, {
-          question: 'What is a fingerprint?',
-          answer: `
-            <p>
-              A fingerprint is the method openpilot uses to determine which vehicle it is
-              connected to.
-            </p>
-            <p>
-              Current methods use vehicle ECU firmware logging. openpilot will fingerprint
-              the vehicle on each start up.
-            </p>
-            <p>
-              If openpilot detects a firmware version not previously logged, it will need
-              to be added to the codebase. Guides on adding new firmware can be found
-              <a href="https://github.com/commaai/openpilot/wiki/Fingerprinting">here</a>.
-            </p>
-          `
-        }, {
-          question: 'Where is my dongle ID?',
-          answer: `
-            The dongle ID of your device can be found in Settings of the device in the
-            Device tab.
-          `
-        }, {
-          question: 'How do I leave feedback for openpilot?',
-          answer: `
-            Feedback, good or bad, can be given in the #openpilot-experience channel on
-            our community <a href="https://discord.comma.ai/">Discord</a>.
-          `
-        },
-      ]
-    },
-    connect: {
-      title: 'comma connect and prime',
-      image: ConnectImage,
-      questions: [
-        {
-          question: 'How do I claim the free prime offer?',
-          answer: `
-            <p>
-              Sign up for prime in <a href="https://connect.comma.ai/">comma connect</a>. With a
-              purchase of a comma four, you get a free month of comma prime, in which you
-              can cancel at any time. After that, you will be charged $24 a month
-              (domestic only).
-            </p>
-            <p>
-              Live outside the United States? You can still sign up for prime lite and optionally pair that
-              with your own active SIM card. comma prime data service is available in the United States and Puerto Rico only.
-            </p>
-          `
-        }, {
-          question: 'What is connect?',
-          answer: `
-            <p>
-              connect (<a href="https://connect.comma.ai/">connect.comma.ai</a>) is a dashboard of
-              your recent drives.
-            </p>
-            <p>
-              Your drives are accessible for 3 days (or 1 year with a comma prime
-              subscription).
-            </p>
-            <p>
-              connect provides other features such as battery voltage and remote snapshots.
-            </p>
-          `
-        }, {
-          question: 'What is the difference between prime and prime lite?',
-          answer: `
-            <p>
-              With prime ($24/mo), domestic data is included.
-            </p>
-            <p>
-              With prime lite ($14/mo), no SIM card or cellular service is provided. You can choose to bring your own SIM card for the full prime experience.
-            </p>
-            <p>
-              Note: your own SIM may require configuration to work with your comma device. We do not offer troubleshooting for third party data service.
-            </p>
-          `
-        }, {
-          question: 'How do I transfer a prime subscription to a new device?',
-          answer: `
-            We aren't able to transfer comma prime subscriptions between devices. To do
-            so, you must cancel your existing prime subscription through
-            <a href="https://connect.comma.ai/">connect.comma.ai</a> and sign up with the new
-            device.
-          `
-        }, {
-          question: 'How do I cancel comma prime?',
-          answer: `
-            <p>
-              We've made the Refund Policy as straightforward as we can, no hidden clauses
-              and no fine print.
-            </p>
-            <ul>
-              <li>You may cancel your subscription by selecting the "Cancel subscription" option
-              on <a href="https://connect.comma.ai/">connect.comma.ai</a> in the settings cog -> "Prime
-              Settings". You can do this at any time without incurring a cancellation
-              fee. Upon canceling your comma prime membership, no further fees will be charged.</li>
-              <li>If you have a free trial period, we will charge your credit card with the
-              monthly subscription fee at the end of the trial period.</li>
-              <li>We will continue to charge your credit card account on a monthly basis
-              until you cancel your subscription. For example, if you joined on April 5
-              your credit card will be charged on May 5; June 5; July 5; and so on until
-              you cancel your subscription.</li>
-              <li>Your cancellation takes effect immediately. Your last paid monthly fee will be pro-rated and returned as credit on your account.</li>
-              <li>You can sign back up at any time.</li>
-            </ul>
-          `
-        }, {
-          question: 'What is commacare?',
-          answer: `
-            <p>
-              commacare extends your comma four's warranty for up to an additional year beyond the standard one-year warranty, giving you two years of total coverage.
-            </p>
-            <p>
-              We've made commacare simple and straightforward:
-            </p>
-            <ul>
-              <li>commacare is included automatically with your comma prime ($24/mo) or prime lite ($14/mo) subscription.</li>
-              <li>You must start your prime subscription within the first 30 days of receiving your comma four to be eligible for commacare.</li>
-              <li>If you cancel your prime subscription, your commacare warranty ends immediately and cannot be resumed. The standard warranty terms will continue to apply for any remaining time in the first year.</li>
-              <li>commacare provides the same coverage as the standard one-year warranty. It does not cover theft, loss, or accidental damage.</li>
-            </ul>
-          `
-        }, {
-          question: 'I installed my own SIM card, but it\'s not working.',
-          answer: `
-            <p>
-              We do not offer support for setting up third party cellular service. Note that lack of third party cellular connectivity, by itself, is not indicative of malfunctioning hardware as each carrier needs to be carefully configured to function properly. If you are not prepared to configure your SIM card to work with the device, we recommend prime over prime lite.
-            </p>
-            Some common issues include:
-            <ul>
-              <li>The APN is not set correctly on the device.</li>
-              <li>The device isn't whitelisted with your carrier.</li>
-              <li>The SIM card's service isn't active.</li>
-            </ul>
-          `
-        }, {
-          question: 'How do I switch between prime and prime lite?',
-          answer: `
-            Currently, this requires cancelling your current subscription and resubscribing at the new tier.
-            Since the subscription is pro-rated, the cancellation happens immediately, and you can resubscribe immediately.
-            Your stored drives from the original subscription are not guaranteed to persist after this process.
-          `
-        }
-      ]
-    },
-    devices: {
-      title: 'comma devices',
-      image: OtherTopicsImage,
-      questions: [
-        {
-          question: 'Do I need a comma prime monthly subscription to use the device?',
-          answer: `
-            <b>Absolutely not.</b> comma prime is completely optional and is not needed for any core functionality. comma prime can be activated, cancelled, and re-activated at any time.
-          `
-        }, {
-          question: 'Does installing a comma device require permanent modifications to the car?',
-          answer: `
-            Installing a comma device does not require any permanent modifications to
-            your car. Removing the comma device leaves your car in the same state as before the installation.
-          `
-        }, {
-          question: 'How do I mount my comma device?',
-          answer: `
-            <p>
-              We recommend the mount be centered on the windshield below the trim (see pictures in the Installation Guide). Be sure to leave enough room to remove the trim in the future. First, clean the windshield with the included alcohol wipe. Ensure the top of the mount is fully visible from the driver’s seat. Adhere mount: peel off the 3M tape’s cover on the mount. Press firmly in the center of the mount, then the edges to ensure no bubbles form.
-            </p>
-            <p>
-              It is the user’s responsibility to mount the device in compliance with all applicable laws and ordinances.
-            </p>
-          `
-        }, {
-          question: 'Will installing a comma device void my warranty?',
-          answer: `
-            <p>
-              From the FTC website: "Simply using an aftermarket or recycled part does not
-              void your warranty. The Magnuson-Moss Warranty Act makes it illegal for
-              companies to void your warranty or deny coverage under the warranty simply
-              because you used an aftermarket or recycled part."
-            </p>
-            <p>
-              <a href="https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance">https://www.consumer.ftc.gov/articles/0138-auto-warranties-routine-maintenance</a>
-            </p>
-          `
-        }, {
-          question: 'Will my insurance cover my car with a comma device installed?',
-          answer: `
-            <p>
-              Contact your insurance provider directly; insurance coverage is between the
-              user and their insurance provider. comma hardware users have been able to
-              get coverage and discuss this on Reddit
-              <a href="https://www.reddit.com/r/SelfDrivingCars/comments/b13cdp/open_pilot_and_insurance_coverage/">here</a>.
-            </p>
-            <p>
-              Insurance companies are beginning to understand the safety benefits of driver assistance
-              systems like openpilot and we have not heard of any providers
-              rejecting coverage to comma hardware users.
-            </p>
-          `
-        }
-      ]
-    },
-    trial: {
-      title: 'Money-back trial',
-      image: ReturnPolicyImage,
-      questions: [
-        {
-          question: 'What is the 30-day money-back trial?',
-          answer: `
-            <p>
-              Every vehicle is a little different and the experience can be hard to describe which is why we offer this trial. If you don’t love the comma four, you can return it for a refund–no questions asked. All refunds must be initiated through <a href="https://comma.ai/returns">comma.ai/returns</a> within 30 calendar days of receiving your order.
-            </p>
-          `
-        }, {
-          question: 'When does the 30-day money-back trial start?',
-          answer: `
-            The 30-day money-back trial starts the day your comma four is delivered (signature confirmation required for delivery). If you do decide to return your device, we ask that you get the return device in the mail within 30 days of receiving it.
-          `
-        }, {
-          question: 'How do I return my comma four?',
-          answer: `
-            To return your device, please request a return at <a href="https://comma.ai/returns">comma.ai/returns</a>. A prepaid return label (or return instructions if not in the US) will be automatically sent to you. $9.99 will be deducted from your refund if you choose to use this label.
-          `
-        }, {
-          question: 'Are international orders eligible for the trial?',
-          answer: `
-            <p>
-              Yes. We ask that you get your return device in the mail within 30 days of receiving it.
-            </p>
-            <p>
-              The buyer is responsible for international shipping costs to return a device. Please use tracking and insurance as we are not responsible for lost or stolen packages. Return information is provided by email after initiating a return at <a href="https://comma.ai/returns">comma.ai/returns</a>.
-            </p>
-          `
-        }
-      ]
-    },
-    shop: {
-      title: 'Shop',
-      image: ShopImage,
-      questions: [
-        {
-          question: 'I would like to match a price change.',
-          answer: `
-            We do not offer price matching. Returns can be made at <a href="https://comma.ai/returns">comma.ai/returns</a> within 30 days of receiving the order.
-          `
-        }, {
-          question: 'Is the 1-year hardware warranty transferable?',
-          answer: `
-            Yes. Hardware in the comma shop comes with a 1 year limited warranty against
-            defects. If you have a device that was not purchased from the comma shop,
-            the 1 year warranty does transfer, but you must provide the original order
-            number and email address associated with the device. We cannot provide this
-            information for you.
-          `
-        }, {
-          question: 'How do I cancel or modify my order?',
-          answer: `
-            <p>
-              To cancel your order: open your order confirmation email and click "View Your Order"; you will see the option to cancel on your order page. You can cancel your order for a full refund up until it ships.
-            </p>
-            <p>
-              An order cannot be modified; please cancel your order and make a new, correct order.
-            </p>
-            <p>
-              Occasionally, we will ship immediately, on the weekend, or during a holiday, so we cannot always guarantee that you or us can catch your order early enough to cancel or modify it.
-            </p>
-          `
-        }, {
-          question: 'I got an email saying my order was marked as fraud?',
-          answer: `
-            Our payment processor will occasionally flag an order for suspicious activity. If this happens, reach out to our support team at <a href="https://comma.ai/support">comma.ai/support</a>.
-          `
-        }, {
-          question: 'I ordered to the wrong address, now what?',
-          answer: `
-            <p>
-              Domestic shipping only: if you ordered to the wrong address, please open a support ticket at <a href="https://comma.ai/support">comma.ai/support</a> and we will do our best to recall the device to the comma warehouse and refund you once it has returned (can take 7-10+ days). We recommend you make a new purchase once we confirm the device has been recalled.
-            </p>
-            <p>
-              For international shipping, we do not have the ability to recall the device. Please open a ticket at <a href="https://comma.ai/support">comma.ai/support</a> and we will do what we can to resolve the issue, but ultimately the customer is responsible for providing a correct delivery address.
-            </p>
-          `
-        }, {
-          question: 'Do you have wholesale and discounted bulk pricing?',
-          answer: `
-            <p>
-              We offer a 10% discount on products with the purchase of 10+ (excluding
-              parts). This discount will automatically be applied in the cart. No code
-              necessary.
-              <b>
-                If you'd like to order more than 10 units, <a href="https://comma.ai/support">contact support</a> to discuss even deeper discounts that scale with quantity.
-              </b>
-            </p>
-            <p>
-              If the discount is not automatically applied, please <a href="https://comma.ai/support">contact support</a>
-              for assistance.
-            </p>
-            <p>
-              The <a href="/shop">comma shop</a> is the official and only retailer of comma devices. comma does not sell devices in any other stores online.
-            </p>
-          `
-        }, {
-          question: 'Do you offer any discounts (Military, Senior, etc)?',
-          answer: `
-            We do not offer discounts for specific groups.
-          `
-        }, {
-          question: 'Do you offer any upgrades or trade-in discounts for the comma two, three, or 3X?',
-          answer: `
-            Yes! Trade-in details can be <a href="/shop/comma-four-trade-in">found here</a>.
-          `
-        }, {
-          question: 'What do I need to know before making an international order?',
-          answer: `
-            <p>
-              We recommend verifying that your car is supported at <a href="/vehicles">comma.ai/vehicles</a>. All support is for US cars unless specified otherwise.
-            </p>
-            <p>
-              Our prices do not include customs duties and taxes that may apply when shipping to your country. These charges are typically determined by your local customs authority and are your responsibility to pay. The fees often range from $150-350 for a comma four and harness, but they can be more depending on your government. The comma four HS Code is 8525.81. If you refuse to pay these fees, comma is forced to cover them to receive the device back and they will be subtracted from the cost of your return refund.
-            </p>
-            <p>
-              Non-Refundable Duties and Taxes:
-              Please be aware that our store does not refund customs duties or taxes on international orders. These costs are paid directly to your government and are not recoverable through our store. You may be eligible for a duty refund directly from your local customs office, but this is subject to their policies. A link to your invoice is in your order confirmation email. We may be able to provide you with additional paperwork needed to retrieve these fees from your government by opening a support ticket.
-            </p>
-            <p>
-              Please carefully check that your mailing address is correct before placing an order as it is not possible to change or correct the address once your order has been placed. We are not responsible for devices delivered to incorrect addresses.
-            </p>
-          `
-        }, {
-          question: 'I would like to place an order outside of your online store.',
-          answer: `
-            All orders must be made through our shop except those over $10,000 can be made via purchase order and wire. Please open a support ticket with a detailed list of items you would like to purchase (or a PO) and we will send you next steps.
-          `
-        },
-      ]
-    },
-    returns: {
-      title: 'Shipping & Returns',
-      image: ShippingImage,
-      questions: [
-        {
-          question: 'How do I make a return?',
-          answer: `
-            <p>
-              If you're within 30 days of your order delivery, you can request a return at <a href="https://comma.ai/returns">comma.ai/returns</a>.
-            </p>
-            <ul>
-              <li><strong>For U.S. returns:</strong> A prepaid return label will be provided when you submit your request. A $9.99 fee will be deducted from your refund if you choose to use this label.</li>
-              <li><strong>For international returns:</strong> The buyer is responsible for all shipping costs. Please use tracking and insurance, as we are not responsible for lost or stolen packages. A return address will be provided after you submit your request.</li>
-            </ul>
-            <p>
-              Please allow 2-5 business days for your return to be processed after we receive it. You will receive a confirmation email once it has been completed.
-            </p>
-            <p>
-              Original packaging is not required, but we are not responsible for damage due to poor packaging. If reusing a box, please remove or cover all barcodes and labels.
-            </p>
-            <p>
-              <strong>Please note:</strong> UPS 2nd Day Air and international shipping fees are non-refundable.
-            </p>
-          `
-        }, {
-          question: 'Can I exchange my order?',
-          answer: `
-            We are unable to offer exchanges of any kind at this time. We request that if you have an issue you make a return via <a href="https://comma.ai/returns">comma.ai/returns</a>.
-          `
-        }, {
-          question: 'How do international returns work?',
-          answer: `
-            <p>
-              The buyer is responsible for all shipping costs, duties, and customs fees to return a device for both 30-day returns and warranty returns. comma covers the costs of sending a repair or replacement device, which will be valued at $1 (the buyer is always responsible for all taxes and duties).
-            </p>
-            <p>
-              Please use tracking and insurance, as we are not responsible for lost or stolen packages. Be sure to mark the package as "Return of Goods" and include HTS code 9801.00.10 on the customs form to avoid import charges. <strong>The customer is responsible for paying all duties and customs fees on the return.</strong>
-            </p>
-            <p>
-              Instructions on how to return your device will be provided after you request a return at <a href="https://comma.ai/returns">comma.ai/returns</a>.
-            </p>
-          `
-        }, {
-          question: 'When will I receive my order?',
-          answer: `
-            <p>
-              Orders placed after 7:00 AM PT will be shipped the next business day. You will receive an email with tracking information once your order ships. Please allow 1-2 days for the tracking to become active.
-            </p>
-            <p>
-              Most orders are delivered within 5-10 days, unless expedited. We are not responsible for delays in UPS 2nd Day Air shipping, purchase at your own risk. For international orders, shipping times can vary widely, so please be patient.
-            </p>
-            <p>
-              If your order hasn’t shipped within a few business days, please check your email for any updates from us regarding potential stock issues, address corrections, or fraud verifications. All shipping information is subject to change.
-            </p>
-          `
-        }, {
-          question: 'How can I cancel my order?',
-          answer: `
-            <p>
-              To cancel your order: open your order confirmation email and click "View Your Order"; you will see the option to cancel on your order page. You can cancel your order for a full refund up until it ships.
-            </p>
-            <p>
-              An order cannot be modified; if you need to make a change, please cancel your order and make a new, correct order.
-            </p>
-            <p>
-              Occasionally, we will ship immediately, on the weekend, or during a holiday, so we cannot always guarantee that you or us can catch your order early enough to cancel or modify it.
-            </p>
-          `
-        }, {
-          question: 'Where does my order ship from?',
-          answer: `
-            All orders ship from our warehouse in San Diego, California.
-          `
-        }, {
-          question: 'Where do we ship?',
-          answer: `
-            We ship to the entire US and most countries. We ship internationally with a flat rate of $30. We do not ship to PO Boxes (with an exception for Military). If you reject an international package we will deduct any additional fees from your return. All US deliveries require signature confirmation at this time though subject to change.
-          `
-        }, {
-          question: 'What do I do if my device arrives damaged?',
-          answer: `
-            <p>
-            Please alert us to any issues with your order within 3 days of delivery by opening a <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233377161623">support ticket here</a> and including pictures of both the product and packaging. We may not be responsible for damages if we are not notified within this window.
-            </p>
-            <p>
-            If we receive a damaged device returned to us, we will deduct the cost of the repair from your return. We are not responsible for lost or damaged items mailed back to us and recommend using the original packaging to make a return or carefully padding your device when sending it back.
-            <p>
-          `
-        }, {
-          question: 'My order has no recent tracking activity and is past the delivery date. What should I do?',
-          answer: `
-            Please call UPS at <a href="tel:1-800-742-5877">1-800-742-5877</a> or use their online contact form to report the issue. Provide your tracking number and explain the situation. If the package is confirmed lost or significantly delayed (over one week), please notify us so we can initiate an investigation and file a claim with UPS. We will keep you updated on the status of the investigation and arrange for any necessary reimbursement or replacement.
-          `
-        }, {
-          question: 'My order tracking shows delivered, but the package has not shown up yet?',
-          answer: `
-            If your order is via USPS, please note that we will respond to your support ticket 3-4 days after to see if the order has finally shown up. Most delayed USPS orders do eventually arrive within a few days. If this is UPS and the device was signed for, there is little we can do on our end as this is considered a closed matter. If your UPS package was not delivered, please check tracking to see if your order may be at a UPS pickup location. If the order is shown as being returned to the comma warehouse, we will refund it and we recommend that you place a new order.
-          `
-        }, {
-          question: 'Do you offer a warranty?',
-          answer: `
-            We offer a 1-year limited warranty against hardware defects. If you believe your hardware is defective, please fill out a support request at <a href="https://comma.ai/support">comma.ai/support</a>.
-          `
-        }, {
-          question: 'What is the return policy?',
-          answer: `
-            <p>
-              You can request a return within 30 days of the delivery date at <a href="https://comma.ai/returns">comma.ai/returns</a>. For U.S. returns, we offer a prepaid return label for $9.99, which will be deducted from your refund if you choose to use it. International customers are responsible for return shipping costs and should use tracking and insurance, as we are not responsible for lost or stolen packages.
-            </p>
-            <p>
-              Please note that UPS 2nd Day Air and international shipping fees are non-refundable.
-            </p>
-            <p>
-              We reserve the right to cancel orders from customers who have made returns within 6 months of their most recent purchase.
-            </p>
-            <p>
-              If you return a device while having multiple orders within an eligible return window, we will refund the lowest price paid for the eligible devices. A full refund will be provided if all open orders are returned.
-            </p>
-            There are some items that are ineligible for return, including:
-            <ul>
-              <li>Parts</li>
-              <li>Repairs</li>
-              <li>Items marked as “Final Sale”</li>
-            </ul>
-            <p>
-              Only items purchased directly from the <a href="https://comma.ai">comma shop</a> can be returned. We are not responsible for devices damaged due to poor packaging or for items lost without a tracking number.
-            </p>
-          `
-        }, {
-          question: 'How long does it take to receive my refund?',
-          answer: `
-            Refunds can take 2-5 business days to process once we have received your return. If you have not received a refund within 1 week of delivery please open a comma shop support ticket on the <a href="https://comma.ai/support">support page</a>. We will process your refund and reimburse the payment method you used for the original purchase which can take up to a week depending on your bank.
-          `
-        },
-      ]
-    },
-    troubleshooting: {
-      title: 'Hardware Troubleshooting',
-      image: OtherTopicsImage,
-      questions: [
-        {
-          question: 'Why is a stock route required to open a hardware support ticket?',
-          answer: `
-            <p>
-              It is our policy for a comma engineer to root cause every hardware issue, for both our understanding of any hardware failures and to provide you with the best experience.
-              A route on the latest stock openpilot is necessary before a ticket is sent to an engineer for review.
-              <strong>Any ticket with a route from third party software will be closed with a request for a new ticket with a stock route.</strong>
-            </p>
-
-            We cannot review logs from third party software for several reasons, including:
-            <ul>
-              <li>your issue may be directly caused by the third party software</li>
-              <li>the third party software may not be up to date with the latest openpilot</li>
-              <li>the third party software lacks the necessary logging for an engineer to review the issue</li>
-            </ul>
-          `
-        }, {
-          question: 'How do you replace the SIM card in a comma 3X?',
-          answer: `
-            <p>
-              All comma 3Xs come with a SIM card. The SIM slot is a
-              push/pull mechanism, where you must push on the card to release it and then
-              guide it out.
-
-              <div class="video-container">
-                <iframe
-                  src="https://www.youtube-nocookie.com/embed/t_XSGZyHjM4"
-                  frameborder="0"
-                  allow="autoplay; encrypted-media"
-                  allowfullscreen=""
-                  title="How to replace the SIM card in a comma 3X"
-                ></iframe>
-              </div>
-            </p>
-            <p>
-              Make sure your SIM is inserted correctly by following the step-by-step guide
-              below:
-
-              <figure>
-                <img src=${CommaThreeSimInsertionImage.img.src} alt="steps to insert comma 3X SIM card">
-              </figure>
-            </p>
-
-            <strong>How to replace the SIM card in a comma 3X</strong>
-
-            <ol>
-              <li>With the comma 3X off and unplugged, tap/push the SIM card with the
-              big SIM card, credit card, or other narrow hard object to release the SIM
-              (you will hear a click).</li>
-              <li>Gently pull the SIM card from the SIM slot (try tweezers)</li>
-              <li>Push the SIM card into the SIM slot (with the metal contacts facing
-              downwards) with your fingernail or plastic card until you hear a click or
-              reach resistance. If you've done this step correctly, the SIM card should
-              stay completely recessed inside the comma 3X.</li>
-            </ol>
-            <p>
-              We recommend you clean the camera lenses with a microfiber cloth before
-              using the comma 3X again.
-            </p>
-            <strong>How to activate the new SIM card</strong>
-            <p>
-              Once your new SIM card is installed, your comma 3X will need to connect
-              to Wi-Fi to activate the SIM card. Best ways to get your comma 3X online:
-              hotspot from your phone, bring your car somewhere with Wi-Fi or connect your
-              comma 3X to a USB charger in a place with Wi-Fi. Your comma 3X
-              requires about 5 minutes of Wi-Fi connection and then can take up to 30
-              minutes to activate and might require a reboot. You will know the activation
-              started when the device displays "CONNECT ONLINE".
-            </p>
-            <p>
-              After the next reboot, your SIM card should connect to the internet and you
-              should have prime again!
-            </p>
-          `
-        }, {
-          question: 'My comma four is having issues. What should I do?',
-          answer: `
-            We recommend first trying to reflash your device at <a href="https://flash.comma.ai">flash.comma.ai</a> and to reseat all the cable connections. comma support is only able to look into issues on stock with a route where the issue occurs. If you are running a fork, we are unable to diagnose defective hardware without a route on stock. Once you have a route, please open a ticket at <a href="https://comma.ai/support">comma.ai/support</a>. Pictures, videos, and uploading logs via wi-fi are very helpful and often expedite the resolution process. Please also include any troubleshooting steps you have already taken. We also recommend reviewing the community <a href="https://github.com/commaai/openpilot/wiki">GitHub wiki</a> and <a href="https://discord.comma.ai">discord.comma.ai</a> for other troubleshooting.
-          `
-        }, {
-          question: 'Performing a Factory Reset',
-          answer: `
-            <p>
-              Reset the comma 3/3X by repeatedly tapping on the screen as soon as the device boots up.
-              After that, the factory reset screen will come up.
-            </p>
-            <p>
-              If this does not work, a more complete factory reset can be performed at <a href="https://flash.comma.ai">flash.comma.ai</a>.
-            </p>
-          `
-        },
-      ]
-    },
-    jobs: {
-      title: 'Jobs',
-      image: OtherTopicsImage,
-      questions: [
-        {
-          question: 'Do you sponsor visas?',
-          answer: `
-          <p>
-            Yes, we sponsor visas and green cards.
-            </p>
-            <p>
-            If we make you an offer, we'll make every reasonable effort to get you a visa and retain an immigration lawyer to help with this.
-            </p>
-          `
-        }, {
-          question: 'What\'s your remote work policy?',
-          answer: `
-            comma is IRL in San Diego, CA.
-          `
-        }, {
-          question: 'Do you offer internships?',
-          answer: `
-            Yes! All teams hire interns year-round.
-          `
-        }, {
-          question: 'Are you hiring for any other roles?',
-          answer: `
-            We're interested in anyone who can get a top spot on the <a href="https://comma.ai/leaderboard">leaderboard</a>.
-          `
-        }, {
-          question: 'Any other requirements?',
-          answer: `
-            Nope. We're just looking for people who do well on our challenges and can independently contribute to solving self-driving cars.
-          `
-        },
-      ]
-    },
-    other: {
-      title: 'Other',
-      image: OtherTopicsImage,
-      questions: [
-        {
-          question: 'How can I invest in comma?',
-          answer: `
-            comma is a private company and we are not seeking outside investment at this time.
-          `
-        }, {
-          question: 'Can I get a review device? (I am a Reviewer / Media / YouTuber)',
-          answer: `
-            We have a 30-day no questions asked return policy if you would like to experience a comma four for yourself.
-          `
-        }, {
-          question: 'I\'d like to partner with comma.',
-          answer: `
-            <p>
-              We don't really know what that means. We offer wholesale pricing and these
-              <a href="/shop#services">services</a>.
-            </p>
-            <p>
-              Car companies: <a href="https://blog.comma.ai/working-with-comma-a-guide-for-car-companies/">How to work with us?</a>
-            </p>
-          `
-        }, {
-          question: 'Why haven\'t I heard back from support?',
-          answer: `
-            <p>
-              comma support is for comma shop order and warranty related issues. Our inbox is not monitored; please open a support ticket on our <a href="https://comma.ai/support">comma.ai/support</a>.
-            </p>
-            <p>
-              comma does not provide support for openpilot. We recommend the <a href="https://discord.comma.ai">community Discord</a> or open an issue on openpilot’s GitHub.
-            </p>
-          `
-        },
-      ]
-    },
-  }
-</script>
diff --git a/src/lib/constants/prices.js b/src/lib/constants/prices.js
deleted file mode 100644
index deaec292..00000000
--- a/src/lib/constants/prices.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// Prices used across multiple pages
-// These can override Shopify API prices when needed
-
-export const FOUR_PRICE = 999;
diff --git a/src/lib/constants/support.svelte b/src/lib/constants/support.svelte
deleted file mode 100644
index 08b3d626..00000000
--- a/src/lib/constants/support.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script context="module">
-  export const supportFaqs = {
-    needSupport: {
-      title: "What comma support can help with",
-      questions: [
-        {
-          question: "Hardware support for an in-warranty comma four/3X",
-          answer: `
-            <div style="margin-left: 2rem">
-              <strong>Before contacting support, first try these:</strong>
-              <ul>
-                <li>Reseat all connections and cables; see the <a href="/setup">setup guide</a>.</li>
-                <li>Ensure there's no third party hardware installed, including the mount, harness, and any cables.</li>
-                <li>Unplug the device for an hour to allow the device's supercapacitors to fully drain.</li>
-                <li>Ensure that the issue occurs while running the latest openpilot release.  <b>We cannot look into issues while running forks or other software.</b></li>
-                <li>Still having issues? Reflash the device to the factory default state with <a href="https://flash.comma.ai">flash.comma.ai</a>.</li>
-              </ul>
-
-              <strong>GPS issues?</strong>
-              <p>
-                Ensure there's nothing blocking the device's view of the sky.
-                If you're still having issues, contact support and include a picture of the comma device on the windshield.
-              </p>
-
-              <strong>Issues after installing a fork?</strong>
-              <p>
-                Forks (aka third party software) can cause issues that may seem like hardware malfunctions, such as a blank screen or a fan malfunction.
-                Use the instructions below to restore your device to stock.
-              </p>
-
-              <strong>Restore your device to stock</strong>
-              <p>
-                Support can only troubleshoot issues that occur while using stock comma hardware and software.
-                </br></br>
-                For hardware, ensure you are only using a harness, cable, and mounts from the comma shop.
-                </br></br>
-                For software, first reflash the device with <a href="https://flash.comma.ai">flash.comma.ai</a> to get the device to a clean factory state.
-                Then, install the latest openpilot release using the "openpilot" button in the setup.
-              </p>
-
-              <strong>Still having issues?</strong>
-              <p>
-                Open a ticket with <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=14150133300887">support</a>.
-                If you haven't followed <b>all</b> the steps above, we cannot look into your issue, and the ticket will be closed.
-              </p>
-            </div>
-            `
-        },
-        {
-          question: "Support for a comma prime subscription",
-          answer: `
-            First ensure your device is running the latest stock openpilot release.
-            We cannot look into issues while running forks or other software; see <a href="/support#why-is-a-stock-route-required-to-open-a-hardware-support-ticket">here</a> for why.
-            <br></br>
-
-            Use <a href="https://connect.comma.ai">connect.comma.ai</a> to manage and cancel your subscription.
-            </br></br>
-            If you still have issues, open a <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233366516631">ticket</a> with support.
-          `
-        },
-        {
-          question: "I'm adding support for a new car and would like to extend my return window.",
-          answer: `
-            If you're adding support for a new car, we can extend your return window to 90 days.
-            Open a <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233363745559">ticket</a> with support with your order number once you've placed the order.
-            Return window extensions are subject to approval.
-          `
-        },
-        {
-          question: "My comma 3X is out of warranty and needs repair.",
-          answer: `
-            We offer repairs at a flat-rate for out of warranty comma 3X devices.
-            More details on the <a href="/shop/comma-3x-out-of-warranty-repair">shop</a>.
-          `
-        },
-        {
-          question: "My older comma device is out of warranty and needs repair.",
-          answer: `
-            We offer trade-ins for eligible devices.
-            More details on the <a href="/shop/comma-four-trade-in">shop</a>.
-          `
-        },
-        {
-          question: "I broke my device's screen.",
-          answer: `
-            We offer <a href="/shop/comma-device-screen">replacement screens</a> on the shop.
-          `
-        },
-        {
-          question: "I need assistance with an active shop order.",
-          answer: `
-            Process your return at <a href="https://comma.ai/returns" target="_blank" rel="noopener">comma.ai/returns</a>.
-            Cancel or edit your existing order directly from your order confirmation email.
-            For other issues, open a <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233377161623">ticket</a> with support.
-          `
-        },
-        {
-          question: "I'm ready to claim an openpilot bounty.",
-          answer: `
-            Thanks for contributing! Open a <a href="https://commasupport.zendesk.com/hc/en-us/requests/new?ticket_form_id=29233607274775">ticket</a> with support to claim.
-          `
-        },
-      ]
-    }
-  };
-</script>
diff --git a/src/lib/constants/vehicles.js b/src/lib/constants/vehicles.js
deleted file mode 100644
index cb503c8c..00000000
--- a/src/lib/constants/vehicles.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import vehicles from '$lib/vehicles.json'
-
-export const vehicleCountText = `${Math.round(Object.values(vehicles).reduce((sum, list) => sum + list.length, 0) / 25) * 25}+`;
-
-// Harness selection options
-export const NO_HARNESS_OPTION = { car: "I already have a car harness (‑$50)" };
diff --git a/src/lib/data/products.js b/src/lib/data/products.js
deleted file mode 100644
index 48edaaa2..00000000
--- a/src/lib/data/products.js
+++ /dev/null
@@ -1,660 +0,0 @@
-export const products = {
-  "comma-four": {
-    title: "comma four",
-    id: "gid://shopify/Product/7964554231871",
-    route: "/shop/four",
-    category: "device",
-    price: "$999",
-    freeRush: true,
-    images: [
-      "/src/lib/images/products/comma-four/four_screen_on.png",
-      "/src/lib/images/products/comma-four/four_angled.png",
-      "/src/lib/images/products/comma-four/four_back.png",
-      "/src/lib/images/products/comma-four/four_side.png"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>
-        comma four is the next generation comma hardware designed to live in your car. It works on 325+ car models and adds the best driver assistance in the world to your existing car.
-      </p>
-      <p>
-        It runs <a href="https://github.com/commaai/openpilot" target="_blank">openpilot</a>, which can drive for hours without driver intervention.
-      </p>
-      <p>
-        You need a <a href="/shop/car-harness" target="_blank">car harness</a> if you don't already have one, which is free with purchase of comma four. The car harness is our universal interface to your car. Use the car harness to connect your comma device to your vehicle.
-      </p>
-    `.trim(),
-    hasCustomComponent: true
-  },
-
-  "car-harness": {
-    title: "car harness",
-    id: "gid://shopify/Product/4447447908415",
-    route: "/shop/car-harness",
-    category: "accessories",
-    price: "$99",
-    images: [
-      "/src/lib/images/products/car-harness/car-harness.jpg",
-      "/src/lib/images/products/car-harness/harness-includes.jpg",
-      "/src/lib/images/products/car-harness/connectors.jpg",
-      "/src/lib/images/products/car-harness/OBD-II.png"
-    ],
-    hasCustomComponent: true
-  },
-
-  "panda": {
-    title: "panda",
-    id: "gid://shopify/Product/10933316813",
-    route: "/shop/panda",
-    category: "accessories",
-    price: "from $99",
-    images: [
-      "/src/lib/images/products/panda/red-panda.jpg",
-      "/src/lib/images/products/panda/white-panda.jpeg"
-    ],
-    notes: [
-      {
-        title: "Note",
-        content: `A panda is not necessary if purchasing a
-        <a href="/shop/comma-four" target="_blank">comma four</a>.
-        <br /><br />
-        A red panda is required if using a comma 3 on a CAN FD vehicle. Check
-        <a href="https://github.com/commaai/openpilot/blob/master/docs/CARS.md" target="_blank" rel="noopener noreferrer">compatibility</a> to see if your car requires
-        a red panda with comma 3.`,
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        pandas are the nicest universal car interfaces ever. They give you full
-        access to the many communication buses of your car.
-      </p>
-      <p>
-        A panda + <a
-          href="https://github.com/commaai/openpilot/tree/master/tools/cabana"
-          target="_blank">cabana</a>
-        is like fitbit for your car. Track your RPMs, MPG, cornering G-force, battery
-        life, and so much more. pandas also work as a CAN to USB adapter.
-      </p>
-      <p>
-        pandas are designed for cars from 2008 and newer. <a
-          href="https://github.com/commaai/panda"
-          target="_blank">panda firmware</a> is released under the MIT license.
-      </p>
-      <hr />
-      <div>
-        <hgroup>
-          <div>
-            <span>variant</span>
-            <strong>red panda</strong>
-          </div>
-        </hgroup>
-        <p>
-          The red panda is the future of panda technology. Using a STM32H725, it
-          has a 4x faster CPU and support for CAN FD on all 3 buses + the one we
-          multiplex.
-        </p>
-        <p>
-          If you have a comma three, a red panda is needed to talk to CAN FD cars.
-        </p>
-        <p>
-          A red panda is not required for the <a href="/shop/comma-four">comma four</a>.
-        </p>
-        <p>
-          The red panda does not have GPS support. It is not compatible with the
-          comma two.
-        </p>
-      </div>
-      <hr />
-      <div>
-        <hgroup>
-          <div>
-            <span>variant • deprecated from openpilot</span>
-            <strong>white panda</strong>
-          </div>
-        </hgroup>
-        <ul>
-          <li>3x CAN</li>
-          <li>2x LIN</li>
-          <li>1x GMLAN</li>
-          <li>USB A</li>
-          <li>Wi-Fi hardware (software support deprecated)</li>
-        </ul>
-        <p>White panda is deprecated from openpilot.</p>
-      </div>
-    `.trim()
-  },
-
-  "panda-jungle": {
-    title: "panda jungle v2",
-    id: "gid://shopify/Product/4598987325503",
-    route: "/shop/panda-jungle",
-    category: "accessories",
-    price: "$199",
-    images: [
-      "/src/lib/images/products/panda-jungle/panda-jungle-v2.jpeg",
-      "/src/lib/images/products/panda-jungle/power-adapter.jpeg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>What's better than debug board? pandas in a jungle! (pandas not included, only panda jungle)</p>
-      <p>Plug up to 6 comma devices or pandas in at once. Use provided switch to "start" all panda ignitions at once.</p>
-      <p>Great for comma device development and debugging!</p>
-      <p>
-        Firmware for the jungle is located in the panda repository and can be
-        <a href="https://github.com/commaai/panda/tree/master/board/jungle" target="_blank">obtained here</a>.
-      </p>
-    `.trim()
-  },
-
-  "panda-paw": {
-    title: "panda paw",
-    id: "gid://shopify/Product/335696887821",
-    route: "/shop/panda-paw",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/panda-paw/panda-paw.jpg",
-      "/src/lib/images/products/panda-paw/panda-paw-back.jpeg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>Bricked your panda? You must be kidding, because panda are unbrickable if you have the convenient panda paw!</p>
-      <p>Just press the button to put your panda in boot mode, no matter what you did to it. Also makes it easy to connect to a computer with a USB Mini-B cable (not included).</p>
-      <p>Note that paw PCB color may vary, and you may not like the new color. All paw work the same though, so if you were worried, don't worry.</p>
-      <hr/>
-      <strong>Open Source</strong>
-      <p>
-        Buy it here or build it yourself. panda paw are
-        <a href="https://github.com/commaai/hardware/tree/master/tools/paw" target="_blank">open source hardware</a>.
-      </p>
-    `.trim()
-  },
-
-  "comma-power": {
-    title: "comma power",
-    id: "gid://shopify/Product/341670756365",
-    route: "/shop/comma-power",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/comma-power/comma-power.jpg"
-    ],
-    notes: [
-      {
-        title: "Note",
-        content: "A comma power is included with a purchase of a car harness.",
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        Use your car's OBD-II port to power your car harness.
-      </p>
-    `.trim()
-  },
-
-  "comma-power-extender": {
-    title: "comma power extender",
-    id: "gid://shopify/Product/7626118266943",
-    route: "/shop/comma-power-extender",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/comma-power-extender/POWER-EXTENDER.jpg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>
-        Use to extend the cable range of your comma power.
-      </p>
-    `.trim()
-  },
-
-  "comma-prime-sim": {
-    title: "comma prime SIM",
-    id: "gid://shopify/Product/1923405250623",
-    route: "/shop/comma-prime-sim",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/comma-prime-sim/comma-prime-sim.jpg",
-      "/src/lib/images/products/comma-prime-sim/comma-prime-sim-installation.png"
-    ],
-    notes: [
-      {
-        title: "Product Compatibility",
-        content: "This product is only for the comma 3/3X.",
-      },
-      {
-        title: "Note",
-        content: `For US customers only, requires $24/month comma prime subscription you can purchase at
-        <a href="https://connect.comma.ai/" target="_blank">connect.comma.ai</a>.`,
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        This is a replacement for the SIM that ships with the comma four to support <a href="https://connect.comma.ai/" target="_blank">comma prime</a>.
-      </p>
-      <p>
-        See how to replace the SIM card in a comma 3/3X
-        <a href="/support#how-do-you-replace-the-sim-card-in-a-comma-3x" target="_blank">here</a>.
-      </p>
-    `.trim()
-  },
-
-  "obd-c-cable": {
-    title: "OBD-C cable",
-    id: "gid://shopify/Product/4826822639679",
-    route: "/shop/obd-c-cable",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/obd-c-cable/obd-c-cable-four.png",
-      "/src/lib/images/products/obd-c-cable/obd-c-long-cable.jpg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>
-        The OBD-C cable is the standard cable for connecting your comma device to
-        your car.
-      </p>
-      <p>
-        Check out the OBD-C spec <a
-          href="https://github.com/commaai/hardware/blob/master/harness/OBD-C.sch.pdf"
-          target="_blank">here</a>.
-      </p>
-      <hr />
-      <div>
-        <hgroup>
-          <div>
-            <span>variant</span>
-            <strong>comma long (9.5 ft)</strong>
-          </div>
-        </hgroup>
-        <p>
-          Check the <a href="../shop/car-harness" target="_blank">car harness page</a>
-          to determine if your car harness kit requires this cable instead of the
-          standard cable. This is the same cable from the comma three/3X car harness kit.
-        </p>
-      </div>
-    `.trim()
-  },
-
-  "harness-connector": {
-    title: "harness connector",
-    id: "gid://shopify/Product/4310075310143",
-    route: "/shop/harness-connector",
-    category: "accessories",
-    price: "$50",
-    images: [
-      "/src/lib/images/products/harness-connector/harness-connector.jpg",
-      "/src/lib/images/products/car-harness/connectors.jpg"
-    ],
-    notes: [
-      {
-        title: "Compatibility",
-        content: "Harness connector compatibility based on the US car market.",
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        The harness connector does <b>not</b> include the car harness box and only
-        ships with the wires and connectors needed to install an existing car harness
-        into another car.
-      </p>
-      <p>
-        Give your car harness more flexibility with another harness connector. The
-        harness connector replaces the connector in your existing car harness for
-        use in multiple cars. Already using a comma device and car harness in your
-        Toyota and want to try it out in your Honda? Simply swap out the connector
-        in your car harness, install, and drive!
-      </p>
-      <p>
-        For a harness connector with all the wires and only the 18 pin molex
-        connector, choose "Development".
-      </p>
-      <hr />
-      <strong>Open Source</strong>
-      <p>
-        Buy it here or build it yourself. Harness connectors are <a
-          href="https://github.com/commaai/hardware/tree/master/harness"
-          target="_blank">open source</a>.
-      </p>
-    `.trim()
-  },
-
-  "harness-box": {
-    title: "harness box",
-    id: "gid://shopify/Product/4826851573823",
-    route: "/shop/harness-box",
-    category: "accessories",
-    price: "$50",
-    images: [
-      "/src/lib/images/products/harness-box/harness-box.jpg"
-    ],
-    notes: [
-      {
-        title: "Note",
-        content: `The harness box is included with the <a href="/shop/car-harness">car harness</a>.`,
-      }
-    ],
-    description: ""
-  },
-
-  "replacement-mounts": {
-    title: "replacement mounts",
-    id: "gid://shopify/Product/4576073482303",
-    route: "/shop/replacement-mounts",
-    category: "accessories",
-    price: "$20",
-    images: [
-      "/src/lib/images/products/replacement-mounts/replacement-mounts-four.png",
-    ],
-    notes: [
-      {
-        title: "Note",
-        content: "comma four orders come with (2) mounts.",
-      },
-      {
-        title: "Note",
-        content: "comma four mounts are not compatible with comma 3X/three.",
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        comma four mounts are compatible with every vehicle openpilot supports.
-      </p>
-      <hr />
-      <hgroup>
-        <div>
-          <span>Variant</span>
-          <strong>comma four</strong>
-        </div>
-      </hgroup>
-      <p>
-        Mount compatible with all vehicles.<br /><br />
-        <strong>Includes:</strong>
-      </p>
-      <p>
-        (2) mounts with adhesive backing
-      </p>
-      <p>
-        (1) alcohol wipe
-      </p>
-      <hr />
-      <hgroup>
-        <div>
-           <span>Variant</span>
-          <strong>comma 3X</strong>
-        </div>
-      </hgroup>
-      <p>
-        Standard mount compatible with most vehicles.<br /><br />
-        <strong>Includes:</strong>
-      </p>
-      <p>
-        (1) standard mount with adhesive backing
-      </p>
-      <p>
-        (1) alcohol wipe
-      </p>
-      <hr />
-      <hgroup>
-        <div>
-          <span>Variant</span>
-          <strong>comma 3X (8 degrees)</strong>
-        </div>
-      </hgroup>
-      <p>
-        Vehicles with steeper windshields require an alternative mount for
-        openpilot to work correctly.<br /><br />
-        <strong>Includes:</strong>
-      </p>
-      <p>
-        (1) 8 degree mount with adhesive backing
-      </p>
-      <p>
-        (1) alcohol wipe
-      </p>
-      <hr />
-      <strong>DIY Mounts</strong>
-      <p>
-        3D print comma two, three, and 3X mounts from our <a
-          href="https://github.com/commaai/hardware"
-          target="_blank">open source</a> files.
-      </p>
-    `.trim(),
-    hideOutOfStockVariants: true
-  },
-
-  "comma-device-screen": {
-    title: "comma device screen",
-    id: "gid://shopify/Product/6786322858047",
-    route: "/shop/comma-device-screen",
-    category: "accessories",
-    price: "$40",
-    images: [
-      "/src/lib/images/products/comma-three-device-screen/comma-three-device-screen.jpg"
-    ],
-    notes: [
-      {
-        title: "Note: final sale",
-        content: `Open and repair the comma 3/3X at your own risk.
-        comma is not responsible for damages that may occur while repairing devices.
-        No warranty except DOA.`,
-      }
-    ],
-    description: `
-      <strong>comma 3X - screen + front case</strong>
-      <ul>
-        <li>comma 3X display pre-attached to front case</li>
-        <li>includes 4 screws to attach to back piece</li>
-      </ul>
-      <strong>What's Grade B?</strong>
-      <p>
-        We no longer have inventory of our Grade A screens, so we are offering Grade B screens at a discount.
-        Grade B screens are fully functional, but may have some minor cosmetic imperfections.
-      </p>
-    `.trim(),
-    hideOutOfStockVariants: true
-  },
-
-  "comma-3x-back-case": {
-    title: "comma 3X back case",
-    id: "gid://shopify/Product/7871177818175",
-    route: "/shop/comma-3x-back-case",
-    category: "accessories",
-    price: "$25",
-    images: [
-      "/src/lib/images/products/comma-3x-back-case/comma-3x-back-case.jpg"
-    ],
-    notes: [
-      {
-        title: "Note: final sale",
-        content: `Open and repair the comma 3/3X at your own risk.
-        comma is not responsible for damages that may occur while repairing devices.
-        No warranty except DOA.`,
-      }
-    ],
-    description: `
-      <strong>comma 3X back case</strong>
-      <ul>
-        <li>comma 3X back case</li>
-        <li>Includes screws</li>
-      </ul>
-    `.trim()
-  },
-
-  "comma-ai-hoodie": {
-    title: "comma hoodie",
-    id: "gid://shopify/Product/11027682317",
-    route: "/shop/comma-ai-hoodie",
-    category: "accessories",
-    price: "$89",
-    images: [
-      "/src/lib/images/products/comma-ai-hoodie/comma-hoodie.jpg",
-      "/src/lib/images/products/comma-ai-hoodie/comma-hoodie-back.jpeg",
-      "/src/lib/images/products/comma-ai-hoodie/comma-hoodie-print.jpeg",
-      "/src/lib/images/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>
-        The perfect mid-weight hoodie. Made from a polyester cotton blend,
-        they're not too heavy and not too warm. They have a double-lined hood for warmth,
-        a soft interior lining, and - get this - the pocket is also lined with soft fleece!
-        Men's sizing. Black fabric with a white printed comma on the front, and
-        <a href="https://comma.ai/" target="_blank">comma.ai</a> graphic on the back.
-        Hoodie comes stringless.
-      </p>
-    `.trim()
-  },
-
-  "comma-ai-beanie": {
-    title: "comma beanie",
-    id: "gid://shopify/Product/4863559663679",
-    route: "/shop/comma-ai-beanie",
-    category: "accessories",
-    price: "$69",
-    images: [
-      "/src/lib/images/products/comma-ai-beanie/comma-beanie.jpg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>A black beanie with a comma on it.</p>
-      <p><b>The beanie will never ever be sold for less than $69.</b></p>
-    `.trim()
-  },
-
-  "comma-ai-t-shirt": {
-    title: "comma t-shirt",
-    id: "gid://shopify/Product/339835518989",
-    route: "/shop/comma-ai-t-shirt",
-    category: "accessories",
-    price: "$35",
-    images: [
-      "/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt.jpg",
-      "/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg",
-      "/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>Okay, okay we heard you. We aren't a high end fashion brand, we are a tech company. We sell a company t-shirt—for a reasonable price.</p>
-      <p>
-        This signature t-shirt is markedly soft, unisex that is versatile and lends itself to daily wear.
-        Spun from a plush fabric that is made up of cotton and polyester fibers,
-        this shirt features an up-to-date fit. Choose yours from the single white color we offer.
-      </p>
-    `.trim()
-  },
-
-  "comma-four-trade-in": {
-    title: "comma four trade-in",
-    id: "gid://shopify/Product/7966994202687",
-  },
-
-  "comma-3x-out-of-warranty-repair": {
-    title: "comma 3X out of warranty repair",
-    id: "gid://shopify/Product/7294255104063",
-    route: "/shop/comma-3x-out-of-warranty-repair",
-    category: "accessories",
-    price: "$500",
-    images: [
-      "/src/lib/images/products/comma-3x/comma-3x.jpg"
-    ],
-    notes: [],
-    description: `
-      <strong>Description</strong>
-      <p>
-        Dropped your device and broke the screen?
-        Having issues outside the warranty period?
-
-        <b>All out-of-warranty comma 3X repairs are covered under the same flat-rate.</b>
-
-        Ship us your original comma 3X, and for the flat rate, we'll send you your repaired comma 3X.
-      </p>
-
-      <hr>
-      <strong>Instructions</strong>
-      <p>
-        1. Purchase this product.
-      </p>
-      <p>
-        2. Ship your comma 3X back to us with tracking.
-      </p>
-      <p>Address to:</p>
-      <p style="margin-left: 1em; font-size: 0.75em"><b>
-        comma 3X repair<br>
-        Repair Order #<br>
-        3900 Harney Street<br>
-        San Diego, CA 92110<br>
-      </b></p>
-      <p>
-        3. When the comma 3X arrives, give us up to 5 business days to process it.
-      </p>
-      <p>
-        4. We ship you your repaired comma 3X.
-      </p>
-
-      <hr>
-      <strong>THE FINE PRINT</strong>
-      <p>
-        -> This offer is ONLY good for the original device owner. <b>What does this mean?</b> The device sent for repair must have been purchased from the comma shop by the same person who purchased the device originally. The name and/or address on the original comma 3X order must be the same. Resale and second market devices do not qualify for repair at this time. You must include your original order number with your device when returning it. We reserve the right to cancel orders that do not follow this policy.
-      </p>
-      <p>
-        -> We are not responsible for lost or damaged packages. Please be sure to have tracking on your package. Ship your device according to local laws and regulations.
-      </p>
-      <p>
-        -> No warranty except DOA, which must be reported within 14 days of delivery.
-      </p>
-    `.trim()
-  },
-
-  "body": {
-    title: "comma body",
-    id: "gid://shopify/Product/6920331296831",
-    route: "/shop/body",
-    category: "device",
-    price: "$999",
-    images: [
-      "/src/lib/images/products/body/comma-body.jpg",
-      "/src/lib/images/products/body/comma-body-devkit.jpeg",
-      "/src/lib/images/products/body/comma-body-display.jpeg",
-      "/src/lib/images/products/body/comma-body-size.png",
-      "/src/lib/images/products/body/comma-body-wheels.jpg"
-    ],
-    notes: [
-      {
-        title: "Compatibility Notice",
-        content: "comma body is not yet compatible with comma four."
-      }
-    ],
-    description: `
-      <strong>Description</strong>
-      <p>
-        The body is a robotics dev kit that can run <a href="https://github.com/commaai/openpilot" target="_blank">openpilot</a>,
-        open source software with over a million hours of usage in the field.
-      </p>
-      <p>
-        We believe that in order to solve AI, you must be embedded in the real world.
-        The body is human scale, and has a human usable development environment.
-      </p>
-      <p>
-        It runs the same camera and logging software, so we'll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.
-      </p>
-    `.trim(),
-    forceOutOfStock: true
-  }
-};
diff --git a/src/lib/images/car-brand-collage.jpg b/src/lib/images/car-brand-collage.jpg
deleted file mode 100644
index 4caf4ff1..00000000
Binary files a/src/lib/images/car-brand-collage.jpg and /dev/null differ
diff --git a/src/lib/images/circuit.png b/src/lib/images/circuit.png
deleted file mode 100644
index 2f219668..00000000
Binary files a/src/lib/images/circuit.png and /dev/null differ
diff --git a/src/lib/images/comma-3x-sim-insertion.png b/src/lib/images/comma-3x-sim-insertion.png
deleted file mode 100644
index 549ab5ad..00000000
Binary files a/src/lib/images/comma-3x-sim-insertion.png and /dev/null differ
diff --git a/src/lib/images/comma-body-assembly.jpeg b/src/lib/images/comma-body-assembly.jpeg
deleted file mode 100644
index 21aa7926..00000000
Binary files a/src/lib/images/comma-body-assembly.jpeg and /dev/null differ
diff --git a/src/lib/images/comma-body-base.jpg b/src/lib/images/comma-body-base.jpg
deleted file mode 100644
index 0a765c7f..00000000
Binary files a/src/lib/images/comma-body-base.jpg and /dev/null differ
diff --git a/src/lib/images/comma-body-height.png b/src/lib/images/comma-body-height.png
deleted file mode 100644
index 08768eb2..00000000
Binary files a/src/lib/images/comma-body-height.png and /dev/null differ
diff --git a/src/lib/images/comma-body-internals.jpg b/src/lib/images/comma-body-internals.jpg
deleted file mode 100644
index 3a8841f1..00000000
Binary files a/src/lib/images/comma-body-internals.jpg and /dev/null differ
diff --git a/src/lib/images/comma-body-screen.jpg b/src/lib/images/comma-body-screen.jpg
deleted file mode 100644
index f7098e6e..00000000
Binary files a/src/lib/images/comma-body-screen.jpg and /dev/null differ
diff --git a/src/lib/images/comma-body-wink.gif b/src/lib/images/comma-body-wink.gif
deleted file mode 100644
index 673a16dc..00000000
Binary files a/src/lib/images/comma-body-wink.gif and /dev/null differ
diff --git a/src/lib/images/comma-logo.png b/src/lib/images/comma-logo.png
deleted file mode 100644
index 0b83c34c..00000000
Binary files a/src/lib/images/comma-logo.png and /dev/null differ
diff --git a/src/lib/images/connect-app.png b/src/lib/images/connect-app.png
deleted file mode 100644
index 9d71f47e..00000000
Binary files a/src/lib/images/connect-app.png and /dev/null differ
diff --git a/src/lib/images/device-glow.png b/src/lib/images/device-glow.png
deleted file mode 100644
index 8c908d99..00000000
Binary files a/src/lib/images/device-glow.png and /dev/null differ
diff --git a/src/lib/images/device.png b/src/lib/images/device.png
deleted file mode 100644
index e3b42843..00000000
Binary files a/src/lib/images/device.png and /dev/null differ
diff --git a/src/lib/images/experimental.svg b/src/lib/images/experimental.svg
deleted file mode 100644
index 2a700c2f..00000000
--- a/src/lib/images/experimental.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M251.231 249.95C157.487 343.73 68.0688 374.032 47.8786 352.391C42.1091 346.619 42.1091 337.963 42.1091 330.749C42.1091 291.793 79.6078 216.771 158.93 143.183C167.584 135.969 167.584 122.983 160.373 114.327C153.16 105.671 140.179 105.671 131.527 112.885C112.779 130.197 96.9142 147.511 82.4911 164.826C42.109 102.788 33.4554 58.0588 46.4341 43.6324C62.2988 27.7617 121.431 40.7477 190.659 92.687C212.293 108.558 233.925 127.313 254.117 147.514C269.981 163.385 285.847 180.699 298.828 198.012C284.407 216.769 268.541 232.64 251.234 249.953L251.231 249.95ZM353.631 46.5207C368.053 60.9488 357.959 107.12 320.46 166.27C307.479 150.399 294.5 135.972 280.077 120.101C265.655 105.673 249.791 91.2443 233.927 78.2604C294.503 39.3048 339.21 32.0926 353.631 46.5207ZM382.477 17.6641C349.306 -15.5198 280.076 -1.09121 200.754 53.735C121.431 -1.09281 50.7591 -15.5193 17.5915 17.6641C-15.5797 50.8481 -1.15667 118.66 55.0901 199.457C21.9189 247.068 1.72685 293.237 1.72685 330.75C1.72685 356.72 11.8221 372.591 19.0336 381.247C32.0146 394.232 47.8791 400.002 68.0693 400.002C128.645 400.002 213.733 346.618 280.079 280.253C294.501 265.825 308.924 249.953 320.461 234.083C359.4 294.683 368.055 339.406 353.632 353.832C342.095 365.373 308.922 361.047 269.983 340.846C259.888 336.517 248.349 339.405 242.581 349.503C236.813 359.602 241.139 371.146 251.235 376.915C281.522 392.786 310.367 400 332.002 400C352.194 400 368.058 394.228 381.037 381.245C414.208 348.061 399.786 278.805 344.98 199.452C395.461 128.757 418.533 55.1766 382.48 17.6636L382.477 17.6641Z" fill="url(#paint0_radial_329_1038)"/>
-<path d="M253.125 206.251C253.125 239.044 226.544 265.626 193.751 265.626C160.957 265.626 134.375 239.044 134.375 206.251C134.375 173.457 160.957 146.875 193.751 146.875C226.544 146.875 253.125 173.457 253.125 206.251Z" fill="url(#paint1_radial_329_1038)"/>
-<defs>
-<radialGradient id="paint0_radial_329_1038" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(204.076 200.001) rotate(-90) scale(218.751 231.692)">
-<stop stop-color="#FF4747"/>
-<stop offset="1" stop-color="#6F1400"/>
-</radialGradient>
-<radialGradient id="paint1_radial_329_1038" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(193.75 206.251) rotate(90) scale(59.3752 59.375)">
-<stop stop-color="#FF7474"/>
-<stop offset="1" stop-color="#FC0000"/>
-</radialGradient>
-</defs>
-</svg>
diff --git a/src/lib/images/faq/30-day.svg b/src/lib/images/faq/30-day.svg
deleted file mode 100644
index 2ecccda9..00000000
--- a/src/lib/images/faq/30-day.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="480" height="300" fill="none"><path fill="#000" d="M0 0h480v300H0z"/><path fill="#fff" fill-rule="evenodd" d="M318.166 95.558H164.983v118.955h153.183V95.558Zm-7.295 7.295H172.278v104.366h138.593V102.853Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M310.501 74.313H172.072v21.374h138.429V74.314ZM164.786 67v36h153V67h-153Z" clip-rule="evenodd"/><path fill="#fff" d="M201.786 56h7v29h-7zM274.786 56h7v29h-7zM219.078 175c1.499 0 2.879.333 4.14 1 1.278.65 2.301 1.65 3.068 3 .784 1.35 1.175 3.017 1.175 5s-.391 3.65-1.175 5c-.767 1.35-1.79 2.358-3.068 3.025-1.261.65-2.641.975-4.14.975h-13.292v-18h13.292Zm-2.556 12.75c.886 0 1.618-.058 2.198-.175.579-.133 1.073-.467 1.482-1 .409-.55.614-1.408.614-2.575 0-1.167-.205-2.017-.614-2.55-.409-.55-.903-.883-1.482-1-.58-.133-1.312-.2-2.198-.2h-4.346v7.5h4.346ZM253.933 193h-6.799l-1.508-3.15h-10.122l-1.508 3.15h-6.799l8.818-18h9.1l8.818 18Zm-13.368-13.7-2.914 6.05h5.828l-2.914-6.05ZM262.699 181.75l5.164-6.75h7.923l-9.892 12v6h-6.39v-6l-9.892-12h7.924l5.163 6.75Z"/><path fill="#fff" stroke="#000" d="M231.618 138.327c1.724-.846 3.08-1.945 4.043-3.305 1.155-1.632 1.72-3.603 1.72-5.888 0-4.423-2.012-7.83-5.975-10.175-3.93-2.325-9.502-3.459-16.66-3.459-8.324 0-14.745 1.356-19.202 4.131-4.49 2.795-7.035 7.139-7.652 12.961l-.058.553h15.531v-.5c0-2.126.745-3.556 2.17-4.414l.003-.002c1.529-.935 4.008-1.44 7.52-1.44 2.964 0 4.964.347 6.091.967l.009.005.008.004c.584.293.992.644 1.256 1.041.261.393.399.859.399 1.418 0 .852-.26 1.475-.74 1.928-.498.429-1.466.812-3.011 1.09-1.524.275-3.701.416-6.546.416h-.5v9.474h.5c3.129 0 5.466.141 7.031.416l.012.002c1.584.238 2.553.643 3.038 1.129l.011.012.013.011c.507.445.795 1.118.795 2.106 0 1.267-.542 2.192-1.674 2.831-1.125.619-3.221.966-6.391.966-3.636 0-6.204-.464-7.778-1.329-1.482-.834-2.216-2.115-2.216-3.921v-.5h-16.133l.057.552c.409 3.942 1.58 7.204 3.539 9.755h-.001l.006.008c2.008 2.518 4.959 4.361 8.808 5.552 3.846 1.191 8.827 1.778 14.924 1.778 7.441 0 13.217-1.215 17.271-3.706 4.084-2.509 6.149-6.138 6.149-10.836 0-2.371-.619-4.421-1.878-6.123-1.065-1.441-2.57-2.606-4.489-3.508Zm13.88 12.906.002.002c2.064 3.562 5.096 6.331 9.076 8.308 3.985 1.978 8.749 2.957 14.275 2.957 5.487 0 10.231-.979 14.216-2.957l.003-.002c3.978-2.017 7.009-4.804 9.072-8.365 2.101-3.556 3.144-7.64 3.144-12.237 0-4.557-1.044-8.62-3.144-12.175-2.064-3.562-5.096-6.33-9.075-8.307-3.985-1.978-8.729-2.957-14.216-2.957-5.526 0-10.29.979-14.275 2.957-3.98 1.977-7.012 4.745-9.076 8.307-2.061 3.516-3.083 7.58-3.083 12.175 0 4.597 1.023 8.699 3.081 12.294Zm31.021-19.991.008.008c1.76 1.692 2.681 4.225 2.681 7.689 0 3.507-.921 6.082-2.685 7.815-1.771 1.739-4.303 2.641-7.672 2.641-3.368 0-5.901-.902-7.671-2.641-1.764-1.733-2.685-4.308-2.685-7.815 0-3.508.902-6.061 2.623-7.751 1.769-1.699 4.321-2.583 7.733-2.583s5.94.904 7.668 2.637Z"/><path fill="#414141" fill-rule="evenodd" d="M164.983 195.635C139.318 200.686 123 208.27 123 216.748c0 15.21 52.521 27.54 117.31 27.54s117.31-12.33 117.31-27.54c0-8.196-15.251-15.556-39.454-20.601v2.086c11.069 3.496 17.577 7.77 17.577 12.385 0 11.824-42.725 21.41-95.43 21.41-52.704 0-95.43-9.586-95.43-21.41 0-4.955 7.504-9.518 20.1-13.146v-1.837Z" clip-rule="evenodd"/></svg>
diff --git a/src/lib/images/faq/comma-three.svg b/src/lib/images/faq/comma-three.svg
deleted file mode 100644
index 09ecfe3d..00000000
--- a/src/lib/images/faq/comma-three.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="480" height="300" fill="none"><g clip-path="url(#a)"><path fill="#000" d="M0 0h480v300H0z"/><path stroke="#fff" stroke-width="2" d="M54.768 113.992c2.765 6.925 10.712 8.655 17.719 8.655h134.742m-152.46-8.655c-.976-2.442-1.47-6.973-.825-10.304 1.978-10.222 41.48-100.155 60.984-143.844 3.864-8.656 11.538-13.19 19.779-13.19h430.188c7.417 0 20.603 5.77 23.488 13.19 2.884 7.419 55.15 135.816 56.864 140.959.824 2.473 1.648 11.54.412 14.013m-590.89-.824c5.006 10.991 16.564 32.313 23.486 36.27 8.654 4.946 65.517 30.912 91.065 34.209 25.548 3.298 64.281-3.322 95.185 7.832 39.97 14.425 46.975 53.58 84.06 53.58 33.377 0 52.331-44.925 75.819-53.58 33.406-12.311 58.924-3.71 86.944-4.534 28.02-.825 62.497-13.53 74.582-18.135 17.307-6.595 28.844-11.541 39.97-20.608 7.417-6.045 15.114-23.081 19.779-34.21m0 0c-4.121 5.771-6.593 7.831-18.131 7.831H490.313m-283.084 0h283.084m-283.084 0c8.181 2.54 26.789 5.465 43.266 13.802m239.818-13.802c-9.826 2.145-27.786 7.323-43.678 14.945m-196.14-1.143c7.593 3.841 14.732 8.831 20.191 15.462 8.42 10.226 16.157 27.476 27.196 42.495m-47.387-57.957c14.697-.891 44.75-2.673 47.387-2.673 3.297 0 8.241 2.473 7.005 7.419-.26 1.039-.865 2.769-1.655 4.946m-5.35 48.265c11.652 15.853 26.985 29.221 50.683 29.221 23.386 0 37.249-13.441 47.916-29.221m-98.599 0c-.824-2.625-2.555-9.852-2.884-17.766-.212-5.091 2.087-13.023 4.536-20.195m147.101-18.853c-8.543 4.097-16.489 8.9-22.251 14.319-10.163 9.555-17.519 27.134-27.903 42.495m50.154-56.814c-13.049-1.272-40.794-3.816-47.387-3.816-8.241 0-10.713 3.709-9.477 7.419.265.795.814 2.575 1.509 4.946m5.201 48.265c1.119-4.164 1.943-9.935 1.943-17.766 0-7.831-3.084-15.662-4.277-20.195m-90.915-10.304c-3.698-2.886-12.355-1.484-12.355 4.121 0 5.606 4.121 7.419 8.657 6.183m3.698-10.304c-1.035 2.851-2.388 6.469-3.698 10.304m91.746-10.304c2.867-2.473 12.501-1.237 12.501 4.121 0 4.99-3.709 7.007-9.634 6.183m-2.867-10.304a397.66 397.66 0 0 1 2.867 10.304"/><path stroke="#fff" stroke-width="2" d="M382.178 172.107c0 19.934-16.156 36.094-36.085 36.094-19.929 0-36.085-16.16-36.085-36.094 0-19.935 16.156-36.095 36.085-36.095 19.929 0 36.085 16.16 36.085 36.095Z"/><path stroke="#fff" stroke-width="2" d="M374.761 172.107c0 15.837-12.836 28.675-28.668 28.675-15.833 0-28.668-12.838-28.668-28.675 0-15.838 12.835-28.676 28.668-28.676 15.832 0 28.668 12.838 28.668 28.676Z"/><path stroke="#fff" stroke-width="2" d="M362.399 172.107c0 9.008-7.301 16.31-16.306 16.31-9.006 0-16.307-7.302-16.307-16.31 0-9.009 7.301-16.311 16.307-16.311 9.005 0 16.306 7.302 16.306 16.311Z"/><rect width="4.945" height="4.122" x="294.998" y="149.85" fill="#fff" rx="1"/><rect width="4.945" height="4.122" x="393.892" y="149.85" fill="#fff" rx="1"/><path stroke="#fff" stroke-width="2" d="M77.649 114.573 139.984-47.94a2 2 0 0 1 1.867-1.284h416.663a2 2 0 0 1 1.895 1.362l54.694 162.513a2 2 0 0 1-1.896 2.638H79.517a2 2 0 0 1-1.868-2.716Z"/><path stroke="#fff" stroke-opacity=".4" stroke-width="2" d="M0-1h33.277" transform="rotate(-41.507 197.303 -210.57) skewX(-.014)"/><path stroke="#fff" stroke-opacity=".4" stroke-width="2" d="M0-1h61.416" transform="rotate(-41.507 187.594 -186.497) skewX(-.014)"/><path stroke="#fff" stroke-opacity=".4" stroke-width="2" d="M0-1h33.277" transform="rotate(-41.507 164.367 -198.1) skewX(-.014)"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h480v300H0z"/></clipPath></defs></svg>
diff --git a/src/lib/images/faq/shipping.svg b/src/lib/images/faq/shipping.svg
deleted file mode 100644
index dbb1b6fe..00000000
--- a/src/lib/images/faq/shipping.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="480" height="300" fill="none"><path fill="#000" d="M0 0h480v300H0z"/><path fill="#414141" fill-rule="evenodd" d="M268 186.148a488.796 488.796 0 0 0-27.69-.772c-13.788 0-27.021.558-39.31 1.584v.311c11.988-1.217 25.298-1.895 39.313-1.895 9.629 0 18.924.32 27.687.915v-.143Zm26 2.935c25.199 3.854 41.743 10.345 41.743 17.703 0 11.824-42.725 21.41-95.43 21.41-52.704 0-95.43-9.586-95.43-21.41 0-6.156 11.579-11.704 30.117-15.61v-1.141c-31.361 4.944-52 13.346-52 22.881 0 15.21 52.521 27.54 117.31 27.54s117.31-12.33 117.31-27.54c0-10.668-25.836-19.919-63.62-24.493v.66Z" clip-rule="evenodd"/><g clip-path="url(#a)"><path fill="#fff" d="M155.117 101.188a15.937 15.937 0 0 1 15.937-15.938h95.625a15.939 15.939 0 0 1 15.938 15.938v15.937h10.837a15.944 15.944 0 0 1 12.432 5.982l15.735 19.656a15.941 15.941 0 0 1 3.496 9.966v22.833a15.938 15.938 0 0 1-15.938 15.938h-5.312a21.25 21.25 0 0 1-42.5 0h-53.125a21.242 21.242 0 0 1-6.368 15.215 21.253 21.253 0 0 1-30.395-.647 21.25 21.25 0 0 1-5.716-15.471 15.937 15.937 0 0 1-10.646-15.035v-74.374Zm13.749 79.22a21.231 21.231 0 0 1 18.397-10.167 21.238 21.238 0 0 1 18.131 10.634h58.82a21.36 21.36 0 0 1 7.778-7.778v-71.909a5.314 5.314 0 0 0-5.313-5.313h-95.625a5.31 5.31 0 0 0-5.312 5.313v74.374a5.315 5.315 0 0 0 3.124 4.846Zm113.751-10.158a21.253 21.253 0 0 1 18.402 10.625h8.16a5.314 5.314 0 0 0 5.313-5.313v-22.843a5.307 5.307 0 0 0-1.169-3.315l-15.725-19.656a5.31 5.31 0 0 0-4.144-1.998h-10.837v42.5Zm-95.625 10.625a10.622 10.622 0 0 0-10.625 10.625 10.624 10.624 0 1 0 10.625-10.625Zm95.625 0a10.622 10.622 0 0 0-10.625 10.625 10.624 10.624 0 1 0 10.625-10.625Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M155.117 64h170v170h-170z"/></clipPath></defs></svg>
diff --git a/src/lib/images/faq/shop.svg b/src/lib/images/faq/shop.svg
deleted file mode 100644
index c60b7982..00000000
--- a/src/lib/images/faq/shop.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="480" height="300" fill="none"><path fill="#000" d="M0 0h480v300H0z"/><path stroke="#fff" stroke-width="15" d="m158 117 21.105 100h121.79L322 117H158Z" clip-rule="evenodd"/><path fill="#fff" d="M292.965 121.285a8.417 8.417 0 1 0 11.903-11.903l-11.903 11.903Zm-21.764-45.57-5.951-5.951-11.903 11.903 5.952 5.951 11.902-11.903Zm33.667 33.667-33.667-33.667-11.902 11.903 33.666 33.667 11.903-11.903ZM187.035 121.285a8.417 8.417 0 1 1-11.903-11.903l11.903 11.903Zm21.764-45.57 5.951-5.951 11.903 11.903-5.951 5.951-11.903-11.903Zm-33.667 33.667 33.667-33.667 11.903 11.903-33.667 33.667-11.903-11.903Z"/><path fill="#414141" fill-rule="evenodd" d="M311.062 205.249c15.338 3.799 24.681 8.839 24.681 14.369 0 11.824-42.725 21.41-95.43 21.41-52.704 0-95.43-9.586-95.43-21.41 0-5.46 9.109-10.442 24.102-14.224l-.306-1.458C140.895 208.972 123 216.869 123 225.748c0 15.209 52.521 27.54 117.31 27.54s117.31-12.331 117.31-27.54c0-8.94-18.145-16.885-46.26-21.916l-.298 1.417Z" clip-rule="evenodd"/></svg>
diff --git a/src/lib/images/featured-articles/car-and-driver.png b/src/lib/images/featured-articles/car-and-driver.png
deleted file mode 100644
index e2fb9c6d..00000000
Binary files a/src/lib/images/featured-articles/car-and-driver.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/comma-web.web.app_.png b/src/lib/images/featured-articles/comma-web.web.app_.png
deleted file mode 100644
index 2c6f0b8a..00000000
Binary files a/src/lib/images/featured-articles/comma-web.web.app_.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/consumer-reports.png b/src/lib/images/featured-articles/consumer-reports.png
deleted file mode 100644
index ab416ba1..00000000
Binary files a/src/lib/images/featured-articles/consumer-reports.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/linus-tech-tips.svg b/src/lib/images/featured-articles/linus-tech-tips.svg
deleted file mode 100644
index 335637f6..00000000
--- a/src/lib/images/featured-articles/linus-tech-tips.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 360"><path fill="#ff4d00" d="M356.81 146.42c-2.953-15.584-7.877-30.478-14.58-44.37-7.088-14.694-16.152-28.252-26.785-40.404-12.103-13.835-26.251-25.834-42.02-35.45C246.174 9.582 214.185 0 180 0c-24.834 0-48.508 5.056-70.05 14.191-17.081 7.242-32.79 17.085-46.7 28.973C24.582 76.205 0 125.272 0 180s24.583 103.8 63.25 136.83c6.88 5.88 14.194 11.254 21.908 16.058 27.561 17.158 60.056 27.107 94.843 27.107 24.835 0 48.51-5.056 70.051-14.192 17.08-7.243 32.79-17.085 46.7-28.973 38.667-33.04 63.25-82.106 63.25-136.83 0-11.478-1.126-22.694-3.19-33.58zM63.25 294.35C34.373 264.872 16.548 224.527 16.548 180S34.373 95.13 63.25 65.65v228.7zm186.8-113.24v146.6c-21.234 10.09-44.98 15.751-70.051 15.751-26.456 0-51.422-6.324-73.531-17.484l131.91-42.861v-49.103l-128.43 41.73V32.302c21.233-10.088 44.978-15.75 70.05-15.75 25.803 0 50.197 6 71.897 16.647l-130.27 42.33v49.103l35.023-11.382v135.04l46.7-15.178V98.081l93.4-30.346 1.51-.49c11.245 11.79 20.748 25.246 28.09 40l-111.32 36.166v49.105zm46.7 113.24V165.93l44.188-14.356c1.62 9.237 2.514 18.724 2.514 28.424 0 44.526-17.825 84.871-46.702 114.35z"/></svg>
\ No newline at end of file
diff --git a/src/lib/images/featured-articles/road-show.png b/src/lib/images/featured-articles/road-show.png
deleted file mode 100644
index 9a34bace..00000000
Binary files a/src/lib/images/featured-articles/road-show.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/snazzy-labs.png b/src/lib/images/featured-articles/snazzy-labs.png
deleted file mode 100644
index ee389b5d..00000000
Binary files a/src/lib/images/featured-articles/snazzy-labs.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/the-drive.png b/src/lib/images/featured-articles/the-drive.png
deleted file mode 100644
index 28123a85..00000000
Binary files a/src/lib/images/featured-articles/the-drive.png and /dev/null differ
diff --git a/src/lib/images/featured-articles/the-verge.svg b/src/lib/images/featured-articles/the-verge.svg
deleted file mode 100644
index 3e0b030c..00000000
--- a/src/lib/images/featured-articles/the-verge.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="53.941 159.335 308 69" width="308" height="69" xmlns="http://www.w3.org/2000/svg">
-  <path d="m231.196 17.897-.302 9.071c-10.592-.726-13.618 1.996-13.618 10.885V39h-9.078V18.441h9.078v5.866c2.724-4.777 6.416-6.954 13.92-6.41ZM15.131 54.786h9.078V19.71h-9.078v35.075Zm44.968-36.828c-6.355 0-10.228 2.842-12.286 5.986V4.593H0v8.466h39.34V39h8.654c0-7.438 4.298-12.697 9.563-12.697 4.54 0 6.597 2.237 6.597 10.28v18.203h9.078V33.318c0-10.28-5.265-15.36-13.133-15.36ZM95.807 47.83c-5.507 0-9.078-3.326-9.683-8.829H77.59c.847 9.676 7.202 16.51 18.157 16.51 8.473 0 13.254-3.81 15.736-9.555l-7.687-3.387c-1.15 3.447-3.268 5.261-7.989 5.261Zm-.363-29.692a19.226 19.226 0 0 0-9.32 2.177l4.357 6.168c1.634-.846 3.39-1.27 5.266-1.21 5.084 0 7.686 3.327 8.049 7.68H95.02v6.048h17.31c.121-.907.182-1.754.182-2.66.06-13.184-8.655-18.203-17.068-18.203ZM185.32 47.83c-5.507 0-9.078-3.326-9.683-8.829h-8.534c.847 9.676 7.202 16.51 18.157 16.51 8.473 0 13.254-3.81 15.736-9.555l-7.687-3.387c-1.21 3.447-3.328 5.261-7.989 5.261Zm-.302-29.692a19.226 19.226 0 0 0-9.321 2.177l4.358 6.168c1.634-.846 3.389-1.27 5.265-1.21 5.084 0 7.687 3.327 8.05 7.68h-8.776v6.048h17.31c.121-.907.181-1.754.181-2.66.061-13.184-8.655-18.203-17.067-18.203ZM291.416 47.83c-5.507 0-9.078-3.326-9.683-8.829h-8.534c.847 9.676 7.202 16.51 18.157 16.51 8.473 0 13.254-3.81 15.736-9.555l-7.687-3.387c-1.21 3.447-3.328 5.261-7.989 5.261Zm-.484-29.692a19.225 19.225 0 0 0-9.32 2.177l4.357 6.168c1.635-.846 3.39-1.27 5.266-1.21 5.084 0 7.686 3.327 8.049 7.68h-8.775v6.048h17.309c.121-.907.182-1.754.182-2.66.06-13.184-8.655-18.203-17.068-18.203ZM117.172.299 133.5 39h9.926L130.971 8.221h16.099V.36L117.172.3Zm48.418.06L146.888 47.71l-2.784 7.076h9.502L176.06.36h-10.47Zm83.461 53.58c3.873 0 7.081-1.089 9.32-2.963l-3.631-5.745c-1.15.484-2.421.665-3.692.665-4.963 0-7.808-2.963-8.776-6.894h-8.897c1.211 8.406 7.263 14.937 15.676 14.937Zm11.196-30.418c-2.057-3.265-6.234-5.624-12.044-5.624-5.689-.06-10.954 3.024-13.738 8.043l7.565 4.838c1.392-2.903 4.116-4.838 8.292-4.838 5.931 0 9.925 4.596 9.925 10.038 0 1.029-.121 2.057-.423 3.024h9.502v-20.5h-9.079v5.019Zm-8.775 38.642c-5.871 0-8.05-2.842-8.474-6.168h-8.654c.181 6.35 4.418 13.304 17.309 13.304 8.715 0 14.404-4.354 16.765-10.885l-8.171-2.842c-1.15 4.233-4.297 6.591-8.775 6.591Z" transform="matrix(1, 0, 0, 1, 53.941341, 159.035904)"/>
-</svg>
\ No newline at end of file
diff --git a/src/lib/images/hero.png b/src/lib/images/hero.png
deleted file mode 100644
index a34067f7..00000000
Binary files a/src/lib/images/hero.png and /dev/null differ
diff --git a/src/lib/images/products/body/comma-body-devkit.jpeg b/src/lib/images/products/body/comma-body-devkit.jpeg
deleted file mode 100644
index e3d3cf3b..00000000
Binary files a/src/lib/images/products/body/comma-body-devkit.jpeg and /dev/null differ
diff --git a/src/lib/images/products/body/comma-body-display.jpeg b/src/lib/images/products/body/comma-body-display.jpeg
deleted file mode 100644
index efbf0460..00000000
Binary files a/src/lib/images/products/body/comma-body-display.jpeg and /dev/null differ
diff --git a/src/lib/images/products/body/comma-body-size.png b/src/lib/images/products/body/comma-body-size.png
deleted file mode 100644
index ce81965d..00000000
Binary files a/src/lib/images/products/body/comma-body-size.png and /dev/null differ
diff --git a/src/lib/images/products/body/comma-body-wheels.jpg b/src/lib/images/products/body/comma-body-wheels.jpg
deleted file mode 100644
index 8823eb15..00000000
Binary files a/src/lib/images/products/body/comma-body-wheels.jpg and /dev/null differ
diff --git a/src/lib/images/products/body/comma-body.jpg b/src/lib/images/products/body/comma-body.jpg
deleted file mode 100644
index 371afa63..00000000
Binary files a/src/lib/images/products/body/comma-body.jpg and /dev/null differ
diff --git a/src/lib/images/products/can-fd-panda-kit/can-fd-panda-kit.jpg b/src/lib/images/products/can-fd-panda-kit/can-fd-panda-kit.jpg
deleted file mode 100644
index 497b216a..00000000
Binary files a/src/lib/images/products/can-fd-panda-kit/can-fd-panda-kit.jpg and /dev/null differ
diff --git a/src/lib/images/products/can-fd-panda-kit/kit-diagram.jpg b/src/lib/images/products/can-fd-panda-kit/kit-diagram.jpg
deleted file mode 100644
index 0ef53a85..00000000
Binary files a/src/lib/images/products/can-fd-panda-kit/kit-diagram.jpg and /dev/null differ
diff --git a/src/lib/images/products/car-harness/OBD-II.png b/src/lib/images/products/car-harness/OBD-II.png
deleted file mode 100644
index ff1d5b8f..00000000
Binary files a/src/lib/images/products/car-harness/OBD-II.png and /dev/null differ
diff --git a/src/lib/images/products/car-harness/car-harness.jpg b/src/lib/images/products/car-harness/car-harness.jpg
deleted file mode 100644
index ffe4d9b7..00000000
Binary files a/src/lib/images/products/car-harness/car-harness.jpg and /dev/null differ
diff --git a/src/lib/images/products/car-harness/connectors.jpg b/src/lib/images/products/car-harness/connectors.jpg
deleted file mode 100644
index d1f9d158..00000000
Binary files a/src/lib/images/products/car-harness/connectors.jpg and /dev/null differ
diff --git a/src/lib/images/products/car-harness/harness-includes.jpg b/src/lib/images/products/car-harness/harness-includes.jpg
deleted file mode 100644
index 93c0366d..00000000
Binary files a/src/lib/images/products/car-harness/harness-includes.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x-back-case/comma-3x-back-case.jpg b/src/lib/images/products/comma-3x-back-case/comma-3x-back-case.jpg
deleted file mode 100644
index 6bfa69ac..00000000
Binary files a/src/lib/images/products/comma-3x-back-case/comma-3x-back-case.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x-back.jpg b/src/lib/images/products/comma-3x/comma-3x-back.jpg
deleted file mode 100644
index 974d947d..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x-back.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x-bf.jpg b/src/lib/images/products/comma-3x/comma-3x-bf.jpg
deleted file mode 100644
index 3445e011..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x-bf.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x-bf2.jpg b/src/lib/images/products/comma-3x/comma-3x-bf2.jpg
deleted file mode 100644
index 42768929..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x-bf2.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x-includes.jpg b/src/lib/images/products/comma-3x/comma-3x-includes.jpg
deleted file mode 100644
index 685e9e83..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x-includes.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x-promo.jpg b/src/lib/images/products/comma-3x/comma-3x-promo.jpg
deleted file mode 100644
index a98f23b9..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x-promo.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-3x/comma-3x.jpg b/src/lib/images/products/comma-3x/comma-3x.jpg
deleted file mode 100644
index 4046d619..00000000
Binary files a/src/lib/images/products/comma-3x/comma-3x.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-beanie/comma-beanie.jpg b/src/lib/images/products/comma-ai-beanie/comma-beanie.jpg
deleted file mode 100644
index 185f16d1..00000000
Binary files a/src/lib/images/products/comma-ai-beanie/comma-beanie.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-back.jpeg b/src/lib/images/products/comma-ai-hoodie/comma-hoodie-back.jpeg
deleted file mode 100644
index 77af8401..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-back.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg b/src/lib/images/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg
deleted file mode 100644
index 1cb8b6b1..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-print.jpeg b/src/lib/images/products/comma-ai-hoodie/comma-hoodie-print.jpeg
deleted file mode 100644
index 7aca3f32..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/comma-hoodie-print.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/comma-hoodie.jpg b/src/lib/images/products/comma-ai-hoodie/comma-hoodie.jpg
deleted file mode 100644
index 2fdf4a1c..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/comma-hoodie.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/download.png b/src/lib/images/products/comma-ai-hoodie/download.png
deleted file mode 100644
index cd01074c..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/download.png and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg b/src/lib/images/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg
deleted file mode 100644
index 4b7bf731..00000000
Binary files a/src/lib/images/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg b/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg
deleted file mode 100644
index ba4334a4..00000000
Binary files a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg b/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg
deleted file mode 100644
index 977d4f1a..00000000
Binary files a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt.jpg b/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt.jpg
deleted file mode 100644
index ffcc8fb1..00000000
Binary files a/src/lib/images/products/comma-ai-t-shirt/comma-t-shirt.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_angled.png b/src/lib/images/products/comma-four/four_angled.png
deleted file mode 100644
index bc13e70d..00000000
Binary files a/src/lib/images/products/comma-four/four_angled.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_back.png b/src/lib/images/products/comma-four/four_back.png
deleted file mode 100644
index 82912873..00000000
Binary files a/src/lib/images/products/comma-four/four_back.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_dark.png b/src/lib/images/products/comma-four/four_dark.png
deleted file mode 100644
index 405a485a..00000000
Binary files a/src/lib/images/products/comma-four/four_dark.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_front.png b/src/lib/images/products/comma-four/four_front.png
deleted file mode 100644
index 764100ee..00000000
Binary files a/src/lib/images/products/comma-four/four_front.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_screen_on.png b/src/lib/images/products/comma-four/four_screen_on.png
deleted file mode 100644
index b683344a..00000000
Binary files a/src/lib/images/products/comma-four/four_screen_on.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/four_side.png b/src/lib/images/products/comma-four/four_side.png
deleted file mode 100644
index f4656b5f..00000000
Binary files a/src/lib/images/products/comma-four/four_side.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/remount.png b/src/lib/images/products/comma-four/remount.png
deleted file mode 100644
index 77d7f3b0..00000000
Binary files a/src/lib/images/products/comma-four/remount.png and /dev/null differ
diff --git a/src/lib/images/products/comma-four/ui.mp4 b/src/lib/images/products/comma-four/ui.mp4
deleted file mode 100644
index 0efdb9d4..00000000
Binary files a/src/lib/images/products/comma-four/ui.mp4 and /dev/null differ
diff --git a/src/lib/images/products/comma-heatsink/comma-three-heatsink.jpeg b/src/lib/images/products/comma-heatsink/comma-three-heatsink.jpeg
deleted file mode 100644
index 2a648a9f..00000000
Binary files a/src/lib/images/products/comma-heatsink/comma-three-heatsink.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-heatsink/comma-two-heatsink.jpeg b/src/lib/images/products/comma-heatsink/comma-two-heatsink.jpeg
deleted file mode 100644
index bf30278c..00000000
Binary files a/src/lib/images/products/comma-heatsink/comma-two-heatsink.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-key/comma-key.jpg b/src/lib/images/products/comma-key/comma-key.jpg
deleted file mode 100644
index 9d95207f..00000000
Binary files a/src/lib/images/products/comma-key/comma-key.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-power-extender/POWER-EXTENDER.jpg b/src/lib/images/products/comma-power-extender/POWER-EXTENDER.jpg
deleted file mode 100644
index 6e3e19ee..00000000
Binary files a/src/lib/images/products/comma-power-extender/POWER-EXTENDER.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-power/comma-power.jpg b/src/lib/images/products/comma-power/comma-power.jpg
deleted file mode 100644
index 8e6a770f..00000000
Binary files a/src/lib/images/products/comma-power/comma-power.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-prime-sim/comma-prime-sim-installation.png b/src/lib/images/products/comma-prime-sim/comma-prime-sim-installation.png
deleted file mode 100644
index 549ab5ad..00000000
Binary files a/src/lib/images/products/comma-prime-sim/comma-prime-sim-installation.png and /dev/null differ
diff --git a/src/lib/images/products/comma-prime-sim/comma-prime-sim.jpg b/src/lib/images/products/comma-prime-sim/comma-prime-sim.jpg
deleted file mode 100644
index 0929b92d..00000000
Binary files a/src/lib/images/products/comma-prime-sim/comma-prime-sim.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-back-case/comma-three-back-case.jpeg b/src/lib/images/products/comma-three-back-case/comma-three-back-case.jpeg
deleted file mode 100644
index 5c1bcf36..00000000
Binary files a/src/lib/images/products/comma-three-back-case/comma-three-back-case.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-camera/comma-three-camera.jpeg b/src/lib/images/products/comma-three-camera/comma-three-camera.jpeg
deleted file mode 100644
index fc2cb7fe..00000000
Binary files a/src/lib/images/products/comma-three-camera/comma-three-camera.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-device-screen/comma-three-device-screen.jpg b/src/lib/images/products/comma-three-device-screen/comma-three-device-screen.jpg
deleted file mode 100644
index d05f08a7..00000000
Binary files a/src/lib/images/products/comma-three-device-screen/comma-three-device-screen.jpg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-gps-module/comma-three-gps-module.jpeg b/src/lib/images/products/comma-three-gps-module/comma-three-gps-module.jpeg
deleted file mode 100644
index 6b50561d..00000000
Binary files a/src/lib/images/products/comma-three-gps-module/comma-three-gps-module.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-logic-board/comma-three-logic-board.jpeg b/src/lib/images/products/comma-three-logic-board/comma-three-logic-board.jpeg
deleted file mode 100644
index 2133e92f..00000000
Binary files a/src/lib/images/products/comma-three-logic-board/comma-three-logic-board.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-back.jpeg b/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-back.jpeg
deleted file mode 100644
index c8d7e19f..00000000
Binary files a/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-back.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-front.jpeg b/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-front.jpeg
deleted file mode 100644
index 6604e1cc..00000000
Binary files a/src/lib/images/products/comma-three-logic-board/comma-two-logic-board-front.jpeg and /dev/null differ
diff --git a/src/lib/images/products/comma-two/comma-two.jpg b/src/lib/images/products/comma-two/comma-two.jpg
deleted file mode 100644
index 3c1a1a19..00000000
Binary files a/src/lib/images/products/comma-two/comma-two.jpg and /dev/null differ
diff --git a/src/lib/images/products/harness-box/harness-box.jpg b/src/lib/images/products/harness-box/harness-box.jpg
deleted file mode 100644
index 582c9bb6..00000000
Binary files a/src/lib/images/products/harness-box/harness-box.jpg and /dev/null differ
diff --git a/src/lib/images/products/harness-connector/harness-connector.jpg b/src/lib/images/products/harness-connector/harness-connector.jpg
deleted file mode 100644
index d1fcde3d..00000000
Binary files a/src/lib/images/products/harness-connector/harness-connector.jpg and /dev/null differ
diff --git a/src/lib/images/products/obd-c-cable/obd-c-cable-four.png b/src/lib/images/products/obd-c-cable/obd-c-cable-four.png
deleted file mode 100644
index 5f68ab07..00000000
Binary files a/src/lib/images/products/obd-c-cable/obd-c-cable-four.png and /dev/null differ
diff --git a/src/lib/images/products/obd-c-cable/obd-c-long-cable.jpg b/src/lib/images/products/obd-c-cable/obd-c-long-cable.jpg
deleted file mode 100644
index 5d963a2f..00000000
Binary files a/src/lib/images/products/obd-c-cable/obd-c-long-cable.jpg and /dev/null differ
diff --git a/src/lib/images/products/obd-c-cable/obd-c-right-cable.jpg b/src/lib/images/products/obd-c-cable/obd-c-right-cable.jpg
deleted file mode 100644
index 7e5e5b8b..00000000
Binary files a/src/lib/images/products/obd-c-cable/obd-c-right-cable.jpg and /dev/null differ
diff --git a/src/lib/images/products/panda-jungle/panda-jungle-v2.jpeg b/src/lib/images/products/panda-jungle/panda-jungle-v2.jpeg
deleted file mode 100644
index 6413af17..00000000
Binary files a/src/lib/images/products/panda-jungle/panda-jungle-v2.jpeg and /dev/null differ
diff --git a/src/lib/images/products/panda-jungle/panda-jungle.jpg b/src/lib/images/products/panda-jungle/panda-jungle.jpg
deleted file mode 100644
index 4aac65cc..00000000
Binary files a/src/lib/images/products/panda-jungle/panda-jungle.jpg and /dev/null differ
diff --git a/src/lib/images/products/panda-jungle/power-adapter.jpeg b/src/lib/images/products/panda-jungle/power-adapter.jpeg
deleted file mode 100644
index 6fc34d6b..00000000
Binary files a/src/lib/images/products/panda-jungle/power-adapter.jpeg and /dev/null differ
diff --git a/src/lib/images/products/panda-paw/panda-paw-back.jpeg b/src/lib/images/products/panda-paw/panda-paw-back.jpeg
deleted file mode 100644
index c43d3a7f..00000000
Binary files a/src/lib/images/products/panda-paw/panda-paw-back.jpeg and /dev/null differ
diff --git a/src/lib/images/products/panda-paw/panda-paw.jpg b/src/lib/images/products/panda-paw/panda-paw.jpg
deleted file mode 100644
index ca49807e..00000000
Binary files a/src/lib/images/products/panda-paw/panda-paw.jpg and /dev/null differ
diff --git a/src/lib/images/products/panda/red-panda.jpg b/src/lib/images/products/panda/red-panda.jpg
deleted file mode 100644
index 0239f6df..00000000
Binary files a/src/lib/images/products/panda/red-panda.jpg and /dev/null differ
diff --git a/src/lib/images/products/panda/white-panda.jpeg b/src/lib/images/products/panda/white-panda.jpeg
deleted file mode 100644
index 472fd2c8..00000000
Binary files a/src/lib/images/products/panda/white-panda.jpeg and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/mount-3.png b/src/lib/images/products/replacement-mounts/mount-3.png
deleted file mode 100644
index 530c5b74..00000000
Binary files a/src/lib/images/products/replacement-mounts/mount-3.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/mount-3x-8deg-no-text.png b/src/lib/images/products/replacement-mounts/mount-3x-8deg-no-text.png
deleted file mode 100644
index 223503d0..00000000
Binary files a/src/lib/images/products/replacement-mounts/mount-3x-8deg-no-text.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/mount-3x-8deg.png b/src/lib/images/products/replacement-mounts/mount-3x-8deg.png
deleted file mode 100644
index 8773d07d..00000000
Binary files a/src/lib/images/products/replacement-mounts/mount-3x-8deg.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/mount-3x-no-text.png b/src/lib/images/products/replacement-mounts/mount-3x-no-text.png
deleted file mode 100644
index 6fe7b927..00000000
Binary files a/src/lib/images/products/replacement-mounts/mount-3x-no-text.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/mount-3x.png b/src/lib/images/products/replacement-mounts/mount-3x.png
deleted file mode 100644
index c95d5cd5..00000000
Binary files a/src/lib/images/products/replacement-mounts/mount-3x.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/replacement-mounts-3x.png b/src/lib/images/products/replacement-mounts/replacement-mounts-3x.png
deleted file mode 100644
index ae0d68a1..00000000
Binary files a/src/lib/images/products/replacement-mounts/replacement-mounts-3x.png and /dev/null differ
diff --git a/src/lib/images/products/replacement-mounts/replacement-mounts-four.png b/src/lib/images/products/replacement-mounts/replacement-mounts-four.png
deleted file mode 100644
index 1e88f5eb..00000000
Binary files a/src/lib/images/products/replacement-mounts/replacement-mounts-four.png and /dev/null differ
diff --git a/src/lib/images/products/rj-45-cable/rj-45-cable.jpg b/src/lib/images/products/rj-45-cable/rj-45-cable.jpg
deleted file mode 100644
index 55ff33e9..00000000
Binary files a/src/lib/images/products/rj-45-cable/rj-45-cable.jpg and /dev/null differ
diff --git a/src/lib/images/setup/README.md b/src/lib/images/setup/README.md
deleted file mode 100644
index fca9941a..00000000
--- a/src/lib/images/setup/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-# Convert PNG images to JPG at 50% scale and quality 80
-cd src/lib/images/setup/comma-four && mkdir -p out && for file in *.png; do convert "$file" -resize 50% -quality 80 "out/${file%.png}.jpg"; done
diff --git a/src/lib/images/setup/comma-3x/installation-diagram.png b/src/lib/images/setup/comma-3x/installation-diagram.png
deleted file mode 100644
index 0bf697cc..00000000
Binary files a/src/lib/images/setup/comma-3x/installation-diagram.png and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-1.jpeg b/src/lib/images/setup/comma-3x/step-1.jpeg
deleted file mode 100644
index a6cf1a48..00000000
Binary files a/src/lib/images/setup/comma-3x/step-1.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-2a.jpeg b/src/lib/images/setup/comma-3x/step-2a.jpeg
deleted file mode 100644
index 7795ff64..00000000
Binary files a/src/lib/images/setup/comma-3x/step-2a.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-2b.jpeg b/src/lib/images/setup/comma-3x/step-2b.jpeg
deleted file mode 100644
index 1d2d0d77..00000000
Binary files a/src/lib/images/setup/comma-3x/step-2b.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-3a.jpeg b/src/lib/images/setup/comma-3x/step-3a.jpeg
deleted file mode 100644
index 98a38e76..00000000
Binary files a/src/lib/images/setup/comma-3x/step-3a.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-3b.jpeg b/src/lib/images/setup/comma-3x/step-3b.jpeg
deleted file mode 100644
index e63fb9bc..00000000
Binary files a/src/lib/images/setup/comma-3x/step-3b.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-3c.jpeg b/src/lib/images/setup/comma-3x/step-3c.jpeg
deleted file mode 100644
index 5b391b32..00000000
Binary files a/src/lib/images/setup/comma-3x/step-3c.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-4a.jpg b/src/lib/images/setup/comma-3x/step-4a.jpg
deleted file mode 100644
index 434277f1..00000000
Binary files a/src/lib/images/setup/comma-3x/step-4a.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-4b.png b/src/lib/images/setup/comma-3x/step-4b.png
deleted file mode 100644
index 1d139b35..00000000
Binary files a/src/lib/images/setup/comma-3x/step-4b.png and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-4c.jpeg b/src/lib/images/setup/comma-3x/step-4c.jpeg
deleted file mode 100644
index e1418b74..00000000
Binary files a/src/lib/images/setup/comma-3x/step-4c.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-5a.jpeg b/src/lib/images/setup/comma-3x/step-5a.jpeg
deleted file mode 100644
index e0c8fdb3..00000000
Binary files a/src/lib/images/setup/comma-3x/step-5a.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-5b.jpg b/src/lib/images/setup/comma-3x/step-5b.jpg
deleted file mode 100644
index 03017538..00000000
Binary files a/src/lib/images/setup/comma-3x/step-5b.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-5c.jpeg b/src/lib/images/setup/comma-3x/step-5c.jpeg
deleted file mode 100644
index dcf35918..00000000
Binary files a/src/lib/images/setup/comma-3x/step-5c.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-6.jpeg b/src/lib/images/setup/comma-3x/step-6.jpeg
deleted file mode 100644
index d28a5e6f..00000000
Binary files a/src/lib/images/setup/comma-3x/step-6.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-3x/step-7.jpeg b/src/lib/images/setup/comma-3x/step-7.jpeg
deleted file mode 100644
index 58d2f599..00000000
Binary files a/src/lib/images/setup/comma-3x/step-7.jpeg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/align.jpg b/src/lib/images/setup/comma-four/align.jpg
deleted file mode 100644
index 3c63877a..00000000
Binary files a/src/lib/images/setup/comma-four/align.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/camera-1.jpg b/src/lib/images/setup/comma-four/camera-1.jpg
deleted file mode 100644
index a7312d06..00000000
Binary files a/src/lib/images/setup/comma-four/camera-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/camera-2.jpg b/src/lib/images/setup/comma-four/camera-2.jpg
deleted file mode 100644
index 9d056d45..00000000
Binary files a/src/lib/images/setup/comma-four/camera-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/camera.jpg b/src/lib/images/setup/comma-four/camera.jpg
deleted file mode 100644
index 3286de96..00000000
Binary files a/src/lib/images/setup/comma-four/camera.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount-1.jpg b/src/lib/images/setup/comma-four/mount-1.jpg
deleted file mode 100644
index 50518704..00000000
Binary files a/src/lib/images/setup/comma-four/mount-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount-2.jpg b/src/lib/images/setup/comma-four/mount-2.jpg
deleted file mode 100644
index 55cba38d..00000000
Binary files a/src/lib/images/setup/comma-four/mount-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount-3.jpg b/src/lib/images/setup/comma-four/mount-3.jpg
deleted file mode 100644
index e8c52847..00000000
Binary files a/src/lib/images/setup/comma-four/mount-3.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount-4.jpg b/src/lib/images/setup/comma-four/mount-4.jpg
deleted file mode 100644
index e8c52847..00000000
Binary files a/src/lib/images/setup/comma-four/mount-4.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount-5.jpg b/src/lib/images/setup/comma-four/mount-5.jpg
deleted file mode 100644
index fd40c38e..00000000
Binary files a/src/lib/images/setup/comma-four/mount-5.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/mount.jpg b/src/lib/images/setup/comma-four/mount.jpg
deleted file mode 100644
index 22cf6925..00000000
Binary files a/src/lib/images/setup/comma-four/mount.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/obd-1.jpg b/src/lib/images/setup/comma-four/obd-1.jpg
deleted file mode 100644
index aa6b0421..00000000
Binary files a/src/lib/images/setup/comma-four/obd-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/obd.jpg b/src/lib/images/setup/comma-four/obd.jpg
deleted file mode 100644
index 866bb666..00000000
Binary files a/src/lib/images/setup/comma-four/obd.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/obdc.jpg b/src/lib/images/setup/comma-four/obdc.jpg
deleted file mode 100644
index f3eaf825..00000000
Binary files a/src/lib/images/setup/comma-four/obdc.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/plug-1.jpg b/src/lib/images/setup/comma-four/plug-1.jpg
deleted file mode 100644
index 41078adb..00000000
Binary files a/src/lib/images/setup/comma-four/plug-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/plug-2.jpg b/src/lib/images/setup/comma-four/plug-2.jpg
deleted file mode 100644
index 555d5e2e..00000000
Binary files a/src/lib/images/setup/comma-four/plug-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/plug.jpg b/src/lib/images/setup/comma-four/plug.jpg
deleted file mode 100644
index 44fbf738..00000000
Binary files a/src/lib/images/setup/comma-four/plug.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/power-1.jpg b/src/lib/images/setup/comma-four/power-1.jpg
deleted file mode 100644
index 2aa90a46..00000000
Binary files a/src/lib/images/setup/comma-four/power-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/power.jpg b/src/lib/images/setup/comma-four/power.jpg
deleted file mode 100644
index bcdbd96d..00000000
Binary files a/src/lib/images/setup/comma-four/power.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/press-1.jpg b/src/lib/images/setup/comma-four/press-1.jpg
deleted file mode 100644
index 0fa7e4e8..00000000
Binary files a/src/lib/images/setup/comma-four/press-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/press.jpg b/src/lib/images/setup/comma-four/press.jpg
deleted file mode 100644
index 0e4a454d..00000000
Binary files a/src/lib/images/setup/comma-four/press.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/remount.jpg b/src/lib/images/setup/comma-four/remount.jpg
deleted file mode 100644
index 0b23cb41..00000000
Binary files a/src/lib/images/setup/comma-four/remount.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/remove-1.jpg b/src/lib/images/setup/comma-four/remove-1.jpg
deleted file mode 100644
index 81e16e4f..00000000
Binary files a/src/lib/images/setup/comma-four/remove-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/remove-2.jpg b/src/lib/images/setup/comma-four/remove-2.jpg
deleted file mode 100644
index 830d7f52..00000000
Binary files a/src/lib/images/setup/comma-four/remove-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/remove-3.jpg b/src/lib/images/setup/comma-four/remove-3.jpg
deleted file mode 100644
index 2a0c85f7..00000000
Binary files a/src/lib/images/setup/comma-four/remove-3.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/remove.jpg b/src/lib/images/setup/comma-four/remove.jpg
deleted file mode 100644
index 6a605c3e..00000000
Binary files a/src/lib/images/setup/comma-four/remove.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim-1.jpg b/src/lib/images/setup/comma-four/trim-1.jpg
deleted file mode 100644
index 6cb4fb23..00000000
Binary files a/src/lib/images/setup/comma-four/trim-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim-2.jpg b/src/lib/images/setup/comma-four/trim-2.jpg
deleted file mode 100644
index 79f3b390..00000000
Binary files a/src/lib/images/setup/comma-four/trim-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim-3.jpg b/src/lib/images/setup/comma-four/trim-3.jpg
deleted file mode 100644
index a89ccdb2..00000000
Binary files a/src/lib/images/setup/comma-four/trim-3.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim-4.jpg b/src/lib/images/setup/comma-four/trim-4.jpg
deleted file mode 100644
index 92a209dd..00000000
Binary files a/src/lib/images/setup/comma-four/trim-4.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim-5.jpg b/src/lib/images/setup/comma-four/trim-5.jpg
deleted file mode 100644
index fa2ebb8e..00000000
Binary files a/src/lib/images/setup/comma-four/trim-5.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/trim.jpg b/src/lib/images/setup/comma-four/trim.jpg
deleted file mode 100644
index 13400674..00000000
Binary files a/src/lib/images/setup/comma-four/trim.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/unmount-1.jpg b/src/lib/images/setup/comma-four/unmount-1.jpg
deleted file mode 100644
index 8d2eb4f5..00000000
Binary files a/src/lib/images/setup/comma-four/unmount-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/unmount.jpg b/src/lib/images/setup/comma-four/unmount.jpg
deleted file mode 100644
index ec98e938..00000000
Binary files a/src/lib/images/setup/comma-four/unmount.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/wires-1.jpg b/src/lib/images/setup/comma-four/wires-1.jpg
deleted file mode 100644
index 4dbfac92..00000000
Binary files a/src/lib/images/setup/comma-four/wires-1.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/wires-2.jpg b/src/lib/images/setup/comma-four/wires-2.jpg
deleted file mode 100644
index 611683b2..00000000
Binary files a/src/lib/images/setup/comma-four/wires-2.jpg and /dev/null differ
diff --git a/src/lib/images/setup/comma-four/wires.jpg b/src/lib/images/setup/comma-four/wires.jpg
deleted file mode 100644
index 7621ef5a..00000000
Binary files a/src/lib/images/setup/comma-four/wires.jpg and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Acura.png b/src/lib/images/vehicles/brand-icons/Logo-Acura.png
deleted file mode 100644
index a6ff16a8..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Acura.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Audi.png b/src/lib/images/vehicles/brand-icons/Logo-Audi.png
deleted file mode 100644
index f10f62c8..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Audi.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-BMW.png b/src/lib/images/vehicles/brand-icons/Logo-BMW.png
deleted file mode 100644
index 85295932..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-BMW.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Buick.png b/src/lib/images/vehicles/brand-icons/Logo-Buick.png
deleted file mode 100644
index add4afcc..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Buick.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-CUPRA.png b/src/lib/images/vehicles/brand-icons/Logo-CUPRA.png
deleted file mode 100644
index b22d8cfb..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-CUPRA.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Cadillac.png b/src/lib/images/vehicles/brand-icons/Logo-Cadillac.png
deleted file mode 100644
index 007f9fed..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Cadillac.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Chevrolet.png b/src/lib/images/vehicles/brand-icons/Logo-Chevrolet.png
deleted file mode 100644
index 497a0ae8..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Chevrolet.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Chrysler.png b/src/lib/images/vehicles/brand-icons/Logo-Chrysler.png
deleted file mode 100644
index f5b61bbc..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Chrysler.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Dodge.png b/src/lib/images/vehicles/brand-icons/Logo-Dodge.png
deleted file mode 100644
index 6902b7d2..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Dodge.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Ford.png b/src/lib/images/vehicles/brand-icons/Logo-Ford.png
deleted file mode 100644
index 2e919e1b..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Ford.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-GMC.png b/src/lib/images/vehicles/brand-icons/Logo-GMC.png
deleted file mode 100644
index 1e8e1781..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-GMC.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Genesis.png b/src/lib/images/vehicles/brand-icons/Logo-Genesis.png
deleted file mode 100644
index eedf83ed..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Genesis.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Honda.png b/src/lib/images/vehicles/brand-icons/Logo-Honda.png
deleted file mode 100644
index 03939521..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Honda.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Hyundai.png b/src/lib/images/vehicles/brand-icons/Logo-Hyundai.png
deleted file mode 100644
index 92d72afe..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Hyundai.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Infinity.png b/src/lib/images/vehicles/brand-icons/Logo-Infinity.png
deleted file mode 100644
index 5d91d645..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Infinity.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Jeep.png b/src/lib/images/vehicles/brand-icons/Logo-Jeep.png
deleted file mode 100644
index 94c71def..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Jeep.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Kia.png b/src/lib/images/vehicles/brand-icons/Logo-Kia.png
deleted file mode 100644
index c4ea4d18..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Kia.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Land-Rover.png b/src/lib/images/vehicles/brand-icons/Logo-Land-Rover.png
deleted file mode 100644
index ccd73d99..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Land-Rover.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Lexus.png b/src/lib/images/vehicles/brand-icons/Logo-Lexus.png
deleted file mode 100644
index 346d344f..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Lexus.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Lincoln.png b/src/lib/images/vehicles/brand-icons/Logo-Lincoln.png
deleted file mode 100644
index 8418d496..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Lincoln.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-MAN.png b/src/lib/images/vehicles/brand-icons/Logo-MAN.png
deleted file mode 100644
index 16a30573..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-MAN.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Mazda.png b/src/lib/images/vehicles/brand-icons/Logo-Mazda.png
deleted file mode 100644
index 5ff0a847..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Mazda.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Mercedes-Benz.png b/src/lib/images/vehicles/brand-icons/Logo-Mercedes-Benz.png
deleted file mode 100644
index 62d9313f..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Mercedes-Benz.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Nissan.png b/src/lib/images/vehicles/brand-icons/Logo-Nissan.png
deleted file mode 100644
index d54b5c09..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Nissan.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Ram.png b/src/lib/images/vehicles/brand-icons/Logo-Ram.png
deleted file mode 100644
index 52cd0274..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Ram.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Rivian.png b/src/lib/images/vehicles/brand-icons/Logo-Rivian.png
deleted file mode 100644
index 277f572c..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Rivian.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-SEAT.png b/src/lib/images/vehicles/brand-icons/Logo-SEAT.png
deleted file mode 100644
index 47ccfb04..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-SEAT.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Subaru.png b/src/lib/images/vehicles/brand-icons/Logo-Subaru.png
deleted file mode 100644
index bbbe5170..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Subaru.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Tesla.png b/src/lib/images/vehicles/brand-icons/Logo-Tesla.png
deleted file mode 100644
index 2f5e5e96..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Tesla.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Toyota.png b/src/lib/images/vehicles/brand-icons/Logo-Toyota.png
deleted file mode 100644
index 6e9e70ac..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Toyota.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Volkswagen.png b/src/lib/images/vehicles/brand-icons/Logo-Volkswagen.png
deleted file mode 100644
index 6844fc96..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Volkswagen.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-Volvo.png b/src/lib/images/vehicles/brand-icons/Logo-Volvo.png
deleted file mode 100644
index 5b024d11..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-Volvo.png and /dev/null differ
diff --git a/src/lib/images/vehicles/brand-icons/Logo-comma.png b/src/lib/images/vehicles/brand-icons/Logo-comma.png
deleted file mode 100644
index 0b83c34c..00000000
Binary files a/src/lib/images/vehicles/brand-icons/Logo-comma.png and /dev/null differ
diff --git "a/src/lib/images/vehicles/brand-icons/Logo-\305\240koda.png" "b/src/lib/images/vehicles/brand-icons/Logo-\305\240koda.png"
deleted file mode 100644
index c087cf41..00000000
Binary files "a/src/lib/images/vehicles/brand-icons/Logo-\305\240koda.png" and /dev/null differ
diff --git a/src/lib/utils/clickOutside.js b/src/lib/utils/clickOutside.js
deleted file mode 100644
index fec159c5..00000000
--- a/src/lib/utils/clickOutside.js
+++ /dev/null
@@ -1,26 +0,0 @@
-export function clickOutside(node) {
-  const handleClick = event => {
-    if (node && !node.contains(event.target) && !event.defaultPrevented) {
-      node.dispatchEvent(
-        new CustomEvent('clickOutside', node)
-      )
-    }
-  }
-
-  const handleKeydown = event => {
-    if (event.key === 'Escape') {
-      node.dispatchEvent(
-        new CustomEvent('clickOutside', node)
-      )
-    }
-  }
-
-  document.addEventListener('click', handleClick, true);
-  document.addEventListener('keydown', handleKeydown, true);
-
-  return {
-    destroy() {
-      document.removeEventListener('click', handleClick, true);
-    }
-  }
-}
diff --git a/src/lib/utils/console.js b/src/lib/utils/console.js
deleted file mode 100644
index c8640900..00000000
--- a/src/lib/utils/console.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { dev } from '$app/environment';
-
-export function printConsoleBanner() {
-  if (!dev) {
-    console.log(`
-                          .~ssos+.
-                        +8888888888i,
-                      {888888888888o.
-                      h8888888888888k
-                      t888888888s888k
-                        \`t88888d/ h88k
-                          \`\`\`    h88l
-                                ,88k\`
-                                .d8h\`
-                              +d8h
-                            _+d8h\`
-                          ;y8h+\`
-                          |-\`
-
-                    https://comma.ai/jobs
-    `);
-  }
-}
diff --git a/src/lib/utils/harnesses.js b/src/lib/utils/harnesses.js
deleted file mode 100644
index ab8091a3..00000000
--- a/src/lib/utils/harnesses.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import { writable } from 'svelte/store';
-import Vehicles from '$lib/vehicles.json';
-import CarHarnesses from '$lib/constants/car-harnesses.json';
-
-import { getProduct } from '$lib/utils/shopify';
-
-async function fetchHarnessVariants() {
-  const harnessResponse = await getProduct("gid://shopify/Product/4447447908415");
-  const harnesses = harnessResponse.body?.data?.product?.variants?.nodes || [];
-  return harnesses.reduce((harnessInfo, harness) => {
-    harnessInfo[harness.id] = {
-      currentlyNotInStock: harness.currentlyNotInStock,
-      availableForSale: harness.availableForSale,
-    };
-    return harnessInfo;
-  }, {});
-}
-
-let initialized = false;
-const vehicleHarnesses = writable([]); // List of vehicle model harnesses, excluding developer and generic make harnesses
-const genericHarnesses = writable([]); // List of developer and generic make harnesses
-const allHarnesses = writable([]); // List of all vehicle model harnesses, including developer and generic make harnesses
-
-async function initializeHarnesses() {
-  if (initialized) return;
-
-  const harnessInfo = await fetchHarnessVariants();
-
-  // Add harnesses for vehicles
-  let vehiclesHarnessList = Object.entries(Vehicles).flatMap(([make, models]) => {
-    return models.map(model => {
-      if (model.name === 'comma body') return false;
-      const harness = CarHarnesses.find(harness => harness.title === model.harness_connector);
-      if (!harness) {
-        console.error(`No harness found for car ${model.name}`);
-        return false;
-      }
-      return {
-        ...harnessInfo[harness.id],
-        ...harness,
-        make,
-        car: model.name,
-        package: model.package,
-        backordered: harness?.backordered,  // these overrides are only shown if the harness is out of stock in Shopify
-        setupNotes: model.setup_notes,
-        setupVideo: model.setup_video,
-      };
-    }).filter(Boolean);
-  });
-  vehicleHarnesses.set(vehiclesHarnessList);
-
-  // Add developer and generic make harnesses
-  let genericHarnessList = CarHarnesses.map(harness => {
-    return {
-      ...harnessInfo[harness.id],
-      car: harness.title,
-      id: harness.id,
-      backordered: harness.backordered,
-    };
-  });
-  genericHarnesses.set(genericHarnessList);
-
-  // Combine the two lists
-  let allHarnessList = vehiclesHarnessList.concat(genericHarnessList);
-  allHarnesses.set(allHarnessList);
-
-  initialized = true;
-}
-
-initializeHarnesses();
-
-export { allHarnesses, vehicleHarnesses, genericHarnesses };
diff --git a/src/lib/utils/images.js b/src/lib/utils/images.js
deleted file mode 100644
index 7ecbb887..00000000
--- a/src/lib/utils/images.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// Dynamic import for all product images
-const imageModules = import.meta.glob('/src/lib/images/products/**/*', {
-  eager: true,
-  import: 'default'
-});
-
-// Helper to resolve a single image path
-export function resolveImage(path) {
-  return imageModules[path];
-}
-
-// Helper to resolve multiple image paths
-export function resolveImages(paths) {
-  return paths.map(path => resolveImage(path));
-}
diff --git a/src/lib/utils/swipe.js b/src/lib/utils/swipe.js
deleted file mode 100644
index a822030a..00000000
--- a/src/lib/utils/swipe.js
+++ /dev/null
@@ -1,35 +0,0 @@
-export function swipe(node) {
-  let touchStartX, touchStartY;
-
-  const handleTouchStart = event => {
-    event.preventDefault();
-    touchStartX = event.changedTouches[0].screenX;
-    touchStartY = event.changedTouches[0].screenY;
-  }
-
-  const handleTouchEnd = event => {
-    event.preventDefault();
-    let touchEndX = event.changedTouches[0].screenX;
-    let touchEndY = event.changedTouches[0].screenY;
-
-    if (touchEndX < touchStartX) {
-      node.dispatchEvent(new CustomEvent('swipeLeft', node));
-    } else if (touchEndX > touchStartX) {
-      node.dispatchEvent(new CustomEvent('swipeRight', node));
-    } else if (touchEndY < touchStartY) {
-      node.dispatchEvent(new CustomEvent('swipeUp', node));
-    } else if (touchEndY > touchStartY) {
-      node.dispatchEvent(new CustomEvent('swipeDown', node));
-    }
-  }
-
-  node.addEventListener('touchstart', handleTouchStart, true);
-  node.addEventListener('touchend', handleTouchEnd, true);
-
-  return {
-    destroy() {
-      node.removeEventListener('touchstart', handleTouchStart, true);
-      node.removeEventListener('touchend', handleTouchEnd, true);
-    }
-  }
-}
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
deleted file mode 100644
index 2eca014e..00000000
--- a/src/routes/+error.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script>
-  import { page } from '$app/stores';
-
-  import CommaIcon from '$lib/icons/comma.svg?raw';
-</script>
-
-<div class="page">
-  {@html CommaIcon}
-  <h1>{$page.error.message}</h1>
-  <span>An issue occurred. <a class="highlight" href="/">Click here</a> to go back to the homepage.</span>
-</div>
-
-<style>
-  .page {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    flex: 1;
-    padding: 3rem;
-  }
-
-  h1 {
-    color: black !important;
-    margin: 3rem 0 1rem;
-  }
-
-  span {
-    color: black !important;
-    font-size: 1.5rem;
-    margin-top: 1rem;
-  }
-</style>
diff --git a/src/routes/+layout.js b/src/routes/+layout.js
deleted file mode 100644
index a0cbb8d6..00000000
--- a/src/routes/+layout.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { XMLParser } from 'fast-xml-parser';
-
-export const prerender = true;
-
-/** @type {import('./$types').PageLoad} */
-export async function load({ fetch }) {
-  let blogPosts = await fetch("https://blog.comma.ai/feed")
-    .then((response) => response.text())
-    .then((str) => new XMLParser().parse(str))
-    .then((data) => {
-      const blogPosts = data.rss.channel.item
-        .map(({ title, guid, pubDate, "cb:readTime": readTime }) => {
-          const date = new Date(pubDate).toLocaleDateString("en-US", {
-            year: "numeric",
-            month: "long",
-            day: "numeric",
-          });
-
-          return { title, link: guid, date, readTime };
-        });
-
-      return blogPosts;
-    });
-
-  return {
-    blogPosts: blogPosts.slice(0, 3),
-  };
-}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
deleted file mode 100644
index 3ea9258e..00000000
--- a/src/routes/+layout.svelte
+++ /dev/null
@@ -1,445 +0,0 @@
-<script>
-  import "../app.css";
-
-  import MonumentExtendedBlack from "$lib/fonts/MonumentExtended/MonumentExtended-Black.woff2";
-  import "@fontsource/inter/400.css";
-  import "@fontsource/inter/600.css";
-  import "@fontsource/inter/700.css";
-  import '@fontsource/jetbrains-mono/400.css';
-
-  import { get } from "svelte/store";
-
-  import Badge from "$lib/components/Badge.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import SocialIcons from "$lib/components/SocialIcons.svelte";
-  import MailingListForm from "$lib/components/MailingListForm.svelte";
-
-  import CommaIcon from "$lib/icons/comma.svg?raw";
-  import CartIcon from "$lib/icons/ui/cart.svg?raw";
-  import BasketIcon from "$lib/icons/ui/basket.svg?raw";
-  import ExternalIcon from "$lib/icons/ui/external.svg?raw";
-
-  import { updateCart } from '$lib/utils/shopify';
-  import { printConsoleBanner } from '$lib/utils/console';
-
-  import HeaderBanner from "$lib/components/HeaderBanner.svelte";
-  import HeaderMenu from "$lib/components/HeaderMenu.svelte";
-  import ShoppingCart from "$lib/components/ShoppingCart.svelte";
-  import {
-    loadCart,
-    cartId,
-    cartTotalQuantity,
-    showCart,
-  } from "../store.js";
-
-  import { onMount } from "svelte";
-  import { page } from "$app/stores";
-
-  let loading = false;
-
-  async function openCart() {
-    await loadCart();
-    showCart.set(true);
-  }
-
-  function hideCart() {
-    showCart.set(false);
-  }
-
-  async function updateProduct(event) {
-    await updateCart({
-      cartId: get(cartId),
-      lineId: event.detail.body.lineId,
-      quantity: event.detail.body.quantity,
-      variantId: event.detail.body.variantId,
-    });
-    await loadCart();
-    loading = false;
-  }
-
-  onMount(async () => {
-    await loadCart();
-    document.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") {
-        showCart.set(false);
-      }
-    });
-
-    // Focus mailing list input when hash is #mailing-list
-    const focusMailingList = () => {
-      if (window.location.hash === '#mailing-list') {
-        setTimeout(() => {
-          const input = document.querySelector('#mailing-list input[type="email"]');
-          if (input) input.focus();
-        }, 300);
-      }
-    };
-
-    // Check on load and on hash change
-    focusMailingList();
-    window.addEventListener('hashchange', focusMailingList);
-  });
-
-  printConsoleBanner();
-</script>
-
-<svelte:head>
-  <link
-    rel="preload"
-    href={MonumentExtendedBlack}
-    as="font"
-    type="font/woff2"
-    crossorigin="anonymous"
-  />
-</svelte:head>
-
-<header class="navbar">
-  <div class="navbar-container">
-    <div class="navbar-section-logo">
-      <a class="title" href="/">comma</a>
-      <div class="menu-container">
-        <HeaderMenu />
-      </div>
-    </div>
-    <nav class="navbar-section-links">
-      <a href="/" class:active={$page.url.pathname === '/'}>home</a>
-      <a href="/openpilot" class:active={$page.url.pathname.startsWith('/openpilot')}>openpilot</a>
-      <a href="/shop/comma-four" class:active={$page.url.pathname.startsWith('/shop/comma-four')}>comma four</a>
-      <a href="/vehicles" class:active={$page.url.pathname.startsWith('/vehicles')}>compatibility</a>
-      <a href="/jobs" class:active={$page.url.pathname.startsWith('/jobs')}>jobs</a>
-    </nav>
-    <div class="navbar-section-buttons">
-      <a class="button shop" href="/shop">
-        {@html BasketIcon}
-        Shop
-      </a>
-      {#if $cartTotalQuantity > 0}
-        <button class="button cart" on:click={openCart}>
-          {@html CartIcon}
-          <div class="cart-text">cart ({$cartTotalQuantity})</div>
-        </button>
-      {/if}
-    </div>
-  </div>
-</header>
-
-{#if $showCart}
-  <ShoppingCart
-    on:click={hideCart}
-    on:updateProduct={updateProduct}
-    bind:loading
-  />
-{/if}
-
-<HeaderBanner />
-
-<main>
-  <slot></slot>
-</main>
-
-<footer>
-  <div class="container">
-    <Grid columns={4} wrapMode="single" alignItems="start" size="large">
-      <div class="footer-links">
-        <strong>Product</strong>
-        <a href="/openpilot">openpilot</a>
-        <a class="badged" href="/shop/comma-four">
-          <span>comma four</span>
-          <Badge style="light" display="inline">new</Badge>
-        </a>
-        <a href="/connect">connect</a>
-        <a href="/vehicles">Compatibility</a>
-        <a href="/shop">Shop</a>
-      </div>
-      <div class="footer-links">
-        <strong>Company</strong>
-        <a href="https://blog.comma.ai">Blog</a>
-        <a class="badged" href="/jobs">
-          <span>Jobs</span>
-          <Badge style="light" display="inline">we're hiring!</Badge>
-        </a>
-        <a class="badged" href="/leaderboard.html">
-          <span>Leaderboard</span>
-          <Badge style="accent" display="inline">New Challenge!</Badge>
-        </a>
-      </div>
-      <div class="footer-links">
-        <strong>Support</strong>
-        <a href="/support">Support & FAQs</a>
-        <a href="/setup">Setup Guide</a>
-        <a class="badged" href="https://discord.comma.ai/">
-          <span>Discord</span>
-          {@html ExternalIcon}
-        </a>
-      </div>
-      <div class="footer-links">
-        <div class="tagline">{@html CommaIcon}<span>make driving chill</span></div>
-        <SocialIcons size="1.5rem" />
-        <div id="mailing-list" class="mailing-list">
-          <MailingListForm style="primary" />
-        </div>
-      </div>
-    </Grid>
-    <div class="copyright">
-      <span>© comma_ai 2025</span>
-      <a href="/terms">Terms & Privacy</a>
-    </div>
-  </div>
-</footer>
-
-<style>
-  @font-face {
-    font-display: block;
-    font-family: "Monument Extended Black";
-    font-style: normal;
-    src: url("$lib/fonts/MonumentExtended/MonumentExtended-Black.woff2");
-  }
-
-  .navbar {
-    top: 0;
-    position: sticky;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    z-index: 10;
-
-    background-color: rgba(245, 245, 245, 0.75);
-    border-bottom: 1px solid #000;
-    backdrop-filter: blur(10px);
-  }
-
-  .navbar-container {
-    display: flex;
-    align-items: stretch;
-    justify-content: space-between;
-  }
-
-  .navbar-section-logo {
-    flex-direction: row-reverse;
-    align-items: center;
-    display: flex;
-    border-right: 1px solid #000;
-
-    & > .title {
-      font-family: "Monument Extended Black", sans-serif;
-      font-size: 20px;
-      color: black;
-      height: 20px;
-      text-transform: uppercase;
-      padding: 0 2rem;
-    }
-
-    @media only screen and (max-width: 1280px) {
-      border-right: none;
-    }
-
-    @media only screen and (max-width: 768px) {
-      flex: 1;
-
-      & > .title {
-        display: flex;
-        flex: 1;
-        justify-content: center;
-      }
-    }
-
-    @media only screen and (max-width: 375px) {
-      & > .title {
-        padding: 0 0.25rem;
-      }
-    }
-  }
-
-  .navbar-section-links {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    justify-content: center;
-
-    & a {
-      color: #000;
-      margin: 0 1.75rem;
-      font-family: Inter, sans-serif;
-      font-size: 1.125rem;
-      transition: text-shadow 0.2s;
-    }
-
-    & a.active {
-      text-shadow: 0 0 8px rgba(81, 255, 0, 0.8),
-                   0 0 12px rgba(81, 255, 0, 0.5);
-    }
-
-    @media only screen and (max-width: 1280px) {
-      & {
-        display: none;
-      }
-    }
-  }
-
-  .navbar-section-buttons {
-    display: flex;
-
-    & .cart, & .shop {
-      border: none;
-
-      & svg {
-        margin-right: 0.5rem;
-      }
-    }
-
-    & .button {
-      color: #000;
-      text-transform: uppercase;
-      font-family: Inter, sans-serif;
-      border-left: 1px solid #000;
-      padding-left: 56px;
-      padding-right: 56px;
-      font-size: 1rem;
-      font-weight: 700;
-      letter-spacing: 1px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      background-color: var(--color-accent);
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          background-color: var(--color-accent-hover);
-        }
-      }
-      &:active {
-        background-color: var(--color-accent-hover);
-      }
-    }
-
-    @media only screen and (max-width: 768px) {
-      /* show single button, with priority for cart */
-      &.navbar-section-buttons > :first-child:not(:only-child) {
-        display: none;
-      }
-
-      & .cart .cart-text {
-        display: none;
-      }
-
-      & .cart {
-        padding-left: 25px;
-        padding-right: 25px;
-      }
-
-      & .shop {
-        padding-left: 10px;
-        padding-right: 10px;
-      }
-    }
-  }
-
-  footer {
-    color: #fff;
-    background-color: #000;
-    padding: 6rem 6rem 1.25rem;
-
-    @media screen and (max-width: 1024px) {
-      & {
-        padding: 2rem;
-      }
-
-      & .footer-links {
-        margin-bottom: 1rem;
-      }
-    }
-
-    & .container {
-      max-width: 1440px;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    & .footer-links {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 0.75rem;
-
-      & strong {
-        color: #fff;
-        opacity: 0.65;
-        letter-spacing: 1px;
-        text-transform: uppercase;
-        font-size: 1rem;
-        font-weight: 600;
-      }
-
-      & a {
-        color: #fff;
-        font-size: 1.25rem;
-        transition: opacity 0.2s;
-      }
-
-      @media (hover: hover) and (pointer: fine) {
-        & a:hover {
-          opacity: 0.65;
-        }
-      }
-      & a:active {
-        opacity: 0.65;
-      }
-
-      & .badged {
-        display: flex;
-        align-items: center;
-        transition: opacity 0.2s;
-
-        & span {
-          margin-right: 0.75rem;
-        }
-
-        & div {
-          padding: 0.25rem 0.4rem;
-          text-wrap: nowrap;
-          margin: 0;
-        }
-      }
-
-      & .tagline {
-        display: flex;
-
-        & svg {
-          width: 16px;
-          height: 28px;
-          margin-right: 0.75rem;
-          color: white;
-        }
-
-        & span {
-          font-size: 1.2rem;
-          font-weight: 400;
-        }
-      }
-    }
-
-    & .mailing-list {
-      margin-top: 2rem;
-      width: 100%;
-      color: white;
-    }
-
-    @media only screen and (max-width: 1024px) and (min-width: 512px) {
-      & .mailing-list {
-        width: unset;
-      }
-    }
-
-    & .copyright {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 0.875rem;
-      margin-top: 4rem;
-      opacity: 0.65;
-      padding-top: 20px;
-      border-top: 1px solid rgba(255, 255, 255, 0.25);
-    }
-  }
-</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
deleted file mode 100644
index 20ac7eb3..00000000
--- a/src/routes/+page.svelte
+++ /dev/null
@@ -1,431 +0,0 @@
-<script>
-  import { onMount } from 'svelte';
-  import Hls from 'hls.js';
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import FeaturedCarsList from "$lib/components/FeaturedCarsList.svelte";
-  import FeaturedArticles from "$lib/components/FeaturedArticles.svelte";
-  import SectionHeader from "../lib/components/SectionHeader.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import { vehicleCountText } from '$lib/constants/vehicles.js';
-
-  import DeviceImage from "$lib/images/products/comma-four/four_dark.png";
-  import LaneCenteringIcon from "$lib/icons/features/lane-centering.svg?raw";
-  import AdaptiveCruiseIcon from "$lib/icons/features/adaptive-cruise.svg?raw";
-  import OtaUpdatesIcon from "$lib/icons/features/ota-updates.svg?raw";
-  import ThreeSixtyVisionIcon from "$lib/icons/features/360-vision.svg?raw";
-  import LocationIcon from "$lib/icons/features/location.svg?raw";
-  import RecordingsIcon from "$lib/icons/features/recordings.svg?raw";
-
-  const CDN_BASE = "https://3comma.net";
-  const HeroLandscapeVideo = `${CDN_BASE}/hero-landscape/hero-landscape.m3u8`;
-  const HeroPortraitVideo = `${CDN_BASE}/hero-portrait/hero-portrait.m3u8`;
-  const ScreenVideo = `${CDN_BASE}/screen-video/screen-video.m3u8`;
-
-  let videoLandscapeElement;
-  let videoLandscapeReady = false;
-  let videoPortraitElement;
-  let videoPortraitReady = false;
-  let screenVideoElement;
-  let screenVideoReady = false;
-
-  // Hardcode GitHub star count (similar to contributors on openpilot page)
-  const githubStars = 50000;
-
-  function initializeHLS(videoEl, src, onReady) {
-    if (Hls.isSupported()) {
-      const hls = new Hls();
-      hls.loadSource(src);
-      hls.attachMedia(videoEl);
-      hls.on(Hls.Events.MANIFEST_PARSED, () => {
-        if (onReady) onReady();
-      });
-      return hls;
-    } else if (videoEl.canPlayType('application/vnd.apple.mpegurl')) {
-      videoEl.src = src;
-      videoEl.addEventListener('loadedmetadata', () => {
-        if (onReady) onReady();
-      });
-      return null;
-    }
-    return null;
-  }
-
-  // TODO: don't load both mobile and desktop videos on initial load
-  onMount(async () => {
-    // const isMobile = typeof window !== 'undefined' && window.innerWidth < 769;
-
-    // Initialize landscape video
-    if (videoLandscapeElement) {
-      videoLandscapeElement.addEventListener('playing', () => {
-        videoLandscapeReady = true;
-      });
-      initializeHLS(videoLandscapeElement, HeroLandscapeVideo, () => {
-        videoLandscapeElement.play();
-      });
-    }
-
-    // Initialize portrait video
-    if (videoPortraitElement) {
-      videoPortraitElement.addEventListener('playing', () => {
-        videoPortraitReady = true;
-      });
-      initializeHLS(videoPortraitElement, HeroPortraitVideo, () => {
-        videoPortraitElement.play();
-      });
-    }
-
-    // Initialize screen video
-    if (screenVideoElement) {
-      screenVideoElement.addEventListener('playing', () => {
-        screenVideoReady = true;
-      });
-      initializeHLS(screenVideoElement, ScreenVideo, () => {
-        screenVideoElement.play();
-      });
-    }
-  });
-
-  function handleDragStart(e) {
-    e.preventDefault();
-    return false;
-  }
-</script>
-
-<svelte:head>
-  <link rel="preload" as="image" href="{CDN_BASE}/hero-landscape/poster.jpg" />
-  <link rel="preload" as="image" href="{CDN_BASE}/hero-portrait/poster.jpg" />
-  <link rel="preload" as="image" href="{CDN_BASE}/screen-video/poster.jpg" />
-</svelte:head>
-
-<section class="hero-image desktop" style="background-image: url('{CDN_BASE}/hero-landscape/poster.jpg');" on:dragstart={handleDragStart} role="img" aria-label="Hero image">
-  <video
-    bind:this={videoLandscapeElement}
-    class:ready={videoLandscapeReady}
-    poster="{CDN_BASE}/hero-landscape/poster.jpg"
-    autoplay
-    muted
-    loop
-    playsinline
-    draggable="false"
-  />
-</section>
-
-
-<section class="hero-image mobile" style="background-image: url('{CDN_BASE}/hero-portrait/poster.jpg');" on:dragstart={handleDragStart} role="img" aria-label="Hero image">
-  <video
-    bind:this={videoPortraitElement}
-    class:ready={videoPortraitReady}
-    poster="{CDN_BASE}/hero-portrait/poster.jpg"
-    autoplay
-    muted
-    loop
-    playsinline
-    draggable="false"
-  />
-</section>
-
-<section class="dark" id="hero">
-  <div class="container">
-    <h1>comma four</h1>
-    <h2 class="muted">An AI upgrade for your car</h2>
-    <Grid columns={2} rowGap="3rem">
-      <div class="device-image-container">
-        <img
-          src={DeviceImage}
-          alt="comma four device"
-        />
-        <video
-          bind:this={screenVideoElement}
-          class:ready={screenVideoReady}
-          poster="{CDN_BASE}/screen-video/poster.jpg"
-          autoplay
-          muted
-          loop
-          playsinline
-          draggable="false"
-          class="screen-video-overlay"
-        />
-      </div>
-      <div>
-        <div class="mb-2">
-          <Grid columns={2} columnGap="1rem" rowGap="1.25rem" size="small" wrapMode="none">
-            <div class="feature-item">
-              {@html LaneCenteringIcon}
-              <span>Lane<br />centering</span>
-            </div>
-            <div class="feature-item">
-              {@html RecordingsIcon}
-              <span>Dashcam<br />recording</span>
-            </div>
-            <div class="feature-item">
-              {@html AdaptiveCruiseIcon}
-              <span>Adaptive<br />cruise</span>
-            </div>
-            <div class="feature-item">
-              {@html OtaUpdatesIcon}
-              <span>OTA<br />updates</span>
-            </div>
-            <div class="feature-item">
-              {@html LocationIcon}
-              <span>Lane<br />changing</span>
-            </div>
-            <div class="feature-item">
-              {@html ThreeSixtyVisionIcon}
-              <span>360° vision</span>
-            </div>
-          </Grid>
-        </div>
-        <LinkButton href="/shop/comma-four" fullWidth={true} style="accent">
-          Buy now
-        </LinkButton>
-      </div>
-    </Grid>
-    <h1 class="mt-4">Buy it, plug it in, and engage.</h1>
-    <h3 class="muted">
-      comma four works with the car you already drive. It's active driver assistance
-      for your Toyota, Hyundai, Ford, and more.
-    </h3>
-  </div>
-</section>
-
-<section class="light" id="compatibility">
-  <div class="container">
-    <h1 class="mb-7 sm-mb-3">comma four can run <a href="/openpilot" class="highlight">openpilot</a>.</h1>
-    <Grid columns={2} rowGap="3rem">
-      <h1>
-        It works on {vehicleCountText} car models from 27 brands.
-        <span class="muted">Is your car supported?</span>
-      </h1>
-      <div>
-        <FeaturedCarsList />
-        <LinkButton href="/vehicles" style="primary" fullWidth={true}>
-          View all {vehicleCountText} cars
-        </LinkButton>
-      </div>
-    </Grid>
-  </div>
-</section>
-
-<section class="dark" id="social">
-  <div class="container">
-    <SectionHeader leftLabel="comma" rightLabel="is real" />
-    <h1>
-      300+ million miles driven and 20k users. Our GitHub repo has
-      <a href="https://github.com/commaai/openpilot" target="_blank" class="highlight">{Math.floor(githubStars / 10000) * 10}k stars</a>.
-    </h1>
-    <FeaturedArticles />
-    <h1>
-      Follow us on 𝕏
-      <a href="https://twitter.com/comma_ai" target="_blank" class="highlight">@comma_ai</a>.
-    </h1>
-  </div>
-</section>
-
-<section class="light" id="recruit">
-  <div class="container">
-    <SectionHeader leftLabel="Careers" rightLabel="We are hiring" />
-    <h1 class="mb-5 sm-mb-3">Join us in building the future.</h1>
-    <Grid columns={2} columnGap="6rem" size="large">
-      <Grid columns={2}>
-        <div class="recruiting-card">
-          <span class="muted">/01</span>
-          <span>product</span>
-        </div>
-        <div class="recruiting-card">
-          <span class="muted">/02</span>
-          <span>autonomy</span>
-        </div>
-        <div class="recruiting-card">
-          <span class="muted">/03</span>
-          <span>operations</span>
-        </div>
-      </Grid>
-      <div>
-        <h4>
-          We're looking for talented individuals, able to work independently,
-          and ready to make a meaningful impact.
-        </h4>
-        <LinkButton
-          href="/jobs"
-          style="primary"
-          fullWidth={true}
-        >
-          See open positions
-        </LinkButton>
-      </div>
-    </Grid>
-  </div>
-</section>
-
-<style>
-  .hero-image {
-    position: relative;
-    /* Behind nav bar */
-    margin: -66px 0 0;
-    width: 100%;
-    height: 100vh;
-    overflow: hidden;
-    padding: 0;
-    user-select: none;
-    -webkit-user-drag: none;
-    -khtml-user-drag: none;
-    -moz-user-drag: none;
-    -o-user-drag: none;
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-
-    &.desktop {
-      @media screen and (max-width: 768px) {
-        display: none;
-      }
-    }
-
-    &.mobile {
-      height: unset;
-      aspect-ratio: 3 / 4;
-      @media screen and (min-width: 769px) {
-        display: none;
-      }
-    }
-
-    & video {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      object-position: center;
-      display: block;
-      user-select: none;
-      -webkit-user-drag: none;
-      -khtml-user-drag: none;
-      -moz-user-drag: none;
-      -o-user-drag: none;
-      opacity: 0;
-      transition: opacity 0.3s ease-in;
-
-      &.ready {
-        opacity: 1;
-      }
-    }
-
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      pointer-events: none;
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: 180px;
-      background: linear-gradient(to bottom, transparent, black);
-      z-index: 2;
-      pointer-events: none;
-    }
-  }
-
-  #hero {
-    & .feature-item {
-      align-items: center;
-      display: flex;
-      color: white;
-
-      & img {
-        border: 1px solid #000;
-        width: 52px;
-        margin-right: 0.5rem;
-        padding: 0.375rem;
-        display: inline-block;
-      }
-
-      & span {
-        color: var(--color-muted);
-        text-transform: uppercase;
-        flex: 1;
-        font-family: JetBrains Mono, monospace;
-        font-size: 1rem;
-        font-weight: 400;
-        line-height: 1.25;
-        margin-left: 1rem;
-      }
-    }
-
-    & h3 {
-      line-height: 1.4;
-    }
-
-    @media screen and (max-width: 375px) {
-      & .feature-item span {
-        font-size: 0.75rem;
-      }
-    }
-  }
-
-  #recruit {
-    & .recruiting-card {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      padding: 1.5rem;
-      border: 1px solid #000;
-
-      & span {
-        display: block;
-      }
-
-      & span:first-child {
-        font-family: JetBrains Mono, monospace;
-        font-size: 0.875rem;
-        font-weight: 400;
-        line-height: 1;
-        margin-bottom: 0.375rem;
-      }
-
-      & span:last-child {
-        font-size: 2rem;
-        font-weight: 600;
-        line-height: 1;
-      }
-    }
-
-    @media screen and (max-width: 768px) {
-      & h4 {
-        margin-bottom: 2rem;
-      }
-    }
-  }
-
-  .device-image-container {
-    position: relative;
-    display: inline-block;
-    transform: scale(1.1);
-
-    & img {
-      display: block;
-      width: 100%;
-      height: auto;
-    }
-
-    & .screen-video-overlay {
-      position: absolute;
-      left: 23.21%; /* 780 / 3360 */
-      top: 63.97%; /* 1433 / 2240 */
-      width: 40.21%; /* 1351 / 3360 */
-      height: 25.80%; /* 578 / 2240 */
-      mix-blend-mode: screen;
-      opacity: 0;
-      transition: opacity 0.3s ease-in;
-
-      &.ready {
-        opacity: 1;
-      }
-    }
-  }
-</style>
diff --git a/src/routes/connect/+page.svelte b/src/routes/connect/+page.svelte
deleted file mode 100644
index f63a7406..00000000
--- a/src/routes/connect/+page.svelte
+++ /dev/null
@@ -1,440 +0,0 @@
-<script>
-  import Badge from "$lib/components/Badge.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import Faq from '$lib/components/Faq.svelte';
-
-  import { faq } from '$lib/constants/faq.svelte';
-
-  import ConnectHeroImage from "$lib/images/connect-app.png";
-  import CommaFourImage from "$lib/images/products/comma-four/four_screen_on.png";
-
-  import RecordingsIcon from "$lib/icons/features/recordings.svg?raw";
-  import TwentyFourSevenIcon from "$lib/icons/features/twenty-four-seven.png";
-  import MarkerIcon from "$lib/icons/features/marker.png";
-  import SnapshotIcon from "$lib/icons/features/snapshot.png";
-  import CommandLineIcon from "$lib/icons/features/command-line.svg?raw";
-  import CommacareIcon from "$lib/icons/features/commacare.svg?raw";
-  import CheckmarkIcon from "$lib/icons/ui/checkmark.svg?raw";
-  import CloseIcon from "$lib/icons/ui/close.svg?raw";
-</script>
-
-<div class="banner">
-  <img src={ConnectHeroImage} loading="lazy" alt="comma connect application" />
-</div>
-
-<section class="light" id="connect">
-  <div class="container">
-    <div class="header">
-      <hgroup>
-        <a class="muted" href="https://connect.comma.ai/" target="_blank">connect.comma.ai</a>
-        <h1>See your recorded drives online.</h1>
-      </hgroup>
-      <p>
-        <a href="https://connect.comma.ai/" target="_blank" class="highlight">comma connect</a> is an app that lets you manage your openpilot experience.
-        Recordings of your drives will upload to connect where they will be stored for 3 days.
-        Subscribe to comma connect to keep your drives accessible for 1 year.
-      </p>
-    </div>
-
-    <div class="features-banner">
-      <Grid columns={6} wrapMode="double" columnGap="2rem" size="medium">
-        <div class="icon">{@html RecordingsIcon}</div>
-        <div class="icon"><img src={TwentyFourSevenIcon} loading="lazy" alt=""></div>
-        <div class="icon"><img src={MarkerIcon} loading="lazy" alt=""></div>
-        <div class="icon"><img src={SnapshotIcon} loading="lazy" alt=""></div>
-        <div class="icon">{@html CommandLineIcon}</div>
-        <div class="icon">{@html CommacareIcon}</div>
-      </Grid>
-    </div>
-
-    <span class="badge-prefix muted">connect</span><Badge style="dark" display="inline">subscription</Badge>
-    <Grid rowGap="0" templateColumns="1.25fr 1fr">
-      <h1>Access premium features with connect subscription.</h1>
-      <p>Get a connect subscription for live car tracking and cloud storage of your drives for 1 year.</p>
-    </Grid>
-
-    <div id="features-table">
-      <div class="row header">
-        <div class="title">Features</div>
-        <div class="content badge">
-          <span class="badge-prefix muted">connect</span><Badge style="dark" display="inline">prime & lite subscription</Badge>
-        </div>
-        <div class="content badge">
-          <span class="badge-prefix muted">connect</span><Badge style="dark" display="inline">free</Badge>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon">{@html RecordingsIcon}</div>
-          <div>
-            <hgroup>
-              <div>Cloud storage of drive videos</div>
-              <span class="muted">Review your driving history, access routes, and watch videos of past drives.</span>
-            </hgroup>
-            <div class="mobile-badge"><Badge style="dark" display="inline-flex"><span class="check">{@html CheckmarkIcon}</span> 1 year of storage</Badge></div>
-          </div>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-          <div>1 year of storage</div>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-          <div>3 days of storage</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon"><img src={TwentyFourSevenIcon} loading="lazy" alt=""></div>
-          <hgroup>
-            <div>24/7 connectivity</div>
-            <span class="muted">Always-on. Always LTE connected.</span>
-          </hgroup>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-        </div>
-        <div class="content">
-          <div class="cross">{@html CloseIcon}</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon">{@html CommacareIcon}</div>
-          <div>
-            <hgroup>
-              <div>commacare</div>
-              <span class="muted">Extend your comma four's standard one year warranty for an additional year. <a class="muted-link" href="#what-is-commacare">See Terms</a></span>
-            </hgroup>
-          </div>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-        </div>
-        <div class="content">
-          <div class="cross">{@html CloseIcon}</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon"><img src={MarkerIcon} loading="lazy" alt=""></div>
-          <hgroup>
-            <div>Live GPS tracking</div>
-            <span class="muted">Always know your vehicle's location with a live map view.</span>
-          </hgroup>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-        </div>
-        <div class="content">
-          <div class="cross">{@html CloseIcon}</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon"><img src={SnapshotIcon} loading="lazy" alt=""></div>
-          <hgroup>
-            <div>Take pictures remotely</div>
-            <span class="muted">Know what's going on around your car. comma four features HD road-facing and night-vision-enabled cabin cameras.</span>
-          </hgroup>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-        </div>
-        <div class="content">
-          <div class="cross">{@html CloseIcon}</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="feature-overview">
-          <div class="icon">{@html CommandLineIcon}</div>
-          <hgroup>
-            <div>Simple SSH for developers</div>
-            <span class="muted">Easy way to connect and deploy code to your comma device.</span>
-          </hgroup>
-        </div>
-        <div class="content">
-          <div class="check">{@html CheckmarkIcon}</div>
-        </div>
-        <div class="content">
-          <div class="cross">{@html CloseIcon}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-
-<section class="dark" id="price">
-  <div class="container">
-    <Badge style="dark" display="inline">connect</Badge><Badge style="light" display="inline">subscription</Badge>
-    <Grid rowGap="0" templateColumns="1.25fr 1fr">
-      <h1>Real time vehicle connectivity.</h1>
-      <ul class="checkmark-list">
-        <li>24/7 connectivity</li>
-        <li>Live GPS tracking</li>
-        <li>Take pictures remotely</li>
-        <li>1 year storage of drive videos</li>
-        <li>Simple SSH for developers</li>
-      </ul>
-    </Grid>
-    <Grid alignItems="stretch">
-      <div class="price-card">
-        <div><Badge style="light" display="inline">Subscription</Badge><Badge style="accent" display="inline">Prime</Badge></div>
-        <span>$24/mo.</span>
-        <div class="muted">includes data</div>
-        <div class="muted">*only offered in the U.S.</div>
-      </div>
-      <div class="price-card">
-        <div><Badge style="light" display="inline">Subscription</Badge><Badge style="dark" display="inline">Lite</Badge></div>
-        <span>$14/mo.</span>
-        <div class="muted">supply your own SIM card<br>(no data included)</div>
-        <div class="muted">*works internationally</div>
-      </div>
-    </Grid>
-
-    <div class="centered">
-      <LinkButton href="https://connect.comma.ai/" style="accent">Get Started</LinkButton>
-    </div>
-
-    <div class="free-trial">
-      <Grid alignItems="center" columnGap="3rem">
-        <div>
-          <h2>Free 1-month trial with comma four purchase</h2>
-          <LinkButton href="/shop" style="secondary">Shop comma four</LinkButton>
-        </div>
-        <div class="mobile-first">
-          <img src={CommaFourImage} loading="lazy" alt="comma four device" />
-        </div>
-      </Grid>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="faq">
-  <div class="container">
-    <Faq topic={faq.connect} title="Frequently asked questions" />
-  </div>
-</section>
-
-<style>
-  .banner {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("$lib/images/vehicles/cover-vehicles-v2-3x-optimized_1.jpg");
-    background-position: 50% 38%;
-    background-size: cover;
-    background-attachment: scroll;
-
-    & img {
-      width: 90%;
-      max-width: 1360px;
-      margin: 0 auto;
-      padding: 5rem 1rem 0;
-      display: block;
-    }
-  }
-
-  .icon {
-    max-width: 65px;
-    min-width: 65px;
-    max-height: 65px;
-
-    & svg, & img {
-      background-color: black;
-      color: white;
-    }
-
-    & svg {
-      padding: 0.5rem;
-    }
-  }
-
-  #connect {
-    & h1 {
-      font-size: 2.5rem;
-      font-weight: 600;
-      line-height: 1.2;
-      margin-top: 1rem;
-    }
-
-    & p {
-      font-size: 1.5rem;
-      text-wrap: balance;
-    }
-
-    & .header {
-      & hgroup {
-        & a {
-          text-transform: uppercase;
-          font-family: JetBrains Mono, monospace;
-        }
-
-        & a {
-          border-bottom: 1px solid #000;
-        }
-      }
-    }
-
-    & .features-banner {
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-
-      margin: 6rem 0;
-      padding: 8.25rem 0rem;
-
-      background-image: radial-gradient(circle, #f8fff5, #ccffb4);
-
-      @media screen and (max-width: 768px) {
-        & {
-          margin: 3rem 0;
-        }
-      }
-    }
-
-    & .badge-prefix {
-      font-family: JetBrains Mono, monospace;
-      text-transform: uppercase;
-      margin-bottom: 0.5rem;
-      margin-right: 0.5rem;
-    }
-
-    & #features-table {
-      padding-top: 2rem;
-
-      @media screen and (max-width: 768px) {
-        & {
-          padding-top: 1rem;
-        }
-      }
-
-      & .row {
-        display: flex;
-        padding: 1rem 0;
-        border-bottom: 1px solid rgba(0, 0, 0, .25);
-
-        @media screen and (max-width: 768px) {
-          & > div:not(:first-child) {
-            display: none !important;
-          }
-        }
-
-        & .title {
-          font-size: 1.25rem;
-          font-weight: 600;
-          display: flex;
-          width: 40%;
-        }
-
-        & .content {
-          font-weight: 600;
-          text-align: center;
-          margin: auto;
-
-          &.badge {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
-        }
-
-        & .check { color: var(--color-accent-hover); }
-        & .cross { color: var(--color-red); }
-
-        & .feature-overview {
-          display: flex;
-
-          & .icon {
-            margin-right: 1rem;
-          }
-
-          & hgroup {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-
-            & div {
-              font-size: 1.25rem;
-              font-weight: 600;
-              line-height: 1.25;
-            }
-          }
-
-          & .mobile-badge {
-            display: none;
-
-            & div {
-              display: inline-flex;
-              align-items: center;
-              padding: 0.25rem 0.75rem;
-              margin: 0.5rem 0;
-
-              & span { margin-right: 0.5rem; }
-            }
-
-            @media screen and (max-width: 768px) {
-              display: initial;
-            }
-          }
-        }
-
-        & > div {
-          flex: 1;
-        }
-      }
-    }
-  }
-
-  #price {
-    & h1 {
-      margin-top: 2rem;
-    }
-
-    & .checkmark-list {
-      & li {
-        list-style-image:  url("$lib/icons/ui/checkmark.svg?raw");
-        margin: 1rem 0;
-      }
-    }
-
-    & .price-card {
-      display: flex;
-      flex-direction: column;
-      padding: 3rem;
-      margin-top: 1rem;
-      align-items: center;
-      justify-content: center;
-      color: white;
-      border: 1px solid #fff;
-
-      & span {
-        font-size: 2rem;
-        margin-top: 1.5rem;
-      }
-
-      & .muted {
-        opacity: 0.65;
-        margin-top: 0.75rem;
-        line-height: 1.5;
-        text-align: center;
-      }
-    }
-
-    & .centered {
-      display: flex;
-      justify-content: center;
-      margin-top: 2rem;
-    }
-
-    & .free-trial {
-      padding: 6rem 0 0;
-    }
-
-    @media screen and (max-width: 480px) {
-      & .centered a, & .free-trial a {
-        width: 100%;
-        box-sizing: border-box;
-      }
-    }
-  }
-</style>
diff --git a/src/routes/jobs/+page.svelte b/src/routes/jobs/+page.svelte
deleted file mode 100644
index 4eb0b98d..00000000
--- a/src/routes/jobs/+page.svelte
+++ /dev/null
@@ -1,1430 +0,0 @@
-<script>
-  import { onMount } from "svelte";
-  import Faq from "$lib/components/Faq.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import { faq } from "$lib/constants/faq.svelte";
-  import ArrowRightIcon from "$lib/icons/arrow-right.svg?raw";
-  import IconChevron from "$lib/icons/icon-chevron.svg?raw";
-  import CheckmarkIcon from "$lib/icons/ui/checkmark.svg?raw";
-  import LinkIcon from "$lib/icons/ui/link.svg?raw";
-
-  const ASSET_PATH = "/images/jobs";
-  const JOBS_VIDEO_EMBED_URL = "https://www.youtube.com/embed/PFjssb7r_uU";
-  const DEFAULT_HOW_TO_APPLY = `
-    Do a <a href="https://comma.ai/bounties">bounty</a> or <a href="https://comma.ai/leaderboard">challenge</a>,
-    then email <a href="mailto:work@comma.ai">work@comma.ai</a> with what you built.
-  `;
-
-  let activeQuote = 0;
-  let expandedJobIndexes = new Set([0]);
-
-  const quotes = [
-    {
-      text: "We have the best chance at solving self-driving cars because our approach involves actually shipping a product and proving it out as we go.",
-      author: "Greg",
-      team: "Infrastructure",
-    },
-    {
-      text: "At comma we are given the opportunity to try stuff. It's very easy, the barrier to do experiments and the time from the experiment to shipping the product is really short. That's what I love about comma.",
-      author: "Yassine",
-      team: "Research",
-    },
-    {
-      text: "I like comma specifically because we're building something that has never been built before. It's the new frontier, space exploration.",
-      author: "Nick",
-      team: "Hardware",
-    },
-  ];
-
-  const processSteps = [
-    {
-      label: "01",
-      title: "Challenge",
-      body:
-        'Choose a challenge from the <a href="https://comma.ai/leaderboard">leaderboard</a> or a <a href="https://comma.ai/bounties">bounty</a>, solve it, then reach out to <a href="mailto:work@comma.ai">work@comma.ai</a>.',
-    },
-    {
-      label: "02",
-      title: "Phone screen",
-      body:
-        "Typically, we do two calls: a quick intro and screen, then an in-depth technical interview with an engineer.",
-    },
-    {
-      label: "03",
-      title: "Paid micro-internship",
-      body:
-        "We'll fly you out to meet the team and work on a real problem for a few days and hopefully ship it to real users. If all goes well, we will make a full-time offer.",
-    },
-  ];
-
-  const benefits = [
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-health.svg`,
-      text: "Health, dental, and vision insurance",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-visa.svg`,
-      text: "Visa sponsorship",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-car.svg`,
-      text: "24/7 access to comma's fleet of cars for openpilot testing",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-vacation.svg`,
-      text: "Flexible time off",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-fitness.svg`,
-      text: "On-site gym and yoga studio",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-chef.svg`,
-      text: "Chef prepared lunch and dinner (and snacks!)",
-    },
-    {
-      icon: `${ASSET_PATH}/icon-jobs-benefit-future.svg`,
-      text: "Solving self driving cars",
-    },
-  ];
-
-  const jobs = [
-    {
-      title: "Software Engineer",
-      team: "openpilot",
-      location: "On-site in San Diego, CA",
-      description: `
-        As part of the openpilot team, your responsibilities include developing new features,
-        building simulation and testing infrastructure, and improving the tools our community
-        uses to develop openpilot.
-      `,
-      qualifications: [
-        "Ability to independently write, test, and ship software to thousands of users",
-        "Write fast and efficient code that runs on hardware with limited compute resources",
-        "Fluent in Python and at least one system programming language (C, C++, Rust)",
-        "Experience with Linux internals (e.g. you wrote a kernel driver or did other kernel hacking)",
-        "Experience with embedded systems",
-        "Preferred: experience with reverse engineering",
-      ],
-    },
-    {
-      title: "Full Stack Developer",
-      team: "openpilot",
-      location: "On-site in San Diego, CA",
-      description: `
-        As part of the openpilot team, you will be responsible for developing new features and
-        maintaining our web applications (and their back-end), such as
-        <a href="/connect">comma connect</a>.
-      `,
-      qualifications: [
-        "Built and shipped applications",
-        "Fluent in JavaScript, HTML, CSS, Python, and MySQL",
-        "Ability to independently write, test, and ship software to thousands of users",
-      ],
-    },
-    {
-      title: "Car Interface Engineer",
-      team: "openpilot",
-      location: "On-site in San Diego, CA",
-      description: `
-        As a car interface engineer, you'll own the 250+ cars supported by openpilot.
-        You'll build tools, tests, and infrastructure to expand and improve the quality of the fleet
-        alongside our community. You'll also be responsible for evolving our safety model as
-        openpilot becomes more capable.
-      `,
-      qualifications: [
-        "Fluent in Python and at least one system programming language (C, C++, Rust)",
-        "Ability to independently write, test, and ship software to thousands of users",
-        "Preferred: experience with ISO26262 and other automotive safety standards",
-        "Having pull requests upstreamed to openpilot is a plus",
-      ],
-    },
-    {
-      title: "Controls Engineer",
-      team: "autonomy",
-      location: "On-site in San Diego, CA",
-      description: `
-        You'll work on steering, gas, and brake controls for the 300 different cars openpilot supports.
-      `,
-      qualifications: [
-        "Fluent in Python and comfortable working with large datasets",
-        "Strong understanding of controls, robotics, or autonomous systems",
-        "Ability to independently write, test, and ship software to thousands of users",
-      ],
-      howToApply:
-        'Do the <a href="https://github.com/commaai/controls_challenge">controls challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
-    },
-    {
-      title: "Autonomy Engineer",
-      team: "autonomy",
-      location: "On-site in San Diego, CA",
-      description: `
-        You'll work on infrastructure to train autonomous agents.
-      `,
-      qualifications: [
-        "Fluent in Python and comfortable working with large datasets",
-        "Experience with ML infrastructure, training pipelines, or autonomous agents",
-        "Ability to independently write, test, and ship software to thousands of users",
-      ],
-      howToApply:
-        'Do the <a href="https://github.com/commaai/controls_challenge">controls challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
-    },
-    {
-      title: "Electronics Engineer",
-      team: "product",
-      location: "On-site in San Diego, CA",
-      description: `
-        Do you know every component in a cell phone?
-        We're hiring an electrical engineer who wants to join the team building the next generation of comma products.
-      `,
-      qualifications: [
-        "Know things about hardware, RF, and PCB design",
-        "Ability to independently design, test and ship hardware",
-        "Fluent in Python, Linux, Git and familiarity with C/C++",
-        "High speed electronics design and designing for manufacturability experience preferred",
-        "Reverse engineering experience is a plus",
-      ],
-    },
-    {
-      title: "Infrastructure Engineer",
-      team: "openpilot",
-      location: "On-site in San Diego, CA",
-      description: `
-        As an infrastructure engineer, you'll work on our tooling, regression tests, and simulator.
-      `,
-      qualifications: [
-        "Excellent Python and Linux skills, at least a familiarity with C/C++",
-        "Having pull requests upstreamed to openpilot is a plus",
-        "Know things about operating systems, CI, and testing",
-      ],
-    },
-    {
-      title: "CNC Machinist (Head of Prototyping)",
-      team: "hardware",
-      location: "On-site in San Diego, CA",
-      description: `
-        We're building <a href="https://sendcutsend.com/">SendCutSend</a> at home. The shop has
-        a Haas VF2, lathe, 3D printers, and a budget for any other tools we'll need to bring
-        prototyping fully in-house.
-        You'll own parts from CAD to finished prototype: CAM, setup, fixturing, machining, inspection, and iteration with the hardware team.
-        You'll build prototypes for all future comma products, from comma four to the <a href="https://x.com/__tinygrad__/status/2040944508402360592">exabox</a>.
-      `,
-      qualifications: [
-        "Experience with CAM, CNC setup, and machining",
-        "Excellent attention to detail",
-        "Resourceful enough to take ambiguous designs from sketch to working prototype",
-        "Haas experience is a plus",
-        "Mechanical engineering and CAD skills are a plus",
-      ],
-      howToApply:
-        'Email <a href="mailto:work@comma.ai">work@comma.ai</a> with examples of cool projects you\'ve built.',
-    },
-    {
-      title: "Office Manager",
-      team: "operations",
-      location: "On-site in San Diego, CA",
-      description: `
-        Looking for someone practical, organized, and calm who can keep comma's daily operations
-        running smoothly. You'll own the day-to-day details that make the office work, from
-        facilities and fleet logistics to purchasing support, employee logistics, events, records,
-        vendors, and one-off operational projects.
-      `,
-      qualifications: [
-        "Experience in operations, business, facilities, or office management",
-        "Excellent organizational skills and attention to detail",
-        "Comfortable with basic finance concepts like expenses, invoices, and budgets",
-        "Strong analytical and problem-solving abilities",
-        "Ability to self-motivate, prioritize, and work independently in a small, fast-moving team",
-        "Preferred: experience with Shopify or similar operational tooling",
-      ],
-      howToApply:
-        'Do the <a href="https://github.com/commaai/operations_challenge">operations challenge</a>, then email <a href="mailto:work@comma.ai">work@comma.ai</a>.',
-    },
-    {
-      title: "Internships / Co-op",
-      location: "Paid and on-site in San Diego, CA",
-      description: `
-        Internships are for people we would like to hire but can't because school. We're looking for
-        engineers who want to work in electrical engineering, hardware, ML, controls, car hacking, manufacturing,
-        and operations. The best way to get an internship with us is to submit good PRs to projects
-        on our <a href="https://github.com/commaai">GitHub</a> or get a top spot on the
-        <a href="/leaderboard">leaderboard</a>. Want to know more about what internships with us
-        are like? Check out
-        <a href="https://vivekaithal.co/posts/summer-at-comma-ai/" target="_blank" rel="noreferrer">this blog post by a former intern (turned employee)</a>.
-      `,
-      qualifications: [],
-      howToApply: `
-        The best way to get an internship with us is to submit good PRs to projects
-        on our <a href="https://github.com/commaai">GitHub</a> or get a top spot on the
-        <a href="/leaderboard">leaderboard</a>.
-      `,
-    },
-  ];
-
-  const jobSlugs = jobs.map((job) =>
-    job.title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "")
-  );
-
-  let copiedJobIndex = null;
-  let copyResetTimeout;
-  let emailTooltipIndex = null;
-  let emailTooltipText = "";
-  let emailTooltipTimeout;
-
-  onMount(() => {
-    const hash = decodeURIComponent(window.location.hash.slice(1));
-    const index = jobSlugs.indexOf(hash);
-    if (index !== -1) {
-      expandedJobIndexes = new Set([...expandedJobIndexes, index]);
-    }
-
-    return () => {
-      clearTimeout(copyResetTimeout);
-      clearTimeout(emailTooltipTimeout);
-    };
-  });
-
-  async function showApplyEmail(index) {
-    emailTooltipText = "work@comma.ai";
-    try {
-      await navigator.clipboard.writeText("work@comma.ai");
-      emailTooltipText = "Copied work@comma.ai";
-    } catch {
-      // clipboard unavailable; still show the address
-    }
-
-    emailTooltipIndex = index;
-    clearTimeout(emailTooltipTimeout);
-    emailTooltipTimeout = setTimeout(() => (emailTooltipIndex = null), 2500);
-  }
-
-  async function copyJobLink(index) {
-    const url = `${window.location.origin}/jobs#${jobSlugs[index]}`;
-    try {
-      await navigator.clipboard.writeText(url);
-    } catch {
-      return;
-    }
-
-    copiedJobIndex = index;
-    clearTimeout(copyResetTimeout);
-    copyResetTimeout = setTimeout(() => (copiedJobIndex = null), 2000);
-  }
-
-  function showPreviousQuote() {
-    activeQuote = (activeQuote - 1 + quotes.length) % quotes.length;
-  }
-
-  function showNextQuote() {
-    activeQuote = (activeQuote + 1) % quotes.length;
-  }
-
-  function toggleJob(index) {
-    const nextExpandedJobIndexes = new Set(expandedJobIndexes);
-
-    if (nextExpandedJobIndexes.has(index)) {
-      nextExpandedJobIndexes.delete(index);
-    } else {
-      nextExpandedJobIndexes.add(index);
-    }
-
-    expandedJobIndexes = nextExpandedJobIndexes;
-  }
-</script>
-
-<svelte:head>
-  <title>Jobs - comma</title>
-  <meta
-    name="description"
-    content="At comma.ai, we are solving self-driving cars while delivering shippable intermediaries."
-  />
-</svelte:head>
-
-<div class="jobs-page light">
-  <section class="jobs-hero" aria-labelledby="jobs-title">
-    <div class="container">
-      <h1 id="jobs-title">Come build the future</h1>
-    </div>
-  </section>
-
-  <section class="jobs-intro" aria-label="Jobs introduction">
-    <div class="container split-grid">
-      <h2 class="section-title">
-        We're solving self driving cars while delivering shippable intermediaries.
-      </h2>
-      <div>
-        <p class="large-text">
-          If Tesla is the iOS of self driving, we are the Android. How do you solve self driving cars?
-          You don't do it by solving the problem one part at a time. There are no parts. There is just
-          a machine learning model that contains the human policy of driving.
-        </p>
-        <LinkButton href="#open-positions" style="primary">View Openings</LinkButton>
-      </div>
-    </div>
-  </section>
-
-  <section class="jobs-video" aria-label="See how comma works">
-    <div class="container">
-      <div class="video-shell">
-        <iframe
-          class="video-frame"
-          src={JOBS_VIDEO_EMBED_URL}
-          title="Touring comma HQ + launching the new jobs page comma.ai/jobs"
-          frameborder="0"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          referrerpolicy="strict-origin-when-cross-origin"
-          allowfullscreen
-        ></iframe>
-      </div>
-    </div>
-  </section>
-
-  <section class="jobs-section" aria-labelledby="who-we-are">
-    <div class="container">
-      <div class="split-grid">
-        <h2 id="who-we-are" class="section-title">Who we are</h2>
-        <p class="large-text">
-          We have 90+ million miles of driving data sitting on hard drives ready to be trained on.
-          Write the training code, fix the bugs, and watch it drive. Think AlphaGo, but for self
-          driving cars. And the minute we do solve it, we already have thousands of users to deploy to.
-          The second largest fleet outside Tesla, and likely to be the largest soon.
-        </p>
-      </div>
-
-      <div class="section-spacer"></div>
-
-      <p class="eyebrow">On-site only, no remote</p>
-      <h2 class="section-title">We're in San Diego</h2>
-      <p class="body-copy">comma HQ is located in sunny San Diego, California.</p>
-
-      <div class="photo-grid">
-        <img
-          src={`${ASSET_PATH}/Frame-175.jpg`}
-          srcset={`${ASSET_PATH}/Frame-175-p-500.jpg 500w, ${ASSET_PATH}/Frame-175.jpg 640w`}
-          sizes="(max-width: 768px) 85vw, 640px"
-          loading="lazy"
-          alt="comma HQ workspace"
-        />
-        <img
-          src={`${ASSET_PATH}/Frame-176.png`}
-          srcset={`${ASSET_PATH}/Frame-176-p-500.png 500w, ${ASSET_PATH}/Frame-176.png 640w`}
-          sizes="(max-width: 768px) 85vw, 640px"
-          loading="lazy"
-          alt="comma HQ in San Diego"
-        />
-      </div>
-    </div>
-  </section>
-
-  <section class="quote-section" aria-label="Employee quotes">
-    <div class="container quote-container">
-      <figure class="quote">
-        <blockquote>"{quotes[activeQuote].text}"</blockquote>
-        <figcaption>- {quotes[activeQuote].author}, {quotes[activeQuote].team}</figcaption>
-      </figure>
-
-      <div class="quote-controls" aria-label="Quote controls">
-        <button type="button" class="quote-arrow previous" aria-label="Previous quote" on:click={showPreviousQuote}>
-          {@html ArrowRightIcon}
-        </button>
-        <div class="quote-dots">
-          {#each quotes as quote, index}
-            <button
-              type="button"
-              class:active={activeQuote === index}
-              aria-label={`Show quote from ${quote.author}`}
-              aria-pressed={activeQuote === index}
-              on:click={() => (activeQuote = index)}
-            ></button>
-          {/each}
-        </div>
-        <button type="button" class="quote-arrow" aria-label="Next quote" on:click={showNextQuote}>
-          {@html ArrowRightIcon}
-        </button>
-      </div>
-    </div>
-  </section>
-
-  <section class="jobs-section" aria-labelledby="hiring-process">
-    <div class="container">
-      <h2 id="hiring-process" class="section-title">Our Process</h2>
-      <div class="traits-grid">
-        {#each processSteps as step}
-          <article class="trait-card">
-            <h3>{step.label}. {step.title}</h3>
-            <p>{@html step.body}</p>
-          </article>
-        {/each}
-      </div>
-    </div>
-  </section>
-
-  <section class="challenge-section dark" aria-labelledby="challenge-title">
-    <div class="container challenge-grid">
-      <div>
-        <p class="eyebrow">Start here</p>
-        <h2 id="challenge-title">Ready to apply?</h2>
-        <p class="challenge-copy">
-          Email your resume, GitHub, and challenge or bounty solution to
-          <a href="mailto:work@comma.ai">work@comma.ai</a>.
-        </p>
-        <p class="challenge-copy">
-          The compression challenge is a good place to start, but any strong leaderboard
-          challenge or bounty submission works.
-        </p>
-        <LinkButton
-          href="https://github.com/commaai/comma_video_compression_challenge"
-          target="_blank"
-          style="secondary"
-        >
-          Try the compression challenge
-        </LinkButton>
-      </div>
-
-      <img
-        class="challenge-image"
-        src={`${ASSET_PATH}/img-jobs-challenge.jpeg`}
-        srcset={`${ASSET_PATH}/img-jobs-challenge-p-500.jpeg 500w, ${ASSET_PATH}/img-jobs-challenge-p-800.jpeg 800w, ${ASSET_PATH}/img-jobs-challenge-p-1080.jpeg 1080w, ${ASSET_PATH}/img-jobs-challenge.jpeg 1224w`}
-        sizes="(max-width: 1024px) 85vw, 55vw"
-        loading="lazy"
-        alt="comma programming challenge visualization"
-      />
-    </div>
-  </section>
-
-  <section class="benefits-section" aria-labelledby="benefits-title">
-    <div class="container split-grid">
-      <h2 id="benefits-title" class="section-title">Explore Our Benefits</h2>
-      <div class="benefits-list">
-        {#each benefits as benefit}
-          <div class="benefit-item">
-            <img src={benefit.icon} loading="lazy" alt="" aria-hidden="true" />
-            <span>{benefit.text}</span>
-          </div>
-        {/each}
-      </div>
-    </div>
-  </section>
-
-  <section class="jobs-section" aria-labelledby="open-positions">
-    <div class="container openings-grid">
-      <div class="openings-intro">
-        <h2 id="open-positions" class="section-title">Open Positions</h2>
-        <p>All positions are on-site in San Diego, CA</p>
-      </div>
-
-      <div class="jobs-list">
-        {#each jobs as job, index}
-          <article class="job-item" id={jobSlugs[index]} class:expanded={expandedJobIndexes.has(index)}>
-            <div class="job-header">
-              <button
-                type="button"
-                class="job-toggle"
-                aria-expanded={expandedJobIndexes.has(index)}
-                aria-controls={`job-panel-${index}`}
-                on:click={() => toggleJob(index)}
-              >
-                <span class="job-header-title">
-                  <span class="job-title-line">
-                    <span class="job-title">{job.title}</span>
-                    {#if job.team}
-                      <span class="job-team">{job.team}</span>
-                    {/if}
-                  </span>
-                  <span class="job-location">{job.location}</span>
-                </span>
-                <span class="job-toggle-icon" aria-hidden="true">
-                  {@html IconChevron}
-                </span>
-              </button>
-              <div class="job-actions">
-                <button
-                  type="button"
-                  class="share-button"
-                  title="Copy link to this job"
-                  aria-label={copiedJobIndex === index ? "Link copied" : `Copy link to ${job.title}`}
-                  on:click={() => copyJobLink(index)}
-                >
-                  {@html copiedJobIndex === index ? CheckmarkIcon : LinkIcon}
-                </button>
-                <div class="apply-wrap">
-                  {#if emailTooltipIndex === index}
-                    <span class="email-tooltip" role="status">{emailTooltipText}</span>
-                  {/if}
-                  <button type="button" class="apply-button" on:click={() => showApplyEmail(index)}>
-                    Email Us
-                  </button>
-                </div>
-              </div>
-            </div>
-
-            {#if expandedJobIndexes.has(index)}
-              <div class="job-panel" id={`job-panel-${index}`}>
-                <div class="job-description">{@html job.description}</div>
-
-                {#if job.qualifications.length > 0}
-                  <div class="job-qualifications">Qualifications</div>
-                  <ul>
-                    {#each job.qualifications as qualification}
-                      <li>{qualification}</li>
-                    {/each}
-                  </ul>
-                {/if}
-
-                <div class="job-how-to-apply">
-                  <div class="job-qualifications">How to apply</div>
-                  <p>{@html job.howToApply ?? DEFAULT_HOW_TO_APPLY}</p>
-                </div>
-              </div>
-            {/if}
-          </article>
-        {/each}
-      </div>
-    </div>
-  </section>
-
-  <section class="jobs-section" id="faq" aria-label="Jobs FAQ">
-    <div class="container">
-      <Faq topic={faq.jobs} title="Jobs FAQ" />
-    </div>
-  </section>
-</div>
-
-<style>
-  .jobs-page {
-    --jobs-container: min(1180px, calc(100vw - 3rem));
-    --jobs-section-y: clamp(4rem, 7vw, 6rem);
-
-    background: #fff;
-    color: #000;
-    letter-spacing: 0;
-    overflow-x: hidden;
-    width: 100%;
-  }
-
-  .jobs-page,
-  .jobs-page :global(*) {
-    box-sizing: border-box;
-  }
-
-  .container {
-    max-width: var(--jobs-container);
-    width: 100%;
-    margin: 0 auto;
-  }
-
-  .jobs-hero {
-    border-bottom: 1px solid #000;
-    min-height: 0;
-    padding: clamp(3.5rem, 8vw, 7rem) 0 clamp(2rem, 4vw, 3.5rem);
-    display: flex;
-    align-items: flex-start;
-  }
-
-  .jobs-hero h1 {
-    color: #000;
-    font-size: clamp(3rem, 6vw, 5.5rem);
-    font-weight: 600;
-    line-height: 0.95;
-    margin: 0;
-    max-width: 14ch;
-  }
-
-  .jobs-intro,
-  .jobs-section,
-  .benefits-section,
-  .challenge-section,
-  .quote-section {
-    padding: var(--jobs-section-y) 0;
-  }
-
-  .jobs-intro {
-    padding-top: clamp(3rem, 6vw, 5rem);
-    padding-bottom: clamp(3rem, 6vw, 5rem);
-  }
-
-  .split-grid {
-    display: grid;
-    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
-    gap: clamp(2.5rem, 5vw, 5rem);
-    align-items: start;
-  }
-
-  .split-grid > *,
-  .challenge-grid > *,
-  .openings-grid > * {
-    min-width: 0;
-  }
-
-  .section-title {
-    color: #000;
-    font-family: Inter, sans-serif;
-    font-size: clamp(1.6rem, 2.4vw, 2.5rem);
-    font-weight: 700;
-    line-height: 1.1;
-    margin: 0;
-    overflow-wrap: anywhere;
-    text-transform: uppercase;
-    word-break: break-word;
-  }
-
-  .large-text,
-  .body-copy,
-  .challenge-copy,
-  .trait-card p {
-    color: #000;
-    font-size: clamp(1.0625rem, 1.35vw, 1.25rem);
-    font-weight: 400;
-    line-height: 1.45;
-  }
-
-  .large-text {
-    margin: 0;
-  }
-
-  .jobs-intro .large-text {
-    margin-bottom: 2rem;
-  }
-
-  .body-copy {
-    margin: 1rem 0 2rem;
-  }
-
-  .eyebrow {
-    color: rgba(0, 0, 0, 0.55);
-    font-family: "JetBrains Mono", monospace;
-    font-size: 1rem;
-    line-height: 1.2;
-    margin: 0 0 0.5rem;
-    text-transform: uppercase;
-  }
-
-  .jobs-video {
-    padding: 0 0 var(--jobs-section-y);
-  }
-
-  .video-shell {
-    aspect-ratio: 16 / 9;
-    min-height: 24rem;
-    max-height: 42rem;
-    overflow: hidden;
-    position: relative;
-    width: 100%;
-  }
-
-  .video-frame {
-    border: 0;
-    display: block;
-    height: 100%;
-    width: 100%;
-  }
-
-  .section-spacer {
-    height: clamp(3rem, 5vw, 5rem);
-  }
-
-  .photo-grid {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: clamp(1.5rem, 4vw, 4rem);
-  }
-
-  .photo-grid img,
-  .challenge-image {
-    border: 1px solid #000;
-    display: block;
-    width: 100%;
-  }
-
-  .photo-grid img {
-    aspect-ratio: 4 / 3;
-    object-fit: cover;
-  }
-
-  .quote-section {
-    border-bottom: 1px solid #000;
-    border-top: 1px solid #000;
-  }
-
-  .quote-container {
-    display: grid;
-    grid-template-rows: auto auto;
-    align-items: center;
-    gap: 3rem;
-  }
-
-  .quote {
-    margin: 0 auto;
-    max-width: 70rem;
-    text-align: center;
-  }
-
-  .quote blockquote {
-    border: 0;
-    color: #000;
-    font-size: clamp(1.75rem, 3vw, 2.5rem);
-    font-style: normal;
-    line-height: 1.25;
-    margin: 0;
-    padding: 0;
-  }
-
-  .quote figcaption {
-    color: #000;
-    font-size: 1.25rem;
-    line-height: 1.2;
-    margin-top: 2rem;
-  }
-
-  .quote-controls {
-    display: grid;
-    grid-template-columns: 48px 1fr 48px;
-    align-items: center;
-    gap: 1rem;
-  }
-
-  .quote-arrow {
-    align-items: center;
-    background: #000;
-    border: 0;
-    color: #fff;
-    cursor: pointer;
-    display: flex;
-    height: 48px;
-    justify-content: center;
-    padding: 0;
-    transition: opacity 0.2s;
-    width: 48px;
-  }
-
-  .quote-arrow:hover,
-  .quote-arrow:focus-visible {
-    opacity: 0.75;
-  }
-
-  .quote-arrow.previous :global(svg) {
-    transform: rotate(180deg);
-  }
-
-  .quote-arrow :global(svg) {
-    height: 24px;
-    width: 24px;
-  }
-
-  .quote-dots {
-    display: flex;
-    justify-content: center;
-    gap: 4px;
-  }
-
-  .quote-dots button {
-    background: #e4e4e4;
-    border: 0;
-    cursor: pointer;
-    height: 4px;
-    padding: 0;
-    transition: background-color 0.2s;
-    width: 24px;
-  }
-
-  .quote-dots button.active {
-    background: #000;
-  }
-
-  .traits-grid {
-    border: 1px solid #000;
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    margin-top: clamp(2rem, 4vw, 3rem);
-  }
-
-  .trait-card {
-    padding: 2rem;
-  }
-
-  .trait-card + .trait-card {
-    border-left: 1px solid #000;
-  }
-
-  .trait-card h3 {
-    color: #000;
-    font-size: 1.5rem;
-    font-weight: 600;
-    line-height: 1.2;
-    margin: 0 0 1rem;
-  }
-
-  .trait-card p {
-    margin: 0;
-  }
-
-  .challenge-section {
-    background: #000;
-    color: #fff;
-  }
-
-  .challenge-section .eyebrow {
-    color: rgba(255, 255, 255, 0.65);
-  }
-
-  .challenge-grid {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
-    gap: clamp(2.5rem, 5vw, 5rem);
-    align-items: start;
-  }
-
-  .challenge-section h2 {
-    color: #fff;
-    font-size: clamp(2rem, 3vw, 2.75rem);
-    font-weight: 600;
-    line-height: 1.2;
-    margin: 0 0 1rem;
-  }
-
-  .challenge-copy {
-    color: #fff;
-    margin: 0 0 1.25rem;
-  }
-
-  .trait-card :global(a),
-  .challenge-copy a,
-  .job-description :global(a) {
-    border-bottom: 2px solid var(--color-accent);
-    text-decoration: none;
-    transition: background-color 0.2s;
-  }
-
-  .trait-card :global(a:hover),
-  .trait-card :global(a:focus-visible),
-  .challenge-copy a:hover,
-  .challenge-copy a:focus-visible,
-  .job-description :global(a:hover),
-  .job-description :global(a:focus-visible) {
-    background: rgba(81, 255, 0, 0.25);
-  }
-
-  .challenge-image {
-    aspect-ratio: 4 / 3;
-    align-self: start;
-    object-fit: cover;
-  }
-
-  .benefits-section {
-    background: #f5f5f5;
-  }
-
-  .benefits-list {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .benefit-item {
-    align-items: center;
-    border-bottom: 1px solid #000;
-    display: flex;
-    margin-bottom: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .benefit-item img {
-    flex: none;
-    height: 48px;
-    width: 48px;
-  }
-
-  .benefit-item span {
-    color: #000;
-    font-size: 1.4rem;
-    font-weight: 600;
-    line-height: 1.2;
-    margin-left: 1rem;
-  }
-
-  .openings-grid {
-    display: grid;
-    grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
-    gap: clamp(2rem, 4vw, 4rem);
-    align-items: start;
-  }
-
-  .openings-intro {
-    position: sticky;
-    top: 6rem;
-  }
-
-  .openings-intro p {
-    color: #000;
-    font-size: 1.5rem;
-    line-height: 1.3;
-    margin: 1.5rem 0 0;
-  }
-
-  .openings-intro .section-title {
-    font-size: 2rem;
-    line-height: 1.2;
-  }
-
-  .jobs-list {
-    border-top: 1px solid #000;
-  }
-
-  .job-item {
-    border-bottom: 1px solid #000;
-    margin-bottom: 0;
-    padding: 1.5rem 0;
-    scroll-margin-top: 6rem;
-  }
-
-  .job-item:last-child {
-    margin-bottom: 0;
-  }
-
-  .job-header {
-    align-items: center;
-    display: flex;
-    gap: 1rem;
-    justify-content: space-between;
-    margin-bottom: 0;
-  }
-
-  .job-toggle {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    color: #000;
-    cursor: pointer;
-    display: flex;
-    flex: 1;
-    font-family: inherit;
-    justify-content: space-between;
-    min-width: 0;
-    padding: 0;
-    text-align: left;
-  }
-
-  .job-toggle:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 4px;
-  }
-
-  .job-header-title {
-    align-items: flex-start;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-width: 0;
-    margin-right: 1rem;
-  }
-
-  .job-title-line {
-    align-items: center;
-    column-gap: 0.75rem;
-    display: flex;
-    flex-wrap: wrap;
-    min-width: 0;
-    row-gap: 0.5rem;
-    width: 100%;
-  }
-
-  .job-title {
-    color: #000;
-    display: block;
-    flex: 0 1 auto;
-    font-size: 1.875rem;
-    font-weight: 600;
-    line-height: 1.2;
-    margin: 0;
-    min-width: 0;
-    overflow-wrap: anywhere;
-  }
-
-  .job-toggle-icon {
-    align-items: center;
-    color: #000;
-    display: flex;
-    flex: none;
-    height: 2rem;
-    justify-content: center;
-    transition: transform 0.2s;
-    width: 2rem;
-  }
-
-  .job-toggle-icon :global(svg) {
-    height: 12px;
-    width: 18px;
-  }
-
-  .job-item.expanded .job-toggle-icon {
-    transform: rotate(180deg);
-  }
-
-  .job-team,
-  .job-location {
-    color: #000;
-    font-family: "JetBrains Mono", monospace;
-    font-size: 1rem;
-    line-height: 1.2;
-  }
-
-  .job-team {
-    border: 1px solid #000;
-    display: inline-block;
-    flex: none;
-    opacity: 0.65;
-    padding: 0.25rem 0.5rem;
-  }
-
-  .job-location {
-    margin-top: 0.75rem;
-    opacity: 0.65;
-    text-transform: uppercase;
-  }
-
-  .job-actions {
-    align-items: stretch;
-    display: flex;
-    flex: none;
-    gap: 0.5rem;
-  }
-
-  .share-button {
-    align-items: center;
-    background: transparent;
-    border: 1px solid #000;
-    color: #000;
-    cursor: pointer;
-    display: flex;
-    flex: none;
-    justify-content: center;
-    padding: 0;
-    transition: opacity 0.2s;
-    width: 2.55rem;
-  }
-
-  .share-button:hover,
-  .share-button:focus-visible {
-    opacity: 0.6;
-  }
-
-  .share-button:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .share-button :global(svg) {
-    height: 20px;
-    width: 20px;
-  }
-
-  .apply-wrap {
-    display: flex;
-    flex: none;
-    position: relative;
-  }
-
-  .email-tooltip {
-    background: #000;
-    bottom: calc(100% + 0.625rem);
-    color: #fff;
-    font-family: "JetBrains Mono", monospace;
-    font-size: 0.875rem;
-    line-height: 1.2;
-    padding: 0.5rem 0.75rem;
-    position: absolute;
-    right: 0;
-    white-space: nowrap;
-    z-index: 2;
-  }
-
-  .email-tooltip::after {
-    border: 6px solid transparent;
-    border-top-color: #000;
-    content: "";
-    position: absolute;
-    right: 1.5rem;
-    top: 100%;
-  }
-
-  .apply-button {
-    background: #000;
-    border: 0;
-    color: #fff;
-    cursor: pointer;
-    flex: none;
-    font-family: inherit;
-    font-size: 0.875rem;
-    font-weight: 600;
-    letter-spacing: 0.8px;
-    line-height: 1.2;
-    padding: 0.75rem 1rem;
-    text-decoration: none;
-    text-transform: uppercase;
-    transition: opacity 0.2s;
-    white-space: nowrap;
-  }
-
-  .apply-button:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .apply-button:hover,
-  .apply-button:focus-visible {
-    opacity: 0.8;
-  }
-
-  .job-panel {
-    margin-top: 1.25rem;
-  }
-
-  .job-description {
-    color: #000;
-    font-size: 1.125rem;
-    font-weight: 400;
-    line-height: 1.45;
-    margin-bottom: 1.5rem;
-  }
-
-  .job-qualifications {
-    color: #000;
-    font-family: "JetBrains Mono", monospace;
-    font-size: 1.0625rem;
-    line-height: 1.25;
-    margin-bottom: 1.5rem;
-    text-transform: uppercase;
-  }
-
-  .job-item ul {
-    color: #000;
-    margin: 0 0 10px;
-    padding-left: 2.5rem;
-  }
-
-  .job-item li {
-    color: #000;
-    font-size: 1.125rem;
-    font-weight: 400;
-    line-height: 1.45;
-    margin-bottom: 0;
-  }
-
-  .job-how-to-apply {
-    margin-top: 1.5rem;
-  }
-
-  .job-how-to-apply .job-qualifications {
-    margin-bottom: 0.75rem;
-  }
-
-  .job-how-to-apply p {
-    color: #000;
-    font-size: 1.125rem;
-    line-height: 1.45;
-    margin: 0;
-  }
-
-  .job-how-to-apply :global(a) {
-    color: #000;
-    text-decoration: underline;
-    text-underline-offset: 0.15em;
-  }
-
-  @media screen and (max-width: 1024px) {
-    .jobs-hero h1 {
-      font-size: 3rem;
-    }
-
-    .split-grid,
-    .photo-grid,
-    .challenge-grid,
-    .openings-grid {
-      grid-template-columns: 1fr;
-    }
-
-    .split-grid,
-    .challenge-grid,
-    .openings-grid {
-      gap: 2rem;
-    }
-
-    .video-shell {
-      min-height: 0;
-      max-height: none;
-    }
-
-    .photo-grid {
-      gap: 2rem;
-    }
-
-    .job-header {
-      align-items: flex-start;
-      flex-wrap: wrap;
-    }
-
-    .job-toggle {
-      align-items: flex-start;
-    }
-
-    .openings-intro {
-      position: static;
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    .jobs-page {
-      --jobs-container: calc(100vw - 2rem);
-      --jobs-section-y: 3.5rem;
-    }
-
-    .jobs-hero {
-      min-height: auto;
-      padding-top: 3rem;
-      padding-bottom: 2rem;
-    }
-
-    .jobs-hero h1 {
-      font-size: 2.4rem;
-      max-width: none;
-    }
-
-    .jobs-intro {
-      padding-top: 2.5rem;
-      padding-bottom: 3rem;
-    }
-
-    .section-title {
-      font-size: 1.45rem;
-      font-weight: 700;
-      line-height: 1.12;
-      max-width: 100%;
-    }
-
-    .large-text,
-    .body-copy,
-    .challenge-copy,
-    .trait-card p {
-      font-size: 1rem;
-      max-width: 100%;
-      overflow-wrap: normal;
-    }
-
-    .section-spacer {
-      height: 3rem;
-    }
-
-    .quote blockquote {
-      font-size: 1.35rem;
-    }
-
-    .quote figcaption {
-      font-size: 1rem;
-      margin-top: 1.5rem;
-    }
-
-    .quote-controls {
-      grid-template-columns: 44px 1fr 44px;
-    }
-
-    .quote-arrow {
-      height: 44px;
-      width: 44px;
-    }
-
-    .traits-grid {
-      grid-template-columns: 1fr;
-    }
-
-    .trait-card {
-      padding: 2rem 1.25rem;
-    }
-
-    .trait-card + .trait-card {
-      border-left: 0;
-      border-top: 1px solid #000;
-    }
-
-    .challenge-section h2 {
-      font-size: 1.875rem;
-    }
-
-    .benefit-item span {
-      font-size: 1rem;
-      margin-left: 0.5rem;
-    }
-
-    .benefit-item img {
-      height: 40px;
-      width: 40px;
-    }
-
-    .openings-intro p {
-      font-size: 1.25rem;
-    }
-
-    .openings-intro .section-title {
-      font-size: 1.5rem;
-    }
-
-    .job-item {
-      padding: 1.25rem 0;
-    }
-
-    .job-header {
-      align-items: stretch;
-      flex-direction: column;
-    }
-
-    .job-toggle {
-      width: 100%;
-    }
-
-    .job-header-title {
-      margin-bottom: 0;
-      margin-right: 0;
-    }
-
-    .job-title {
-      font-size: 1.5rem;
-    }
-
-    .job-title-line {
-      column-gap: 0.5rem;
-    }
-
-    .job-location {
-      display: none;
-      margin-top: 0.5rem;
-    }
-
-    .job-actions {
-      display: none;
-    }
-
-    .job-item.expanded .job-location {
-      display: block;
-    }
-
-    .job-item.expanded .job-actions {
-      display: flex;
-    }
-
-    .job-panel {
-      margin-top: 1rem;
-    }
-
-    .job-team,
-    .job-location {
-      font-size: 0.875rem;
-    }
-
-    .apply-wrap {
-      flex: 1;
-    }
-
-    .apply-button {
-      flex: 1;
-      text-align: center;
-    }
-  }
-</style>
diff --git a/src/routes/openpilot/+page.js b/src/routes/openpilot/+page.js
deleted file mode 100644
index 3fb3ec46..00000000
--- a/src/routes/openpilot/+page.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { XMLParser } from 'fast-xml-parser';
-
-// TODO: use release RSS feed, https://github.com/commaai/blog/issues/86
-const OPENPILOT_RELEASE_PATTERN = "\\bopenpilot\\s+\\d+\\.\\d+(?:\\.\\d+)?\\b";
-
-/** @type {import('./$types').PageLoad} */
-export async function load({ fetch }) {
-  let releaseNotes = await fetch("https://blog.comma.ai/feed")
-    .then((response) => response.text())
-    .then((str) => new XMLParser().parse(str))
-    .then((data) => {
-      const releaseNotes = data.rss.channel.item
-        .filter((entry) => entry.title.match(OPENPILOT_RELEASE_PATTERN))
-        .map(({ title, excerpt, guid, pubDate, "cb:cover": cover }) => {
-          const date = new Date(pubDate).toLocaleDateString("en-US", {
-            year: "numeric",
-            month: "long",
-            day: "numeric",
-          });
-
-          return { title, excerpt, cover, link: guid, date };
-        });
-
-      return releaseNotes;
-    });
-
-  return {
-    releaseNotes,
-  };
-}
diff --git a/src/routes/openpilot/+page.svelte b/src/routes/openpilot/+page.svelte
deleted file mode 100644
index 01c03741..00000000
--- a/src/routes/openpilot/+page.svelte
+++ /dev/null
@@ -1,350 +0,0 @@
-<script>
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import Space from "$lib/components/Space.svelte";
-
-  import DeviceImage from "$lib/images/products/comma-four/four_screen_on.png";
-
-  import RoadIcon from "$lib/icons/features/road.svg?raw";
-  import SteerIcon from "$lib/icons/features/steer.svg?raw";
-  import CarIcon from "$lib/icons/features/car.svg?raw";
-  import PeopleIcon from "$lib/icons/features/people.svg?raw";
-  import ThreeSixtyVisionIcon from "$lib/icons/features/360-vision.svg?raw";
-  import ProcessorIcon from "$lib/icons/features/processor.svg?raw";
-  import ConnectivityIcon from "$lib/icons/features/connectivity.svg?raw";
-  import DisplayIcon from "$lib/icons/features/display.svg?raw";
-  import MemoryIcon from "$lib/icons/features/memory.svg?raw";
-  import LocationIcon from "$lib/icons/features/location.svg?raw";
-
-  import { vehicleCountText } from '$lib/constants/vehicles.js';
-  import ReleaseNote from "$lib/components/ReleaseNote.svelte";
-  import Faq from "$lib/components/Faq.svelte";
-  import { faq } from "$lib/constants/faq.svelte";
-
-  const contributorsCount = 1000;
-
-  export let data;
-</script>
-
-<section class="dark" id="about">
-  <div class="container">
-    <Grid columns={4}>
-      <div class="stats-item">
-        <div>{@html RoadIcon}</div>
-        <span>300+ million</span>
-        <span>Miles driven</span>
-      </div>
-      <div class="stats-item">
-        <div>{@html SteerIcon}</div>
-        <span>56%</span>
-        <span>Miles driven are engaged</span>
-      </div>
-      <div class="stats-item">
-        <div>{@html CarIcon}</div>
-        <span>20,000+</span>
-        <span>Active users</span>
-      </div>
-      <div class="stats-item">
-        <div>{@html PeopleIcon}</div>
-        <span>{Math.floor(contributorsCount / 10) * 10}+</span>
-        <span>Contributors</span>
-      </div>
-    </Grid>
-    <div class="headline sm-mb-4">
-      <h1>
-        openpilot is an
-        <a class="highlight" href="https://github.com/commaai/openpilot" target="_blank">open source</a>
-        advanced driver assistance system that works on {vehicleCountText} car models of Toyota,
-        Hyundai, Honda, and many other brands.
-      </h1>
-      <ul>
-        <li>Automated Lane Centering</li>
-        <li>Adaptive Cruise Control</li>
-        <li>Lane Change Assist</li>
-        <li>Driver Monitoring (no wheel nags)</li>
-        <li>Can drive for hours without intervention</li>
-        <li>Open source and developed on GitHub</li>
-      </ul>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="benefits">
-  <div class="container">
-    <article>
-      <hgroup>
-        <p>01</p>
-        <h2>Makes driving chill</h2>
-      </hgroup>
-      <p>
-        Currently, openpilot performs the functions of Adaptive Cruise Control
-        (ACC) and Automated Lane Centering (ALC). openpilot can accelerate,
-        brake automatically for other vehicles, and steer to follow the
-        road/lane.
-      </p>
-      <p>
-        When openpilot is enabled, a driver monitoring system watches the driver
-        and ensures the driver is attentive and ready to take over at all times.
-      </p>
-      <p />
-      <p>
-        When used correctly, these features reduce your workload as a driver,
-        and can make long drives relaxing instead of tedious.
-      </p>
-    </article>
-    <article>
-      <hgroup>
-        <p>02</p>
-        <h2>Connects to your car</h2>
-      </hgroup>
-      <p>
-        openpilot works by connecting to your car's CAN network. Modern cars
-        accept electronic steering, gas, and brake commands to allow for ADAS
-        features. openpilot can use these commands to provide much better ADAS
-        features than the car manufacturers can provide.
-      </p>
-    </article>
-    <article>
-      <hgroup>
-        <p>03</p>
-        <h2>Modern machine learning</h2>
-      </hgroup>
-      <p>
-        openpilot contains a state-of-the-art neural network that understands
-        the road scene and predicts where to drive. This neural network has
-        learned to drive by watching the millions of miles of driving data
-        openpilot has recorded. This makes openpilot exceptionally good at
-        nuanced situations such as driving in areas with faded lanelines,
-        different countries, and more.
-      </p>
-    </article>
-    <article>
-      <hgroup>
-        <p>04</p>
-        <h2>Open source and community supported</h2>
-      </hgroup>
-      <p>
-        openpilot is developed by comma and by users like you. We welcome both
-        pull requests and issues on
-        <a class="highlight" href="https://github.com/commaai/openpilot" target="_blank">GitHub</a>.
-        Bug fixes and new car ports are strongly encouraged. Check out the
-        <a class="highlight" href="https://github.com/commaai/openpilot/blob/master/docs/CONTRIBUTING.md" target="_blank">contributing docs</a>.
-      </p>
-      <LinkButton href="https://github.com/commaai/openpilot">
-        View on GitHub
-      </LinkButton>
-      <div class="release-notes">
-        <h3>Latest Release Notes</h3>
-        {#each data.releaseNotes as release}
-          <ReleaseNote releaseNote={release} />
-        {/each}
-      </div>
-    </article>
-    <article>
-      <hgroup>
-        <p>05</p>
-        <h2>Try openpilot on the comma four</h2>
-      </hgroup>
-      <p>
-        Love it or return it. Every comma four comes with a 30-day money back
-        trial.
-      </p>
-      <Grid columns={2} alignItems="center">
-        <img src={DeviceImage} loading="lazy" alt="comma four device" />
-        <div>
-          <Grid columns={2}>
-            <div class="feature-item">
-              <div>{@html ThreeSixtyVisionIcon}</div>
-              <span>360° vision<br />W/ 3 cameras</span>
-            </div>
-            <div class="feature-item">
-              <div>{@html ProcessorIcon}</div>
-              <span>Qualcomm snapdragon 845 MAX</span>
-            </div>
-            <div class="feature-item">
-              <div>{@html ConnectivityIcon}</div>
-              <span>LTE & WiFi</span>
-            </div>
-            <div class="feature-item">
-              <div>{@html DisplayIcon}</div>
-              <span>BEAUTIFUL<br />OLED display</span>
-            </div>
-            <div class="feature-item">
-              <div>{@html MemoryIcon}</div>
-              <span>CAN FD ENABLED</span>
-            </div>
-            <div class="feature-item">
-              <div>{@html LocationIcon}</div>
-              <span>High-precision GPS</span>
-            </div>
-          </Grid>
-          <Space multiplier={3} />
-          <LinkButton href="/shop/comma-four" fullWidth={true} style="primary">
-            Buy now
-          </LinkButton>
-        </div>
-      </Grid>
-    </article>
-    <article>
-      <hgroup>
-        <p>06</p>
-        <h2>Proven on the road</h2>
-      </hgroup>
-      <p>
-        Our 20,000+ users have driven over 300 million miles with a device
-        running openpilot. Over 56% of those miles were driven by openpilot,
-        with the driver supervising.
-      </p>
-    </article>
-  </div>
-</section>
-
-<section class="light" id="faq">
-  <div class="container">
-    <Faq topic={faq.openpilot} title="openpilot FAQ" />
-  </div>
-</section>
-
-<style>
-  .stats-item {
-    display: flex;
-    align-items: flex-start;
-    flex-flow: column;
-    color: white;
-
-    & span:first-of-type {
-      margin-top: 0.5rem;
-      margin-bottom: 0.25rem;
-      font-size: 2rem;
-      font-weight: 600;
-    }
-
-    & span:last-of-type {
-      color: var(--color-muted);
-      text-transform: uppercase;
-      font-family: JetBrains Mono, monospace;
-      font-size: 1rem;
-      font-weight: 400;
-    }
-
-    @media screen and (max-width: 1024px) {
-      & span:first-of-type {
-        font-size: 1.5rem;
-      }
-
-      & span:last-of-type {
-        font-size: 0.875rem;
-      }
-    }
-  }
-
-  .feature-item {
-    display: flex;
-    align-items: center;
-    flex-flow: row;
-
-    & div {
-      border: 1px solid #000;
-      width: 48px;
-      padding: 0.375rem;
-      display: inline-block;
-      color: black;
-    }
-
-    & span {
-      color: var(--color-muted);
-      text-transform: uppercase;
-      font-family: JetBrains Mono, monospace;
-      font-size: 1rem;
-      font-weight: 400;
-      margin-left: 1rem;
-    }
-  }
-
-  .headline {
-    margin-top: 4rem;
-    margin-bottom: 6rem;
-
-    & h1 {
-      font-size: 2.5rem;
-      line-height: 1.2;
-    }
-
-    & ul {
-      padding-left: 0;
-      list-style: none;
-
-      & li {
-        margin-bottom: 0.5rem;
-        padding-left: 2rem;
-        background: url("$lib/icons/ui/checkmark.svg?raw") left center no-repeat;
-      }
-    }
-
-    @media screen and (max-width: 512px) {
-      & h1 {
-        font-size: 2rem;
-      }
-
-      & ul {
-        padding-top: 1rem;
-
-        & li {
-          font-size: 1.25rem;
-        }
-      }
-    }
-  }
-
-  article {
-    margin-bottom: 6rem;
-
-    & hgroup {
-      & p {
-        opacity: 0.5;
-        font-family: JetBrains Mono, monospace;
-        margin: 0 0 0.5rem;
-        font-size: 1.5rem;
-      }
-
-      & h2 {
-        font-weight: 600;
-        font-size: 2.5rem;
-        text-transform: lowercase;
-        line-height: 1.2;
-        margin-bottom: 1rem;
-      }
-    }
-
-    & p {
-      font-size: 1.5rem;
-    }
-
-    & h3 {
-      margin-top: 4rem;
-      margin-bottom: 1rem;
-    }
-
-    @media screen and (max-width: 512px) {
-      margin-bottom: 4rem;
-
-      & hgroup {
-        & h2 {
-          font-size: 2rem;
-        }
-      }
-
-      & p {
-        font-size: 1.25rem;
-      }
-
-      & .release-notes {
-        width: 100%;
-      }
-    }
-  }
-
-  .release-notes {
-    width: 80%;
-  }
-</style>
diff --git a/src/routes/setup/+page.svelte b/src/routes/setup/+page.svelte
deleted file mode 100644
index 65084b91..00000000
--- a/src/routes/setup/+page.svelte
+++ /dev/null
@@ -1,570 +0,0 @@
-<script>
-  import Badge from "$lib/components/Badge.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import Faq from "$lib/components/Faq.svelte";
-  import HarnessSelector from "$lib/components/HarnessSelector/HarnessSelector.svelte";
-  import CheckmarkIcon from "$lib/icons/ui/checkmark.svg?raw";
-
-  import { faq } from "$lib/constants/faq.svelte";
-
-  import RecordingsIcon from "$lib/icons/features/recordings.svg?raw";
-  import ImmediateIcon from "$lib/icons/features/immediate.svg?raw";
-
-  import CommaFourDeviceImage from "$lib/images/products/comma-four/four_screen_on.png";
-  import CarHarnessImage from "$lib/images/products/car-harness/car-harness.jpg";
-
-  import TrimImage from "$lib/images/setup/comma-four/trim.jpg";
-  import Trim1Image from "$lib/images/setup/comma-four/trim-1.jpg";
-  import Trim2Image from "$lib/images/setup/comma-four/trim-2.jpg";
-  import Trim3Image from "$lib/images/setup/comma-four/trim-3.jpg";
-  import Trim4Image from "$lib/images/setup/comma-four/trim-4.jpg";
-  import WiresImage from "$lib/images/setup/comma-four/wires.jpg";
-  import Wires1Image from "$lib/images/setup/comma-four/wires-1.jpg";
-  import AlignImage from "$lib/images/setup/comma-four/align.jpg";
-  import Mount1Image from "$lib/images/setup/comma-four/mount-1.jpg";
-  import PressImage from "$lib/images/setup/comma-four/press.jpg";
-  import ObdcImage from "$lib/images/setup/comma-four/obdc.jpg";
-  import Plug2Image from "$lib/images/setup/comma-four/plug-2.jpg";
-  import RemountImage from "$lib/images/setup/comma-four/remount.jpg";
-  import CameraImage from "$lib/images/setup/comma-four/camera.jpg";
-  import Camera1Image from "$lib/images/setup/comma-four/camera-1.jpg";
-  import Plug1Image from "$lib/images/setup/comma-four/plug-1.jpg";
-  import PlugImage from "$lib/images/setup/comma-four/plug.jpg";
-  import StepSixImage from "$lib/images/setup/comma-3x/step-6.jpeg";
-  import CommaPowerImage from "$lib/images/products/comma-power/comma-power.jpg";
-
-  let selectedVehicle = undefined;
-  const handleHarnessSelection = (value) => {
-    selectedVehicle = value;
-  }
-
-  function getVideoEmbedSrc(videoLink) {
-    const url = new URL(videoLink);
-    if (url.hostname !== "youtu.be" && url.hostname !== "www.youtube.com") {
-      console.warn("Video not supported", videoLink);
-      return null;
-    }
-    const videoId = url.searchParams.get("v") || url.pathname.slice(1);
-    return `https://www.youtube.com/embed/${videoId}?rel=0&controls=1&autoplay=0&mute=0`;
-  }
-</script>
-
-<section class="light" id="installation-guide">
-  <div class="container">
-    <div class="header">
-      <hgroup>
-        <span style="font-size: 1.5rem; margin-bottom: 0.5rem;">comma four</span>
-        <h2 style="font-size: 3rem; font-weight: 600;">Setup Guide</h2>
-      </hgroup>
-      <Grid columns={2} columnGap="5rem" rowGap="0" templateColumns="1.5fr 0.75fr" alignItems="start" size="large">
-        <div class="title">
-          <div class="media-container">
-            <iframe
-              src="https://www.youtube.com/embed/Us4FodlaQ74?rel=0&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
-              frameborder="0"
-              allow="autoplay; encrypted-media"
-              allowfullscreen=""
-              title="setup video"
-            ></iframe>
-          </div>
-          <div class="overview">
-            <div>
-              {@html RecordingsIcon}
-              <span>5 steps</span>
-            </div>
-            <div class="divider" />
-            <div>
-              {@html ImmediateIcon}
-              <span>15 min</span>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="parts-card">
-            <div class="header">Parts:</div>
-            <div class="contents">
-              <div>
-                <Grid rowGap={0} columnGap="1rem" alignItems="center" size="small">
-                  <div class="content-header">
-                    <img src={CommaFourDeviceImage} loading="lazy" alt="comma four" />
-                    <span><a href="/shop/comma-four" target="_blank" class="highlight">comma four</a></span>
-                  </div>
-                  <span class="muted">$999</span>
-                </Grid>
-              </div>
-              <ul>
-                <li>comma four</li>
-                <li>OBD-C cable (1.5 ft)</li>
-                <li>2 mounts</li>
-              </ul>
-            </div>
-            <div class="contents">
-              <div>
-                <div class="content-header">
-                  <img src={CarHarnessImage} loading="lazy" alt="car harness" />
-                  <a href="/shop/car-harness" target="_blank" class="highlight">car harness</a>
-                </div>
-              </div>
-              <ul>
-                <li>car harness (harness box & connector)</li>
-                <li>comma power</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </Grid>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="guide">
-  <div class="container">
-    <div class="card vehicle-notes">
-      <div class="header">Customize Your Guide</div>
-      <div class="contents">
-        <p>Select your vehicle to get customized installation notes:</p>
-        <HarnessSelector
-          label="Select your vehicle"
-          placeholder="Search for your vehicle"
-          onChange={handleHarnessSelection}
-          showGenericHarnesses={false}
-          hideSupportNoteCard={true}
-          restoreSelection={true}
-        />
-
-        {#if selectedVehicle}
-          <div class="setup-notes">
-            <Grid templateColumns="1.25fr 0.75fr">
-              {#if selectedVehicle.setupVideo}
-                <div>
-                  <p class="note-heading">Setup Video:</p>
-                  <div class="media-container">
-                    <iframe
-                      src={getVideoEmbedSrc(selectedVehicle.setupVideo)}
-                      frameborder="0"
-                      allow="autoplay; encrypted-media"
-                      title="{selectedVehicle.car} setup guide"
-                    ></iframe>
-                  </div>
-                </div>
-              {/if}
-              {#if selectedVehicle.setupNotes.length > 0}
-                <div>
-                  <p class="note-heading">Setup Notes:</p>
-                  <ul>
-                    {#each selectedVehicle.setupNotes as note}
-                      <li>{@html note}</li>
-                    {/each}
-                  </ul>
-                </div>
-              {/if}
-              {#if (selectedVehicle.setupNotes.length === 0) && !selectedVehicle.setupVideo}
-                <div style="display: flex; align-items: center">
-                  <div style="display: flex;">{@html CheckmarkIcon}</div>
-                  <div style="margin-right: 0.5rem"/>
-                  <p>Follow the guide below. There are no specific setup notes for your vehicle.</p>
-                </div>
-              {/if}
-            </Grid>
-          </div>
-        {/if}
-      </div>
-    </div>
-
-        <div class="step" id="step-1">
-      <Badge style="dark">Step 1 <span class="muted">of 5</span></Badge>
-      <h2>Remove the rearview mirror cover trim</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div class="image-grid">
-          <img src={TrimImage} loading="lazy" alt="remove the rearview mirror cover trim" />
-          <img src={Trim1Image} loading="lazy" alt="remove trim step 1" />
-          <img src={Trim2Image} loading="lazy" alt="remove trim step 2" />
-          <img src={Trim3Image} loading="lazy" alt="remove trim step 3" />
-        </div>
-        <p>
-          Removal method varies by car.
-          The durable plastic often requires a strong tug to pop it off on Hondas.
-          Toyotas often need a slide outward.
-          If you'd like to see how it's done, find a comma installation guide for your specific make on <a href="https://www.youtube.com/results?search_query=comma+install" class="highlight">YouTube</a>.
-        </p>
-      </Grid>
-    </div>
-    <hr />
-    <div class="step" id="step-2">
-      <Badge style="dark">Step 2 <span class="muted">of 5</span></Badge>
-      <h2>Connect car harness into the camera</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div class="image-grid">
-          <img src={CameraImage} loading="lazy" alt="unplug car's camera cable" />
-          <img src={Camera1Image} loading="lazy" alt="release camera connector clip" />
-          <img src={Plug1Image} loading="lazy" alt="plug car camera into harness" />
-          <img src={PlugImage} loading="lazy" alt="plug harness into camera port" />
-        </div>
-        <ul>
-          <li>Unplug the existing LKAS camera connector and plug it into the harness.</li>
-          <li>Connect the other end of the harness back into the LKAS camera.</li>
-          <li>
-            Secure the harness – Find a spot for the harness box so the trim can still be installed over it.
-            Peel off the adhesive sticker and attach the harness in place.
-          </li>
-        </ul>
-      </Grid>
-    </div>
-    <hr />
-    <div class="step" id="step-3">
-      <Badge style="dark">Step 3 <span class="muted">of 5</span></Badge>
-      <h2>Place mount high and centered on the windshield</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div class="image-grid">
-          <div class="crop-wrapper">
-            <img src={AlignImage} loading="lazy" alt="check mount alignment" />
-          </div>
-          <img src={Mount1Image} loading="lazy" alt="find a good spot for mount" />
-          <img src={PressImage} loading="lazy" alt="press mount on windshield" />
-        </div>
-        <div>
-          <ul>
-            <li>Mounting prep – Clean the mounting area with the included alcohol wipe and let it dry.</li>
-            <li>Vertical Positioning – Ensure there is enough room for the cable when the device is mounted, and that you can see the screen from a seated position.</li>
-            <li>Horizontal Positioning – Ensure the mount is centered horizontally, otherwise it will not properly center in the lane.</li>
-            <li>Adhere mount – Peel off the 3M tape's cover on the mount. Press firmly in the center of the mount, then the edges. Ensure no bubbles form.</li>
-          </ul>
-        </div>
-      </Grid>
-    </div>
-    <hr />
-    <div class="step" id="step-4">
-      <Badge style="dark">Step 4 <span class="muted">of 5</span></Badge>
-      <h2>Plug in OBD-C and mount the device</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div class="image-grid">
-          <img src={ObdcImage} loading="lazy" alt="plug OBD-C cable into harness box" />
-          <img src={Plug2Image} loading="lazy" alt="plug in comma four" />
-          <img src={RemountImage} loading="lazy" alt="mount the device" />
-        </div>
-        <ul>
-          <li>Plug the OBD-C cable into the harness box – Ensure the cable is fully seated.</li>
-          <li>Plug the OBD-C cable into the comma four. Make sure the cable is all the way in.</li>
-          <li>Mount the device – Ensure the device is fully seated into the mount.</li>
-        </ul>
-      </Grid>
-    </div>
-    <hr />
-    <div class="step" id="step-5">
-      <Badge style="dark">Step 5 <span class="muted">of 5</span></Badge>
-      <h2>Reinstall the rearview mirror cover trim</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div class="image-grid">
-          <img src={Wires1Image} loading="lazy" alt="tidy up wires" />
-          <img src={Trim4Image} loading="lazy" alt="re-attach trim" />
-          <img src={WiresImage} loading="lazy" alt="wire management" />
-          <img src={TrimImage} loading="lazy" alt="reinstall trim" />
-        </div>
-        <ul>
-          <li>Ensure the car harness fully fits inside the trim.</li>
-          <li>Generally, it's best to have the OBD-C cable come out of the top.</li>
-        </ul>
-      </Grid>
-    </div>
-
-    <hr />
-    <div class="step">
-      <Badge style="dark">OPTIONAL STEP</Badge>
-      <h2>Pair your device with comma connect</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div>
-          <img src={StepSixImage} loading="lazy" alt="comma connect application logo" />
-        </div>
-        <div>
-          <p>
-            Pair your comma four with <a href="https://connect.comma.ai/" target="_blank" class="highlight">connect.comma.ai</a> on your phone to see your recorded drives.
-          </p>
-          <br />
-          <LinkButton href="https://connect.comma.ai/" target="_blank" style="primary" fullWidth={true}>comma Connect</LinkButton>
-        </div>
-      </Grid>
-    </div>
-
-    <hr />
-    <div class="step">
-      <Badge style="dark">OPTIONAL STEP</Badge>
-      <h2>Add the comma power</h2>
-      <Grid templateColumns="0.875fr 0.75fr">
-        <div>
-          <img src={CommaPowerImage} loading="lazy" alt="comma power" />
-        </div>
-        <div>
-          <p>
-            Installing the comma power is entirely optional and can be done at any time.
-            Simply connect one end to your car's OBD-II port and the other to the harness box.
-          </p>
-          <p>
-            With a comma power:
-          </p>
-          <ul>
-            <li>The start and end of every drive are recorded.</li>
-            <li>Your comma four remains powered and online while the car is off.</li>
-            <li>Your comma four downloads updates while the car is off.</li>
-          </ul>
-        </div>
-      </Grid>
-    </div>
-
-  </div>
-</section>
-
-<section class="light" id="faq">
-  <div class="container">
-    <Faq topic={faq.devices} title="Frequently asked questions" />
-  </div>
-</section>
-
-<style>
-  #installation-guide {
-    padding-bottom: 2rem;
-
-    & .header {
-      & hgroup {
-        margin-bottom: 2rem;
-
-        & h1 {
-          margin: 0;
-          font-size: 3rem;
-        }
-
-        & h2 {
-          margin: 0.5rem 0 0 0;
-          font-size: 2rem;
-          font-weight: normal;
-        }
-      }
-
-      & .media-container {
-        position: relative;
-        padding-bottom: 56.25%; /* 16:9 */
-        height: 0;
-
-        & iframe {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-        }
-      }
-
-      & .overview {
-        display: flex;
-        align-items: center;
-        justify-content: space-evenly;
-        margin: 2rem 0;
-
-        & div {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-
-        & span {
-          margin-left: 1rem;
-        }
-
-        & .divider {
-          width: 1px;
-          height: 3rem;
-          background-color: rgba(0, 0, 0, 0.2);
-          margin: 0 2.5rem;
-        }
-      }
-
-      & .parts-card {
-        border: 1px solid #000;
-        border-bottom: 0;
-        margin-bottom: 1.5rem;
-
-        & .header {
-          font-size: 0.875rem;
-          font-family: JetBrains Mono, monospace;
-          text-transform: uppercase;
-          color: #fff;
-          background-color: #000;
-          padding: 0.75rem 1rem;
-        }
-
-        & .contents {
-          display: flex;
-          flex-flow: column;
-          align-items: start;
-          justify-content: space-between;
-          padding: 0.875rem 1rem;
-          border-bottom: 1px solid #000;
-
-          & div {
-            width: 100%;
-
-            & .content-header {
-              display: flex;
-              align-items: center;
-              justify-content: start;
-              gap: 1rem;
-
-              & img {
-                min-width: 45px;
-                max-width: 60px;
-                object-fit: contain;
-                border: 1px solid rgba(0, 0, 0, 0.12);
-                padding: 0.5rem;
-              }
-
-              & span {
-                white-space: nowrap;
-
-                @media screen and (max-width: 480px) {
-                  white-space: normal;
-                }
-              }
-            }
-          }
-
-          & span {
-            text-align: end;
-          }
-
-          & li {
-            font-size: 1rem;
-            text-wrap: balance;
-          }
-        }
-      }
-    }
-  }
-
-  .card {
-    border: 1px solid #000;
-    border-bottom: 0;
-    margin-bottom: 4rem;
-
-    & .header {
-      font-size: 0.875rem;
-      font-family: JetBrains Mono, monospace;
-      text-transform: uppercase;
-      color: #fff;
-      background-color: #000;
-      padding: 0.75rem 1rem;
-    }
-
-    & .contents {
-      display: flex;
-      flex-flow: column;
-      align-items: start;
-      justify-content: space-between;
-      padding: 0.875rem 1rem;
-      border-bottom: 1px solid #000;
-    }
-  }
-
-  .step {
-    & h2 {
-      margin-top: 1rem;
-    }
-
-    & p, & li {
-      font-size: 1.5rem;
-
-      @media screen and (max-width: 1024px) {
-        font-size: 1.25rem;
-      }
-    }
-
-    & li {
-      margin-bottom: 1rem;
-    }
-
-    & .card {
-      margin-bottom: 1rem;
-    }
-
-    & .image-grid {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 0.7rem;
-      align-items: start;
-
-      & img {
-        width: 100%;
-        height: auto;
-      }
-
-      & .crop-wrapper {
-        overflow: hidden;
-        position: relative;
-        aspect-ratio: 1 / 1;
-
-        & img {
-          width: 100%;
-          height: 100%;
-          display: block;
-          object-fit: cover;
-          object-position: top;
-        }
-      }
-    }
-  }
-
-  #faq {
-    margin-bottom: 2rem;
-  }
-
-  hr {
-    margin: 2rem 0 3rem;
-  }
-
-  .vehicle-notes {
-    margin-top: 1rem;
-    font-size: 1.25rem;
-
-    & p {
-      margin: 0.25rem 0 0;
-    }
-
-    & .setup-notes {
-      width: 100%;
-      margin: 1rem 0 0.5rem;
-
-      & .note-heading {
-        font-weight: 600;
-        margin-bottom: 0.5rem;
-      }
-
-      & ul {
-        margin: 0;
-        padding-left: 1.5rem;
-      }
-
-      & li {
-        margin-bottom: 0.5rem;
-        font-size: 1.25rem;
-      }
-
-      & a {
-        color: #000;
-        border-bottom: 2px solid #86ff4e;
-        background-color: rgba(134, 255, 78, 0.15);
-      }
-
-      & .media-container {
-        position: relative;
-        padding-bottom: 56.25%; /* 16:9 */
-
-        & iframe {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-  }
-</style>
diff --git a/src/routes/shop/+page.svelte b/src/routes/shop/+page.svelte
deleted file mode 100644
index 0a3dc19d..00000000
--- a/src/routes/shop/+page.svelte
+++ /dev/null
@@ -1,458 +0,0 @@
-<script>
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import ProductCard from "$lib/components/ProductCard.svelte";
-  import Accordion from "$lib/components/Accordion.svelte";
-  import Button from "$lib/components/Button.svelte";
-  import Badge from "$lib/components/Badge.svelte";
-
-  import FourImage from "$lib/images/products/comma-four/four_screen_on.png";
-
-  import RecordingsIcon from "$lib/icons/features/recordings.svg?raw";
-  import CalendarIcon from "$lib/icons/features/calendar.svg?raw";
-  import CarIcon from "$lib/icons/features/car.svg?raw";
-  import BusinessIcon from "$lib/icons/features/business.svg?raw";
-  import ContactIcon from "$lib/icons/features/contact.svg?raw";
-  import ImmediateIcon from "$lib/icons/features/immediate.svg?raw";
-  import AdaptiveCruiseIcon from "$lib/icons/features/adaptive-cruise.svg?raw";
-  import LaneCenteringIcon from "$lib/icons/features/lane-centering.svg?raw";
-
-  import { FOUR_PRICE } from '$lib/constants/prices.js';
-  import { vehicleCountText } from '$lib/constants/vehicles.js';
-
-  import { addToCart } from "../../store";
-  import { products as productsData } from '$lib/data/products.js';
-  import { resolveImages } from '$lib/utils/images.js';
-
-  const componentOrder = [
-    'car-harness', 'replacement-mounts', 'panda', 'harness-connector',
-    'harness-box', 'obd-c-cable', 'comma-power', 'comma-prime-sim',
-    'panda-jungle', 'panda-paw', 'comma-ai-hoodie', 'comma-ai-beanie',
-    'comma-ai-t-shirt', 'comma-power-extender', 'comma-device-screen',
-    'comma-3x-back-case', 'comma-3x-out-of-warranty-repair',
-  ];
-
-  $: accessoryProducts = componentOrder
-    .map(name => {
-      const product = productsData[name];
-      if (!product || product.category !== 'accessories') return null;
-      return {
-        ...product,
-        images: resolveImages(product.images)
-      };
-    })
-    .filter(Boolean);
-</script>
-
-<section class="dark" id="devices">
-  <div class="container">
-    <article>
-      <div class="product-display gradient-bg">
-        <Grid columns={2} alignItems="center" size="large">
-          <div class="product-content">
-            <Badge style="accent">NEW DEVICE!</Badge>
-            <hgroup>
-              <h1>comma four</h1>
-              <span>${FOUR_PRICE}</span>
-              <span class="muted">or $699 after trade-in of any comma device</span>
-            </hgroup>
-            <LinkButton href="/shop/comma-four" style="secondary" fullWidth>
-              Buy now
-            </LinkButton>
-            <p>
-              Works with {vehicleCountText} cars from 27 brands.
-              <a class="highlight muted" href="/vehicles">Is your car compatible?</a>
-            </p>
-          </div>
-          <div class="mobile-first">
-            <img src={FourImage} loading="lazy" alt="comma four device" />
-          </div>
-        </Grid>
-      </div>
-      <div class="traits light">
-        <Grid columns={3} alignItems="stretch" columnGap="0" rowGap="0">
-          <div class="trait">
-            <div>{@html CarIcon}</div>
-            <hgroup>
-              <h2>Works with {vehicleCountText} cars</h2>
-              <div>
-                Compatible with {vehicleCountText} vehicles.
-                <a class="highlight" href="/vehicles">Check compatibility</a>.
-              </div>
-            </hgroup>
-          </div>
-          <div class="trait">
-            <div>{@html RecordingsIcon}</div>
-            <hgroup>
-              <h2>Easy to plug in</h2>
-              <div>
-                Check out our step-by-step guide. Get set up in your car in 15 minutes.
-              </div>
-            </hgroup>
-          </div>
-          <div class="trait">
-            <div>{@html CalendarIcon}</div>
-            <hgroup>
-              <h2>30-day money-back trial</h2>
-              <div>
-                See for yourself why Consumer Reports rated us as the
-                <a class="highlight" href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf" target="_blank">top ADAS system</a>.
-              </div>
-            </hgroup>
-          </div>
-        </Grid>
-      </div>
-    </article>
-
-  </div>
-</section>
-
-<section class="light" id="accessories">
-  <div class="container">
-    <hr />
-    <h1>Accessories</h1>
-    <div class="products-list">
-      <Grid columns={3} alignItems="stretch">
-        {#each accessoryProducts as product}
-          <ProductCard {product} />
-        {/each}
-      </Grid>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="services">
-  <div class="container">
-    <hr />
-    <h1>Services</h1>
-    <div class="service-item">
-      <Accordion style="dark">
-        <div class="service-label" slot="label">
-          <hgroup>
-            <h2>Custom car ports</h2>
-            <p>
-              Hire the openpilot team to add support for additional car brands
-              and models.
-            </p>
-            <span>See pricing</span>
-          </hgroup>
-        </div>
-        <div class="service-details" slot="content">
-          <Grid columns={2}>
-            <div>
-              <h3>Overview</h3>
-              <p>
-                comma openpilot is an open source driver-assistance system.
-                Currently, openpilot performs the functions of Adaptive Cruise
-                Control (ACC) and Automated Lane Centering (ALC) and Lane Change
-                Assist for <a class="highlight" href="/vehicles" tabindex="0">compatible vehicles</a>.
-                It performs similarly to Tesla Autopilot and GM Super Cruise.
-                openpilot can steer, accelerate, and brake automatically for other vehicles within its lane.
-              </p>
-              <p>
-                Hire the comma openpilot team to add dedicated support for a new
-                make or model vehicle that has electronically controllable gas,
-                brake, and steering. We will work until the port is upstreamed,
-                or on a branch for non production cars.<br />
-              </p>
-              <p>
-                A car must be provided to comma prior to beginning the project.
-                The porting fee includes an installed working comma four when the
-                car is returned and open sourcing of the required interface
-                hardware.<br />
-              </p>
-              <p>
-                This service is intended for pre/non production vehicles. For
-                production vehicles on the market today, we will likely do the
-                port much cheaper, perhaps as cheap as the cost of the car.
-              </p>
-              <strong>Included</strong>
-              <ul>
-                <li>Fully working port for openpilot</li>
-                <li>comma four installed in returned car</li>
-                <li>Completed in 12 weeks</li>
-              </ul>
-              <strong>Pricing</strong>
-              <ul>
-                <li>$50,000 Down Payment (immediate)</li>
-                <li>$500,000 Total (due at start of project)</li>
-              </ul>
-              <hr />
-              <span class="price">$50,000.00</span>
-              <Button
-                style="accent"
-                on:click={() => {
-                  addToCart("gid://shopify/ProductVariant/31864934662207");
-                }}
-              >
-                Add to cart
-              </Button>
-            </div>
-            <div>
-              <div class="side-by-side">
-                {@html AdaptiveCruiseIcon}
-                <hgroup>
-                  <h4>Adaptive Cruise</h4>
-                  <p>
-                    Adjusts speed to maintain a safe distance from vehicles
-                    ahead.
-                  </p>
-                </hgroup>
-              </div>
-              <hr />
-              <div class="side-by-side">
-                {@html LaneCenteringIcon}
-                <hgroup>
-                  <h4>Auto Lane Centering</h4>
-                  <p>
-                    Steers and brakes to continually center the vehicle in its
-                    lane.
-                  </p>
-                </hgroup>
-              </div>
-              <hr />
-              <div class="side-by-side">
-                {@html ImmediateIcon}
-                <hgroup>
-                  <h4>Completed in 12 Weeks</h4>
-                  <p>Get the fully working port for openpilot upstreamed.</p>
-                </hgroup>
-              </div>
-            </div>
-          </Grid>
-        </div>
-      </Accordion>
-    </div>
-  </div>
-</section>
-
-<style>
-  section {
-    background-color: unset;
-  }
-
-  #devices {
-    padding-bottom: 0;
-
-    & article {
-      border: 1px solid #000;
-
-      &:first-of-type {
-        margin-bottom: 4rem;
-      }
-    }
-
-    & .gradient-bg {
-      background: linear-gradient(135deg, #111 50%, #023807);
-    }
-
-    & .product-display {
-      padding: 6rem;
-      background-color: black;
-
-      & hgroup {
-        margin-bottom: 2rem;
-
-        & h1 {
-          font-size: 2.5rem;
-        }
-
-        & span {
-          display: block;
-
-          &:first-of-type {
-            font-size: 1.5rem;
-          }
-
-          &.muted {
-            font-size: 1rem;
-            margin-top: 0.25rem;
-          }
-        }
-
-      }
-
-      & p {
-        font-size: 1.125rem;
-        color: white;
-      }
-
-      & .muted {
-        color: white;
-        opacity: 0.75;
-      }
-    }
-
-    & .traits {
-      align-items: stretch;
-
-      & .trait {
-        display: flex;
-        align-content: flex-start;
-        padding: 1.5rem;
-
-        & svg {
-          margin-right: 1rem;
-        }
-
-        & h2 {
-          font-size: 1rem;
-          font-weight: 600;
-          text-transform: uppercase;
-          margin-bottom: 0.5rem;
-        }
-
-        border-right: 1px solid #000;
-
-        &:last-of-type {
-          border-right: none;
-        }
-      }
-    }
-
-    @media only screen and (max-width: 1160px) {
-      & .product-display {
-        padding: 2rem;
-        text-align: center;
-
-        & .product-content {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-
-          & > a {
-            width: 100%;
-            box-sizing: border-box;
-          }
-        }
-      }
-
-      & .trait {
-        flex-wrap: wrap;
-
-        & svg {
-          margin-right: 0;
-          margin-bottom: 1rem;
-        }
-      }
-    }
-
-    @media only screen and (max-width: 768px) {
-      & .trait {
-        flex-wrap: nowrap;
-
-        border-right: none !important;
-        border-bottom: 1px solid #000;
-      }
-
-      & .trait:last-of-type {
-        border-bottom: none;
-      }
-    }
-  }
-
-  section .container > hr {
-    margin-top: 0rem;
-    margin-bottom: 2rem;
-
-    & + h1 {
-      margin-bottom: 3rem;
-    }
-  }
-
-  .products-list {
-    margin: 2rem 0;
-  }
-
-  #accessories {
-    & .shop-accessories-label {
-      text-align: center;
-      padding: 2rem 0;
-      margin-bottom: 0;
-      font-size: 1.25rem;
-      font-weight: 600;
-    }
-
-    & .shop-accessories-list {
-      margin-top: 2rem;
-    }
-  }
-
-  .service-item {
-    margin-bottom: 3rem;
-
-    & .service-label {
-      color: white;
-      background-color: black;
-      padding: 2rem;
-
-      & hgroup {
-        & * {
-          color: white;
-          line-height: 1.25;
-        }
-
-        & h2 {
-          margin-bottom: 0.25rem;
-          font-size: 1.75rem;
-          font-weight: 600;
-        }
-
-        & p {
-          opacity: 0.65;
-          font-size: 1.25rem;
-          margin-top: 0;
-        }
-
-        & span {
-          margin-top: 0.875rem;
-          font-size: 1.25rem;
-        }
-      }
-      color: white;
-      font-size: 1.5rem;
-      font-weight: 600;
-    }
-
-    & .service-details {
-      border: 1px solid #000;
-      padding: 3rem 2rem;
-      color: black;
-
-      & h3 {
-        margin-top: 0;
-      }
-
-      & span {
-        font-weight: 700;
-      }
-
-      & hr {
-        margin: 1.5rem 0;
-      }
-
-      & .side-by-side {
-        display: flex;
-        align-items: center;
-        color: black;
-
-        & hgroup {
-          margin-left: 1rem;
-
-          & * {
-            margin: 0;
-          }
-          & h4 {
-            font-weight: 600;
-          }
-        }
-      }
-
-      & .price {
-        display: block;
-        margin-bottom: 1rem;
-        color: #4a4a4a;
-      }
-    }
-  }
-</style>
diff --git a/src/routes/shop/[product]/+page.js b/src/routes/shop/[product]/+page.js
deleted file mode 100644
index 5e74c9c0..00000000
--- a/src/routes/shop/[product]/+page.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import { getProduct } from '$lib/utils/shopify';
-import { error } from '@sveltejs/kit';
-import { products as productsData } from '$lib/data/products.js';
-import { resolveImages } from '$lib/utils/images.js';
-
-// Helper to convert product-slug to PascalCase component name
-function slugToComponentName(slug) {
-  // Special case for comma-3x -> Comma3X
-  if (slug === 'comma-four') {
-    return 'CommaFour';
-  }
-  return slug
-    .split('-')
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join('');
-}
-
-export async function load({ url, params }) {
-  // Support both dynamic routes and explicit routes like /shop/comma-3x
-  const productId = params.product || url.pathname.split('/').filter(Boolean).pop();
-  const productInfo = productsData[productId];
-
-  if (!productInfo) {
-    throw error(404, { message: `Product "${productId}" not found` });
-  }
-
-  // Resolve image imports
-  const resolvedImages = resolveImages(productInfo.images);
-
-  // Load custom component if needed
-  let descriptionComponent = null;
-  if (productInfo.hasCustomComponent) {
-    const componentName = slugToComponentName(productId);
-    try {
-      const module = await import(`$lib/components/ProductDescriptions/${componentName}.svelte`);
-      descriptionComponent = module.default;
-    } catch (e) {
-      console.error(`Failed to load custom component for ${productId}:`, e);
-    }
-  }
-
-  // Fetch from Shopify
-  const response = await getProduct(productInfo.id);
-  if (response.status === 200) {
-    const product = response.body?.data?.product;
-    if (product) {
-      return {
-        product: {
-          ...product,
-          ...productInfo,
-          images: resolvedImages
-        },
-        descriptionComponent
-      };
-    }
-    throw error(404, {
-      message: response.body.errors.map(e => e.message).join(', ')
-    });
-  } else {
-    console.error(response);
-    throw error(response.status, {
-      message: "Error fetching product"
-    });
-  }
-}
diff --git a/src/routes/shop/[product]/+page.svelte b/src/routes/shop/[product]/+page.svelte
deleted file mode 100644
index d27ee91e..00000000
--- a/src/routes/shop/[product]/+page.svelte
+++ /dev/null
@@ -1,40 +0,0 @@
-<script>
-  import Product from "$lib/components/Product.svelte";
-  import NoteCard from "$lib/components/NoteCard.svelte";
-
-  export let data;
-  $: ({ product, descriptionComponent } = data);
-</script>
-
-<svelte:head>
-  <title>{product.title} — comma shop</title>
-</svelte:head>
-
-<section class="light" id="product-item">
-  <div class="container">
-    {#if descriptionComponent}
-      <svelte:component this={descriptionComponent} {product}/>
-    {:else}
-      <Product
-        {product}
-        backordered={product.backordered || null}
-        backorderedPrefix={product.backorderedPrefix ?? "ships in "}
-        forceOutOfStock={product.forceOutOfStock || false}
-        hideOutOfStockVariants={product.hideOutOfStockVariants || false}
-      >
-        <div slot="notes">
-          {#each product.notes || [] as note}
-            <NoteCard title={note.title}>
-              {@html note.content}
-            </NoteCard>
-          {/each}
-        </div>
-        <div slot="description">
-          {#if product.description}
-            {@html product.description}
-          {/if}
-        </div>
-      </Product>
-    {/if}
-  </div>
-</section>
diff --git a/src/routes/shop/body/+page.js b/src/routes/shop/body/+page.js
deleted file mode 100644
index 26467f9d..00000000
--- a/src/routes/shop/body/+page.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Register route with Sveletekit, but pass-through to generic product server load
-import { load as productLoad } from '../[product]/+page.js';
-
-export async function load(event) {
-  const data = await productLoad(event);
-  data.product.forceOutOfStock = true;
-  return data;
-}
\ No newline at end of file
diff --git a/src/routes/shop/body/+page.svelte b/src/routes/shop/body/+page.svelte
deleted file mode 100644
index c4458b48..00000000
--- a/src/routes/shop/body/+page.svelte
+++ /dev/null
@@ -1,476 +0,0 @@
-<script>
-  import ProductPage from "../[product]/+page.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import Accordion from "$lib/components/Accordion.svelte";
-  import Badge from "$lib/components/Badge.svelte";
-  import MailingListForm from "$lib/components/MailingListForm.svelte";
-  import NoteCard from "$lib/components/NoteCard.svelte";
-  import CommunityBanner from "$lib/components/CommunityBanner.svelte";
-  
-
-  import CommaBodyHeightImage from "$lib/images/comma-body-height.png";
-  import CommaBodyWinkImage from "$lib/images/comma-body-wink.gif";
-  import CommaBodyScreenImage from "$lib/images/comma-body-screen.jpg";
-  import CommaBodyBaseImage from "$lib/images/comma-body-base.jpg";
-  import CommaBodyInternalsImage from "$lib/images/comma-body-internals.jpg";
-  import CommaBodyAssemblyImage from "$lib/images/comma-body-assembly.jpeg";
-
-  import ThreeSixtyVisionIcon from "$lib/icons/features/360-vision.svg?raw";
-  import DialsIcon from "$lib/icons/features/dials.svg?raw";
-  import UbuntuIcon from "$lib/icons/features/ubuntu.svg?raw";
-  import CommandLineIcon from "$lib/icons/features/command-line.svg?raw";
-
-  export let data;
-</script>
-
-<ProductPage {data} />
-
-<section class="light" id="overview">
-  <div class="container">
-    <h1>
-      The body is a robotics dev kit that can run <a href="https://github.com/commaai/openpilot" class="highlight">openpilot</a>,
-      open source software with over a million hours of usage in the field.
-    </h1>
-    <img src={CommaBodyHeightImage} loading="lazy" alt="comma body height comparison" width="424px" />
-    <h1 style="text-wrap: balance;">
-      We believe that in order to solve AI, you must be embedded in the real world.
-    </h1>
-    <img src={CommaBodyWinkImage} loading="lazy" alt="comma body screen with winking animation" width="70%" />
-  </div>
-</section>
-
-<section class="dark" id="features">
-  <div class="container">
-    <div class="features">
-      <h1>The body is human scale, and has a human usable development environment.</h1>
-      <div class="image-grid">
-        <Grid columns={3} alignItems="center">
-          <img src={CommaBodyScreenImage} loading="lazy" alt="comma body screen" />
-          <img src={CommaBodyBaseImage} loading="lazy" alt="comma body base" />
-          <img src={CommaBodyInternalsImage} loading="lazy" alt="comma body internals" />
-        </Grid>
-      </div>
-      <div class="item">
-        <Accordion style="dark">
-          <div class="label" slot="label">
-            {@html ThreeSixtyVisionIcon}
-            <span>Sensorium streaming</span>
-          </div>
-          <div class="details" slot="content">
-            The comma 3X has 3 cameras, broadcast with sub 100 ms latency through an H265 encoder.
-            Onboard, it has a Kalman filter running at 100Hz integrating the IMU and camera odometry to determine it's 3-DoF position.
-            With the addition of a little <a href="https://www.youtube.com/watch?v=7Hlb8YX2-W8" target="_blank" class="highlight muted">SLAM</a>,
-            it will be easy to get 6-DoF that exceeds the precision of VR headsets.
-            It also integrates with <a href="https://github.com/commaai/plotjuggler" target="_blank" class="highlight muted">Plotjuggler</a> for plotting and debugging.
-            All the tools for openpilot development work on the body.
-          </div>
-        </Accordion>
-      </div>
-      <div class="item">
-        <Accordion style="dark">
-          <div class="label" slot="label">
-            {@html DialsIcon}
-            <span>Precise motor control</span>
-          </div>
-          <div class="details" slot="content">
-            The body base has <a href="https://github.com/commaai/body" target="_blank" class="highlight muted">open source firmware</a>
-            directly controlling two 150W sensored brushless motors, allowing instant torque.
-            And since they have hall effect sensors, you have precise wheel odometry without an encoder that can slip.
-            It uses an industry standard CAN bus for all communication,
-            has an <a href="https://blog.comma.ai/working-with-comma-a-guide-for-car-companies/" target="_blank" class="highlight muted">OBD-C connector</a>,
-            and appears to the comma 3X like a car.
-        </div>
-        </Accordion>
-      </div>
-      <div class="item">
-        <Accordion style="dark">
-          <div class="label" slot="label">
-            {@html UbuntuIcon}
-            <span>Runs Ubuntu 20.04</span>
-          </div>
-          <div class="details" slot="content">
-            The comma 3X runs Ubuntu with a normal SSH server.
-            It's responsive enough to develop on, including with VS Code remote.
-            No dealing with cross compilation, downloading firmware, and stupid variants of Linux like Yocto that dev kits love to run.
-            It's full apt-get ready Ubuntu; git, vim, tmux all included.
-          </div>
-        </Accordion>
-      </div>
-      <div class="item">
-        <Accordion style="dark">
-          <div class="label" slot="label">
-            {@html CommandLineIcon}
-            <span>Open source software</span>
-          </div>
-          <div class="details" slot="content">
-            The comma body runs our open source software, <a href="https://github.com/commaai/openpilot" target="_blank" class="highlight muted">openpilot</a>.
-            From openpilot’s perspective, the comma body is a car.
-            It runs the same camera and logging software, so we’ll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.
-          </div>
-        </Accordion>
-      </div>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="technical-specs">
-  <div class="container">
-    <div class="technical-specs">
-      <h1>Technical Specs</h1>
-      <div class="chart">
-        <Grid columns={3}>
-          <div class="body-assembly">
-            <img src={CommaBodyAssemblyImage} loading="lazy" alt="comma body assembly" width="70%" />
-          </div>
-          <div>
-            <div class="header">
-              <Badge style="dark">Dimensions</Badge>
-            </div>
-            <div class="spec">
-              <div>dimensions</div>
-              <span class="muted">6.5" L x 1' 3.5" W x 4' 8" H</span>
-              <span class="muted">(16.5cm x 39.5cm x 142.3cm)</span>
-            </div>
-            <div class="spec">
-              <div>weight</div>
-              <span class="muted">18lbs / 8.16kg</span>
-            </div>
-            <div class="spec">
-              <div>maximum speed</div>
-              <span class="muted">1 m/s</span>
-            </div>
-            <div class="spec">
-              <div>motors</div>
-              <span class="muted">2 x 150W</span>
-            </div>
-          </div>
-          <div>
-            <div class="header">
-              <Badge style="dark">Power</Badge>
-            </div>
-            <div class="spec">
-              <div>battery capacity</div>
-              <span class="muted">100Wh (Li-ion)</span>
-            </div>
-            <div class="spec">
-              <div>nominal battery voltage</div>
-              <span class="muted">25.2V</span>
-            </div>
-            <div class="spec">
-              <div>typical runtime (joystick control)</div>
-              <span class="muted">~2 hours</span>
-            </div>
-            <div class="spec">
-              <div>standby time (balancing)</div>
-              <span class="muted">~6-7 hours</span>
-            </div>
-            <div class="spec">
-              <div>charger</div>
-              <span class="muted">29.4V 2A</span>
-            </div>
-            <div class="spec">
-              <div>time to charge</div>
-              <span class="muted">~2 hours</span>
-              <br />
-              <span class="muted">Can be charged while powered on and balancing.</span>
-            </div>
-          </div>
-        </Grid>
-      </div>
-      <div class="mailing-list">
-        <Badge style="dark">Follow along</Badge>
-        <h1>Get body updates</h1>
-        <div class="form">
-          <MailingListForm label="Email" />
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-
-<ProductPage {data} />
-
-<section class="light" id="description">
-  <div class="container">
-    <Grid templateColumns="0.5fr 1.25fr" rowGap="0">
-      <h2>Overview</h2>
-      <div class="description">
-        <h3>What is the comma body?</h3>
-        <p>
-          comma body is “the future of people.” You buy a comma body, buy a comma 3X (the head), attach the comma 3X to the body, and watch it come to life.
-        </p>
-        <p>
-          We believe that in order to solve AI, for most peoples’ definition, you must be embedded in the real world.
-          We define AI as a machine that can do every task at least as well as a human.
-          And in order to do human tasks, it helps a lot to have a human-like body.
-          The comma body is the beginning of that journey.
-        </p>
-        <p>
-          Today, it’s a mobile platform for the comma 3X, but we will be building a knee and arms for it.
-          Like everything we do, we try to distill the problem down to its essence, so unlike some companies, we aren’t focused on the humanoid shape.
-          Wheels are a fine form of locomotion for cooking and cleaning, the dream tasks of the comma body.
-          Two arms, a knee, and a comma 3X should complete a comma person (sold separately, the knee and arm may come in the future).
-        </p>
-        <h3>What software does it run?</h3>
-        <p>
-          The comma body runs openpilot! From openpilot’s perspective, the comma body is a car.
-          It runs the same camera and logging software, so we’ll be able to learn from the fleet of bodies in the same way we learn from our fleet of cars.
-        </p>
-        <p>
-          At launch, the software will balance the body (using the same localizer as the car!) and allow you to drive it around via web interface.
-          Shortly we’ll add video streaming to that web interface, allowing you to drive your body outside line of sight.
-          We’d also like to add a VR app to drive the body from a first person view, this will be needed by the time we ship the arms.
-        </p>
-        <p>
-          Once we start getting data back from our body fleet, we can train models.
-          The first model we will train (jointly with the driving model!) is a posenet, allowing inside out position tracking.
-          When this model is shipped, the localizer will change from 3-DoF to 6-DoF.
-          And once the dead reckoning is similar quality to what we have on the cars, adding a SLAM system will be very simple to allow drift free localization in your environment.
-        </p>
-        <p>
-          Read more: <a href="https://blog.comma.ai/commabody/" target="_blank" class="highlight">Launching the comma body</a>
-        </p>
-        <p>
-          comma body software: <a href="https://github.com/commaai/body" target="_blank" class="highlight">GitHub</a>
-        </p>
-        <NoteCard title="Note">
-          comma body shouldn’t go anywhere you couldn’t go on a hoverboard, so no stairs, etc.
-        </NoteCard>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>In the Box</h2>
-      <div>
-        <ul>
-          <li>comma body kit (base, rails, and hardware)</li>
-          <li>1 29.4V 2A charger</li>
-          <li>1 mount [compatible with the comma 3X (not included)]</li>
-          <li>1 USB-C 6.6ft 90 deg cable</li>
-          <li>1 set of wheels</li>
-          <li>1 helmet</li>
-        </ul>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Tech Specs</h2>
-      <div>
-        <ul>
-          <li>
-            <strong>Dimensions:</strong>
-            6.5" L x 1' 3.5" W x 4' 8" H (16.5cm x 39.5cm x 142.3cm)
-          </li>
-          <li>
-            <strong>Weight:</strong>
-            Device: 18 lbs (8 kg), Charger: 1 lb (0.5 kg)
-          </li>
-          <li>
-            <strong>Motors:</strong>
-            2 x 150W
-          </li>
-          <li>
-            <strong>Battery charge time:</strong>
-            Device charges in approximately 2 hours when powered off using the included charger. Can be charged while powered on and balancing.
-          </li>
-          <li>
-            <strong>Battery type:</strong>
-            Lithium-Ion rechargeable battery, 25.2V 100Wh
-          </li>
-          <li>
-            <strong>Height when assembled:</strong>
-            4' 8”(142.24cm)
-          </li>
-        </ul>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Fine Print</h2>
-      <div class="fine-print-copy">
-        <strong>30-Day Return</strong>
-        <p>
-          If for any reason you are dissatisfied with anything purchased at the comma.ai shop, ship it back within 30 days for a full refund.
-          <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight">comma.ai/returns</a>
-        </p>
-        <strong>Shipping</strong>
-        <p>
-          Free US shipping; we ship with UPS and signature confirmation.
-          This item cannot be shipped internationally, but hopefully this will change in the near future.
-          We do not currently offer expedited shipping. Orders are typically fulfilled during the week of purchase.
-        </p>
-        <strong>Warranty</strong>
-        <p>1-year limited warranty against hardware defects.</p>
-      </div>
-    </Grid>
-  </div>
-</section>
-
-<section class="dark" id="links">
-  <div class="container">
-    <CommunityBanner />
-  </div>
-</section>
-
-<style>
-  p {
-    font-size: 1.25rem;
-  }
-
-  hr {
-    margin: 3rem 0;
-  }
-
-  h1 {
-    font-size: 3rem;
-    font-weight: 400;
-    line-height: 1.4;
-
-    @media screen and (max-width: 768px) {
-      font-size:2rem;
-    }
-  }
-
-  #overview {
-    text-align: center;
-
-    & img {
-      display: block;
-      margin: 6rem auto;
-
-      @media screen and (max-width: 768px) {
-        margin: 3rem auto;
-      }
-    }
-  }
-
-  .features {
-    & h1 {
-      text-align: center;
-    }
-
-& .image-grid {
-      margin-bottom: 5rem;
-      
-      & img {
-        width: 100%;
-        height: auto;
-        border-radius: 8px;
-      }
-
-      @media screen and (max-width: 768px) {
-        & {
-          margin-bottom: 3rem;
-        }
-      }
-    }
-
-    & .item {
-      padding: 0.5rem 0;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.85);
-
-      & .label {
-        font-size: 1.2rem;
-        font-family: JetBrains Mono, monospace;
-        font-weight: 400;
-        text-transform: uppercase;
-        padding: 1rem 0;
-        display: flex;
-        align-items: center;
-
-        & span {
-          margin-left: 1rem;
-        }
-      }
-
-      & .details {
-        max-width: 90%;
-        font-size: 1.2rem;
-        line-height: 1.6;
-        margin-bottom: 1rem;
-      }
-    }
-  }
-
-  #technical-specs {
-    border-bottom: 1px solid #000;
-    margin-bottom: 3rem;
-
-    & .technical-specs {
-      & h1 {
-        text-align: center;
-      }
-
-      & img {
-        display: block;
-      }
-
-      & .chart {
-        margin: 4rem auto;
-
-        & .body-assembly img {
-          margin: 0 auto 2rem;
-          max-width: 50%;
-        }
-      }
-
-      & .header {
-        margin-bottom: 1rem;
-      }
-
-      & .spec {
-        padding-bottom: 1.5rem;
-
-        & span {
-          display: block;
-        }
-      }
-    }
-
-    & .mailing-list {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      & .form {
-        width: 45ch;
-        color: black;
-      }
-
-      @media screen and (max-width: 480px) {
-        & .form {
-          width: 100%;
-        }
-      }
-    }
-  }
-
-  #description {
-    & h3 {
-      font-weight: 600;
-    }
-
-    & h3:first-of-type {
-      margin-top: 1rem;
-    }
-
-    & li {
-      font-size: 1.25rem;
-    }
-
-    @media screen and (max-width: 1024px) {
-      & {
-        margin-bottom: 3rem;
-      }
-    }
-
-    & .fine-print-copy {
-      padding: 1rem 3rem;
-      background-color: #fafafa;
-
-      & strong + p {
-        margin-top: 0.5rem;
-      }
-    }
-  }
-</style>
diff --git a/src/routes/shop/comma-four-trade-in/+page.svelte b/src/routes/shop/comma-four-trade-in/+page.svelte
deleted file mode 100644
index afb00675..00000000
--- a/src/routes/shop/comma-four-trade-in/+page.svelte
+++ /dev/null
@@ -1,100 +0,0 @@
-<script>
-</script>
-
-<svelte:head>
-  <title>comma four trade-in — comma shop</title>
-</svelte:head>
-
-<section class="light" id="trade-in">
-  <div class="container">
-    <h1>comma four trade-in</h1>
-
-    <div class="content">
-      <p>
-        Trade in any older comma device (EON, comma two, comma three, or comma 3X) for $250 credit towards a brand new comma four. Device can be in any condition as long as you are the original purchaser.
-      </p>
-
-      <hr>
-      <strong>Trade-in Instructions</strong>
-      <p>
-        1. Check the trade-in option on the <a href="/shop/comma-four" class="highlight">comma four</a> product page. If you forgot to do this before placing your order, please contact <a href="/support" class="highlight">support</a>.
-      </p>
-      <p>
-        2. We ship you a new comma four.
-      </p>
-      <p>
-        3. Ship your old comma device back to us with tracking within 30 days of receiving your new comma four.
-        <br>
-        <u>You must include your trade-in comma four order number <b>and</b> the trade-in device's original order number <b>inside</b> the box.</u>
-        Can't find it? Open a ticket with <a href="/support" class="highlight">support</a>.
-      </p>
-      <p>Address to:</p>
-      <p style="margin-left: 1em; font-size: 0.75em"><b>
-        comma four upgrade<br>
-        Upgrade Order #<br>
-        3900 Harney Street<br>
-        San Diego, CA 92110<br>
-      </b></p>
-      <p>
-        4. When the old comma device arrives, we apply your trade-in credit ($250) to your original payment method. Please give us 1-2 business days to process the device once it arrives.
-      </p>
-
-      <hr>
-      <strong>THE FINE PRINT</strong>
-      <ul>
-        <li>
-          This trade-in offer is ONLY good for the original device owner. <b>What does this mean?</b> The device sent for trade-in must have been purchased
-          from the comma shop by the same person purchasing the comma four trade-in offer. The name and/or address on the original and new comma four order must
-          be the same. Resale and second market devices do not qualify for trade-in at this time. You must include your original comma device's order number <b>and</b>
-          your trade-in order number with your device when returning it. We reserve the right to cancel orders that do not follow this policy.
-        </li>
-        <li>
-          Devices sent in for trade-in cannot be returned, even if you cancel or return your order later.
-        </li>
-        <li>
-          This offer is for new comma four purchases only.
-        </li>
-        <li>
-          Trade-in device must be shipped back to us within 30 days of receiving your new comma four. We are not responsible for lost or damaged packages.
-          Please be sure to have tracking on your package. Ship your device according to local laws and regulations.
-        </li>
-      </ul>
-    </div>
-  </div>
-</section>
-
-<style>
-  h1 {
-    font-size: 2.5rem;
-    font-weight: 600;
-    margin-bottom: 2rem;
-  }
-
-  li {
-    font-size: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .content {
-    max-width: 800px;
-    line-height: 1.6;
-  }
-
-  .content strong {
-    display: block;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-    font-size: 1.25rem;
-  }
-
-  .content p {
-    margin: 1rem 0;
-  }
-
-  .content hr {
-    margin: 2rem 0;
-    border: none;
-    border-top: 1px solid rgba(0, 0, 0, 0.15);
-  }
-</style>
-
diff --git a/src/routes/shop/comma-four/+page.js b/src/routes/shop/comma-four/+page.js
deleted file mode 100644
index 9933d933..00000000
--- a/src/routes/shop/comma-four/+page.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Register route with Sveletekit, but pass-through to generic product server load
-import { load as productLoad } from '../[product]/+page.js';
-
-export async function load(event) {
-  return await productLoad(event);
-}
diff --git a/src/routes/shop/comma-four/+page.svelte b/src/routes/shop/comma-four/+page.svelte
deleted file mode 100644
index c5c2a7a9..00000000
--- a/src/routes/shop/comma-four/+page.svelte
+++ /dev/null
@@ -1,615 +0,0 @@
-<script>
-  import ProductPage from "../[product]/+page.svelte";
-  import Grid from "$lib/components/Grid.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-  import SetupGuide from "$lib/components/SetupGuide.svelte";
-  import Faq from "$lib/components/Faq.svelte";
-  import Space from "$lib/components/Space.svelte";
-
-  import { faq } from "$lib/constants/faq.svelte";
-
-  import FourImage from "$lib/images/products/comma-four/four_screen_on.png";
-  import OBDCCableImage from "$lib/images/products/obd-c-cable/obd-c-cable-four.png";
-  import ReplacementMountsImage from "$lib/images/products/replacement-mounts/replacement-mounts-four.png";
-  import CarBrandCollageImage from "$lib/images/car-brand-collage.jpg";
-  import CoolingImage from "$lib/images/products/comma-four/cooling.png";
-  import DeviceFrameImage from "$lib/images/products/comma-four/four_front.png";
-
-  import SettingsVideo from "$lib/images/products/comma-four/settings.mp4";
-  import EngageDisengageVideo from "$lib/images/products/comma-four/engage_disengage.mp4";
-  import SteeringArcVideo from "$lib/images/products/comma-four/steering_arc.mp4";
-  import ConfidenceBallVideo from "$lib/images/products/comma-four/confidence_ball.mp4";
-
-  import MemoryIcon from "$lib/icons/features/memory.svg?raw";
-  import ThreeSixtyVisionIcon from "$lib/icons/features/360-vision.svg?raw";
-  import ProcessorIcon from "$lib/icons/features/processor.svg?raw";
-  import ConnectivityIcon from "$lib/icons/features/connectivity.svg?raw";
-  import MoonIcon from "$lib/icons/features/moon.svg?raw";
-  import DisplayIcon from "$lib/icons/features/display.svg?raw";
-  import CableIcon from "$lib/icons/features/cable.svg?raw";
-  import LocationIcon from "$lib/icons/features/location.svg?raw";
-  import { vehicleCountText } from '$lib/constants/vehicles.js';
-
-  export let data;
-</script>
-
-<ProductPage {data} />
-
-<section class="light" id="description">
-  <div class="container">
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Meet the comma four</h2>
-      <div class="description">
-        <p>
-          comma four is our next generation hardware. It packs the same compute, sensor suite, and functionality as comma 3X into a package one-fifth the size, making it the ideal form factor for your windshield.
-        </p>
-        <p>
-          It runs <a class="highlight" href="/openpilot">openpilot</a>, which can drive for hours without driver intervention.
-        </p>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>In the Box</h2>
-      <div class="box-contents">
-        <div>
-          <img src={FourImage} loading="lazy" alt="comma four device">
-          <p>comma four</p>
-        </div>
-        <div>
-          <img src={OBDCCableImage} loading="lazy" alt="2ft OBD-C cable">
-          <p>2ft OBD-C cable</p>
-        </div>
-        <div>
-          <img src={ReplacementMountsImage} loading="lazy" alt="mount">
-          <p>2 mounts</p>
-        </div>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>On-device Storage</h2>
-      <div>
-        <p>comma four includes on-board storage to store your drives.</p>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html MemoryIcon}</div>
-            <span>Storage</span>
-          </div>
-          <div class="contents">
-            <hgroup>
-              <strong>128<span class="unit">GB</span></strong>
-              <span>built in storage</span>
-            </hgroup>
-            <div>10 hours of footage</div>
-          </div>
-        </div>
-        <p>
-          Want your video footage saved for longer? – Sign up for comma prime for 1 year of cloud video storage.
-        </p>
-        <p>
-          comma four includes one free month of comma prime.
-          To claim your free prime trial, log into <a href="https://connect.comma.ai/" target="_blank" class="highlight">comma connect</a>.
-          Once paired, you can see your recorded drives, SSH into your device from anywhere, and more.
-        </p>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Tech Specs</h2>
-      <div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html ThreeSixtyVisionIcon}</div>
-            <span>Cameras</span>
-          </div>
-          <div class="contents">
-            Dual-cam 360° vision and a narrow cam to see far-away objects
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html ProcessorIcon}</div>
-            <span>Processor</span>
-          </div>
-          <div class="contents">
-            <span>Qualcomm Snapdragon 845 <span class="max-gradient">MAX</span><br><br>Max cooling for quiet sustained peak performance.</span>
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html LocationIcon}</div>
-            <span>Sensors</span>
-          </div>
-          <div class="contents">
-            <ul>
-              <li>3D Accelerometer</li>
-              <li>3D Gyroscope</li>
-              <li>High-precision GPS</li>
-              <li>Microphone</li>
-            </ul>
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html MemoryIcon}</div>
-            <span>Can FD Enabled</span>
-          </div>
-          <div class="contents">
-            Supports CAN FD vehicles without extra hardware
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html MemoryIcon}</div>
-            <span>Storage</span>
-          </div>
-          <div class="contents">
-            128GB built in storage
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html ConnectivityIcon}</div>
-            <span>Connectivity</span>
-          </div>
-          <div class="contents">
-            <ul>
-              <li>LTE</li>
-              <li>Wi-Fi</li>
-            </ul>
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html MoonIcon}</div>
-            <span>Night-Vision</span>
-          </div>
-          <div class="contents">
-            IR LED for interior night-vision monitoring
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html DisplayIcon}</div>
-            <span>Display</span>
-          </div>
-          <div class="contents">
-            1.9" 300 PPI OLED display
-          </div>
-        </div>
-        <div class="spec-card">
-          <div class="header">
-            <div>{@html CableIcon}</div>
-            <span>Ports</span>
-          </div>
-          <div class="contents">
-            <ul>
-              <li>OBD-C port (USB-C w/ CAN)</li>
-              <li>USB 3.1 Gen 2 port</li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </Grid>
-    <hr />
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Snapdragon 845 <span class="max-gradient">MAX</span></h2>
-      <div class="cooling-section">
-        <img src={CoolingImage} loading="lazy" alt="comma four cooling system">
-      </div>
-    </Grid>
-    <hr />
-    <div style="width: 0; height: 0;" id="ui"/>
-    <Grid rowGap="0" templateColumns="0.5fr 1.25fr">
-      <h2>Expressive New Interface</h2>
-      <div class="ui-grid">
-        <div class="ui-card">
-          <div class="device-container">
-            <img src={DeviceFrameImage} alt="comma four device" class="device-frame" />
-            <video loop autoplay muted playsinline class="screen-overlay" src={SettingsVideo}></video>
-          </div>
-          <p>Configure comma four entirely on the device. No app, subscription, or account required.</p>
-        </div>
-        <div class="ui-card">
-          <div class="device-container">
-            <img src={DeviceFrameImage} alt="comma four device" class="device-frame" />
-            <video loop autoplay muted playsinline class="screen-overlay" src={EngageDisengageVideo}></video>
-          </div>
-          <p>comma four wakes up when you engage, and hibernates when you disengage.</p>
-        </div>
-        <div class="ui-card">
-          <div class="device-container">
-            <img src={DeviceFrameImage} alt="comma four device" class="device-frame" />
-            <video loop autoplay muted playsinline class="screen-overlay" src={SteeringArcVideo}></video>
-          </div>
-          <p>As openpilot approaches its steering limits, the steering arc grows to warn you.</p>
-        </div>
-        <div class="ui-card">
-          <div class="device-container">
-            <img src={DeviceFrameImage} alt="comma four device" class="device-frame" />
-            <video loop autoplay muted playsinline class="screen-overlay" src={ConfidenceBallVideo}></video>
-          </div>
-          <p>As openpilot's confidence in its ability to understand the scene goes up, the confidence ball rises and turns green.</p>
-        </div>
-      </div>
-    </Grid>
-    <hr />
-    <SetupGuide
-      productName="comma four"
-      title="Setup Guide"
-      estimatedMinutes={15}
-      link="/setup"
-      image={FourImage}
-    />
-  </div>
-</section>
-
-<section class="dark" id="compatibility">
-  <div class="container">
-    <div class="compatibility">
-      <Grid>
-        <div>
-          <hgroup>
-            <span>Car harness</span>
-            <h2>comma four is compatible with {vehicleCountText} cars</h2>
-          </hgroup>
-          <p>
-            A supported vehicle is one that just works when you install a comma device.
-            All supported cars provide a better experience than any stock system.
-          </p>
-          <LinkButton href="/vehicles" style="secondary" fullWidth={false}>View all {vehicleCountText} cars</LinkButton>
-        </div>
-        <img src={CarBrandCollageImage} loading="lazy" alt="collage of some supported car brands" />
-      </Grid>
-    </div>
-    <div class="compatibility">
-      <Grid>
-        <img src={FourImage} loading="lazy" alt="comma four device" />
-        <div>
-          <hgroup>
-            <span>Software</span>
-            <h2>Works with openpilot</h2>
-          </hgroup>
-          <p>
-            comma four ships without software installed, so you need to install software.
-            It is compatible with <a href="/openpilot" class="highlight">openpilot</a> and a wide variety of community forks.
-          </p>
-          <LinkButton href="/openpilot" style="secondary" fullWidth={false}>openpilot</LinkButton>
-        </div>
-      </Grid>
-    </div>
-    <h2 class="guarantee">
-      Try our 30-day money-back trial and see why 92% of buyers keep their comma four and why Consumer Reports rated us as the
-      <a href="https://data.consumerreports.org/wp-content/uploads/2020/11/consumer-reports-active-driving-assistance-systems-november-16-2020.pdf" class="highlight">top driver assistance system.</a>
-    </h2>
-  </div>
-</section>
-
-<section class="light" id="fine-print">
-  <div class="container">
-    <Grid templateColumns="0.5fr 1.25fr">
-      <h2>Fine Print</h2>
-      <div class="fine-print-copy">
-          <strong>30-Day Return</strong>
-          <p>
-            If for any reason you are dissatisfied with anything purchased at the <a target="_blank" href="/" class="highlight">comma.ai</a> shop,
-            ship it back within 30 days for a full refund. <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight">comma.ai/returns</a>
-          </p>
-          <p>
-            If you intend to upstream support for a new car model, we may approve an extended return window.
-            Open a ticket request at <a target="_blank" href="https://shop.comma.ai/a/returns" class="highlight">comma.ai/support</a>.
-          </p>
-          <strong>Shipping</strong>
-          <p>
-            Free Rush (UPS 2nd Day Air) shipping (US only); signature confirmation required.
-            International shipping is a $30 flat rate; customs/duties/taxes are between you and your country.
-            Please see FAQ for more information.
-          </p>
-          <strong>Warranty</strong>
-          <p>
-            1-year limited warranty against hardware defects. Extend it with <a href="/connect#what-is-commacare" class="highlight">commacare</a>. Open and repair the comma four at your own risk.
-            comma is not responsible for damages that may occur while repairing devices.
-            Any damage on arrival must be reported to comma support within 14 days of delivery.
-          </p>
-          <strong>Software</strong>
-          <p>
-            The comma four does not ship with software capable of controlling a car.
-            Open source software can be installed separately.
-          </p>
-          <strong>Windshield installation</strong>
-          <p>
-            Before using the device on your windshield, check the state and local laws and ordinances where you drive.
-            Some state laws prohibit or restrict the placement of objects on the windshield of a motor vehicle.
-            IT IS THE USER'S RESPONSIBILITY TO MOUNT THE DEVICE IN COMPLIANCE WITH ALL APPLICABLE LAWS AND ORDINANCES.
-            Always mount your device in a location that does not obstruct the driver's view of the road.
-            comma does not assume any responsibility for any fines, penalties, or damages that may be incurred as a result
-            of any state or local law or ordinance relating to the use of your comma device.
-          </p>
-      </div>
-    </Grid>
-    <Faq topic={faq.devices} title="comma four FAQ" />
-    <Space multiplier={3} />
-    <Faq topic={faq.trial} />
-  </div>
-</section>
-
-<style>
-  h2 {
-    font-size: 1.875rem;
-    font-weight: 600;
-  }
-
-  p {
-    font-size: 1.25rem;
-  }
-
-  a {
-    color: #000;
-  }
-
-
-  hr {
-    margin: 3rem 0;
-  }
-
-  .max-gradient {
-    background: linear-gradient(to bottom left, #8027FC, #CFA9FF);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-weight: bold;
-  }
-
-  .cooling-section {
-    padding-top: 2rem;
-  }
-
-  #description {
-    & .description {
-      & p:first-of-type {
-        margin-top: 0;
-      }
-
-      & p:last-of-type {
-        margin-bottom: 0;
-      }
-    }
-
-    @media screen and (max-width: 1024px) {
-      & {
-        margin-bottom: 3rem;
-      }
-    }
-
-    & .box-contents {
-      display: flex;
-      flex-wrap: wrap;
-      text-align: center;
-
-      & > div {
-        width: 300px;
-        margin-bottom: 2rem;
-
-        & img {
-          max-height: 150px;
-        }
-
-        & p {
-          margin: 0 2rem;
-        }
-      }
-    }
-
-    & .spec-card {
-      border: 1px solid #000;
-      margin-bottom: 1.5rem;
-
-      & .header {
-        display: flex;
-        align-items: center;
-        border-bottom: 1px solid #000;
-
-        & div {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background-color: black;
-          color: white;
-          width: 48px;
-          height: 48px;
-
-          & svg {
-            width: 36px;
-            height: 36px;
-            color: white;
-          }
-        }
-
-        & span {
-          font-family: JetBrains Mono, monospace;
-          font-size: 0.875rem;
-          font-weight: 400;
-          text-transform: uppercase;
-          margin-left: 1rem;
-        }
-      }
-
-      & .contents {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0.875rem 1rem;
-
-        & hgroup {
-          & strong {
-            display: block;
-            font-size: 1.25rem;
-            font-weight: 600;
-          }
-
-          & .unit {
-            font-size: 0.875rem;
-            text-transform: uppercase;
-          }
-        }
-
-        & li {
-          font-size: 1rem;
-        }
-      }
-    }
-  }
-
-  hgroup {
-    & span {
-      font-family: JetBrains Mono, monospace;
-      font-size: 1rem;
-      margin-bottom: 0.5rem;
-    }
-
-    & h2 {
-      font-size: 2.5rem;
-      font-weight: 600;
-      line-height: 1.2;
-    }
-  }
-
-  .compatibility {
-    margin-bottom: 5rem;
-
-    @media screen and (max-width: 768px) {
-      & {
-        margin-bottom: 5rem;
-      }
-    }
-
-    & hgroup {
-      & h2 {
-        text-wrap: balance;
-      }
-
-      & span {
-        text-transform: uppercase;
-      }
-    }
-
-    & p, & p > a {
-      color: white;
-    }
-  }
-
-  .guarantee {
-    font-size: 3rem;
-    line-height: 1.25;
-
-    & a {
-      color: white;
-    }
-  }
-
-  .fine-print-copy {
-    padding: 1.5rem;
-    background-color: #fafafa;
-
-    & strong, & p {
-      color: #545458;
-      font-size: 0.875rem;
-      line-height: 1.25;
-    }
-
-    & strong + p {
-      margin-top: 0.25rem;
-    }
-  }
-
-  .ui-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1.5rem;
-  }
-
-  .ui-card {
-    & .device-container {
-      position: relative;
-      display: inline-block;
-      width: 100%;
-      margin-bottom: 1rem;
-    }
-
-    & .device-frame {
-      display: block;
-      width: 100%;
-      height: auto;
-    }
-
-    & .screen-overlay {
-      position: absolute;
-      left: 23.21%;
-      top: 63.97%;
-      width: 40.21%;
-      height: 25.80%;
-      mix-blend-mode: screen;
-      z-index: 2;
-    }
-
-    & p {
-      margin: 0;
-      font-size: 1.25rem;
-    }
-  }
-
-  .mobile-hero {
-    display: none;
-    position: relative;
-    color: white;
-
-    & hgroup {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 100%;
-
-      text-align: center;
-      text-transform: uppercase;
-
-      & h1 {
-        color: white;
-        text-transform: uppercase;
-        font-family:
-          Monument Extended Black,
-          sans-serif;
-        margin-bottom: 1rem;
-      }
-
-      & h2 {
-        color: white;
-        font-family: JetBrains Mono, monospace;
-        font-weight: 400;
-        font-size: 1rem;
-      }
-    }
-
-    & video {
-      width: 100%;
-      height: 40vh;
-      object-fit: cover;
-      margin: 2rem 0;
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    .mobile-hero {
-      display: block;
-    }
-
-    .guarantee {
-      font-size: 2rem;
-    }
-
-    .ui-grid {
-      grid-template-columns: 1fr;
-    }
-  }
-</style>
diff --git a/src/routes/support/+page.svelte b/src/routes/support/+page.svelte
deleted file mode 100644
index 588dd924..00000000
--- a/src/routes/support/+page.svelte
+++ /dev/null
@@ -1,219 +0,0 @@
-<script>
-  import { page } from '$app/stores';
-
-  import Grid from "$lib/components/Grid.svelte";
-  import Faq from '$lib/components/Faq.svelte';
-  import Accordion from '$lib/components/Accordion.svelte';
-
-  import { supportFaqs } from '$lib/constants/support.svelte';
-  import { faq } from '$lib/constants/faq.svelte';
-</script>
-
-<section class="light" id="support">
-  <div class="container">
-    <!-- <hr> -->
-    <h1>comma support</h1>
-    <div class="faq-sections">
-      {#each Object.values(supportFaqs) as section}
-        <div class="faq-section">
-          <!-- <h3>{section.title}</h3> -->
-          {#each section.questions as entry}
-            <Accordion>
-              <div slot="label" class="label">
-                <span>{entry.question}</span>
-              </div>
-              <div class="details" slot="content">
-                {@html entry.answer}
-              </div>
-            </Accordion>
-            <hr />
-          {/each}
-        </div>
-      {/each}
-    </div>
-  </div>
-</section>
-
-<section class="light" id="faq">
-  <div class="container">
-    <h1>FAQs</h1>
-    {#each Object.keys(faq) as key}
-      <div class="faq-card">
-        <Faq topic={faq[key]} />
-      </div>
-    {/each}
-  </div>
-</section>
-
-<style>
-  #support {
-    & .breadcrumbs {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 1rem;
-      background-color: var(--color-card-background);
-      margin-bottom: 2rem;
-      font-size: 1.25rem;
-
-      & span {
-        margin: 0 0.5rem;
-        user-select: none;
-      }
-
-      & :last-child {
-        font-weight: 600;
-      }
-    }
-
-    & h2 {
-      margin-bottom: 2rem;
-    }
-
-    & h3 {
-      font-size: 1.875rem;
-      font-weight: 600;
-      margin-top: 0;
-      margin-bottom: 2rem;
-    }
-
-    & a {
-      color: #000;
-      border-bottom: 2px solid #86ff4e;
-      background-color: rgba(134, 255, 78, 0.15);
-    }
-
-    & li {
-      font-size: 1.25rem;
-    }
-
-    & .support-card {
-      border: 1px solid #000;
-      background-color: var(--color-card-background);
-      padding: 1rem;
-      transition: all 0.2s;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          background-color: var(--color-card-background-hover);
-          transform: scale(1.02);
-        }
-      }
-      &:active {
-        background-color: var(--color-card-background-hover);
-        transform: scale(1.02);
-      }
-
-      & img {
-        display: inline-block;
-        mix-blend-mode: multiply;
-        padding-bottom: 1rem;
-        object-fit: contain;
-      }
-
-      & div {
-        font-size: 1.25rem;
-        font-weight: 600;
-      }
-
-      @media only screen and (max-width: 375px) {
-        & div {
-          font-size: 1rem;
-          text-wrap: wrap;
-        }
-      }
-    }
-
-    & .header-line {
-      display: flex;
-      justify-content: space-around;
-      align-items: center;
-
-      & span {
-        font-size: 1.4rem;
-        font-weight: 600;
-        line-height: 1;
-        margin: 1.5rem 0;
-      }
-
-      & .line {
-        width: 100%;
-        height: 1px;
-        background-color: #000;
-        margin-left: 1rem;
-      }
-    }
-  }
-
-  #faq {
-    & .faq-card {
-      margin-bottom: 3rem;
-    }
-
-    & .contact-card {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      color: white;
-      background-color: #000;
-      margin: 4rem 0;
-      padding: 6rem 4rem;
-
-      & h2 {
-        color: white;
-        font-size: 2rem;
-        margin-bottom: 2rem;
-      }
-
-      & span {
-        color: white;
-        font-size: 1.25rem;
-        line-height: 1.5;
-        margin-bottom: 1rem;
-      }
-
-      & a {
-        color: white;
-      }
-    }
-
-  }
-
-  .faq-sections {
-    margin: 2rem 0;
-  }
-
-  .faq-section {
-    margin-bottom: 3rem;
-  }
-
-  .label {
-    font-size: 1.25rem;
-    font-weight: 600;
-    margin: 1rem 0;
-    margin-right: 0.75rem;
-  }
-
-  .details {
-    font-size: 1.25rem !important;
-    line-height: 1.4;
-    padding: 0.25rem 0 1rem;
-  }
-
-  .details :global(a) {
-    color: #000;
-    border-bottom: 2px solid #86ff4e;
-    background-color: rgba(134, 255, 78, 0.15);
-    text-decoration: none;
-  }
-
-  hr {
-    border: none;
-    border-top: 1px solid var(--surface-2);
-    margin: 0;
-  }
-</style>
diff --git a/src/routes/terms/+page.svelte b/src/routes/terms/+page.svelte
deleted file mode 100644
index 24445d7d..00000000
--- a/src/routes/terms/+page.svelte
+++ /dev/null
@@ -1,213 +0,0 @@
-<script>
-  import Grid from "$lib/components/Grid.svelte";
-</script>
-
-<section class="light" id="terms">
-  <div class="container">
-    <h1>Terms & Privacy</h1>
-    <Grid templateColumns="minmax(180px, 0.5fr) 1fr">
-      <div class="links">
-        <a href="#terms">Terms and Conditions</a>
-        <a href="#privacy">Privacy Policy</a>
-      </div>
-      <div class="terms">
-        <h2>openpilot Terms and Conditions</h2>
-        <p>Last Updated on October 12, 2022</p>
-        <p>
-          Welcome to the Comma.ai, Inc. website. Access to, and use of, this website and the information contained in this website are subject to the terms and conditions listed below (“Terms and Conditions”).
-          The Information and any trade secrets or know-how it contains remain the exclusive property of Comma.ai, Inc.
-          Comma.ai, Inc grants no license to you pursuant to any copyright, patent, trademark, or trade secret rights.
-          Please read these Terms of Use (“Terms”) carefully before using openpilot which is open-sourced software developed by Comma.ai, Inc., a corporation organized under the laws of Delaware (“comma,” “us,” “we,” or “our”).
-        </p>
-        <p>
-          Before using and by accessing openpilot, you indicate that you have read, understood, and agree to these Terms.
-          These Terms apply to all users and others who access or use openpilot.
-          If others use openpilot through your user account or vehicle, you are responsible to ensure that they only use openpilot when it is safe to do so, and in compliance with these Terms and with applicable law.
-          If you disagree with any part of the Terms, you should not access or use openpilot.
-        </p>
-
-        <h3>Communications</h3>
-        <p>
-          You agree that comma may contact you by email or telephone in connection with openpilot or for other business purposes.
-          You may opt out of receiving email messages at any time by contacting us at support@comma.ai.
-        </p>
-        <p>
-          We collect, use, and share information from and about you and your vehicle in connection with openpilot.
-          You consent to comma accessing the systems associated with openpilot, without additional notice or consent, for the purposes of providing openpilot, data collection, software updates, safety and cybersecurity, suspension or removal of your account, and as disclosed in the Privacy Policy
-          (available at <a href="https://comma.ai/privacy" class="highlight">https://comma.ai/privacy</a>).
-        </p>
-
-        <h3>Safety</h3>
-        <p>
-          openpilot performs the functions of Adaptive Cruise Control (ACC) and Lane Keeping Assist System (LKAS) designed for use in compatible motor vehicles.
-          While using openpilot, it is your responsibility to obey all laws, traffic rules, and traffic regulations governing your vehicle and its operation.
-          Access to and use of openpilot is at your own risk and responsibility, and openpilot should be accessed and/or used only when you can do so safely.
-        </p>
-        <p>
-          openpilot does not make your vehicle “autonomous” or capable of operation without the active monitoring of a licensed driver.
-          It is designed to assist a licensed driver.
-          A licensed driver must pay attention to the road, remain aware of navigation at all times, and be prepared to take immediate action.
-          Failure to do so can cause damage, injury, or death.
-        </p>
-
-        <h3>Supported Locations and Models</h3>
-        <p>
-          openpilot is compatible only with particular makes and models of vehicles.
-          For a complete list of currently supported vehicles, visit https://comma.ai.
-          openpilot will not function properly when installed in an incompatible vehicle.
-          openpilot is compatible only within the geographical boundaries of the United States of America.
-        </p>
-
-        <h3>Indemnification</h3>
-        <p><strong>To the maximum extent allowable by law, you agree to defend, indemnify and hold harmless comma, and its employees, partners, suppliers, contractors, investors, agents, officers, directors, and affiliates, from and against any and all claims, damages, causes of action, penalties, interest, demands, obligations, losses, liabilities, costs or debt, additional taxes, and expenses (including but not limited to attorneys’ fees), resulting from or arising out of (i) your use and access of, or inability to use or access, openpilot, (ii) your breach of these Terms, (iii) the inaccuracy of any information, representation or warranty made by you, (iv) activities of anyone other than you in connection with openpilot conducted through your comma device or account, (v) any other of your activities under or in connection with these Terms or openpilot.</strong></p>
-
-        <h3>Limitation of Liability</h3>
-        <p>In no event shall comma, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from (i) your access to or use of or inability to access or use of the Software; or (ii) any conduct or content of any third party on the Software whether based on warranty, contract, tort (including negligence) or any other legal theory, whether or not we have been informed of the possibility of such damage, and even if a remedy set forth herein is found to have failed of its essential purpose.</p>
-
-        <h3>No Warranty or Obligations to Maintain or Service</h3>
-        <p>
-          comma provides openpilot without representations, conditions, or warranties of any kind.
-          openpilot is provided on an “AS IS” and “AS AVAILABLE” basis, including with all faults and errors as may occur.
-          To the extent permitted by law and unless prohibited by law, comma on behalf of itself and all persons and parties acting by, through, or for comma, explicitly disclaims all warranties or conditions, express, implied, or collateral, including any implied warranties of merchantability, satisfactory quality, and fitness for a particular purpose in respect of openpilot.
-        </p>
-        <p>
-          To the extent permitted by law, comma does not warrant the operation, performance, or availability of openpilot under all conditions.
-          comma is not responsible for any failures caused by server errors, misdirected or redirected transmissions, failed internet connections, interruptions or failures in the transmission of data, any computer virus, or any acts or omissions of third parties that damage the network or impair wireless service.
-        </p>
-        <p>
-          We undertake reasonable measures to preserve and secure information collected through our openpilot.
-          However, no data collection, transmission or storage system is 100% secure, and there is always a risk that your information may be intercepted without our consent.
-          <em>In using openpilot, you acknowledge that comma is not responsible for intercepted information, and you hereby release us from any and all claims arising out of or related to the use of intercepted information in any unauthorized manner.</em>
-        </p>
-        <p>By providing openpilot, comma does not transfer or license its intellectual property or grant rights in its brand names, nor does comma make representations with respect to third-party intellectual property rights.</p>
-        <p>
-          We are not obligated to provide any maintenance or support for openpilot, technical or otherwise.
-          If we voluntarily provide any maintenance or support for openpilot, we may stop any such maintenance, support, or services at any time in our sole discretion.
-        </p>
-
-        <h3>Modification of Software</h3>
-        <p>In no event shall comma, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable if you choose to modify the software.</p>
-
-        <h3>Changes</h3>
-        <p>
-          We reserve the right, at our sole discretion, to modify or replace these Terms at any time.
-          If a revision is material we will provide at least 15 days’ notice prior to any new terms taking effect.
-          What constitutes a material change will be determined at our sole discretion.
-        </p>
-        <p>
-          By continuing to access or use our Software after any revisions become effective, you agree to be bound by the revised terms.
-          If you do not agree to the new terms, you are no longer authorized to use the Software.
-        </p>
-
-        <h3>Contact Us</h3>
-        <p>If you have any questions about these Terms, please contact us at support@comma.ai.</p>
-      </div>
-
-      <hr />
-
-      <div id="privacy">
-        <h2>openpilot Privacy Policy</h2>
-        <p>
-          This Privacy Policy explains our policies and practices regarding how data may be collected, stored, used, transferred, shared or sold by Comma.ai, Inc. for openpilot.
-          Comma.ai, Inc. (“comma,” “we,” or “us”) is a corporation organized under the laws of the state of Delaware.
-          This Privacy Policy applies to openpilot, which is software developed by comma.
-        </p>
-        <p>
-          <strong>Before using and by accessing openpilot, you indicate that you have read, understood this Privacy Policy and our Terms of Service</strong>
-          (available at <a href="https://comma.ai/terms" class="highlight">https://comma.ai/terms</a>),
-          and that you agree to our collection, storage, use, disclosure, and sale of your personal information as described in this Privacy Policy and our Terms of Service.
-          You should not use openpilot if you do not agree with these terms and conditions.
-        </p>
-        <p>
-          We may modify this Privacy Policy from time to time without notice.
-          If you object to any changes to the Privacy Policy, you may stop using openpilot.
-          Your continued use of openpilot will constitute your acceptance of any changes or revisions to the Privacy Policy.
-        </p>
-
-        <h3>A. Type of Information We Collect</h3>
-        <p>
-          By using openpilot, you agree that comma owns all data that is conveyed to us by use of the service and that we may use it any way, and alter it in any way, at our sole discretion.
-          We may collect your personal information, such as your name, phone number, and email address, as well as other information you provide to us.
-          Personally-identifiable information or any information or combination of information that both relates to you and can be used to identify you (“Personal Information”) may be collected when you consent to that collection by providing such information on a voluntary basis.
-          openpilot connects to a vehicle’s CAN bus, and it receives and generates data about the vehicle’s use, operation, and performance, including but not limited to geolocation of the vehicle, trip durations and routes, parking locations of your vehicle, braking, and acceleration.
-        </p>
-        <p>
-          openpilot uses driver monitoring software that watches the driver and tracks his or her head and eyes, ensuring he or she is monitoring the driving environment.
-          We may collect video from the driver monitoring feed only if you opt in through the settings of openpilot.
-          You should notify those who use or occupy your vehicle while openpilot is engaged.
-        </p>
-
-        <h3>B. How We Use The Information We Collect</h3>
-        <p>
-          We use data collected through openpilot to complete transactions with you; to provide, analyze, and improve the performance and security of openpilot; to improve or modify other existing products and services; and/or to develop new products and services.
-          We may share personal information with service providers and business partners, or with other third parties.
-        </p>
-        <p>
-          We may also share information collected through openpilot to comply with a legal obligation, when we believe in good faith that the law requires it, in response to a lawful request by government authorities, or in other circumstances in which sharing such information may be required by law.
-          Unless you have opted out of receiving materials or notifications from us, we may periodically use your email address to send you such materials and notifications.
-          If you want to stop receiving such materials and notifications from us, you can contact us at the information below to alert us to your preference.
-          In addition, you can opt out of, or unsubscribe from, receipt of such emails at any time by following the instructions contained in those emails.
-        </p>
-
-        <h3>C. How You Can Access Your Information</h3>
-        <p>
-          You have options regarding certain information provided for use with openpilot, as described in this policy.
-          You may decline to share the driver monitoring camera recording with us.
-          Your privacy profile settings are accessible via the settings button in openpilot.
-          You can review and update your personal information by contacting us at the email address provided below.
-        </p>
-
-        <h3>D. Changes to This Policy</h3>
-        <p>
-          We will occasionally update this Privacy Policy to reflect changes in our practices and Software.
-          When we post changes to this Privacy Policy, we will revise the “Last Updated” date at the top of this Privacy Policy.
-          If we make any material changes in the way we collect, use, and/or share your personal information, we will notify you by sending an email to the email address you most recently provided us, unless we do not have such an email address, and/or by prominently posting notice of the changes on our website.
-          We recommend that you check our web site from time to time to inform yourself of any changes in this Privacy Policy or any of our other policies.
-        </p>
-
-        <h3>E. Contact Information</h3>
-        <p>If you have any questions about this Policy, please contact us at support@comma.ai.</p>
-      </div>
-    </Grid>
-  </div>
-</section>
-
-<style>
-  h1 {
-    margin-bottom: 6rem;
-  }
-
-  h2, h3 {
-    font-weight: 600;
-  }
-
-  p {
-    font-size: 1.25rem;
-  }
-
-  .links {
-    position: sticky;
-    top: 8rem;
-
-    & a {
-      display: block;
-      margin-bottom: 1rem;
-      text-decoration: underline;
-    }
-
-    & a:hover {
-      opacity: 0.8;
-    }
-  }
-
-  @media screen and (max-width: 768px) {
-    h1 {
-      margin-bottom: 3rem;
-    }
-
-    .links {
-      position: unset;
-      top: unset;
-    }
-  }
-</style>
diff --git a/src/routes/vehicles/+page.svelte b/src/routes/vehicles/+page.svelte
deleted file mode 100644
index 0474b0ba..00000000
--- a/src/routes/vehicles/+page.svelte
+++ /dev/null
@@ -1,504 +0,0 @@
-<script>
-  import vehicles from '$lib/vehicles.json'
-  import compatibilityMeta from '$lib/compatibility-meta.json'
-  import Grid from '$lib/components/Grid.svelte';
-  import Accordion from '$lib/components/Accordion.svelte';
-  import CommunityBanner from '$lib/components/CommunityBanner.svelte';
-  import Faq from '$lib/components/Faq.svelte';
-  import LinkButton from '$lib/components/LinkButton.svelte';
-  import NoteCard from '$lib/components/NoteCard.svelte';
-
-  import { faq } from '$lib/constants/faq.svelte';
-
-  import YoutubeIcon from '$lib/icons/social/youtube.svg?raw';
-  import InfoIcon from '$lib/icons/ui/info.svg?raw';
-  import CarIcon from '$lib/icons/features/car.svg?raw';
-
-  import CommaFourImage from '$lib/images/products/comma-four/four_screen_on.png';
-
-  import { FOUR_PRICE } from '$lib/constants/prices.js';
-  import { vehicleCountText } from '$lib/constants/vehicles.js';
-
-  const brand_images = import.meta.glob('$lib/images/vehicles/brand-icons/*.png', { eager: true });
-</script>
-
-<div class="vehicles-cover-image"></div>
-
-<section id="vehicles" class="light">
-  <div class="container">
-    <Grid columnGap="4rem" rowGap="2rem" templateColumns="1.25fr 1fr">
-      <div class="title">
-        openpilot supports {vehicleCountText} vehicles
-      </div>
-      <div class="description">
-        A supported vehicle is one that just works when you install a comma four.
-        All supported cars provide a better experience than any stock system.
-        Supported vehicles reference the US market unless otherwise specified.
-      </div>
-    </Grid>
-
-    <div class="compatibility-make-links">
-      {#each Object.entries(vehicles) as [brand, cars]}
-        {#if cars.length !== 0}
-        {@const brand_img_path = `/src/lib/images/vehicles/brand-icons/Logo-${brand}.png`}
-        <div class="compatibility-make-element">
-          <a href="#{brand.toLowerCase()}" class="compatibility-make-anchor-link">
-            {#if brand_images[brand_img_path]}
-              <img src={brand_images[brand_img_path].default} loading="eager" alt="{brand} car brand" />
-            {/if}
-          </a>
-          <div class="compatibility-make-name">{brand}</div>
-        </div>
-        {/if}
-      {/each}
-    </div>
-
-    <hgroup class="headline">
-      <span>Don't see your car?</span>
-      <p>
-        If you don't see your car, it's not currently supported, however new cars are added with each openpilot release.
-      </p>
-      <p>
-        <a href="#mailing-list" class="highlight">Join the mailing list</a> to stay updated.
-      </p>
-      <br>
-      <p>
-        If you have a modern car and some programming skills, you can likely add support for your car.
-      </p>
-      <p>
-        Watch
-        <a href="https://youtu.be/XxPS5TpTUnI" class="highlight">this talk</a>
-        and check out the
-        <a href="https://github.com/commaai/openpilot/blob/master/docs/CARS.md#dont-see-your-car-here" class="highlight">docs</a>
-        to learn more.
-      </p>
-    </hgroup>
-
-    <p class="last-updated">Last updated: {compatibilityMeta.last_updated}</p>
-
-    <div class="recommended-cars">
-      <hgroup>
-        <span>Our favorite openpilot cars</span>
-        <p>Generally, newer Hyundai and Toyota models are great choices. These are some of our favorites:</p>
-      </hgroup>
-      <div class="recommended-car-columns">
-        <Grid columns="4" size="large" wrapMode="single">
-          <div class="recommended-car-stack">
-            <strong>EV</strong>
-            <div>Kia EV6</div>
-            <div>Hyundai Ioniq 5</div>
-            <div>Toyota Prius 2021–22</div>
-          </div>
-          <div class="recommended-car-stack">
-            <strong>SUV</strong>
-            <div>Toyota Highlander 2020–23</div>
-            <div>Hyundai Palisade 2020–22</div>
-          </div>
-          <div class="recommended-car-stack">
-            <strong>Sedan</strong>
-            <div>Toyota Corolla 2020–22</div>
-            <div>Hyundai Sonata 2020–23</div>
-          </div>
-          <div class="recommended-car-stack">
-            <strong>Truck</strong>
-            <div>Ram 1500 2019–24</div>
-            <div>Chevrolet Silverado 1500 2020–⁠21</div>
-          </div>
-        </Grid>
-      </div>
-    </div>
-  </div>
-</section>
-
-<section class="light" id="compatibility-chart">
-  <div class="container" style="width:85%; max-width: 60rem">
-    {#each Object.entries(vehicles) as [make, cars]}
-      {#if cars.length !== 0}
-      {@const brand_img_path = `/src/lib/images/vehicles/brand-icons/Logo-${make}.png`}
-      <div id={make.toLowerCase()} class="car-make-header">
-        {#if brand_images[brand_img_path]}
-          <img src={brand_images[brand_img_path].default} alt="{make} car brand" />
-        {/if}
-        <h3>{make} <span class="muted">({cars.length})</span></h3>
-      </div>
-
-      {#each cars as car_info}
-        <div class="car-row">
-          <Accordion backgroundColor="var(--color-card-background)">
-            <div slot="label">
-              <div class="car-details-wrapper">
-                <div class="car-details">
-                  <div class="model"><strong>{car_info.model}</strong></div>
-                  <div class="year">{car_info.year_list}</div>
-                </div>
-                <div class="video-icon-wrapper">
-                  {#if car_info.video !== ""}
-                    <a href={car_info.video} target="_blank">{@html YoutubeIcon}</a>
-                  {/if}
-                </div>
-              </div>
-            </div>
-            <div class="detail-content" slot="content">
-              <div class="car-detail-content-wrapper">
-                <Grid columns={2} rowGap="0" columnGap="2rem" templateColumns="3fr 2fr">
-                  <div>
-                    <div class="car-detail-tier">{@html car_info.detail_sentence }</div>
-                    <div class="cards">
-                      <NoteCard title="Support" icon={CarIcon} style="elevated">
-                        {#if car_info.package !== 'All'}
-                          openpilot requires the car to come equipped with <b>{car_info.package}</b>.
-                        {:else}
-                          openpilot will work with <b>all packages and trims</b> of this car.
-                        {/if}
-                      </NoteCard>
-                      {#each car_info.footnotes as footnote}
-                        <NoteCard title="Note" icon={InfoIcon} style="elevated">
-                          {@html footnote}
-                        </NoteCard>
-                      {/each}
-                    </div>
-                  </div>
-                  <div class="device-promotion-card">
-                    <div class="product-wrapper">
-                      <img src={CommaFourImage} loading="lazy" alt="comma four device" />
-                      <hgroup>
-                        <strong>comma four</strong>
-                        <div class="understated-price">${FOUR_PRICE}</div>
-                        {#if car_info.harness_connector !== "" }
-                          <strong>car harness: { car_info.harness_connector }</strong>
-                          <div class="understated-price">included</div>
-                        {/if}
-                      </hgroup>
-                    </div>
-                    <LinkButton
-                      href={`/shop/comma-four?harness=${car_info.name}`}
-                      style="primary"
-                      fullWidth
-                      thin
-                    >
-                      Buy now
-                    </LinkButton>
-                    <div class="description">
-                      <strong>30-day money-back trial</strong>
-                      <div>Don't love it? It's easy to return your device within <strong>30 days</strong> after receiving it for a full refund.</div>
-                    </div>
-                  </div>
-                </Grid>
-              </div>
-            </div>
-          </Accordion>
-        </div>
-      {/each}
-      {/if}
-    {/each}
-  </div>
-</section>
-
-<section class="light" id="faq">
-  <div class="container">
-    <Faq topic={faq.openpilot} title="openpilot FAQ" />
-  </div>
-</section>
-
-<section class="dark" id="community">
-  <div class="container">
-    <CommunityBanner />
-  </div>
-</section>
-
-<style>
-  section {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .vehicles-cover-image {
-    background-image: url("/videos/hero-landscape/poster.jpg");
-    background-position: 50% 30%;
-    background-size: cover;
-    background-attachment: scroll;
-    height: 287px;
-  }
-
-  #vehicles {
-    padding-bottom: 0;
-
-    & .title {
-      text-transform: uppercase;
-      font-family: Monument Extended Black, sans-serif;
-      font-size: 2rem;
-      font-weight: 600;
-      line-height: 1.2;
-
-      @media screen and (max-width: 512px) {
-        font-size: 1.5rem;
-      }
-    }
-
-    & .description {
-      font-size: 1.25rem;
-      font-weight: 400;
-      line-height: 1.3;
-    }
-
-    & .headline {
-      margin: 3rem auto 0;
-
-      & span {
-        margin-bottom: 0.5rem;
-      }
-
-      & p {
-        margin: 0;
-        text-wrap: balance;
-      }
-    }
-
-    & hgroup {
-      text-align: center;
-      font-size: 1.25rem;
-
-      & span {
-        font-size: 1.5rem;
-        font-weight: 700;
-        display: block;
-      }
-
-      & p {
-        margin-top: 0.5rem;
-      }
-    }
-
-    & .compatibility-make-links {
-      display: grid;
-      grid-gap: 1rem;
-      grid-template-columns: repeat(auto-fit, 105px);
-      justify-content: space-between;
-      margin: 2rem 0 3rem;
-    }
-
-    & .compatibility-make-element {
-      width: 105px;
-      margin-bottom: 1.5rem;
-    }
-
-    @media screen and (max-width: 480px) {
-      & .compatibility-make-links {
-        grid-template-columns: repeat(auto-fit, 85px);
-      }
-      & .compatibility-make-element {
-        width: 85px;
-      }
-    }
-
-    & .compatibility-make-anchor-link {
-      border: 1px solid rgba(0, 0, 0, .12);
-      padding: 4px;
-      transition: all 0.2s;
-      display: block;
-
-      @media (hover: hover) and (pointer: fine) {
-        &:hover {
-          transform: scale(1.02);
-          border: 1px solid rgba(0, 0, 0, .5);
-        }
-      }
-      &:active {
-        transform: scale(1.02);
-        border: 1px solid rgba(0, 0, 0, .5);
-      }
-    }
-
-
-    & .compatibility-make-name {
-      text-align: center;
-      margin-top: .5rem;
-      line-height: 1.2;
-    }
-  }
-
-  .last-updated {
-    text-align: center;
-    font-style: italic;
-    margin-bottom: 1rem;
-  }
-
-  .recommended-cars {
-    width: 85%;
-    margin: 2rem auto;
-    background-color: var(--color-card-background);
-    border: 1px solid rgba(0, 0, 0, .4);
-    padding: 2rem 1rem;
-
-    & .recommended-car-columns {
-      margin-top: 3rem;
-
-      & .recommended-car-stack {
-        text-align: center;
-        font-size: 1.25rem;
-
-        & strong {
-          margin-bottom: .5rem;
-          font-weight: 700;
-        }
-      }
-    }
-  }
-
-  .car-make-header {
-    background-color: #000;
-    justify-content: flex-start;
-    align-items: center;
-    margin-top: 2rem;
-    margin-bottom: 0;
-    padding: 1rem;
-    display: flex;
-
-    & img {
-      width: 48px;
-      margin-right: 1rem;
-    }
-
-    & h3 {
-      color: #fff;
-      font-weight: 700;
-      font-size: 1.5em;
-      margin: 0;
-
-      & .muted {
-        color: #fff;
-        font-weight: 700;
-        opacity: .65;
-      }
-    }
-  }
-
-  .car-row {
-    background-color: var(--color-card-background);
-    border-bottom: 1px solid rgba(0, 0, 0, .4);
-  }
-
-  .car-details-wrapper {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 14px 16px;
-
-    & .car-details {
-      display: flex;
-      flex: 1;
-
-      @media screen and (max-width: 768px) {
-        & {
-          flex-flow: column wrap;
-        }
-      }
-
-      & .model {
-        flex: 1;
-        margin-right: 8px;
-        font-weight: 600;
-        padding-right: 20px;
-      }
-
-      & .year {
-        flex: 2;
-      }
-    }
-
-    & .video-icon-wrapper {
-      width: 20px;
-      height: 20px;
-      margin-left: 2rem;
-
-      & svg {
-        color: #ff0000;
-      }
-    }
-  }
-
-  .detail-content {
-    width: 100%!important;
-  }
-
-  .car-detail-content-wrapper {
-    padding: 12px 16px 16px;
-    display: block;
-  }
-
-  .car-detail-tier {
-    margin-bottom: 1rem;
-    font-size: 1.25rem;
-  }
-
-  .cards {
-    @media screen and (min-width: 768px) {
-      & div:last-of-type {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  .device-promotion-card {
-    background-color: rgba(68, 65, 58, .12);
-    border: 1px solid rgba(117, 93, 36, .25);
-    padding: .75rem;
-    font-size: 14px;
-
-    & .product-wrapper {
-      justify-content: space-between;
-      align-items: center;
-      display: flex;
-      margin-bottom: 0.75rem;
-
-      & .strikethrough-price {
-        text-decoration: line-through;
-        margin-right: .5rem;
-      }
-
-      & .red-price {
-        color: var(--color-red);
-        font-weight: 700;
-      }
-
-      & img {
-        width: 64px;
-        height: 64px;
-        padding: 0.25rem;
-        margin-right: .75rem;
-        background-color: #fff;
-        border: 1px solid #ccc;
-        object-fit: contain;
-      }
-
-      & hgroup {
-        flex: 1;
-        margin-right: .75rem;
-
-        & strong {
-          font-size: 1rem;
-          font-weight: 600;
-        }
-
-        & .understated-price {
-          opacity: .65;
-        }
-
-        & div {
-          font-size: .875rem;
-        }
-      }
-    }
-
-    & .description {
-      border-top: 1px solid rgba(117, 93, 36, .25);
-      margin: .5rem 0;
-      padding-top: .75rem;
-      font-size: 1rem;
-    }
-  }
-
-  #faq {
-    margin-bottom: 3rem;
-  }
-</style>
diff --git a/src/space.css b/src/space.css
deleted file mode 100644
index 12503817..00000000
--- a/src/space.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.mt-1 { margin-top: 1rem; }
-.mt-2 { margin-top: 2rem; }
-.mt-3 { margin-top: 3rem; }
-.mt-4 { margin-top: 4rem; }
-.mt-5 { margin-top: 5rem; }
-.mt-6 { margin-top: 6rem; }
-.mt-7 { margin-top: 7rem; }
-.mt-8 { margin-top: 8rem; }
-
-.mb-1 { margin-bottom: 1rem; }
-.mb-2 { margin-bottom: 2rem; }
-.mb-3 { margin-bottom: 3rem; }
-.mb-4 { margin-bottom: 4rem; }
-.mb-5 { margin-bottom: 5rem; }
-.mb-6 { margin-bottom: 6rem; }
-.mb-7 { margin-bottom: 7rem; }
-.mb-8 { margin-bottom: 8rem; }
-
-@media (max-width: 768px) {
-  .sm-mt-1 { margin-top: 1rem !important; }
-  .sm-mt-2 { margin-top: 2rem !important; }
-  .sm-mt-3 { margin-top: 3rem !important; }
-  .sm-mt-4 { margin-top: 4rem !important; }
-  .sm-mt-5 { margin-top: 5rem !important; }
-  .sm-mt-6 { margin-top: 6rem !important; }
-  .sm-mt-7 { margin-top: 7rem !important; }
-  .sm-mt-8 { margin-top: 8rem !important; }
-
-  .sm-mb-1 { margin-bottom: 1rem !important; }
-  .sm-mb-2 { margin-bottom: 2rem !important; }
-  .sm-mb-3 { margin-bottom: 3rem !important; }
-  .sm-mb-4 { margin-bottom: 4rem !important; }
-  .sm-mb-5 { margin-bottom: 5rem !important; }
-  .sm-mb-6 { margin-bottom: 6rem !important; }
-  .sm-mb-7 { margin-bottom: 7rem !important; }
-  .sm-mb-8 { margin-bottom: 8rem !important; }
-}
diff --git a/src/store.js b/src/store.js
deleted file mode 100644
index 9b1a24a2..00000000
--- a/src/store.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { browser } from "$app/environment";
-import { writable, get } from 'svelte/store';
-import { addToCart as requestAddToCart, loadCart as requestLoadCart } from '$lib/utils/shopify';
-
-export const cart = writable([]);
-export const search = writable('');
-export const showCart = writable(false);
-
-export const cartId = writable(browser ? window.localStorage.getItem('cartId') : '');
-export const checkoutUrl = writable(browser ? window.localStorage.getItem('checkoutUrl') : '');
-export const cartCreatedAt = writable(browser ? window.localStorage.getItem('cartCreatedAt') : '');
-export const cartTotalQuantity = writable(browser ? window.localStorage.getItem('cartTotalQuantity') : '');
-
-export const cartItems = writable([]);
-export const cartDiscount = writable({});
-export const cartSubtotal = writable({});
-export const selectedCar = writable(browser ? localStorage.getItem('selectedCar') || '' : '');
-
-if (browser) {
-  selectedCar.subscribe((value) => {
-    if (value) localStorage.setItem('selectedCar', value);
-    else localStorage.removeItem('selectedCar');
-  });
-}
-
-if (browser) {
-  cartId.subscribe((value) => window.localStorage.cartId = value)
-  checkoutUrl.subscribe((value) => window.localStorage.checkoutUrl = value)
-  cartCreatedAt.subscribe((value) => window.localStorage.cartCreatedAt = value)
-  cartTotalQuantity.subscribe((value) => window.localStorage.cartTotalQuantity = value)
-}
-
-export const loadCart = async () => {
-  try {
-    const shopifyResponse = await requestLoadCart(get(cartId));
-    cartItems.set(shopifyResponse?.body?.data?.cart?.lines?.edges);
-    cartDiscount.set(getTotalDiscount(shopifyResponse?.body?.data?.cart?.discountAllocations));
-    cartSubtotal.set(shopifyResponse?.body?.data?.cart?.cost?.subtotalAmount);
-    cartTotalQuantity.set(shopifyResponse.body?.data?.cart?.totalQuantity);
-
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-export const addToCart = async (itemId, additionalProductIds = [], note = "") => {
-  await requestAddToCart({ cartId: get(cartId), variantId: itemId, additionalProductIds, note});
-  await loadCart();
-  showCart.set(true);
-}
-
-export const getTotalDiscount = (discountAllocations) => {
-  if (!discountAllocations || discountAllocations.length === 0) return null;
-
-  const discountAmount = discountAllocations.reduce((totalAmount, allocation) => {
-    return totalAmount + Number(allocation.discountedAmount.amount);
-  }, 0);
-
-  return { amount: discountAmount, currencyCode: discountAllocations[0].discountedAmount.currencyCode };
-}
diff --git a/src/lib/fonts/MonumentExtended/MonumentExtended-Black.woff2 b/static/fonts/MonumentExtended-Black.woff2
similarity index 100%
rename from src/lib/fonts/MonumentExtended/MonumentExtended-Black.woff2
rename to static/fonts/MonumentExtended-Black.woff2
diff --git a/static/fonts/inter-cyrillic-400-normal.woff b/static/fonts/inter-cyrillic-400-normal.woff
new file mode 100644
index 00000000..f12f6fc2
Binary files /dev/null and b/static/fonts/inter-cyrillic-400-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-400-normal.woff2 b/static/fonts/inter-cyrillic-400-normal.woff2
new file mode 100644
index 00000000..264c128d
Binary files /dev/null and b/static/fonts/inter-cyrillic-400-normal.woff2 differ
diff --git a/static/fonts/inter-cyrillic-600-normal.woff b/static/fonts/inter-cyrillic-600-normal.woff
new file mode 100644
index 00000000..73e42ed7
Binary files /dev/null and b/static/fonts/inter-cyrillic-600-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-600-normal.woff2 b/static/fonts/inter-cyrillic-600-normal.woff2
new file mode 100644
index 00000000..bb0502c7
Binary files /dev/null and b/static/fonts/inter-cyrillic-600-normal.woff2 differ
diff --git a/static/fonts/inter-cyrillic-700-normal.woff b/static/fonts/inter-cyrillic-700-normal.woff
new file mode 100644
index 00000000..1524e0df
Binary files /dev/null and b/static/fonts/inter-cyrillic-700-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-700-normal.woff2 b/static/fonts/inter-cyrillic-700-normal.woff2
new file mode 100644
index 00000000..7ec481fb
Binary files /dev/null and b/static/fonts/inter-cyrillic-700-normal.woff2 differ
diff --git a/static/fonts/inter-cyrillic-ext-400-normal.woff b/static/fonts/inter-cyrillic-ext-400-normal.woff
new file mode 100644
index 00000000..933077bc
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-400-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-ext-400-normal.woff2 b/static/fonts/inter-cyrillic-ext-400-normal.woff2
new file mode 100644
index 00000000..2b0f2271
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-400-normal.woff2 differ
diff --git a/static/fonts/inter-cyrillic-ext-600-normal.woff b/static/fonts/inter-cyrillic-ext-600-normal.woff
new file mode 100644
index 00000000..5a0ca24b
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-600-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-ext-600-normal.woff2 b/static/fonts/inter-cyrillic-ext-600-normal.woff2
new file mode 100644
index 00000000..17bf9c2a
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-600-normal.woff2 differ
diff --git a/static/fonts/inter-cyrillic-ext-700-normal.woff b/static/fonts/inter-cyrillic-ext-700-normal.woff
new file mode 100644
index 00000000..a7dcd2e4
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-700-normal.woff differ
diff --git a/static/fonts/inter-cyrillic-ext-700-normal.woff2 b/static/fonts/inter-cyrillic-ext-700-normal.woff2
new file mode 100644
index 00000000..e67ecc4b
Binary files /dev/null and b/static/fonts/inter-cyrillic-ext-700-normal.woff2 differ
diff --git a/static/fonts/inter-greek-400-normal.woff b/static/fonts/inter-greek-400-normal.woff
new file mode 100644
index 00000000..7b5644cc
Binary files /dev/null and b/static/fonts/inter-greek-400-normal.woff differ
diff --git a/static/fonts/inter-greek-400-normal.woff2 b/static/fonts/inter-greek-400-normal.woff2
new file mode 100644
index 00000000..53e8b3f3
Binary files /dev/null and b/static/fonts/inter-greek-400-normal.woff2 differ
diff --git a/static/fonts/inter-greek-600-normal.woff b/static/fonts/inter-greek-600-normal.woff
new file mode 100644
index 00000000..5a67707e
Binary files /dev/null and b/static/fonts/inter-greek-600-normal.woff differ
diff --git a/static/fonts/inter-greek-600-normal.woff2 b/static/fonts/inter-greek-600-normal.woff2
new file mode 100644
index 00000000..1478870f
Binary files /dev/null and b/static/fonts/inter-greek-600-normal.woff2 differ
diff --git a/static/fonts/inter-greek-700-normal.woff b/static/fonts/inter-greek-700-normal.woff
new file mode 100644
index 00000000..ed6a65f3
Binary files /dev/null and b/static/fonts/inter-greek-700-normal.woff differ
diff --git a/static/fonts/inter-greek-700-normal.woff2 b/static/fonts/inter-greek-700-normal.woff2
new file mode 100644
index 00000000..e73850a5
Binary files /dev/null and b/static/fonts/inter-greek-700-normal.woff2 differ
diff --git a/static/fonts/inter-greek-ext-400-normal.woff b/static/fonts/inter-greek-ext-400-normal.woff
new file mode 100644
index 00000000..43bfe590
Binary files /dev/null and b/static/fonts/inter-greek-ext-400-normal.woff differ
diff --git a/static/fonts/inter-greek-ext-400-normal.woff2 b/static/fonts/inter-greek-ext-400-normal.woff2
new file mode 100644
index 00000000..5ee82527
Binary files /dev/null and b/static/fonts/inter-greek-ext-400-normal.woff2 differ
diff --git a/static/fonts/inter-greek-ext-600-normal.woff b/static/fonts/inter-greek-ext-600-normal.woff
new file mode 100644
index 00000000..85b3d558
Binary files /dev/null and b/static/fonts/inter-greek-ext-600-normal.woff differ
diff --git a/static/fonts/inter-greek-ext-600-normal.woff2 b/static/fonts/inter-greek-ext-600-normal.woff2
new file mode 100644
index 00000000..9f805fd3
Binary files /dev/null and b/static/fonts/inter-greek-ext-600-normal.woff2 differ
diff --git a/static/fonts/inter-greek-ext-700-normal.woff b/static/fonts/inter-greek-ext-700-normal.woff
new file mode 100644
index 00000000..516f0682
Binary files /dev/null and b/static/fonts/inter-greek-ext-700-normal.woff differ
diff --git a/static/fonts/inter-greek-ext-700-normal.woff2 b/static/fonts/inter-greek-ext-700-normal.woff2
new file mode 100644
index 00000000..7c2055e4
Binary files /dev/null and b/static/fonts/inter-greek-ext-700-normal.woff2 differ
diff --git a/static/fonts/inter-latin-400-normal.woff b/static/fonts/inter-latin-400-normal.woff
new file mode 100644
index 00000000..2468d6f0
Binary files /dev/null and b/static/fonts/inter-latin-400-normal.woff differ
diff --git a/static/fonts/inter-latin-400-normal.woff2 b/static/fonts/inter-latin-400-normal.woff2
new file mode 100644
index 00000000..33002f12
Binary files /dev/null and b/static/fonts/inter-latin-400-normal.woff2 differ
diff --git a/static/fonts/inter-latin-600-normal.woff b/static/fonts/inter-latin-600-normal.woff
new file mode 100644
index 00000000..71a902b5
Binary files /dev/null and b/static/fonts/inter-latin-600-normal.woff differ
diff --git a/static/fonts/inter-latin-600-normal.woff2 b/static/fonts/inter-latin-600-normal.woff2
new file mode 100644
index 00000000..fb50a02b
Binary files /dev/null and b/static/fonts/inter-latin-600-normal.woff2 differ
diff --git a/static/fonts/inter-latin-700-normal.woff b/static/fonts/inter-latin-700-normal.woff
new file mode 100644
index 00000000..94f73440
Binary files /dev/null and b/static/fonts/inter-latin-700-normal.woff differ
diff --git a/static/fonts/inter-latin-700-normal.woff2 b/static/fonts/inter-latin-700-normal.woff2
new file mode 100644
index 00000000..12b51d77
Binary files /dev/null and b/static/fonts/inter-latin-700-normal.woff2 differ
diff --git a/static/fonts/inter-latin-ext-400-normal.woff b/static/fonts/inter-latin-ext-400-normal.woff
new file mode 100644
index 00000000..e85a6361
Binary files /dev/null and b/static/fonts/inter-latin-ext-400-normal.woff differ
diff --git a/static/fonts/inter-latin-ext-400-normal.woff2 b/static/fonts/inter-latin-ext-400-normal.woff2
new file mode 100644
index 00000000..e46b74a8
Binary files /dev/null and b/static/fonts/inter-latin-ext-400-normal.woff2 differ
diff --git a/static/fonts/inter-latin-ext-600-normal.woff b/static/fonts/inter-latin-ext-600-normal.woff
new file mode 100644
index 00000000..83210206
Binary files /dev/null and b/static/fonts/inter-latin-ext-600-normal.woff differ
diff --git a/static/fonts/inter-latin-ext-600-normal.woff2 b/static/fonts/inter-latin-ext-600-normal.woff2
new file mode 100644
index 00000000..ae16ff8d
Binary files /dev/null and b/static/fonts/inter-latin-ext-600-normal.woff2 differ
diff --git a/static/fonts/inter-latin-ext-700-normal.woff b/static/fonts/inter-latin-ext-700-normal.woff
new file mode 100644
index 00000000..08457721
Binary files /dev/null and b/static/fonts/inter-latin-ext-700-normal.woff differ
diff --git a/static/fonts/inter-latin-ext-700-normal.woff2 b/static/fonts/inter-latin-ext-700-normal.woff2
new file mode 100644
index 00000000..818c9060
Binary files /dev/null and b/static/fonts/inter-latin-ext-700-normal.woff2 differ
diff --git a/static/fonts/inter-vietnamese-400-normal.woff b/static/fonts/inter-vietnamese-400-normal.woff
new file mode 100644
index 00000000..348a66d6
Binary files /dev/null and b/static/fonts/inter-vietnamese-400-normal.woff differ
diff --git a/static/fonts/inter-vietnamese-400-normal.woff2 b/static/fonts/inter-vietnamese-400-normal.woff2
new file mode 100644
index 00000000..ba7767f2
Binary files /dev/null and b/static/fonts/inter-vietnamese-400-normal.woff2 differ
diff --git a/static/fonts/inter-vietnamese-600-normal.woff b/static/fonts/inter-vietnamese-600-normal.woff
new file mode 100644
index 00000000..9ee2b62e
Binary files /dev/null and b/static/fonts/inter-vietnamese-600-normal.woff differ
diff --git a/static/fonts/inter-vietnamese-600-normal.woff2 b/static/fonts/inter-vietnamese-600-normal.woff2
new file mode 100644
index 00000000..e7b7814b
Binary files /dev/null and b/static/fonts/inter-vietnamese-600-normal.woff2 differ
diff --git a/static/fonts/inter-vietnamese-700-normal.woff b/static/fonts/inter-vietnamese-700-normal.woff
new file mode 100644
index 00000000..ffdefe9c
Binary files /dev/null and b/static/fonts/inter-vietnamese-700-normal.woff differ
diff --git a/static/fonts/inter-vietnamese-700-normal.woff2 b/static/fonts/inter-vietnamese-700-normal.woff2
new file mode 100644
index 00000000..47cdc0d0
Binary files /dev/null and b/static/fonts/inter-vietnamese-700-normal.woff2 differ
diff --git a/static/fonts/jetbrains-mono-cyrillic-400-normal.woff b/static/fonts/jetbrains-mono-cyrillic-400-normal.woff
new file mode 100644
index 00000000..068a330f
Binary files /dev/null and b/static/fonts/jetbrains-mono-cyrillic-400-normal.woff differ
diff --git a/static/fonts/jetbrains-mono-cyrillic-400-normal.woff2 b/static/fonts/jetbrains-mono-cyrillic-400-normal.woff2
new file mode 100644
index 00000000..6d1cd6ae
Binary files /dev/null and b/static/fonts/jetbrains-mono-cyrillic-400-normal.woff2 differ
diff --git a/static/fonts/jetbrains-mono-greek-400-normal.woff b/static/fonts/jetbrains-mono-greek-400-normal.woff
new file mode 100644
index 00000000..12182d4e
Binary files /dev/null and b/static/fonts/jetbrains-mono-greek-400-normal.woff differ
diff --git a/static/fonts/jetbrains-mono-greek-400-normal.woff2 b/static/fonts/jetbrains-mono-greek-400-normal.woff2
new file mode 100644
index 00000000..ada16a62
Binary files /dev/null and b/static/fonts/jetbrains-mono-greek-400-normal.woff2 differ
diff --git a/static/fonts/jetbrains-mono-latin-400-normal.woff b/static/fonts/jetbrains-mono-latin-400-normal.woff
new file mode 100644
index 00000000..c56a9bf0
Binary files /dev/null and b/static/fonts/jetbrains-mono-latin-400-normal.woff differ
diff --git a/static/fonts/jetbrains-mono-latin-400-normal.woff2 b/static/fonts/jetbrains-mono-latin-400-normal.woff2
new file mode 100644
index 00000000..c3f046fc
Binary files /dev/null and b/static/fonts/jetbrains-mono-latin-400-normal.woff2 differ
diff --git a/static/fonts/jetbrains-mono-latin-ext-400-normal.woff b/static/fonts/jetbrains-mono-latin-ext-400-normal.woff
new file mode 100644
index 00000000..4220a1c2
Binary files /dev/null and b/static/fonts/jetbrains-mono-latin-ext-400-normal.woff differ
diff --git a/static/fonts/jetbrains-mono-latin-ext-400-normal.woff2 b/static/fonts/jetbrains-mono-latin-ext-400-normal.woff2
new file mode 100644
index 00000000..095292db
Binary files /dev/null and b/static/fonts/jetbrains-mono-latin-ext-400-normal.woff2 differ
diff --git a/static/fonts/jetbrains-mono-vietnamese-400-normal.woff b/static/fonts/jetbrains-mono-vietnamese-400-normal.woff
new file mode 100644
index 00000000..060be87f
Binary files /dev/null and b/static/fonts/jetbrains-mono-vietnamese-400-normal.woff differ
diff --git a/static/img/car-brand-collage.avif b/static/img/car-brand-collage.avif
new file mode 100644
index 00000000..f30d2dbe
Binary files /dev/null and b/static/img/car-brand-collage.avif differ
diff --git a/static/img/car-brand-collage.jpg b/static/img/car-brand-collage.jpg
new file mode 100644
index 00000000..1c7918f5
Binary files /dev/null and b/static/img/car-brand-collage.jpg differ
diff --git a/static/img/car-brand-collage.webp b/static/img/car-brand-collage.webp
new file mode 100644
index 00000000..fe0d97b5
Binary files /dev/null and b/static/img/car-brand-collage.webp differ
diff --git a/static/img/comma-3x-sim-insertion.avif b/static/img/comma-3x-sim-insertion.avif
new file mode 100644
index 00000000..06fd8473
Binary files /dev/null and b/static/img/comma-3x-sim-insertion.avif differ
diff --git a/static/img/comma-3x-sim-insertion.png b/static/img/comma-3x-sim-insertion.png
new file mode 100644
index 00000000..9e267582
Binary files /dev/null and b/static/img/comma-3x-sim-insertion.png differ
diff --git a/static/img/comma-3x-sim-insertion.webp b/static/img/comma-3x-sim-insertion.webp
new file mode 100644
index 00000000..f03bfc80
Binary files /dev/null and b/static/img/comma-3x-sim-insertion.webp differ
diff --git a/static/img/comma-body-assembly.avif b/static/img/comma-body-assembly.avif
new file mode 100644
index 00000000..ce8a899b
Binary files /dev/null and b/static/img/comma-body-assembly.avif differ
diff --git a/static/img/comma-body-assembly.jpeg b/static/img/comma-body-assembly.jpeg
new file mode 100644
index 00000000..d080d398
Binary files /dev/null and b/static/img/comma-body-assembly.jpeg differ
diff --git a/static/img/comma-body-assembly.webp b/static/img/comma-body-assembly.webp
new file mode 100644
index 00000000..c2121d87
Binary files /dev/null and b/static/img/comma-body-assembly.webp differ
diff --git a/static/img/comma-body-base.avif b/static/img/comma-body-base.avif
new file mode 100644
index 00000000..37abfd7e
Binary files /dev/null and b/static/img/comma-body-base.avif differ
diff --git a/static/img/comma-body-base.jpg b/static/img/comma-body-base.jpg
new file mode 100644
index 00000000..dd8d0370
Binary files /dev/null and b/static/img/comma-body-base.jpg differ
diff --git a/static/img/comma-body-base.webp b/static/img/comma-body-base.webp
new file mode 100644
index 00000000..eed3085b
Binary files /dev/null and b/static/img/comma-body-base.webp differ
diff --git a/static/img/comma-body-height.avif b/static/img/comma-body-height.avif
new file mode 100644
index 00000000..0aa3e10c
Binary files /dev/null and b/static/img/comma-body-height.avif differ
diff --git a/static/img/comma-body-height.png b/static/img/comma-body-height.png
new file mode 100644
index 00000000..6c995b9d
Binary files /dev/null and b/static/img/comma-body-height.png differ
diff --git a/static/img/comma-body-height.webp b/static/img/comma-body-height.webp
new file mode 100644
index 00000000..e93bb9b9
Binary files /dev/null and b/static/img/comma-body-height.webp differ
diff --git a/static/img/comma-body-internals.avif b/static/img/comma-body-internals.avif
new file mode 100644
index 00000000..c20fb46f
Binary files /dev/null and b/static/img/comma-body-internals.avif differ
diff --git a/static/img/comma-body-internals.jpg b/static/img/comma-body-internals.jpg
new file mode 100644
index 00000000..b6cdccf0
Binary files /dev/null and b/static/img/comma-body-internals.jpg differ
diff --git a/static/img/comma-body-internals.webp b/static/img/comma-body-internals.webp
new file mode 100644
index 00000000..7992a048
Binary files /dev/null and b/static/img/comma-body-internals.webp differ
diff --git a/static/img/comma-body-screen.avif b/static/img/comma-body-screen.avif
new file mode 100644
index 00000000..57860c1a
Binary files /dev/null and b/static/img/comma-body-screen.avif differ
diff --git a/static/img/comma-body-screen.jpg b/static/img/comma-body-screen.jpg
new file mode 100644
index 00000000..6b058668
Binary files /dev/null and b/static/img/comma-body-screen.jpg differ
diff --git a/static/img/comma-body-screen.webp b/static/img/comma-body-screen.webp
new file mode 100644
index 00000000..18318bfb
Binary files /dev/null and b/static/img/comma-body-screen.webp differ
diff --git a/static/img/comma-body-wink.avif b/static/img/comma-body-wink.avif
new file mode 100644
index 00000000..07ffc306
Binary files /dev/null and b/static/img/comma-body-wink.avif differ
diff --git a/static/img/comma-body-wink.gif b/static/img/comma-body-wink.gif
new file mode 100644
index 00000000..c91f98b0
Binary files /dev/null and b/static/img/comma-body-wink.gif differ
diff --git a/static/img/comma-body-wink.webp b/static/img/comma-body-wink.webp
new file mode 100644
index 00000000..e9f8179a
Binary files /dev/null and b/static/img/comma-body-wink.webp differ
diff --git a/static/img/connect-app.avif b/static/img/connect-app.avif
new file mode 100644
index 00000000..085ed81c
Binary files /dev/null and b/static/img/connect-app.avif differ
diff --git a/static/img/connect-app.png b/static/img/connect-app.png
new file mode 100644
index 00000000..d76e4ca7
Binary files /dev/null and b/static/img/connect-app.png differ
diff --git a/static/img/connect-app.webp b/static/img/connect-app.webp
new file mode 100644
index 00000000..2ec316e4
Binary files /dev/null and b/static/img/connect-app.webp differ
diff --git a/src/lib/images/faq/connect.svg b/static/img/faq/connect.svg
similarity index 100%
rename from src/lib/images/faq/connect.svg
rename to static/img/faq/connect.svg
diff --git a/src/lib/images/faq/openpilot.svg b/static/img/faq/openpilot.svg
similarity index 100%
rename from src/lib/images/faq/openpilot.svg
rename to static/img/faq/openpilot.svg
diff --git a/src/lib/images/faq/other.svg b/static/img/faq/other.svg
similarity index 100%
rename from src/lib/images/faq/other.svg
rename to static/img/faq/other.svg
diff --git a/static/img/featured-articles/car-and-driver.avif b/static/img/featured-articles/car-and-driver.avif
new file mode 100644
index 00000000..20005939
Binary files /dev/null and b/static/img/featured-articles/car-and-driver.avif differ
diff --git a/static/img/featured-articles/car-and-driver.png b/static/img/featured-articles/car-and-driver.png
new file mode 100644
index 00000000..a865c512
Binary files /dev/null and b/static/img/featured-articles/car-and-driver.png differ
diff --git a/static/img/featured-articles/car-and-driver.webp b/static/img/featured-articles/car-and-driver.webp
new file mode 100644
index 00000000..ee128125
Binary files /dev/null and b/static/img/featured-articles/car-and-driver.webp differ
diff --git a/static/img/featured-articles/consumer-reports.avif b/static/img/featured-articles/consumer-reports.avif
new file mode 100644
index 00000000..40ec90a7
Binary files /dev/null and b/static/img/featured-articles/consumer-reports.avif differ
diff --git a/static/img/featured-articles/consumer-reports.png b/static/img/featured-articles/consumer-reports.png
new file mode 100644
index 00000000..d91eb95b
Binary files /dev/null and b/static/img/featured-articles/consumer-reports.png differ
diff --git a/static/img/featured-articles/consumer-reports.webp b/static/img/featured-articles/consumer-reports.webp
new file mode 100644
index 00000000..e96e658d
Binary files /dev/null and b/static/img/featured-articles/consumer-reports.webp differ
diff --git a/static/img/featured-articles/road-show.avif b/static/img/featured-articles/road-show.avif
new file mode 100644
index 00000000..192e95fe
Binary files /dev/null and b/static/img/featured-articles/road-show.avif differ
diff --git a/static/img/featured-articles/road-show.png b/static/img/featured-articles/road-show.png
new file mode 100644
index 00000000..2471d46b
Binary files /dev/null and b/static/img/featured-articles/road-show.png differ
diff --git a/static/img/featured-articles/road-show.webp b/static/img/featured-articles/road-show.webp
new file mode 100644
index 00000000..101353e6
Binary files /dev/null and b/static/img/featured-articles/road-show.webp differ
diff --git a/static/img/featured-articles/snazzy-labs.avif b/static/img/featured-articles/snazzy-labs.avif
new file mode 100644
index 00000000..7650c26f
Binary files /dev/null and b/static/img/featured-articles/snazzy-labs.avif differ
diff --git a/static/img/featured-articles/snazzy-labs.png b/static/img/featured-articles/snazzy-labs.png
new file mode 100644
index 00000000..30587da8
Binary files /dev/null and b/static/img/featured-articles/snazzy-labs.png differ
diff --git a/static/img/featured-articles/snazzy-labs.webp b/static/img/featured-articles/snazzy-labs.webp
new file mode 100644
index 00000000..8b6f4498
Binary files /dev/null and b/static/img/featured-articles/snazzy-labs.webp differ
diff --git a/static/img/icons/features/marker.avif b/static/img/icons/features/marker.avif
new file mode 100644
index 00000000..55243a07
Binary files /dev/null and b/static/img/icons/features/marker.avif differ
diff --git a/static/img/icons/features/marker.png b/static/img/icons/features/marker.png
new file mode 100644
index 00000000..b31b9849
Binary files /dev/null and b/static/img/icons/features/marker.png differ
diff --git a/static/img/icons/features/marker.webp b/static/img/icons/features/marker.webp
new file mode 100644
index 00000000..e5fe8bd7
Binary files /dev/null and b/static/img/icons/features/marker.webp differ
diff --git a/static/img/icons/features/snapshot.avif b/static/img/icons/features/snapshot.avif
new file mode 100644
index 00000000..73eea3cf
Binary files /dev/null and b/static/img/icons/features/snapshot.avif differ
diff --git a/static/img/icons/features/snapshot.png b/static/img/icons/features/snapshot.png
new file mode 100644
index 00000000..6063848b
Binary files /dev/null and b/static/img/icons/features/snapshot.png differ
diff --git a/static/img/icons/features/snapshot.webp b/static/img/icons/features/snapshot.webp
new file mode 100644
index 00000000..80c60358
Binary files /dev/null and b/static/img/icons/features/snapshot.webp differ
diff --git a/static/img/icons/features/twenty-four-seven.avif b/static/img/icons/features/twenty-four-seven.avif
new file mode 100644
index 00000000..5d3bcbb8
Binary files /dev/null and b/static/img/icons/features/twenty-four-seven.avif differ
diff --git a/static/img/icons/features/twenty-four-seven.png b/static/img/icons/features/twenty-four-seven.png
new file mode 100644
index 00000000..239295c1
Binary files /dev/null and b/static/img/icons/features/twenty-four-seven.png differ
diff --git a/static/img/icons/features/twenty-four-seven.webp b/static/img/icons/features/twenty-four-seven.webp
new file mode 100644
index 00000000..0ca94866
Binary files /dev/null and b/static/img/icons/features/twenty-four-seven.webp differ
diff --git a/static/img/products/body/comma-body-devkit.avif b/static/img/products/body/comma-body-devkit.avif
new file mode 100644
index 00000000..7cefdcef
Binary files /dev/null and b/static/img/products/body/comma-body-devkit.avif differ
diff --git a/static/img/products/body/comma-body-devkit.jpeg b/static/img/products/body/comma-body-devkit.jpeg
new file mode 100644
index 00000000..51f007cd
Binary files /dev/null and b/static/img/products/body/comma-body-devkit.jpeg differ
diff --git a/static/img/products/body/comma-body-devkit.webp b/static/img/products/body/comma-body-devkit.webp
new file mode 100644
index 00000000..eaaf2e5a
Binary files /dev/null and b/static/img/products/body/comma-body-devkit.webp differ
diff --git a/static/img/products/body/comma-body-display.avif b/static/img/products/body/comma-body-display.avif
new file mode 100644
index 00000000..42d37c92
Binary files /dev/null and b/static/img/products/body/comma-body-display.avif differ
diff --git a/static/img/products/body/comma-body-display.jpeg b/static/img/products/body/comma-body-display.jpeg
new file mode 100644
index 00000000..5b7e718b
Binary files /dev/null and b/static/img/products/body/comma-body-display.jpeg differ
diff --git a/static/img/products/body/comma-body-display.webp b/static/img/products/body/comma-body-display.webp
new file mode 100644
index 00000000..945a8ba3
Binary files /dev/null and b/static/img/products/body/comma-body-display.webp differ
diff --git a/static/img/products/body/comma-body-size.avif b/static/img/products/body/comma-body-size.avif
new file mode 100644
index 00000000..10e6acb8
Binary files /dev/null and b/static/img/products/body/comma-body-size.avif differ
diff --git a/static/img/products/body/comma-body-size.png b/static/img/products/body/comma-body-size.png
new file mode 100644
index 00000000..da61d871
Binary files /dev/null and b/static/img/products/body/comma-body-size.png differ
diff --git a/static/img/products/body/comma-body-size.webp b/static/img/products/body/comma-body-size.webp
new file mode 100644
index 00000000..34e9f766
Binary files /dev/null and b/static/img/products/body/comma-body-size.webp differ
diff --git a/static/img/products/body/comma-body-wheels.avif b/static/img/products/body/comma-body-wheels.avif
new file mode 100644
index 00000000..2af78345
Binary files /dev/null and b/static/img/products/body/comma-body-wheels.avif differ
diff --git a/static/img/products/body/comma-body-wheels.jpg b/static/img/products/body/comma-body-wheels.jpg
new file mode 100644
index 00000000..af221db3
Binary files /dev/null and b/static/img/products/body/comma-body-wheels.jpg differ
diff --git a/static/img/products/body/comma-body-wheels.webp b/static/img/products/body/comma-body-wheels.webp
new file mode 100644
index 00000000..52104ae1
Binary files /dev/null and b/static/img/products/body/comma-body-wheels.webp differ
diff --git a/static/img/products/body/comma-body.avif b/static/img/products/body/comma-body.avif
new file mode 100644
index 00000000..304321e7
Binary files /dev/null and b/static/img/products/body/comma-body.avif differ
diff --git a/static/img/products/body/comma-body.jpg b/static/img/products/body/comma-body.jpg
new file mode 100644
index 00000000..612999ef
Binary files /dev/null and b/static/img/products/body/comma-body.jpg differ
diff --git a/static/img/products/body/comma-body.webp b/static/img/products/body/comma-body.webp
new file mode 100644
index 00000000..e2f7dfcf
Binary files /dev/null and b/static/img/products/body/comma-body.webp differ
diff --git a/static/img/products/can-fd-panda-kit/can-fd-panda-kit.avif b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.avif
new file mode 100644
index 00000000..f61795ec
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.avif differ
diff --git a/static/img/products/can-fd-panda-kit/can-fd-panda-kit.jpg b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.jpg
new file mode 100644
index 00000000..288c4210
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.jpg differ
diff --git a/static/img/products/can-fd-panda-kit/can-fd-panda-kit.webp b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.webp
new file mode 100644
index 00000000..50434063
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/can-fd-panda-kit.webp differ
diff --git a/static/img/products/can-fd-panda-kit/kit-diagram.avif b/static/img/products/can-fd-panda-kit/kit-diagram.avif
new file mode 100644
index 00000000..07d4714c
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/kit-diagram.avif differ
diff --git a/static/img/products/can-fd-panda-kit/kit-diagram.jpg b/static/img/products/can-fd-panda-kit/kit-diagram.jpg
new file mode 100644
index 00000000..9a77e9b9
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/kit-diagram.jpg differ
diff --git a/static/img/products/can-fd-panda-kit/kit-diagram.webp b/static/img/products/can-fd-panda-kit/kit-diagram.webp
new file mode 100644
index 00000000..aee079c3
Binary files /dev/null and b/static/img/products/can-fd-panda-kit/kit-diagram.webp differ
diff --git a/static/img/products/car-harness/OBD-II.avif b/static/img/products/car-harness/OBD-II.avif
new file mode 100644
index 00000000..f9244da6
Binary files /dev/null and b/static/img/products/car-harness/OBD-II.avif differ
diff --git a/static/img/products/car-harness/OBD-II.png b/static/img/products/car-harness/OBD-II.png
new file mode 100644
index 00000000..a468fe95
Binary files /dev/null and b/static/img/products/car-harness/OBD-II.png differ
diff --git a/static/img/products/car-harness/OBD-II.webp b/static/img/products/car-harness/OBD-II.webp
new file mode 100644
index 00000000..fe2b8d31
Binary files /dev/null and b/static/img/products/car-harness/OBD-II.webp differ
diff --git a/static/img/products/car-harness/car-harness.avif b/static/img/products/car-harness/car-harness.avif
new file mode 100644
index 00000000..86a23af0
Binary files /dev/null and b/static/img/products/car-harness/car-harness.avif differ
diff --git a/static/img/products/car-harness/car-harness.jpg b/static/img/products/car-harness/car-harness.jpg
new file mode 100644
index 00000000..5581e4f6
Binary files /dev/null and b/static/img/products/car-harness/car-harness.jpg differ
diff --git a/static/img/products/car-harness/car-harness.webp b/static/img/products/car-harness/car-harness.webp
new file mode 100644
index 00000000..b487da43
Binary files /dev/null and b/static/img/products/car-harness/car-harness.webp differ
diff --git a/static/img/products/car-harness/connectors.avif b/static/img/products/car-harness/connectors.avif
new file mode 100644
index 00000000..5cc5b18c
Binary files /dev/null and b/static/img/products/car-harness/connectors.avif differ
diff --git a/static/img/products/car-harness/connectors.jpg b/static/img/products/car-harness/connectors.jpg
new file mode 100644
index 00000000..9f1696fa
Binary files /dev/null and b/static/img/products/car-harness/connectors.jpg differ
diff --git a/static/img/products/car-harness/connectors.webp b/static/img/products/car-harness/connectors.webp
new file mode 100644
index 00000000..5df6b37f
Binary files /dev/null and b/static/img/products/car-harness/connectors.webp differ
diff --git a/static/img/products/car-harness/harness-includes.avif b/static/img/products/car-harness/harness-includes.avif
new file mode 100644
index 00000000..c4290eb6
Binary files /dev/null and b/static/img/products/car-harness/harness-includes.avif differ
diff --git a/static/img/products/car-harness/harness-includes.jpg b/static/img/products/car-harness/harness-includes.jpg
new file mode 100644
index 00000000..8d2c784d
Binary files /dev/null and b/static/img/products/car-harness/harness-includes.jpg differ
diff --git a/static/img/products/car-harness/harness-includes.webp b/static/img/products/car-harness/harness-includes.webp
new file mode 100644
index 00000000..d2f8f18e
Binary files /dev/null and b/static/img/products/car-harness/harness-includes.webp differ
diff --git a/static/img/products/comma-3x-back-case/comma-3x-back-case.avif b/static/img/products/comma-3x-back-case/comma-3x-back-case.avif
new file mode 100644
index 00000000..273f9c2d
Binary files /dev/null and b/static/img/products/comma-3x-back-case/comma-3x-back-case.avif differ
diff --git a/static/img/products/comma-3x-back-case/comma-3x-back-case.jpg b/static/img/products/comma-3x-back-case/comma-3x-back-case.jpg
new file mode 100644
index 00000000..dd3d7539
Binary files /dev/null and b/static/img/products/comma-3x-back-case/comma-3x-back-case.jpg differ
diff --git a/static/img/products/comma-3x-back-case/comma-3x-back-case.webp b/static/img/products/comma-3x-back-case/comma-3x-back-case.webp
new file mode 100644
index 00000000..c4c7d87e
Binary files /dev/null and b/static/img/products/comma-3x-back-case/comma-3x-back-case.webp differ
diff --git a/static/img/products/comma-3x/comma-3x-back.avif b/static/img/products/comma-3x/comma-3x-back.avif
new file mode 100644
index 00000000..83aa4359
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-back.avif differ
diff --git a/static/img/products/comma-3x/comma-3x-back.jpg b/static/img/products/comma-3x/comma-3x-back.jpg
new file mode 100644
index 00000000..dda304e6
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-back.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x-back.webp b/static/img/products/comma-3x/comma-3x-back.webp
new file mode 100644
index 00000000..9bc625e3
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-back.webp differ
diff --git a/static/img/products/comma-3x/comma-3x-bf.avif b/static/img/products/comma-3x/comma-3x-bf.avif
new file mode 100644
index 00000000..5c1128ff
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf.avif differ
diff --git a/static/img/products/comma-3x/comma-3x-bf.jpg b/static/img/products/comma-3x/comma-3x-bf.jpg
new file mode 100644
index 00000000..ec522b69
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x-bf.webp b/static/img/products/comma-3x/comma-3x-bf.webp
new file mode 100644
index 00000000..099363dc
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf.webp differ
diff --git a/static/img/products/comma-3x/comma-3x-bf2.avif b/static/img/products/comma-3x/comma-3x-bf2.avif
new file mode 100644
index 00000000..e2e2f9c2
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf2.avif differ
diff --git a/static/img/products/comma-3x/comma-3x-bf2.jpg b/static/img/products/comma-3x/comma-3x-bf2.jpg
new file mode 100644
index 00000000..a9156cd4
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf2.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x-bf2.webp b/static/img/products/comma-3x/comma-3x-bf2.webp
new file mode 100644
index 00000000..0cbc6dfd
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-bf2.webp differ
diff --git a/static/img/products/comma-3x/comma-3x-includes.avif b/static/img/products/comma-3x/comma-3x-includes.avif
new file mode 100644
index 00000000..e763c030
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-includes.avif differ
diff --git a/static/img/products/comma-3x/comma-3x-includes.jpg b/static/img/products/comma-3x/comma-3x-includes.jpg
new file mode 100644
index 00000000..0b8c1d10
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-includes.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x-includes.webp b/static/img/products/comma-3x/comma-3x-includes.webp
new file mode 100644
index 00000000..7796a483
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-includes.webp differ
diff --git a/static/img/products/comma-3x/comma-3x-promo.avif b/static/img/products/comma-3x/comma-3x-promo.avif
new file mode 100644
index 00000000..66931dac
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-promo.avif differ
diff --git a/static/img/products/comma-3x/comma-3x-promo.jpg b/static/img/products/comma-3x/comma-3x-promo.jpg
new file mode 100644
index 00000000..d764a28b
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-promo.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x-promo.webp b/static/img/products/comma-3x/comma-3x-promo.webp
new file mode 100644
index 00000000..98c111cc
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x-promo.webp differ
diff --git a/static/img/products/comma-3x/comma-3x.avif b/static/img/products/comma-3x/comma-3x.avif
new file mode 100644
index 00000000..d09fc860
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x.avif differ
diff --git a/static/img/products/comma-3x/comma-3x.jpg b/static/img/products/comma-3x/comma-3x.jpg
new file mode 100644
index 00000000..91f733a2
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x.jpg differ
diff --git a/static/img/products/comma-3x/comma-3x.webp b/static/img/products/comma-3x/comma-3x.webp
new file mode 100644
index 00000000..d8accd88
Binary files /dev/null and b/static/img/products/comma-3x/comma-3x.webp differ
diff --git a/static/img/products/comma-ai-beanie/comma-beanie.avif b/static/img/products/comma-ai-beanie/comma-beanie.avif
new file mode 100644
index 00000000..0ba5cde5
Binary files /dev/null and b/static/img/products/comma-ai-beanie/comma-beanie.avif differ
diff --git a/static/img/products/comma-ai-beanie/comma-beanie.jpg b/static/img/products/comma-ai-beanie/comma-beanie.jpg
new file mode 100644
index 00000000..97331128
Binary files /dev/null and b/static/img/products/comma-ai-beanie/comma-beanie.jpg differ
diff --git a/static/img/products/comma-ai-beanie/comma-beanie.webp b/static/img/products/comma-ai-beanie/comma-beanie.webp
new file mode 100644
index 00000000..63c54cab
Binary files /dev/null and b/static/img/products/comma-ai-beanie/comma-beanie.webp differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-back.avif b/static/img/products/comma-ai-hoodie/comma-hoodie-back.avif
new file mode 100644
index 00000000..94a12df1
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-back.avif differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-back.jpeg b/static/img/products/comma-ai-hoodie/comma-hoodie-back.jpeg
new file mode 100644
index 00000000..e6b75968
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-back.jpeg differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-back.webp b/static/img/products/comma-ai-hoodie/comma-hoodie-back.webp
new file mode 100644
index 00000000..de91b799
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-back.webp differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.avif b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.avif
new file mode 100644
index 00000000..d8cc4654
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.avif differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg
new file mode 100644
index 00000000..151135aa
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.jpeg differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.webp b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.webp
new file mode 100644
index 00000000..546df096
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-packaging.webp differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-print.avif b/static/img/products/comma-ai-hoodie/comma-hoodie-print.avif
new file mode 100644
index 00000000..8b49ff28
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-print.avif differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-print.jpeg b/static/img/products/comma-ai-hoodie/comma-hoodie-print.jpeg
new file mode 100644
index 00000000..ee4ccc5b
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-print.jpeg differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie-print.webp b/static/img/products/comma-ai-hoodie/comma-hoodie-print.webp
new file mode 100644
index 00000000..b6aa8665
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie-print.webp differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie.avif b/static/img/products/comma-ai-hoodie/comma-hoodie.avif
new file mode 100644
index 00000000..59e8adfc
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie.avif differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie.jpg b/static/img/products/comma-ai-hoodie/comma-hoodie.jpg
new file mode 100644
index 00000000..c9636cda
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie.jpg differ
diff --git a/static/img/products/comma-ai-hoodie/comma-hoodie.webp b/static/img/products/comma-ai-hoodie/comma-hoodie.webp
new file mode 100644
index 00000000..4892dac1
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/comma-hoodie.webp differ
diff --git a/static/img/products/comma-ai-hoodie/download.avif b/static/img/products/comma-ai-hoodie/download.avif
new file mode 100644
index 00000000..0ede2140
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/download.avif differ
diff --git a/static/img/products/comma-ai-hoodie/download.png b/static/img/products/comma-ai-hoodie/download.png
new file mode 100644
index 00000000..94195658
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/download.png differ
diff --git a/static/img/products/comma-ai-hoodie/download.webp b/static/img/products/comma-ai-hoodie/download.webp
new file mode 100644
index 00000000..88a237c6
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/download.webp differ
diff --git a/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.avif b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.avif
new file mode 100644
index 00000000..d7c68d51
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.avif differ
diff --git a/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg
new file mode 100644
index 00000000..9df42c14
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.jpeg differ
diff --git a/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.webp b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.webp
new file mode 100644
index 00000000..20239ba9
Binary files /dev/null and b/static/img/products/comma-ai-hoodie/hoodiefront_1680x1260.webp differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.avif b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.avif
new file mode 100644
index 00000000..5a0dc0e0
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.avif differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg
new file mode 100644
index 00000000..a16ccb8b
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.jpeg differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.webp b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.webp
new file mode 100644
index 00000000..65aeaeef
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-pose.webp differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.avif b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.avif
new file mode 100644
index 00000000..2f9aa389
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.avif differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg
new file mode 100644
index 00000000..852fc63c
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.jpeg differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.webp b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.webp
new file mode 100644
index 00000000..24eb97ca
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt-print.webp differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt.avif b/static/img/products/comma-ai-t-shirt/comma-t-shirt.avif
new file mode 100644
index 00000000..ed3de47f
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt.avif differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt.jpg b/static/img/products/comma-ai-t-shirt/comma-t-shirt.jpg
new file mode 100644
index 00000000..61923735
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt.jpg differ
diff --git a/static/img/products/comma-ai-t-shirt/comma-t-shirt.webp b/static/img/products/comma-ai-t-shirt/comma-t-shirt.webp
new file mode 100644
index 00000000..254f6b0b
Binary files /dev/null and b/static/img/products/comma-ai-t-shirt/comma-t-shirt.webp differ
diff --git a/src/lib/images/products/comma-four/confidence_ball.mp4 b/static/img/products/comma-four/confidence_ball.mp4
similarity index 100%
rename from src/lib/images/products/comma-four/confidence_ball.mp4
rename to static/img/products/comma-four/confidence_ball.mp4
diff --git a/static/img/products/comma-four/cooling.avif b/static/img/products/comma-four/cooling.avif
new file mode 100644
index 00000000..92bf0740
Binary files /dev/null and b/static/img/products/comma-four/cooling.avif differ
diff --git a/src/lib/images/products/comma-four/cooling.png b/static/img/products/comma-four/cooling.png
similarity index 50%
rename from src/lib/images/products/comma-four/cooling.png
rename to static/img/products/comma-four/cooling.png
index 4987f4c8..bda6a5a1 100644
Binary files a/src/lib/images/products/comma-four/cooling.png and b/static/img/products/comma-four/cooling.png differ
diff --git a/static/img/products/comma-four/cooling.webp b/static/img/products/comma-four/cooling.webp
new file mode 100644
index 00000000..bae606a0
Binary files /dev/null and b/static/img/products/comma-four/cooling.webp differ
diff --git a/src/lib/images/products/comma-four/engage_disengage.mp4 b/static/img/products/comma-four/engage_disengage.mp4
similarity index 100%
rename from src/lib/images/products/comma-four/engage_disengage.mp4
rename to static/img/products/comma-four/engage_disengage.mp4
diff --git a/static/img/products/comma-four/four_angled.avif b/static/img/products/comma-four/four_angled.avif
new file mode 100644
index 00000000..861e9c0f
Binary files /dev/null and b/static/img/products/comma-four/four_angled.avif differ
diff --git a/static/img/products/comma-four/four_angled.png b/static/img/products/comma-four/four_angled.png
new file mode 100644
index 00000000..864f0d09
Binary files /dev/null and b/static/img/products/comma-four/four_angled.png differ
diff --git a/static/img/products/comma-four/four_angled.webp b/static/img/products/comma-four/four_angled.webp
new file mode 100644
index 00000000..b79dd92f
Binary files /dev/null and b/static/img/products/comma-four/four_angled.webp differ
diff --git a/static/img/products/comma-four/four_back.avif b/static/img/products/comma-four/four_back.avif
new file mode 100644
index 00000000..87bf449b
Binary files /dev/null and b/static/img/products/comma-four/four_back.avif differ
diff --git a/static/img/products/comma-four/four_back.png b/static/img/products/comma-four/four_back.png
new file mode 100644
index 00000000..d3f5bc4c
Binary files /dev/null and b/static/img/products/comma-four/four_back.png differ
diff --git a/static/img/products/comma-four/four_back.webp b/static/img/products/comma-four/four_back.webp
new file mode 100644
index 00000000..0f44c9f0
Binary files /dev/null and b/static/img/products/comma-four/four_back.webp differ
diff --git a/static/img/products/comma-four/four_dark.avif b/static/img/products/comma-four/four_dark.avif
new file mode 100644
index 00000000..74bc8a41
Binary files /dev/null and b/static/img/products/comma-four/four_dark.avif differ
diff --git a/static/img/products/comma-four/four_dark.png b/static/img/products/comma-four/four_dark.png
new file mode 100644
index 00000000..44a970d6
Binary files /dev/null and b/static/img/products/comma-four/four_dark.png differ
diff --git a/static/img/products/comma-four/four_dark.webp b/static/img/products/comma-four/four_dark.webp
new file mode 100644
index 00000000..abd14f58
Binary files /dev/null and b/static/img/products/comma-four/four_dark.webp differ
diff --git a/static/img/products/comma-four/four_front.avif b/static/img/products/comma-four/four_front.avif
new file mode 100644
index 00000000..395ba08d
Binary files /dev/null and b/static/img/products/comma-four/four_front.avif differ
diff --git a/static/img/products/comma-four/four_front.png b/static/img/products/comma-four/four_front.png
new file mode 100644
index 00000000..99b7ecdb
Binary files /dev/null and b/static/img/products/comma-four/four_front.png differ
diff --git a/static/img/products/comma-four/four_front.webp b/static/img/products/comma-four/four_front.webp
new file mode 100644
index 00000000..3db98bbb
Binary files /dev/null and b/static/img/products/comma-four/four_front.webp differ
diff --git a/static/img/products/comma-four/four_screen_on.avif b/static/img/products/comma-four/four_screen_on.avif
new file mode 100644
index 00000000..2ebf350b
Binary files /dev/null and b/static/img/products/comma-four/four_screen_on.avif differ
diff --git a/static/img/products/comma-four/four_screen_on.png b/static/img/products/comma-four/four_screen_on.png
new file mode 100644
index 00000000..6096aa9e
Binary files /dev/null and b/static/img/products/comma-four/four_screen_on.png differ
diff --git a/static/img/products/comma-four/four_screen_on.webp b/static/img/products/comma-four/four_screen_on.webp
new file mode 100644
index 00000000..b3b90c96
Binary files /dev/null and b/static/img/products/comma-four/four_screen_on.webp differ
diff --git a/static/img/products/comma-four/four_side.avif b/static/img/products/comma-four/four_side.avif
new file mode 100644
index 00000000..63fbad62
Binary files /dev/null and b/static/img/products/comma-four/four_side.avif differ
diff --git a/static/img/products/comma-four/four_side.png b/static/img/products/comma-four/four_side.png
new file mode 100644
index 00000000..b7257275
Binary files /dev/null and b/static/img/products/comma-four/four_side.png differ
diff --git a/static/img/products/comma-four/four_side.webp b/static/img/products/comma-four/four_side.webp
new file mode 100644
index 00000000..b346a703
Binary files /dev/null and b/static/img/products/comma-four/four_side.webp differ
diff --git a/src/lib/images/products/comma-four/settings.mp4 b/static/img/products/comma-four/settings.mp4
similarity index 100%
rename from src/lib/images/products/comma-four/settings.mp4
rename to static/img/products/comma-four/settings.mp4
diff --git a/src/lib/images/products/comma-four/steering_arc.mp4 b/static/img/products/comma-four/steering_arc.mp4
similarity index 100%
rename from src/lib/images/products/comma-four/steering_arc.mp4
rename to static/img/products/comma-four/steering_arc.mp4
diff --git a/static/img/products/comma-heatsink/comma-three-heatsink.avif b/static/img/products/comma-heatsink/comma-three-heatsink.avif
new file mode 100644
index 00000000..20297b8a
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-three-heatsink.avif differ
diff --git a/static/img/products/comma-heatsink/comma-three-heatsink.jpeg b/static/img/products/comma-heatsink/comma-three-heatsink.jpeg
new file mode 100644
index 00000000..5d574cc3
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-three-heatsink.jpeg differ
diff --git a/static/img/products/comma-heatsink/comma-three-heatsink.webp b/static/img/products/comma-heatsink/comma-three-heatsink.webp
new file mode 100644
index 00000000..e22fdd86
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-three-heatsink.webp differ
diff --git a/static/img/products/comma-heatsink/comma-two-heatsink.avif b/static/img/products/comma-heatsink/comma-two-heatsink.avif
new file mode 100644
index 00000000..f18f5935
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-two-heatsink.avif differ
diff --git a/static/img/products/comma-heatsink/comma-two-heatsink.jpeg b/static/img/products/comma-heatsink/comma-two-heatsink.jpeg
new file mode 100644
index 00000000..d55270f3
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-two-heatsink.jpeg differ
diff --git a/static/img/products/comma-heatsink/comma-two-heatsink.webp b/static/img/products/comma-heatsink/comma-two-heatsink.webp
new file mode 100644
index 00000000..8f00df08
Binary files /dev/null and b/static/img/products/comma-heatsink/comma-two-heatsink.webp differ
diff --git a/static/img/products/comma-key/comma-key.avif b/static/img/products/comma-key/comma-key.avif
new file mode 100644
index 00000000..e69df5ab
Binary files /dev/null and b/static/img/products/comma-key/comma-key.avif differ
diff --git a/static/img/products/comma-key/comma-key.jpg b/static/img/products/comma-key/comma-key.jpg
new file mode 100644
index 00000000..519eeff6
Binary files /dev/null and b/static/img/products/comma-key/comma-key.jpg differ
diff --git a/static/img/products/comma-key/comma-key.webp b/static/img/products/comma-key/comma-key.webp
new file mode 100644
index 00000000..d81af472
Binary files /dev/null and b/static/img/products/comma-key/comma-key.webp differ
diff --git a/static/img/products/comma-power-extender/POWER-EXTENDER.avif b/static/img/products/comma-power-extender/POWER-EXTENDER.avif
new file mode 100644
index 00000000..77451063
Binary files /dev/null and b/static/img/products/comma-power-extender/POWER-EXTENDER.avif differ
diff --git a/static/img/products/comma-power-extender/POWER-EXTENDER.jpg b/static/img/products/comma-power-extender/POWER-EXTENDER.jpg
new file mode 100644
index 00000000..64b20d07
Binary files /dev/null and b/static/img/products/comma-power-extender/POWER-EXTENDER.jpg differ
diff --git a/static/img/products/comma-power-extender/POWER-EXTENDER.webp b/static/img/products/comma-power-extender/POWER-EXTENDER.webp
new file mode 100644
index 00000000..e6d23f47
Binary files /dev/null and b/static/img/products/comma-power-extender/POWER-EXTENDER.webp differ
diff --git a/static/img/products/comma-power/comma-power.avif b/static/img/products/comma-power/comma-power.avif
new file mode 100644
index 00000000..6d264ad6
Binary files /dev/null and b/static/img/products/comma-power/comma-power.avif differ
diff --git a/static/img/products/comma-power/comma-power.jpg b/static/img/products/comma-power/comma-power.jpg
new file mode 100644
index 00000000..cb7b4576
Binary files /dev/null and b/static/img/products/comma-power/comma-power.jpg differ
diff --git a/static/img/products/comma-power/comma-power.webp b/static/img/products/comma-power/comma-power.webp
new file mode 100644
index 00000000..99a542e1
Binary files /dev/null and b/static/img/products/comma-power/comma-power.webp differ
diff --git a/static/img/products/comma-prime-sim/comma-3x-sim-insertion.avif b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.avif
new file mode 100644
index 00000000..06fd8473
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.avif differ
diff --git a/static/img/products/comma-prime-sim/comma-3x-sim-insertion.png b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.png
new file mode 100644
index 00000000..9e267582
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.png differ
diff --git a/static/img/products/comma-prime-sim/comma-3x-sim-insertion.webp b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.webp
new file mode 100644
index 00000000..f03bfc80
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-3x-sim-insertion.webp differ
diff --git a/static/img/products/comma-prime-sim/comma-prime-sim.avif b/static/img/products/comma-prime-sim/comma-prime-sim.avif
new file mode 100644
index 00000000..ed44ceb7
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-prime-sim.avif differ
diff --git a/static/img/products/comma-prime-sim/comma-prime-sim.jpg b/static/img/products/comma-prime-sim/comma-prime-sim.jpg
new file mode 100644
index 00000000..e7225009
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-prime-sim.jpg differ
diff --git a/static/img/products/comma-prime-sim/comma-prime-sim.webp b/static/img/products/comma-prime-sim/comma-prime-sim.webp
new file mode 100644
index 00000000..d3b41b0e
Binary files /dev/null and b/static/img/products/comma-prime-sim/comma-prime-sim.webp differ
diff --git a/static/img/products/comma-three-back-case/comma-three-back-case.avif b/static/img/products/comma-three-back-case/comma-three-back-case.avif
new file mode 100644
index 00000000..c77228f7
Binary files /dev/null and b/static/img/products/comma-three-back-case/comma-three-back-case.avif differ
diff --git a/static/img/products/comma-three-back-case/comma-three-back-case.jpeg b/static/img/products/comma-three-back-case/comma-three-back-case.jpeg
new file mode 100644
index 00000000..44c5c7f5
Binary files /dev/null and b/static/img/products/comma-three-back-case/comma-three-back-case.jpeg differ
diff --git a/static/img/products/comma-three-back-case/comma-three-back-case.webp b/static/img/products/comma-three-back-case/comma-three-back-case.webp
new file mode 100644
index 00000000..5b28a338
Binary files /dev/null and b/static/img/products/comma-three-back-case/comma-three-back-case.webp differ
diff --git a/static/img/products/comma-three-camera/comma-three-camera.avif b/static/img/products/comma-three-camera/comma-three-camera.avif
new file mode 100644
index 00000000..1afe5338
Binary files /dev/null and b/static/img/products/comma-three-camera/comma-three-camera.avif differ
diff --git a/static/img/products/comma-three-camera/comma-three-camera.jpeg b/static/img/products/comma-three-camera/comma-three-camera.jpeg
new file mode 100644
index 00000000..f320c9f8
Binary files /dev/null and b/static/img/products/comma-three-camera/comma-three-camera.jpeg differ
diff --git a/static/img/products/comma-three-camera/comma-three-camera.webp b/static/img/products/comma-three-camera/comma-three-camera.webp
new file mode 100644
index 00000000..8abdb1c8
Binary files /dev/null and b/static/img/products/comma-three-camera/comma-three-camera.webp differ
diff --git a/static/img/products/comma-three-device-screen/comma-three-device-screen.avif b/static/img/products/comma-three-device-screen/comma-three-device-screen.avif
new file mode 100644
index 00000000..5a333ee8
Binary files /dev/null and b/static/img/products/comma-three-device-screen/comma-three-device-screen.avif differ
diff --git a/static/img/products/comma-three-device-screen/comma-three-device-screen.jpg b/static/img/products/comma-three-device-screen/comma-three-device-screen.jpg
new file mode 100644
index 00000000..e53482fe
Binary files /dev/null and b/static/img/products/comma-three-device-screen/comma-three-device-screen.jpg differ
diff --git a/static/img/products/comma-three-device-screen/comma-three-device-screen.webp b/static/img/products/comma-three-device-screen/comma-three-device-screen.webp
new file mode 100644
index 00000000..afd3d891
Binary files /dev/null and b/static/img/products/comma-three-device-screen/comma-three-device-screen.webp differ
diff --git a/static/img/products/comma-three-gps-module/comma-three-gps-module.avif b/static/img/products/comma-three-gps-module/comma-three-gps-module.avif
new file mode 100644
index 00000000..d1e5efa3
Binary files /dev/null and b/static/img/products/comma-three-gps-module/comma-three-gps-module.avif differ
diff --git a/static/img/products/comma-three-gps-module/comma-three-gps-module.jpeg b/static/img/products/comma-three-gps-module/comma-three-gps-module.jpeg
new file mode 100644
index 00000000..987695f8
Binary files /dev/null and b/static/img/products/comma-three-gps-module/comma-three-gps-module.jpeg differ
diff --git a/static/img/products/comma-three-gps-module/comma-three-gps-module.webp b/static/img/products/comma-three-gps-module/comma-three-gps-module.webp
new file mode 100644
index 00000000..b4f2d614
Binary files /dev/null and b/static/img/products/comma-three-gps-module/comma-three-gps-module.webp differ
diff --git a/static/img/products/comma-three-logic-board/comma-three-logic-board.avif b/static/img/products/comma-three-logic-board/comma-three-logic-board.avif
new file mode 100644
index 00000000..93e49c2f
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-three-logic-board.avif differ
diff --git a/static/img/products/comma-three-logic-board/comma-three-logic-board.jpeg b/static/img/products/comma-three-logic-board/comma-three-logic-board.jpeg
new file mode 100644
index 00000000..ae157e39
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-three-logic-board.jpeg differ
diff --git a/static/img/products/comma-three-logic-board/comma-three-logic-board.webp b/static/img/products/comma-three-logic-board/comma-three-logic-board.webp
new file mode 100644
index 00000000..919aeb3e
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-three-logic-board.webp differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-back.avif b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.avif
new file mode 100644
index 00000000..d6f8d87b
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.avif differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-back.jpeg b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.jpeg
new file mode 100644
index 00000000..f6b01e75
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.jpeg differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-back.webp b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.webp
new file mode 100644
index 00000000..e37c24fc
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-back.webp differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-front.avif b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.avif
new file mode 100644
index 00000000..8049950d
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.avif differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-front.jpeg b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.jpeg
new file mode 100644
index 00000000..74cac5d3
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.jpeg differ
diff --git a/static/img/products/comma-three-logic-board/comma-two-logic-board-front.webp b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.webp
new file mode 100644
index 00000000..58e56b47
Binary files /dev/null and b/static/img/products/comma-three-logic-board/comma-two-logic-board-front.webp differ
diff --git a/static/img/products/comma-two/comma-two.avif b/static/img/products/comma-two/comma-two.avif
new file mode 100644
index 00000000..9baf1fe6
Binary files /dev/null and b/static/img/products/comma-two/comma-two.avif differ
diff --git a/static/img/products/comma-two/comma-two.jpg b/static/img/products/comma-two/comma-two.jpg
new file mode 100644
index 00000000..50f2b1b0
Binary files /dev/null and b/static/img/products/comma-two/comma-two.jpg differ
diff --git a/static/img/products/comma-two/comma-two.webp b/static/img/products/comma-two/comma-two.webp
new file mode 100644
index 00000000..bdce7424
Binary files /dev/null and b/static/img/products/comma-two/comma-two.webp differ
diff --git a/static/img/products/harness-box/harness-box.avif b/static/img/products/harness-box/harness-box.avif
new file mode 100644
index 00000000..fbb2c149
Binary files /dev/null and b/static/img/products/harness-box/harness-box.avif differ
diff --git a/static/img/products/harness-box/harness-box.jpg b/static/img/products/harness-box/harness-box.jpg
new file mode 100644
index 00000000..c6e9ccbb
Binary files /dev/null and b/static/img/products/harness-box/harness-box.jpg differ
diff --git a/static/img/products/harness-box/harness-box.webp b/static/img/products/harness-box/harness-box.webp
new file mode 100644
index 00000000..df172996
Binary files /dev/null and b/static/img/products/harness-box/harness-box.webp differ
diff --git a/static/img/products/harness-connector/harness-connector.avif b/static/img/products/harness-connector/harness-connector.avif
new file mode 100644
index 00000000..7f963ce6
Binary files /dev/null and b/static/img/products/harness-connector/harness-connector.avif differ
diff --git a/static/img/products/harness-connector/harness-connector.jpg b/static/img/products/harness-connector/harness-connector.jpg
new file mode 100644
index 00000000..3198887f
Binary files /dev/null and b/static/img/products/harness-connector/harness-connector.jpg differ
diff --git a/static/img/products/harness-connector/harness-connector.webp b/static/img/products/harness-connector/harness-connector.webp
new file mode 100644
index 00000000..cb8c2427
Binary files /dev/null and b/static/img/products/harness-connector/harness-connector.webp differ
diff --git a/static/img/products/obd-c-cable/obd-c-cable-four.avif b/static/img/products/obd-c-cable/obd-c-cable-four.avif
new file mode 100644
index 00000000..9f5bcf4b
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-cable-four.avif differ
diff --git a/static/img/products/obd-c-cable/obd-c-cable-four.png b/static/img/products/obd-c-cable/obd-c-cable-four.png
new file mode 100644
index 00000000..1785b2c3
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-cable-four.png differ
diff --git a/static/img/products/obd-c-cable/obd-c-cable-four.webp b/static/img/products/obd-c-cable/obd-c-cable-four.webp
new file mode 100644
index 00000000..058eb822
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-cable-four.webp differ
diff --git a/static/img/products/obd-c-cable/obd-c-long-cable.avif b/static/img/products/obd-c-cable/obd-c-long-cable.avif
new file mode 100644
index 00000000..73deba47
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-long-cable.avif differ
diff --git a/static/img/products/obd-c-cable/obd-c-long-cable.jpg b/static/img/products/obd-c-cable/obd-c-long-cable.jpg
new file mode 100644
index 00000000..3e8cfbc4
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-long-cable.jpg differ
diff --git a/static/img/products/obd-c-cable/obd-c-long-cable.webp b/static/img/products/obd-c-cable/obd-c-long-cable.webp
new file mode 100644
index 00000000..3fce7e83
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-long-cable.webp differ
diff --git a/static/img/products/obd-c-cable/obd-c-right-cable.avif b/static/img/products/obd-c-cable/obd-c-right-cable.avif
new file mode 100644
index 00000000..530fa42b
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-right-cable.avif differ
diff --git a/static/img/products/obd-c-cable/obd-c-right-cable.jpg b/static/img/products/obd-c-cable/obd-c-right-cable.jpg
new file mode 100644
index 00000000..db4fa9b3
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-right-cable.jpg differ
diff --git a/static/img/products/obd-c-cable/obd-c-right-cable.webp b/static/img/products/obd-c-cable/obd-c-right-cable.webp
new file mode 100644
index 00000000..71a11814
Binary files /dev/null and b/static/img/products/obd-c-cable/obd-c-right-cable.webp differ
diff --git a/static/img/products/panda-jungle/panda-jungle-v2.avif b/static/img/products/panda-jungle/panda-jungle-v2.avif
new file mode 100644
index 00000000..db93ea78
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle-v2.avif differ
diff --git a/static/img/products/panda-jungle/panda-jungle-v2.jpeg b/static/img/products/panda-jungle/panda-jungle-v2.jpeg
new file mode 100644
index 00000000..406776b7
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle-v2.jpeg differ
diff --git a/static/img/products/panda-jungle/panda-jungle-v2.webp b/static/img/products/panda-jungle/panda-jungle-v2.webp
new file mode 100644
index 00000000..04cdd253
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle-v2.webp differ
diff --git a/static/img/products/panda-jungle/panda-jungle.avif b/static/img/products/panda-jungle/panda-jungle.avif
new file mode 100644
index 00000000..0af53e25
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle.avif differ
diff --git a/static/img/products/panda-jungle/panda-jungle.jpg b/static/img/products/panda-jungle/panda-jungle.jpg
new file mode 100644
index 00000000..4cb498f0
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle.jpg differ
diff --git a/static/img/products/panda-jungle/panda-jungle.webp b/static/img/products/panda-jungle/panda-jungle.webp
new file mode 100644
index 00000000..09296c72
Binary files /dev/null and b/static/img/products/panda-jungle/panda-jungle.webp differ
diff --git a/static/img/products/panda-jungle/power-adapter.avif b/static/img/products/panda-jungle/power-adapter.avif
new file mode 100644
index 00000000..1ca2713e
Binary files /dev/null and b/static/img/products/panda-jungle/power-adapter.avif differ
diff --git a/static/img/products/panda-jungle/power-adapter.jpeg b/static/img/products/panda-jungle/power-adapter.jpeg
new file mode 100644
index 00000000..ef8ee018
Binary files /dev/null and b/static/img/products/panda-jungle/power-adapter.jpeg differ
diff --git a/static/img/products/panda-jungle/power-adapter.webp b/static/img/products/panda-jungle/power-adapter.webp
new file mode 100644
index 00000000..eb8da0a7
Binary files /dev/null and b/static/img/products/panda-jungle/power-adapter.webp differ
diff --git a/static/img/products/panda-paw/panda-paw-back.avif b/static/img/products/panda-paw/panda-paw-back.avif
new file mode 100644
index 00000000..6e8124b1
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw-back.avif differ
diff --git a/static/img/products/panda-paw/panda-paw-back.jpeg b/static/img/products/panda-paw/panda-paw-back.jpeg
new file mode 100644
index 00000000..e1e2d815
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw-back.jpeg differ
diff --git a/static/img/products/panda-paw/panda-paw-back.webp b/static/img/products/panda-paw/panda-paw-back.webp
new file mode 100644
index 00000000..eac97a3b
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw-back.webp differ
diff --git a/static/img/products/panda-paw/panda-paw.avif b/static/img/products/panda-paw/panda-paw.avif
new file mode 100644
index 00000000..a9429baf
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw.avif differ
diff --git a/static/img/products/panda-paw/panda-paw.jpg b/static/img/products/panda-paw/panda-paw.jpg
new file mode 100644
index 00000000..b3ed31c2
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw.jpg differ
diff --git a/static/img/products/panda-paw/panda-paw.webp b/static/img/products/panda-paw/panda-paw.webp
new file mode 100644
index 00000000..232caa35
Binary files /dev/null and b/static/img/products/panda-paw/panda-paw.webp differ
diff --git a/static/img/products/panda/red-panda.avif b/static/img/products/panda/red-panda.avif
new file mode 100644
index 00000000..cf2af5a8
Binary files /dev/null and b/static/img/products/panda/red-panda.avif differ
diff --git a/static/img/products/panda/red-panda.jpg b/static/img/products/panda/red-panda.jpg
new file mode 100644
index 00000000..73f3b0c1
Binary files /dev/null and b/static/img/products/panda/red-panda.jpg differ
diff --git a/static/img/products/panda/red-panda.webp b/static/img/products/panda/red-panda.webp
new file mode 100644
index 00000000..0f338f23
Binary files /dev/null and b/static/img/products/panda/red-panda.webp differ
diff --git a/static/img/products/panda/white-panda.avif b/static/img/products/panda/white-panda.avif
new file mode 100644
index 00000000..52abb819
Binary files /dev/null and b/static/img/products/panda/white-panda.avif differ
diff --git a/static/img/products/panda/white-panda.jpeg b/static/img/products/panda/white-panda.jpeg
new file mode 100644
index 00000000..47b6d020
Binary files /dev/null and b/static/img/products/panda/white-panda.jpeg differ
diff --git a/static/img/products/panda/white-panda.webp b/static/img/products/panda/white-panda.webp
new file mode 100644
index 00000000..d000a438
Binary files /dev/null and b/static/img/products/panda/white-panda.webp differ
diff --git a/static/img/products/replacement-mounts/mount-3.avif b/static/img/products/replacement-mounts/mount-3.avif
new file mode 100644
index 00000000..42048359
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3.avif differ
diff --git a/static/img/products/replacement-mounts/mount-3.png b/static/img/products/replacement-mounts/mount-3.png
new file mode 100644
index 00000000..da109978
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3.png differ
diff --git a/static/img/products/replacement-mounts/mount-3.webp b/static/img/products/replacement-mounts/mount-3.webp
new file mode 100644
index 00000000..ea790842
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3.webp differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg-no-text.avif b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.avif
new file mode 100644
index 00000000..58e9b57e
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.avif differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg-no-text.png b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.png
new file mode 100644
index 00000000..a9e9b716
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.png differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg-no-text.webp b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.webp
new file mode 100644
index 00000000..32814553
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg-no-text.webp differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg.avif b/static/img/products/replacement-mounts/mount-3x-8deg.avif
new file mode 100644
index 00000000..9cac6aa8
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg.avif differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg.png b/static/img/products/replacement-mounts/mount-3x-8deg.png
new file mode 100644
index 00000000..3d54fe9c
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg.png differ
diff --git a/static/img/products/replacement-mounts/mount-3x-8deg.webp b/static/img/products/replacement-mounts/mount-3x-8deg.webp
new file mode 100644
index 00000000..1a2a062d
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-8deg.webp differ
diff --git a/static/img/products/replacement-mounts/mount-3x-no-text.avif b/static/img/products/replacement-mounts/mount-3x-no-text.avif
new file mode 100644
index 00000000..7d856e77
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-no-text.avif differ
diff --git a/static/img/products/replacement-mounts/mount-3x-no-text.png b/static/img/products/replacement-mounts/mount-3x-no-text.png
new file mode 100644
index 00000000..590dc2c8
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-no-text.png differ
diff --git a/static/img/products/replacement-mounts/mount-3x-no-text.webp b/static/img/products/replacement-mounts/mount-3x-no-text.webp
new file mode 100644
index 00000000..08b55dc6
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x-no-text.webp differ
diff --git a/static/img/products/replacement-mounts/mount-3x.avif b/static/img/products/replacement-mounts/mount-3x.avif
new file mode 100644
index 00000000..f9dc1a4f
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x.avif differ
diff --git a/static/img/products/replacement-mounts/mount-3x.png b/static/img/products/replacement-mounts/mount-3x.png
new file mode 100644
index 00000000..80c71f3b
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x.png differ
diff --git a/static/img/products/replacement-mounts/mount-3x.webp b/static/img/products/replacement-mounts/mount-3x.webp
new file mode 100644
index 00000000..4db3d64b
Binary files /dev/null and b/static/img/products/replacement-mounts/mount-3x.webp differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-3x.avif b/static/img/products/replacement-mounts/replacement-mounts-3x.avif
new file mode 100644
index 00000000..3d05663d
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-3x.avif differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-3x.png b/static/img/products/replacement-mounts/replacement-mounts-3x.png
new file mode 100644
index 00000000..1779ef86
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-3x.png differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-3x.webp b/static/img/products/replacement-mounts/replacement-mounts-3x.webp
new file mode 100644
index 00000000..c9d9011b
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-3x.webp differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-four.avif b/static/img/products/replacement-mounts/replacement-mounts-four.avif
new file mode 100644
index 00000000..29b21259
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-four.avif differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-four.png b/static/img/products/replacement-mounts/replacement-mounts-four.png
new file mode 100644
index 00000000..63fe305e
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-four.png differ
diff --git a/static/img/products/replacement-mounts/replacement-mounts-four.webp b/static/img/products/replacement-mounts/replacement-mounts-four.webp
new file mode 100644
index 00000000..617ad6df
Binary files /dev/null and b/static/img/products/replacement-mounts/replacement-mounts-four.webp differ
diff --git a/static/img/products/rj-45-cable/rj-45-cable.avif b/static/img/products/rj-45-cable/rj-45-cable.avif
new file mode 100644
index 00000000..216dde0f
Binary files /dev/null and b/static/img/products/rj-45-cable/rj-45-cable.avif differ
diff --git a/static/img/products/rj-45-cable/rj-45-cable.jpg b/static/img/products/rj-45-cable/rj-45-cable.jpg
new file mode 100644
index 00000000..58448997
Binary files /dev/null and b/static/img/products/rj-45-cable/rj-45-cable.jpg differ
diff --git a/static/img/products/rj-45-cable/rj-45-cable.webp b/static/img/products/rj-45-cable/rj-45-cable.webp
new file mode 100644
index 00000000..e1524b20
Binary files /dev/null and b/static/img/products/rj-45-cable/rj-45-cable.webp differ
diff --git a/static/img/setup/comma-3x/step-6.avif b/static/img/setup/comma-3x/step-6.avif
new file mode 100644
index 00000000..9ba8cf32
Binary files /dev/null and b/static/img/setup/comma-3x/step-6.avif differ
diff --git a/static/img/setup/comma-3x/step-6.jpeg b/static/img/setup/comma-3x/step-6.jpeg
new file mode 100644
index 00000000..6c9235b7
Binary files /dev/null and b/static/img/setup/comma-3x/step-6.jpeg differ
diff --git a/static/img/setup/comma-3x/step-6.webp b/static/img/setup/comma-3x/step-6.webp
new file mode 100644
index 00000000..915737c4
Binary files /dev/null and b/static/img/setup/comma-3x/step-6.webp differ
diff --git a/static/img/setup/comma-four/align.avif b/static/img/setup/comma-four/align.avif
new file mode 100644
index 00000000..44b5d719
Binary files /dev/null and b/static/img/setup/comma-four/align.avif differ
diff --git a/static/img/setup/comma-four/align.jpg b/static/img/setup/comma-four/align.jpg
new file mode 100644
index 00000000..273c89ce
Binary files /dev/null and b/static/img/setup/comma-four/align.jpg differ
diff --git a/static/img/setup/comma-four/align.webp b/static/img/setup/comma-four/align.webp
new file mode 100644
index 00000000..43398f35
Binary files /dev/null and b/static/img/setup/comma-four/align.webp differ
diff --git a/static/img/setup/comma-four/camera-1.avif b/static/img/setup/comma-four/camera-1.avif
new file mode 100644
index 00000000..f792db79
Binary files /dev/null and b/static/img/setup/comma-four/camera-1.avif differ
diff --git a/static/img/setup/comma-four/camera-1.jpg b/static/img/setup/comma-four/camera-1.jpg
new file mode 100644
index 00000000..1ac1ec11
Binary files /dev/null and b/static/img/setup/comma-four/camera-1.jpg differ
diff --git a/static/img/setup/comma-four/camera-1.webp b/static/img/setup/comma-four/camera-1.webp
new file mode 100644
index 00000000..fb3d5098
Binary files /dev/null and b/static/img/setup/comma-four/camera-1.webp differ
diff --git a/static/img/setup/comma-four/camera.avif b/static/img/setup/comma-four/camera.avif
new file mode 100644
index 00000000..3c23c000
Binary files /dev/null and b/static/img/setup/comma-four/camera.avif differ
diff --git a/static/img/setup/comma-four/camera.jpg b/static/img/setup/comma-four/camera.jpg
new file mode 100644
index 00000000..5e8151a1
Binary files /dev/null and b/static/img/setup/comma-four/camera.jpg differ
diff --git a/static/img/setup/comma-four/camera.webp b/static/img/setup/comma-four/camera.webp
new file mode 100644
index 00000000..01a93528
Binary files /dev/null and b/static/img/setup/comma-four/camera.webp differ
diff --git a/static/img/setup/comma-four/mount-1.avif b/static/img/setup/comma-four/mount-1.avif
new file mode 100644
index 00000000..dee71dc3
Binary files /dev/null and b/static/img/setup/comma-four/mount-1.avif differ
diff --git a/static/img/setup/comma-four/mount-1.jpg b/static/img/setup/comma-four/mount-1.jpg
new file mode 100644
index 00000000..66ff3ca0
Binary files /dev/null and b/static/img/setup/comma-four/mount-1.jpg differ
diff --git a/static/img/setup/comma-four/mount-1.webp b/static/img/setup/comma-four/mount-1.webp
new file mode 100644
index 00000000..a6f668f4
Binary files /dev/null and b/static/img/setup/comma-four/mount-1.webp differ
diff --git a/static/img/setup/comma-four/obdc.avif b/static/img/setup/comma-four/obdc.avif
new file mode 100644
index 00000000..89596046
Binary files /dev/null and b/static/img/setup/comma-four/obdc.avif differ
diff --git a/static/img/setup/comma-four/obdc.jpg b/static/img/setup/comma-four/obdc.jpg
new file mode 100644
index 00000000..1c7eaa0f
Binary files /dev/null and b/static/img/setup/comma-four/obdc.jpg differ
diff --git a/static/img/setup/comma-four/obdc.webp b/static/img/setup/comma-four/obdc.webp
new file mode 100644
index 00000000..3c5be854
Binary files /dev/null and b/static/img/setup/comma-four/obdc.webp differ
diff --git a/static/img/setup/comma-four/plug-1.avif b/static/img/setup/comma-four/plug-1.avif
new file mode 100644
index 00000000..8f86fd72
Binary files /dev/null and b/static/img/setup/comma-four/plug-1.avif differ
diff --git a/static/img/setup/comma-four/plug-1.jpg b/static/img/setup/comma-four/plug-1.jpg
new file mode 100644
index 00000000..7c06b8ec
Binary files /dev/null and b/static/img/setup/comma-four/plug-1.jpg differ
diff --git a/static/img/setup/comma-four/plug-1.webp b/static/img/setup/comma-four/plug-1.webp
new file mode 100644
index 00000000..8307ae0f
Binary files /dev/null and b/static/img/setup/comma-four/plug-1.webp differ
diff --git a/static/img/setup/comma-four/plug-2.avif b/static/img/setup/comma-four/plug-2.avif
new file mode 100644
index 00000000..365e4a5a
Binary files /dev/null and b/static/img/setup/comma-four/plug-2.avif differ
diff --git a/static/img/setup/comma-four/plug-2.jpg b/static/img/setup/comma-four/plug-2.jpg
new file mode 100644
index 00000000..8afc33fa
Binary files /dev/null and b/static/img/setup/comma-four/plug-2.jpg differ
diff --git a/static/img/setup/comma-four/plug-2.webp b/static/img/setup/comma-four/plug-2.webp
new file mode 100644
index 00000000..27c3453c
Binary files /dev/null and b/static/img/setup/comma-four/plug-2.webp differ
diff --git a/static/img/setup/comma-four/plug.avif b/static/img/setup/comma-four/plug.avif
new file mode 100644
index 00000000..557d507a
Binary files /dev/null and b/static/img/setup/comma-four/plug.avif differ
diff --git a/static/img/setup/comma-four/plug.jpg b/static/img/setup/comma-four/plug.jpg
new file mode 100644
index 00000000..6f9ad03c
Binary files /dev/null and b/static/img/setup/comma-four/plug.jpg differ
diff --git a/static/img/setup/comma-four/plug.webp b/static/img/setup/comma-four/plug.webp
new file mode 100644
index 00000000..f974cc2a
Binary files /dev/null and b/static/img/setup/comma-four/plug.webp differ
diff --git a/static/img/setup/comma-four/press.avif b/static/img/setup/comma-four/press.avif
new file mode 100644
index 00000000..09aef3c1
Binary files /dev/null and b/static/img/setup/comma-four/press.avif differ
diff --git a/static/img/setup/comma-four/press.jpg b/static/img/setup/comma-four/press.jpg
new file mode 100644
index 00000000..ae969a18
Binary files /dev/null and b/static/img/setup/comma-four/press.jpg differ
diff --git a/static/img/setup/comma-four/press.webp b/static/img/setup/comma-four/press.webp
new file mode 100644
index 00000000..da861492
Binary files /dev/null and b/static/img/setup/comma-four/press.webp differ
diff --git a/static/img/setup/comma-four/remount.avif b/static/img/setup/comma-four/remount.avif
new file mode 100644
index 00000000..49f097d8
Binary files /dev/null and b/static/img/setup/comma-four/remount.avif differ
diff --git a/static/img/setup/comma-four/remount.jpg b/static/img/setup/comma-four/remount.jpg
new file mode 100644
index 00000000..c0aba3ba
Binary files /dev/null and b/static/img/setup/comma-four/remount.jpg differ
diff --git a/static/img/setup/comma-four/remount.webp b/static/img/setup/comma-four/remount.webp
new file mode 100644
index 00000000..81a60008
Binary files /dev/null and b/static/img/setup/comma-four/remount.webp differ
diff --git a/static/img/setup/comma-four/trim-1.avif b/static/img/setup/comma-four/trim-1.avif
new file mode 100644
index 00000000..b1f2f225
Binary files /dev/null and b/static/img/setup/comma-four/trim-1.avif differ
diff --git a/static/img/setup/comma-four/trim-1.jpg b/static/img/setup/comma-four/trim-1.jpg
new file mode 100644
index 00000000..4633f53e
Binary files /dev/null and b/static/img/setup/comma-four/trim-1.jpg differ
diff --git a/static/img/setup/comma-four/trim-1.webp b/static/img/setup/comma-four/trim-1.webp
new file mode 100644
index 00000000..d3143690
Binary files /dev/null and b/static/img/setup/comma-four/trim-1.webp differ
diff --git a/static/img/setup/comma-four/trim-2.avif b/static/img/setup/comma-four/trim-2.avif
new file mode 100644
index 00000000..a4292de9
Binary files /dev/null and b/static/img/setup/comma-four/trim-2.avif differ
diff --git a/static/img/setup/comma-four/trim-2.jpg b/static/img/setup/comma-four/trim-2.jpg
new file mode 100644
index 00000000..8f790c43
Binary files /dev/null and b/static/img/setup/comma-four/trim-2.jpg differ
diff --git a/static/img/setup/comma-four/trim-2.webp b/static/img/setup/comma-four/trim-2.webp
new file mode 100644
index 00000000..c67d3c76
Binary files /dev/null and b/static/img/setup/comma-four/trim-2.webp differ
diff --git a/static/img/setup/comma-four/trim-3.avif b/static/img/setup/comma-four/trim-3.avif
new file mode 100644
index 00000000..f815dacd
Binary files /dev/null and b/static/img/setup/comma-four/trim-3.avif differ
diff --git a/static/img/setup/comma-four/trim-3.jpg b/static/img/setup/comma-four/trim-3.jpg
new file mode 100644
index 00000000..3fd23659
Binary files /dev/null and b/static/img/setup/comma-four/trim-3.jpg differ
diff --git a/static/img/setup/comma-four/trim-3.webp b/static/img/setup/comma-four/trim-3.webp
new file mode 100644
index 00000000..59a05db5
Binary files /dev/null and b/static/img/setup/comma-four/trim-3.webp differ
diff --git a/static/img/setup/comma-four/trim-4.avif b/static/img/setup/comma-four/trim-4.avif
new file mode 100644
index 00000000..92423402
Binary files /dev/null and b/static/img/setup/comma-four/trim-4.avif differ
diff --git a/static/img/setup/comma-four/trim-4.jpg b/static/img/setup/comma-four/trim-4.jpg
new file mode 100644
index 00000000..e1d3a48e
Binary files /dev/null and b/static/img/setup/comma-four/trim-4.jpg differ
diff --git a/static/img/setup/comma-four/trim-4.webp b/static/img/setup/comma-four/trim-4.webp
new file mode 100644
index 00000000..0e944d52
Binary files /dev/null and b/static/img/setup/comma-four/trim-4.webp differ
diff --git a/static/img/setup/comma-four/trim.avif b/static/img/setup/comma-four/trim.avif
new file mode 100644
index 00000000..96237a17
Binary files /dev/null and b/static/img/setup/comma-four/trim.avif differ
diff --git a/static/img/setup/comma-four/trim.jpg b/static/img/setup/comma-four/trim.jpg
new file mode 100644
index 00000000..b28cadc3
Binary files /dev/null and b/static/img/setup/comma-four/trim.jpg differ
diff --git a/static/img/setup/comma-four/trim.webp b/static/img/setup/comma-four/trim.webp
new file mode 100644
index 00000000..111ba628
Binary files /dev/null and b/static/img/setup/comma-four/trim.webp differ
diff --git a/static/img/setup/comma-four/wires-1.avif b/static/img/setup/comma-four/wires-1.avif
new file mode 100644
index 00000000..8bb6f616
Binary files /dev/null and b/static/img/setup/comma-four/wires-1.avif differ
diff --git a/static/img/setup/comma-four/wires-1.jpg b/static/img/setup/comma-four/wires-1.jpg
new file mode 100644
index 00000000..08b22cf2
Binary files /dev/null and b/static/img/setup/comma-four/wires-1.jpg differ
diff --git a/static/img/setup/comma-four/wires-1.webp b/static/img/setup/comma-four/wires-1.webp
new file mode 100644
index 00000000..79263992
Binary files /dev/null and b/static/img/setup/comma-four/wires-1.webp differ
diff --git a/static/img/setup/comma-four/wires.avif b/static/img/setup/comma-four/wires.avif
new file mode 100644
index 00000000..24d0f945
Binary files /dev/null and b/static/img/setup/comma-four/wires.avif differ
diff --git a/static/img/setup/comma-four/wires.jpg b/static/img/setup/comma-four/wires.jpg
new file mode 100644
index 00000000..e43e4234
Binary files /dev/null and b/static/img/setup/comma-four/wires.jpg differ
diff --git a/static/img/setup/comma-four/wires.webp b/static/img/setup/comma-four/wires.webp
new file mode 100644
index 00000000..2bae02c4
Binary files /dev/null and b/static/img/setup/comma-four/wires.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Acura.avif b/static/img/vehicles/brand-icons/Logo-Acura.avif
new file mode 100644
index 00000000..e88420c9
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Acura.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Acura.png b/static/img/vehicles/brand-icons/Logo-Acura.png
new file mode 100644
index 00000000..21775c11
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Acura.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Acura.webp b/static/img/vehicles/brand-icons/Logo-Acura.webp
new file mode 100644
index 00000000..4452becd
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Acura.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Audi.avif b/static/img/vehicles/brand-icons/Logo-Audi.avif
new file mode 100644
index 00000000..7ce46f94
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Audi.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Audi.png b/static/img/vehicles/brand-icons/Logo-Audi.png
new file mode 100644
index 00000000..53ec9d4c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Audi.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Audi.webp b/static/img/vehicles/brand-icons/Logo-Audi.webp
new file mode 100644
index 00000000..ab5bde58
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Audi.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-BMW.avif b/static/img/vehicles/brand-icons/Logo-BMW.avif
new file mode 100644
index 00000000..b633ed6e
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-BMW.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-BMW.png b/static/img/vehicles/brand-icons/Logo-BMW.png
new file mode 100644
index 00000000..7d33c269
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-BMW.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-BMW.webp b/static/img/vehicles/brand-icons/Logo-BMW.webp
new file mode 100644
index 00000000..582645b2
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-BMW.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Buick.avif b/static/img/vehicles/brand-icons/Logo-Buick.avif
new file mode 100644
index 00000000..8d328e78
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Buick.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Buick.png b/static/img/vehicles/brand-icons/Logo-Buick.png
new file mode 100644
index 00000000..30eb810c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Buick.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Buick.webp b/static/img/vehicles/brand-icons/Logo-Buick.webp
new file mode 100644
index 00000000..f137856e
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Buick.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-CUPRA.avif b/static/img/vehicles/brand-icons/Logo-CUPRA.avif
new file mode 100644
index 00000000..c5721489
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-CUPRA.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-CUPRA.png b/static/img/vehicles/brand-icons/Logo-CUPRA.png
new file mode 100644
index 00000000..88e788d7
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-CUPRA.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-CUPRA.webp b/static/img/vehicles/brand-icons/Logo-CUPRA.webp
new file mode 100644
index 00000000..1ee02802
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-CUPRA.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Cadillac.avif b/static/img/vehicles/brand-icons/Logo-Cadillac.avif
new file mode 100644
index 00000000..238abf6d
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Cadillac.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Cadillac.png b/static/img/vehicles/brand-icons/Logo-Cadillac.png
new file mode 100644
index 00000000..9cfac5e8
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Cadillac.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Cadillac.webp b/static/img/vehicles/brand-icons/Logo-Cadillac.webp
new file mode 100644
index 00000000..ea706dcb
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Cadillac.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chevrolet.avif b/static/img/vehicles/brand-icons/Logo-Chevrolet.avif
new file mode 100644
index 00000000..2c2a470f
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chevrolet.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chevrolet.png b/static/img/vehicles/brand-icons/Logo-Chevrolet.png
new file mode 100644
index 00000000..1cbdf9e6
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chevrolet.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chevrolet.webp b/static/img/vehicles/brand-icons/Logo-Chevrolet.webp
new file mode 100644
index 00000000..73feecb9
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chevrolet.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chrysler.avif b/static/img/vehicles/brand-icons/Logo-Chrysler.avif
new file mode 100644
index 00000000..e2d373f6
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chrysler.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chrysler.png b/static/img/vehicles/brand-icons/Logo-Chrysler.png
new file mode 100644
index 00000000..18cd06ca
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chrysler.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Chrysler.webp b/static/img/vehicles/brand-icons/Logo-Chrysler.webp
new file mode 100644
index 00000000..d0b47105
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Chrysler.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Dodge.avif b/static/img/vehicles/brand-icons/Logo-Dodge.avif
new file mode 100644
index 00000000..428394f3
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Dodge.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Dodge.png b/static/img/vehicles/brand-icons/Logo-Dodge.png
new file mode 100644
index 00000000..745eb839
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Dodge.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Dodge.webp b/static/img/vehicles/brand-icons/Logo-Dodge.webp
new file mode 100644
index 00000000..3610a0b1
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Dodge.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ford.avif b/static/img/vehicles/brand-icons/Logo-Ford.avif
new file mode 100644
index 00000000..8bf7387c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ford.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ford.png b/static/img/vehicles/brand-icons/Logo-Ford.png
new file mode 100644
index 00000000..53bb9661
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ford.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ford.webp b/static/img/vehicles/brand-icons/Logo-Ford.webp
new file mode 100644
index 00000000..e0b3ae50
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ford.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-GMC.avif b/static/img/vehicles/brand-icons/Logo-GMC.avif
new file mode 100644
index 00000000..47aa758c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-GMC.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-GMC.png b/static/img/vehicles/brand-icons/Logo-GMC.png
new file mode 100644
index 00000000..884be588
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-GMC.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-GMC.webp b/static/img/vehicles/brand-icons/Logo-GMC.webp
new file mode 100644
index 00000000..bda29335
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-GMC.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Genesis.avif b/static/img/vehicles/brand-icons/Logo-Genesis.avif
new file mode 100644
index 00000000..bc5095bd
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Genesis.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Genesis.png b/static/img/vehicles/brand-icons/Logo-Genesis.png
new file mode 100644
index 00000000..d3d7af43
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Genesis.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Genesis.webp b/static/img/vehicles/brand-icons/Logo-Genesis.webp
new file mode 100644
index 00000000..0e5a5731
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Genesis.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Honda.avif b/static/img/vehicles/brand-icons/Logo-Honda.avif
new file mode 100644
index 00000000..fa8ae945
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Honda.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Honda.png b/static/img/vehicles/brand-icons/Logo-Honda.png
new file mode 100644
index 00000000..dbb3bd3c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Honda.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Honda.webp b/static/img/vehicles/brand-icons/Logo-Honda.webp
new file mode 100644
index 00000000..1359f008
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Honda.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Hyundai.avif b/static/img/vehicles/brand-icons/Logo-Hyundai.avif
new file mode 100644
index 00000000..5d308a1f
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Hyundai.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Hyundai.png b/static/img/vehicles/brand-icons/Logo-Hyundai.png
new file mode 100644
index 00000000..2987415a
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Hyundai.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Hyundai.webp b/static/img/vehicles/brand-icons/Logo-Hyundai.webp
new file mode 100644
index 00000000..ca305bac
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Hyundai.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Infinity.avif b/static/img/vehicles/brand-icons/Logo-Infinity.avif
new file mode 100644
index 00000000..6bafd534
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Infinity.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Infinity.png b/static/img/vehicles/brand-icons/Logo-Infinity.png
new file mode 100644
index 00000000..901c8107
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Infinity.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Infinity.webp b/static/img/vehicles/brand-icons/Logo-Infinity.webp
new file mode 100644
index 00000000..7151be5f
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Infinity.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Jeep.avif b/static/img/vehicles/brand-icons/Logo-Jeep.avif
new file mode 100644
index 00000000..35d07c86
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Jeep.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Jeep.png b/static/img/vehicles/brand-icons/Logo-Jeep.png
new file mode 100644
index 00000000..f3d98923
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Jeep.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Jeep.webp b/static/img/vehicles/brand-icons/Logo-Jeep.webp
new file mode 100644
index 00000000..e531afbd
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Jeep.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Kia.avif b/static/img/vehicles/brand-icons/Logo-Kia.avif
new file mode 100644
index 00000000..e479f25f
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Kia.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Kia.png b/static/img/vehicles/brand-icons/Logo-Kia.png
new file mode 100644
index 00000000..417d3dec
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Kia.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Kia.webp b/static/img/vehicles/brand-icons/Logo-Kia.webp
new file mode 100644
index 00000000..4b71c407
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Kia.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Land-Rover.avif b/static/img/vehicles/brand-icons/Logo-Land-Rover.avif
new file mode 100644
index 00000000..d2318f72
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Land-Rover.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Land-Rover.png b/static/img/vehicles/brand-icons/Logo-Land-Rover.png
new file mode 100644
index 00000000..a73a6bab
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Land-Rover.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Land-Rover.webp b/static/img/vehicles/brand-icons/Logo-Land-Rover.webp
new file mode 100644
index 00000000..e474ef40
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Land-Rover.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lexus.avif b/static/img/vehicles/brand-icons/Logo-Lexus.avif
new file mode 100644
index 00000000..50625cbe
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lexus.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lexus.png b/static/img/vehicles/brand-icons/Logo-Lexus.png
new file mode 100644
index 00000000..76330320
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lexus.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lexus.webp b/static/img/vehicles/brand-icons/Logo-Lexus.webp
new file mode 100644
index 00000000..2a6c8847
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lexus.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lincoln.avif b/static/img/vehicles/brand-icons/Logo-Lincoln.avif
new file mode 100644
index 00000000..16c38dfe
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lincoln.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lincoln.png b/static/img/vehicles/brand-icons/Logo-Lincoln.png
new file mode 100644
index 00000000..34bc3885
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lincoln.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Lincoln.webp b/static/img/vehicles/brand-icons/Logo-Lincoln.webp
new file mode 100644
index 00000000..5d1a4ecf
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Lincoln.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-MAN.avif b/static/img/vehicles/brand-icons/Logo-MAN.avif
new file mode 100644
index 00000000..459ee582
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-MAN.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-MAN.png b/static/img/vehicles/brand-icons/Logo-MAN.png
new file mode 100644
index 00000000..3b645217
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-MAN.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-MAN.webp b/static/img/vehicles/brand-icons/Logo-MAN.webp
new file mode 100644
index 00000000..670ea2d2
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-MAN.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mazda.avif b/static/img/vehicles/brand-icons/Logo-Mazda.avif
new file mode 100644
index 00000000..06fcf80c
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mazda.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mazda.png b/static/img/vehicles/brand-icons/Logo-Mazda.png
new file mode 100644
index 00000000..0c706f5a
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mazda.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mazda.webp b/static/img/vehicles/brand-icons/Logo-Mazda.webp
new file mode 100644
index 00000000..c13c9f98
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mazda.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.avif b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.avif
new file mode 100644
index 00000000..3b7fe418
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.png b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.png
new file mode 100644
index 00000000..ac87b6ec
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.webp b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.webp
new file mode 100644
index 00000000..6f7f6b3f
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Mercedes-Benz.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Nissan.avif b/static/img/vehicles/brand-icons/Logo-Nissan.avif
new file mode 100644
index 00000000..31659b12
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Nissan.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Nissan.png b/static/img/vehicles/brand-icons/Logo-Nissan.png
new file mode 100644
index 00000000..6f9d5128
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Nissan.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Nissan.webp b/static/img/vehicles/brand-icons/Logo-Nissan.webp
new file mode 100644
index 00000000..863fa255
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Nissan.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ram.avif b/static/img/vehicles/brand-icons/Logo-Ram.avif
new file mode 100644
index 00000000..c7076c94
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ram.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ram.png b/static/img/vehicles/brand-icons/Logo-Ram.png
new file mode 100644
index 00000000..0438ff64
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ram.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Ram.webp b/static/img/vehicles/brand-icons/Logo-Ram.webp
new file mode 100644
index 00000000..083c2c25
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Ram.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Rivian.avif b/static/img/vehicles/brand-icons/Logo-Rivian.avif
new file mode 100644
index 00000000..31e64571
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Rivian.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Rivian.png b/static/img/vehicles/brand-icons/Logo-Rivian.png
new file mode 100644
index 00000000..8b7203df
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Rivian.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Rivian.webp b/static/img/vehicles/brand-icons/Logo-Rivian.webp
new file mode 100644
index 00000000..fdbc01bd
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Rivian.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-SEAT.avif b/static/img/vehicles/brand-icons/Logo-SEAT.avif
new file mode 100644
index 00000000..d523d436
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-SEAT.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-SEAT.png b/static/img/vehicles/brand-icons/Logo-SEAT.png
new file mode 100644
index 00000000..42f70a77
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-SEAT.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-SEAT.webp b/static/img/vehicles/brand-icons/Logo-SEAT.webp
new file mode 100644
index 00000000..4f91d887
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-SEAT.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Subaru.avif b/static/img/vehicles/brand-icons/Logo-Subaru.avif
new file mode 100644
index 00000000..9e3f76f2
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Subaru.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Subaru.png b/static/img/vehicles/brand-icons/Logo-Subaru.png
new file mode 100644
index 00000000..a594cba4
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Subaru.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Subaru.webp b/static/img/vehicles/brand-icons/Logo-Subaru.webp
new file mode 100644
index 00000000..2a51fb12
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Subaru.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Tesla.avif b/static/img/vehicles/brand-icons/Logo-Tesla.avif
new file mode 100644
index 00000000..94829ab1
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Tesla.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Tesla.png b/static/img/vehicles/brand-icons/Logo-Tesla.png
new file mode 100644
index 00000000..8d19fba7
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Tesla.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Tesla.webp b/static/img/vehicles/brand-icons/Logo-Tesla.webp
new file mode 100644
index 00000000..fb8db17a
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Tesla.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Toyota.avif b/static/img/vehicles/brand-icons/Logo-Toyota.avif
new file mode 100644
index 00000000..0378a8f8
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Toyota.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Toyota.png b/static/img/vehicles/brand-icons/Logo-Toyota.png
new file mode 100644
index 00000000..be1798ba
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Toyota.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Toyota.webp b/static/img/vehicles/brand-icons/Logo-Toyota.webp
new file mode 100644
index 00000000..8a253b02
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Toyota.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volkswagen.avif b/static/img/vehicles/brand-icons/Logo-Volkswagen.avif
new file mode 100644
index 00000000..1d3ab079
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volkswagen.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volkswagen.png b/static/img/vehicles/brand-icons/Logo-Volkswagen.png
new file mode 100644
index 00000000..6da77da2
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volkswagen.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volkswagen.webp b/static/img/vehicles/brand-icons/Logo-Volkswagen.webp
new file mode 100644
index 00000000..2013d233
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volkswagen.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volvo.avif b/static/img/vehicles/brand-icons/Logo-Volvo.avif
new file mode 100644
index 00000000..f3ef1af8
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volvo.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volvo.png b/static/img/vehicles/brand-icons/Logo-Volvo.png
new file mode 100644
index 00000000..c0e532ea
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volvo.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-Volvo.webp b/static/img/vehicles/brand-icons/Logo-Volvo.webp
new file mode 100644
index 00000000..86d0fa58
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-Volvo.webp differ
diff --git a/static/img/vehicles/brand-icons/Logo-comma.avif b/static/img/vehicles/brand-icons/Logo-comma.avif
new file mode 100644
index 00000000..b764e014
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-comma.avif differ
diff --git a/static/img/vehicles/brand-icons/Logo-comma.png b/static/img/vehicles/brand-icons/Logo-comma.png
new file mode 100644
index 00000000..b9e7b21d
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-comma.png differ
diff --git a/static/img/vehicles/brand-icons/Logo-comma.webp b/static/img/vehicles/brand-icons/Logo-comma.webp
new file mode 100644
index 00000000..b0ba2402
Binary files /dev/null and b/static/img/vehicles/brand-icons/Logo-comma.webp differ
diff --git "a/static/img/vehicles/brand-icons/Logo-\305\240koda.avif" "b/static/img/vehicles/brand-icons/Logo-\305\240koda.avif"
new file mode 100644
index 00000000..38dacc5f
Binary files /dev/null and "b/static/img/vehicles/brand-icons/Logo-\305\240koda.avif" differ
diff --git "a/static/img/vehicles/brand-icons/Logo-\305\240koda.png" "b/static/img/vehicles/brand-icons/Logo-\305\240koda.png"
new file mode 100644
index 00000000..c0d676bd
Binary files /dev/null and "b/static/img/vehicles/brand-icons/Logo-\305\240koda.png" differ
diff --git "a/static/img/vehicles/brand-icons/Logo-\305\240koda.webp" "b/static/img/vehicles/brand-icons/Logo-\305\240koda.webp"
new file mode 100644
index 00000000..9cdcc55d
Binary files /dev/null and "b/static/img/vehicles/brand-icons/Logo-\305\240koda.webp" differ
diff --git a/src/lib/images/vehicles/cover-vehicles-v2-3x-optimized_1.jpg b/static/img/vehicles/cover-vehicles-v2-3x-optimized_1.jpg
similarity index 100%
rename from src/lib/images/vehicles/cover-vehicles-v2-3x-optimized_1.jpg
rename to static/img/vehicles/cover-vehicles-v2-3x-optimized_1.jpg
diff --git a/svelte.config.js b/svelte.config.js
deleted file mode 100644
index 4ebedbc1..00000000
--- a/svelte.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import staticAdapter from '@sveltejs/adapter-static';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import { optimizeImagePreprocess } from './scripts/optimize-image-preprocessor.js';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  kit: {
-    adapter: staticAdapter({
-      pages: 'build',
-      assets: 'build',
-      fallback: '404.html',
-      precompress: false,
-      strict: true,
-    }),
-    paths: {
-      relative: false,
-    },
-  },
-  preprocess: [vitePreprocess(), optimizeImagePreprocess()],
-};
-
-export default config;
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 6d56a3ce..00000000
--- a/vite.config.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { imagetools } from 'vite-imagetools';
-import { defineConfig } from 'vite';
-
-const filetypesToOptimize = ['jpg', 'jpeg', 'png', 'gif'];
-
-export default defineConfig({
-  plugins: [
-    imagetools({
-      defaultDirectives: (url) => {
-        let sourceFileType = url.pathname.split('.').pop();
-        if (filetypesToOptimize.includes(sourceFileType)) {
-          return new URLSearchParams({'format': `avif;webp;${sourceFileType}`, 'as': 'picture' });
-        }
-        return new URLSearchParams();
-      },
-      cache: {
-        enabled: true,
-        dir: './node_modules/.cache/imagetools'
-      }
-    }),
-    sveltekit(),
-  ]
-});