update: place app logo beside brand name

styles.css

@@ -50,10 +50,10 @@ body {
 }
 
 .brand-logo {
-    width: 68px;
-    height: 68px;
-    border-radius: 18px;
-    object-fit: cover;
+    width: 64px;
+    height: 64px;
+    border-radius: 16px;
+    object-fit: contain;
     box-shadow: 0 8px 24px var(--shadow);
 }
 
@@ -64,15 +64,6 @@ body {
     line-height: 1;
 }
 
-.logo {
-    width: min(300px, 72vw);
-    height: auto;
-    border-radius: 28px;
-    object-fit: contain;
-    box-shadow: 0 8px 24px var(--shadow);
-    margin-bottom: 18px;
-}
-
 .hero h1 {
     font-size: clamp(30px, 4vw, 44px);
     margin-bottom: 8px;
@@ -322,8 +313,8 @@ footer {
     }
 
     .brand-logo {
-        width: 58px;
-        height: 58px;
+        width: 54px;
+        height: 54px;
     }
 
     .btn,