update 4page

assets/css/index.css

@@ -1591,13 +1591,102 @@
 
 /* home page */
 #block-1 {
-  height: 90.9375rem;
-  background-image: url("../images/backgrounds/20251203-153844.png");
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
+  height: 39.9375rem;
+  background-image: none;
   position: relative;
+  z-index: 1;
 }
+
+.main {
+  position: relative;
+  z-index: 1;
+}
+
+/* Hero background img — height derived from dots position + arc offset in source image
+ *
+ * Formula (object-fit: cover; object-position: center bottom; width-limited):
+ *   hero-bg-height = dots-bottom-y + arc-gap + viewportWidth × (arcOffsetPx / imageWidth)
+ *
+ * arcOffsetPx: arc peak distance from bottom of source PNG (measure once in Figma)
+ * dots-bottom-y: distance from hero top to bottom of .home-hero-carousel__dots
+ */
+#homepage {
+  --hero-img-width: 2880;
+  --hero-img-height: 1982;
+  --hero-img-arc-offset: 920;
+  --hero-nav-gap: 76px;
+  --hero-coach-dots-gap: 35px;
+  --hero-dots-height: 10px;
+  /* left column: badge top → AI Coach bottom */
+  --hero-slide1-content-height: 486px;
+  /* viewport height (fits right visual + left column) */
+  --hero-slide1-viewport-height: 580px;
+  --hero-inner-padding-bottom: 40px;
+  /* Mobile: arc ~30px below dots (height-limited cover) */
+  --hero-arc-gap: 30px;
+  --hero-dots-y: calc(48px + 720px + 56px - 32px + 10px);
+}
+
+#homepage .hero-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  /* Narrow screens: scale driven by height → solve H from dots + arc-gap */
+  height: calc(
+    (var(--hero-dots-y) + var(--hero-arc-gap)) * var(--hero-img-height)
+    / (var(--hero-img-height) - var(--hero-img-arc-offset))
+  );
+  object-fit: cover;
+  object-position: center bottom;
+  z-index: -1;
+  background-color: #050302;
+  display: block;
+  pointer-events: none;
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  #homepage {
+    --hero-dots-y: calc(80px + 720px + 64px - 40px + 10px);
+  }
+}
+
+@media (min-width: 992px) {
+  #homepage {
+    --hero-arc-gap: 8px;
+    --hero-bg-height-adjust: -15px;
+    --hero-dots-y: calc(
+      var(--hero-nav-gap) + var(--hero-slide1-content-height)
+      + var(--hero-coach-dots-gap) + var(--hero-dots-height)
+      + var(--hero-inner-padding-bottom)
+    );
+  }
+
+  #homepage .hero-bg {
+    /* Wide screens: scale driven by width */
+    height: calc(
+      var(--hero-dots-y) + var(--hero-arc-gap)
+      + 100vw * var(--hero-img-arc-offset) / var(--hero-img-width)
+      + var(--hero-bg-height-adjust)
+    );
+  }
+}
+
+/* Fallback for pages without #homepage wrapper */
+.hero-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 39.9375rem;
+  object-fit: cover;
+  object-position: center bottom;
+  z-index: -1;
+  background-color: #050302;
+  display: block;
+  pointer-events: none;
+}
+
 #block-1 .hero-buttons {
   margin-top: 5rem;
 }
@@ -5616,7 +5705,7 @@
     text-align: left;
   }
 }
-.footer .text-muted {
+.footer p.text-muted{
   text-align: justify;
 }
 
@@ -5625,10 +5714,27 @@
     padding-right: 1.9376rem;
     padding-left: 1.9376rem;
   }
-  .footer .text-muted {
+  .footer p.text-muted{
     padding: 0 15px;
   }
 }
+
+@media(max-width:768px){
+  .banner-desc br,#block-1{height:62.9375rem;position:relative;min-height:42vh;min-height:42svh}
+  #homepage #block-1{
+    height:auto;
+    min-height:0;
+  }
+  .funded-trading-hero .d-flex .img-fluid-r{right:-13px}
+  .hero-img{top:7px}
+  .funded-trading-hero .d-flex .img-fluid-l{left:-3px}
+  .funded-trading-hero .hero-title{font-size:35px}
+  #section-6 h2{text-align:center}
+  #section-3 h5 .h-inline-icon{margin-right:.25rem}
+  .banner-desc br, .hero-bg { display: block; }
+}
+
+
 @media (min-width: 2500px) {
   .section-challenge .content-container {
     max-width: 70vw;