/* LIFTINGBEAM_STANDARDS_PREMIUM_START */

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

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

  position:relative;
  overflow:hidden;

  color:#18344d;

  background:
    radial-gradient(
      circle at 8% 14%,
      rgba(12,83,165,.11),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #f8fbfd 0%,
      #eef4f8 52%,
      #e8f0f5 100%
    );

  isolation:isolate;
}

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

  opacity:.4;

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

  background-size:48px 48px;

  mask-image:
    linear-gradient(
      90deg,
      #000 0%,
      rgba(0,0,0,.35) 60%,
      transparent 100%
    );
}

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

  display:grid;
  grid-template-columns:
    minmax(420px,.9fr)
    minmax(520px,1.1fr);

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

.lb-standards-premium__visual{
  min-width:0;
  position:relative;
}

.lb-standards-premium__image{
  margin:0;
  min-height:650px;

  position:relative;
  overflow:hidden;

  border:1px solid rgba(2,32,65,.12);

  background:#dfe9ef;

  box-shadow:
    0 30px 60px rgba(2,32,65,.14);
}

.lb-standards-premium__image::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      transparent 45%,
      rgba(2,20,38,.64) 100%
    );
}

.lb-standards-premium__image img{
  width:100%;
  height:650px;

  display:block;
  object-fit:cover;

  transition:
    transform .65s cubic-bezier(.2,.7,.2,1),
    filter .4s ease;
}

.lb-standards-premium__image:hover img{
  transform:scale(1.025);
  filter:saturate(1.05);
}

.lb-standards-premium__image figcaption{
  position:absolute;
  right:27px;
  bottom:27px;
  left:27px;
  z-index:2;

  display:flex;
  align-items:center;
  gap:15px;

  color:#fff;
}

.lb-standards-premium__image figcaption>span{
  width:50px;
  height:50px;
  flex:0 0 50px;

  display:grid;
  place-items:center;

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

  background:rgba(12,83,165,.82);
  backdrop-filter:blur(8px);

  font-size:17px;
}

.lb-standards-premium__image figcaption small{
  display:block;
  margin-bottom:5px;

  color:#88c9ff;

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

.lb-standards-premium__image figcaption strong{
  display:block;

  color:#fff;

  font-size:12px;
  font-weight:900;
  line-height:1.8;
}

.lb-standards-premium__visual-note{
  width:min(88%,400px);
  margin:-35px auto 0;
  padding:21px 22px;

  position:relative;
  z-index:3;

  border:1px solid #d0dde7;
  border-right:3px solid #0c53a5;

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

  box-shadow:
    0 20px 42px rgba(2,32,65,.11);

  direction:rtl;
}

.lb-standards-premium__visual-note strong{
  color:#173b59;

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

.lb-standards-premium__visual-note p{
  margin:6px 0 0;

  color:#708190;

  font-size:9.5px;
  font-weight:550;
  line-height:1.95;
}

.lb-standards-premium__content{
  min-width:0;
  direction:rtl;
}

.lb-standards-premium__eyebrow{
  margin-bottom:18px;

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

  direction:ltr;
}

.lb-standards-premium__eyebrow span{
  color:#0c53a5;

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

.lb-standards-premium__eyebrow i{
  width:35px;
  height:1px;

  display:block;

  background:#0c53a5;
}

.lb-standards-premium__eyebrow strong{
  color:#6c7f90;

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

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

  color:#022041;

  font-size:clamp(34px,3.5vw,57px);
  font-weight:900;
  line-height:1.38;
  letter-spacing:-1px;
}

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

  color:#0c53a5;
  font-style:normal;
}

.lb-standards-premium__lead{
  margin:22px 0 0;
  padding-right:22px;

  border-right:2px solid #0c53a5;

  color:#667989;

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

.lb-standards-premium__standards{
  margin-top:29px;

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

  direction:ltr;
}

.lb-standards-premium__standards>span{
  min-height:93px;
  padding:15px 9px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;

  border:1px solid #d1dee7;

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

  text-align:center;

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

.lb-standards-premium__standards>span:hover{
  transform:translateY(-4px);

  border-color:rgba(12,83,165,.28);
  background:#fff;

  box-shadow:
    0 15px 30px rgba(2,32,65,.075);
}

.lb-standards-premium__standards strong{
  color:#0c53a5;

  font-size:13px;
  font-weight:900;
  direction:ltr;
}

.lb-standards-premium__standards small{
  color:#7a8b99;

  font-size:7.5px;
  font-weight:750;
  line-height:1.65;

  direction:rtl;
}

.lb-standards-premium__checks{
  margin-top:28px;

  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
}

.lb-standards-premium__checks article{
  min-height:145px;
  padding:18px;

  display:flex;
  align-items:flex-start;
  gap:14px;

  border:1px solid #d4e0e8;

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

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

.lb-standards-premium__checks article:hover{
  transform:translateY(-4px);

  border-color:rgba(12,83,165,.26);
  background:#fff;

  box-shadow:
    0 18px 38px rgba(2,32,65,.075);
}

.lb-standards-premium__checks article>span{
  width:43px;
  height:43px;
  flex:0 0 43px;

  display:grid;
  place-items:center;

  border:1px solid #cbdbe7;
  border-radius:10px;

  color:#0c53a5;
  background:#fff;

  box-shadow:
    0 8px 20px rgba(2,32,65,.055);

  font-size:16px;

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

.lb-standards-premium__checks article:hover>span{
  color:#fff;
  background:#0c53a5;

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

.lb-standards-premium__checks h3{
  margin:0;

  color:#1a3c58;

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

.lb-standards-premium__checks p{
  margin:6px 0 0;

  color:#718290;

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

.lb-standards-premium__actions{
  margin-top:28px;

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

.lb-standards-premium__actions a{
  min-height:45px;
  padding:0 18px;

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

  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-standards-premium__primary{
  border:1px solid #0c53a5;

  color:#fff;
  background:#0c53a5;

  box-shadow:
    0 12px 26px rgba(12,83,165,.16);
}

.lb-standards-premium__primary:hover{
  color:#0c53a5;
  background:#fff;

  transform:translateY(-2px);
}

.lb-standards-premium__primary i{
  transition:transform .22s ease;
}

.lb-standards-premium__primary:hover i{
  transform:translateX(-3px);
}

.lb-standards-premium__secondary{
  border:1px solid #c9d7e2;

  color:#264a66;
  background:rgba(255,255,255,.55);
}

.lb-standards-premium__secondary:hover{
  border-color:#0c53a5;

  color:#0c53a5;
  background:#fff;

  transform:translateY(-2px);
}

@media(max-width:1180px){

  .lb-standards-premium__inner{
    grid-template-columns:
      minmax(360px,.8fr)
      minmax(450px,1.2fr);

    gap:45px;
  }

  .lb-standards-premium__standards{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

}

@media(max-width:920px){

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

  .lb-standards-premium__visual{
    width:min(100%,720px);
    margin-inline:auto;
  }

  .lb-standards-premium__image{
    min-height:520px;
  }

  .lb-standards-premium__image img{
    height:520px;
  }

}

@media(max-width:620px){

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

  .lb-standards-premium__inner{
    gap:48px;
  }

  .lb-standards-premium__image{
    min-height:390px;
  }

  .lb-standards-premium__image img{
    height:390px;
  }

  .lb-standards-premium__image figcaption{
    right:17px;
    bottom:18px;
    left:17px;
  }

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

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

  .lb-standards-premium__checks{
    grid-template-columns:1fr;
  }

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

  .lb-standards-premium__actions a{
    width:100%;
  }

}

/* LIFTINGBEAM_STANDARDS_PREMIUM_END */