/* v418G — Final tighten for Why Vietnam GoEasy line-art footer.
   The line drawing should feel like the old neat background accent, not a separate
   empty section. Keep the restored blue Why frame + 8 cards, then tuck the line art
   close under the cards and collapse the extra white band below it. */

.home-page .trust-section{
  padding-top: clamp(42px, 4.8vw, 60px) !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

.home-page .trust-section > .container{
  padding-bottom: 0 !important;
}

.home-page .why-vge-fixed-frame-v341G,
.home-page .why-vge-fixed-frame-v343G{
  margin-bottom: clamp(18px, 2vw, 24px) !important;
}

.home-page .trust-section .trust-grid{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.home-page .why-vge-line-art-under-grid-v404G{
  /* Pull the decorative sketch upward so it starts just under the 8 cards. */
  height: clamp(112px, 9.8vw, 158px) !important;
  margin-top: clamp(-18px, -1.2vw, -10px) !important;
  margin-bottom: 0 !important;
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  z-index: 0 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before,
.home-page .why-vge-line-art-under-grid-v404G::after{
  bottom: 0 !important;
  width: min(88vw, 1420px) !important;
  height: 100% !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before{
  background-position: center bottom !important;
  background-size: 100% auto !important;
  opacity: .52 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::after{
  /* Fade gently, but do not create a big white empty block. */
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.04) 32%,
    rgba(255,255,255,.16) 68%,
    rgba(255,255,255,.56) 100%) !important;
}

/* Pull the following Fees section up to the old compact rhythm. */
.home-page .trust-section + .section,
.home-page .home-fees-teaser{
  margin-top: 0 !important;
  padding-top: clamp(24px, 2.6vw, 36px) !important;
}

@media (max-width: 980px){
  .home-page .trust-section{
    padding-top: clamp(34px, 5vw, 48px) !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(92px, 13vw, 128px) !important;
    margin-top: -10px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 92vw !important;
  }
}

@media (max-width: 640px){
  .home-page .trust-section{
    padding-top: 30px !important;
  }

  .home-page .why-vge-fixed-frame-v341G,
  .home-page .why-vge-fixed-frame-v343G{
    margin-bottom: 16px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(74px, 20vw, 104px) !important;
    margin-top: -8px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 96vw !important;
  }
}