.midi-container[data-astro-cid-z6jnw4mr]{width:min(1120px,calc(100% - 48px));margin:0 auto}.midi-hero[data-astro-cid-z6jnw4mr]{padding:88px 0 64px;background:linear-gradient(180deg,#a855f71f,#a855f700 58%),#0a0d16;border-bottom:1px solid rgba(255,255,255,.08)}.midi-hero__grid[data-astro-cid-z6jnw4mr]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:48px;align-items:center}.midi-hero__copy[data-astro-cid-z6jnw4mr]{display:grid;gap:20px}.midi-eyebrow[data-astro-cid-z6jnw4mr],.midi-kicker[data-astro-cid-z6jnw4mr]{margin:0;color:#c084fc;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.midi-hero[data-astro-cid-z6jnw4mr] h1[data-astro-cid-z6jnw4mr]{margin:0;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.02;font-weight:760;letter-spacing:0}.midi-hero[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-overview[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-card[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-step[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-use-card[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-detail-copy[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-faq[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr]{color:#ffffffad;line-height:1.7}.midi-hero__actions[data-astro-cid-z6jnw4mr]{display:flex;flex-wrap:wrap;gap:12px}.midi-editor-mock[data-astro-cid-z6jnw4mr]{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff06);box-shadow:0 24px 80px #00000057}.midi-editor-mock__topbar[data-astro-cid-z6jnw4mr],.midi-editor-mock__transport[data-astro-cid-z6jnw4mr],.midi-editor-mock__footer[data-astro-cid-z6jnw4mr]{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.midi-editor-mock__topbar[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{width:9px;height:9px;border-radius:999px;background:#ffffff47}.midi-editor-mock__topbar[data-astro-cid-z6jnw4mr] strong[data-astro-cid-z6jnw4mr]{margin-left:auto;color:#fff;font-size:13px}.midi-editor-mock__transport[data-astro-cid-z6jnw4mr]{flex-wrap:wrap;background:#0a0d1670}.midi-editor-mock__transport[data-astro-cid-z6jnw4mr] button[data-astro-cid-z6jnw4mr]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#f97316;color:#fff}.midi-editor-mock__play[data-astro-cid-z6jnw4mr]{width:16px;height:16px}.midi-editor-mock__transport[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{padding:7px 10px;border-radius:999px;background:#ffffff14;color:#ffffffb8;font-size:12px}.midi-piano-roll[data-astro-cid-z6jnw4mr]{display:grid;grid-template-columns:56px minmax(0,1fr);min-height:294px}.midi-piano-roll__keys[data-astro-cid-z6jnw4mr]{display:grid;grid-template-rows:repeat(8,1fr);border-right:1px solid rgba(255,255,255,.1);background:#0a0d167a}.midi-piano-roll__keys[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffff94;font-size:12px}.midi-piano-roll__grid[data-astro-cid-z6jnw4mr]{position:relative;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(8,1fr);background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.075) 1px,transparent 1px),#ffffff05;background-size:6.25% 12.5%}.midi-note[data-astro-cid-z6jnw4mr]{grid-row:var(--note-row) / span 1;grid-column:var(--note-start) / span var(--note-span);align-self:center;height:58%;margin:0 3px;border-radius:7px;background:var(--note-color);box-shadow:0 0 18px color-mix(in srgb,var(--note-color) 42%,transparent)}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr]{justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);border-bottom:0;background:#0a0d1685}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr] div[data-astro-cid-z6jnw4mr]{display:grid;gap:3px}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{color:#ffffff7a;font-size:11px}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr] strong[data-astro-cid-z6jnw4mr]{color:#fff;font-size:13px}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr] a[data-astro-cid-z6jnw4mr]{padding:9px 13px;border-radius:8px;background:#f9731629;color:#fed7aa;font-size:13px;font-weight:800;text-decoration:none}.midi-overview[data-astro-cid-z6jnw4mr]{max-width:820px;display:grid;gap:14px;text-align:center}.midi-feature-grid[data-astro-cid-z6jnw4mr],.midi-use-grid[data-astro-cid-z6jnw4mr],.midi-step-grid[data-astro-cid-z6jnw4mr]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.midi-use-grid[data-astro-cid-z6jnw4mr]{grid-template-columns:repeat(3,minmax(0,1fr))}.midi-card[data-astro-cid-z6jnw4mr],.midi-step[data-astro-cid-z6jnw4mr],.midi-use-card[data-astro-cid-z6jnw4mr]{position:relative;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.midi-card__icon[data-astro-cid-z6jnw4mr]{position:absolute;top:18px;right:18px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#c084fc1f}.midi-card__icon-svg[data-astro-cid-z6jnw4mr]{width:18px;height:18px;color:#c084fc}.midi-card[data-astro-cid-z6jnw4mr] h3[data-astro-cid-z6jnw4mr],.midi-step[data-astro-cid-z6jnw4mr] h3[data-astro-cid-z6jnw4mr],.midi-use-card[data-astro-cid-z6jnw4mr] h3[data-astro-cid-z6jnw4mr]{margin:0 0 10px;padding-right:52px;color:#fff;font-size:18px}.midi-card[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-step[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr],.midi-use-card[data-astro-cid-z6jnw4mr] p[data-astro-cid-z6jnw4mr]{margin:0;font-size:14px}.midi-workflow[data-astro-cid-z6jnw4mr],.midi-detail-layout[data-astro-cid-z6jnw4mr]{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;align-items:start}.midi-step__head[data-astro-cid-z6jnw4mr]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.midi-step__head[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{display:inline-block;color:#c084fc;font-weight:800}.midi-step__head[data-astro-cid-z6jnw4mr] h3[data-astro-cid-z6jnw4mr]{margin:0;padding-right:0}.midi-section-head[data-astro-cid-z6jnw4mr]{max-width:760px;margin:0 auto 26px;display:grid;gap:10px;text-align:center}.midi-use-card[data-astro-cid-z6jnw4mr]>span[data-astro-cid-z6jnw4mr]{position:absolute;top:16px;right:18px;font-size:28px;opacity:.82}.midi-detail-copy[data-astro-cid-z6jnw4mr]{display:grid;gap:14px}.midi-detail-list[data-astro-cid-z6jnw4mr]{display:grid;gap:10px}.midi-detail-list[data-astro-cid-z6jnw4mr] div[data-astro-cid-z6jnw4mr]{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.midi-detail-list__icon[data-astro-cid-z6jnw4mr]{width:18px;height:18px;color:#c084fc}.midi-detail-list[data-astro-cid-z6jnw4mr] span[data-astro-cid-z6jnw4mr]{color:#ffffffb8;line-height:1.55}.midi-faq[data-astro-cid-z6jnw4mr]{max-width:860px}.midi-faq__list[data-astro-cid-z6jnw4mr]{display:grid;gap:12px}@media(max-width:960px){.midi-hero__grid[data-astro-cid-z6jnw4mr],.midi-workflow[data-astro-cid-z6jnw4mr],.midi-detail-layout[data-astro-cid-z6jnw4mr]{grid-template-columns:1fr}.midi-feature-grid[data-astro-cid-z6jnw4mr],.midi-use-grid[data-astro-cid-z6jnw4mr],.midi-step-grid[data-astro-cid-z6jnw4mr]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.midi-container[data-astro-cid-z6jnw4mr]{width:min(100% - 32px,1120px)}.midi-hero[data-astro-cid-z6jnw4mr]{padding:64px 0 44px}.midi-feature-grid[data-astro-cid-z6jnw4mr],.midi-use-grid[data-astro-cid-z6jnw4mr],.midi-step-grid[data-astro-cid-z6jnw4mr]{grid-template-columns:1fr}.midi-piano-roll[data-astro-cid-z6jnw4mr]{grid-template-columns:44px minmax(0,1fr);min-height:238px}.midi-editor-mock__footer[data-astro-cid-z6jnw4mr]{align-items:stretch;flex-direction:column}}