Update app.py

app.py

@@ -30,10 +30,10 @@ 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
+STRIP_BELOW_GAP_PX   = 30         # space between the strip row and the hero logo
 
 HERO_LOGO_WIDTH_PX   = 400        # width of the hero logo
-HERO_MARGIN_BOTTOM_PX= 30          # space under the hero logo
+HERO_MARGIN_BOTTOM_PX= 30         # space under the hero logo
 
 GRID_GAP_PX          = 50         # space between cards
 CARD_WIDTH_PX        = 340        # card width
@@ -165,11 +165,11 @@ 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;
-   margin: 0 0 var(--strip-row-mb) 0;   /* was 0 0 8px 0 */
-  }
+  .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%);
@@ -219,7 +219,6 @@ st.markdown(f"""
     padding: var(--card-pv) var(--card-ph);
     background: var(--card-bg, linear-gradient(180deg, {PAPER_TOP} 0%, {PAPER_BOT} 100%));
     border: var(--card-bw) solid var(--card-stroke);
-    /* 3D: dual drop shadows + subtle internal highlights */
     box-shadow:
       0 14px 32px rgba(2,20,35,.12),
       0 1px 0 rgba(255,255,255,0.90) inset,
@@ -238,7 +237,6 @@ st.markdown(f"""
     filter: saturate(1.03);
   }}
 
-  /* (optional) chip inside each card */
   .suite-chip {{
     position: absolute; top: 12px; right: 12px;
     background: linear-gradient(90deg, var(--navy1) 0%, var(--navy2) 100%);
@@ -247,7 +245,6 @@ st.markdown(f"""
     box-shadow: 0 6px 14px rgba(2,12,30,.18);
   }}
 
-  /* Icon circle */
   .icon-wrap {{
     width: var(--icon-d); height: var(--icon-d); border-radius: 9999px;
     background: #F1F5F9;
@@ -267,7 +264,6 @@ st.markdown(f"""
     color:#566275; min-height: 40px; margin: 0 10px; font-size: var(--blurb-fs);
   }}
 
-  /* Button (navy) */
   .btn {{
     display:inline-block; padding: var(--btn-pv) var(--btn-ph); border-radius: var(--btn-r);
     border: 1px solid rgba(11,18,32,.45);
@@ -276,7 +272,6 @@ st.markdown(f"""
     margin: 6px auto 0;
     box-shadow: 0 12px 28px rgba(11,18,32,.28), inset 0 1px 0 rgba(255,255,255,.10);
   }}
-  /* Force white text + no underline on CTA in ALL states */
   a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active, a.btn:focus {{
     color: #ffffff !important; text-decoration: none !important;
   }}