@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";html{box-sizing:border-box;font-size:62.5%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6}ul,li{list-style-type:none}a{display:inline-block;text-decoration:none;line-height:1}img{display:block;width:100%;object-fit:cover}p{color:#9194a1;font-size:1.7rem}@media screen and (max-width: 360px){p{font-size:1.6rem}}h1,h2,h3,h4{color:#252b46;font-weight:500}.btn{cursor:pointer;outline:0;display:inline-block;padding:1.2rem 3rem;border:2px solid transparent;border-radius:5px;font-family:inherit;font-size:1.3rem;letter-spacing:1px;box-shadow:0 4px 10px #0000001f;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.btn--red{background-color:#fa5757;color:#fff}.btn--red:hover{background-color:#fff;color:#fa5757;border-color:#fa5757}.btn--blue{background-color:#5368df;color:#fff}.btn--blue:hover{background-color:#fff;color:#5368df;border-color:#5368df}.btn--orange{background-color:#01a532fa;color:#fff}.btn--orange:hover{background-color:#fff;color:#5368df;border-color:#5368df}.btn--light{background-color:#0000000a;color:#252b46}.btn--light:hover{background-color:#fff;border-color:#252b46}.btn--info{padding:1.5rem 2rem}.btn--transparent{background-color:transparent;border-color:#fff;color:#fff;text-transform:uppercase;font-size:1.6rem;letter-spacing:3px;font-weight:500}.btn--transparent:hover{background-color:#fff;color:#252b46;border-color:#5368df}.container{margin:0 auto;padding:0 1.3rem}@media screen and (min-width: 600px){.container{max-width:540px}}@media screen and (min-width: 768px){.container{max-width:720px}}@media screen and (min-width: 992px){.container{max-width:960px}}@media screen and (min-width: 1200px){.container{max-width:1140px}}@media screen and (min-width: 1400px){.container{max-width:1320px}}.heading-2{font-size:3.5rem;margin-bottom:1.5rem}@media screen and (max-width: 414px){.heading-2{font-size:2.8rem}}@media screen and (max-width: 360px){.heading-2{line-height:1.5}}.heading-3{font-size:2.3rem;margin:2.8rem 0 .3rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mr-1{margin-right:1rem}.ml-1{margin-left:1rem}.text-center{text-align:center}.color-white{color:#fff}header{position:absolute;top:0;left:0;width:100%;padding:2.8rem 0;z-index:999}header.sticky{position:fixed;background-color:#fff;box-shadow:0 2px 8px -2px #0000001a;transform:translateY(-100%)}header.visible{transform:translateY(0);transition:transform .3s ease}header.hidden{transform:translateY(-100%);transition:transform .3s ease}header .nav{display:flex;align-items:center}header .nav .logo{margin-right:auto}header .nav__list{display:none}@media screen and (min-width: 768px){header .nav__list{display:flex;align-items:center}}@media screen and (min-width: 768px){header .nav__item{margin-right:5rem}}header .nav__link{font-size:1.4rem;text-transform:uppercase;color:#252b46;letter-spacing:1.3px;transition:color .1s ease-in-out}header .nav__link:hover{color:#fa5757}header .nav .btn--login{text-transform:uppercase;letter-spacing:1.5px;display:none}@media screen and (min-width: 768px){header .nav .btn--login{display:inline-block}}header .nav .menu-hamburger{outline:0;border:0;background:transparent;cursor:pointer;display:inline-block;line-height:0}@media screen and (min-width: 768px){header .nav .menu-hamburger{display:none}}header .nav .menu-hamburger img{width:2.3rem}.hero{min-height:100vh;position:relative}@media screen and (max-width: 992px){.hero{padding:8rem 0}}.hero .container{height:100vh}@media screen and (max-width: 992px){.hero .container{height:auto}}.hero__content{height:100%;display:flex;align-items:center}@media screen and (max-width: 992px){.hero__content{height:auto;flex-direction:column-reverse}}.hero__content>*{flex:1}.hero__intro{max-inline-size:50rem}@media screen and (max-width: 1200px){.hero__intro{max-inline-size:40rem}}@media screen and (max-width: 992px){.hero__intro{text-align:center;margin-top:10rem}}@media screen and (max-width: 600px){.hero__intro{margin-top:7rem}}.hero__title{font-size:4.3rem;line-height:1.2}@media screen and (max-width: 600px){.hero__title{font-size:3.4rem}}@media screen and (max-width: 360px){.hero__title{font-size:3rem;line-height:1.4}}.hero__description{margin-top:2rem;margin-bottom:3rem}.hero__cta{display:flex}@media screen and (max-width: 992px){.hero__cta{justify-content:center}}@media screen and (max-width: 360px){.hero__cta{flex-direction:column}}.hero .btn--chrome,.hero .btn--firefox{font-weight:500;padding:1.5rem 2rem}@media screen and (max-width: 360px){.hero .btn--chrome,.hero .btn--firefox{margin:0;margin-bottom:1rem;padding:2rem;font-size:1.5rem}}.hero .illustration-img{width:100%;max-width:60rem;position:relative;margin-top:5rem;margin-left:auto;z-index:1}@media screen and (min-width: 1400px){.hero .illustration-img{transform:scale(1.2)}}@media screen and (max-width: 1200px){.hero .illustration-img{max-width:52rem;margin-right:-3rem}}@media screen and (max-width: 992px){.hero .illustration-img{max-width:55rem;margin-right:0}}.hero .bg-custom{position:absolute;right:0;top:45%;width:100%;max-width:40vw;height:35vmin;background-color:#5368df;border-top-left-radius:50%;border-bottom-left-radius:50%}@media screen and (max-width: 1400px){.hero .bg-custom{top:40%;height:35rem}}@media screen and (max-width: 992px){.hero .bg-custom{top:23rem;height:30rem;max-width:60vw}}@media screen and (max-width: 600px){.hero .bg-custom{height:50vmin;max-width:40rem}}@media screen and (max-width: 450px){.hero .bg-custom{max-width:30rem}}@media screen and (max-width: 414px){.hero .bg-custom{top:20rem;height:50vmin;max-width:30rem}}@media screen and (max-width: 320px){.hero .bg-custom{height:45vmin;max-width:25rem}}.feature{padding:5rem 0;position:relative}.feature__intro{max-width:50rem;margin:0 auto;text-align:center}.feature .tab__list{max-width:70rem;margin:5rem auto 6rem;display:flex}@media screen and (max-width: 768px){.feature .tab__list{flex-direction:column}}.feature .tab__item{flex:1;border-bottom:1px solid lightgrey}@media screen and (max-width: 768px){.feature .tab__item:first-child{border-top:1px solid lightgrey}}.feature .tab__trigger{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;color:#9194a1;border-bottom:3px solid transparent}.feature .tab__trigger--active{color:#252b46;border-bottom-color:#fa5757}.feature .tab__panel{display:none;align-items:center}@media screen and (max-width: 992px){.feature .tab__panel{flex-direction:column}}.feature .tab__panel--active{display:flex}.feature .tab__panel--active .tab__col--1{animation:fade-in-left .4s ease forwards}@keyframes fade-in-left{to{transform:translate(0);opacity:1}}.feature .tab__panel--active .tab__col--2{animation:fade-in-right .4s ease forwards}@keyframes fade-in-right{to{transform:translate(0);opacity:1}}.feature .tab__col{flex:1}.feature .tab__col--1{position:relative}@media screen and (min-width: 414px){.feature .tab__col--1{transform:translate(-200%);opacity:0}}@media screen and (min-width: 414px){.feature .tab__col--2{transform:translate(200%);opacity:0}}@media screen and (max-width: 992px){.feature .feature-illustration-img{height:29rem;object-position:top}}@media screen and (max-width: 414px){.feature .feature-illustration-img{max-width:35rem;height:auto}}.feature .feature-info{max-width:47rem;margin-left:auto}@media screen and (max-width: 1200px){.feature .feature-info{max-width:40rem}}@media screen and (max-width: 992px){.feature .feature-info{max-width:50rem;text-align:center;margin-top:5rem}}@media screen and (max-width: 550px){.feature .feature-info{margin-top:8rem}}.feature .bg-pill{position:absolute;left:0;bottom:0;background-color:#5368df;border-top-right-radius:50rem;border-bottom-right-radius:50rem;z-index:-1}.feature .bg-pill--outer{width:45vw;height:50vmin}@media screen and (max-width: 992px){.feature .bg-pill--outer{display:none}}.feature .bg-pill--inner{width:95vw;height:50vmin;transform:translate(-20%,20%)}@media screen and (min-width: 550px){.feature .bg-pill--inner{display:none}}.extension{padding:10rem 0 15rem}@media screen and (max-width: 600px){.extension{padding:7rem 0}}.extension__intro{max-width:50rem;margin:0 auto;text-align:center}.extension__grid{max-width:102.4rem;margin:5rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}@media screen and (max-width: 992px){.extension__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.extension__grid{max-width:35rem;grid-template-columns:1fr}}.extension__col--2{transform:translateY(5rem)}@media screen and (max-width: 992px){.extension__col--2{transform:translateY(0)}}.extension__col--3{transform:translateY(10rem)}@media screen and (max-width: 992px){.extension__col--3{transform:translateY(0) translate(50%)}}@media screen and (max-width: 768px){.extension__col--3{transform:translateY(0) translate(0)}}.extension__content{min-height:40rem;background-color:#fff;box-shadow:0 8px 16px 2px #00000012;text-align:center;border-radius:1.5rem}.extension__content .browser-logo{height:16rem;display:flex;align-items:flex-end;justify-content:center}.extension__content .browser-logo img{width:10rem;margin:0 auto}.extension__content .browser-version{font-size:1.6rem}.extension__content .cta-install{padding:2.5rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='280'%20height='4'%3e%3cpath%20fill='%23495DCF'%20fill-opacity='.2'%20fill-rule='evenodd'%20d='M0%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm280%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-17%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-35%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-35%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-35%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-18%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-17%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm122%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-35%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-35%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm-70%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM88%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM70%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM53%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM35%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204zM18%204a2%202%200%201%201%200-4%202%202%200%200%201%200%204z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100%;background-position:left top;margin-top:4rem}.extension__content .btn--install{display:block;width:100%;padding:1.7rem;font-size:1.4rem}.faq{padding:8rem 0 15rem}.faq .container--faq{max-width:60rem}.faq__intro{text-align:center}.faq .accordion{margin-top:5rem}.faq .accordion__header{border-top:1px solid #c8c9d0;position:relative}.faq .accordion__item:last-child .accordion__body{border-bottom:1px solid #c8c9d0}.faq .accordion__trigger{display:block;padding:2rem 0;color:#252b46;font-size:1.8rem}@media screen and (max-width: 600px){.faq .accordion__trigger{font-size:1.7rem}}@media screen and (max-width: 414px){.faq .accordion__trigger{font-size:1.6rem}}@media screen and (max-width: 360px){.faq .accordion__trigger{max-width:25rem;line-height:1.5}}.faq .accordion__trigger:hover{color:#fa5757}.faq .accordion__trigger:after{content:url(../images/icon-arrow.svg);position:absolute;top:0;right:2rem;height:100%;display:flex;align-items:center;transform:rotate(0);transition:transform .4s ease}@media screen and (max-width: 360px){.faq .accordion__trigger:after{right:2.5rem}}.faq .accordion__trigger--active:after{content:url(../images/icon-arrow-red.svg);transform:rotate(180deg)}.faq .accordion__body{height:0;overflow:hidden;transition:height .4s ease}.faq .accordion__body p{font-size:1.6rem;line-height:1.7;padding:1rem 0 3rem}@media screen and (max-width: 375px){.faq .accordion__body p{font-size:1.5rem}}.contact{background-color:#5368df;padding:10rem 0}.contact .container--contact{max-width:50rem}@media screen and (max-width: 600px){.contact .container--contact{max-width:45rem}}.contact__intro p{font-size:1.4rem;text-transform:uppercase;letter-spacing:5px}.contact__intro h2{font-size:3.5rem;line-height:1.3}@media screen and (max-width: 600px){.contact__intro h2{font-size:3rem}}@media screen and (max-width: 320px){.contact__intro h2{font-size:2.7rem}}.contact__form{display:flex;align-items:flex-start}@media screen and (max-width: 600px){.contact__form{flex-direction:column;max-width:35rem;margin-left:auto;margin-right:auto}}.contact__form .field{background-color:#fa5757;flex:1;width:100%;border-radius:5px;box-shadow:0 4px 12px 2px #00000014;overflow:hidden;position:relative}.contact__form .field:after{content:url(../images/icon-error.svg);padding:1.5rem;pointer-events:none;position:absolute;right:0;top:0;display:none}.contact__form .field-input{outline:0;display:block;width:100%;padding:1.3rem 4rem 1.3rem 2rem;border:2px solid transparent;border-radius:5px;font-family:inherit;font-size:1.5rem;color:#252b46}.contact__form .field-input::placeholder{color:#9194a1;font-size:1.5rem}.contact__form .field-error:after{display:inline-block}.contact__form .field-error .field-input{border-color:#fa5757}.contact__form .error{text-align:left;padding:.5rem 2rem}.contact__form .error-message{font-size:1.4rem;font-style:italic;letter-spacing:.5px}.contact__form .btn--contact{padding:1.3rem 2rem;margin-left:1.5rem;box-shadow:0 4px 12px 2px #00000014;font-size:1.5rem}@media screen and (max-width: 600px){.contact__form .btn--contact{display:block;width:100%;margin-left:0;margin-top:1.5rem}}.footer{background-color:#252b46;padding:5rem 0}.footer .container--row{display:flex;align-items:center}@media screen and (max-width: 768px){.footer .container--row{flex-direction:column}}.footer__logo{width:15rem}.footer__links{display:flex;align-items:center;flex:1;margin-left:7rem}@media screen and (max-width: 768px){.footer__links{margin-left:0;margin-top:3rem}}@media screen and (max-width: 375px){.footer__links{flex-direction:column}}.footer__links li{margin-right:4rem}@media screen and (max-width: 768px){.footer__links li{margin-right:0;margin:0 2rem}}@media screen and (max-width: 375px){.footer__links li{margin-bottom:1.3rem}}.footer__link{font-size:1.4rem;text-transform:uppercase;color:#252b46;letter-spacing:1.3px;transition:color .1s ease-in-out;color:#c8c9d0;font-size:1.3rem;font-weight:400}.footer__link:hover{color:#fa5757}.footer__socials{display:flex;align-items:center}@media screen and (max-width: 768px){.footer__socials{margin-top:4rem}}.footer__socials .icon{margin-left:3rem;line-height:0}@media screen and (max-width: 768px){.footer__socials .icon{margin-left:0;margin:0 1.5rem}}.footer__socials .icon:hover svg path{fill:#fa5757}.mobile{position:fixed;top:0;left:0;width:100%;height:100vh;padding:0 2rem 3rem;z-index:1000;background-color:#252b46ed;display:flex;flex-direction:column;text-align:center;transform:translate(-100%);transition:transform .3s ease}@media screen and (min-width: 768px){.mobile{display:none}}.mobile.show{transform:translate(0)}.mobile__header{padding:3rem 0rem;display:flex;align-items:center;justify-content:space-between}.mobile__header .btn--close{background-color:transparent;border:0;padding:0;border-radius:0}.mobile__header .btn--close .icon-close{width:2.3rem}.mobile__links{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.4);margin-top:3rem}.mobile__link{display:block;width:100%;padding:2.5rem 0;color:#fff;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid rgba(255,255,255,.4)}.mobile__link:hover{color:#fa5757}.mobile__icons{margin-top:auto}.mobile__icons .icon{margin:0 1.5rem}.mobile__icons .icon:hover svg path{fill:#fa5757}.badge{display:inline-block;background-color:#ff7300;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:15px;text-transform:uppercase;margin-left:10px}