.cta{
  width:100%;
  padding:150px 0;
  background:#252525;
  position:relative;
  overflow:hidden;
}

/* GRID TECH (VOLTOU, MAS SUTIL) */
.cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:80px 80px;
  opacity:.35;
}

/* GLOW ÚNICO */
.cta::after{
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  background:#0d6efd;
  filter:blur(180px);
  opacity:.22;
  right:-200px;
  bottom:-200px;
}

/* CONTEÚDO */
.cta-inner{
  width:90%;
  max-width:900px;
  margin:0 auto;
  position:relative;
  z-index:2;
  text-align:center;
}

/* EYEBROW */
.cta-eyebrow{
  display:block;
  margin-bottom:22px;
  font-weight:800;
  letter-spacing:3px;
  font-size:13px;
  color:#0d6efd;
}

/* TÍTULO */
.cta h2{
  font-size:56px;
  font-weight:900;
  line-height:1.05;
  color:#fff;
  margin-bottom:28px;
}

.cta h2 span{
  color:#0d6efd;
}

/* TEXTO */
.cta p{
  font-size:18px;
  color:#cfcfcf;
  max-width:640px;
  margin:0 auto 52px;
  line-height:1.7;
}

/* AÇÕES */
.cta-actions{
  display:flex;
  justify-content:center;
  gap:24px;
}

/* BOTÕES */
.cta-btn-primary{
  padding:20px 46px;
  background:#0d6efd;
  color:#fff;
  border-radius:14px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:12px;
  transition:.35s;
}

.cta-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 46px rgba(13,110,253,.4);
}

.cta-btn-outline{
  padding:20px 46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-weight:700;
  transition:.35s;
}

.cta-btn-outline:hover{
  background:#fff;
  color:#252525;
}

/* ANIMAÇÃO SUAVE */
.cta-animate{
  opacity:0;
  transform:translateY(30px);
  transition:all .8s ease;
}

.cta-animate.show{
  opacity:1;
  transform:translateY(0);
}

/* MOBILE */
@media(max-width:768px){
  .cta h2{
    font-size:38px;
  }

  .cta-actions{
    flex-direction:column;
  }
}
