@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f1dd57d2-module__tP-F1q__className{font-family:Inter,Inter Fallback;font-style:normal}
.audio-to-midi-page{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-2:#1a1a26;--color-surface-3:#22222f;--color-border:#2a2a3a;--color-border-hover:#3a3a50;--color-text:#e8e8f0;--color-text-secondary:#9898b0;--color-text-muted:#6868808c;--color-primary:#7c5cff;--color-primary-hover:#9070ff;--color-primary-glow:#7c5cff26;--color-accent-green:#34d399;--color-accent-green-bg:#34d39914;--color-accent-amber:#fbbf24;--color-accent-amber-bg:#fbbf2414;--color-accent-red:#f87171;--radius:12px;--radius-sm:8px;--radius-lg:20px;--transition:.25s cubic-bezier(.4,0,.2,1);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.65}.audio-to-midi-page,.audio-to-midi-page *,.audio-to-midi-page :before,.audio-to-midi-page :after{box-sizing:border-box;margin:0;padding:0}.audio-to-midi-page .container{max-width:960px;margin:0 auto;padding:0 24px}.audio-to-midi-page a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}.audio-to-midi-page a:hover{color:var(--color-primary-hover)}.audio-to-midi-page section{padding:80px 0}.audio-to-midi-page h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.audio-to-midi-page h2{text-align:center;letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.audio-to-midi-page .section-subtitle{text-align:center;color:var(--color-text-secondary);max-width:560px;margin:0 auto 48px;font-size:1.05rem}.audio-to-midi-page .hero{text-align:center;padding:80px 0 40px;position:relative;overflow:hidden}.audio-to-midi-page .hero:before{content:"";background:radial-gradient(circle,var(--color-primary-glow)0%,transparent 70%);pointer-events:none;z-index:0;width:700px;height:700px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.audio-to-midi-page .hero .container{z-index:1;position:relative}.audio-to-midi-page .hero-badge{background:var(--color-primary-glow);color:var(--color-primary-hover);letter-spacing:.02em;border:1px solid #7c5cff40;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.audio-to-midi-page .hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.15rem;line-height:1.7}.audio-to-midi-page .tool-area{max-width:560px;margin:0 auto 24px}.audio-to-midi-page .upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);background:var(--color-surface);padding:48px 32px}.audio-to-midi-page .upload-zone:hover{border-color:var(--color-primary);background:#7c5cff08}.audio-to-midi-page .upload-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-color:var(--color-primary);background:#7c5cff08}.audio-to-midi-page .upload-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary-glow);transform:scale(1.01)}.audio-to-midi-page .upload-icon{color:var(--color-text-secondary);transition:color var(--transition);margin-bottom:16px}.audio-to-midi-page .upload-zone:hover .upload-icon{color:var(--color-primary)}.audio-to-midi-page .upload-text{margin-bottom:6px;font-size:1.05rem;font-weight:600}.audio-to-midi-page .upload-hint{color:var(--color-text-muted);font-size:.88rem}.audio-to-midi-page .processing-state{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:48px 32px}.audio-to-midi-page .waveform-animation{justify-content:center;align-items:center;gap:4px;height:40px;margin-bottom:20px;display:flex}.audio-to-midi-page .waveform-animation span{background:var(--color-primary);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite audio-to-midi-wave}.audio-to-midi-page .waveform-animation span:first-child{height:12px;animation-delay:0s}.audio-to-midi-page .waveform-animation span:nth-child(2){height:20px;animation-delay:80ms}.audio-to-midi-page .waveform-animation span:nth-child(3){height:28px;animation-delay:.16s}.audio-to-midi-page .waveform-animation span:nth-child(4){height:36px;animation-delay:.24s}.audio-to-midi-page .waveform-animation span:nth-child(5){height:24px;animation-delay:.32s}.audio-to-midi-page .waveform-animation span:nth-child(6){height:32px;animation-delay:.4s}.audio-to-midi-page .waveform-animation span:nth-child(7){height:40px;animation-delay:.48s}.audio-to-midi-page .waveform-animation span:nth-child(8){height:28px;animation-delay:.56s}.audio-to-midi-page .waveform-animation span:nth-child(9){height:36px;animation-delay:.64s}.audio-to-midi-page .waveform-animation span:nth-child(10){height:20px;animation-delay:.72s}.audio-to-midi-page .waveform-animation span:nth-child(11){height:28px;animation-delay:.8s}.audio-to-midi-page .waveform-animation span:nth-child(12){height:36px;animation-delay:.88s}.audio-to-midi-page .waveform-animation span:nth-child(13){height:24px;animation-delay:.96s}.audio-to-midi-page .waveform-animation span:nth-child(14){height:16px;animation-delay:1.04s}.audio-to-midi-page .waveform-animation span:nth-child(15){height:12px;animation-delay:1.12s}@keyframes audio-to-midi-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.audio-to-midi-page .processing-text{color:var(--color-text-secondary);margin-bottom:16px;font-size:.95rem}.audio-to-midi-page .progress-bar{background:var(--color-surface-3);border-radius:4px;width:100%;height:4px;overflow:hidden}.audio-to-midi-page .progress-fill{background:linear-gradient(90deg,var(--color-primary),#a78bfa);border-radius:4px;width:0%;height:100%;transition:width .3s}.audio-to-midi-page .result-state{text-align:center;background:var(--color-surface);border:1px solid var(--color-accent-green);border-radius:var(--radius-lg);padding:48px 32px}.audio-to-midi-page .result-icon{background:var(--color-accent-green-bg);border:2px solid var(--color-accent-green);width:56px;height:56px;color:var(--color-accent-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.5rem;font-weight:700;display:flex}.audio-to-midi-page .result-title{margin-bottom:6px;font-size:1.2rem;font-weight:700}.audio-to-midi-page .result-info{color:var(--color-text-secondary);margin-bottom:24px;font-size:.88rem}.audio-to-midi-page .result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.audio-to-midi-page .hero-note{color:var(--color-text-muted);max-width:480px;margin:0 auto;font-size:.85rem}.audio-to-midi-page .btn-primary,.audio-to-midi-page .btn-secondary,.audio-to-midi-page .btn-cta{font-family:inherit}.audio-to-midi-page .btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.audio-to-midi-page .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px #7c5cff4d}.audio-to-midi-page .btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:500;display:inline-flex}.audio-to-midi-page .btn-secondary:hover{border-color:var(--color-border-hover);color:var(--color-text)}.audio-to-midi-page .btn-cta{background:var(--color-primary);color:#fff;border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:8px;padding:16px 36px;font-size:1.05rem;font-weight:600;display:inline-flex}.audio-to-midi-page .btn-cta:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #7c5cff4d}.audio-to-midi-page .how-it-works{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.audio-to-midi-page .how-it-works h2,.audio-to-midi-page .tips-section h2,.audio-to-midi-page .faq-section h2{margin-bottom:48px}.audio-to-midi-page .steps-grid{justify-content:center;align-items:flex-start;gap:20px;display:flex}.audio-to-midi-page .step{text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);max-width:240px;transition:all var(--transition);flex:1;padding:32px 20px}.audio-to-midi-page .step:hover,.audio-to-midi-page .case-card:hover,.audio-to-midi-page .daw-item:hover,.audio-to-midi-page .tip-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.audio-to-midi-page .step-number{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.7rem;font-weight:700}.audio-to-midi-page .step-number:before{content:"STEP "}.audio-to-midi-page .step-icon{margin-bottom:12px;font-size:2rem}.audio-to-midi-page .step h3,.audio-to-midi-page .case-card h3,.audio-to-midi-page .tip-card h3{font-size:1rem;font-weight:600}.audio-to-midi-page .step h3{margin-bottom:8px}.audio-to-midi-page .step p,.audio-to-midi-page .tip-card p{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.audio-to-midi-page .step-arrow{color:var(--color-text-muted);flex-shrink:0;margin-top:80px;font-size:1.5rem}.audio-to-midi-page .cases-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.audio-to-midi-page .case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);padding:32px}.audio-to-midi-page .case-card.best{border-color:#34d39933}.audio-to-midi-page .case-card.caution{border-color:#fbbf2433}.audio-to-midi-page .case-card.negative{border-color:#f8717133}.audio-to-midi-page .case-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.audio-to-midi-page .case-card.best .case-badge{background:var(--color-accent-green-bg);color:var(--color-accent-green);border:1px solid #34d39933}.audio-to-midi-page .case-card.caution .case-badge{background:var(--color-accent-amber-bg);color:var(--color-accent-amber);border:1px solid #fbbf2433}.audio-to-midi-page .case-card.negative .case-badge{color:var(--color-accent-red);background:#f8717114;border:1px solid #f8717133}.audio-to-midi-page .case-card h3{margin-bottom:20px;font-size:1.1rem}.audio-to-midi-page .case-card ul{flex-direction:column;gap:16px;list-style:none;display:flex}.audio-to-midi-page .case-card li{align-items:flex-start;gap:12px;display:flex}.audio-to-midi-page .case-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.audio-to-midi-page .case-card li div{color:var(--color-text-secondary);font-size:.92rem;line-height:1.5}.audio-to-midi-page .case-card li strong{color:var(--color-text);font-weight:600}.audio-to-midi-page .example-section h2,.audio-to-midi-page .daw-section h2{margin-bottom:8px}.audio-to-midi-page .example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.audio-to-midi-page .example-flow{align-items:stretch;display:flex}.audio-to-midi-page .example-side{flex:1;padding:32px 28px}.audio-to-midi-page .example-arrow{color:var(--color-primary);background:var(--color-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:60px;font-size:1.8rem;display:flex}.audio-to-midi-page .example-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:16px;font-size:.72rem;font-weight:700}.audio-to-midi-page .example-visual{align-items:center;height:80px;margin-bottom:16px;display:flex}.audio-to-midi-page .fake-waveform{align-items:center;gap:3px;width:100%;height:100%;display:flex}.audio-to-midi-page .fake-waveform span{background:linear-gradient(to top,var(--color-primary),#a78bfa);opacity:.6;border-radius:2px;flex:1;transition:opacity .3s}.audio-to-midi-page .example-card:hover .fake-waveform span,.audio-to-midi-page .example-card:hover .midi-note{opacity:.85}.audio-to-midi-page .fake-pianoroll{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:100%;position:relative;overflow:hidden}.audio-to-midi-page .fake-pianoroll:before{content:"";background:repeating-linear-gradient(#0000 0 15px,#ffffff05 15px 16px);position:absolute;inset:0}.audio-to-midi-page .midi-note{background:var(--color-accent-green);opacity:.8;border-radius:2px;height:8px;transition:opacity .3s;position:absolute}.audio-to-midi-page .example-desc,.audio-to-midi-page .verdict-detail,.audio-to-midi-page .daw-info p,.audio-to-midi-page .faq-answer{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.audio-to-midi-page .example-verdict{background:var(--color-accent-green-bg);border-top:1px solid #34d39926;align-items:flex-start;gap:16px;padding:20px 28px;display:flex}.audio-to-midi-page .verdict-icon{width:36px;height:36px;color:var(--color-accent-green);background:#34d39926;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.audio-to-midi-page .verdict-title{margin-bottom:4px;font-size:.95rem;font-weight:600}.audio-to-midi-page .daw-info code,.audio-to-midi-page .faq-answer code{background:var(--color-surface-3);border-radius:4px;padding:2px 6px;font-size:.88rem}.audio-to-midi-page .daw-section,.audio-to-midi-page .faq-section,.audio-to-midi-page .how-it-works{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.audio-to-midi-page .daw-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px;display:grid}.audio-to-midi-page .daw-item{text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);padding:24px 12px}.audio-to-midi-page .daw-item:hover{border-color:var(--color-primary)}.audio-to-midi-page .daw-icon{color:var(--color-primary);margin-bottom:8px;font-size:1.5rem}.audio-to-midi-page .daw-item span{color:var(--color-text-secondary);font-size:.82rem;font-weight:500}.audio-to-midi-page .daw-info{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px}.audio-to-midi-page .tips-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.audio-to-midi-page .tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);padding:28px 24px}.audio-to-midi-page .tip-icon{margin-bottom:16px;font-size:1.8rem}.audio-to-midi-page .faq-list{flex-direction:column;gap:8px;max-width:700px;margin:0 auto;display:flex}.audio-to-midi-page .faq-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);overflow:hidden}.audio-to-midi-page .faq-item:hover{border-color:var(--color-border-hover)}.audio-to-midi-page .faq-item[open]{background:#7c5cff05;border-color:#7c5cff4d}.audio-to-midi-page .faq-item summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition);justify-content:space-between;align-items:center;padding:18px 24px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.audio-to-midi-page .faq-item summary::-webkit-details-marker{display:none}.audio-to-midi-page .faq-item summary:after{content:"+";color:var(--color-text-muted);flex-shrink:0;margin-left:16px;font-size:1.3rem;font-weight:400}.audio-to-midi-page .faq-item[open] summary:after{content:"−";color:var(--color-primary)}.audio-to-midi-page .faq-item[open] summary{color:var(--color-primary-hover)}.audio-to-midi-page .faq-answer{padding:0 24px 20px}.audio-to-midi-page .cta-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c5cff14,#a78bfa0a);border:1px solid #7c5cff33;padding:56px 40px;position:relative;overflow:hidden}.audio-to-midi-page .cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c5cff1a,#0000 70%);width:300px;height:300px;position:absolute;top:-100px;right:-100px}.audio-to-midi-page .cta-card h2{margin-bottom:12px;font-size:1.6rem}.audio-to-midi-page .cta-card p{color:var(--color-text-secondary);margin-bottom:28px;font-size:1.05rem}.audio-to-midi-page .hidden{display:none!important}@media (max-width:768px){.audio-to-midi-page section{padding:56px 0}.audio-to-midi-page .steps-grid{flex-direction:column;align-items:center}.audio-to-midi-page .step{max-width:100%}.audio-to-midi-page .step-arrow{margin-top:0;transform:rotate(90deg)}.audio-to-midi-page .cases-grid,.audio-to-midi-page .tips-grid{grid-template-columns:1fr}.audio-to-midi-page .example-flow{flex-direction:column}.audio-to-midi-page .example-arrow{width:100%;height:40px;transform:rotate(90deg)}.audio-to-midi-page .daw-grid{grid-template-columns:repeat(3,1fr)}.audio-to-midi-page .upload-zone{padding:36px 20px}.audio-to-midi-page .cta-card{padding:40px 24px}}@media (max-width:480px){.audio-to-midi-page .daw-grid{grid-template-columns:repeat(2,1fr)}.audio-to-midi-page h1{font-size:1.8rem}.audio-to-midi-page .hero-subtitle{font-size:1rem}}