diff --git a/src/JobsMedical.Web/wwwroot/css/site.css b/src/JobsMedical.Web/wwwroot/css/site.css
index 61c3265..20e485d 100644
--- a/src/JobsMedical.Web/wwwroot/css/site.css
+++ b/src/JobsMedical.Web/wwwroot/css/site.css
@@ -208,8 +208,8 @@ button, input, select, textarea, optgroup { font-family: inherit; }
   background: linear-gradient(135deg, #0e8f8a 0%, #0a6f6b 100%);
   color: #fff; padding: clamp(40px, 8vw, 64px) 0 clamp(48px, 9vw, 80px); text-align: center;
 }
-.hero h1 { font-size: clamp(23px, 5.5vw, 34px); font-weight: 900; margin: 0 0 14px; line-height: 1.45; }
-.hero p { font-size: clamp(15px, 3.2vw, 17px); opacity: .92; max-width: 620px; margin: 0 auto 30px; }
+.hero h1 { font-size: clamp(19px, 5.2vw, 34px); font-weight: 900; margin: 0 0 12px; line-height: 1.4; }
+.hero p { font-size: clamp(13px, 3vw, 17px); opacity: .92; max-width: 620px; margin: 0 auto 28px; line-height: 1.7; }
 
 /* search box on hero */
 .search-card {
@@ -318,14 +318,21 @@ mark { background: #fff3bf; color: inherit; padding: 0 2px; border-radius: 3px;
 .hero-chips a { background: rgba(255,255,255,.16); color: #fff; padding: 5px 13px; border-radius: 999px; font-weight: 600; transition: background .15s; }
 .hero-chips a:hover { background: rgba(255,255,255,.3); }
 @media (max-width: 560px) {
+  /* Smaller, tighter typography on phones */
+  .hero { padding: 28px 0 32px; }
+  .hero h1 { font-size: 18px; line-height: 1.55; margin-bottom: 8px; }
+  .hero p { font-size: 12.5px; line-height: 1.8; margin-bottom: 20px; }
+  .section-head h2, .page-head h1 { font-size: 18px; }
   .hero-search { margin-top: 6px; }
   .hero-search-pill { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; border-radius: 14px; }
   .hero-search-pill .hs-ico { display: none; }
   .hero-search-pill input { width: 100%; border: 1px solid var(--line); border-radius: 10px;
-    padding: 12px 14px; font-size: 15px; background: var(--bg); }
+    padding: 11px 14px; font-size: 14px; background: var(--bg); }
   .hero-search-pill .btn { width: 100%; }
-  .hero-chips { gap: 6px; }
+  .hero-chips { gap: 6px; font-size: 12px; }
   .hero-chips .hc-label { flex-basis: 100%; text-align: center; margin-bottom: 2px; }
+  .stat-pill .n { font-size: 18px; }
+  .stat-pill .l { font-size: 11px; }
 }
 /* Big search box on the /Search page head */
 .search-hero { display: flex; gap: 8px; max-width: 640px; margin: 6px 0 4px; }