[x-cloak]{display:none!important}.metronome-tool{padding:24px 0 60px;background:#f6f2f3}@media (max-width:768px){.metronome-tool{padding:20px 0 40px}}.metronome-tool__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:26px;background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#282828}@media (max-width:992px){.metronome-tool__card{grid-template-columns:minmax(0,1fr)}}.metronome-tool__card button{font-family:inherit;cursor:pointer}.metronome-tool__card button:focus-visible{outline:2px solid #e82076;outline-offset:3px}.metronome-tool__player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding:44px 48px;border-right:1px solid #eee}@media (max-width:992px){.metronome-tool__player{border-right:none;border-bottom:1px solid #eee}}@media (max-width:768px){.metronome-tool__player{gap:24px;padding:32px 16px}}.metronome-tool__beats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.metronome-tool__beat-blocks{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.metronome-tool__beat,.metronome-tool__beat-blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metronome-tool__beat{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:52px;height:40px;border:2px solid #d8d8d8;border-radius:10px;background:#fff;color:#787676;font-size:16px;font-weight:600;-webkit-transition:background-color .08s,border-color .08s,color .08s;transition:background-color .08s,border-color .08s,color .08s}@media (max-width:768px){.metronome-tool__beat{width:40px}}.metronome-tool__beat--accent{border-color:#e82076;background:#f9deea;color:#c4105e}.metronome-tool__beat--active{border-color:#282828;background:#282828;color:#fff}.metronome-tool__beat--active.metronome-tool__beat--accent{border-color:#e82076;background:#e82076}.metronome-tool__beats-text{font-size:14px;color:#787676}.metronome-tool__tempo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px}@media (max-width:768px){.metronome-tool__tempo{gap:8px}}.metronome-tool__round-button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;height:56px;padding:0;border:1px solid #d8d8d8;border-radius:9999px;background:#fff;color:#282828}.metronome-tool__round-button:hover{border-color:#282828}@media (max-width:768px){.metronome-tool__round-button{width:48px;height:48px}}.metronome-tool__tempo-display{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.metronome-tool__tempo-display,.metronome-tool__tempo-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metronome-tool__tempo-field{gap:8px;margin-left:48px}@media (max-width:768px){.metronome-tool__tempo-field{gap:4px;margin-left:36px}.metronome-tool__tempo-field .metronome-tool__icon-button{width:32px;height:32px}}.metronome-tool__bpm-input{width:200px;height:112px;padding:0;border:1px solid #eee;border-radius:16px;background:#fafafa;color:#282828;font-size:88px;font-weight:600;line-height:1;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.metronome-tool__bpm-input::-webkit-inner-spin-button,.metronome-tool__bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metronome-tool__bpm-input:focus{border-color:#e82076;outline:none}@media (max-width:768px){.metronome-tool__bpm-input{width:120px;height:80px;font-size:56px}}.metronome-tool__icon-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:9999px;background:none;color:#787676}.metronome-tool__icon-button:hover{color:#282828}.metronome-tool__tempo-caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#787676}.metronome-tool__beat-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:26px;overflow:hidden;color:#282828}.metronome-tool__beat-unit svg{display:block}.metronome-tool__tempo-name{color:#e82076}.metronome-tool__slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;width:100%}.metronome-tool__slider-labels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;color:#787676}.metronome-tool__range{width:100%;height:28px;margin:0;accent-color:#e82076;cursor:pointer}.metronome-tool__play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:96px;height:96px;padding:0;border:none;border-radius:9999px;background:#e82076;color:#fff;-webkit-box-shadow:0 16px 40px rgba(232,32,118,.25);box-shadow:0 16px 40px rgba(232,32,118,.25)}.metronome-tool__play:hover{background:#c4105e}.metronome-tool__play:disabled{cursor:default;opacity:.5}.metronome-tool__play--loading:disabled{cursor:progress;opacity:.8}.metronome-tool__message{margin:0;font-size:14px;text-align:center;color:#787676}.metronome-tool__settings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:28px;padding:40px 44px}@media (max-width:768px){.metronome-tool__settings{gap:22px;padding:20px 16px 24px}}.metronome-tool__settings-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:993px){.metronome-tool__settings-header{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.metronome-tool__settings-title{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:#282828}@media (min-width:993px){.metronome-tool__settings-title{display:none}}.metronome-tool__text-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;height:38px;padding:0 12px;border:none;background:none;color:#787676;font-size:15px;font-weight:600}.metronome-tool__text-button:hover{color:#282828}@media (max-width:768px){.metronome-tool__text-button{padding:0 4px}}.metronome-tool__field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.metronome-tool__field-label{font-size:16px;font-weight:600;color:#e82076}.metronome-tool__chip{height:42px;padding:0 18px;border:1px solid #d8d8d8;border-radius:9999px;background:#fff;color:#282828;font-size:16px;font-weight:600}.metronome-tool__chip:hover{border-color:#282828}@media (max-width:768px){.metronome-tool__chip{height:44px;padding:0;font-size:15px}}.metronome-tool__chip--selected,.metronome-tool__chip--selected:hover{border-color:#e82076;background:#f9deea;color:#e82076}.metronome-tool__signatures{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}@media (max-width:768px){.metronome-tool__signatures{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}}.metronome-tool__chip--signature{min-width:56px;padding:0 12px}@media (max-width:768px){.metronome-tool__chip--signature{min-width:0;padding:0}}.metronome-tool__chip--more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;padding:0 12px 0 16px}@media (max-width:768px){.metronome-tool__chip--more{grid-column:span 2;padding:0}}.metronome-tool__more-menu{position:absolute;top:50px;right:0;z-index:18;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:300px;padding:18px 20px;border-radius:24px;background:#fff;-webkit-box-shadow:0 6px 8px rgba(0,0,0,.1),0 0 0 1px #eee;box-shadow:0 6px 8px rgba(0,0,0,.1),0 0 0 1px #eee}.metronome-tool__more-menu .metronome-tool__chip{height:40px;padding:0;font-size:15px}@media (max-width:768px){.metronome-tool__more-menu{top:100px;left:0;width:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:16px}.metronome-tool__more-menu .metronome-tool__chip{height:44px}}.metronome-tool__sounds{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}@media (max-width:768px){.metronome-tool__sounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}.metronome-tool__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:32px;padding-top:20px;border-top:1px solid #eee}@media (max-width:768px){.metronome-tool__footer{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px}}.metronome-tool__volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.metronome-tool__volume-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.metronome-tool__volume-label{margin:0;font-size:16px;font-weight:600}.metronome-tool__stepper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.metronome-tool__stepper .metronome-tool__icon-button{width:32px;height:32px}@media (max-width:768px){.metronome-tool__stepper .metronome-tool__icon-button{width:44px;height:44px}}.metronome-tool__stepper-value{width:20px;font-size:16px;font-weight:600;text-align:center}.metronome-tool__volume-ticks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 6px}.metronome-tool__volume-tick{width:2px;height:8px;border-radius:1px;background:#d8d8d8}.metronome-tool__volume-tick--on{background:#e82076}.metronome-tool__switch-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:32px}@media (max-width:768px){.metronome-tool__switch-row{height:44px}}.metronome-tool__switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:48px;height:28px;padding:2px;border:none;border-radius:9999px;background:#d8d8d8;-webkit-transition:background-color .2s;transition:background-color .2s}.metronome-tool__switch--on{background:#e82076}.metronome-tool__switch-knob{width:24px;height:24px;border-radius:9999px;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.metronome-tool__switch--on .metronome-tool__switch-knob{-webkit-transform:translateX(20px);transform:translateX(20px)}.metronome-tool__subdivisions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:16px;background:#f6f2f3}@media (max-width:768px){.metronome-tool__subdivisions{gap:6px;padding:8px}}.metronome-tool__subdivision{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px;padding:0;border:1px solid #eee;border-radius:10px;background:#fff;color:#787676}@media (max-width:768px){.metronome-tool__subdivision{height:52px;overflow:hidden}}.metronome-tool__subdivision:hover{color:#282828}.metronome-tool__subdivision svg{display:block}.metronome-tool__subdivision--selected,.metronome-tool__subdivision--selected:hover{border-color:#e82076;background:#f9deea;color:#e82076}.metronome-header{padding-top:24px;background:#f6f2f3;color:#282828}@media (max-width:768px){.metronome-header{padding-top:16px}}.metronome-header__breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}@media (max-width:768px){.metronome-header__breadcrumbs{gap:10px}}.metronome-header__breadcrumbs .breadcrumbs__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}@media (max-width:768px){.metronome-header__breadcrumbs .breadcrumbs__item{gap:10px}}.metronome-header__breadcrumbs .breadcrumbs__item:after{content:"";-ms-flex-negative:0;flex-shrink:0;width:10px;height:10px;background-color:#787676;-webkit-mask-image:url("/images/client/icons.svg#chevron-right");mask-image:url("/images/client/icons.svg#chevron-right");-webkit-mask-size:contain;mask-size:contain}.metronome-header__breadcrumbs .breadcrumbs__item:last-of-type:after{display:none}.metronome-header__breadcrumbs .breadcrumbs__item:last-of-type .breadcrumbs__text{color:#e82076}.metronome-header__breadcrumbs .breadcrumbs__link,.metronome-header__breadcrumbs .breadcrumbs__link:visited{border-bottom:1px dotted #282828;text-decoration:none}.metronome-header__breadcrumbs .breadcrumbs__text{padding:2px 0;color:#282828;font-size:16px;font-weight:600;line-height:1.3}@media (max-width:768px){.metronome-header__breadcrumbs .breadcrumbs__text{font-size:15px}}.metronome-header__title{margin:16px 0;font-size:48px;font-weight:600;line-height:1.2;color:#e82076}@media (max-width:768px){.metronome-header__title{margin:12px 0;font-size:32px}}.metronome-header__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px}@media (max-width:992px){.metronome-header__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}}.metronome-header__intro{margin:0;font-size:18px;font-weight:400;line-height:1.45}.metronome-header__intro a{color:#e82076}.metronome-header__intro a:hover{color:#c4105e}@media (max-width:768px){.metronome-header__intro{font-size:16px}}.metronome-header__share{-ms-flex-negative:0;flex-shrink:0;gap:12px}.metronome-header__share,.metronome-header__share-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metronome-header__share-button{gap:8px;height:42px;padding:0 20px;border:1px solid #d8d8d8;border-radius:9999px;background:#fff;color:#282828;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.metronome-header__share-button:hover{border-color:#282828}.metronome-header__share-button:focus-visible{outline:2px solid #e82076;outline-offset:3px}@media (max-width:768px){.metronome-header__share-button{height:40px;padding:0 18px;font-size:15px}}.metronome-header__copied{font-size:14px;color:#787676}.metronome-guide{padding:30px 0}@media (max-width:768px){.metronome-guide{padding:20px 0}}.metronome-guide__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.metronome-guide__title{margin:0;font-size:32px;line-height:1.25;font-weight:600;color:#e82076}@media (max-width:768px){.metronome-guide__title{font-size:26px}}.metronome-guide__title:not(:first-child){margin-top:24px}.metronome-guide__subtitle{margin:8px 0 0;font-size:20px;line-height:1.3;font-weight:600;color:#282828}.metronome-guide__paragraph{margin:0;font-size:18px;line-height:1.55;color:#282828}@media (max-width:768px){.metronome-guide__paragraph{font-size:16px}}.metronome-guide__paragraph strong{font-weight:600}.metronome-guide__screenshot{display:block;width:100%;height:300px;border-radius:16px;background:#f6f2f3;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (max-width:768px){.metronome-guide__screenshot{height:200px}}.metronome-guide__list{font-size:18px;line-height:1.55;color:#282828;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding-left:24px;margin:0}@media (max-width:768px){.metronome-guide__list{font-size:16px}}.metronome-guide__list strong{font-weight:600}.metronome-guide__table-wrapper{overflow-x:auto;border:1px solid #eee;border-radius:16px}.metronome-guide__table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;color:#282828}.metronome-guide__table td,.metronome-guide__table th{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.metronome-guide__table th{font-weight:600;background:#f6f2f3}.metronome-guide__table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.metronome-guide__table{font-size:14px}.metronome-guide__table td,.metronome-guide__table th{padding:10px 12px}}.metronome-discover{padding:30px 0}@media (max-width:768px){.metronome-discover{padding:20px 0}}.metronome-discover__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:48px 64px;border-radius:26px;background:#f6f2f3}@media (max-width:768px){.metronome-discover__card{padding:32px 20px}}.metronome-discover__title{margin:0;font-size:32px;line-height:1.25;font-weight:600;color:#e82076}@media (max-width:768px){.metronome-discover__title{font-size:26px}}.metronome-discover__text{margin:0;font-size:18px;line-height:1.55;color:#282828}@media (max-width:768px){.metronome-discover__text{font-size:16px}}.metronome-discover__ctas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:8px}.metronome-discover__cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:48px;padding:0 28px;border-radius:9999px;font-size:16px;font-weight:600;text-decoration:none;height:56px;padding:0 34px;font-size:18px;color:#fff;background:#e82076}.metronome-discover__cta:focus,.metronome-discover__cta:hover{text-decoration:none;color:#fff;background:#c4105e}@media (max-width:768px){.metronome-discover__cta{height:48px;padding:0 28px;font-size:16px}}.metronome-discover__cta--secondary{color:#e82076;background:#fff;-webkit-box-shadow:inset 0 0 0 2px #e82076;box-shadow:inset 0 0 0 2px #e82076}.metronome-discover__cta--secondary:focus,.metronome-discover__cta--secondary:hover{color:#c4105e;background:#fff;-webkit-box-shadow:inset 0 0 0 2px #c4105e;box-shadow:inset 0 0 0 2px #c4105e}.metronome-blog{padding:30px 0}@media (max-width:768px){.metronome-blog{padding:20px 0}}.metronome-blog__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.metronome-blog__title{margin:0;font-size:32px;line-height:1.25;font-weight:600;color:#e82076}@media (max-width:768px){.metronome-blog__title{font-size:26px}}.metronome-blog__text{margin:0;font-size:18px;line-height:1.55;color:#282828}@media (max-width:768px){.metronome-blog__text{font-size:16px}}.metronome-blog__text a{color:#e82076}.metronome-blog__cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:48px;padding:0 28px;border-radius:9999px;font-size:16px;font-weight:600;text-decoration:none;-ms-flex-item-align:start;align-self:flex-start;color:#e82076;border:1px solid #e82076}.metronome-blog__cta:focus,.metronome-blog__cta:hover{text-decoration:none;color:#fff;background:#e82076}.metronome-apps{padding:30px 0}@media (max-width:768px){.metronome-apps{padding:20px 0}}.refactor .discover-banner{position:relative;padding:1.5rem 2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(225deg,#f01d8e,#e82076);border-radius:.625rem;overflow:hidden;color:#fff}.refactor .discover-banner>*{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1}@media (max-width:768px){.refactor .discover-banner{padding:1.25rem 2rem}}.refactor .discover-banner__title{display:block;color:#fff;font-size:24px;line-height:31px;font-weight:400;text-wrap:balance}@media (min-width:768px){.refactor .discover-banner__title{max-width:80%}}.refactor .discover-banner__text{font-size:18px;line-height:23px;font-weight:200;color:#fff}.refactor .discover-banner__title+.discover-banner__text{margin-top:.5rem}.refactor .discover-banner__action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;padding-top:1rem;padding-bottom:.5rem}@media (max-width:768px){.refactor .discover-banner__action>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.refactor .discover-banner__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 1.25rem;min-height:2.625rem;min-width:6.75rem;background-color:#fff;color:var(--color-primary);font-size:1rem;font-weight:600;line-height:1em;text-decoration:none;border:none;border-radius:100vh;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.refactor .icon--monitor{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNjM0MTUgMEgyMC41OTM1QzIyLjYwMDYgMCAyNC4yMjc2IDEuMzQzMTUgMjQuMjI3NiAzVjEzQzI0LjIyNzYgMTQuNjU2OSAyMi42MDA2IDE2IDIwLjU5MzUgMTZIMTcuNDU2TDE4LjE3MDcgMTdDMTguNjAzNSAxNy42MTg4IDE4LjYwMzUgMTguMzgxMiAxOC4xNzA3IDE5QzE3LjczODQgMTkuNjE4MiAxNi45Mzk3IDE5Ljk5OTMgMTYuMDc1IDIwSDguMjQ5NTFDNy4zNzYxOCAyMC4wMDY1IDYuNTY2MjQgMTkuNjI0NCA2LjEyOTU5IDE5QzUuNjk2ODEgMTguMzgxMiA1LjY5NjgxIDE3LjYxODggNi4xMjk1OSAxN0w2LjgzMjIgMTZIMy42MzQxNUMxLjYyNzA2IDE2IDAgMTQuNjU2OSAwIDEzVjNDMCAxLjM0MzE1IDEuNjI3MDYgMCAzLjYzNDE1IDBaTTE0LjUzNjYgMTZIOS42OTEwNkw4LjIwMTA2IDE4SDE1Ljk5MDJMMTQuNTM2NiAxNlpNMjEuODA0OSAxM0MyMS44MDQ5IDEzLjU1MjMgMjEuMjYyNSAxNCAyMC41OTM1IDE0SDMuNjM0MTVDMi45NjUxMiAxNCAyLjQyMjc2IDEzLjU1MjMgMi40MjI3NiAxM1YxMkgyMS44MDQ5VjEzWk0yLjQyMjc2IDEwSDIxLjgwNDlWM0MyMS44MDQ5IDIuNDQ3NzIgMjEuMjYyNSAyIDIwLjU5MzUgMkgzLjYzNDE1QzIuOTY1MTIgMiAyLjQyMjc2IDIuNDQ3NzIgMi40MjI3NiAzVjEwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNjM0MTUgMEgyMC41OTM1QzIyLjYwMDYgMCAyNC4yMjc2IDEuMzQzMTUgMjQuMjI3NiAzVjEzQzI0LjIyNzYgMTQuNjU2OSAyMi42MDA2IDE2IDIwLjU5MzUgMTZIMTcuNDU2TDE4LjE3MDcgMTdDMTguNjAzNSAxNy42MTg4IDE4LjYwMzUgMTguMzgxMiAxOC4xNzA3IDE5QzE3LjczODQgMTkuNjE4MiAxNi45Mzk3IDE5Ljk5OTMgMTYuMDc1IDIwSDguMjQ5NTFDNy4zNzYxOCAyMC4wMDY1IDYuNTY2MjQgMTkuNjI0NCA2LjEyOTU5IDE5QzUuNjk2ODEgMTguMzgxMiA1LjY5NjgxIDE3LjYxODggNi4xMjk1OSAxN0w2LjgzMjIgMTZIMy42MzQxNUMxLjYyNzA2IDE2IDAgMTQuNjU2OSAwIDEzVjNDMCAxLjM0MzE1IDEuNjI3MDYgMCAzLjYzNDE1IDBaTTE0LjUzNjYgMTZIOS42OTEwNkw4LjIwMTA2IDE4SDE1Ljk5MDJMMTQuNTM2NiAxNlpNMjEuODA0OSAxM0MyMS44MDQ5IDEzLjU1MjMgMjEuMjYyNSAxNCAyMC41OTM1IDE0SDMuNjM0MTVDMi45NjUxMiAxNCAyLjQyMjc2IDEzLjU1MjMgMi40MjI3NiAxM1YxMkgyMS44MDQ5VjEzWk0yLjQyMjc2IDEwSDIxLjgwNDlWM0MyMS44MDQ5IDIuNDQ3NzIgMjEuMjYyNSAyIDIwLjU5MzUgMkgzLjYzNDE1QzIuOTY1MTIgMiAyLjQyMjc2IDIuNDQ3NzIgMi40MjI3NiAzVjEwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.refactor .apps-banner{position:relative;padding:1.5rem 2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-image:linear-gradient(225deg,#6492c7,#345995);border-radius:.625rem;overflow:hidden;color:#fff}.refactor .apps-banner>*{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1}@media (max-width:768px){.refactor .apps-banner{padding:1.25rem 2rem}}.refactor .apps-banner__title{display:block;color:#fff;font-size:1.5rem;font-weight:600;line-height:1.25em;text-wrap:balance}@media (min-width:768px){.refactor .apps-banner__title{max-width:80%}}.refactor .apps-banner__action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;padding-top:1rem;padding-bottom:.5rem}@media (max-width:768px){.refactor .apps-banner__action>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.refactor .apps-banner__button{--icon-size:1.875rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;padding:.5rem .675rem;min-height:2.625rem;color:#fff;background-color:#000;font-size:calc(1.125rem + 1px);font-weight:600;line-height:1em;text-decoration:none;border:none;border-radius:7px;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #a6a6a6}.refactor .apps-banner__button-label{display:block;font-size:9px;line-height:100%;font-weight:400;color:#fff;text-align:left}.refactor .apps-banner__button-text{font-size:18px;line-height:100%;font-weight:600;color:#fff}.refactor .apps-banner__button-text--reversed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.refactor .discover-apps-banner-new{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.refactor .discover-apps-banner-new>*{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:992px){.refactor .discover-apps-banner-new{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}}.learn-piano-faq-section{background:#fff;padding:64px 0}@media (max-width:768px){.learn-piano-faq-section{padding:32px 15px}}.learn-piano-faq__title{font-size:40px;line-height:1.1;font-weight:400;color:#141414;text-align:center;margin-bottom:40px}@media (max-width:768px){.learn-piano-faq__title{font-size:28px;margin-bottom:24px}}.learn-piano-faq{-webkit-box-shadow:0 15px 100px 0 rgba(0,0,0,.1);box-shadow:0 15px 100px 0 rgba(0,0,0,.1);background:#fff;list-style:none;padding:12px 32px 32px}@media (max-width:768px){.learn-piano-faq{padding:0 16px 16px}}.learn-piano-faq__item{padding-bottom:30px;padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:21px;border-bottom:1px solid #eee}@media (max-width:768px){.learn-piano-faq__item{gap:11px;padding-bottom:15px;padding-top:0}}.learn-piano-faq .learn-piano-faq__item:last-child{border-bottom:none}.learn-piano-faq__heading{font-size:28px;line-height:35.8px;color:#141414;font-weight:600}@media (max-width:768px){.learn-piano-faq__heading{font-size:20px}}.learn-piano-faq__subheading{font-size:20px;line-height:1.5;font-weight:400;color:#282828}@media (max-width:768px){.learn-piano-faq__subheading{font-size:18px}}