@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}:focus{outline:3px dotted var(--prim-color)}:root{--keybed-phase: .577;--nav-height: 3.125em;--nav-shadow: 0 1px 4px rgba(178, 178, 178, .25);--black: #000;--black-light: #050505;--black-lighter: #4d4d4d;--white: #fff;--prim-color: #f1892d;--prim-color-shade1: #f19A2d;--prim-color-shade2: #f1AB2d;--border-radius: 4px;--grey-background: #f1ecec;--prim-color-1: #f1e5e3;--tablet: 769px;--small-laptop: 1024px;--laptop: 1336px;--large-laptop: 1920px}html{font-size:16px;color:#333;font-family:Rubik,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}a{text-decoration:underline;color:var(--prim-color);position:relative;display:inline-block;transition:.25s transform}a:hover{text-decoration:underline}a.btn:hover,a.btn:focus{transform:translateY(-2px);box-shadow:0 4px 4px #0000001f}.with-arrow,.with-arrow:hover{text-decoration:none}.with-arrow:after{content:"";background-image:url(./imgs/chevrons-right.svg);height:20px;width:20px;position:absolute;display:inline-block;transition:.25s transform}.with-arrow:hover:after{transform:translate(5px)}p,ul,ol,li{margin-bottom:1em}h1,h2,h3,h4{font-weight:900;line-height:1.13;margin-bottom:.2em;color:currentColor}h1{font-size:2.5em;letter-spacing:0}h2{font-size:1.88em}img{width:100%}body{margin-top:4em;overflow-x:hidden}.logo-image img{width:13rem;height:auto;max-width:45vw}hr{border:0;border-bottom:1px solid #ffe4df}.container{padding:0 3%;max-width:1400px;margin:0 auto}.nav{padding:.625rem 0;box-shadow:var(--nav-shadow);position:fixed;width:100%;z-index:3;background:var(--white);top:0}.nav__container{display:flex;justify-content:space-between;max-width:1800px}.nav__right{display:flex;justify-content:center;align-items:center}.nav__left a{display:flex;text-decoration:none;align-items:center}.nav__left a:hover,.nav__left a:active{text-decoration:underline}.nav__logo{margin-right:4px}.nav__hamburger{height:30px;width:30px;border:0;position:relative;cursor:pointer;background:inherit}.nav__hamburger:after,.nav__hamburger:before{content:"";position:absolute;height:2px;display:block;width:100%;margin-right:1px;background:var(--black)}.nav__hamburger:after{top:30%}.nav__hamburger:before{bottom:30%}.nav__mobile-nav{display:none}.nav__mobiile-item{list-style-type:none;margin:.5em 0 0;text-align:center}.nav__mobiile-item:last-child{margin-bottom:0}.nav__mobile-link{text-decoration:none}.nav__mobile-link:hover,.nav__mobile-link:active{text-decoration:underline}.nav__nav-desktop{display:none}.nav__desktop-link{text-decoration:none}body.mobile-nav-open .nav__mobile-nav{display:block}.privacy{background-color:#fff}.header>.container{padding-top:var(--nav-height)}.header__container{display:flex;flex-direction:column;padding-bottom:2em}.header{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23f15c41' fill-opacity='0.06'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.highlighted{color:var(--prim-color)}.grey-background{background:var(--grey-background)}.text-centered{text-align:center}.prim-background{background:var(--prim-color);color:var(--white)}.btn{background:var(--prim-color);color:var(--white);border:0;font:inherit;text-decoration:none;border-radius:var(--border-radius);padding:.6em .8em;display:block;line-height:1;cursor:pointer}.btn:hover{text-decoration:none}.btn-group{display:flex;justify-content:space-between;margin-bottom:1em;max-width:20.7em}.patterns-left:after,.patterns-left:before,.patterns-right:after,.patterns-right:before{content:"";position:absolute;top:50%;left:0;transform-origin:left center;width:10em;height:6.25em;z-index:-10}.patterns-left,.patterns-right{position:absolute;height:6em;width:12.5em;top:50%;transform:translateY(-50%);right:-10%;display:block}.patterns-left{left:-10%}.patterns-right{transform:translateY(-50%) rotate(180deg)}.patterns-right:after,.patterns-right:before{background:#fff}.patterns-left:before,.patterns-right:before{background:var(--prim-color-shade1);transform:translateY(-50%) rotate(35deg)}.patterns-left:after,.patterns-right:after{background:var(--prim-color-shade2);transform:translateY(-50%) rotate(-35deg)}.cta .btn-group{margin:0 auto}.cta .btn{border:1px solid #fff}.btn-group>.btn:not(:last-child){margin-right:.5em}.btn.btn-secondary{color:var(--prim-color);border:1px solid var(--prim-color);background:var(--white)}.section{padding:3em 0 2em}.section__heading-small{font-size:.88rem;display:block;text-transform:uppercase;font-weight:400;margin-bottom:.62em}.section__text-content{margin-bottom:1.25em}.cta__container{z-index:1;position:relative}.section__text{margin-bottom:.5em}.section__text__italic{margin-bottom:.5em;font-style:italic}.section__container{display:flex;flex-direction:column}.features{display:flex;margin:0 auto;flex-direction:column}.features .section__heading{margin-bottom:1.5em}.features__feature-text{margin-bottom:.5em;color:#4d4d4d}.features__feature{max-width:350px;margin:0 auto 3em}.features__icon{background:var(--prim-color-1);height:50px;width:50px;display:flex;border-radius:100%;margin:0 auto .75em}.features .section__container{display:block}.features__feather-video{margin:auto;stroke-width:2px;color:var(--prim-color)}.header__text-text,.section__text{max-width:400px}.section__text__italic{max-width:400px;font-style:italic}.cta{color:#fff;padding:4em 0;overflow:hidden;position:relative}.footer ul,.footer ol{list-style:none}.footer__links-heading{font-weight:700}.footer__links-item{margin-bottom:.5em}.footer__container{display:flex;flex-wrap:wrap}.footer__links{flex:1 1 150px;margin-bottom:2.5em}.footer__links-heading{margin-bottom:.3em}.footer__link{font-size:.88em;text-decoration:none;color:var(--black-light)}.footer__links-list{margin-bottom:.2em}@media screen and (min-width:769px){.header__container{align-items:center}.header__container div:first-child{margin-right:1em}.header__container,.section__container{flex-direction:row}.header__container>*,.section__container>*{flex:1}.section__container{align-items:center}.features{flex-direction:row;justify-content:space-around;flex-wrap:wrap}.features__feature{flex:0 45%}.nav__hamburger{display:none}.nav__nav-desktop{display:flex;align-items:center;list-style-type:none;margin-bottom:0}.nav__desktop-item{margin:0 .25em}.speed .section__text-content{order:2}.speed .section__img{margin-right:1.5em}.img-screen-ui{width:500px;display:block;margin:0 auto}.patterns-left{left:0}.patterns-right{right:0}}@media screen and (min-width:1024px){.features__feature{flex:0 30%}h1{font-size:3.8em}h2{font-size:3em}}@media screen and (min-width:1366px){:root{font-size:18px}}.nav__lang{display:flex;align-items:center;gap:.5em;padding:0 3%;margin:.5em auto 0;max-width:1400px}.nav__lang-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--black-lighter)}.nav__lang-select{font:inherit;font-size:.88rem;padding:.25em .4em;color:#333;background:var(--white);border:1px solid #ccc;border-radius:var(--border-radius);cursor:pointer}.nav__lang-select:hover{border-color:var(--prim-color)}.nav__nav-subpage{display:flex;align-items:center;list-style-type:none;margin-bottom:0;gap:.75em}.nav__subpage-link{color:var(--black-lighter)}.resource__intro .header__text-text,.resource__lede{max-width:700px}.resource__breadcrumb{font-size:.88rem;color:var(--black-lighter);margin-bottom:.5em}.resource-list{list-style:none;max-width:700px;margin:0 auto}.resource-list__item{margin-bottom:1em}.resource-card{display:flex;align-items:center;gap:1.25em;padding:1.5em;border:1px solid #e6e6e6;border-left:4px solid var(--prim-color);border-radius:8px;background:var(--white);text-decoration:none;color:inherit;transition:.25s transform,.25s box-shadow}.resource-card:hover,.resource-card:focus{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.resource-card__index{font-size:1.5rem;font-weight:700;color:var(--prim-color);line-height:1}.resource-card__body{flex:1}.resource-card__title{display:block;font-size:1.25rem;font-weight:700;margin-bottom:.2em}.resource-card__text{display:block;font-size:.94rem;color:var(--black-lighter)}.resource-card__arrow{font-size:2rem;line-height:1;color:var(--prim-color)}.triad-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.5em 2.5em;padding:1.25em 1.5em;border:1px solid #e6e6e6;border-radius:8px;background:var(--white)}.triad-controls__group{display:flex;flex-direction:column;gap:.4em}.triad-controls__legend{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--black-lighter)}.triad-controls__tuning{display:flex;flex-wrap:wrap;gap:.5em}.triad-controls__field{display:flex;flex-direction:column;gap:.25em}.triad-controls__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--black-lighter)}.triad-controls__group>.triad-controls__field>.triad-controls__label{font-size:.88rem}.triad-controls__select{font:inherit;font-size:1rem;padding:.45em .6em;min-width:4.5em;color:#333;background:var(--white);border:1px solid #ccc;border-radius:var(--border-radius);cursor:pointer}.triad-controls__select:hover{border-color:var(--prim-color)}.triad-controls__select:focus{outline:3px dotted var(--prim-color);border-color:var(--prim-color)}.triad-legend{display:flex;flex-wrap:wrap;gap:.5em 1.5em;list-style:none;margin:1em 0 0;font-size:.88rem;color:var(--black-lighter)}.triad-legend__item{display:flex;align-items:center;gap:.5em;margin-bottom:0}.triad-legend__dot{width:1em;height:1em;border-radius:100%;background:var(--white);border:2px solid currentColor}.harmony-tables{display:grid;gap:1.5em;margin-top:3em}.harmony__title{font-size:1.1rem;margin-bottom:.6em}.harmony__table{width:100%;border-collapse:collapse}.harmony__row{border-bottom:1px solid #e6e6e6}.harmony__row:first-child{border-top:1px solid #e6e6e6}.harmony__row--current{background:var(--prim-color-1)}.harmony__degree{width:3.5em;padding:.5em .5em .5em 0;font-weight:700;color:var(--black-lighter);font-variant-numeric:tabular-nums}.harmony__link{font:inherit;font-weight:700;color:var(--prim-color);background:none;border:0;padding:.5em 0;cursor:pointer;text-align:left;text-decoration:underline}.harmony__link:hover,.harmony__link:focus{color:var(--black-light)}.circle{margin-top:3em}.circle__title{margin-bottom:1em}.circle__svg{display:block;width:100%;max-width:340px;height:auto}.circle__label{font-family:inherit;font-size:15px}.harmony__unnamed{padding:.5em 0;color:var(--black-lighter);font-variant-numeric:tabular-nums}.harmony__empty{font-size:.88rem;color:var(--black-lighter);margin-bottom:0}@media screen and (min-width:769px){.harmony-tables{grid-template-columns:repeat(3,1fr);gap:2.5em}}.scale-table-wrap{margin-top:3em}.scale-table__title{font-size:1.6rem;padding-bottom:.4em;margin-bottom:1em;border-bottom:2px solid var(--prim-color)}.scale-table__scale{padding:.6em 1em .6em 0;font-size:.94rem;font-weight:700;color:var(--black-lighter);white-space:nowrap;vertical-align:top}.scale-table__roots{padding:.6em 0;display:flex;flex-wrap:wrap;gap:.25em .75em}.scale-table__root{padding:.1em 0;min-width:1.75em;text-align:center}.board-caption{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--black-lighter);margin:2em 0 0}.keyboard-mount{width:100%;margin-top:2em}#app canvas{display:block;margin:0 auto;max-width:100%;height:auto!important;background:transparent;touch-action:auto}.keyboard-mount canvas{display:block;margin:0 auto;max-width:100%;height:auto!important}.nav__tools-cta{display:inline-flex;align-items:center;gap:.4em;background:#283038;color:var(--white);border:0;border-radius:var(--border-radius);padding:.6em .9em;font:inherit;font-weight:700;line-height:1;text-decoration:none;transition:.25s background,.25s transform,.25s box-shadow}.nav__tools-cta:hover,.nav__tools-cta:focus{background:#1e2428;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 4px #0000001f}.nav__tools-cta-arrow{font-size:1.25em;color:var(--prim-color)}.tools-promo{background:#283038;color:var(--white)}.tools-promo__container{display:flex;flex-direction:column;gap:1.5em}.tools-promo__eyebrow{font-size:.88rem;text-transform:uppercase;letter-spacing:.03em;color:var(--prim-color);margin-bottom:.4em}.tools-promo__lede{max-width:34em;margin-bottom:0;color:#ffffffd9}.tools-promo__btn{display:inline-flex;align-items:center;gap:.4em;align-self:flex-start;flex:0 0 auto;font-weight:700}@media screen and (min-width:769px){.tools-promo__container{flex-direction:row;align-items:center;justify-content:space-between;gap:2.5em}.tools-promo__btn{align-self:auto}}.discord-button{display:inline-flex;align-items:center;gap:8px;background-color:#5865f2;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-family:Arial,sans-serif;font-weight:600;transition:background-color .3s ease}.discord-button:hover{background-color:#4752c4}.triad-controls__toggle{display:flex;align-items:center;gap:.5em;padding:.45em 0;font-size:.94rem}.triad-controls__toggle label{cursor:pointer}.triad-controls__checkbox{width:1.1em;height:1.1em;accent-color:var(--prim-color);cursor:pointer}.app-promo{display:flex;flex-direction:column;gap:1.25em;padding:1.25em 1.5em;margin-bottom:2em;background:var(--prim-color-1);border-left:4px solid var(--prim-color);border-radius:8px}.app-promo__eyebrow{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--prim-color);margin-bottom:.3em}.app-promo__lede{max-width:46em;margin-bottom:0;font-size:.94rem;color:var(--black-lighter)}.app-promo__actions{display:flex;flex-wrap:wrap;gap:.5em;flex:0 0 auto}.app-promo__actions .btn{white-space:nowrap}@media screen and (min-width:769px){.app-promo{flex-direction:row;align-items:center;justify-content:space-between;gap:2em}}.nav__context{margin:0 auto 0 1em;align-self:center;min-width:0;font-weight:700;font-size:.94rem;color:var(--prim-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-notes__container{max-width:720px}.tool-notes__heading{font-size:1.6rem;margin-top:1.5em;margin-bottom:.6em}.tool-notes__container>.tool-notes__heading:first-child{margin-top:0}.tool-notes__subheading{font-size:1.1rem;margin-top:1.5em;margin-bottom:.4em}.tool-notes__p{max-width:100%;margin-bottom:1em;color:var(--black-lighter)}.tldr .section__container{display:block}.tldr__list{list-style:none;max-width:800px;margin:1.5em auto 0;display:grid;gap:1em}.tldr__item{margin-bottom:0;padding:1em 1.25em;background:var(--white);border:1px solid #e6e6e6;border-left:4px solid var(--prim-color);border-radius:8px}@media screen and (min-width:769px){.tldr__list{grid-template-columns:1fr 1fr}}.reviews{position:relative;overflow:hidden}.reviews__container{position:relative;z-index:1}.reviews__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin:2em 0}.reviews__card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1.8em;margin:0;transition:transform .25s,background .25s}.reviews__card:hover{transform:translateY(-3px);background:#ffffff2e}.reviews__stars{color:gold;font-size:1.25rem;letter-spacing:2px;margin-bottom:.8em}.reviews__text{color:#fffffff2;font-size:.95rem;line-height:1.7;font-style:italic;margin-bottom:1.2em}.reviews__author{display:flex;justify-content:space-between;align-items:center;font-style:normal}.reviews__author strong{color:#fff;font-size:.9rem}.reviews__author span{color:#fff9;font-size:.8rem;margin-bottom:0}@media(max-width:768px){.reviews__grid{grid-template-columns:1fr}}.faq .section__container{display:block}.faq__list{max-width:800px;margin:0 auto}.faq__item{border-bottom:1px solid #e6e6e6}.faq__item:first-child{border-top:1px solid #e6e6e6}.faq__question{cursor:pointer;list-style:none;padding:1em 2em 1em 0;position:relative;font-weight:700}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;line-height:1;color:var(--prim-color)}.faq__item[open] .faq__question:after{content:"–"}.faq__question:hover{color:var(--prim-color)}.faq__answer{padding:0 2em 1.25em 0;margin-bottom:0;max-width:100%;color:var(--black-lighter)}.scale-index{list-style:none;padding:0;margin:1em 0 0}.scale-index>li{padding:.4em 0;border-bottom:1px solid #e4e6e8}.scale-index__name{display:inline-block;min-width:12em;font-weight:600}.scale-index__root,.related-links a{color:var(--prim-color);text-decoration:none}.scale-index__root{display:inline-block;min-width:2.6em}.scale-index__root:hover,.related-links a:hover{text-decoration:underline}.related-links{list-style:none;padding:0;margin:.5em 0 1.5em;display:flex;flex-wrap:wrap;gap:.4em 1.2em}.note-summary{margin:1.75em 0 .9em;overflow-x:auto;-webkit-overflow-scrolling:touch}.note-summary__table{border-collapse:collapse;font-size:.95rem}.note-summary__caption{caption-side:top;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--black-lighter);padding-bottom:.4em;white-space:nowrap}.note-summary__table th,.note-summary__table td{padding:.3em .7em;text-align:center;white-space:nowrap}.note-summary__table th[scope=row]{text-align:left;padding-left:0;padding-right:1em;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--black-lighter)}.note-summary__table tr:nth-child(2) td{font-weight:700;font-size:1.05rem;border-bottom:3px solid var(--interval-color, transparent)}.note-summary__table tr:nth-child(3) td{font-size:.82rem;color:var(--black-lighter)}@media(max-width:640px){.note-summary__table th,.note-summary__table td{padding:.25em .45em}.note-summary__table tr:nth-child(3) td{font-size:.72rem}}.triad-controls__group--end{order:1;margin-left:auto}.triad-controls__switch{white-space:nowrap;text-align:center}.keyboard-chart{display:block;width:100%;height:auto;max-width:100%}.app-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.85em;padding:.9em 1em;background:var(--white);border-top:1px solid var(--grey-background);box-shadow:0 -2px 12px #00000029;padding-bottom:calc(.9em + env(safe-area-inset-bottom,0px))}.app-banner__icon{flex:0 0 auto;width:56px;height:56px;border-radius:12px}.app-banner__text{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;font-size:1rem;line-height:1.3;color:var(--black-lighter)}.app-banner__text strong{color:var(--black-light)}.app-banner__cta{flex:0 0 auto;padding:.7em 1.4em;border-radius:var(--border-radius);background:var(--prim-color);color:var(--white);font-weight:700;font-size:1rem;text-decoration:none;min-height:2.75em;display:flex;align-items:center}.app-banner__close{flex:0 0 auto;width:2.25em;height:2.25em;border:0;background:none;color:var(--black-lighter);font-size:1.35rem;line-height:1;cursor:pointer}