diff --git a/app/index.html b/app/index.html
index 02baae5..e988df0 100644
--- a/app/index.html
+++ b/app/index.html
@@ -145,19 +145,20 @@
 
     /* ── Document header ────────────────────────────────────────────────────── */
     .kb-header {
-      display: flex; justify-content: space-between; align-items: flex-start;
-      gap: 24px; padding-bottom: 20px; margin-bottom: 22px;
+      display: flex; justify-content: space-between; align-items: center;
+      gap: 16px; padding-bottom: 14px; margin-bottom: 20px;
       border-bottom: 1px solid var(--border);
     }
-    .kb-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
+    .kb-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
     .kb-brand .logo {
-      height: 42px; width: 42px; flex: 0 0 42px; border-radius: 10px;
-      display: grid; place-items: center;
-      background: var(--accent-soft); color: var(--accent); overflow: hidden;
+      height: 28px; width: 28px; flex: 0 0 28px; border-radius: 7px;
+      display: grid; place-items: center; overflow: hidden; opacity: .82;
+    }
+    .kb-brand .logo svg { width: 28px; height: 28px; display: block; }
+    .kb-brand .org {
+      font-size: 12px; font-weight: 500; color: var(--text-muted);
+      letter-spacing: -0.01em; opacity: .7;
     }
-    .kb-brand .logo svg { width: 20px; height: 20px; }
-    .kb-brand .org { font-size: 16px; font-weight: 700; color: var(--text); letter-spacing: -0.01em; }
-    .kb-brand .org small { display: block; font-size: var(--fs-small); font-weight: 400; color: var(--text-muted); letter-spacing: 0; }
     .kb-doctitle { text-align: right; }
     .kb-doctitle h1 { margin: 0; font-size: var(--fs-h1); font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
 
@@ -335,7 +336,6 @@
     /* ── Responsive ─────────────────────────────────────────────────────────── */
     @media (max-width: 680px) {
       .kb-grid.cols-2, .kb-grid.cols-3 { grid-template-columns: 1fr; }
-      .kb-header { flex-direction: column; gap: 14px; }
       .kb-doctitle { text-align: left; }
       .inv-lines-head { display: none; }
       .inv-line { grid-template-columns: 1fr 1fr; gap: 6px 8px; }
@@ -370,15 +370,16 @@
   <header class="kb-header">
     <div class="kb-brand">
       <span class="logo">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-             stroke-linecap="round" stroke-linejoin="round">
-          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-          <polyline points="14 2 14 8 20 8"/>
-          <line x1="16" y1="13" x2="8" y2="13"/>
-          <line x1="16" y1="17" x2="8" y2="17"/>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28" role="img" aria-label="Invoice">
+          <rect width="48" height="48" rx="12" fill="var(--accent)"/>
+          <path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
+          <path d="M29 9 V14 H34"             fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
+          <path d="M18.5 20 H27"   stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
+          <path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"/>
+          <path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/>
         </svg>
       </span>
-      <span class="org">kBenestad<small>Freelance invoicing</small></span>
+      <span class="org">kBenestad</span>
     </div>
     <div class="kb-doctitle">
       <h1 id="inv-title">Invoice</h1>