.landing{display:grid;grid-template-rows:60% 40%;height:106vh;letter-spacing:0;position:relative;width:100%}.landing--title{align-content:center;background-image:url(../hero_img.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;color:#fff;display:grid;font-size:100px;font-weight:400;justify-self:center;line-height:159px;row-gap:0;text-align:center;width:100%;z-index:2}.landing--title__text{color:#c0c0c9;font-size:29px;font-weight:300;justify-self:center;line-height:38px;padding:0 30px;width:100%}.landing--description{align-self:bottom;background:#07070a;color:#807f82;display:grid;font-size:21px;line-height:20px;padding:6vh 28vw;position:relative;row-gap:20px;text-align:center;z-index:2}.landing--description__text{align-self:end;justify-self:center}.landing--description__buttons{align-self:start;font-size:16px;grid-gap:20px}.landing--description__buttons-inner{align-self:center;background:#5c4ee4;border-radius:300px;color:#fff;display:block;font-weight:600;margin:0 auto;max-width:300px;padding:10px;transition:.2s;width:100%}.landing--description__buttons-inner:hover{opacity:.7}@media only screen and (min-width:800px){.landing--description__buttons{font-size:30px;justify-self:center}.landing--description{line-height:28px}}@media only screen and (max-width:1600px){.landing--title{font-size:100px}.landing--title__text{font-size:25px}.landing--description,.landing--description__buttons{font-size:16px}}@media only screen and (max-width:1400px){.landing--title{font-size:80px}.landing--title__text{font-size:20px}.landing--description{font-size:16px;padding:5vh 12vw}}@media only screen and (max-width:1024px){.landing--title{font-size:60px}.landing--title__text{font-size:16px}.landing--description{font-size:16px;padding:4vh 6vw}}@media only screen and (orientation:landscape){.landing{display:block;height:unset}.landing--title{height:100vh}.landing--title__text{width:50%}}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease-out}.fade-enter,.fade-leave-to{opacity:0}.absolute-fade-enter-active,.absolute-fade-leave-active{transition:opacity .3s}.absolute-fade-enter,.absolute-fade-leave-active{filter:blur(1rem);opacity:0}.list-enter-active,.list-leave-active,.list-move{transition:all .7s ease-in-out}.list-enter-from,.list-leave-to{opacity:0}.list-leave-active{position:absolute}.feature{background:#141419;display:grid;position:relative;text-align:center}.feature--title{color:#e0e0eb;font-size:40px;font-weight:400;line-height:69px;padding-top:10vh;text-transform:capitalize}.feature--container{-moz-column-gap:66px;column-gap:66px;display:grid;grid-template-columns:40vw auto;margin:26px 14vw 0 17vw}.feature--container__columns{-moz-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:auto auto}.feature--diagram{display:grid;justify-content:center;justify-self:center;padding:10vh 0}.content--item{color:#807f82;display:grid;grid-template-columns:auto auto;height:-moz-max-content;height:max-content;line-height:32px;position:relative}.content--item__number{align-content:start;color:#5c4ee4;display:grid;font-size:80px;justify-content:start;line-height:106px;opacity:.2;position:absolute;text-align:left;width:86px}.content--item__text{display:grid;justify-content:end;padding-top:45px;text-align:left;text-indent:90px;top:0;z-index:2}.rectangle{background:#111214 0 0 no-repeat padding-box;border-radius:32px;box-shadow:0 0 24px #6c63ff47;max-width:550px;position:relative}.rectangle--container{align-content:center;display:grid;height:550px;justify-content:center;padding:30px}.rectangle--container__title{color:#e0e0eb;font-size:35px;font-weight:400;line-height:48px;padding-top:40px}.rectangle--container__subtitle{color:#e0e0eb;font-size:18px;font-weight:600;padding-top:25px;transition:color .3s ease}.rectangle--container__subtitle:hover{color:#77ca}.rectangle--container__text{color:#ffffff29;font-size:16px;font-weight:400;line-height:21px}.rfcs{align-items:center;display:grid;height:-moz-max-content;height:max-content;overflow:hidden}.buttons{display:flex;gap:20px;justify-self:center;padding:50px 10px;width:-moz-fit-content;width:fit-content}.diagram{width:100%}.dots{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(4,min-content);justify-content:center;padding-bottom:20px}.dots--item{background:#2b2d2f;border-radius:20px;box-shadow:inset 1px 1px 5px #000,inset -2px -2px 5px #636363;cursor:pointer;height:18px;margin:24px 0 20px;opacity:1;width:18px}.active{background:#77797a}@media only screen and (max-width:1600px){.feature--title{font-size:35px}.feature--container{justify-content:center;margin:0;padding-top:50px}.feature--container__columns{-moz-column-gap:0;column-gap:0}.rectangle--container__title{font-size:25px}.rectangle--container__subtitle{font-size:16px}.rectangle--container__text{font-size:14px}.content--item{font-size:20px}.content--item:nth-child(2n){align-self:end;margin-top:0}.content--item__number{font-size:70px}}@media only screen and (max-width:1400px){.feature--container{grid-template-columns:1fr 1fr;margin:20px 10vw}.feature--container__columns{grid-template-columns:1fr;justify-self:center}.shown{height:550px}.rectangle{align-self:center;height:-moz-max-content;height:max-content;justify-self:center;padding:10px 0}.rectangle--container{padding:0 20px}.content--item{align-self:center;justify-self:center}.content--item:nth-child(2n){margin:0}.content--item__text{justify-content:start;text-align:left}}@media only screen and (max-width:900px){.platforms-container{display:grid;grid-template-columns:1fr 1fr}.platforms-container>div:last-child{display:grid;justify-self:end;margin-right:-40px}.platforms-img{height:80px;justify-self:center;max-width:100%}}@media only screen and (max-width:800px){.feature--container{grid-template-columns:1fr;margin:0;padding:20px}.buttons{display:grid}.feature--container__columns{padding-bottom:50px}.feature--title{font-size:30px;padding-top:5vh}.feature--diagram{padding:4vh 0 6vh}.dots{margin:0;padding-bottom:10px}.shown{height:500px}.rectangle--container{max-height:500px;padding:10px}.rectangle--container__title{color:#e0e0eb;font-size:25px;font-weight:400;line-height:48px;padding-top:10px}.rectangle--container__subtitle{color:#e0e0eb;font-size:16px;font-weight:600;padding:15px 10px 0}.rectangle--container__text{color:#ffffff29;font-size:14px;font-weight:400;line-height:21px}.content--item{font-size:18px;justify-self:start}.content--item__number{font-size:50px;padding:0}.content--item__text{padding-top:40px}}@media only screen and (max-width:800px)and (max-width:400px){.content--item__number{font-size:40px}.platforms-text{font-size:16px}.platforms-name{font-size:14px}.platforms{padding:0}.feature--diagram{padding:2vh 0}}.ecosystem{background:#18181a;color:#807f82}.ecosystem--container{display:grid;grid-template-columns:50% auto;padding-top:10vh;position:relative}.ecosystem--laptop{position:relative}.ecosystem--content{margin:0 10% 10% 5%;position:relative}.ecosystem--content__title{color:#e0e0eb;font-size:40px;font-weight:400;line-height:69px;text-align:center}.ecosystem--content__grid{-moz-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:1fr 1fr;padding:45px 45px 0}.ecosystem--content__subtitle{color:#e0e0eb;font-size:25px;font-weight:700;line-height:35px;opacity:.5;text-align:left}.ecosystem--content__description{color:#807f82;font-size:24px;font-weight:400;line-height:32px;padding:30px 0 10%;text-align:left}.laptop-wrapper{background-image:url(../MacBook.png);background-repeat:no-repeat;height:100%;max-height:100%;position:relative;right:200px;width:1100px;z-index:2}.laptop-content,.laptop-wrapper{background-position:0 0;background-size:contain}.laptop-content{background-attachment:fixed;background-color:#000;background-image:url(../code.png);background-repeat:repeat-y;bottom:10px;height:600px;max-width:790px;position:absolute;top:20px;width:100%}.code{display:block;height:auto;margin:0 auto;width:100%;z-index:-1}.mobile{display:none;justify-content:center}@media only screen and (max-width:1700px){.ecosystem--container{grid-template-columns:auto;grid-template-rows:1fr 1fr}.ecosystem--content{margin:0;top:0}.ecosystem--content__description{font-size:20px;padding:40px 0}.laptop{width:100%}.all-devices{display:none}.mobile{display:grid}.laptop-wrapper{background-repeat:no-repeat;background-size:contain;right:0}.laptop-content,.laptop-wrapper{background-position:50%;justify-self:center}.laptop-content{background-attachment:fixed;background-size:735px;bottom:10px;height:545px;max-width:780px;overflow:hidden;width:100%}}@media only screen and (max-width:1600px){.ecosystem--content__title{font-size:35px}.laptop-content{background-attachment:fixed;background-position:50%;background-size:725px;bottom:10px;justify-self:center;overflow:hidden;width:100%}}@media only screen and (max-width:1500px){.ecosystem--content__title{font-size:35px}.laptop-content{background-attachment:fixed;background-position:50%;background-size:800px;bottom:10px;height:565px;justify-self:center;max-width:785px;overflow:hidden;width:100%}}@media only screen and (max-width:1400px){.ecosystem--content__title{font-size:35px}.laptop-content{background-attachment:fixed;background-position:50%;bottom:10px;height:565px;justify-self:center;max-width:785px;overflow:hidden;width:100%}}@media only screen and (max-width:1300px){.ecosystem--content__grid{grid-template-columns:auto}.ecosystem--content__subtitle{font-size:20px}.ecosystem--content__description{font-size:16px;padding:30px 0}.ecosystem--container{grid-template-rows:auto 500px;padding-top:10vh}.laptop-wrapper{background-position:0 0;width:710px}.laptop-content{background-attachment:fixed;background-position:50%;background-size:525px;height:400px;top:10px;width:550px}}@media only screen and (max-width:800px){.ecosystem--container{grid-template-rows:auto 200px;padding:5vh 0}.ecosystem--content__title{font-size:30px}.ecosystem--content__subtitle{font-size:16px}.ecosystem--content__description{font-size:14px;padding:10px 0}.laptop-wrapper{background-position:0 0;width:300px}.laptop-content{background-attachment:fixed;background-position:46%;background-size:230px;height:150px;width:230px}.ecosystem--content__grid{padding:10px 40px 0}}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;left:0;margin:0;padding:0;right:0;scroll-behavior:smooth;top:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.view-index,body,html{position:relative;width:100%}a{color:inherit;display:grid;text-decoration:none}input{outline:none}::-moz-selection{background:#5c4ee4}::selection{background:#5c4ee4}