make the app name the largest text on the landing page

The branding review no longer flags the missing purpose description, but
still reports that the app name does not match the homepage — even though
the console value and the h1 text are identical strings.

The likely reason is visual hierarchy: the app name was a 15px label while
the tagline underneath it was 32px, so the tagline read as the site's name.
The name and the tagline now swap sizes, and the logo moves above the
heading instead of sitting inline next to it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

app/static/css/style.css

@@ -1136,37 +1136,30 @@ label {
   text-align: center;
 }
 
-/* 로고 + 앱 이름 h1 묶음. h1은 시각적으로 작은 브랜드 라벨이지만 문서 구조상 최상위 제목이다. */
+.landing-logo {
+  width: 56px;
+  height: 56px;
+  border-radius: 14px;
+}
+
+/* 앱 이름 h1 — 화면에서 가장 큰 글자여야 한다(위 home.html 주석 참고). */
 .landing-brand {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--color-accent);
-  letter-spacing: -0.01em;
-}
-
-.landing-brand h1 {
   margin: 0;
-  font-size: inherit;
-  font-weight: inherit;
-  color: inherit;
-  letter-spacing: inherit;
-}
-
-.landing-brand img {
-  width: 24px;
-  height: 24px;
-  border-radius: 6px;
-}
-
-.landing-hero-title {
   font-size: 32px;
   font-weight: 700;
   letter-spacing: -0.02em;
   text-wrap: balance;
+  color: var(--color-accent);
+}
+
+/* 태그라인은 앱 이름 아래 부제 */
+.landing-hero-title {
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  text-wrap: balance;
   margin: 0;
+  color: var(--color-text);
 }
 
 .landing-tagline {