/* PATCH 205 — final logo proportion + cyan/navy background calibration */

.tb-app-bg{
  background:
    radial-gradient(ellipse at 13% 138px,
      rgba(13,205,240,.58) 0%,
      rgba(7,166,212,.36) 24%,
      rgba(7,112,158,.16) 48%,
      transparent 66%),
    radial-gradient(ellipse at 80% 15px,
      rgba(8,156,201,.27) 0%,
      transparent 48%),
    linear-gradient(180deg,
      #079dcc 0px,
      #088bb9 55px,
      #08709b 110px,
      #075276 172px,
      #063957 245px,
      #062e4d 320px,
      #eef4f8 321px,
      #eef4f8 100%)!important;
}

.tb-app-main{
  max-width:452px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

.tb-topbar-faith199{
  min-height:99px!important;
  background:transparent!important;
}

/* exact mockup-like ratio: fish no longer oversized */
.tb-brand-logo-faith199{
  width:205px!important;
  height:70px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}

/* Hero keeps its own dark layer but now blends into the background behind it */
.tb-home-hero-faith199{
  min-height:322px!important;
  padding:23px 20px 18px!important;
  border-radius:22px!important;
  overflow:hidden!important;

  background-image:
    linear-gradient(90deg,
      rgba(4,31,59,.99) 0%,
      rgba(4,31,59,.99) 35%,
      rgba(4,31,59,.95) 48%,
      rgba(4,31,59,.76) 61%,
      rgba(4,31,59,.38) 75%,
      rgba(4,31,59,.10) 91%,
      rgba(4,31,59,.02) 100%),
    linear-gradient(180deg,
      rgba(5,34,62,.04) 0%,
      rgba(5,34,62,.03) 55%,
      rgba(3,26,50,.28) 79%,
      rgba(3,26,50,.68) 100%),
    url('../img/faith-mobile-hero-clean-204.webp')!important;

  background-color:#04213f!important;
  background-repeat:no-repeat!important;
  background-position:0 0,0 0,100% 50%!important;
  background-size:100% 100%,100% 100%,54% 102%!important;

  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 14px 29px rgba(3,25,47,.18)!important;
}

/* guarantee absolutely no right stripe/line */
.tb-home-hero-faith199:before,
.tb-home-hero-faith199:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}

.tb-home-hero-faith199{
  border-right-color:rgba(255,255,255,.08)!important;
}

.tb-home-hero-faith199 h1{
  max-width:280px!important;
  font-size:29px!important;
  line-height:1.05!important;
}
.tb-home-hero-faith199 p{
  max-width:292px!important;
  font-size:11.1px!important;
  line-height:1.50!important;
}

/* bottom navigation remains faithful */
.tb-bottom-faith199{
  width:min(calc(100% - 18px),438px)!important;
  min-height:77px!important;
  bottom:6px!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,#083d63 0%,#063251 44%,#03233e 100%)!important;
  box-shadow:0 14px 30px rgba(2,18,34,.40),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

@media(max-width:390px){
  .tb-brand-logo-faith199{
    width:176px!important;
    height:64px!important;
  }
  .tb-home-hero-faith199{
    min-height:307px!important;
    background-size:100% 100%,100% 100%,55% 102%!important;
  }
}