/* UYUM — PREMIUM CTA */

.uc-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(90px,10vw,150px) 0;
  background:#09263a;
  color:#fff;
}

.uc-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(135deg,#092338 0%,#0b3045 60%,#0c564e 100%);
}

.uc-cta-glow{
  position:absolute;
  z-index:-1;
  width:550px;
  height:550px;
  right:-130px;
  top:-220px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(78,214,161,.22),
    rgba(78,214,161,.04) 45%,
    transparent 70%
  );
  filter:blur(15px);
  pointer-events:none;
}

.uc-cta-inner{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);
  align-items:center;
  gap:clamp(35px,6vw,95px);
}

.uc-cta-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  color:#87e8c5;
}

.uc-cta-eyebrow span{
  width:30px;
  height:2px;
  background:#87e8c5;
}

.uc-cta-copy h2{
  max-width:850px;
  margin:25px 0 0;
  font-size:clamp(44px,5vw,77px);
  line-height:1.09;
  letter-spacing:-.06em;
  font-weight:800;
  color:#fff;
}

.uc-cta-copy h2 span{
  display:block;
  color:#80e5bd;
}

.uc-cta-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:22px;
}

.uc-cta-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:62px;
  padding:17px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid #80dfbb;
  border-radius:12px;
  background:#75ddb5;
  color:#083d38;
  font:800 16px "DM Sans",sans-serif;
  cursor:pointer;
  transition:background .25s,transform .25s,box-shadow .25s;
}

.uc-cta-button:hover{
  background:#96eccb;
  transform:translateY(-3px);
  box-shadow:0 15px 40px rgba(34,192,137,.2);
}

.uc-cta-button svg{
  width:21px;
  height:21px;
}

.uc-cta-button::after{
  content:"";
  position:absolute;
  inset:0 auto 0 -45%;
  width:35%;
  background:linear-gradient(
    90deg,transparent,rgba(255,255,255,.4),transparent
  );
  transform:skewX(-20deg);
  animation:ucCtaShine 4s ease-in-out infinite;
  pointer-events:none;
}

@keyframes ucCtaShine{
  0%,50%{left:-45%}
  85%,100%{left:120%}
}

.uc-cta-mail{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:0 3px 13px;
  border-bottom:1px solid rgba(255,255,255,.25);
  color:#e0f0ef;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:color .2s,border-color .2s;
}

.uc-cta-mail:hover{
  color:#8af0c7;
  border-color:#8af0c7;
}

.uc-cta-mail span{
  font-size:20px;
}

/* SCROLL ANIMATIONS */
.uc-cta.uc-motion-ready [data-cta-reveal]{
  opacity:0;
  filter:blur(9px);
  transition:
    opacity .9s cubic-bezier(.22,1,.36,1),
    transform 1s cubic-bezier(.22,1,.36,1),
    filter .9s ease;
}

.uc-cta.uc-motion-ready [data-cta-reveal="left"]{
  transform:translate3d(-65px,0,0);
}

.uc-cta.uc-motion-ready [data-cta-reveal="right"]{
  transform:translate3d(65px,0,0);
}

.uc-cta.uc-motion-ready [data-cta-reveal].is-visible{
  opacity:1;
  filter:none;
  transform:translate3d(0,0,0);
}

@media(max-width:900px){
  .uc-cta-inner{
    grid-template-columns:1fr;
    gap:40px;
  }

  .uc-cta-actions{
    max-width:370px;
  }
}

@media(max-width:640px){
  .uc-cta{
    padding:80px 0;
  }

  .uc-cta-copy h2{
    font-size:clamp(38px,9vw,53px);
  }

  .uc-cta-actions{
    max-width:none;
    gap:20px;
  }

  .uc-cta-button{
    min-height:57px;
  }

  .uc-cta-mail{
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  .uc-cta.uc-motion-ready [data-cta-reveal]{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }

  .uc-cta-button::after{
    animation:none!important;
  }
}
