.hero{gap:1.5rem;padding-block:3rem 2rem;display:grid}.hero .lede{max-width:52ch}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-wave{background:var(--panel);border-radius:var(--radius-pad);margin:1.5rem 0 0;padding:.75rem}.hero-wave svg{aspect-ratio:960/220;width:100%;height:auto}.hero-barline{stroke:var(--line);stroke-width:1px}.hero-sample{fill:var(--ink);opacity:.82}.hero-loop-fill{fill:var(--marker);opacity:.16}.hero-bracket{fill:none;stroke:var(--marker);stroke-width:4px;stroke-linejoin:round}.hero-label{fill:var(--marker);font-family:var(--font);font-variation-settings:"wdth" 115;font-size:15px;font-weight:750}.hero-loop{transform-box:fill-box;animation:.42s cubic-bezier(.2,1.4,.4,1) both snap}@keyframes snap{0%{opacity:0;transform:translateY(-14px)scaleX(1.06)}to{opacity:1;transform:none}}.steps{gap:1.5rem;padding-block:3rem;display:grid}.steps ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;align-content:start;gap:.5rem;display:grid}.steps li:before{content:counter(step);font-variation-settings:"wdth" 125;font-weight:850;font-size:var(--step-3);color:var(--marker);line-height:1}.footer{border-top:1px solid var(--line);padding-block:3rem 2rem}