Update app.py

app.py

@@ -30,8 +30,9 @@ STRIP_PILL_PAD_V_PX  = 8
 STRIP_PILL_PAD_H_PX  = 14
 STRIP_PILL_FONT_PX   = 16
 TAGLINE_FONT_PX      = 15
+STRIP_BELOW_GAP_PX   = 30   # space between the top-left strip row and the hero logo
 
-HERO_LOGO_WIDTH_PX   = 350        # width of the hero logo
+HERO_LOGO_WIDTH_PX   = 400        # width of the hero logo
 HERO_MARGIN_BOTTOM_PX= 30          # space under the hero logo
 
 GRID_GAP_PX          = 50         # space between cards
@@ -111,6 +112,7 @@ st.markdown(f"""
     --strip-pill-ph: {STRIP_PILL_PAD_H_PX}px;
     --strip-pill-fs: {STRIP_PILL_FONT_PX}px;
     --tagline-fs: {TAGLINE_FONT_PX}px;
+    --strip-row-mb: {STRIP_BELOW_GAP_PX}px;
 
     --hero-w: {HERO_LOGO_WIDTH_PX}px;
     --hero-mb: {HERO_MARGIN_BOTTOM_PX}px;
@@ -163,10 +165,12 @@ st.markdown(f"""
   }}
 
   /* ===== TOP-LEFT STRIP ROW ===== */
-  .suite-row {{
-    display:flex; align-items:center; gap: var(--strip-gap);
-    justify-content:flex-start; flex-wrap: wrap;
-  }}
+  .suite-row {
+   display:flex; align-items:center; gap: var(--strip-gap);
+   justify-content:flex-start; flex-wrap: wrap;
+   margin: 0 0 var(--strip-row-mb) 0;   /* was 0 0 8px 0 */
+  }
+
   .suite-pill {{
     background: linear-gradient(90deg, var(--navy1) 0%, var(--navy2) 100%);
     color: var(--gold);