/* v57: Compact CTA with social buttons. Keep everything above Why HL3C unchanged. */
.brand-v4-cta.brand-v4-cta-v57{
  max-width:1500px!important;
  margin:clamp(34px,4vw,56px) auto 0!important;
  padding:clamp(26px,3vw,42px) clamp(28px,4vw,64px)!important;
  border-radius:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.78fr)!important;
  align-items:center!important;
  gap:clamp(24px,4vw,58px)!important;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,190,92,.24), transparent 28%),
    radial-gradient(circle at 94% 18%, rgba(76,125,255,.20), transparent 30%),
    linear-gradient(135deg,#fffaf0 0%,#eef8f7 54%,#eaf1ff 100%)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
  color:#111827!important;
  position:relative!important;
  overflow:hidden!important;
}

.brand-v4-cta.brand-v4-cta-v57::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:5px;
  background:linear-gradient(90deg,#21c4bb,#4c7dff,#ffb84d,#ff6b8a)!important;
  opacity:.9;
}

.brand-v4-cta-copy,
.brand-v4-cta-actions{
  position:relative!important;
  z-index:1!important;
}

.brand-v4-cta-v57 .brand-v4-cta-copy span{
  display:inline-flex!important;
  margin:0 0 10px!important;
  color:#167b78!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.brand-v4-cta-v57 h2{
  margin:0!important;
  color:#111827!important;
  font-size:clamp(30px,3.1vw,52px)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
  text-shadow:none!important;
}

.brand-v4-cta-v57 p{
  max-width:940px!important;
  margin:14px 0 0!important;
  color:#334155!important;
  font-size:clamp(22px,1.9vw,30px)!important;
  line-height:1.55!important;
  font-weight:850!important;
  text-shadow:none!important;
}

.brand-v4-cta-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
}

.brand-v4-cta-v57 .brand-v4-contact-main{
  width:100%!important;
  min-height:52px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 24px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#111827,#243b62)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 32px rgba(15,23,42,.18)!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-decoration:none!important;
}

.brand-v4-social-buttons{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.brand-v4-social-buttons a{
  min-height:46px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  text-decoration:none!important;
  color:#111827!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  font-weight:900!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}

.brand-v4-social-buttons a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.14)!important;
  border-color:rgba(76,125,255,.28)!important;
}

.brand-v4-social-buttons a:nth-child(1){background:linear-gradient(135deg,#e9fff1,#ffffff)!important;}
.brand-v4-social-buttons a:nth-child(2){background:linear-gradient(135deg,#eef4ff,#ffffff)!important;}
.brand-v4-social-buttons a:nth-child(3){background:linear-gradient(135deg,#fff0f0,#ffffff)!important;}

@media (max-width:980px){
  .brand-v4-cta.brand-v4-cta-v57{
    grid-template-columns:1fr!important;
  }
  .brand-v4-cta-actions{
    max-width:520px!important;
  }
}

@media (max-width:640px){
  .brand-v4-cta.brand-v4-cta-v57{
    margin-top:28px!important;
    border-radius:26px!important;
    padding:26px 20px 30px!important;
  }
  .brand-v4-cta-v57 p{
    font-size:20px!important;
  }
}