.zeroswap-page .hero{background:#f1f7fe}.zeroswap-page .hero .container{padding-top:16px;padding-bottom:16px}@media screen and (min-width:992px){.zeroswap-page .hero .container{display:flex;height:520px;align-items:center}}@media screen and (min-width:992px){.zeroswap-page .hero__inner{max-width:600px;margin-left:48px}}.zeroswap-page .hero__title{font-style:normal;font-weight:700;font-size:28px;line-height:120%;color:#0575f6}@media screen and (min-width:992px){.zeroswap-page .hero__title{font-size:32px;line-height:54px}}.zeroswap-page .hero__undertitle{font-style:normal;font-weight:700;font-size:38px;line-height:140%;color:#101f54}@media screen and (min-width:992px){.zeroswap-page .hero__undertitle{font-size:50.5px;line-height:140%}}.zeroswap-page .hero__text{font-style:normal;font-weight:700;font-size:20px;line-height:160%;color:#101f54}@media screen and (min-width:992px){.zeroswap-page .hero__text{font-size:16px;line-height:24px;max-width:380px}}.zeroswap-page .hero__terms{font-style:normal;font-weight:700;font-size:20px;line-height:32px;color:#101f54;opacity:.8;display:block;margin-top:16px}@media screen and (min-width:992px){.zeroswap-page .hero__terms{font-size:16px;line-height:16px}}.zeroswap-page .hero__terms a{color:#101f54}.zeroswap-page .hero__image{margin:24px 0}.zeroswap-page .hero__image img{display:block;margin:auto;max-width:400px;width:100%}@media screen and (min-width:992px){.zeroswap-page .hero__actions{display:flex}.zeroswap-page .hero__actions a{margin-left:24px}}.zeroswap-page .text-block{margin:40px 0 80px}@media screen and (min-width:992px){.zeroswap-page .text-block{margin:120px 0}}.zeroswap-page .text-block h2{font-weight:700;font-size:38px;line-height:140%;letter-spacing:.5px;color:#101f54}@media screen and (min-width:992px){.zeroswap-page .text-block h2{text-align:center}}.zeroswap-page .text-block p{font-weight:700;font-size:20px;line-height:160%;letter-spacing:.5px;color:#101f54;opacity:.8}@media screen and (min-width:992px){.zeroswap-page .text-block p{text-align:center}}@media screen and (min-width:992px){.zeroswap-page .image-block.reverse .image-block__content{max-width:480px}}@media screen and (min-width:992px){.zeroswap-page .image-block.bottom .image-block__content{max-width:none}}.zeroswap-page .image-block{margin:80px 0}@media screen and (min-width:992px){.zeroswap-page .image-block{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-around}.zeroswap-page .image-block.reverse{flex-direction:row}.zeroswap-page .image-block.bottom{display:block}}@media screen and (min-width:992px){.zeroswap-page .image-block__content{max-width:380px}}.zeroswap-page .image-block__content h3{font-weight:700;font-size:28px;line-height:140%;letter-spacing:.5px;color:#101f54}.zeroswap-page .image-block__content ul.two-columns{display:flex;flex-wrap:wrap}.zeroswap-page .image-block__content ul.two-columns li{width:50%;font-size:18px;line-height:24px;margin-bottom:8px}.zeroswap-page .image-block__content li{font-weight:700;font-size:20px;line-height:33px;letter-spacing:.5px;color:#101f54;opacity:.8;position:relative;padding-right:40px}@media screen and (min-width:992px){.zeroswap-page .image-block__content li{font-size:16px;line-height:24px}}.zeroswap-page .image-block__content li i.material-icons{position:absolute;color:#105ef6;top:0;right:0}.zeroswap-page .image-block img{width:100%;display:block;max-width:400px;margin:40px auto 0}@media screen and (min-width:992px){.zeroswap-page .image-block img{max-width:440px;margin:0}}.zeroswap-page .image-block img.app-image{width:211px}.zeroswap-page .image-block__terms{margin-top:32px;display:block;font-weight:700;font-size:20px;line-height:120%}.zeroswap-page .steps-block{padding:48px 24px;background:#101f54;margin:0 -16px}@media screen and (min-width:768px){.zeroswap-page .steps-block{border-radius:16px;margin:0}}.zeroswap-page .steps-block .steps-widget__title{margin-top:18px;margin-right:16px}@media screen and (min-width:768px){.zeroswap-page .steps-block .steps-widget__title{margin-top:0;margin-right:0}}.zeroswap-page .steps-block__action{margin:auto;text-align:center}@media screen and (min-width:768px){.zeroswap-page .steps-block__action{margin-top:48px}}.zeroswap-page .steps-block h2{font-weight:700;font-size:28px;line-height:140%;color:#fff}@media screen and (min-width:768px){.zeroswap-page .steps-block h2{text-align:center;max-width:668px;display:block;margin-left:auto;margin-right:auto}}