/* =========================================================
   Clean mobile CTA panels
   Applies only to the mobile shell and does not affect heroes.
   ========================================================= */

.mobile-site-shell .cta-band{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid rgba(233,177,47,.22)!important;
  border-radius:26px!important;
  background:
    linear-gradient(145deg,#101923 0%,#07101a 100%)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.22)!important;
  color:#fff!important;
}

.mobile-site-shell .cta-band::before,
.mobile-site-shell .cta-band::after{
  content:none!important;
  display:none!important;
}

.mobile-site-shell .cta-band-inner{
  display:block!important;
  overflow:visible!important;
  width:100%!important;
  padding:24px 20px 20px!important;
  border:1px solid rgba(233,177,47,.32)!important;
  border-radius:21px!important;
  background:
    linear-gradient(
      155deg,
      rgba(15,25,36,.98),
      rgba(5,10,16,.98)
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 11px 25px rgba(0,0,0,.18)!important;
}

.mobile-site-shell .cta-band-inner::before,
.mobile-site-shell .cta-band-inner::after{
  content:none!important;
  display:none!important;
}

.mobile-site-shell .cta-band h2{
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(31px,8.5vw,40px)!important;
  font-weight:850!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}

.mobile-site-shell .cta-band p{
  max-width:100%!important;
  margin:15px 0 0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.65!important;
  text-shadow:none!important;
}

.mobile-site-shell .cta-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
  width:100%!important;
  margin-top:24px!important;
}

.mobile-site-shell .cta-actions .btn{
  width:100%!important;
  min-height:55px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  transform:none!important;
}

.mobile-site-shell .cta-actions .btn-gold{
  color:#09111d!important;
  border:1px solid #efbd40!important;
  background:
    linear-gradient(180deg,#f4c651 0%,#e9b12f 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 10px 22px rgba(233,177,47,.18)!important;
}

.mobile-site-shell .cta-actions .btn-outline{
  color:#f4c550!important;
  border:1px solid rgba(233,177,47,.52)!important;
  background:rgba(233,177,47,.045)!important;
}

.mobile-site-shell .cta-actions .btn:active{
  transform:scale(.985)!important;
}

/* Direct form anchors remain visible below the sticky mobile header. */
#mobile-application-form,
#application-form{
  scroll-margin-top:96px!important;
}

#mobile-application-form:target,
#application-form:target{
  border-color:rgba(233,177,47,.72)!important;
  box-shadow:
    0 0 0 4px rgba(233,177,47,.13),
    0 20px 46px rgba(0,0,0,.18)!important;
}

@media(max-width:420px){
  .mobile-site-shell .cta-band{
    padding:14px!important;
    border-radius:23px!important;
  }

  .mobile-site-shell .cta-band-inner{
    padding:21px 17px 17px!important;
    border-radius:18px!important;
  }

  .mobile-site-shell .cta-band h2{
    font-size:clamp(29px,8.7vw,36px)!important;
  }

  .mobile-site-shell .cta-band p{
    font-size:12.8px!important;
    line-height:1.58!important;
  }

  .mobile-site-shell .cta-actions .btn{
    min-height:52px!important;
    font-size:12.5px!important;
  }
}