Refactor intro styles: update typography, adjust margins, and enhance strong element styling

Author: dvXcode

_sass/components/_intro.scss

@@ -14,46 +14,57 @@
 
   h1 {
     color: $black;
-    font-size: 48px;
+    font-size: 2.5rem;
     font-weight: 700;
-    line-height: 1.1;
-    margin-bottom: 20px;
+    line-height: 1.2;
+    margin-bottom: 24px;
+    letter-spacing: -0.02em;
 
     @include media-breakpoint-up(md) {
-      font-size: 56px;
+      font-size: 3.25rem;
     }
 
     @include media-breakpoint-up(lg) {
-      font-size: 64px;
+      font-size: 3.75rem;
     }
   }
 
   h2 {
-    font-size: 1.4rem;
-    line-height: 1.4;
-    margin-bottom: 25px;
+    font-size: 1.3rem;
+    line-height: 1.5;
+    margin-bottom: 20px;
+    margin-top: 20px;
     color: $black;
     font-family: $font-family-heading;
-    font-weight: 400;
+    font-weight: 500;
 
     @include media-breakpoint-up(md) {
       width: 90%;
-      font-size: 1.5rem;
+      font-size: 1.4rem;
     }
   }
 
   p {
     font-size: 1.1rem;
     font-weight: 400;
-    line-height: 1.6;
+    line-height: 1.7;
     color: $steel;
-    margin-bottom: 0;
+    margin-bottom: 16px;
+    
+    &:last-of-type {
+      margin-bottom: 0;
+    }
 
     @include media-breakpoint-up(md) {
-      width: 85%;
-      font-size: 1.2rem;
+      width: 90%;
+      font-size: 1.15rem;
     }
   }
+  
+  strong {
+    color: $primary;
+    font-weight: 600;
+  }
 }
 
 .intro-small {

_sass/pages/_page-home.scss

@@ -11,20 +11,36 @@
     background-clip: text;
     font-weight: 700;
     letter-spacing: -0.02em;
+    margin-bottom: 24px;
   }
 
   .intro h2 {
     color: #2f2f41;
     font-weight: 600;
-    margin-top: 20px;
-    margin-bottom: 25px;
+    margin-top: 24px;
+    margin-bottom: 20px;
+    line-height: 1.4;
   }
 
   .intro p {
     font-size: 1.1rem;
-    line-height: 1.6;
+    line-height: 1.7;
     color: #5c5a5a;
-    margin-bottom: 30px;
+    margin-bottom: 16px;
+    
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+    
+    @include media-breakpoint-up(md) {
+      font-size: 1.15rem;
+      width: 90%;
+    }
+  }
+  
+  .intro strong {
+    color: #e5261f;
+    font-weight: 600;
   }
 
   .strip-grey {