.julius-final-cta-section {
  padding: 120px 20px;
  min-height: 70vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Map Overlay Background */
.julius-map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  pointer-events: none;
}

.julius-network-map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Animated Pulse Dots */
.julius-pulse-dot {
  animation: pulse 3s ease-in-out infinite;
}

.julius-pulse-delay {
  animation-delay: 1s;
}

.julius-pulse-delay-2 {
  animation-delay: 2s;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    r: 4;
  }
  50% {
    opacity: 0.3;
    r: 8;
  }
}

/* Content Container */
.julius-final-cta-container {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.julius-final-cta-content {
  text-align: center;
}

/* Typography */
.julius-final-cta-title {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.julius-final-cta-subtitle {
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 50px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* CTA Buttons Container */
.julius-final-cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* Primary CTA Button (Orange) */
.julius-cta-primary {
  border-radius: 8px !important;
  color: #232323 !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  text-transform: uppercase;
  background-color: #ff9a1b;
  border: 1px solid #ff9a1b;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.julius-cta-primary:hover {
  background-color: #232323 !important;
  color: #FF9A1B !important;
  text-decoration: none;
}

/* Secondary CTA Button (White -> Yellow on hover) */
.julius-cta-secondary {
  border-radius: 8px !important;
  color: #232323 !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.julius-cta-secondary:hover {
  background-color: #ff9a1b !important;
  color: #232323 !important;
  text-decoration: none;
}

/* Arrow Icons */
.julius-cta-icon {
  transition: transform 0.3s ease;
}

.julius-cta-primary:hover .julius-cta-icon,
.julius-cta-secondary:hover .julius-cta-icon {
  transform: translateX(5px);
}

/* Stars/Sparkles Effect */
.julius-final-cta-section::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  box-shadow: 
    100px 100px white,
    200px 150px white,
    300px 80px white,
    400px 200px white,
    500px 120px white,
    600px 180px white,
    700px 90px white,
    800px 160px white,
    900px 110px white,
    1000px 190px white,
    1100px 140px white,
    1200px 170px white,
    150px 250px white,
    250px 300px white,
    350px 280px white,
    450px 320px white,
    550px 290px white,
    650px 310px white,
    750px 270px white,
    850px 330px white,
    950px 260px white,
    1050px 340px white;
  opacity: 0.3;
  animation: twinkle 5s infinite;
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .julius-final-cta-section {
    padding: 80px 20px;
    min-height: 60vh;
  }
  
  .julius-final-cta-title {
    font-size: 42px;
    margin-bottom: 25px;
  }
  
  .julius-final-cta-subtitle {
    font-size: 18px;
    margin-bottom: 40px;
  }
  
  .julius-final-cta-buttons {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  
  .julius-cta-primary,
  .julius-cta-secondary {
    width: 100%;
    justify-content: center;
    padding: 16px 30px;
  }
}

@media (max-width: 480px) {
  .julius-final-cta-section {
    padding: 60px 15px;
  }
  
  .julius-final-cta-title {
    font-size: 32px;
  }
  
  .julius-final-cta-subtitle {
    font-size: 16px;
  }
  
  .julius-cta-primary,
  .julius-cta-secondary {
    font-size: 14px;
    padding: 14px 24px;
  }
}
}