update solution page

public/css/site.css

@@ -16678,6 +16678,20 @@ body:not(.rtl) .elementor-6585 .elementor-element.elementor-element-8899bdf {
     }
 }
 
+/* Footer's own breakpoint above switches horizontal padding at 1020px, but
+   every other section's shared container (.sw-in, and the Hero's matching
+   padding) switches at 1024px — leaving a 1021-1024px viewport gap where
+   the footer sits 10px further in than everything above it (e.g. iPad
+   portrait, 1024px wide). This closes that gap without touching the
+   1020px block above, which also carries unrelated vertical-rhythm rules
+   for other footer elements. */
+@media (max-width: 1024px) and (min-width: 1021px) {
+    .elementor-6585 .elementor-element.elementor-element-3cd920c {
+        --padding-left: 10px;
+        --padding-right: 10px;
+    }
+}
+
 @media(max-width: 840px) {
     .elementor-6585 .elementor-element.elementor-element-2631b42 {
         --flex-direction:row;