From 461841767a973ec76a5707419bdd94ee3f18cf28 Mon Sep 17 00:00:00 2001
From: al <alex@getquotient.ai>
Date: Tue, 7 Oct 2025 03:21:17 -0400
Subject: [PATCH] cd: docker fix

---
 py/Dockerfile          |   2 +
 py/static/css/main.css | 839 +----------------------------------------
 static/Dockerfile      |   2 +-
 ts/apps/web/Dockerfile |   2 +
 4 files changed, 6 insertions(+), 839 deletions(-)

diff --git a/py/Dockerfile b/py/Dockerfile
index ce6c1d5..a664adb 100644
--- a/py/Dockerfile
+++ b/py/Dockerfile
@@ -35,6 +35,8 @@ COPY py/alembic.ini ./alembic.ini
 
 # Copy pre-built static assets (run 'make styles-py' first)
 COPY py/static/ ./static/
+# Copy branding assets to static directory (replace symlinks)
+COPY branding/assets/ ./static/
 
 # Copy the html templates
 COPY py/templates/ ./templates/
diff --git a/py/static/css/main.css b/py/static/css/main.css
index 5e2b7a9..5f9c67d 100644
--- a/py/static/css/main.css
+++ b/py/static/css/main.css
@@ -1,838 +1 @@
-/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com*/
-*,
-:after,
-:before {
-    box-sizing: border-box;
-    border: 0 solid #e6e6e6;
-}
-:after,
-:before {
-    --tw-content: "";
-}
-:host,
-html {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    font-family:
-        system-ui,
-        -apple-system,
-        sans-serif;
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-    -webkit-tap-highlight-color: transparent;
-}
-body {
-    margin: 0;
-    line-height: inherit;
-}
-hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-}
-abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-size: inherit;
-    font-weight: inherit;
-}
-a {
-    color: inherit;
-    text-decoration: inherit;
-}
-b,
-strong {
-    font-weight: bolder;
-}
-code,
-kbd,
-pre,
-samp {
-    font-family: ui-monospace, monospace;
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-    font-size: 1em;
-}
-small {
-    font-size: 80%;
-}
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: initial;
-}
-sub {
-    bottom: -0.25em;
-}
-sup {
-    top: -0.5em;
-}
-table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-}
-button,
-select {
-    text-transform: none;
-}
-[type="button"],
-[type="reset"],
-[type="submit"],
-button {
-    -webkit-appearance: button;
-    background-color: initial;
-    background-image: none;
-}
-:-moz-focusring {
-    outline: auto;
-}
-:-moz-ui-invalid {
-    box-shadow: none;
-}
-progress {
-    vertical-align: initial;
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-    height: auto;
-}
-[type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-}
-::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-}
-summary {
-    display: list-item;
-}
-blockquote,
-dd,
-dl,
-figure,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-p,
-pre {
-    margin: 0;
-}
-fieldset {
-    margin: 0;
-}
-fieldset,
-legend {
-    padding: 0;
-}
-menu,
-ol,
-ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-dialog {
-    padding: 0;
-}
-textarea {
-    resize: vertical;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
-    opacity: 1;
-    color: #b3b3b3;
-}
-input::placeholder,
-textarea::placeholder {
-    opacity: 1;
-    color: #b3b3b3;
-}
-[role="button"],
-button {
-    cursor: pointer;
-}
-:disabled {
-    cursor: default;
-}
-audio,
-canvas,
-embed,
-iframe,
-img,
-object,
-svg,
-video {
-    display: block;
-    vertical-align: middle;
-}
-img,
-video {
-    max-width: 100%;
-    height: auto;
-}
-[hidden] {
-    display: none;
-}
-*,
-::backdrop,
-:after,
-:before {
-    --tw-border-spacing-x: 0;
-    --tw-border-spacing-y: 0;
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    --tw-pan-x: ;
-    --tw-pan-y: ;
-    --tw-pinch-zoom: ;
-    --tw-scroll-snap-strictness: proximity;
-    --tw-gradient-from-position: ;
-    --tw-gradient-via-position: ;
-    --tw-gradient-to-position: ;
-    --tw-ordinal: ;
-    --tw-slashed-zero: ;
-    --tw-numeric-figure: ;
-    --tw-numeric-spacing: ;
-    --tw-numeric-fraction: ;
-    --tw-ring-inset: ;
-    --tw-ring-offset-width: 0px;
-    --tw-ring-offset-color: #fff;
-    --tw-ring-color: #3b82f680;
-    --tw-ring-offset-shadow: 0 0 #0000;
-    --tw-ring-shadow: 0 0 #0000;
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
-    --tw-blur: ;
-    --tw-brightness: ;
-    --tw-contrast: ;
-    --tw-grayscale: ;
-    --tw-hue-rotate: ;
-    --tw-invert: ;
-    --tw-saturate: ;
-    --tw-sepia: ;
-    --tw-drop-shadow: ;
-    --tw-backdrop-blur: ;
-    --tw-backdrop-brightness: ;
-    --tw-backdrop-contrast: ;
-    --tw-backdrop-grayscale: ;
-    --tw-backdrop-hue-rotate: ;
-    --tw-backdrop-invert: ;
-    --tw-backdrop-opacity: ;
-    --tw-backdrop-saturate: ;
-    --tw-backdrop-sepia: ;
-}
-.container {
-    width: 100%;
-}
-@media (min-width: 640px) {
-    .container {
-        max-width: 640px;
-    }
-}
-@media (min-width: 768px) {
-    .container {
-        max-width: 768px;
-    }
-}
-@media (min-width: 1024px) {
-    .container {
-        max-width: 1024px;
-    }
-}
-@media (min-width: 1280px) {
-    .container {
-        max-width: 1280px;
-    }
-}
-@media (min-width: 1536px) {
-    .container {
-        max-width: 1536px;
-    }
-}
-.visible {
-    visibility: visible;
-}
-.static {
-    position: static;
-}
-.absolute {
-    position: absolute;
-}
-.relative {
-    position: relative;
-}
-.inset-0 {
-    inset: 0;
-}
-.bottom-0 {
-    bottom: 0;
-}
-.left-0 {
-    left: 0;
-}
-.left-1 {
-    left: 0.25rem;
-}
-.right-0 {
-    right: 0;
-}
-.top-1 {
-    top: 0.25rem;
-}
-.z-10 {
-    z-index: 10;
-}
-.mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-}
-.mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-}
-.mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-}
-.my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-}
-.my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-}
-.mb-12 {
-    margin-bottom: 3rem;
-}
-.mb-2 {
-    margin-bottom: 0.5rem;
-}
-.mb-3 {
-    margin-bottom: 0.75rem;
-}
-.mb-4 {
-    margin-bottom: 1rem;
-}
-.mb-6 {
-    margin-bottom: 1.5rem;
-}
-.mb-8 {
-    margin-bottom: 2rem;
-}
-.mr-2 {
-    margin-right: 0.5rem;
-}
-.mr-3 {
-    margin-right: 0.75rem;
-}
-.mr-4 {
-    margin-right: 1rem;
-}
-.mt-1 {
-    margin-top: 0.25rem;
-}
-.mt-12 {
-    margin-top: 3rem;
-}
-.mt-2 {
-    margin-top: 0.5rem;
-}
-.mt-4 {
-    margin-top: 1rem;
-}
-.mt-6 {
-    margin-top: 1.5rem;
-}
-.mt-8 {
-    margin-top: 2rem;
-}
-.block {
-    display: block;
-}
-.flex {
-    display: flex;
-}
-.grid {
-    display: grid;
-}
-.hidden {
-    display: none;
-}
-.size-8 {
-    width: 2rem;
-    height: 2rem;
-}
-.h-10 {
-    height: 2.5rem;
-}
-.h-12 {
-    height: 3rem;
-}
-.h-4 {
-    height: 1rem;
-}
-.h-5 {
-    height: 1.25rem;
-}
-.h-8 {
-    height: 2rem;
-}
-.h-full {
-    height: 100%;
-}
-.min-h-screen {
-    min-height: 100vh;
-}
-.w-20 {
-    width: 5rem;
-}
-.w-4 {
-    width: 1rem;
-}
-.w-48 {
-    width: 12rem;
-}
-.w-5 {
-    width: 1.25rem;
-}
-.w-64 {
-    width: 16rem;
-}
-.w-8 {
-    width: 2rem;
-}
-.w-full {
-    width: 100%;
-}
-.max-w-2xl {
-    max-width: 42rem;
-}
-.max-w-sm {
-    max-width: 24rem;
-}
-.flex-1 {
-    flex: 1 1 0%;
-}
-.flex-grow {
-    flex-grow: 1;
-}
-.transform {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
-        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
-        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer {
-    cursor: pointer;
-}
-.grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-.grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-.flex-col {
-    flex-direction: column;
-}
-.items-start {
-    align-items: flex-start;
-}
-.items-center {
-    align-items: center;
-}
-.items-stretch {
-    align-items: stretch;
-}
-.justify-center {
-    justify-content: center;
-}
-.gap-12 {
-    gap: 3rem;
-}
-.gap-2 {
-    gap: 0.5rem;
-}
-.gap-4 {
-    gap: 1rem;
-}
-.gap-6 {
-    gap: 1.5rem;
-}
-.gap-8 {
-    gap: 2rem;
-}
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
-}
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-}
-.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-}
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-.text-balance {
-    text-wrap: balance;
-}
-.rounded-full {
-    border-radius: 9999px;
-}
-.rounded-lg {
-    border-radius: 0.5rem;
-}
-.border {
-    border-width: 1px;
-}
-.border-r {
-    border-right-width: 1px;
-}
-.border-t {
-    border-top-width: 1px;
-}
-.border-background\/10 {
-    border-color: hsl(var(--background) / 0.1);
-}
-.border-border {
-    border-color: hsl(var(--border));
-}
-.border-foreground\/20 {
-    border-color: hsl(var(--foreground) / 0.2);
-}
-.bg-background {
-    background-color: hsl(var(--background));
-}
-.bg-foreground {
-    background-color: hsl(var(--foreground));
-}
-.bg-muted {
-    background-color: hsl(var(--muted));
-}
-.fill-blue-500\/20 {
-    fill: #3b82f633;
-}
-.fill-yellow-100 {
-    fill: #fef9c3;
-}
-.fill-yellow-200 {
-    fill: #fef08a;
-}
-.fill-yellow-400 {
-    fill: #facc15;
-}
-.p-2 {
-    padding: 0.5rem;
-}
-.p-4 {
-    padding: 1rem;
-}
-.p-8 {
-    padding: 2rem;
-}
-.px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-}
-.px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-}
-.px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-}
-.py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-}
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-.py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-}
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-}
-.py-8 {
-    padding-bottom: 2rem;
-}
-.pt-8,
-.py-8 {
-    padding-top: 2rem;
-}
-.text-center {
-    text-align: center;
-}
-.text-2xl {
-    font-size: 1.5rem;
-}
-.text-3xl {
-    font-size: 1.875rem;
-}
-.text-5xl {
-    font-size: 3rem;
-}
-.text-lg {
-    font-size: 1.125rem;
-}
-.text-sm {
-    font-size: 0.875rem;
-}
-.text-xl {
-    font-size: 1.25rem;
-}
-.font-black {
-    font-weight: 900;
-}
-.font-bold {
-    font-weight: 700;
-}
-.font-medium {
-    font-weight: 500;
-}
-.font-semibold {
-    font-weight: 600;
-}
-.leading-none {
-    line-height: 1;
-}
-.text-background {
-    color: hsl(var(--background));
-}
-.text-blue-400 {
-    --tw-text-opacity: 1;
-    color: rgb(96 165 250 / var(--tw-text-opacity));
-}
-.text-foreground {
-    color: hsl(var(--foreground));
-}
-.text-muted-foreground {
-    color: hsl(var(--muted-foreground));
-}
-.text-primary {
-    color: hsl(var(--primary));
-}
-.text-yellow-100 {
-    --tw-text-opacity: 1;
-    color: rgb(254 249 195 / var(--tw-text-opacity));
-}
-.text-yellow-200 {
-    --tw-text-opacity: 1;
-    color: rgb(254 240 138 / var(--tw-text-opacity));
-}
-.text-yellow-500 {
-    --tw-text-opacity: 1;
-    color: rgb(234 179 8 / var(--tw-text-opacity));
-}
-.opacity-0 {
-    opacity: 0;
-}
-.opacity-75 {
-    opacity: 0.75;
-}
-.opacity-90 {
-    opacity: 0.9;
-}
-.shadow-lg {
-    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-    --tw-shadow-colored:
-        0 10px 15px -3px var(--tw-shadow-color),
-        0 4px 6px -4px var(--tw-shadow-color);
-}
-.shadow-lg,
-.shadow-md {
-    box-shadow:
-        var(--tw-ring-offset-shadow, 0 0 #0000),
-        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-md {
-    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-    --tw-shadow-colored:
-        0 4px 6px -1px var(--tw-shadow-color),
-        0 2px 4px -2px var(--tw-shadow-color);
-}
-.shadow-sm {
-    --tw-shadow: 0 1px 2px 0 #0000000d;
-    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-    box-shadow:
-        var(--tw-ring-offset-shadow, 0 0 #0000),
-        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.drop-shadow {
-    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
-        drop-shadow(0 1px 1px #0000000f);
-}
-.drop-shadow,
-.filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
-        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
-        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 0.15s;
-}
-.transition-colors {
-    transition-property:
-        color, background-color, border-color, text-decoration-color, fill,
-        stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 0.15s;
-}
-.transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 0.15s;
-}
-.transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 0.15s;
-}
-.duration-200 {
-    transition-duration: 0.2s;
-}
-.duration-300 {
-    transition-duration: 0.3s;
-}
-.after\:absolute:after {
-    content: var(--tw-content);
-    position: absolute;
-}
-.after\:inset-0:after {
-    content: var(--tw-content);
-    inset: 0;
-}
-.after\:top-1\/2:after {
-    content: var(--tw-content);
-    top: 50%;
-}
-.after\:z-0:after {
-    content: var(--tw-content);
-    z-index: 0;
-}
-.after\:flex:after {
-    content: var(--tw-content);
-    display: flex;
-}
-.after\:items-center:after {
-    content: var(--tw-content);
-    align-items: center;
-}
-.after\:border-t:after {
-    content: var(--tw-content);
-    border-top-width: 1px;
-}
-.after\:border-border:after {
-    content: var(--tw-content);
-    border-color: hsl(var(--border));
-}
-.hover\:bg-foreground\/90:hover {
-    background-color: hsl(var(--foreground) / 0.9);
-}
-.hover\:bg-muted:hover {
-    background-color: hsl(var(--muted));
-}
-.hover\:opacity-100:hover {
-    opacity: 1;
-}
-.hover\:opacity-80:hover {
-    opacity: 0.8;
-}
-.hover\:opacity-90:hover {
-    opacity: 0.9;
-}
-.hover\:shadow-lg:hover {
-    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-    --tw-shadow-colored:
-        0 10px 15px -3px var(--tw-shadow-color),
-        0 4px 6px -4px var(--tw-shadow-color);
-}
-.hover\:shadow-lg:hover,
-.hover\:shadow-xl:hover {
-    box-shadow:
-        var(--tw-ring-offset-shadow, 0 0 #0000),
-        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.hover\:shadow-xl:hover {
-    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
-    --tw-shadow-colored:
-        0 20px 25px -5px var(--tw-shadow-color),
-        0 8px 10px -6px var(--tw-shadow-color);
-}
-@media (min-width: 768px) {
-    .md\:col-span-2 {
-        grid-column: span 2 / span 2;
-    }
-    .md\:grid-cols-2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .md\:grid-cols-3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .md\:grid-cols-4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .md\:p-10 {
-        padding: 2.5rem;
-    }
-}
+/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e6e6e6}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#b3b3b3}input::placeholder,textarea::placeholder{opacity:1;color:#b3b3b3}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.right-0{right:0}.right-4{right:1rem}.top-1{top:.25rem}.top-14{top:3.5rem}.z-10{z-index:10}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-20{width:5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.text-balance{text-wrap:balance}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-background\/10{border-color:hsl(var(--background)/.1)}.border-border{border-color:hsl(var(--border))}.border-foreground\/20{border-color:hsl(var(--foreground)/.2)}.bg-background{background-color:hsl(var(--background))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.fill-blue-500\/20{fill:#3b82f633}.fill-yellow-100{fill:#fef9c3}.fill-yellow-200{fill:#fef08a}.fill-yellow-400{fill:#facc15}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-background{color:hsl(var(--background))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:flex:after{content:var(--tw-content);display:flex}.after\:items-center:after{content:var(--tw-content);align-items:center}.after\:border-t:after{content:var(--tw-content);border-top-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:hsl(var(--border))}.hover\:bg-foreground\/90:hover{background-color:hsl(var(--foreground)/.9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-10{padding:2.5rem}}
\ No newline at end of file
diff --git a/static/Dockerfile b/static/Dockerfile
index 0cf948a..2c8a21f 100644
--- a/static/Dockerfile
+++ b/static/Dockerfile
@@ -5,7 +5,7 @@ COPY static/nginx.conf /etc/nginx/conf.d/default.conf
 
 # Copy static files
 COPY static/public/ /usr/share/nginx/html/
-COPY branding/assets/ /usr/share/nginx/html/assets/
+COPY branding/assets/ /usr/share/nginx/html/assets/icons/
 
 # Health check
 HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
diff --git a/ts/apps/web/Dockerfile b/ts/apps/web/Dockerfile
index 3f0ecd2..b51ee01 100644
--- a/ts/apps/web/Dockerfile
+++ b/ts/apps/web/Dockerfile
@@ -14,6 +14,8 @@ WORKDIR /app
 RUN npm i -g turbo@^2
 # copy over the ts monorepo (sans .dockerignore matches)
 COPY ts/ .
+# copy branding assets to web app public directory (replace symlinks)
+COPY branding/assets/ ./apps/web/public/
 # generate the pruned artifacts required to build the example service
 RUN turbo prune ${SERVICE_NAME} --docker
 # 2. install + build phase