:root{--c-test: #130058;--c-test2: #5a5763;--c-test3: #423379}body{font-family:Space Grotesk;min-height:100vh;margin:0;padding:0}main{min-height:0;min-width:50vw;margin:0;height:calc(100% - 6rem)}.header{background-color:#7014e8;background-color:var(--c-test);display:flex;align-items:center;justify-content:space-between;padding-right:1em;box-shadow:8px 4px 12px -1px #000}.header h1{text-align:left;color:#fff;padding:.25rem 0 .25rem 2rem;font-weight:700}.ah2,.ah3{background-color:var(--c-test);border-radius:.25rem;color:#fff}.logo{background-color:#201155;background-color:var(--c-test);width:10rem;height:10rem;border-radius:100%;display:flex;align-items:center;justify-content:center;font-family:Roboto;font-family:Space Grotesk;box-shadow:8px 4px 12px -8px #000;position:absolute;top:1rem;left:calc(50% - 5rem);border:.125rem solid white;transition:all ease-out .2s}.logo:hover{transform:scale(1.02);box-shadow:8px 4px 12px -4px #000;cursor:pointer}.maingrid-right>div{flex:1 0 1px}.header .nletter{color:#fff;font-weight:700;font-size:92px;font-size:1;position:relative;left:-8px}h1{margin:0;font-size:64px;text-align:center;font-weight:500}h3{font-size:24px;margin:0;padding:.25em;text-align:center}.main{display:flex;flex-direction:column}.main__howit{width:100%;margin-bottom:.25rem}.main__howit h1{margin-bottom:.5rem}.step{height:100%;border-radius:.25rem;box-shadow:0 0 8px -4px #000;display:flex;flex-direction:column}.steps h3{border-radius:0}.step .img{position:relative;margin-top:.125rem;flex:1 0 0px;min-height:200px}.step img{width:100%;height:100%}.step .footer{padding:1rem;background-color:var(--c-test2);color:#fff;height:5rem}video{width:100%}.tryit__buttons{display:flex;flex-direction:column}.tryit__buttons>button,.tryit__buttons>a{flex:1 0 0;margin:.25rem 0}.tryit__buttons>button:first{flex:2 0 0}.header h1{font-size:2rem}.note{display:flex;flex-direction:column}.tryit{width:100%}.logo{display:none}.main{padding:1rem}.step .img{display:none}@media only screen and (min-width: 768px){.step .img{display:block}}@media only screen and (min-width: 992px){.logo{display:flex}.main{padding:7rem 4rem 2rem}.header h1{font-size:64px}}@media only screen and (min-width: 1200px){.note{flex-direction:row}.tryit{height:100%;flex:3 0 0}.tryit .features{flex:2 0 0}.note .title{flex-direction:row;text-orientation:mixed;writing-mode:tb-rl;transform:rotate(-180deg);margin-right:.5rem}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-Xz5Iioar.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-da0p_TGu.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-D7frRTMg.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-Crgx7zTe.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-C0oqmF7T.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-ChcWOco_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}