diff --git a/ostp-gui/src/assets/logo.png b/ostp-gui/src/assets/logo.png
new file mode 100644
index 0000000..da83aeb
Binary files /dev/null and b/ostp-gui/src/assets/logo.png differ
diff --git a/ostp-gui/src/assets/logo.svg b/ostp-gui/src/assets/logo.svg
new file mode 100644
index 0000000..237b566
--- /dev/null
+++ b/ostp-gui/src/assets/logo.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/ostp-gui/src/index.html b/ostp-gui/src/index.html
index c86f4cd..5a6339b 100644
--- a/ostp-gui/src/index.html
+++ b/ostp-gui/src/index.html
@@ -18,6 +18,11 @@
+
+
+
+
diff --git a/ostp-gui/src/styles.css b/ostp-gui/src/styles.css
index 541b0e2..4d1cf5d 100644
--- a/ostp-gui/src/styles.css
+++ b/ostp-gui/src/styles.css
@@ -235,6 +235,34 @@ input, textarea { font-family: inherit; }
to { transform: translate(30px, 20px); }
}
+/* ── Eagle watermark (brand) ──────────────────────────────────────────────── */
+.watermark {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 80%;
+ max-width: 600px;
+ pointer-events: none;
+ z-index: 0;
+ opacity: 0.05;
+ user-select: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.watermark img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+}
+
+html[data-theme="light"] .watermark {
+ opacity: 0.06;
+ filter: invert(1);
+}
+
/* ── Screen system ────────────────────────────────────────────────────────── */
.screen {
position: absolute;