:root{--color_white:#e6e2db;--color_black:#1a1a1a;--color_grey:#a8a8a8;--color_beige:#f3e4ab;--color_orange:#e0b449;--color_red:#ff3b30;--color_green:#34c759;--width_960:960px;--width-360:360px;--height_header:36px;--height_footer:36px;--padding-x:24px;--padding-y:32px;--margin-x:18px;--margin-y:24px;--h1:64px;--h2:48px;--h3:32px}*{border:0;box-sizing:border-box;margin:0;padding:0}svg{display:block}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;margin:0 auto;min-width:var(--width-360)}li{list-style-type:none}a{text-decoration:none}h1,h2,h3{letter-spacing:-.04em}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}@media (max-width:960px){:root{--padding-x:16px;--padding-y:24px;--margin-x:12px;--margin-y:18px;--h1:48px;--h2:32px;--h3:24px}}::selection{background:var(--color_green)}body{background:var(--color_black);color:var(--color_white)}a,a>svg>path{color:var(--color_beige)}a:hover,a:hover>svg>path{color:var(--color_orange)}button{background:var(--color_white);color:var(--color_black)}header{height:var(--height_header);padding:0 var(--padding-x)}header nav{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--width_960);padding:0 var(--left_right_body_padding)}.footer{background:var(--color_white);height:var(--height_footer);padding:0 var(--padding-x)}.footer,.footer a{color:var(--color_black)}.footer a:hover{color:var(--color_grey)}.footer__content{height:100%;margin:0 auto;max-width:var(--width_960)}.footer__content,.hero{align-items:center;display:flex;justify-content:center}.hero{flex-direction:column;height:calc(100vh - var(--height_header));padding:0 var(--padding-x);width:100%}.hero__text{color:var(--color_grey)}.hero__link{align-items:center;background:var(--color_white);border-radius:32px;color:var(--color_black);display:flex;height:32px;justify-content:center;margin-top:var(--margin-y);width:256px}.parallax-section{background-position:50%;background-size:cover;height:100vh;overflow:hidden;width:100%}.feature-gamefield{padding:var(--padding-y) var(--padding-x)}.feature-gamefield__content{display:flex;margin:0 auto;max-width:var(--width_960)}.feature-gamefield__first{display:flex;flex-direction:column;margin-right:var(--margin-x);width:50%}.feature-gamefield__second{width:50%}.feature-gamefield__image{height:100%;width:50vw}.feature-levels{background:linear-gradient(180deg,var(--color_black) 0,#000 100%);padding:var(--padding-y) var(--padding-x)}.feature-levels__content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:var(--width_960)}.feature-levels__images{display:flex;justify-content:space-between;margin-top:var(--margin-y);width:100%}.feature-levels__image{border-radius:16px;height:360px;width:360px}.feature-tonality{background:#000;padding:var(--padding-y) var(--padding-x)}.feature-tonality__content{margin:0 auto;max-width:var(--width_960)}.feature-tonality__image{border-radius:16px;height:100%;margin-top:var(--margin-y);width:100%}.feature-midi{padding:var(--padding-y) var(--padding-x)}.feature-midi__content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:var(--width_960)}.feature-devices{background:var(--color_white);color:var(--color_black)}.feature-devices__content{display:flex;margin:0 auto;max-width:var(--width_960)}.feature-devices__first{display:flex;justify-content:flex-end;width:50%}.feature-devices__image{height:100%;width:50vw}.feature-devices__second{display:flex;flex-direction:column;justify-content:center;margin-left:var(--margin-x);width:50%}.feature-more{align-items:center;background:linear-gradient(180deg,var(--color_white) 0,#fff 100%);color:var(--color_black);display:flex;height:100vh;justify-content:center;padding:0 var(--padding-x)}@media (max-width:960px){.feature-gamefield__content{flex-direction:column}.feature-gamefield__first{align-items:flex-start;margin:0;width:100%}.feature-gamefield__second{margin-top:var(--margin-y);width:100%}.feature-gamefield__image{width:100%}.feature-levels__content{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;max-width:var(--width_960)}.feature-levels__images{align-items:center;flex-direction:column;margin:0}.feature-levels__image{height:320px;margin-top:var(--margin-y);width:320px}.feature-devices__content{align-items:center;flex-direction:column;position:relative}.feature-devices__first,.feature-devices__image{width:100%}.feature-devices__second{background:linear-gradient(180deg,rgba(0,0,0,.8) 30%,hsla(38,18%,88%,.2));color:var(--color_white);height:100%;justify-content:flex-start;margin:0;padding:var(--padding-y) var(--padding-x);position:absolute;width:100%}}.card{align-items:center;background-position:50%;background-size:cover;border-radius:24px;display:flex;flex-direction:column;margin:0 var(--margin-x);padding:var(--padding-y) var(--padding-x);text-align:center;width:100%}@media (max-width:960px){.card{margin:var(--margin-y) 0 0 0}}.how-it-works{background:#fff;color:var(--color_black);flex-direction:column;padding:0 var(--padding-x) var(--padding-y) var(--padding-x)}.how-it-works,.how-it-works__cards{align-items:center;display:flex;justify-content:center;width:100%}.how-it-works__cards{color:var(--color_white);margin-top:var(--margin-y)}@media (max-width:960px){.how-it-works__cards{flex-direction:column;margin-top:0}}.cta{height:100vh;overflow:hidden;padding:0 var(--padding-x);width:100%}.cta__content{align-items:center;display:flex;height:100%;margin:0 auto;max-width:var(--width_960)}.cta__first{display:flex;flex-direction:column;justify-content:center;margin-right:var(--margin-x);width:50%}.cta__link{align-self:flex-start;display:block;margin-top:var(--margin-y)}.cta__second{height:100%;width:50%}.cta__image{height:100%;object-fit:cover;width:50vw}