mobile css

styles.css

@@ -958,6 +958,80 @@ ul {
         padding: 160px 0 100px;
     }
 
+    /* Mobile Font Size Adjustments */
+    .section-headline {
+        font-size: 2rem;
+    }
+
+    .hero-headline {
+        font-size: 2.25rem;
+    }
+
+    .hero-subheadline {
+        font-size: 1.125rem;
+    }
+
+    .section-intro {
+        font-size: 1rem;
+    }
+
+    .problem-list li {
+        font-size: 1rem;
+        padding: 1.25rem 1.25rem 1.25rem 3.5rem;
+    }
+
+    .problem-conclusion {
+        font-size: 1.25rem;
+    }
+
+    .positioning-content>p {
+        font-size: 1.125rem;
+    }
+
+    .positioning-conclusion {
+        font-size: 1.375rem;
+    }
+
+    .process-step h3 {
+        font-size: 1.375rem;
+    }
+
+    .process-step p {
+        font-size: 0.9375rem;
+    }
+
+    .benefits-list li {
+        font-size: 1rem;
+    }
+
+    .audience-list li {
+        font-size: 1rem;
+    }
+
+    .audience-conclusion {
+        font-size: 1.375rem;
+    }
+
+    .ai-content .section-intro {
+        font-size: 1.125rem;
+    }
+
+    .ai-list li {
+        font-size: 0.9375rem;
+    }
+
+    .ai-conclusion {
+        font-size: 1.375rem;
+    }
+
+    .why-netcop-quote {
+        font-size: 1.5rem;
+    }
+
+    .cta-subheadline {
+        font-size: 1.125rem;
+    }
+
     .hero-actions,
     .cta-actions {
         flex-direction: column;
@@ -968,6 +1042,8 @@ ul {
     .btn {
         width: 100%;
         max-width: 360px;
+        font-size: 1rem;
+        padding: 16px 28px;
     }
 
     .footer-content {