/* V55 — CTA + Footer Visual Repair */

/* Conversion CTA: dark institutional card with readable text */
.v52-modern-page .conversion-cta{
  padding:0 0 68px!important;
  background:#f5f8fb!important;
}

.v52-modern-page .conversion-cta > .container{
  display:block!important;
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:32px 34px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 96% 16%,rgba(77,190,235,.15),transparent 28%),
    linear-gradient(135deg,#081b29,#0c2a3e)!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(10,29,43,.16)!important;
}

.v52-modern-page .conversion-cta .cta-eyebrow,
.v52-modern-page .conversion-cta .eyebrow{
  color:#67c8ef!important;
}

.v52-modern-page .conversion-cta h2,
.v52-modern-page .conversion-cta h3{
  color:#fff!important;
  max-width:900px;
}

.v52-modern-page .conversion-cta p{
  color:#b7c8d2!important;
  max-width:900px;
}

.v52-modern-page .conversion-cta .cta-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:20px!important;
}

.v52-modern-page .conversion-cta .btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,#168fc5,#45b9e8)!important;
}

.v52-modern-page .conversion-cta .btn-secondary{
  color:#eef7fb!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
}

.v52-modern-page .conversion-cta .btn-secondary:hover{
  background:rgba(255,255,255,.09)!important;
}

.v52-modern-page .conversion-cta .cro-cta-note{
  margin-top:12px!important;
  color:#8fa6b5!important;
  font-size:.8rem!important;
}

/* Footer: dark background so white/blue transparent logo works */
.site-footer{
  background:
    radial-gradient(circle at 18% 10%,rgba(51,165,213,.08),transparent 25%),
    #071724!important;
  color:#c7d7e2!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

.site-footer .footer-grid{
  padding-top:42px!important;
  padding-bottom:30px!important;
}

.site-footer .footer-grid h3,
.site-footer .footer-grid h4,
.site-footer .footer-grid strong{
  color:#fff!important;
}

.site-footer .footer-grid p,
.site-footer .footer-grid a,
.site-footer .footer-bottom,
.site-footer .footer-bottom span{
  color:#98afbe!important;
}

.site-footer .footer-grid a:hover{
  color:#fff!important;
}

.site-footer .brand-logo-image{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
}

.site-footer .footer-grid>div:first-child{
  text-align:center!important;
}

.site-footer .footer-grid>div:first-child .brand{
  justify-content:center!important;
}

.site-footer .footer-grid>div:first-child>p{
  max-width:360px!important;
  margin:18px auto 0!important;
  text-align:center!important;
  color:#a9bdca!important;
}

.site-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding-top:20px!important;
  padding-bottom:24px!important;
}

/* Related guide strip refinement */
.framework-related{
  margin-top:0!important;
  padding:22px 0 28px!important;
  text-align:center;
  color:#526d80!important;
}

.framework-related strong{
  color:#17384e!important;
}

.framework-related a{
  color:#087eb3!important;
}

/* Avoid awkward huge whitespace before CTA/footer */
.v52-modern-page main > .framework-related + .conversion-cta{
  margin-top:0!important;
}

@media(max-width:760px){
  .v52-modern-page .conversion-cta > .container{
    width:min(100% - 24px,1180px)!important;
    padding:24px!important;
  }

  .site-footer .footer-grid{
    padding-top:34px!important;
  }
}