#stack {
  padding: 146px 0 83px;
  background: #fbfbfb;
  position: relative;
  overflow: hidden;
}
#stack::before {
  content: "";
  display: block;
  background: linear-gradient(to bottom, rgba(251, 251, 251, 0), rgba(251, 251, 251, 1) 20px, rgba(251, 251, 251, 1) 100%);
  width: 100%;
  height: 50vh;
  position: fixed;
  z-index: 1;
  top: 50%;
}
.container-1176 {
  max-width: 1216px;
  padding: 0 20px;
  margin: auto;
  position: relative;
}

.container-1100 {
  max-width: 1140px;
  padding: 0 20px;
  margin: auto;
  position: relative;
}

.top-flex {
  display: flex;
  gap: 26px;
  padding-left: 20px;
}

.top-flex .gradiented-line {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #4f56fa 21.18%, #09c2ff 77.5%, #fff);
  height: 1125px;
  left: 60px;
  position: absolute;
  top: -80px;
  width: 2px;
  z-index: 0;
}

.icon-wrapper {
  border-radius: 50px;
  box-shadow: 0px 3px 4px rgba(44, 55, 75, 0.1);
  display: inline-block;
  width: 45px;
  height: 45px;
  position: relative;
  z-index: 1;
}

.top-copy {
  padding-top: 9px;
  position: relative;
  z-index: 2;
}

p.headline {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #5F637C;
  margin: 0;
  margin-bottom: 17px;
  font-weight: 500;
}

.top-copy h2 {
  color: #0A0F39;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.04em;
  font-weight: 600;
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 72px;

}

.inline-grey {
  color: #5F637C;
  opacity: .8;
  transition: all .35s ease;
  text-decoration: none;
  margin: 0;
}

.inline-grey:hover {
  color: #5F637C;
  opacity: 1;
}

.libraries-box {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 32px;
  padding: 100px 0 0 93px;
  border: 1px solid #D9DCEC;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
  z-index: 1;
}

.libraries-box .white-blur {
  width: 300px;
  height: 500px;
  border-radius: 445px;
  background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(250, 250, 251, 0.00) 100%);
  position: absolute;
  left: -105px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.libraries-box .left-copy {
  max-width: 373px;
  position: relative;

}
.libraries-box h3 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: #0A0F39;
  margin: 0;
  margin-bottom: 8px;

}

.oz-site-wrapper .libraries-box p,
.oz-site-wrapper .libraries-box li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #0A0F39;
  opacity: .8;
  margin: 0;
  margin-bottom: 8px;

}

.libraries-box ul {
  padding-left: 28px;
  margin: 0;

}

.oz-site-wrapper .libraries-box li {
  margin-bottom: 0;

}

.libraries-box img.purple-gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  top: 0;
  left: 0;
  transition: all 1s ease;
  pointer-events: none;
}
.libraries-box .right-image {
  padding: 0;
  display: flex;
  align-items: bottom;
  position: relative;
}


.libraries-box .network-tabs {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 18.5%;
  left: 30px;
  z-index: 3;
}
.libraries-box .network-tabs .tab-item {
  padding: 5px 8px;
  background-color: #f6f7fa;
  border-radius: 5px;
  font-size: 15px;
  line-height: 126%;
  font-weight: 500;
  color: #6c7089;
  transition: all .5s ease;
}
.libraries-box .network-tabs .tab-item.active {
  background-color: #4F56FA;
  box-shadow: 0px 3px 4px rgba(116, 109, 254, 0.3);
  color: white;
}

.libraries-box .right-image img {
  max-width: 605px;

}
.libraries-box .right-image  {
  position: relative;
  top: 30px;
  opacity: .8;
  transition: all .5s ease;

}
.libraries-box .right-image img.tab-image{
  position: absolute;
  bottom: 0;
  right: 0;
  top: unset;
  transition: all .5s ease;
  opacity: 0;
}
.libraries-box .right-image img.tab-image.active{
  opacity: 1
}
.libraries-box.revealed .right-image  {
  opacity: 1;
  top: 0;
}
.libraries-box.revealed img.purple-gradient {
  opacity: 1;
}
.box-flex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
  position: relative;
  margin-bottom: 34px;
}
.box-flex p, .box-flex h3 {
  text-wrap: pretty;
}
.box-flex.first-flex {
  margin-bottom: 0;
}
.box-flex .right-path {
  position: absolute;
  top: -450px;
  right: 300px;
  z-index: 0;
}
.box-flex .bottom-right-path {
  position: absolute;
  bottom: -330px;
  right: 116px;
  z-index: 0;
}
.box-flex .middle-path {
  position: absolute;
  top: 150px;
  right: 407px;
  z-index: 0;
}
.box-flex .middle-bottom-path {
  position: absolute;
  top: 170px;
  left: 412px;
  z-index: 0;
}

.box-standard {
  padding: 50px 55px 40px;
  border-radius: 32px;
  border: 1px solid #EAEAEA;
  background: #FFF;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.box-standard.second {
  padding: 50px 0 0 ;
  max-width: 443px;
  margin-top: 76px;
  flex-grow: 1;
}
.box-standard.second img.shadow-gradient {
  position: absolute;
  object-fit: cover;
  opacity: 0;
  bottom: 0;
  left: 0;
  transition: all 1s ease;
  pointer-events: none;
  width: 100%;
}
.box-standard.second a.arrowed-link {
  padding: 0!important;
}
.box-standard.second.revealed img.shadow-gradient {
  opacity: 1;
}
.box-standard.second .box-copy {
  padding: 0 55px 86px ;

}
.logos-flex {
  display: flex;
  gap: 26px;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 26px;
  position: relative;
}
.logos-flex.last {
  min-height: 80px;
  margin-bottom: -46px;
}
.logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 2.308px 2.308px 0px #EAEAEA;
  min-width: 81px;
  max-width: 81px;
  border: 1px solid transparent;
  transition: all .3s ease;
}
.logo-wrapper img {
  filter: grayscale(1);
  opacity: .2;
  transition: all .5s ease;
}
.logo-wrapper img.safe {
  opacity: .5;
}
.logo-wrapper img.hardhat {
  filter: grayscale(1) brightness(0.8);
  opacity: .5;
}
.logo-wrapper.focused  {
  background: #fefefe;
  transform: scale(1.08);
}
.logo-wrapper.focused img {
  filter: grayscale(0) !important;
  opacity: 1 !important;
}
.logo-wrapper.github.focused  {
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.20);
}
.logo-wrapper.hardhat.focused  {
  border-color: #FFF04D;
  box-shadow: 0px 3px 8px rgba(255, 240, 77, 0.20);
}
.logo-wrapper.etherscan.focused  {
  border-color: rgba(35, 50, 91, 0.10);
  box-shadow: 0px 3px 8px rgba(35, 50, 91, 0.30);
}
.logo-wrapper.safe.focused  {
  border-color: rgba(18, 255, 128, 0.10);
  box-shadow: 0px 3px 8px 0px rgba(18, 255, 128, 0.20);
}
.logo-wrapper.foundry.focused  {
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.20);
}
.box-standard.second .logo-grid {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.box-standard.second .logo-grid-container {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 26px;
  margin-bottom: -40px;
  margin-left: -40px;
  margin-right: -40px
}
.box-standard.second .logo-item-wrapper {
  filter: drop-shadow(0px 1.956px 1.956px #EAEAEA);
  margin-bottom: -2px;
  position: relative;
  perspective: 800px;
  max-width: 75px;
  max-height: 75px;
  transition: filter 0.3s ease; 
}
.box-standard.second.revealed .logo-item-wrapper.arbitrum {
  filter: drop-shadow(0px 5.869px 8.804px rgba(18, 170, 255, .2));
}
.box-standard.second.revealed .logo-item-wrapper.github {
  filter: drop-shadow(0px 5.869px 8.804px rgba(0, 0, 0, .1));
}
.box-standard.second.revealed .logo-item-wrapper.polkadot {
  filter: drop-shadow(0px 5.869px 8.804px rgba(230, 0, 122, .1));
}
.box-standard.second.revealed .logo-item-wrapper.hardhat {
  filter: drop-shadow(0px 5.869px 8.804px rgba(248, 203, 0, 0.2));
}
.box-standard.second.revealed .logo-item-wrapper.rust {
  filter: drop-shadow(0px 5.869px 8.804px rgba(0, 0, 0, .1));
}
.box-standard.second.revealed .logo-item-wrapper.cairo {
  filter: drop-shadow(0px 5.869px 8.804px rgba(254, 74, 60, 0.15));
}
.box-standard.second.revealed .logo-item-wrapper.starknet {
  filter: drop-shadow(0px 5.869px 8.804px rgba(12, 12, 79, .1));
}
.box-standard.second.revealed .logo-item-wrapper.foundry {
  filter: drop-shadow(0px 5.869px 8.804px rgba(0, 0, 0, .1));
}
.box-standard.second.revealed .logo-item-wrapper.typescript {
  filter: drop-shadow(0px 5.869px 8.804px rgba(49, 120, 198, .15));
}
.box-standard.second.revealed .logo-item-wrapper.solidity {
  filter: drop-shadow(0px 5.869px 8.804px rgba(143, 141, 226, 0.20));
}
.box-standard.second.revealed .logo-item-wrapper.stylus {
  filter: drop-shadow(0px 5.869px 8.804px rgba(230, 0, 122, .1));
}
.box-standard.second.revealed .logo-item-wrapper.substrate {
  filter: drop-shadow(0px 5.869px 8.804px rgba(0, 0, 0, .1));
}
:root {
  --card-delay: 100ms; 
}
.box-standard.second .logo-item-wrapper .content{
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(var(--card-delay) * var(--index));
}
.box-standard.second.revealed .logo-item-wrapper .content{
  transform: rotateY(180deg) scale(1.1);
}

.box-standard.second .logo-item-wrapper.flipped {
  transform: rotateY(180deg);
}
.box-standard.second .logo-item-wrapper img.back {
  transform: rotateY(180deg);
  backface-visibility: hidden;

}
.box-standard.second .logo-item-wrapper img.front {
  filter: grayscale(1);
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
}

.logo-item-wrapper:nth-child(2) {
  --index: 0;
}

.logo-item-wrapper:nth-child(3) {
  --index: 1;
}

.logo-item-wrapper:nth-child(4) {
  --index: 2;
}
.logo-item-wrapper:nth-child(5) {
  --index: 3;
}
.logo-item-wrapper:nth-child(6) {
  --index: 4;
}
.logo-item-wrapper:nth-child(7) {
  --index: 5;
}
.logo-item-wrapper:nth-child(10) {
  --index: 5;
}
.logo-item-wrapper:nth-child(11) {
  --index: 4;
}
.logo-item-wrapper:nth-child(12) {
  --index: 3;
}
.logo-item-wrapper:nth-child(13) {
  --index: 2;
}
.logo-item-wrapper:nth-child(14) {
  --index: 1;
}
.logo-item-wrapper:nth-child(15) {
  --index: 0;
}
.box-standard.second p {
  max-width: 318px;
}

.box-standard.first{
  max-width: 701px;
  padding: 50px 55px 45px;
  background-color: rgba(255, 255, 255, 0.95);
}
.box-standard.first .arrowed-link, .box-standard.second .arrowed-link{
  margin-top: 16px;
}

.box-standard.first .monitor-wrapper {
  opacity: 0.8;
  transition: all .5s ease;
  margin-top: 28px;
  min-height: 253px;
  position: relative;
}
.box-standard.first.revealed .monitor-wrapper {
  opacity: 1;
}
.box-standard.first .monitor-wrapper .monitor-bottom {
  position: absolute;
  top: 20px;
  left: 0;
  transition: all .5s ease;
}
.box-standard.first .monitor-wrapper .relayer-bottom {
  position: absolute;
  bottom: -30px;
  right: -8px;
  transition: all .5s ease;
}
.box-standard.first.revealed .monitor-wrapper .monitor-bottom {
  position: absolute;
  top: 0px;
  left: 0;
}
.box-standard.first .monitor-wrapper .switch {
  position: absolute;
  top: 23px;
  right: 50px;
  width: 44px;
  height: 22px;
  border-radius: 50px;
  background: #DCDDE5; 
  transition: all .3s ease;
}
.box-standard.first .monitor-wrapper .switch .switch-circle {
  position: absolute;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background: white;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease;
}
.box-standard.first .monitor-wrapper .relayer-bottom .switch ,
.box-standard.first .monitor-wrapper .relayer-bottom .switch .switch-circle{
  transition-delay: .2s;
}
.box-standard.first.revealed .monitor-wrapper .switch .switch-circle { 
  left: 26px;

}
.box-standard.first.revealed .monitor-wrapper .switch { 
  background: #46C779;
}
.box-standard.first.revealed .monitor-wrapper .relayer-bottom {
  bottom: 0;
}
.box-standard.first img.green-gradient {
  position: absolute;
  object-fit: cover;
  opacity: 0;
  bottom: 0;
  left: 0;
  transition: all 1s ease;
  pointer-events: none;
  width: 100%;
}
.box-standard.first.revealed img.green-gradient {
  opacity: 1;
}
.box-standard.mw-430 {
  padding: 50px 0px 40px;
  max-width: 430px;
  flex-grow: 1;
}
.box-standard.mw-430 .copy-wrapper {
  padding: 0px 55px 0px;
}
.box-standard.mw-430 .image-wrapper {
  max-width: 345px;
  margin: 58px auto 0;
  position: relative;
}

.box-standard.mw-430 .image-holder img {
  position: relative;
  transition: all 1s ease;
}
.box-standard.mw-430.revealed .image-holder img.blur {
  animation-play-state: running;
}
.box-standard.mw-430.revealed .image-holder img.sharp {
  animation-play-state: running;
}
.box-standard.mw-430 .image-holder img.blur {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  animation: float-up-blur 3s ease-in-out infinite ;
  z-index: 3;
  animation-play-state: paused;
}
.box-standard.mw-430 .image-holder img.sharp {
  left: 0;
  right: 0;
  margin: auto;
  animation: float-up-sharp 6s ease-in-out infinite ;
  z-index: 5;
  animation-play-state: paused;
}
.box-standard.mw-430 .image-holder img.ethernaut-logo {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  z-index: 4;
}

@keyframes float-up-sharp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes float-blur { 
  0% { 
    transform: rotate(0deg)  
      translateY(10px) rotate(0deg); 
  } 

  100% { 
    transform: rotate(360deg)  
      translateY(10px) rotate(-360deg); 
  } 
} 
@keyframes float-sharp { 
  0% { 
    transform: rotate(0deg)  
      translateY(5px) rotate(0deg); 
  } 

  100% { 
    transform: rotate(-360deg)  
      translateY(5px) rotate(360deg); 
  } 
} 

.box-standard.mw-430 img.shadow-gradient {
  position: absolute;
  object-fit: cover;
  opacity: .3;
  bottom: 0;
  left: 0;
  transition: all 1s ease;
  pointer-events: none;
  width: 100%;
}
.box-standard.mw-430.revealed img.shadow-gradient {
  opacity: 1;
}
.box-standard.mw-714 {
  max-width: 714px;
  padding: 55px 0 0 50px;
  margin-top: 68px;
}
.box-standard.mw-714 p {
  max-width: 400px;
}


.box-standard.mw-714 img.pink-gradient {
  position: absolute;
  object-fit: cover;
  opacity: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: all 1s ease;
}
.box-standard.mw-714.revealed img.pink-gradient {
  opacity: 1;
}
.box-standard.mw-714 .arrowed-link, .box-standard.mw-430 .arrowed-link {
  margin-top: 16px;
}

.box-standard.first p {
  max-width: 504px;
  padding: 0;
}

.box-standard.mw-714 .image-holder {
  display: flex;
  align-items: flex-end;
  justify-content: right;
}

.box-standard.mw-714 .image-holder img {
  max-width: 640px;
}

a.arrowed-link {
  margin-top: 16px;
  display: inline-block;
}



.box-standard p {
  margin: 0;
  color: rgba(10, 15, 57, 0.75);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 505px;
}

.box-standard strong {
  color: #0A0F39;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
  display: block;
}

.box-flex .gradiented-line {
  background: linear-gradient(to bottom, white 0%, #09C2FF 30%, #4F56FA 65%, rgba(255, 255, 255, 0) 90%);
  height: 1395px;
  left: 40px;
  position: absolute;
  top: -380px;
  width: 2px;
  z-index: 0;
}

.box-flex.bottom {
  margin-bottom: 57px;
}

.box-flex.bottom .middle-bottom-path {
  position: absolute;
  top: 143px;
  left: 377px;
  z-index: 0;
}

.bottom-block {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  padding-top: 43px;
  gap: 125px;
  align-items: center;
}

.bottom-block span.left-copy {
  margin-left: 90px;
  max-width: 325px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #0A0F39;
}

.box-standard.mw-714 .image-holder {
  margin-top: 0;
}
.box-standard.mw-714.revealed .graph-gold {
  bottom: -53px;
}
.box-standard.mw-714.revealed .blob-holder {
  bottom: 40px;
  filter: drop-shadow(0px 4px 10px rgba(151, 71, 255, 0.1));
}
.blob-holder {
  left: 85px;
  position: absolute;
  z-index: 6;
  transition: all .5s ease;
  width: 100%;
  max-width: 380px;
  min-height: 88px;
  border-radius: 8px;
  background: white;
  border: 1px solid #D9DCEC;
  padding: 14px;
  overflow: hidden;
  bottom: 10px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
}
.blob-holder .icon-flex {
  display: flex;
  gap: 11px;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 11px;
  border-bottom: 1px solid #F3F3F3;
}
.blob-holder #counter {
  white-space: nowrap;
}
.title-blob {
  font-size: 16px;
  color: #0a0f39;
  line-height: 130%;
  font-weight: 600;
  white-space: nowrap;
}

.issues-text {
  color: #0A0F39;
  opacity: 0.5;
  font-size: 14px;
  line-height: 126%;
  white-space: nowrap;
}
.graph-gold {
  background-color: #fff;
  position: relative;
  bottom: -83px;
  right: -50px;
  padding: 43px 40px;
  display: flex;
  gap: 71px;
  font-family: 'Inter';
  border-radius: 20px;
  border: 1px solid #D9DCEC; 
  z-index: 5;
  max-width: 640px;
  min-height: 363px;
  transition: all .5s ease;
}
.graph-gold .col-title {
  color: #0A0F39;
  font-size: 12px;
  font-weight: 600;
  line-height: 126%; 
  text-wrap: nowrap;
  white-space: nowrap;
  margin-bottom: 25px;
  display: block;
}
.graph-gold .issues-item {
  color: #0A0F39;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 126%; 
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 16px;
}
.graph-gold .first-col .issues-item {
  color: rgba(21, 25, 58, 0.65);
  font-size: 14px;
  font-weight: 500;
  line-height: 126%; 
  letter-spacing: -0.28px;
  opacity: 1;
}
.circle-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.circle-bullet {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  background-color: #67697F;
  border-radius: 10px;
  transition: all .3s ease; 
}
.circle-bullet.red {
  transition-delay: 0.2s; 
}
.circle-bullet.orange {
  transition-delay: 0.4s; 
}
.circle-bullet.yellow {
  transition-delay: 0.6s; 
}
.inner-circle, .outer-circle {
  border-radius: 50px;
  border: 1px solid #FF007A;
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 8;
  opacity: 0;
}
.inner-circle, .outer-circle {
  border-radius: 50px;
  border: 1px solid #FF007A;
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 8;
  opacity: 0;
  transition: all .3s ease;
}
.box-standard.mw-714.revealed .inner-circle {
  opacity: .6;

}
.box-standard.mw-714.revealed .outer-circle {
  opacity: .3;
  width: 16px;
  height: 16px;

}
.box-standard.mw-714.revealed .circle-bullet.red {
  background-color: #FF007A;
}
.box-standard.mw-714.revealed .circle-bullet.orange {
  background-color: #FFB156;
}
.box-standard.mw-714.revealed .circle-bullet.yellow {
  background-color: #FFE24A;
}

.awards-flex {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.award {
  display: flex;
  gap: 15px;
  align-items: center;
}
.award.last {
  margin-right: 77px;
}
.award-name {
  font-size: 20px;
  color: #5F637C;
  line-height: 130%;
  font-weight: 500;
  white-space: nowrap;
}
.award img {
  width: 40px;
}

#trusted {
  background: linear-gradient(to bottom, #fbfbfb 0%, #fff 100%);
  padding: 200px 0 283px;
  position: relative;
  overflow-x: clip;
  z-index: 2;
}

#trusted img.gradient-bg {
  position: absolute;
  top: -480px;
  z-index: 0;
  width: 100%;
  min-width: 1440px;
  height: 2400px;
  pointer-events: none;
}

#trusted h2.section-title {
  color: white;
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  max-width: 806px;
  letter-spacing: -0.04em;
  margin: 0 auto 46px;
  text-align: center;

}

#trusted .tabs {
  text-align: center;
}

#trusted .tab {
  display: none;
  text-align: left;
}

#trusted .tab.active {
  display: block;
}

#trusted .tab-links {
  display: flex;
  width: fit-content;
  gap: 18px;
  padding: 9px 10px;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin: auto;
  justify-content: center;
  transition: all .1s linear;
}
#trusted .tab-bg-wrapper.fixed .tab-links {
  background-color: transparent;
  border: none;
}

#trusted .tab-container {
  position: relative; 

}
#trusted .tab-bg-wrapper {
  position: static;
  width: 100%;
  background: transparent;
  transition: all .1s linear;
}
#trusted .tab-bg-wrapper.fixed {
  background: var(--dark);
  z-index: 999;
  top: 68px;
  position: fixed;
}

#trusted .tab-links li {
  list-style-type: none;
  transform: translateZ(0);
}

#trusted .tab-links a {
  padding: 5px 16px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border-radius: 50px;
  font-size: 15px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #fff;
  transition: all linear 0.15s;
  text-decoration: none;
  border: 1px solid transparent;
  white-space: nowrap;
  transform: translateZ(0);
}

#trusted .tab-links a:hover {
  border: 1px solid #1C1E28;
  background: #1C1E28;
}

#trusted .tab-links li.active a:hover {
  background: white;
  border: 1px solid white;
}

#trusted .tab-links li.active a {
  background: white;
  color: #030510;
  font-weight: 500;
}

.tab-icon-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  transition: all linear 0.15s;
  transform: translateZ(0);
}

.tab-icon-wrapper img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all linear 0.15s;
  z-index: 5;
  min-height: 20px;
  transform: translateZ(0);
}
.tab-icon-wrapper img.eth {
  opacity: 1!important;
}
.tab-icon-wrapper img.colored {
  opacity: 0;
  z-index: 6;
}
#trusted .tab-links li.active a:hover {
  border: 1px solid white;
}

#trusted .tab-links li.active img.colored {
  opacity: 1;
}

#trusted .tab-content  {
  margin-top: 75px;
}
#trusted .tab-content p {
  color: white;
}
#trusted .items-wrapper {
  padding-left: 50px;
}
#trusted .items-wrapper p {
  position: relative;
  color: #F9F9F9;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px; 
  letter-spacing: -0.01em;
}
#trusted .items-wrapper p.item.last {
  margin-bottom: 0;
}
#trusted .items-wrapper p::before {
  content: "";
  display: block;
  background-image: url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/check-blue.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: -35px;
  top: 4px;
  background-repeat: no-repeat;
}
#trusted .tab-flex{
  display: flex;
  justify-content: space-between;
  gap: 150px ;
}
#trusted .left-wrapper {
  flex: 1;
  position: relative;
}
#trusted .left-wrapper span.left-title{
  color: #F9F9F9;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; 
  margin-bottom: 24px;
  display: block;
}

#trusted .right-wrapper {
  flex: 1;
}

#trusted .right-wrapper p{
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.01em;
  margin-bottom: 24px;
  margin-top: 0;
}
#trusted .right-wrapper .author-flex {
  display: flex;
  gap: 16px;
  align-items: center;
}
#trusted .right-wrapper .author-flex img.headshot {
  border-radius: 100px;
  max-width: 50px;
}
#trusted .right-wrapper .author-flex p.author-name {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
#trusted .right-wrapper .author-flex p.author-role {
  color: rgba(255, 255, 255, 0.70);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
#trusted .left-wrapper .separator {
  height: 115%;
  width: 1px;
  background: #eeeeee;
  position: absolute;
  right:-75px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .25;
}

#trusted .get-started-wrapper {
  z-index: 3;
  position: relative;
  padding-top: 283px;
  padding-bottom: 0;
  background: transparent!important;
}
.form-wrapper .hs_companysize .input {
  margin-right: 0!important;
}
.form-wrapper .hs_email  .input {
  margin-right: 0!important;
}

.form-wrapper.revamped h2.form-title {
  margin-bottom: 25px;
  max-width: none;
  padding-right: 35px;
}
.form-wrapper textarea, .form-wrapper select {
  background: #f6f6f9;
  border: 1px solid var(--new-greyscale-dark-15,#e7e8ee);
  border-radius: 8px;
  padding: 14px 16px;
}
#trusted .section-title.mw-250 {
  text-align: center;
  max-width: 754px;
  margin: auto;
}
#trusted .button-col {
  margin-top: 48px;
  gap: 20px!important;
  row-gap: 16px!important;
}
.oz-site-wrapper #trusted .button-col .button {
  font-size: 16px;
  padding: 12px 40px;
}
.oz-site-wrapper #trusted .button-col .button.button-secondary {
  padding: 12px 25px;
}

#trusted h2.mb-50 {
  margin-bottom: 32px;
  color: #0A0F39;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.04em;
  max-width: 680px;
  margin: 0 auto 32px;
}

.overlay{
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, .4); 
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px;
  z-index:999999999;
  opacity: 0;
  transition: opacity 0.3s ease;
  overflow-y: auto;
}
.form-wrapper {
  border-radius: 24px;
  background: #F9F9FB;
  box-shadow: -4px 5px 13.7837px 0px rgba(0, 0, 0, 0.15), 0px 1.14864px 0px 0px rgba(249, 249, 251, 0.10) inset;
  backdrop-filter: blur(60px);
  max-width: 588px;
  margin: auto;
  padding: 45px;
  position: relative;
}
h2.form-title {
  color: #181D46;
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 126%; 
  max-width: 447px;
  margin: 0;
  margin-bottom: 32px;
}
p.form-description {
  color: var(--new-greyscale-dark-80, #34385F);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%; 
  max-width: 447px;
  margin: 0;
  margin-bottom: 22px;
}
.close-wrapper {
  position: absolute;
  top: 32px;
  right: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-wrapper:hover {
  cursor: pointer;
}
.form-wrapper .hs-button:active {
  background: linear-gradient(0deg, #4F5EE5, #4553D2) padding-box, linear-gradient(180deg, #7985F2, #313C9E) border-box;
}
.form-wrapper fieldset.form-columns-1 .input {
  margin-right: 0!important;
}
.form-wrapper .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input {
  margin-right: 0!important;
}
.form-wrapper form input[type=email], .form-wrapper form input[type=text] {
  background: #f6f6f9;
  border: 1px solid var(--new-greyscale-dark-15,#e7e8ee);
  border-radius: 8px;
  padding: 14px 16px;
}   
.form-wrapper form input::placeholder {
  color: #878BAB;
}  

.form-wrapper label {
  color: #0A0F39;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
  margin-bottom: 9px;
}
.form-wrapper .hs-form-field {
  margin-bottom: 32px;
}
.form-wrapper .hs-button {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  color: var(--white);
  font-family: Inter,sans-serif!important;
  font-size: 16px;
  font-weight: 500!important;
  letter-spacing: 0;
  line-height: 20px;
  max-width: 100%;
  padding: 12px 40px;
  text-shadow: 0 1px 0 #2b3379;
  transition: all .2s ease;
  width: 100%;
  background: linear-gradient(180deg,#4f5ee5,#4553d2) padding-box,linear-gradient(180deg,#7985f2,#313c9e) border-box;
}
.form-wrapper .hs-button:hover {
  border-color: transparent!important;
  box-shadow: 0 0 10px -3px #4e5ee4;
}
.form-wrapper .hs-form-field label.hs-error-msg {
  display:none;
}
.form-wrapper .hs-form-required {
  color: #0a0f39;
  padding-left: 3px;
}
.form-wrapper fieldset.form-columns-1 .hs-input, .form-wrapper fieldset.form-columns-2 .hs-input {
  width: 100%!important;
}
.submitted-message p {
  font-size: 14px;
  font-weight: 400;
  line-height: 126%;
  margin-top: 30px;
}
html.modal-open {
  overflow: hidden;
}
.overlay.open {
  display:flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .box-standard.mw-714 .image-holder {
    min-height: 361px;
  }
  .graph-gold {
    left: 10%;
    right: unset;
    position: absolute;
  }
  .blob-holder {
    left: 5%;

  }
}
@media (max-width: 991px) {
  a.arrowed-link {
    opacity: 1!important;
  }
  .libraries-box {
    padding: 80px 0 0 73px;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 34px;
    background-image: url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/Organic%20Gradient%20--%20Violet-mobile.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .libraries-box .left-copy {
    max-width: 100%;
    padding-right: 73px;
  }
  .oz-site-wrapper .libraries-box .arrowed-link {
    opacity: 1!important;
  }
  .libraries-box img.purple-gradient {
    display: none;
  }
  .libraries-box .right-image {
    margin-left: auto;
    max-width: 680px;
    width: 100%;
    top: 0!important;
    opacity: 1!important;
  }
  .libraries-box .right-image img {
    max-width: 680px;
    width: 100%;
    height: auto;
  }
  .box-flex {
    gap: 20px;
    margin-bottom: 25px;
  }
  .box-standard {
    max-width: 100%!important;
    width: 100%;
  }
  .box-standard.first {
    margin-top: 0;
  }
  .box-standard.first p {
    padding: 0;
  }
  .box-standard.first .arrowed-link {
    white-space: nowrap;
    text-wrap: nowrap;
    opacity: 1!important;
  }
  .box-flex .right-path {
    right: 100px;
  }
  .box-flex .middle-path {
    right: 250px;
  }
  .box-flex .bottom-right-path {
    right: 30px;
  }
  .box-standard.first img.green-gradient {
    width: 100%;
  }
  .box-standard.second p, .box-standard.first p {
    max-width: 100%;
  }
  .box-standard.first .monitor-wrapper .monitor-bottom {
    top: 0!important;
    left: -20px!important;
  }
  .box-standard.mw-714 {
    padding: 50px 55px 0 50px;
  }
  .graph-gold {
    bottom: -53px;
  }
  .box-standard.mw-714 .outer-circle {
    height: 16px;
    opacity: .3;
    width: 16px;
  }
  .box-standard.mw-714 .inner-circle {
    opacity: .6;
  }
  .box-standard.mw-714 .circle-bullet.red {
    background-color: #ff007a;
  }
  .box-standard.mw-714 .circle-bullet.orange {
    background-color: #ffb156;
  }
  .box-standard.mw-714 .circle-bullet.yellow {
    background-color: #ffe24a;
  }
  .box-standard.mw-714 img.pink-gradient {
    opacity: 1;
  }

  .box-standard.mw-714 .blob-holder {
    bottom: 40px;
  }
  .box-standard.mw-430 .image-holder img.sharp {
    animation-play-state: running;

  }
  .box-standard.mw-430 .image-holder img.blur {
    animation-play-state: running;

  }
  .box-standard.first img.green-gradient {
    opacity: 1;
  }
  .box-standard.first .monitor-wrapper .switch {
    background: #46C779;
  }
  .box-standard.first .monitor-wrapper .relayer-bottom {
    bottom: 10px;
  }
  .box-standard.first .monitor-wrapper .switch .switch-circle {
    left: 26px;
  }
  .box-standard.mw-430 img.shadow-gradient {
    opacity: 1;
  }
  .bottom-block {
    padding-top: 0;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 24px;
  }
  .bottom-block span.left-copy {
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
  }
  .award.last {
    margin-right: 0;
  }
  .awards-flex {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
  .award {
    flex-direction: column;
    gap: 8px;
  }

  .award-name {
    font-size: 16px;
  }
  .award img {
    width: 32px;
  }
  .box-flex .gradiented-line {
    height: 1900px;
    top: -980px;
  }
}

@media (max-width: 767px){ 

  #stack {
    padding: 83px 0 83px;
  }
  #stack::before {
    display: none;

  }
  .gradiented-line, .bottom-right-path, .right-path, .middle-path, .middle-bottom-path {
    display: none;
  }
  .top-flex {
    gap: 19px;
    padding-left: 0;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .top-flex h2 {
    font-size: 32px;
    line-height: 40px;
    max-width: 460px;
    margin-bottom: 38px;
  }
  .top-copy {
    padding-top: 0px;
  }
  .libraries-box {
    gap: 40px;
    margin-bottom: 28px;
    padding: 40px 0 0 32px;
  }
  .libraries-box .left-copy {
    padding-right: 32px;
  }
  .libraries-box .left-copy h3{
    font-size: 16px;
    margin: 0 0 16px;
  }
  .oz-site-wrapper .libraries-box p {
    margin: 0 0 16px;
  }
  .libraries-box .network-tabs {
    left: 4%;
    z-index: 3;
    max-width: 90%;
  }
  .libraries-box .network-tabs .tab-item {
    display: inline-block;
    max-width: 100%;

  }
  .box-flex.first-flex {
    flex-direction: column;
    gap: 28px;
    margin-bottom: 28px;
  }
  .box-standard.second {
    padding: 40px 0 0;
    margin-top: 0;
  }
  .box-standard.second .box-copy {
    padding: 0 32px;
    margin-bottom: 65px;
  }
  .box-standard.first {
    padding: 40px 32px 30px;
    order: 2;
  }
  .box-standard.mw-430 .copy-wrapper {
    padding: 0px 32px 0px;
  }
  .box-standard.mw-430 .image-wrapper {
    margin: 60px auto 0;
  }
  .box-standard.second .arrowed-link, .box-standard.first .arrowed-link {
    padding: 0;
  }
  .box-standard.first .monitor-wrapper {
    margin-top: 42px;
    opacity: 1;
    min-height: 238px;
  }
  .box-standard.first .monitor-wrapper .monitor-bottom {
    left: 0 !important;
  }
  .monitor-wrapper .relayer-bottom {
    right: 0;
  }
  .box-flex.bottom {
    margin-bottom: 63px;
    flex-direction: column;
    gap: 28px;
  }
  .box-standard.mw-430 {
    padding: 40px 0 0;
  }
  .box-standard.mw-714 {
    padding: 40px 32px 0;
    margin-top: 0;
  }
  .oz-site-wrapper #trusted {
    padding: 60px 0 160px;=
  }
  .oz-site-wrapper #trusted .section-title.mw-250 {
    max-width: none;
    margin: auto;
  }
  #trusted .button-col {
    max-width: 290px;
    margin: auto;
    margin-top: 30px;
  }
  .oz-site-wrapper #trusted .button-col .button {
    padding: 9px 20px!important;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
  }
  #trusted .button-col .button-secondary {
    margin: auto;
  }

  .oz-site-wrapper #trusted .button.mw-mobile{
    margin: auto;
  }
  #trusted h2.section-title {
    font-size: 38px;
    line-height: 120%;
  }
  #trusted .tab-content {
    margin-top: 40px;
  }
  #trusted .tab-flex {
    align-items: flex-start;
    gap: 50px;
    flex-direction: column;
    min-height: 450px;
  }
  #trusted .left-wrapper .separator {
    display: none;
  }
  #trusted .left-wrapper span.left-title {
    font-size: 16px;
  }
  #trusted .items-wrapper p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  #trusted .right-wrapper p {
    font-size: 18px;
    line-height: 24px;
  }
  #trusted .right-wrapper .author-flex p.author-name, #trusted .right-wrapper .author-flex p.author-role{
    font-size: 14px;
    line-height: 22px;
  }
  #trusted .get-started-wrapper {
    padding-top: 170px;
  }

}

@media (max-width: 575px){
  .container-1176, .container-1100 {
    padding: 0 16px;
  }
  .form-wrapper {
    padding: 26px 20px;
  }

  p.form-description {
    font-size: 13px;
  }
  .form-wrapper label {
    font-size: 12px;
    margin-bottom: 9px;
    line-height: 15px;
  }
  .top-flex h2 {
    font-size: 30px;
    line-height: 35px;
    max-width: 330px;
  }
  h2.form-title {
    font-size: 18px;
    margin: 0 0 20px;
    max-width: 85%;
  }
  .form-wrapper .hs-form-field {
    margin-bottom: 16px;
  }
  .libraries-box .network-tabs .tab-item {
    font-size: 10px;
    padding: 3px 5px;
    white-space: nowrap;
  }
  .libraries-box .network-tabs {
    gap: 5px;
    top: 16.5%;
  }
  #trusted, #stack {
    background: #fff;
  }
  #trusted h2.section-title {
    font-size: 32px;
    line-height: 120%;
    max-width: 330px;
  }
  #trusted .tab-links {
    gap: 45px;
    padding: 7px 9px 6px;
    justify-content: center;
  }
  #trusted .tab-links a {
    padding: 3px;
    font-size: 12px;
    line-height: 12px;
    gap: 4px;
  }
  #trusted .tab-links li {
    list-style-type: none;
    font-size: 10px;
    line-height: 10px;

  }
  #trusted .tab-bg-wrapper.fixed {
    top: 55px;
  }
  .tab-icon-wrapper {
    width: 21px;
    height: 21px;
  }
  .tab-icon-wrapper img {
    min-height: 0;
  }
  .tab-icon-wrapper img {
    min-height: 0;
    max-height: 21px;
  }
  #trusted h2.mb-50 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto 24px;
  }
  #trusted .tab-links .technology {
    display:none; 
  }
  #trusted img.gradient-bg {
    display:none; 
  }
  #trusted img.gradient-bg.mobile {
    display:block!important; 
    top: -213px;
    width: 100%;
    min-width: 0;
    height: 1425px;
  }
  .box-standard.first .monitor-wrapper .monitor-bottom {
    left: -15px !important;
  }
  .box-standard.first .monitor-wrapper .relayer-bottom {
    right: -15px;
  }

  .logos-flex {
    gap: 29px;
    margin-bottom: 32px;
  }
  .logos-flex.last {
    display: none;
  }

  a.arrowed-link {
    font-size: 14px!important;
    line-height: 24px!important;
  }
}

@media (max-width: 399px) {
  .form-wrapper .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input {
    margin-right: 0!important;
  }
}