@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0e0a0b;--red:#b92131;--light:#f3e9e6;--muted:#a99496;--line:#352025}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px 'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--light)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f49b9b;outline-offset:5px}.home-nav{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 6%;border-bottom:1px solid var(--line)}.home-brand{font:800 29px Manrope,system-ui;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{width:33px;height:37px;display:grid;place-items:center;border-radius:8px;background:#40131d;border:1px solid #82303d;color:#df5b66;font-size:31px}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px;color:#cbb8b9}.nav-links a:hover{color:#fff}.cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 22px;border-radius:8px;background:var(--red);color:#fff2ef;font-size:13px;font-weight:600;border:1px solid #c8414b;transition:background .15s,transform .15s}.cta:hover{background:#d12b3d;transform:translateY(-1px)}.cta.secondary{background:transparent;border-color:#654047;color:#dfc5c6}.cta.small{padding:10px 16px;font-size:11px;gap:17px}.home-shell{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;padding:93px 0 80px;align-items:center;position:relative}.hero:before{content:'';position:absolute;width:580px;height:580px;right:-60px;top:0;z-index:-1;background:radial-gradient(ellipse,#65172740,transparent 65%);pointer-events:none}.overline{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#cd7a83;font-weight:700}.hero h1{font:600 clamp(44px,4.5vw,67px)/1.1 Manrope,system-ui;letter-spacing:-2.8px;margin:22px 0}.hero h1 em{font-style:normal;color:#cd3547}.hero-description{font-size:15px;color:#b7a1a3;line-height:1.8;max-width:410px;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-caption{font-size:10px;color:#8d7479;margin-top:18px;display:flex;align-items:center;gap:7px}.little-dot{height:5px;width:5px;background:#bb5865;border-radius:50%}.demo-window{border:1px solid #6e2b38;background:linear-gradient(135deg,#231018,#130d10);border-radius:16px;padding:14px;box-shadow:0 35px 90px #0009;position:relative;transform:rotate(-1deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#a77a86;border-bottom:1px solid #542330;padding:2px 3px 12px}.window-lights{display:flex;gap:4px}.window-lights i{height:5px;width:5px;border-radius:50%;background:#85404e}.demo-track{display:flex;align-items:center;gap:9px;padding:16px 5px;font-size:11px}.track-icon{width:28px;height:28px;border-radius:6px;background:#5a1c2b;color:#e27382;display:grid;place-items:center;font-size:17px}.demo-track strong{display:block;font-size:10px;font-weight:600}.demo-track small{display:block;color:#a77a86;font-size:8px;margin-top:3px}.demo-track>span:last-child{margin-left:auto;color:#a77a86;font-size:8px}.instrument-preview{display:grid;grid-template-columns:1fr 12px 1.15fr;gap:6px}.mini-left,.mini-right{border:1px solid #542330;border-radius:7px;background:#180d12;overflow:hidden}.mini-title{display:flex;justify-content:space-between;font-size:8px;padding:10px;color:#c4939e;border-bottom:1px solid #3b1c27}.mini-board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:12px 15px 27px}.mini-board span{width:100%;aspect-ratio:1;border:1px solid #6b303e;border-radius:50%;background:#30131e;font-size:5px;color:#a57383;display:grid;place-items:center;transform:translateY(calc((5 - var(--column))*3px))}.mini-board span.reference{border-color:#d2938a;color:#f4cdc6;box-shadow:0 0 0 1px #703a43}.mini-board span.lit{background:#c8474b;border-color:#e3958b;color:#fff0e9;box-shadow:0 0 15px #b9324766}.mini-bellows{margin:29px 1px 3px;border:1px solid #683047;border-radius:3px;background:repeating-linear-gradient(90deg,#582338 0,#582338 1px,#200c16 2px,#200c16 3px)}.mini-roll{height:calc(100% - 29px);min-height:270px;position:relative;display:grid;grid-template-columns:1fr 32px}.roll-art{background:repeating-linear-gradient(0deg,transparent 0,transparent 17px,#47202b66 18px),repeating-linear-gradient(90deg,#210e16 0,#210e16 33px,#40202d 34px);position:relative;overflow:hidden;border-right:2px solid #b23448}.art-note{position:absolute;left:var(--x);top:var(--y);height:12px;width:var(--w);border-radius:2px;background:#a82b42;box-shadow:inset 0 0 0 1px #cf4d5b55;font-size:6px;display:flex;align-items:center;padding-left:4px;color:#efd2d4}.mini-piano{display:grid;grid-template-rows:repeat(20,1fr);position:relative}.mini-piano .white{background:#e7d8d5;border-bottom:1px solid #675052;border-radius:0 2px 2px 0;position:relative}.mini-piano .white:after{content:attr(data-label);position:absolute;right:4px;top:3px;font-size:5px;color:#775457}.mini-piano .black{position:absolute;left:0;width:65%;height:3.3%;background:#1c0d14;border-radius:0 2px 2px 0;z-index:1}.preview-controls{display:flex;align-items:center;gap:10px;border-top:1px solid #53232f;padding:12px 4px 0;margin-top:12px;font-size:8px;color:#bb8e99}.preview-toggle{border:1px solid #843547;border-radius:5px;background:#7f2135;color:#f7d7d9;padding:6px 9px;font-size:9px}.preview-line{height:3px;flex:1;background:#4c2635;border-radius:3px}.preview-line:before{content:'';display:block;width:27%;height:100%;background:#b4344a}.demo-caption{display:flex;justify-content:space-between;margin-top:14px;font-size:8px;color:#926773}.demo-window.animating .art-note{animation:notes-flow 5s linear infinite}.demo-window.animating .preview-line:before{animation:progress 5s linear infinite}@keyframes notes-flow{from{translate:-60px 0}to{translate:120px 0}}@keyframes progress{from{width:0}to{width:100%}}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;margin-bottom:85px}.principles div{display:flex;gap:12px;align-items:center}.principles b{color:#d76170;font-size:18px;font-weight:400}.principles span{font-size:11px;color:#c4aeb1}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:35px}.section-heading h2{font:500 34px/1.2 Manrope,system-ui;letter-spacing:-1.1px;margin:12px 0 0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px;margin:0}.hand-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:88px}.hand-card{padding:29px;border:1px solid #49242d;background:linear-gradient(145deg,#211115,#150d10);border-radius:12px}.hand-card .overline{font-size:8px}.hand-card h3{font:500 23px Manrope,system-ui;margin:12px 0}.hand-card>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:400px}.setting-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:21px}.setting-pills span{font-size:9px;padding:7px 9px;border:1px solid #65313d;border-radius:5px;color:#c59a9f;background:#2d141d}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:10px 0 75px}.step-no{font:500 28px Manrope;color:#8e303e;border-bottom:1px solid var(--line);padding-bottom:17px}.step h3{font-size:14px;font-weight:500;margin:20px 0 10px}.step p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:80px}.faq-section h2{font:500 28px Manrope;letter-spacing:-1px;margin:13px 0}.faq-section details{border-bottom:1px solid var(--line);padding:18px 0}.faq-section summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:15px}.faq-section summary:after{content:'+';color:#cd6878}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:12px;color:var(--muted);line-height:1.8;max-width:470px}.closing{padding:45px;text-align:center;background:linear-gradient(110deg,#371019,#1c0d12);border:1px solid #73303c;border-radius:14px;margin-bottom:60px}.closing h2{font:500 31px Manrope;letter-spacing:-1px;margin:0 0 12px}.closing p{color:#b88e96;font-size:12px;margin-bottom:23px}.home-footer{border-top:1px solid var(--line);padding:24px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.home-footer .home-brand{font-size:20px}.home-footer>span,.home-footer>a:last-child{font-size:9px;color:#97757b}.home-footer .home-brand .brand-mark{width:24px;height:28px;font-size:24px}
@media(max-width:1000px){.hero{gap:5%;padding-top:65px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-description{font-size:13px}.mini-board{padding:10px 9px 27px;gap:3px}.mini-roll{min-height:220px}.mini-board span{font-size:4px}.faq-section{gap:35px}.hero-actions .cta{font-size:11px;padding:13px 16px;gap:15px}}
@media(max-width:720px){.home-nav{height:75px;padding:0 6%}.home-brand{font-size:25px}.nav-links{gap:12px}.nav-links>a:not(.cta){display:none}.hero{grid-template-columns:1fr;padding:52px 0;gap:40px}.hero h1{font-size:49px;max-width:420px}.hero-description{font-size:14px}.demo-window{transform:none;max-width:490px;width:100%;margin:auto}.mini-roll{min-height:270px}.mini-board{padding:14px 15px 28px;gap:5px}.mini-board span{font-size:6px}.principles{gap:13px;padding:22px 0;margin-bottom:55px}.principles div{align-items:flex-start;gap:7px}.principles span{font-size:9px;line-height:1.6}.principles b{font-size:15px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.section-heading h2{font-size:29px}.hand-features{grid-template-columns:1fr;margin-bottom:57px;gap:13px}.hand-card{padding:24px}.steps{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.step{display:grid;grid-template-columns:45px 1fr;gap:10px 16px}.step-no{grid-row:span 2;border:0;padding:0}.step h3{margin:0}.step p{grid-column:2}.faq-section{grid-template-columns:1fr;gap:8px;margin-bottom:55px}.closing{padding:33px 20px;margin-bottom:40px}.closing h2{font-size:26px}.home-footer{flex-wrap:wrap;gap:18px}.home-footer>span{max-width:150px;line-height:1.6}.home-footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-window.animating .art-note,.demo-window.animating .preview-line:before{animation:none}.cta{transition:none}}
/* Instrument-first setup and community MIDI library */
.instrument-setup,.midi-library{scroll-margin-top:30px;margin-bottom:80px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preset-card{color:#eededa;text-align:left;padding:23px;background:#201115;border:1px solid #5a2833;border-radius:10px}.preset-card>span{font-size:8px;letter-spacing:1px;color:#ba7e89;display:block}.preset-card strong{display:block;font:600 19px Manrope,system-ui;margin:13px 0 9px}.preset-card small{font-size:10px;color:#b9959b}.preset-card:hover,.preset-card[aria-pressed=true]{background:#401923;border-color:#c75565;box-shadow:inset 0 0 0 1px #91404e}.modify-setup{border:1px solid #50252e;border-radius:9px;margin-top:17px;padding:17px 21px;background:#181012}.modify-setup summary{cursor:pointer;font-size:12px;color:#e7cccc;display:flex;justify-content:space-between;gap:16px}.modify-setup summary span{font-size:10px;color:#b8808b}.home-setup-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;padding-top:23px}.home-setup-controls label{display:flex;flex-direction:column;gap:8px;color:#b9979e;font-size:10px}.home-setup-controls select,.home-setup-controls input,.library-search input,.post-dialog input:not([type=checkbox]),.post-dialog textarea{color:#eedcd6;background:#2b151b;border:1px solid #68313d;border-radius:6px;padding:10px;font:11px 'DM Sans',system-ui;width:100%}.modify-setup p{color:#a47e86;font-size:10px;line-height:1.8;margin-bottom:0}.setup-next{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.setup-next>span{font-size:11px;color:#bb8a94}.library-toolbar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:19px}.library-filters{display:flex;gap:5px;margin-right:auto}.library-filters button{color:#b58b96;background:transparent;border:1px solid #4d2730;border-radius:6px;padding:10px 13px;font-size:10px}.library-filters button[aria-pressed=true]{background:#612534;color:#ffe5df;border-color:#a8495a}.library-search{font-size:9px;color:#b48691;display:flex;flex-direction:column;gap:7px;width:220px}.library-toolbar>.cta{min-height:36px}.private-midi{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;border:1px solid #50232f;background:#211017;border-radius:9px}.private-midi>span{font-size:11px;color:#c0a0a5}.private-midi label{cursor:pointer}.library-status{font-size:11px;color:#b78894;margin:17px 0;line-height:1.8}.midi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.midi-card{display:flex;flex-direction:column;border:1px solid #522630;border-radius:11px;padding:23px;background:linear-gradient(135deg,#251219,#150d10)}.midi-card-top{display:flex;align-items:center;justify-content:space-between;color:#c27889}.midi-card-top>span:first-child{font-size:26px}.midi-card-top>span:last-child{font-size:8px;letter-spacing:1px;border:1px solid #68313d;padding:5px 7px;border-radius:4px}.midi-card h3{font:600 18px Manrope,system-ui;letter-spacing:-.3px;margin:18px 0 6px;overflow-wrap:anywhere}.midi-poster{font-size:10px;color:#bf929c}.midi-card p{font-size:11px;line-height:1.8;color:#aa8b92;margin:15px 0 20px;flex:1;overflow-wrap:anywhere}.midi-stats{font-size:9px;color:#a87d87;border-top:1px solid #45222b;padding-top:13px}.midi-actions{display:flex;gap:13px;align-items:center;justify-content:space-between;padding-top:16px}.midi-actions .cta{font-size:10px;padding:10px 12px}.midi-download{font-size:10px;color:#d19ca7;white-space:nowrap}.remove-post{border:0;background:transparent;color:#af7b88;text-decoration:underline;font-size:9px;align-self:flex-start;margin:15px 0 0;padding:0}.library-empty{grid-column:1/-1;padding:25px;border:1px dashed #59303a;border-radius:9px;color:#bd929d;font-size:12px}.midi-library>#library-more{margin-top:20px}.midi-library [hidden]{display:none}.post-dialog{color:#f1e2dc;background:#1e1015;border:1px solid #8c3b4c;border-radius:14px;padding:28px;max-width:480px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto}.post-dialog::backdrop{background:#080406db}.post-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.post-heading h2{font:600 25px Manrope;margin:9px 0}.post-heading button{font-size:25px;border:0;background:none;color:#ce99a5;line-height:1}.post-dialog form>p{font-size:11px;color:#bc929c;line-height:1.8}.post-dialog form>label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#cb9da7;margin-top:17px}.post-dialog form>.public-consent{flex-direction:row;align-items:flex-start;line-height:1.7}.post-dialog input[type=checkbox]{accent-color:#bd3046;margin-top:4px}.post-dialog input[type=file]{font-size:10px;padding:15px 8px}.post-dialog .cta{width:100%;margin-top:10px}.post-dialog #post-error{color:#ffac9e}.cta:disabled{opacity:.5;cursor:wait}
@media(max-width:900px){.midi-grid{grid-template-columns:1fr 1fr}.home-setup-controls{grid-template-columns:1fr 1fr}.preset-card{padding:17px}.preset-card strong{font-size:16px}.library-search{width:180px}}
@media(max-width:620px){.instrument-setup,.midi-library{margin-bottom:55px}.preset-grid{grid-template-columns:1fr;gap:10px}.preset-card{padding:17px}.preset-card strong{margin:9px 0 6px;font-size:19px}.setup-next,.private-midi{align-items:flex-start;flex-direction:column}.setup-next .cta{width:100%;font-size:11px}.modify-setup{padding:16px}.modify-setup summary{align-items:flex-start;flex-direction:column;gap:10px}.midi-grid{grid-template-columns:1fr}.library-search{width:100%;order:3}.library-filters{gap:3px}.library-filters button{padding:9px 10px;font-size:9px}.library-toolbar{gap:12px}.library-toolbar>.cta{font-size:10px}.private-midi{padding:16px}.midi-card{padding:23px}.home-setup-controls{gap:14px}.post-dialog{padding:23px}}
.instrument-config-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.instrument-config-controls .preset-grid{grid-template-columns:1fr}.instrument-config-controls .preset-card{padding:16px 19px}.instrument-config-controls .preset-card strong{margin:8px 0 5px;font-size:18px}.instrument-config-controls .home-setup-controls{grid-template-columns:1fr 1fr}.instrument-config-controls .setup-next{align-items:flex-start;flex-direction:column}.setup-live-preview{padding:23px;border:1px solid #67313e;border-radius:11px;background:#1b0d13}.setup-live-preview>p{font-size:10px;color:#b58390;margin:9px 0 19px}.setup-live-preview .instrument-preview{min-height:360px;grid-template-columns:1fr 10px 1fr}.setup-live-preview .mini-board{padding:12px 8px 25px;gap:4px;align-content:space-around;height:360px}.setup-live-preview .mini-board span{max-width:16px;justify-self:center;width:100%;font-size:4px}.setup-live-preview .mini-title{font-size:7px;padding:10px 7px}.setup-live-preview .mini-roll{height:360px;grid-template-columns:1fr 27px}
@media(max-width:800px){.instrument-config-layout{grid-template-columns:1fr}.setup-live-preview{max-width:480px;width:100%;margin:auto}.instrument-config-controls .preset-grid{grid-template-columns:repeat(3,1fr)}.instrument-config-controls .preset-card strong{font-size:15px}.instrument-config-controls .setup-next{align-items:center;flex-direction:row}}
@media(max-width:620px){.instrument-config-controls .preset-grid{grid-template-columns:1fr}.instrument-config-controls .setup-next{align-items:flex-start;flex-direction:column}}