#steps{background-color:#f4f4f4;padding:80px 0 85px}.is-1400{max-width:1440px}#steps h2{grid-column:1/-1;margin-bottom:42px;padding-top:100px}#steps h2.pt-0{padding-top:0}#steps .box-grid{display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-bottom:50px}#steps .box-grid:last-child{margin-bottom:0}#steps .box-card{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:72px;justify-content:space-between;opacity:0;overflow:hidden;padding:32px;text-decoration:none;transform:translateY(20px);transition:background-color .35s ease}#steps .box-card.is-blue{background-color:#131319}#steps .box-card.is-black{background-color:#2d2d37}#steps .box-card.is-gray{background-color:#dfe0e4}#steps .box-card:hover{background-color:#ebebeb}#steps .box-card.is-blue:hover{background-color:#2b2e40}#steps .box-card.is-black:hover{background-color:#36363d}#steps .box-card.is-gray:hover{background-color:#cdced2}#steps .box-card img{display:block}#steps .build .box-card.first{align-items:center;background-color:#01030a;flex-direction:row;grid-column:1/-1;padding:94px 10px 75px 64px}#steps .build .box-card.first:hover{background-color:#131319}#steps .new-tag{background-color:rgba(79,86,250,.1);border-radius:4px;color:#4f56fa;display:inline-block;font-size:12px;font-weight:500;line-height:18px;padding:2px 6px;position:relative;text-align:center}#steps .build .box-card.first .top-copy{max-width:380px}#steps .build .box-card.first .gallery-wrapper{flex:1}#steps .build .box-card.second img{transform:translateY(20px);transition:all .35s ease}#steps .build .box-card.added img{transform:translateY(0);transition:all .35s ease}#steps .build .box-card.added:hover img{transform:translateY(-20px);transition:all .35s ease}#steps .build .box-card.second:hover img{transform:translateY(1px)}#steps .build .box-card .image-wrapper{position:relative}#steps .build .box-card.third .image-wrapper img{max-width:357px;width:100%}#steps .build .box-card.third .image-wrapper img.first{left:0;position:absolute;top:-35%}#steps .build .box-card.third .image-wrapper img.second{margin-left:auto;position:relative;z-index:2}#steps .build .box-card.third img{transition:all .35s ease}#steps .build .box-card.third:hover img{transform:translateY(-20px)}#steps .build .box-card.third:hover img.second{transition-delay:.2s}#steps .build .box-card.fourth .image-wrapper{position:relative}#steps .build .box-card.fourth .image-wrapper img{transform:translateY(10px);transition:all .35s ease}#steps .build .box-card.fourth:hover .image-wrapper img{transform:translateY(1px)}#steps .build .box-card.fourth .image-wrapper img.first{border:1px solid #eee;border-radius:16px;padding-right:50px}#steps .build .box-card.fourth .image-wrapper img.second{bottom:0;position:absolute;right:0;transition-delay:.2s;width:56%}#steps .secure .box-card .image-wrapper{position:relative}#steps .secure .box-card.second .image-wrapper img.first{width:87%}#steps .secure .box-card.second .image-wrapper img.second{bottom:-5px;position:absolute;right:0;transition-delay:.2s;width:46%}#steps .operate .box-card .image-wrapper img,#steps .secure .box-card .image-wrapper img{transition:all .35s ease}#steps .operate .box-card:hover .image-wrapper img,#steps .secure .box-card:hover .image-wrapper img{transform:translateY(-15px)}#steps .operate .box-card .image-wrapper{align-items:center;display:flex;position:relative}#steps .operate .box-card.first .image-wrapper img.first{width:61%}#steps .operate .box-card.first .image-wrapper .second{position:absolute;right:0;transition:all .35s ease;transition-delay:.2s;width:65%;z-index:2}#steps .operate .box-card.first:hover .image-wrapper .second{transform:translateY(-15px)}#steps .operate .box-card.first .image-wrapper .second img{transform:none}#steps .operate .box-card.first .switch{background:#dcdde5;border-radius:50px;height:26px;position:absolute;right:10%;top:20%;transition:all .4s ease-in-out;width:52px;z-index:3}#steps .operate .box-card.first .switch .switch-circle{background:#fff;border-radius:50px;height:16px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:16px}#steps .operate .box-card.first:hover .switch .switch-circle{left:32px}#steps .operate .box-card.first:hover .switch{background:#46c779}#steps .operate .box-card.second .image-wrapper img.first{width:63%}#steps .operate .box-card.second .image-wrapper .second{position:absolute;right:0;transition-delay:.2s;width:73%;z-index:2}#steps .build .box-card.added h4.heading-20,#steps .build .box-card.fourth h4.heading-20{align-items:center;display:flex;gap:14px}#steps .box-card h4.heading-20{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:24px;margin-bottom:8px;text-wrap:pretty}#steps .box-card h4,.box-card p{color:var(--dark-blue)}#steps .box-card.is-black h4,#steps .box-card.is-black p,#steps .box-card.is-blue h4,#steps .box-card.is-blue p{color:#fff}#steps .box-card p{font-size:16px;font-weight:400;line-height:150%;margin-bottom:16px;opacity:.8}#steps .build .box-card.second{color:#fff;padding:32px 0 0 32px}#steps .build .box-card.fourth{gap:55px;padding-bottom:0}#steps .build .box-card.second .top-copy{padding-right:32px}#steps .arrowed-link{border-bottom:1px solid hsla(0,0%,100%,0);color:#0a0f39;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin-right:16px}#steps .build .box-card:hover .arrowed-link,#steps .operate .arrowed-link:hover,#steps .secure .box-card:hover .arrowed-link{border-bottom:1px solid var(--dark-blue)}#steps .build .box-card.is-black:hover .arrowed-link,#steps .build .box-card.is-blue:hover .arrowed-link,#steps .secure .box-card.is-black:hover .arrowed-link,#steps .secure .box-card.is-blue:hover .arrowed-link{border-bottom:1px solid #fff}#steps .arrowed-link:after{display:none}#steps .box-card.is-black .arrowed-link,#steps .box-card.is-blue .arrowed-link{color:#fff}#steps .box-card.is-black .arrowed-link:hover,#steps .box-card.is-blue .arrowed-link:hover{border-bottom:1px solid #fff}#steps .slider-w{display:flex;justify-content:center}#steps .slider{align-items:center;display:flex;height:260px;position:relative;transition:all .35s ease;width:100%}#steps .box-card.first:hover .slider{transform:translateY(-20px)}#steps .item{align-items:center;border-radius:16px;display:flex;display:block;justify-content:center;max-width:472px;position:absolute;transform-origin:left center;width:100%}#steps .item img{max-width:100%;transition:all .4s ease;width:100%}#steps .item:nth-child(3){background-color:#282c34;left:0;max-width:472px}#steps .item:nth-child(2){background-color:#3e424b;left:14%;max-width:452px}#steps .item:first-child{background-color:#707277;left:26%;max-width:435px}#steps .window{background-color:rgba(40,44,52,.5);border-radius:16px;margin:0 auto;max-width:465px;min-height:258px;overflow:hidden;padding:30px;position:relative}#steps .window .overlay{background:linear-gradient(45deg,#17192b,#2d3253);display:none;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease-in-out;width:100%}#steps .window .top-window{display:block;margin-bottom:30px;position:relative;z-index:1}#steps .window .code-area img{position:relative;width:100%;z-index:1}#steps .gallery{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}#steps .gallery-title{color:#8b8f9f;font-size:14px;font-weight:400;line-height:150%;text-align:center}#steps .gallery-container{align-items:center;display:flex;height:300px;justify-content:center;margin-bottom:10px;position:relative;width:100%}#steps .gallery-item{max-width:max-content;opacity:1;position:absolute;transform-origin:center center;transition:transform .3s ease-in-out,left .3s ease-in-out,opacity .3s ease-in-out,z-index 0s;width:100%}#steps .gallery-item.active{display:block}#steps .gallery-item.active.center .window{background-color:#282c34}#steps .gallery-item.active.center .window .overlay{opacity:1}#steps .gallery-item:not(.active){left:30%;opacity:0;transform:translateY(0) translateX(-50%)}#steps .center{left:50%;order:2;transform:translateY(0) translateX(-50%);z-index:10}#steps .prev{left:30%}#steps .prev,#steps .trailing{cursor:pointer;transform:translateY(0) translateX(-50%) scale(.8);z-index:5}#steps .trailing{left:70%;order:3}#steps .prev img,#steps .trailing img{opacity:.5}#steps .trailing+.gallery-item{left:70%;opacity:0;transform:translateY(0) translateX(-50%)}#steps .gallery-controls{margin:0 auto;overflow:hidden;position:relative;--dot-size:40px;--dot-gap:10px;width:calc(var(--dot-size)*5 + var(--dot-gap)*2*5)}#steps .gallery-controls ul{display:flex;margin:0;min-height:80px;padding:0;position:relative;transition:transform .3s ease-in-out}#steps .gallery-controls li{background-image:url();background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;display:inline-block;flex:0 0 var(--dot-size);height:40px;list-style:none;margin:0 var(--dot-gap);padding:6px;position:relative;text-align:center;transition:all .3s ease-in-out;width:40px}.dot-carousel .slick-slide{transform:scale(.7);transition:transform .3s ease-in-out}.dot-carousel .slick-center{transform:scale(1.1)!important}.dot-carousel .slick-center+.slick-slide{transform:scale(.9)!important}.dot-carousel .slick-center+.slick-slide+.slick-slide{transform:scale(.7)!important}.dot-carousel li:has(+.slick-center){transform:scale(.9)!important}.dot-carousel li:has(+li:has(+.slick-center)){transform:scale(.7)!important}#steps .gallery-controls li[data-slide-name=scroll]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/scroll-logo-1.svg)}#steps .gallery-controls li[data-slide-name=origin]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/daniel-von-fangue-logo.svg)}#steps .gallery-controls li[data-slide-name=the-graph]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/the-graph-logo.svg)}#steps .gallery-controls li[data-slide-name=tally]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/tally-logo.svg)}#steps .gallery-controls li[data-slide-name=the-sandbox]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/the-sandbox-logo.svg)}#steps .gallery-controls li[data-slide-name=avalanche]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/avalanche-logo.svg)}#steps .gallery-controls li[data-slide-name=matterlabs]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/matterlabs-logo.svg)}#steps .gallery-controls li[data-slide-name=aave]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/aave-logo.svg)}#steps .gallery-controls li[data-slide-name=optimism]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/optimism-logo.svg)}#steps .gallery-controls li[data-slide-name=taiko]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/taiko-logo.svg)}#steps .gallery-controls li[data-slide-name=daniel-von-fangue]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/daniel-von-fangue-logo.svg)}#steps .gallery-controls li[data-slide-name=uma]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/uma-logo.svg)}#steps .gallery-controls li[data-slide-name=safe]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/safe-logo-1.svg)}#steps .gallery-controls li[data-slide-name=axelar]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/axelar-logo.svg)}#steps .gallery-controls li:not(:last-of-type){margin-right:15px}#steps .gallery-controls li:hover{border-color:#fff;cursor:pointer}#steps .gallery-controls li.active{border-color:#fff}#steps .gallery-controls li.slick-center span{opacity:1}#steps .gallery-controls li span{bottom:-30px;color:#73798d;font-size:14px;left:50%;letter-spacing:-.02em;opacity:0;position:absolute;text-align:center;text-wrap:nowrap;transform:translateX(-50%);transition:all .4s ease-in-out}@media (min-width:991px){#steps .build .box-card p{max-width:550px}#steps .build .box-card.second p,#steps .build .box-card.third p{max-width:530px}}@media (max-width:991px){#steps .gallery{overflow:initial}#steps .build .box-card.first{flex-direction:column;padding:24px 24px 70px}#steps .build .box-card.first .top-copy{max-width:none}#steps .gallery-container{height:266px;margin-bottom:0}#steps .gallery-item{max-width:400px}#steps .window{border-radius:8px;min-height:220px}#steps .window .top-window{margin-bottom:20px;max-width:30px}#steps .prev{left:35%}#steps .trailing{left:65%}#steps .gallery-controls li:not(:last-of-type){margin-right:5px}#steps .gallery-controls li{height:40px;padding:4px;width:40px}}@media (max-width:767px){#steps .box-grid{gap:28px;grid-template-columns:1fr;margin-bottom:0}#steps h2{grid-column:1/-1;margin-bottom:16px;padding-top:100px}#steps .box-card h4.heading-20{font-size:18px;line-height:22px}#steps .box-card{border-radius:16px;gap:32px;padding:24px}#steps .build .box-card.second{padding:24px 0 0 24px}#steps .box-card.third{border-radius:16px;gap:100px;padding:24px}#steps .build .box-card.third .image-wrapper img.second{padding-left:50px}#steps .build .box-card.third .image-wrapper img.first{padding-right:50px}#steps .operate .box-card.first .switch{height:16px;width:34px}#steps .operate .box-card.first .switch .switch-circle{height:12px;left:2px;top:50%;transform:translateY(-50%);width:12px}#steps .operate .box-card.first:hover .switch .switch-circle{left:20px}#steps{padding:50px 0 100px}#steps .gallery-item{max-width:78vw}}@media (max-width:575px){#steps .slider{height:200px}#steps .item:nth-child(3){max-width:280px}#steps .item:nth-child(2){max-width:260px}#steps .item:first-child{max-width:245px}#steps .item{border-radius:10px}#steps .box-card p{line-height:140%}#steps .build .box-card.added h4.heading-20,#steps .build .box-card.fourth h4.heading-20{gap:10px}#steps .build .box-card.fourth{gap:30px;padding-bottom:0}#steps .box-card{border-radius:16px;gap:46px;padding:24px}#steps .window{min-height:48vw;padding:15px}#steps .gallery-container{height:48vw;margin-bottom:30px}}