Update style.css

css/style.css

@@ -125,7 +125,7 @@ img { max-width: 100%; display: block; }
 
 .hero__inner {
   position: relative;
-  padding: 90px 0 70px;
+  padding: 48px 0 40px;
   max-width: 780px;
 }
 
@@ -140,30 +140,30 @@ img { max-width: 100%; display: block; }
   border: 1px solid rgba(255, 183, 3, 0.35);
   padding: 7px 14px;
   border-radius: 999px;
-  margin-bottom: 22px;
+  margin-bottom: 16px;
 }
 
 .hero__title {
   font-family: var(--font-display);
   font-weight: 600;
-  font-size: clamp(2.15rem, 5.4vw, 4rem);
+  font-size: clamp(2rem, 5vw, 3.5rem);
   letter-spacing: -0.015em;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
   text-wrap: balance;
 }
 
 .hero__subtitle {
   font-size: clamp(1rem, 1.6vw, 1.18rem);
   color: rgba(255, 255, 255, 0.82);
-  max-width: 620px;
+  max-width: 720px;
-  margin-bottom: 34px;
+  margin-bottom: 24px;
 }
 
 .hero__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
-  margin-bottom: 40px;
+  margin-bottom: 28px;
 }
 
 .btn {
@@ -664,7 +664,7 @@ img { max-width: 100%; display: block; }
 /* ---------------- Responsive ---------------- */
 @media (max-width: 720px) {
   .hero { min-height: 62vh; }
-  .hero__inner { padding: 84px 0 56px; }
+  .hero__inner { padding: 40px 0 34px; }
   .hero__actions .btn { flex: 1 1 auto; justify-content: center; }
   .archive { padding: 72px 0 84px; }
   .cards { grid-template-columns: 1fr; }