.midi-demo[data-astro-cid-sn6kjda7]{color:#111827}.demo-shell[data-astro-cid-sn6kjda7]{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(20,184,166,.18),transparent 26%),radial-gradient(circle at 80% 6%,rgba(245,158,11,.15),transparent 25%),linear-gradient(135deg,#fff,#f8fafc 52%,#eef2f7);box-shadow:0 24px 70px #0f172a17;padding:clamp(1.25rem,3vw,2rem)}.demo-shell[data-astro-cid-sn6kjda7]:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.demo-copy[data-astro-cid-sn6kjda7],.control-panel[data-astro-cid-sn6kjda7],.piano-stage[data-astro-cid-sn6kjda7]{position:relative;z-index:1}.demo-copy[data-astro-cid-sn6kjda7]{max-width:38rem}.eyebrow[data-astro-cid-sn6kjda7]{margin:0 0 .75rem;color:#0f766e;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h2[data-astro-cid-sn6kjda7]{margin:0;color:#0f172a;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;letter-spacing:0;line-height:.98}.demo-copy[data-astro-cid-sn6kjda7] p[data-astro-cid-sn6kjda7]:last-child{margin:1rem 0 0;max-width:32rem;color:#4b5563;font-size:1rem;line-height:1.7}.control-panel[data-astro-cid-sn6kjda7]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:2rem;border:1px solid rgba(148,163,184,.36);border-radius:18px;background:#ffffffc7;box-shadow:0 18px 40px #0f172a14;padding:.85rem;backdrop-filter:blur(16px)}.connect-button[data-astro-cid-sn6kjda7]{min-height:3rem;border:0;border-radius:999px;background:#111827;color:#fff;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;padding:.8rem 1.2rem;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.connect-button[data-astro-cid-sn6kjda7]:hover:not(:disabled){background:#0f766e;box-shadow:0 10px 24px #0f766e42;transform:translateY(-1px)}.connect-button[data-astro-cid-sn6kjda7]:disabled{cursor:not-allowed;opacity:.55}.status-stack[data-astro-cid-sn6kjda7]{min-width:0}.status-line[data-astro-cid-sn6kjda7],.device-line[data-astro-cid-sn6kjda7]{margin:0}.status-line[data-astro-cid-sn6kjda7]{color:#111827;font-size:.95rem;font-weight:700}.device-line[data-astro-cid-sn6kjda7]{margin-top:.15rem;overflow:hidden;color:#6b7280;font-size:.82rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.last-note[data-astro-cid-sn6kjda7]{min-width:6.5rem;border-left:1px solid #e5e7eb;padding-left:1rem}.last-note[data-astro-cid-sn6kjda7] span[data-astro-cid-sn6kjda7]{display:block;color:#6b7280;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.last-note[data-astro-cid-sn6kjda7] strong[data-astro-cid-sn6kjda7]{display:block;color:#0f172a;font-size:1.5rem;line-height:1.1}.piano-stage[data-astro-cid-sn6kjda7]{margin-top:1.5rem;overflow-x:auto;padding:.45rem .15rem .25rem}.experience-cta[data-astro-cid-sn6kjda7]{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:1.25rem;border-radius:999px;background:#0f766e;box-shadow:0 16px 34px #0f766e42;color:#fff;font-size:.92rem;font-weight:800;padding:.9rem 1.2rem;text-decoration:none;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.experience-cta[data-astro-cid-sn6kjda7]:hover{background:#115e59;box-shadow:0 18px 38px #0f766e52;transform:translateY(-1px)}.experience-cta[data-astro-cid-sn6kjda7][hidden]{display:none}.piano[data-astro-cid-sn6kjda7]{position:relative;min-width:720px;border:1px solid rgba(15,23,42,.12);border-radius:20px;background:linear-gradient(180deg,#273244,#0f172a);box-shadow:inset 0 1px #ffffff2e,0 28px 45px #0f172a33;padding:1rem 1rem 1.2rem;touch-action:none}.white-keys[data-astro-cid-sn6kjda7]{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:.18rem;height:clamp(13.5rem,30vw,18rem)}.piano-key[data-astro-cid-sn6kjda7]{--velocity: .85;appearance:none;border:0;cursor:pointer;font:inherit;letter-spacing:0;user-select:none;-webkit-tap-highlight-color:transparent}.white-key[data-astro-cid-sn6kjda7]{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:1px solid #cbd5e1;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#fff,#f8fafc 72%,#e5e7eb);box-shadow:inset 0 -10px 18px #0f172a14,0 6px #cbd5e1;padding:.75rem .25rem;transition:background 90ms ease,box-shadow 90ms ease,transform 90ms ease}.white-key[data-astro-cid-sn6kjda7]:before{position:absolute;inset:auto 14% .65rem;height:.32rem;border-radius:999px;background:rgba(20,184,166,calc(var(--velocity) * .72));content:"";opacity:0;transform:scaleX(.7);transition:opacity 90ms ease,transform 90ms ease}.white-key[data-astro-cid-sn6kjda7].is-active{background:linear-gradient(180deg,#ecfeff,#ccfbf1 74%,#99f6e4);box-shadow:inset 0 -8px 16px #0f766e29,0 2px #5eead4;transform:translateY(4px)}.white-key[data-astro-cid-sn6kjda7].is-active:before{opacity:1;transform:scaleX(1)}.note-name[data-astro-cid-sn6kjda7]{position:relative;z-index:1;color:#1f2937;font-size:.76rem;font-weight:800}.keyboard-hint[data-astro-cid-sn6kjda7]{position:absolute;top:.7rem;color:#9ca3af;font-size:.65rem;font-weight:800}.black-keys[data-astro-cid-sn6kjda7]{position:absolute;inset:1rem 1rem auto;height:calc(clamp(13.5rem,30vw,18rem)*.61);pointer-events:none}.black-key[data-astro-cid-sn6kjda7]{position:absolute;left:var(--key-left);width:4.4%;height:100%;border:1px solid rgba(255,255,255,.1);border-radius:0 0 10px 10px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 20% 78%,rgba(255,255,255,.06)),linear-gradient(180deg,#293241,#090d14);box-shadow:inset 0 -12px 18px #00000059,0 12px 18px #0f172a6b;color:#e5e7eb;pointer-events:auto;transform:translate(-50%);transition:background 90ms ease,box-shadow 90ms ease,transform 90ms ease}.black-key[data-astro-cid-sn6kjda7] span[data-astro-cid-sn6kjda7]{position:absolute;right:0;bottom:.7rem;left:0;font-size:.62rem;font-weight:800;opacity:.62;text-align:center}.black-key[data-astro-cid-sn6kjda7].is-active{background:linear-gradient(180deg,#0f766e,#083f3d);box-shadow:inset 0 -8px 18px #04785761,0 5px 12px #0f172a59;transform:translate(-50%) translateY(4px)}.piano-key[data-astro-cid-sn6kjda7]:focus-visible,.connect-button[data-astro-cid-sn6kjda7]:focus-visible{outline:3px solid rgba(20,184,166,.5);outline-offset:3px}@media(max-width:760px){.demo-shell[data-astro-cid-sn6kjda7]{border-radius:22px;padding:1rem}.control-panel[data-astro-cid-sn6kjda7]{grid-template-columns:1fr;gap:.85rem}.connect-button[data-astro-cid-sn6kjda7]{width:100%}.last-note[data-astro-cid-sn6kjda7]{display:flex;align-items:baseline;justify-content:space-between;border-left:0;border-top:1px solid #e5e7eb;padding:.85rem 0 0}.device-line[data-astro-cid-sn6kjda7]{white-space:normal}.piano[data-astro-cid-sn6kjda7]{min-width:640px;padding:.75rem .75rem 1rem}.black-keys[data-astro-cid-sn6kjda7]{inset:.75rem .75rem auto}}