/* v63: CTA contact area balanced, more compact, with clearer color accents. Fixed sections above CTA remain untouched. */

.brand-v4-cta.brand-v4-cta-v62{
  max-width:1480px!important;
  margin:clamp(30px,3.6vw,48px) auto 0!important;
  padding:clamp(22px,2.8vw,34px) clamp(30px,5vw,72px)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 8% 10%, rgba(255,192,92,.24), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(77,116,255,.23), transparent 33%),
    radial-gradient(circle at 62% 88%, rgba(33,196,187,.18), transparent 30%),
    linear-gradient(135deg,#fff7e8 0%,#eef8f3 48%,#eaf0ff 100%)!important;
  border:1px solid rgba(38,63,91,.13)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.13)!important;
}

.brand-v4-cta.brand-v4-cta-v62::after{
  content:"";
  position:absolute;
  inset:auto 28px 18px auto;
  width:150px;
  height:150px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(76,125,255,.16), transparent 64%);
  pointer-events:none;
}

.brand-v4-cta-v62 .brand-v4-cta-copy{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.72fr)!important;
  grid-template-areas:
    "kicker contact"
    "title contact"
    "desc contact"
    "note contact";
  column-gap:clamp(28px,5vw,78px)!important;
  row-gap:12px!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
}

.brand-v4-cta-v62 .brand-v4-cta-copy > span{
  grid-area:kicker!important;
  margin:0!important;
  color:#1f7d76!important;
  text-shadow:none!important;
}

.brand-v4-cta-v62 .brand-v60-title-row{
  grid-area:title!important;
  gap:clamp(18px,2.8vw,34px)!important;
  align-items:center!important;
}

.brand-v4-cta-v62 .brand-v60-title-row h2{
  font-size:clamp(34px,3.9vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.06em!important;
  color:#101827!important;
}

.brand-v4-cta-v62 .brand-v58-social-panel{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(35,52,77,.10)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.06)!important;
}

.brand-v4-cta-v62 .brand-v4-cta-copy > p{
  grid-area:desc!important;
  margin:4px 0 0!important;
  color:#314055!important;
  font-size:clamp(20px,1.9vw,28px)!important;
  line-height:1.45!important;
  font-weight:900!important;
  white-space:normal!important;
  max-width:980px!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines{
  grid-area:contact!important;
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:18px!important;
  border-radius:26px!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.45))!important;
  border:1px solid rgba(35,52,77,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 18px 42px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(14px)!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines span{
  width:100%!important;
  min-height:45px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 9px 22px rgba(15,23,42,.055)!important;
  font-size:15px!important;
  line-height:1.4!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines span:nth-child(1){
  background:linear-gradient(135deg, rgba(228,255,238,.92), rgba(255,255,255,.78))!important;
  border-color:rgba(6,199,85,.22)!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines span:nth-child(2){
  background:linear-gradient(135deg, rgba(232,241,255,.95), rgba(255,255,255,.78))!important;
  border-color:rgba(58,105,230,.22)!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines span:nth-child(3){
  background:linear-gradient(135deg, rgba(255,244,220,.95), rgba(255,255,255,.78))!important;
  border-color:rgba(236,151,47,.24)!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines strong{
  flex:0 0 auto!important;
  color:#0f172a!important;
  letter-spacing:.04em!important;
}

.brand-v4-cta-v62 .brand-v62-contact-lines a{
  color:#2657d6!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}

.brand-v4-cta-v62 .brand-v62-appointment-note{
  grid-area:note!important;
  margin:6px 0 0!important;
  width:max-content!important;
  max-width:100%!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  color:#253346!important;
  background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(238,248,247,.68))!important;
  border:1px solid rgba(31,125,118,.18)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  font-size:15px!important;
  font-weight:850!important;
}

@media (max-width:1120px){
  .brand-v4-cta-v62 .brand-v4-cta-copy{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "kicker"
      "title"
      "desc"
      "contact"
      "note";
    row-gap:14px!important;
  }
  .brand-v4-cta-v62 .brand-v62-contact-lines{
    max-width:760px!important;
  }
}

@media (max-width:760px){
  .brand-v4-cta.brand-v4-cta-v62{
    border-radius:24px!important;
    padding:26px 18px!important;
  }
  .brand-v4-cta-v62 .brand-v60-title-row{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }
  .brand-v4-cta-v62 .brand-v4-cta-copy > p{
    font-size:19px!important;
  }
  .brand-v4-cta-v62 .brand-v62-contact-lines{
    padding:12px!important;
    border-radius:22px!important;
  }
  .brand-v4-cta-v62 .brand-v62-contact-lines span{
    min-height:auto!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  .brand-v4-cta-v62 .brand-v62-appointment-note{
    width:100%!important;
    border-radius:18px!important;
  }
}