@media (min-width:481px) and (max-width:1025px){.phone-only[data-v-2bb46d05]{display:none}}@media (min-width:1026px){.phone-only[data-v-2bb46d05]{display:none}}@media (max-width:480px){.tablet-only[data-v-2bb46d05]{display:none}}@media (min-width:1026px){.tablet-only[data-v-2bb46d05]{display:none}}@media (max-width:480px){.desktop-only[data-v-2bb46d05]{display:none!important}}@media (min-width:481px) and (max-width:1025px){.desktop-only[data-v-2bb46d05]{display:none!important}}@media (max-width:480px){.not-phone[data-v-2bb46d05]{display:none}}@media (min-width:481px) and (max-width:1025px){.not-tablet[data-v-2bb46d05]{display:none}}@media (min-width:1026px){.not-desktop[data-v-2bb46d05]{display:none}.mobile-only[data-v-2bb46d05]{display:none!important}}@media (max-width:480px){.not-mobile[data-v-2bb46d05]{display:none!important}}@media (min-width:481px) and (max-width:1025px){.not-mobile[data-v-2bb46d05]{display:none}}@media (max-width:480px){.large-desktop-only[data-v-2bb46d05]{display:none}}@media (min-width:481px) and (max-width:1025px){.large-desktop-only[data-v-2bb46d05]{display:none}}@media (min-width:1026px){.large-desktop-only[data-v-2bb46d05]{display:none}}@media (min-width:1801px){.not-large-desktop[data-v-2bb46d05]{display:none}}.audio-card[data-v-2bb46d05]{background:#e9e9e9;border-radius:.5rem;box-shadow:0 2px 8px #00000014;padding:1.25rem;position:relative;text-align:center;transition:box-shadow .2s ease}.dark-mode .audio-card[data-v-2bb46d05]{background:#151515;box-shadow:0 2px 8px #0000004d}.audio-card[data-v-2bb46d05]:hover{box-shadow:0 4px 16px #00000024}.dark-mode .audio-card[data-v-2bb46d05]:hover{box-shadow:0 4px 16px #00000080}.audio-card h3[data-v-2bb46d05]{font-size:.875rem;letter-spacing:.08em;margin:0 0 .875rem;text-transform:uppercase}.dark-mode .audio-card h3[data-v-2bb46d05]{color:#fcfcfc99}.light-mode .audio-card h3[data-v-2bb46d05]{color:#444}.audio-card__sr-btn[data-v-2bb46d05]{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.instrument-tile[data-v-2bb46d05]{align-items:center;aspect-ratio:1/1;background-color:transparent;border:1.5px solid rgba(0,0,0,.12);border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;transition:border-color .2s ease,background-color .2s ease;width:100%}.dark-mode .instrument-tile[data-v-2bb46d05]{border-color:#ffffff1f}.instrument-tile[data-v-2bb46d05]:hover{background-color:#0091f20f;border-color:#0091f280}.instrument-tile:hover .play-circle[data-v-2bb46d05]{opacity:1;transform:scale(1)}.instrument-tile.is-playing[data-v-2bb46d05]{background-color:#0091f20f;border-color:#0091f2}.instrument-icon[data-v-2bb46d05]{align-items:center;color:currentColor;display:flex;height:55%;justify-content:center;opacity:.3;pointer-events:none;transition:opacity .2s ease;width:55%}.instrument-icon svg[data-v-2bb46d05]{height:100%;width:100%}.instrument-tile.is-playing .instrument-icon[data-v-2bb46d05],.instrument-tile:hover .instrument-icon[data-v-2bb46d05]{opacity:.15}.play-overlay[data-v-2bb46d05]{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.play-circle[data-v-2bb46d05],.play-overlay[data-v-2bb46d05]{align-items:center;display:flex;justify-content:center}.play-circle[data-v-2bb46d05]{background:#0091f2;border-radius:50%;color:#fff;height:3rem;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease;width:3rem}.play-circle svg[data-v-2bb46d05]{height:1.1rem;width:1.1rem}.instrument-tile.is-playing .play-circle[data-v-2bb46d05]{opacity:1;transform:scale(1)}@keyframes spin-2bb46d05{to{transform:rotate(1turn)}}.spinner[data-v-2bb46d05]{animation:spin-2bb46d05 .9s linear infinite}.progress-bar[data-v-2bb46d05]{background:rgba(0,0,0,.08);bottom:0;height:3px;left:0;position:absolute;width:100%}.dark-mode .progress-bar[data-v-2bb46d05]{background:hsla(0,0%,100%,.08)}.progress-fill[data-v-2bb46d05]{background:#0091f2;height:100%;transition:width .1s linear}.mode-toggle[data-v-2bb46d05]{border:1.5px solid rgba(0,0,0,.15);border-radius:.5rem;display:flex;overflow:hidden}.dark-mode .mode-toggle[data-v-2bb46d05]{border-color:#ffffff26}.mode-btn[data-v-2bb46d05]{background:transparent;border:none;cursor:pointer;flex:1;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.45rem 0;text-transform:uppercase;transition:background .15s ease,color .15s ease}.light-mode .mode-btn[data-v-2bb46d05]{color:#444}.dark-mode .mode-btn[data-v-2bb46d05]{color:#fcfcfcbf}.mode-btn+.mode-btn[data-v-2bb46d05]{border-left:1.5px solid rgba(0,0,0,.15)}.dark-mode .mode-btn+.mode-btn[data-v-2bb46d05]{border-left-color:#ffffff26}.mode-btn.is-active[data-v-2bb46d05]{background:#0091f2;color:#fff}.mode-btn[data-v-2bb46d05]:not(.is-active):hover{background:rgba(0,145,242,.08)}@media (min-width:481px) and (max-width:1025px){.phone-only[data-v-b5fe417d]{display:none}}@media (min-width:1026px){.phone-only[data-v-b5fe417d]{display:none}}@media (max-width:480px){.tablet-only[data-v-b5fe417d]{display:none}}@media (min-width:1026px){.tablet-only[data-v-b5fe417d]{display:none}}@media (max-width:480px){.desktop-only[data-v-b5fe417d]{display:none!important}}@media (min-width:481px) and (max-width:1025px){.desktop-only[data-v-b5fe417d]{display:none!important}}@media (max-width:480px){.not-phone[data-v-b5fe417d]{display:none}}@media (min-width:481px) and (max-width:1025px){.not-tablet[data-v-b5fe417d]{display:none}}@media (min-width:1026px){.not-desktop[data-v-b5fe417d]{display:none}.mobile-only[data-v-b5fe417d]{display:none!important}}@media (max-width:480px){.not-mobile[data-v-b5fe417d]{display:none!important}}@media (min-width:481px) and (max-width:1025px){.not-mobile[data-v-b5fe417d]{display:none}}@media (max-width:480px){.large-desktop-only[data-v-b5fe417d]{display:none}}@media (min-width:481px) and (max-width:1025px){.large-desktop-only[data-v-b5fe417d]{display:none}}@media (min-width:1026px){.large-desktop-only[data-v-b5fe417d]{display:none}}@media (min-width:1801px){.not-large-desktop[data-v-b5fe417d]{display:none}}.phase-comparison[data-v-b5fe417d]{margin:2rem 0;padding:4rem 0}.phase-comparison h2[data-v-b5fe417d]{font-size:1.75rem;font-weight:700;margin:0 0 1rem;text-align:center}.dark-mode .phase-comparison h2[data-v-b5fe417d]{color:#fcfcfc}.light-mode .phase-comparison h2[data-v-b5fe417d]{color:#000}.phase-comparison .accent[data-v-b5fe417d]{color:#f29100}.phase-comparison .lead[data-v-b5fe417d]{font-size:1.1rem;margin:0 auto 3rem;max-width:50rem;text-align:center}.dark-mode .phase-comparison .lead[data-v-b5fe417d]{color:#fcfcfcbf}.light-mode .phase-comparison .lead[data-v-b5fe417d]{color:#444}.demo-grid[data-v-b5fe417d]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;margin:0 auto;max-width:1200px}