diff --git a/internal/app/static/app.css b/internal/app/static/app.css
index cd2594d..4da9969 100644
--- a/internal/app/static/app.css
+++ b/internal/app/static/app.css
@@ -41,15 +41,17 @@ button:disabled { cursor: wait; opacity: .58; }
   backdrop-filter: blur(18px);
 }
 
-.wordmark {
-  margin-right: 12px;
-  color: var(--accent);
-  font-weight: 900;
-  letter-spacing: .14em;
+.operator { color: var(--muted); }
+.brand { display: flex; align-items: center; color: var(--accent); text-decoration: none; white-space: nowrap; }
+.brand-logo {
+  display: flex;
+  align-items: center;
+  padding: 6px 10px;
+  border-radius: 9px;
+  background: #f4f7f5;
 }
-
-.product-name, .operator { color: var(--muted); }
-.brand { white-space: nowrap; }
+.brand-logo img { display: block; width: 154px; height: auto; }
+.brand-fallback { display: none; font-weight: 900; letter-spacing: .14em; }
 .portal-nav { display: flex; align-self: stretch; gap: 6px; }
 .portal-nav a {
   display: flex;
@@ -271,14 +273,21 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
   background: linear-gradient(145deg, rgba(23, 38, 36, .96), rgba(10, 20, 19, .98));
   box-shadow: var(--shadow);
 }
-.brand-mark { margin-bottom: 42px; color: var(--accent); font-size: 1.1rem; font-weight: 950; letter-spacing: .18em; }
+.login-logo {
+  display: inline-flex;
+  margin-bottom: 42px;
+  padding: 12px 15px;
+  border-radius: 13px;
+  background: #f4f7f5;
+}
+.login-logo img { display: block; width: min(310px, 65vw); height: auto; }
 .login-card h1 { font-size: clamp(2.8rem, 10vw, 4.8rem); }
 .lede { margin-bottom: 32px; color: var(--muted); line-height: 1.7; }
 .fine-print { margin: 22px 0 0; font-size: .76rem; text-align: center; }
 
 @media (max-width: 900px) {
   .topbar { padding: 0 3vw; }
-  .product-name { display: none; }
+  .brand-logo img { width: 132px; }
   .hero, .content-grid, .package-layout { grid-template-columns: 1fr; }
   .audit-filters { grid-template-columns: 1fr 1fr; }
   .audit-row { grid-template-columns: 1fr 1fr; }
@@ -289,7 +298,8 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
 
 @media (max-width: 580px) {
   .topbar { min-height: 62px; padding: 0 3vw; }
-  .wordmark { margin-right: 0; }
+  .brand-logo { display: none; }
+  .brand-fallback { display: inline; }
   .operator > span { display: none; }
   .operator { gap: 0; }
   .portal-nav { gap: 0; }
diff --git a/internal/app/static/ta-logo.svg b/internal/app/static/ta-logo.svg
new file mode 100644
index 0000000..977e116
--- /dev/null
+++ b/internal/app/static/ta-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title" viewBox="0 0 556.7 107.7"><title id="title">Technology Architects</title><defs><style>.st0{fill:#333f49}.st1{fill:#699141}</style></defs><polygon class="st0" points="67.6 107.7 82.1 93.2 96.7 107.7 67.6 107.7"/><polygon class="st0" points="0 0 74.9 0 74.9 34.1 54.5 54.5 54.5 20.4 20.4 20.4 0 0"/><polygon class="st0" points="163.5 0 88.6 0 88.6 34.1 109 54.5 109 20.4 143.1 20.4 163.5 0"/><polygon class="st1" points="115.8 107.7 143.1 107.7 81.7 46.4 20.4 107.7 47.7 107.7 81.7 74 115.8 107.7"/><path class="st0" d="M186.2 28.4h-9l-4.8-7.3h36.1l-5.5 7.3h-8.9v28.5h-7.9zM213.3 21.1h30.8l-5.2 7h-17.8v7.3H238v7h-16.9v7.5h18l5.2 7h-31.1V21.1zM246.8 39.1c0-10.3 7.7-18.6 18.7-18.6 6.7 0 10.8 2.2 14.1 5.5l-5 5.8c-2.8-2.5-5.6-4-9.2-4-6 0-10.4 5-10.4 11.1 0 6.2 4.2 11.4 10.4 11.4 4.1 0 6.6-1.6 9.4-4.2l5 5.1c-3.7 3.9-7.8 6.4-14.7 6.4-10.5 0-18.4-8.1-18.4-18.4zM287.6 21.1h7.9v14.2H310V21.1h7.9v35.8H310V42.5h-14.5v14.4h-7.9zM327.9 21.1h7.3l16.8 22v-22h7.8v35.8h-6.7l-17.3-22.8v22.8H328zM367 39.1c0-10.3 8-18.6 19.1-18.6s19 8.2 19 18.4c0 10.3-8 18.6-19.1 18.6s-19-8.2-19-18.4zm29.8 0c0-6.2-4.5-11.4-10.8-11.4s-10.7 5-10.7 11.1c0 6.2 4.5 11.4 10.8 11.4s10.7-5 10.7-11.1zM412.1 21.1h7.9v28.6h14.2l3.7 7.2h-25.7zM439.3 39.1c0-10.3 8-18.6 19.1-18.6s19 8.2 19 18.4c0 10.3-8 18.6-19.1 18.6s-19-8.2-19-18.4zm29.8 0c0-6.2-4.5-11.4-10.8-11.4s-10.7 5-10.7 11.1c0 6.2 4.5 11.4 10.8 11.4s10.7-5 10.7-11.1zM483.3 39.1c0-10.3 7.9-18.6 18.8-18.6 6.5 0 10.3 1.7 14.1 4.9l-5 6c-2.8-2.3-5.2-3.6-9.4-3.6-5.8 0-10.3 5.1-10.3 11.1 0 6.6 4.5 11.5 10.8 11.5 2.9 0 5.4-.7 7.4-2.1v-5.1h-7.9v-6.8h15.5v15.5c-3.7 3.1-8.7 5.7-15.3 5.7-11.1 0-18.8-7.8-18.8-18.4zM535.1 42.8l-13.8-21.7h9.2l8.5 14.4 8.7-14.4h9l-13.8 21.5v14.3H535z"/><path class="st1" d="M186.9 71h7.3l15.3 36.1h-8.2l-3.3-8h-15.1l-3.3 8h-8L186.9 71zm8.3 21.1-4.8-11.6-4.8 11.6zM215.6 71.3H232c4.6 0 8.1 1.3 10.4 3.6 2 2 3.1 4.8 3.1 8.2 0 5.9-3.1 9.5-7.7 11.2l8.7 12.8h-9.2l-7.7-11.5h-6.2v11.5h-7.9V71.3zm15.9 17.4c3.8 0 6-2 6-5.1 0-3.5-2.4-5.2-6.2-5.2h-7.8v10.3zM251.6 89.3c0-10.3 7.7-18.6 18.7-18.6 6.7 0 10.8 2.3 14.1 5.5l-5 5.8c-2.8-2.5-5.6-4-9.2-4-6 0-10.4 5-10.4 11.1 0 6.2 4.2 11.4 10.4 11.4 4.1 0 6.6-1.6 9.4-4.2l5 5.1c-3.7 3.9-7.8 6.4-14.7 6.4-10.5 0-18.4-8.1-18.4-18.4zM292.5 71.3h7.9v14.2h14.5V71.3h7.9v35.8h-7.9V92.7h-14.5v14.4h-7.9zM333.2 71.3h7.9v35.8h-7.9zM359.9 78.5H351l-5.1-7.3h35.6l-4.8 7.3h-8.9V107h-7.9zM386.2 71.3H417l-4.6 7H394v7.3h16.9v7H394v7.5h18.7l4.6 7h-31.1zM420.5 89.3c0-10.3 7.7-18.6 18.7-18.6 6.7 0 10.8 2.3 14.1 5.5l-5 5.8c-2.8-2.5-5.6-4-9.2-4-6 0-10.4 5-10.4 11.1 0 6.2 4.2 11.4 10.4 11.4 4.1 0 6.6-1.6 9.4-4.2l5 5.1c-3.7 3.9-7.8 6.4-14.7 6.4-10.5 0-18.4-8.1-18.4-18.4zM469.6 78.5h-8.8l-4.8-7.3h35.1l-4.7 7.3h-8.9V107h-7.9zM493.5 101.9l4.7-5.6c3.2 2.7 6.6 4.3 10.7 4.3 3.2 0 5.2-1.3 5.2-3.4 0-2.1-1.2-3.1-7.2-4.7-7.2-1.8-11.9-3.8-11.9-10.9 0-6.6 5.2-10.9 12.5-10.9 5.2 0 9.7 1.6 13.3 4.6l-4.1 5.9c-3.2-2.2-6.3-3.5-9.3-3.5s-4.6 1.4-4.6 3.1c0 2.5 1.5 3.2 7.7 4.8 7.3 1.9 11.4 4.5 11.4 10.7 0 7.2-5.4 11.2-13.1 11.2-5.4 0-10.9-1.9-15.2-5.7z"/></svg>
diff --git a/internal/app/templates/components.html b/internal/app/templates/components.html
index 0a960eb..16da8e0 100644
--- a/internal/app/templates/components.html
+++ b/internal/app/templates/components.html
@@ -1,9 +1,9 @@
 {{define "topbar"}}
 <header class="topbar">
-  <div class="brand">
-    <span class="wordmark">TAPM</span>
-    <span class="product-name">Deployment Access</span>
-  </div>
+  <a class="brand" href="/portal" aria-label="Technology Architects Deployment Access">
+    <span class="brand-logo"><img src="/static/ta-logo.svg" alt="Technology Architects"></span>
+    <span class="brand-fallback">TAPM</span>
+  </a>
   <nav class="portal-nav" aria-label="Portal">
     <a href="/portal" {{if eq .CurrentView "codes"}}class="active" aria-current="page"{{end}}>Codes</a>
     <a href="/portal/packages" {{if eq .CurrentView "packages"}}class="active" aria-current="page"{{end}}>Packages</a>
diff --git a/internal/app/templates/login.html b/internal/app/templates/login.html
index c29fca0..ff3de7b 100644
--- a/internal/app/templates/login.html
+++ b/internal/app/templates/login.html
@@ -10,7 +10,7 @@
 <body class="login-page">
   <main class="login-shell">
     <section class="login-card">
-      <div class="brand-mark">TAPM</div>
+      <div class="login-logo"><img src="/static/ta-logo.svg" alt="Technology Architects"></div>
       <p class="eyebrow">Technician authorization</p>
       <h1>Deployment Access</h1>
       <p class="lede">