.phead{padding:var(--sp-8) 0 var(--sp-6);text-align:center}.phead h1{font-size:var(--fs-display);max-width:16ch;margin:0 auto var(--sp-4)}.phead p{color:var(--ink-2);font-size:var(--fs-h3);max-width:44ch;margin:0 auto;font-weight:400;line-height:1.5}.feat{gap:var(--sp-7);padding:var(--sp-7) 0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;display:grid}.feat.reverse .feat-text{order:2}.feat-text h2{margin-bottom:var(--sp-4)}.feat-text p{color:var(--ink-2)}.feat-text .num{font-family:var(--serif);font-size:var(--fs-caption);color:var(--accent);letter-spacing:.02em;margin-bottom:var(--sp-3);font-weight:600;display:block}@media (width<=760px){.feat{gap:var(--sp-5);padding:var(--sp-6) 0;grid-template-columns:1fr}.feat.reverse .feat-text{order:0}}.demo{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-float)}.demo-lbl{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--sp-4);font-weight:600}.miniscore{width:100%}.miniscore .staff-line,.miniscore .barline{stroke:var(--line-strong);stroke-width:1.3px}.miniscore .note{fill:var(--ink)}.miniscore .curwash{fill:var(--app-accent-tint);opacity:.85}.miniscore .clef{fill:var(--ink);font-family:var(--serif)}.demo-kbd{height:84px;margin-top:var(--sp-4)}.chiprow{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.chip{border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--r-pill);font-size:var(--fs-caption);color:var(--ink-2);align-items:center;gap:7px;padding:8px 14px;font-weight:600;display:inline-flex}.chip svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.chip.on{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.chip.note-on{background:var(--note);border-color:var(--note);color:#fff}.chip.ghost-wait{border-color:var(--note);color:var(--note);background:color-mix(in srgb,var(--note) 8%,transparent)}.waitdot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.waitdot{animation:none}}.tempo-track{border-radius:var(--r-pill);background:var(--paper-sunken);border:1px solid var(--line);height:6px;margin:var(--sp-4) 0;position:relative}.tempo-track i{background:color-mix(in srgb,var(--app-accent) 40%,transparent);border-radius:var(--r-pill);width:60%;position:absolute;top:-1px;bottom:-1px;left:0}.tempo-track i:after{content:"";background:var(--app-accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.tempo-scale{color:var(--ink-3);justify-content:space-between;font-size:11px;display:flex}.import-band{background:var(--paper-sunken);border-radius:var(--r-xl);padding:var(--sp-7);margin:var(--sp-6) 0}.import-head{text-align:center;max-width:48ch;margin:0 auto var(--sp-7)}.import-head .tag{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3);font-weight:700;display:inline-block}.import-head h2{font-size:var(--fs-h2)}.import-head p{color:var(--ink-2);margin:var(--sp-4) auto 0}.pipeline{gap:var(--sp-4);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;display:grid}.pstep{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);text-align:center;justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;min-height:150px;display:flex}.pstep .glyph{justify-content:center;align-items:center;width:100%;height:70px;display:flex}.pstep h4{font-family:var(--serif);font-size:var(--fs-h3);font-weight:600}.pstep p{font-size:var(--fs-caption);color:var(--ink-2);max-width:24ch;margin:0 auto}.parrow{color:var(--accent)}.parrow svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:14px}.sheet{border:1px solid var(--line-strong);width:56px;height:70px;box-shadow:var(--shadow-float);background:#fff;border-radius:3px;position:relative}.sheet:before{content:"";background:var(--line-strong);height:1px;box-shadow:0 5px 0 var(--line-strong),0 10px 0 var(--line-strong),0 15px 0 var(--line-strong),0 20px 0 var(--line-strong);position:absolute;top:9px;left:8px;right:8px}.sheet .dc{text-align:center;font-family:var(--serif);color:var(--ink-3);font-size:22px;font-style:italic;font-weight:300;position:absolute;bottom:6px;left:0;right:0}@media (width<=760px){.import-band{padding:var(--sp-5)}.pipeline{gap:var(--sp-3);grid-template-columns:1fr}.parrow{justify-self:center;transform:rotate(90deg)}}.devices{gap:var(--sp-4);padding:var(--sp-3) 0;justify-content:center;align-items:flex-end;display:flex}.dev-tablet{aspect-ratio:16/11;background:linear-gradient(#2b2720,#1b1813);border-radius:14px;width:200px;padding:7px}.dev-phone{aspect-ratio:9/19;background:linear-gradient(#2b2720,#1b1813);border-radius:14px;width:74px;padding:5px}.dev-screen{background:var(--paper);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.dev-phone .dev-screen{border-radius:9px}.dev-kbd{height:34%;margin-top:auto}.dev-band{background:var(--paper-sunken);border-bottom:1px solid var(--line);height:8px}.avatar-ring{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;margin-bottom:6px;display:block;overflow:hidden}