/* LIFTINGBEAM_WHY_PREMIUM_START */

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

.lb-why-premium{
  padding:
    clamp(80px,9vw,140px)
    clamp(20px,5vw,88px);

  position:relative;
  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(23,123,218,.22),
      transparent 28%
    ),
    radial-gradient(
      circle at 12% 84%,
      rgba(12,83,165,.14),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #051b32 0%,
      #022041 53%,
      #011426 100%
    );

  isolation:isolate;
}

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

  width:520px;
  height:520px;

  position:absolute;
  top:-290px;
  right:-180px;
  z-index:-1;

  border:1px solid rgba(93,180,255,.12);
  border-radius:50%;

  box-shadow:
    0 0 0 80px rgba(93,180,255,.02),
    0 0 0 160px rgba(93,180,255,.012);
}

.lb-why-premium__grid{
  position:absolute;
  inset:0;
  z-index:-2;

  opacity:.42;

  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:46px 46px;

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

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

.lb-why-premium__header{
  margin-bottom:55px;

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

  align-items:end;
  gap:clamp(42px,7vw,115px);
}

.lb-why-premium__heading{
  direction:rtl;
}

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

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

  direction:ltr;
}

.lb-why-premium__eyebrow span{
  color:#72bcff;

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

.lb-why-premium__eyebrow i{
  width:35px;
  height:1px;
  display:block;
  background:#4ca5f5;
}

.lb-why-premium__eyebrow strong{
  color:#9eafbf;
  font-size:10px;
  font-weight:900;
}

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

  color:#fff;

  font-size:clamp(35px,3.7vw,60px);
  font-weight:900;
  line-height:1.36;
  letter-spacing:-1px;
}

.lb-why-premium h2 em{
  display:block;
  margin-top:3px;

  color:#68b7ff;
  font-style:normal;
}

.lb-why-premium__intro{
  padding-right:27px;

  border-right:2px solid #2387e4;

  direction:rtl;
}

.lb-why-premium__intro p{
  margin:0;

  color:#aab9c7;

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

.lb-why-premium__intro a{
  margin-top:20px;

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

  color:#fff;
  text-decoration:none;

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

.lb-why-premium__intro a i{
  color:#68b7ff;

  transition:transform .22s ease;
}

.lb-why-premium__intro a:hover i{
  transform:translateX(-4px);
}

.lb-why-premium__features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.lb-why-card{
  min-height:310px;
  padding:25px 23px;

  position:relative;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.115);
  border-radius:3px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);

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

.lb-why-card::before{
  content:"";

  width:3px;
  height:0;

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

  border-radius:3px 0 0 3px;
  background:#43a2f8;

  transition:height .28s ease;
}

.lb-why-card::after{
  content:"";

  width:170px;
  height:170px;

  position:absolute;
  left:-105px;
  bottom:-115px;

  border:1px solid rgba(92,177,255,.08);
  border-radius:50%;

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

.lb-why-card:hover{
  transform:translateY(-5px);

  border-color:rgba(100,184,255,.36);

  background:
    linear-gradient(
      145deg,
      rgba(68,150,227,.13),
      rgba(255,255,255,.035)
    );

  box-shadow:
    0 24px 46px rgba(0,8,20,.19),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.lb-why-card:hover::before{
  height:64px;
}

.lb-why-card:hover::after{
  border-color:rgba(92,177,255,.17);
  transform:scale(1.12);
}

.lb-why-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;

  direction:ltr;
}

.lb-why-card__top>span{
  width:33px;
  height:33px;

  display:grid;
  place-items:center;

  border:1px solid rgba(104,183,255,.25);
  border-radius:50%;

  color:#72bcff;
  background:rgba(57,145,228,.07);

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

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

.lb-why-card__top>i{
  color:#68b7ff;

  font-size:23px;

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

.lb-why-card:hover
.lb-why-card__top>span{
  color:#022041;
  border-color:#6abbff;
  background:#6abbff;
}

.lb-why-card:hover
.lb-why-card__top>i{
  color:#8dccff;
  transform:
    translateY(-3px)
    rotate(-3deg);
}

.lb-why-card h3{
  margin:36px 0 0;

  color:#fff;

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

.lb-why-card p{
  margin:12px 0 0;

  color:#9cadbc;

  font-size:10.5px;
  font-weight:550;
  line-height:2;
}

.lb-why-card>small{
  position:absolute;
  right:23px;
  bottom:22px;

  color:#526b80;

  font-size:7px;
  font-weight:900;
  letter-spacing:1.15px;

  transition:color .22s ease;
}

.lb-why-card:hover>small{
  color:#69b5f8;
}

.lb-why-premium__footer{
  margin-top:36px;
  padding:24px 0 0;

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;

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

.lb-why-premium__footer>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  color:#a9b8c5;

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

.lb-why-premium__footer i{
  color:#5fb1fa;
  font-size:12px;
}

@media(max-width:1040px){

  .lb-why-premium__header{
    grid-template-columns:1fr;
    gap:28px;
  }

  .lb-why-premium__intro{
    max-width:720px;
  }

  .lb-why-premium__features{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media(max-width:680px){

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

  .lb-why-premium__header{
    margin-bottom:38px;
  }

  .lb-why-premium h2{
    font-size:clamp(31px,9vw,43px);
  }

  .lb-why-premium__features{
    grid-template-columns:1fr;
    gap:13px;
  }

  .lb-why-card{
    min-height:285px;
    padding:21px 19px;
  }

  .lb-why-card>small{
    right:19px;
    bottom:19px;
  }

  .lb-why-premium__footer{
    grid-template-columns:1fr;
    gap:13px;
  }

  .lb-why-premium__footer>div{
    justify-content:flex-start;
  }

}

/* LIFTINGBEAM_WHY_PREMIUM_END */