.developers-page .why-roqqu-section{max-width:1170px;margin:160px auto 0}.developers-page .why-roqqu-section .section-header{color:#1c2127;text-align:center;font-size:56px;font-weight:700}.developers-page .why-roqqu-section .cards-section{grid-template-columns:repeat(3,minmax(248px,1fr));column-gap:20px;margin-top:64px;display:grid}@media screen and (max-width:992px){.developers-page .why-roqqu-section .cards-section{grid-template-columns:1fr;row-gap:40px}.developers-page .why-roqqu-section .section-header{font-size:42px}}@media screen and (max-width:768px){.developers-page .why-roqqu-section{margin:100px auto 0;padding:0 20px}.developers-page .why-roqqu-section .section-header{font-size:32px}}.developers-page .cards-section .why-card .img-container{height:248px}.developers-page .cards-section .why-card .img-container figure{width:100%;height:100%;padding:38px 0}.developers-page .cards-section .why-card .img-container figure img{object-fit:contain;width:100%;height:100%}.developers-page .cards-section .why-card .img-container figure{background:linear-gradient(#f0ced842 0%,#d1abc000 100%);border:1px solid #e7c5e8;border-radius:24px}.developers-page .cards-section .why-card .why-card-footer{text-align:center;flex-direction:column;row-gap:8px;margin-top:24px;display:flex}.developers-page .cards-section .why-card .why-card-footer h4{color:#1c2127;font-size:24px;font-weight:700;line-height:40px;font-family:var(--encode-sans)}.developers-page .cards-section .why-card .why-card-footer p{color:var(--base-black);font-size:16px;font-weight:400}.developers-page .cards-section .why-card.why-card-2 .img-container figure{background:linear-gradient(#ddcef042 0%,#b0abd100 100%);border:1px solid #cac5e8}.developers-page .cards-section .why-card.why-card-3 .img-container figure{background:linear-gradient(#cef0f042 0%,#abd1d100 100%);border:1px solid #c5e7e8}
.hero-varfour-container{background-color:var(--page-bg);z-index:2;padding:8px 8px 0;position:relative}.hero-varfour-container .hero-varfour-main{border-radius:4px;padding:1rem 2rem;position:relative}.hero-varfour-container .hero-varfour-content{max-width:var(--base-max-width);flex-direction:row;align-items:center;margin:21.5rem auto 9rem;display:flex}.hero-varfour-container .hero-varfour-content .right{max-width:54rem}.hero-varfour-container .hero-varfour-content .right .head-text{font-family:var(--encode-sans);color:var(--base-black);font-size:5.6rem;font-weight:700;line-height:6.4rem}.hero-varfour-container .hero-varfour-content .right .subtext{font-family:var(--inter);color:var(--base-gray);margin-top:8px;font-size:1.8rem;font-weight:400;line-height:3.2rem}.hero-varfour-container .hero-varfour-content .right .buttonWrapper{align-items:center;column-gap:24px;margin-top:3rem;display:flex}.hero-varfour-container .hero-varfour-content .right .buttonWrapper .actionBtn{width:100%;max-width:250px;height:48px;padding:0}.hero-varfour-container .hero-varfour-content .right .buttonWrapper .otherBtn{white-space:nowrap;color:#2764ff;background-color:#ffffffa3;width:100%;max-width:250px;height:56px;padding:0}@media screen and (max-width:640px){.hero-varfour-container .hero-varfour-content .right .buttonWrapper .otherBtn{height:48px}}.hero-varfour-container .hero-varfour-content .left{flex:1;justify-content:flex-end;align-items:center;display:flex}.hero-varfour-container .hero-varfour-content .left img{width:53.7rem;height:53.7rem}.wallet-gradient-text{font-family:var(--encode-sans);background:var(--linear-grade-10);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-varfour-container .previewboard-wrapper{max-width:var(--base-max-width);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:flex-start;gap:2.4rem;margin:0 auto;padding:0 1.6rem;display:grid;position:relative;top:-8rem}.hero-varfour-container .previewboard-wrapper .previewboard{background:var(--linear-grad-4);border:1.605px solid var(--white);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.6rem;padding:3.2rem;box-shadow:0 8.025px 80.246px #5f5f5f1a}.hero-varfour-container .previewboard-wrapper .previewboard .previewboard-img-wrapper{-webkit-backdrop-filter:blur(14.8929px);backdrop-filter:blur(14.8929px);background:linear-gradient(#fff 0%,#fff0 37.5%);border:1.489px solid #ffffff1a;border-radius:16px;padding:8px;box-shadow:0 7.446px 74.464px #5f5f5f1a}.hero-varfour-container .previewboard-wrapper .previewboard .previewboard-img-wrapper .window-action-btn{margin-bottom:4px;padding:4px 6px}.hero-varfour-container .previewboard-wrapper .previewboard .previewboard-img-wrapper .screenshot-img{border-radius:8px;width:100%}.hero-varfour-container .previewboard-wrapper .previewboard .previewboard-title{margin-top:1.6rem;font-size:2.4rem;font-style:normal;font-weight:700;line-height:150%}.hero-varfour-container .previewboard-wrapper .previewboard .previewboard-text{margin-top:.8rem;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (max-width:1050px){.hero-varfour-container .hero-varfour-content{max-width:var(--base-max-width);flex-direction:row;align-items:center;margin:21.5rem auto 9rem;display:flex}.hero-varfour-container .hero-varfour-content .left img{width:49.7rem;height:49.7rem}}@media (max-width:950px){.hero-varfour-container .hero-varfour-content{flex-direction:column;gap:2rem}.hero-varfour-container .hero-varfour-content .right{text-align:center;align-items:center}.hero-varfour-container .hero-varfour-content .right .buttonWrapper{justify-content:center;align-items:center;display:flex}.hero-varfour-container .hero-varfour-content .left img{width:49.7rem;height:49.7rem}.hero-varfour-container .previewboard-wrapper{grid-template-columns:repeat(1,minmax(0,1fr));justify-content:center;align-items:center;row-gap:32px;margin-top:32px;padding:0 1.6rem;display:grid}}@media (max-width:550px){.hero-varfour-container{padding:0}.hero-varfour-container .hero-varfour-content{flex-direction:column;gap:3rem;margin-top:15rem}.hero-varfour-container .hero-varfour-content .right{text-align:unset}.hero-varfour-container .hero-varfour-content .right .buttonWrapper{justify-content:center;align-items:center;display:flex}.developersPage .homePageHero .heroLeft .buttonWrapper .actionBtn,.developersPage .homePageHero .heroLeft .buttonWrapper .otherBtn{width:50%;max-width:250px;height:48px;padding:0}.hero-varfour-container .hero-varfour-content .right .head-text{font-size:3.2rem;font-weight:800;line-height:4rem}.hero-varfour-container .hero-varfour-content .right .subtext{color:var(--base-gray);font-size:1.6rem;font-weight:400;line-height:2.4rem}.hero-varfour-container .hero-varfour-content .left img{width:36rem;height:36rem}}@media (max-width:400px){.hero-varfour-container .hero-varfour-content .left img{width:30rem;height:30rem}}