/* ================= CTA ENTERPRISE ================= */
.cta-enterprise{
  position:relative;
  padding:100px 20px;
  background:#0A111E;
  overflow:hidden;
}

.cta-glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 50%, rgba(0,180,255,.25), transparent 40%),
    radial-gradient(circle at 80% 50%, rgba(0,120,255,.18), transparent 40%);
  pointer-events:none;
}

.cta-container{
  position:relative;
  max-width:900px;
  margin:auto;
  text-align:center;
  color:#fff;
}

.cta-container h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:20px;
  line-height:1.2;
}

.cta-container p{
  max-width:700px;
  margin:0 auto 40px;
  color:#b8c4d9;
  font-size:16px;
  line-height:1.7;
}

.cta-actions{
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}

.cta-btn {
  position: relative;
  display: inline-block;
  padding: 10px 80px;
  border-radius: 28px;
  font-weight: 500;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  border: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* ================= PRIMARY ================= */
.cta-btn.cta {
  background: linear-gradient(to bottom,#4fd2ff,var(--blu));
  color: #ffffff;
  box-shadow:
    0 5px 0 #005fb3,
    0 14px 30px rgba(0, 0, 255, 0.25);
}

.cta-btn.cta::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -40%;
  width: 50%;
  height: 400%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.45),
    transparent
  );
  transform: rotate(25deg);
  transition: transform 0.6s ease;
}

.cta-btn.cta:hover {
  transform: translateY(-4px);
  box-shadow:
    0 10px 0 #005fb3,
    0 24px 45px rgba(0, 160, 255, 0.55);
}

.cta-btn.cta:hover::before {
  transform: translateX(260%) rotate(25deg);
}

.cta-btn.cta:active {
  transform: translateY(2px);
  box-shadow:
    0 4px 0 #005fb3,
    0 10px 20px rgba(0, 120, 255, 0.35);
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .cta-enterprise{
    padding:80px 20px;
  }
}

@media(max-width:480px){
.cta-btn{
  padding:9px 34px;
  border-radius:999px;
  font-size:14px;
}

.cta-container h2{
  font-size:22px;
}

.cta-container p{
  font-size:14px;

}
}