/* V58 — Final layout alignment */

/* ROOT FIX: the section itself must not inherit the old 1180px max-width */
.v52-modern-page section.conversion-cta{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:30px 0 68px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f5f8fb!important;
}

/* The dark card is the centered element */
.v52-modern-page section.conversion-cta > .container{
  display:block!important;
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 36px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 95% 15%,rgba(74,185,229,.13),transparent 28%),
    linear-gradient(135deg,#081b29,#0d2d42)!important;
  box-shadow:0 18px 48px rgba(10,29,43,.14)!important;
}

/* Prevent older generic .conversion-cta styles from affecting the card */
.v52-modern-page section.conversion-cta > .container h2,
.v52-modern-page section.conversion-cta > .container h3{
  color:#fff!important;
}
.v52-modern-page section.conversion-cta > .container p{
  color:#b8c9d3!important;
}
.v52-modern-page section.conversion-cta .eyebrow,
.v52-modern-page section.conversion-cta .cta-eyebrow{
  color:#65c8ee!important;
}
.v52-modern-page section.conversion-cta .cta-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:20px!important;
}

/* Related guides use exactly the same centerline */
.v52-modern-page .framework-related{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px 0!important;
  text-align:center!important;
}
.v52-modern-page .framework-related > .container{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

/* Standardize main section inner widths */
.v52-modern-page main > section:not(.conversion-cta) > .container{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Footer content shares the same 1180px centerline */
.site-footer .footer-grid,
.site-footer .footer-bottom,
.site-footer > .container{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Give footer a balanced vertical rhythm */
.site-footer .footer-grid{
  padding-top:42px!important;
  padding-bottom:28px!important;
}
.site-footer .footer-bottom{
  padding-top:18px!important;
  padding-bottom:22px!important;
}

/* Do not leave a large blank band between final CTA and footer */
.v52-modern-page main > section.conversion-cta:last-child{
  padding-bottom:44px!important;
}

/* Responsive */
@media(max-width:640px){
  .v52-modern-page section.conversion-cta > .container,
  .v52-modern-page .framework-related > .container,
  .v52-modern-page main > section:not(.conversion-cta) > .container,
  .site-footer .footer-grid,
  .site-footer .footer-bottom,
  .site-footer > .container{
    width:min(100% - 24px,1180px)!important;
  }

  .v52-modern-page section.conversion-cta{
    padding:22px 0 48px!important;
  }

  .v52-modern-page section.conversion-cta > .container{
    padding:25px!important;
  }
}