made home page more mobile friendly

Author: ghost

index.html

@@ -491,7 +491,166 @@
       line-height: 1.5;
       color: #5f6b7a;
     }
-  </style>
+  
+/* Mobile-friendly enhancements */
+html, body {
+  overflow-x: hidden;
+}
+body {
+  width: 100%;
+}
+img, svg, video, iframe {
+  max-width: 100%;
+  height: auto;
+}
+.container,
+.wrapper,
+.section-inner,
+.hero-inner,
+.content-wrap,
+.grid,
+.cards,
+.card-grid,
+.pricing-grid,
+.services-grid,
+.results-grid,
+.case-grid,
+.footer-grid {
+  min-width: 0;
+}
+@media (max-width: 1024px) {
+  .grid,
+  .cards,
+  .card-grid,
+  .pricing-grid,
+  .services-grid,
+  .results-grid,
+  .case-grid,
+  .footer-grid,
+  .hero-grid,
+  .two-column,
+  .three-column {
+    grid-template-columns: 1fr !important;
+  }
+}
+@media (max-width: 768px) {
+  html {
+    font-size: 15px;
+  }
+  body {
+    overflow-x: hidden;
+  }
+  section {
+    scroll-margin-top: 88px;
+  }
+  .container,
+  .wrapper,
+  .section-inner,
+  .hero-inner,
+  .content-wrap {
+    width: min(100% - 1.5rem, 1200px) !important;
+    margin-inline: auto;
+  }
+  .hero,
+  .section,
+  .services,
+  .results,
+  .pricing,
+  .faq,
+  .contact,
+  .footer {
+    padding-inline: 0 !important;
+  }
+  .hero {
+    padding-top: clamp(5.5rem, 10vw, 7rem) !important;
+  }
+  h1 {
+    font-size: clamp(2rem, 8vw, 3rem) !important;
+    line-height: 1.08 !important;
+  }
+  h2 {
+    font-size: clamp(1.5rem, 6vw, 2.2rem) !important;
+  }
+  h3 {
+    font-size: clamp(1.15rem, 4.8vw, 1.4rem) !important;
+  }
+  p, li, a, button, input, textarea {
+    font-size: max(1rem, 16px);
+  }
+  .hero-copy,
+  .hero-content,
+  .hero-text,
+  .section-copy,
+  .lead,
+  .subtitle {
+    max-width: 100% !important;
+  }
+  .cta-group,
+  .button-row,
+  .hero-actions,
+  .nav-actions,
+  .chip-row,
+  .stat-row {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: stretch !important;
+    gap: 0.75rem !important;
+  }
+  .cta-group > *,
+  .button-row > *,
+  .hero-actions > *,
+  .nav-actions > * {
+    width: 100%;
+  }
+  .btn,
+  button,
+  [type="button"],
+  [type="submit"],
+  .button,
+  .cta {
+    min-height: 44px;
+    width: 100%;
+  }
+  table {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  pre, code {
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+  [class*="grid"],
+  [class*="columns"],
+  [class*="split"] {
+    gap: 1rem !important;
+  }
+}
+@media (max-width: 480px) {
+  .container,
+  .wrapper,
+  .section-inner,
+  .hero-inner,
+  .content-wrap {
+    width: min(100% - 1rem, 1200px) !important;
+  }
+  .card,
+  .service-card,
+  .result-card,
+  .pricing-card,
+  .faq-item,
+  .panel {
+    padding: 1rem !important;
+  }
+  .badge,
+  .pill,
+  .tag {
+    white-space: normal !important;
+  }
+}
+
+</style>
 
   <script src="book-call.js" defer></script>