Update app.py

app.py

@@ -50,6 +50,8 @@ st.markdown(
         --top-spacer: {TOP_SPACER}px;
         --card-width: {CARD_WIDTH}px;
         --grid-gap: {GRID_GAP}px;
+        --tagline-gap: 2px;           /* distance between H1 and tagline */
+        --grid-top-space: 8px;       /* space above the cards */
       }}
 
       html, body, [data-testid="stAppViewContainer"] {{ height: 100%; }}
@@ -70,16 +72,23 @@ st.markdown(
         display:block; margin: 0 auto 8px;
         filter: drop-shadow(0 2px 8px rgba(0,0,0,.12));
       }}
-      .hero h1 {{ font-size: 2.3rem; margin: .4rem 0 .2rem; }}
-      .hero p  {{ color: #5a5f6a; margin: 0 auto; max-width: 720px; }}
+      /* Make tagline closer to the company name */
+      .hero h1 {{ font-size: 2.3rem; margin: .2rem 0 0; }}
+      .hero p  {{
+        color: #5a5f6a;
+        margin: var(--tagline-gap) auto 0;  /* top margin = small gap to H1 */
+        max-width: 720px;
+        font-style: italic;                 /* ← italic tagline */
+      }}
 
-      /* GRID: precise card width */
+      /* GRID: precise card width + extra space above cards */
       .grid {{
         display: flex;
         gap: var(--grid-gap);
         justify-content: center;
         align-items: stretch;
         flex-wrap: nowrap;
+        margin-top: var(--grid-top-space);  /* ← space above cards */
       }}
       @media (max-width: calc(2 * var(--card-width) + var(--grid-gap) + 64px)) {{
         .grid {{ flex-wrap: wrap; }}
@@ -108,7 +117,6 @@ st.markdown(
       .card h3 {{ margin:6px 0 2px; }}
       .card p  {{ color:#5a5f6a; min-height:30px; margin:0 8px 2px; }}
 
-      /* Light button with dark text */
       .btn {{
         display:inline-block; padding:10px 14px; border-radius:12px;
         border:1px solid #e5e7eb; text-decoration:none;
@@ -116,7 +124,6 @@ st.markdown(
       }}
       .btn:hover {{ background:#e5e7eb; }}
 
-      /* Compact footer; no extra vertical space */
       .footer {{ text-align:center; color:#6b7280; font-size:1.0em; margin-top: 6px; }}
       .footer hr {{ margin: 6px 0; }}
     </style>