.hx-home-eyebrow{color:var(--hx-color-accent-copper);font-size:var(--hx-type-scale-section-heading-size);line-height:var(--hx-type-scale-section-heading-line-height);font-weight:var(--hx-type-scale-section-heading-weight);letter-spacing:var(--hx-type-scale-section-heading-tracking);text-transform:uppercase}.hx-home-section{margin-top:calc(var(--hx-spacing-scale-xxl) * 2.5);scroll-margin-top:var(--hx-spacing-scale-lg)}.hx-home-section h2{font-family:var(--hx-type-family-display);font-size:var(--hx-type-scale-display-size);line-height:var(--hx-type-scale-display-line-height);font-weight:var(--hx-type-scale-display-weight);letter-spacing:var(--hx-type-scale-display-tracking)}@media (width>=52rem){.hx-home-sample,.hx-home-devices{gap:var(--hx-spacing-scale-xxl);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;display:grid}}.hx-home-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.hx-home-hero>:where(*+*){margin-top:var(--hx-spacing-scale-lg)}.hx-home-hero h1{max-width:44rem;font-size:calc(var(--hx-type-scale-display-size) * 1.5)}.hx-home-hero .hx-lead{max-width:40rem}.hx-home-hero__actions{justify-content:center}.hx-home-hero__note{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height)}.hx-home-hero__product{width:100%;max-width:60rem;margin-top:calc(var(--hx-spacing-scale-xxl) * 1.5);padding-inline-end:8%;padding-bottom:6%;position:relative}.hx-home-hero__product img{width:100%;height:auto;display:block}.hx-home-hero__mac img{filter:drop-shadow(0 0 .5px var(--hx-color-line-control))}.hx-home-hero__iphone{inset-inline-end:0;width:22%;position:absolute;bottom:0}.hx-home-hero__iphone img{box-shadow:0 0 0 1px var(--hx-color-line-control);border-radius:13.7%/6.3%}.hx-home-sample__text>:where(*+*),.hx-home-devices__text>:where(*+*){margin-top:var(--hx-spacing-scale-md)}.hx-home-sample__player{margin-top:var(--hx-spacing-scale-xl)}@media (width>=52rem){.hx-home-sample__player{margin-top:0}}.hx-home-legend{gap:var(--hx-spacing-scale-xs);color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height);padding:0;list-style:none;display:grid}.hx-home-legend li{align-items:center;gap:var(--hx-spacing-scale-sm);display:flex}.hx-home-legend__swatch{flex:none;display:inline-block}.hx-home-legend__swatch--continuous{background-image:linear-gradient(to right, var(--hx-color-waveform-bar-from), var(--hx-color-waveform-bar-to));border-radius:999px;width:1.75rem;height:.625rem}.hx-home-legend__swatch--playhead{background-image:linear-gradient(var(--hx-color-accent-copper), var(--hx-color-accent-copper));background-position:50%;background-repeat:no-repeat;background-size:2px 100%;width:1.75rem;height:1rem}.hx-home-editor__head{text-align:center;flex-direction:column;align-items:center;display:flex}.hx-home-editor__head>:where(*+*){margin-top:var(--hx-spacing-scale-md)}.hx-home-editor__head h2{max-width:40rem}.hx-home-editor__intro{max-width:36rem;color:var(--hx-color-ink-muted)}.hx-home-editor__tabs{gap:var(--hx-spacing-scale-xs);margin-top:var(--hx-spacing-scale-xl);padding:var(--hx-spacing-scale-xs);border:1px solid var(--hx-color-line-hairline);border-radius:999px;display:inline-flex}.hx-home-editor__tab{min-width:5.5rem;min-height:var(--hx-spacing-min-tap-target);padding:0 var(--hx-spacing-scale-lg);color:var(--hx-color-ink-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.hx-home-editor__tab[aria-selected=true]{background-color:var(--hx-color-ink-primary);color:var(--hx-color-surface-paper)}.hx-home-editor__panel{margin-top:calc(var(--hx-spacing-scale-xxl) * 1.5);border-radius:var(--hx-radius-scale-md)}@media (width>=52rem){.hx-home-editor__panel{gap:calc(var(--hx-spacing-scale-xxl) * 1.5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;display:grid}.hx-home-editor__panel[hidden]{display:none}}.hx-home-editor__frame{border-radius:var(--hx-radius-scale-md);width:100%;box-shadow:0 0 0 1px var(--hx-color-line-hairline);background-color:var(--hx-color-surface-paper);justify-self:center;position:relative;overflow:hidden}.hx-home-editor__panel--ipad .hx-home-editor__frame{border-radius:var(--hx-radius-scale-lg);max-width:28rem}.hx-home-editor__panel--iphone .hx-home-editor__frame{border-radius:13.7%/6.3%;max-width:18rem}.hx-home-editor__camera{transform-origin:0 0;transform:translate(var(--hx-tour-x,0%), var(--hx-tour-y,0%)) scale(var(--hx-tour-scale,1));transition:transform calc(var(--hx-motion-duration-slow) * 1.5) var(--hx-motion-easing-standard);position:relative}.hx-home-editor__picture img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.hx-home-editor__camera{transition:none}}.hx-home-editor__callout,.hx-home-editor__number{background-color:var(--hx-color-accent-copper);width:2rem;height:2rem;color:var(--hx-color-accent-on-copper);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.hx-home-editor__callout{left:var(--hx-callout-x,0%);top:var(--hx-callout-y,0%);box-shadow:0 0 0 2px var(--hx-color-surface-paper);position:absolute;transform:translate(-50%,-50%)}.hx-home-editor__frame.is-touring .hx-home-editor__callout{display:none}.hx-home-editor__text{margin-top:var(--hx-spacing-scale-xl)}@media (width>=52rem){.hx-home-editor__text{margin-top:0}}.hx-home-editor__parts{gap:var(--hx-spacing-scale-md);padding:0;list-style:none;display:grid}.hx-home-editor__part{gap:var(--hx-spacing-scale-md);padding:var(--hx-spacing-scale-md);border-radius:var(--hx-radius-scale-lg);display:flex}.hx-home-editor__part.is-current{box-shadow:inset 0 0 0 1px var(--hx-color-line-control)}.hx-home-editor__part h3{font-size:var(--hx-type-scale-heading-size);line-height:var(--hx-type-scale-heading-line-height);font-weight:var(--hx-type-scale-heading-weight)}.hx-home-editor__part p{margin-top:var(--hx-spacing-scale-xs);color:var(--hx-color-ink-muted)}.hx-home-editor__line{margin-top:var(--hx-spacing-scale-lg);padding:var(--hx-spacing-scale-lg) var(--hx-spacing-scale-md) 0;border-top:1px solid var(--hx-color-line-hairline)}.hx-home-editor__tour{align-items:center;gap:var(--hx-spacing-scale-md);margin-top:var(--hx-spacing-scale-lg);padding-inline:var(--hx-spacing-scale-md);flex-wrap:wrap;display:flex}.hx-home-editor__position{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height)}.hx-home-surface__head{text-align:center;flex-direction:column;align-items:center;display:flex}.hx-home-surface__head>:where(*+*){margin-top:var(--hx-spacing-scale-md)}.hx-home-surface__head h2{max-width:40rem}.hx-home-surface__features{gap:calc(var(--hx-spacing-scale-xxl) * 1.5);margin-top:calc(var(--hx-spacing-scale-xxl) * 1.5);padding:0;list-style:none;display:grid}.hx-home-surface__feature{gap:var(--hx-spacing-scale-xl);place-items:center;max-width:none;display:grid}@media (width>=52rem){.hx-home-surface__feature{gap:calc(var(--hx-spacing-scale-xxl) * 1.5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:stretch}.hx-home-surface__feature--tracks{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.hx-home-surface__feature:nth-child(2n) .hx-home-surface__picture{order:2}.hx-home-surface__feature .hx-home-surface__picture{justify-self:center}}.hx-home-surface__picture{border-radius:var(--hx-radius-scale-md);width:100%;box-shadow:0 0 0 1px var(--hx-color-line-control);display:block;overflow:hidden}.hx-home-surface__feature--inspector .hx-home-surface__picture{max-width:19rem}.hx-home-surface__feature--beats .hx-home-surface__picture{border-radius:var(--hx-radius-scale-lg);max-width:19rem}.hx-home-surface__picture img,.hx-home-card__picture img{width:100%;height:auto;display:block}.hx-home-surface__text{max-width:34rem}.hx-home-surface__text>:where(*+*){margin-top:var(--hx-spacing-scale-md)}.hx-home-surface__label{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-section-heading-size);line-height:var(--hx-type-scale-section-heading-line-height);font-weight:var(--hx-type-scale-section-heading-weight);letter-spacing:var(--hx-type-scale-section-heading-tracking);text-transform:uppercase}.hx-home-surface__text h3{font-family:var(--hx-type-family-display);font-size:var(--hx-type-scale-title-size);line-height:var(--hx-type-scale-title-line-height);font-weight:var(--hx-type-scale-title-weight);letter-spacing:var(--hx-type-scale-title-tracking)}.hx-home-surface__text h3+p{color:var(--hx-color-ink-muted)}.hx-home-surface__cards{gap:var(--hx-spacing-scale-lg);margin-top:calc(var(--hx-spacing-scale-xxl) * 1.5);padding:0;list-style:none;display:grid}.hx-home-card{align-content:start;gap:var(--hx-spacing-scale-xs);grid-template-rows:auto auto 1fr;min-width:0;max-width:none;display:grid}@media (width>=52rem){.hx-home-surface__cards{column-gap:var(--hx-spacing-scale-lg);grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}.hx-home-card{grid-row:span 3;grid-template-rows:subgrid}}.hx-home-card h3{margin-top:var(--hx-spacing-scale-md);font-size:var(--hx-type-scale-heading-size);line-height:var(--hx-type-scale-heading-line-height);font-weight:var(--hx-type-scale-heading-weight)}.hx-home-card p{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height)}.hx-home-card__visual{justify-content:center;gap:var(--hx-spacing-scale-md);min-height:11rem;padding:var(--hx-spacing-scale-md);border:1px solid var(--hx-color-line-hairline);border-radius:var(--hx-radius-scale-card);flex-direction:column;margin:0;display:flex}.hx-home-card__picture{border-radius:var(--hx-radius-scale-md);overflow:hidden}.hx-home-card__code pre{color:var(--hx-color-ink-primary);font-family:var(--hx-type-family-mono);font-size:calc(var(--hx-type-scale-mono-size) * .8);line-height:var(--hx-type-scale-mono-line-height);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.hx-home-card__code code>span{text-indent:-4ch;padding-inline-start:4ch;display:block}.hx-home-card__comment{color:var(--hx-color-ink-muted)}.hx-home-card__code figcaption{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height)}.hx-home-card__visual--publish{align-items:center}.hx-home-card__address{max-width:100%;padding:var(--hx-spacing-scale-xs) var(--hx-spacing-scale-md);border:1px solid var(--hx-color-line-hairline);color:var(--hx-color-ink-muted);font-family:var(--hx-type-family-mono);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;overflow:hidden}.hx-home-card__bars{width:100%;height:3rem;display:block}.hx-home-card__bars rect{fill:var(--hx-color-waveform-bar-to)}@media (width>=52rem){.hx-home-watch{gap:var(--hx-spacing-scale-xxl);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}}.hx-home-watch__text>:where(*+*){margin-top:var(--hx-spacing-scale-md)}.hx-home-watch__steps{gap:var(--hx-spacing-scale-sm);padding-inline-start:1.75em;display:grid}.hx-home-watch__steps li::marker{color:var(--hx-color-accent-copper);font-weight:var(--hx-type-scale-heading-weight)}.hx-home-watch__figure{margin:var(--hx-spacing-scale-xl) 0 0;flex-direction:column;align-items:center;display:flex}@media (width>=52rem){.hx-home-watch__figure{margin-top:0}}.hx-home-watch__video{aspect-ratio:300/652;width:100%;max-width:18.75rem;height:auto;box-shadow:0 0 0 1px var(--hx-color-line-control);background-color:var(--hx-color-surface-paper);border-radius:13.7%/6.3%;display:block}.hx-home-watch__note{max-width:18.75rem;margin-top:var(--hx-spacing-scale-md);color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height);text-align:center}.hx-home-devices__table{margin-top:var(--hx-spacing-scale-xl);border:1px solid var(--hx-color-line-hairline);border-radius:var(--hx-radius-scale-lg);overflow-x:auto}@media (width>=52rem){.hx-home-devices__table{margin-top:0}}.hx-home-devices table{border-collapse:collapse;width:100%}.hx-home-devices th,.hx-home-devices td{padding:var(--hx-spacing-scale-sm) var(--hx-spacing-scale-md);text-align:start;vertical-align:top}.hx-home-devices tr+tr>*,.hx-home-devices tbody tr:first-child>*{border-top:1px solid var(--hx-color-line-hairline)}.hx-home-devices thead th{color:var(--hx-color-ink-muted);font-size:var(--hx-type-scale-caption-size);line-height:var(--hx-type-scale-caption-line-height)}.hx-home-devices tbody th{width:30%;font-weight:600}@media (width<=40rem){.hx-home-devices tbody th{width:auto}}.hx-home-library{justify-content:space-between;align-items:center;gap:var(--hx-spacing-scale-lg) var(--hx-spacing-scale-xxl);padding:var(--hx-spacing-scale-xl);border:1px solid var(--hx-color-line-hairline);border-radius:var(--hx-radius-scale-card);flex-wrap:wrap;display:flex}.hx-home-library>div{flex:24rem}.hx-home-library>div>:where(*+*){margin-top:var(--hx-spacing-scale-sm)}.hx-home-library h2{font-size:var(--hx-type-scale-title-size);line-height:var(--hx-type-scale-title-line-height)}.hx-home-library p{color:var(--hx-color-ink-muted)}.hx-home-get{text-align:center;flex-direction:column;align-items:center;display:flex}.hx-home-get>:where(*+*){margin-top:var(--hx-spacing-scale-lg)}.hx-home-get__mark{width:auto;height:2.5rem;color:var(--hx-color-accent-copper)}.hx-home-get h2{max-width:32rem}.hx-home-get__actions{justify-content:center}.hx-main>.hx-classic-note{border:1px solid var(--hx-color-line-hairline);border-inline-start:4px solid var(--hx-color-accent-copper);background-color:#0000}@media (width<=40rem){.hx-home-editor__callout{width:1.5rem;height:1.5rem;font-size:var(--hx-type-scale-caption-size)}}