/* LIFTINGBEAM_FINAL_PREMIUM_START */

.lb-final-premium,
.lb-final-premium *{
  box-sizing:border-box;
}

.lb-final-premium{
  padding:
    clamp(78px,8vw,125px)
    clamp(20px,5vw,88px);

  position:relative;
  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(
      circle at 15% 18%,
      rgba(66,166,255,.24),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(12,83,165,.20),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #031a31 0%,
      #022041 48%,
      #06182a 100%
    );

  isolation:isolate;
}

.lb-final-premium::before{
  content:"";

  width:500px;
  height:500px;

  position:absolute;
  top:-310px;
  right:-230px;
  z-index:-1;

  border:1px solid rgba(105,184,255,.13);
  border-radius:50%;

  box-shadow:
    0 0 0 80px rgba(105,184,255,.02),
    0 0 0 160px rgba(105,184,255,.01);
}

.lb-final-premium__pattern{
  position:absolute;
  inset:0;
  z-index:-2;

  opacity:.38;

  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:48px 48px;

  mask-image:
    linear-gradient(
      180deg,
      #000,
      transparent 90%
    );
}

.lb-final-premium__inner{
  width:min(1480px,100%);
  margin-inline:auto;

  display:grid;
  grid-template-columns:
    minmax(480px,1fr)
    minmax(390px,.66fr);

  align-items:center;
  gap:clamp(45px,7vw,110px);
}

.lb-final-premium__content{
  direction:rtl;
}

.lb-final-premium__eyebrow{
  margin-bottom:19px;

  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:11px;

  direction:ltr;
}

.lb-final-premium__eyebrow span{
  color:#73bdff;

  font-size:8px;
  font-weight:900;
  letter-spacing:1.35px;
}

.lb-final-premium__eyebrow i{
  width:35px;
  height:1px;
  display:block;

  background:#56acf8;
}

.lb-final-premium__eyebrow strong{
  color:#9dadba;

  font-size:10px;
  font-weight:900;
}

.lb-final-premium h2{
  margin:0;

  color:#fff;

  font-size:clamp(38px,4.1vw,66px);
  font-weight:900;
  line-height:1.34;
  letter-spacing:-1.1px;
}

.lb-final-premium h2 em{
  display:block;
  margin-top:4px;

  color:#6db8fa;
  font-style:normal;
}

.lb-final-premium__content>p{
  max-width:760px;
  margin:24px 0 0;
  padding-right:24px;

  border-right:2px solid #4ea8f7;

  color:#a9b8c5;

  font-size:13px;
  font-weight:550;
  line-height:2.15;
}

.lb-final-premium__actions{
  margin-top:31px;

  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px;
}

.lb-final-premium__button{
  min-height:49px;
  padding:0 20px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;

  border:1px solid transparent;

  text-decoration:none;

  font-size:10px;
  font-weight:900;

  transition:
    color .22s ease,
    background .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.lb-final-premium__button--primary{
  color:#022041;
  background:#6bb8fa;
  border-color:#6bb8fa;

  box-shadow:
    0 15px 30px rgba(35,137,226,.22);
}

.lb-final-premium__button--primary:hover{
  color:#fff;
  background:transparent;

  transform:translateY(-3px);
}

.lb-final-premium__button--secondary{
  color:#fff;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.22);
}

.lb-final-premium__button--secondary:hover{
  color:#022041;
  background:#fff;
  border-color:#fff;

  transform:translateY(-3px);
}

.lb-final-premium__button i{
  transition:transform .22s ease;
}

.lb-final-premium__button--primary:hover i{
  transform:translateX(-4px);
}

.lb-final-premium__text-link{
  padding:10px 8px;

  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#aab9c5;
  text-decoration:none;

  font-size:9.5px;
  font-weight:800;

  transition:
    color .22s ease,
    transform .22s ease;
}

.lb-final-premium__text-link i{
  color:#6bb8fa;
}

.lb-final-premium__text-link:hover{
  color:#fff;
  transform:translateY(-2px);
}

.lb-final-premium__panel{
  padding:27px;

  position:relative;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.15);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.085),
      rgba(255,255,255,.035)
    );

  box-shadow:
    0 30px 65px rgba(0,7,18,.24);

  backdrop-filter:blur(10px);
}

.lb-final-premium__panel::before{
  content:"";

  width:3px;
  height:70px;

  position:absolute;
  top:27px;
  right:0;

  background:#66b5fa;
}

.lb-final-premium__panel-head{
  display:flex;
  align-items:center;
  gap:15px;

  direction:rtl;
}

.lb-final-premium__panel-head>span{
  width:53px;
  height:53px;
  flex:0 0 53px;

  display:grid;
  place-items:center;

  border:1px solid rgba(106,184,250,.27);
  border-radius:13px;

  color:#6db8fa;
  background:rgba(63,151,231,.10);

  font-size:20px;

  transition:
    color .23s ease,
    background .23s ease,
    transform .23s ease;
}

.lb-final-premium__panel:hover
.lb-final-premium__panel-head>span{
  color:#022041;
  background:#6db8fa;

  transform:
    translateY(-3px)
    rotate(-3deg);
}

.lb-final-premium__panel-head small{
  display:block;
  margin-bottom:5px;

  color:#69b6f8;

  font-size:7.5px;
  font-weight:900;
  letter-spacing:1.2px;

  direction:ltr;
  text-align:right;
}

.lb-final-premium__panel-head strong{
  color:#fff;

  font-size:15px;
  font-weight:900;
}

.lb-final-premium__steps{
  margin-top:27px;

  display:grid;
  gap:11px;
}

.lb-final-premium__steps article{
  padding:16px;

  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:13px;
  align-items:start;

  border:1px solid rgba(255,255,255,.095);

  background:rgba(255,255,255,.025);

  direction:ltr;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.lb-final-premium__steps article:hover{
  transform:translateX(4px);

  border-color:rgba(104,183,250,.30);
  background:rgba(72,158,237,.10);
}

.lb-final-premium__steps b{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border:1px solid rgba(106,184,250,.24);
  border-radius:50%;

  color:#6db8fa;
  background:rgba(56,149,234,.07);

  font-size:8px;
  font-weight:900;

  transition:
    color .22s ease,
    background .22s ease;
}

.lb-final-premium__steps article:hover b{
  color:#022041;
  background:#6db8fa;
}

.lb-final-premium__steps article>div{
  direction:rtl;
}

.lb-final-premium__steps h3{
  margin:0;

  color:#fff;

  font-size:11px;
  font-weight:900;
  line-height:1.7;
}

.lb-final-premium__steps p{
  margin:5px 0 0;

  color:#9facb8;

  font-size:9px;
  font-weight:550;
  line-height:1.9;
}

.lb-final-premium__panel-footer{
  margin-top:22px;
  padding-top:19px;

  display:grid;
  gap:10px;

  border-top:1px solid rgba(255,255,255,.11);

  direction:rtl;
}

.lb-final-premium__panel-footer span{
  display:flex;
  align-items:center;
  gap:9px;

  color:#a4b2be;

  font-size:8.5px;
  font-weight:750;
}

.lb-final-premium__panel-footer i{
  color:#69b6f8;
}

@media(max-width:980px){

  .lb-final-premium__inner{
    grid-template-columns:1fr;
  }

  .lb-final-premium__content{
    max-width:850px;
  }

  .lb-final-premium__panel{
    width:min(100%,720px);
  }

}

@media(max-width:620px){

  .lb-final-premium{
    padding:68px 16px;
  }

  .lb-final-premium h2{
    font-size:clamp(32px,9.5vw,45px);
  }

  .lb-final-premium__actions{
    align-items:stretch;
    flex-direction:column;
  }

  .lb-final-premium__button,
  .lb-final-premium__text-link{
    width:100%;
    justify-content:center;
  }

  .lb-final-premium__panel{
    padding:21px 18px;
  }

}

/* LIFTINGBEAM_FINAL_PREMIUM_END */
