@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.0m_cefwpdo931.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.0g9-.3zp53cup.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.archivo_black_2861d382-module__B9QF3q__className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.archivo_black_2861d382-module__B9QF3q__variable{--font-display:"Archivo Black", "Archivo Black Fallback"}
@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.0~gr2nv~zu_tq.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/e62850744c7f266e-s.075bt8bdso9.6.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/9433d1a810498265-s.p.0h26ys03~gfbk.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/150f724d70372c02-s.0ibo8nq1_5r8c.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/750c737482d9de2f-s.0.oe-uv1--sd5.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.16whm0euli40m.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_7b603925-module__7OSEpq__className{font-family:Newsreader,Newsreader Fallback}.newsreader_7b603925-module__7OSEpq__variable{--font-body:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2?dpl=dpl_GVPuN1SXYgza1w5jhMmo5wCSu5Je)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_376257ab-module__Bs602W__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_376257ab-module__Bs602W__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--paper:#f6f0e4;--paper-strong:#fffdf8;--paper-soft:#e7dbc6;--ink:#171310;--ink-soft:#171310b8;--wood:#7a4a2b;--wood-deep:#3b2418;--brass:#c9a36a;--line:#1713101f;--shadow:0 26px 70px #29180c29}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:clip}body{min-height:100%;color:var(--ink);font-family:var(--font-body), serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#caa15f2e,#0000 22%),radial-gradient(circle at 90% 10%,#6d412629,#0000 24%),linear-gradient(#efe4d0 0%,#f8f2e8 54%,#f2eadf 100%);margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--wood);outline-offset:2px}h1,h2,h3{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0;font-weight:400}.page-shell{width:min(1320px,100vw - 28px);margin:0 auto;padding:22px 0 56px}.section-kicker{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-size:.72rem}.hero,.instrument-shell,.section-grid,.section-split,.faq-section{box-shadow:var(--shadow);border:1px solid #ffffff8c;border-radius:32px}.hero{grid-template-columns:minmax(0,.98fr) minmax(320px,.9fr);align-items:stretch;gap:22px;display:grid}.hero__copy,.hero__poster,.instrument-shell,.section-grid,.section-split,.faq-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf6c7}.hero__copy,.hero__poster{border-radius:32px;min-width:0;min-height:100%}.hero__copy{padding:clamp(28px,4vw,52px)}.hero__copy h1{text-wrap:initial;overflow-wrap:normal;word-break:normal;gap:.04em;max-width:8ch;font-size:clamp(2.9rem,5.2vw,5.2rem);line-height:.9;display:grid}.hero__copy h1 span{display:block}.hero__lede,.instrument-shell__lede,.site-footer p,.feature-card p,.use-case-card p,.faq-item p,.prose-block p{color:var(--ink-soft);font-size:clamp(1rem,1.28vw,1.08rem);line-height:1.7}.hero__lede{max-width:37rem;margin-top:18px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero__primary,.hero__secondary,.demo-param-btn,.midi-toggle-button{border:1px solid var(--line);border-radius:999px;transition:transform .18s,background-color .18s,border-color .18s}.hero__primary,.demo-param-btn{background:var(--ink);color:var(--paper-strong)}.hero__secondary,.midi-toggle-button{background:#fffcf6c7}.hero__primary,.hero__secondary{padding:12px 18px}.hero__primary:hover,.hero__secondary:hover,.demo-param-btn:hover,.midi-toggle-button:hover{transform:translateY(-2px)}.hero__poster{color:var(--paper-strong);background:linear-gradient(145deg,#4a2b19f7,#140f0df7),linear-gradient(#ffffff0a,#0000);padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.hero__poster:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 72px),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 72px);position:absolute;inset:0}.hero__poster-top{z-index:1;font-family:var(--font-mono), monospace;letter-spacing:.15em;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:.78rem;display:flex;position:relative}.hero__poster-title{z-index:1;max-width:7.8ch;font-family:var(--font-display), sans-serif;text-wrap:initial;overflow-wrap:normal;word-break:normal;gap:.08em;margin-top:24px;font-size:clamp(2rem,3.6vw,3.8rem);line-height:.92;display:grid;position:relative}.hero__poster-title span{display:block}.hero__poster-board{z-index:1;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:10px;margin-top:52px;display:grid;position:relative}.hero__poster-white,.hero__poster-black{border-radius:18px 18px 24px 24px;display:block}.hero__poster-white{background:linear-gradient(#fffef9,#e6dcca);height:182px}.hero__poster-black{background:linear-gradient(#221711,#513322);height:122px;margin-top:60px}.instrument-anchor,.keyboard-scroll,.site-footer,.section-grid,.section-split,.faq-section{margin-top:30px}.instrument-anchor,.keyboard-scroll{scroll-margin-top:18px}.instrument-shell,.section-grid,.section-split,.faq-section{padding:clamp(20px,2.6vw,30px)}.instrument-shell{background:linear-gradient(#fffdf7eb,#f3eadcdb),linear-gradient(#0000,#6d41260a)}.instrument-shell__header,.site-footer{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.instrument-shell__header h2,.section-heading h2,.section-split h2,.faq-section h2{text-wrap:balance;font-size:clamp(1.95rem,3vw,3rem);line-height:.94}.instrument-shell__lede{max-width:42rem;margin-top:12px}.instrument-shell__meta{text-align:right;font-family:var(--font-mono), monospace;color:var(--ink-soft);gap:6px;font-size:.82rem;display:grid}.control-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.demo-slider,.demo-param{border:1px solid var(--line);background:#fffcf6c7;border-radius:22px;gap:10px;min-height:118px;padding:14px 14px 16px;display:grid}.demo-param-label{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.76rem}.demo-param-value{font-family:var(--font-display), sans-serif;font-size:1.55rem;line-height:1}.demo-stepper{gap:8px;margin-top:auto;display:flex}.demo-param-btn,.midi-toggle-button{min-height:42px;padding:0 14px}.demo-param-btn{min-width:42px}.demo-param--midi{align-content:start}.midi-status{color:var(--ink-soft);font-size:.92rem}.demo-slider input[type=range]{width:100%;accent-color:var(--wood)}.song-demo-panel{border:1px solid var(--line);background:#fffcf6c2;border-radius:24px;gap:18px;margin-top:18px;padding:18px;display:grid}.song-demo-panel__header{justify-content:space-between;align-items:end;gap:16px;display:flex}.song-demo-panel__header h3{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1}.song-demo-panel__note{max-width:28rem;font-family:var(--font-mono), monospace;color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.6}.song-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.song-card{border:1px solid var(--line);text-align:left;background:#fffcf6d6;border-radius:20px;gap:10px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.song-card:hover,.song-card[data-selected=true]{border-color:#7a4a2b6b;transform:translateY(-2px);box-shadow:0 16px 28px #41251214}.song-card[data-selected=true]{background:linear-gradient(#fff7e7fa,#f6e8cdeb),#fffcf6d6;box-shadow:inset 0 0 0 1px #a768382e,0 18px 34px #41251224}.song-card[data-selected=true]:after{content:"Selected";color:var(--paper-strong);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;background:#171310eb;border-radius:999px;padding:4px 10px;font-size:.66rem;position:absolute;top:14px;right:14px}.song-card__meta{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;gap:8px;padding-right:78px;font-size:.72rem;display:flex}.song-card strong{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;text-transform:uppercase;font-size:1.08rem}.song-card span:last-child{color:var(--ink-soft);line-height:1.6}.song-demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.song-demo-action,.song-demo-speed{border:1px solid var(--line);border-radius:999px}.song-demo-action{background:var(--ink);min-height:42px;color:var(--paper-strong);padding:0 18px}.song-demo-toolbar__speeds{gap:8px;display:flex}.song-demo-speed{background:#fffcf6d6;min-width:66px;min-height:38px;padding:0 12px}.song-demo-speed[data-selected=true]{background:#7a4a2b1f;border-color:#7a4a2b52}.song-guide-rail{-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(88px,88px);grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.song-guide-rail::-webkit-scrollbar{height:8px}.song-guide-rail::-webkit-scrollbar-thumb{background:#7a4a2b3d;border-radius:999px}.song-guide-step{border:1px solid var(--line);background:#fffcf6d6;border-radius:16px;align-content:start;gap:10px;min-height:100%;padding:14px 12px;display:grid}.song-guide-step[data-active=true]{background:linear-gradient(#ffedcdeb,#f7e2bce0);border-color:#7a4a2b57;box-shadow:0 12px 20px #41251214}.song-guide-step__key{font-family:var(--font-display), sans-serif;font-size:1.45rem;line-height:1}.song-guide-step__note{font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem}.keyboard-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;margin-top:18px;padding-bottom:6px;overflow-x:auto}.keyboard-scroll::-webkit-scrollbar{height:10px}.keyboard-scroll::-webkit-scrollbar-thumb{background:#7a4a2b4d;border-radius:999px}.keyboard-stage{--white-key-width:clamp(48px, calc((100vw - 56px) / 16), 74px);--white-key-height:clamp(248px, calc(var(--white-key-width) * 4.75), 352px);--black-key-width:calc(var(--white-key-width) * .58);--black-key-height:clamp(154px, calc(var(--white-key-width) * 2.75), 204px);width:max-content;min-width:calc(16 * var(--white-key-width) + 48px);background:radial-gradient(circle at top,#ffe1ae33,#0000 34%),linear-gradient(#9b6843 0%,#6d4328 18%,#5b371f 100%);border:1px solid #57341d38;border-radius:30px;padding:28px 24px 20px;position:relative;box-shadow:inset 0 1px #fff5df57,inset 0 -14px 22px #1d110a2e,0 22px 40px #4125122e}.keyboard-stage:before{content:"";pointer-events:none;border:1px solid #fff0d62e;border-radius:24px;position:absolute;inset:12px 14px 14px;box-shadow:inset 0 1px #ffffff24}.keyboard-stage:after{content:"";pointer-events:none;background:linear-gradient(#22140c52,#fff4df14);border-radius:999px;height:16px;position:absolute;bottom:12px;left:24px;right:24px}.keyboard-main__whites{width:calc(16 * var(--white-key-width));display:flex}.keyboard-main__blacks{width:calc(16 * var(--white-key-width));height:var(--black-key-height);pointer-events:none;position:absolute;top:28px;left:24px}.instrument-key{-webkit-user-select:none;user-select:none;touch-action:pan-x;border:1px solid #18120e1f;padding:0;position:relative}.instrument-key--white{width:var(--white-key-width);height:var(--white-key-height);background:linear-gradient(#fffefc 0%,#f8f0df 68%,#eadbbf 100%);border-color:#47301d14;border-radius:0 0 18px 18px;box-shadow:inset 0 1px #fffffff5,inset 0 -22px 24px #b99b6724,inset -1px 0 #6d41260f,0 10px 18px #331d0e14}.instrument-key--black{top:0;left:calc(var(--black-position,0) * var(--white-key-width));width:var(--black-key-width);height:var(--black-key-height);color:var(--paper-strong);pointer-events:auto;background:linear-gradient(#3c2a20 0%,#19110d 26%,#5e3927 100%);border-color:#ffffff0a;border-radius:0 0 12px 12px;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0f,0 16px 18px #120b0647}.instrument-key__keycap,.instrument-key__note{text-align:center;width:calc(100% - 12px);position:absolute;left:50%;transform:translate(-50%)}.instrument-key__keycap{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.instrument-key__note{font-size:1.05rem}.instrument-key--white .instrument-key__keycap{color:#171310f0;font-size:1.02rem;bottom:60px}.instrument-key--white .instrument-key__note{color:#171310f5;bottom:22px}.instrument-key--black .instrument-key__keycap{color:var(--paper-strong);font-size:.88rem;top:14px}.instrument-key--black .instrument-key__note{color:#fffaf4f5;font-size:.84rem;bottom:12px}.instrument-key[data-active=true]{border-color:#ad6b3673}.instrument-key--white[data-active=true]{background:linear-gradient(#ffeecbfa,#d6af78f5),linear-gradient(#0000,#ffffff14);transform:translateY(8px);box-shadow:inset 0 1px #fffffff5,inset 0 -16px 20px #a1743838,inset -1px 0 #6d41260f,0 4px 10px #331d0e24}.instrument-key--black[data-active=true]{background:linear-gradient(#75482a,#b07846fa),linear-gradient(#0000,#ffffff14);transform:translate(-50%,10px);box-shadow:inset 0 1px #ffffff14,0 8px 12px #120b063d}.section-grid,.faq-section{background:linear-gradient(#fffdf7e6,#f3eadcd1),linear-gradient(#0000,#6d412608)}.section-heading{gap:10px;margin-bottom:20px;display:grid}.feature-grid,.use-case-grid{gap:14px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.use-case-card{border:1px solid var(--line);background:#fffcf6bd;border-radius:22px;min-height:100%;padding:18px}.feature-card__index{font-family:var(--font-mono), monospace;letter-spacing:.16em;color:var(--ink-soft);margin-bottom:12px;font-size:.78rem;display:inline-block}.feature-card h3,.use-case-card h3{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1}.feature-card p,.use-case-card p{margin:12px 0 0}.section-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;display:grid}.prose-block{gap:16px;display:grid}.prose-block p,.faq-item p{margin:0}.faq-list{gap:12px;display:grid}.faq-item{border:1px solid var(--line);background:#fffcf6bd;border-radius:20px;overflow:hidden}.faq-item summary{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;cursor:pointer;padding:18px 20px;font-size:clamp(1rem,1.6vw,1.2rem);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 20px 18px}.site-footer{border-top:1px solid var(--line);padding:12px 4px 0}.site-footer a{font-family:var(--font-mono), monospace;color:var(--wood)}@media (max-width:1180px){.hero{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.song-card-grid{grid-template-columns:1fr}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-split{grid-template-columns:1fr}}@media (max-width:760px){.page-shell{width:min(100vw - 18px,1320px);padding-top:14px}.hero__copy,.hero__poster,.instrument-shell,.section-grid,.section-split,.faq-section{border-radius:26px}.hero__copy h1{max-width:6.8ch;font-size:clamp(2.6rem,11vw,3.8rem)}.instrument-shell__header,.site-footer{flex-direction:column;align-items:flex-start}.instrument-shell__meta{text-align:left}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-slider,.demo-param{min-height:94px;padding:12px 12px 14px}.demo-param-value{font-size:1.35rem}.song-demo-panel__header,.song-demo-toolbar{flex-direction:column;align-items:flex-start}.feature-grid,.use-case-grid{grid-template-columns:1fr}.keyboard-stage{min-width:calc(16 * var(--white-key-width) + 48px)}}@media (max-width:520px){.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__actions{flex-direction:column}.hero__primary,.hero__secondary{text-align:center;width:100%}}@media (max-width:900px) and (orientation:landscape){.keyboard-stage{--white-key-width:clamp(48px, calc((100vw - 40px) / 16), 62px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}