#steps{background-color:#fff;padding:150px 0 120px}.is-1200{max-width:1240px!important}#steps h2{color:var(--new-black);grid-column:1/-1;letter-spacing:-.06em;margin-bottom:42px}#steps .box-grid{display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}#steps .box-grid:last-child{margin-bottom:0}#steps .awards-row{align-items:center;display:flex;gap:60px;justify-content:center;margin-top:120px}#steps .awards-row p{color:#6c6c6c;font-size:16px;line-height:150%;margin-bottom:0}#steps .box-card{background-color:#f4f4f4;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:var(--new-black)}#steps .box-card.is-gray{background-color:#d7d7d7}#steps .box-card.is-comodin{align-items:center;background-color:#4f56fa;display:flex;flex-direction:column;justify-content:center;text-align:ce}#steps .box-card:hover{background-color:#ebebeb}#steps .box-card.is-comodin:hover{background-color:#5056e3}#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 .box-card.is-comodin .top-copy{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}#steps .box-card.is-comodin .top-copy h4{color:#fff;font-size:32px;font-style:normal;font-weight:600;letter-spacing:-.05em;line-height:110%;text-align:center}#steps .box-card.is-comodin img{max-width:186px}#steps .operate .box-card.fourth .image-wrapper{position:relative}#steps .operate .box-card.fourth .image-wrapper img{bottom:-15px;position:relative;transform:none!important;transition:bottom .35s ease}#steps .operate .box-card.fourth:hover .image-wrapper img{bottom:-1px!important}#steps .operate .box-card.fourth .image-wrapper img.first{padding-right:50px}#steps .operate .box-card.fourth .image-wrapper img.second{bottom:-15px;position:absolute;right:0;transition-delay:.2s;width:56%}#steps .secure .box-card .image-wrapper{position:relative}#steps .operate .box-card.second.is-black .image-wrapper img.first{width:87%}#steps .operate .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{transition:all .35s ease}#steps .operate .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.is-monitor .image-wrapper img.first{width:61%}#steps .operate .box-card.is-monitor .image-wrapper .second{position:absolute;right:0;transition:all .35s ease;transition-delay:.2s;width:65%;z-index:2}#steps .operate .box-card.is-monitor:hover .image-wrapper .second{transform:translateY(-15px)}#steps .operate .box-card.is-monitor .image-wrapper .second img{transform:none}#steps .operate .box-card.is-monitor .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.is-monitor .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.is-monitor:hover .switch .switch-circle{left:32px}#steps .operate .box-card.is-monitor:hover .switch{background:#46c779}#steps .operate .box-card.is-relayer .image-wrapper img.first{width:63%}#steps .operate .box-card.is-relayer .image-wrapper .second{position:absolute;right:0;transition-delay:.2s;width:73%;z-index:2}#steps .operate .box-card.added h4.heading-20,#steps .operate .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(--new-black)}#steps .box-card.is-comodin .arrowed-link,#steps .box-card.is-comodin h4{color:#fff}#steps .box-card.is-comodin:hover .arrowed-link{border-bottom:1px solid #fff}#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,#steps .operate .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:var(--new-black);font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin-right:16px;transition:all .35s ease}#steps .build .box-card:hover .arrowed-link,#steps .operate .arrowed-link:hover,#steps .secure .box-card:hover .arrowed-link{border-bottom:1px solid var(--new-black)}#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}@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:767px){#steps .box-grid{gap:28px;grid-template-columns:1fr;margin-bottom:28px}#steps .build .box-card.fourth .image-wrapper img.first,#steps .operate .box-card.fourth .image-wrapper img.first{border-radius:10px}#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 .awards-row{flex-direction:column;gap:20px}#steps .awards-row p{text-align:center}#steps .box-card{border-radius:16px;gap:32px;padding:24px}#steps .box-card.third{border-radius:16px;gap:100px;padding:24px}#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:0 0 100px}#steps .box-card.is-comodin .top-copy h4{font-size:24px;margin-top:20px}#steps .box-card.is-comodin .top-copy{gap:0}}@media (max-width:575px){#steps .box-card p{line-height:140%}#steps .build .box-card.added h4.heading-20,#steps .build .box-card.fourth h4.heading-20,#steps .operate .box-card.added h4.heading-20,#steps .operate .box-card.fourth h4.heading-20{gap:10px}#steps .build .box-card.fourth,#steps .operate .box-card.fourth{gap:30px;padding-bottom:0}#steps .box-card{border-radius:16px;gap:46px;padding:24px}}