.mix-hero{background:#0f0c09;padding:2.5rem 0 3rem;border-bottom:2px solid #3d2e1f}
.mix-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:start}
.mix-grid h1{font-size:clamp(1.25rem,3vw,1.7rem);font-weight:900;color:#ffb347;margin-bottom:.65rem;letter-spacing:.04em}
.mix-grid p{color:#8a7a68;font-size:.93rem;line-height:1.65;margin-bottom:1rem;font-family:"PingFang SC",sans-serif}

.mixer-rack{background:#1a1410;border:2px solid #3d2e1f;padding:1rem;border-radius:4px}
.rack-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:.65rem}
.rack-row:last-child{margin-bottom:0}
.rack-fader{background:#0f0c09;border:1px solid #3d2e1f;padding:.65rem .5rem;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}
.fader-track{width:4px;height:40px;background:#2a2018;margin:0 auto;position:relative;border:1px solid #3d2e1f}
.fader-thumb{position:absolute;bottom:60%;left:50%;transform:translateX(-50%);width:10px;height:6px;background:#ffb347}
.rack-label{font-size:.62rem;color:#8a7a68;font-weight:800;letter-spacing:.04em}
.rack-name{font-size:.72rem;color:#e8dcc8;font-weight:800;font-family:"PingFang SC",sans-serif}
.rack-fader.active{border-color:#ffb347}
.rack-fader.active .fader-thumb{bottom:75%;background:#ffc870}

.scope-panel{padding:3rem 0;background:#1a1410}
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.scope-unit{background:#0f0c09;border:1px solid #3d2e1f;display:grid;grid-template-columns:48px 1fr;overflow:hidden}
.scope-led{width:48px;display:flex;align-items:center;justify-content:center;font-family:"Courier New",monospace;font-size:.65rem;font-weight:900;color:#1a1410;writing-mode:vertical-rl;text-orientation:mixed;padding:.5rem}
.scope-unit:nth-child(1) .scope-led{background:#ffb347}
.scope-unit:nth-child(2) .scope-led{background:#e8dcc8;color:#1a1410}
.scope-unit:nth-child(3) .scope-led{background:#ffb347}
.scope-unit:nth-child(4) .scope-led{background:#8a7a68;color:#e8dcc8}
.scope-content{padding:1rem 1.1rem}
.scope-content h2{font-size:.95rem;color:#e8dcc8;margin-bottom:.35rem;font-weight:800;font-family:"PingFang SC",sans-serif}
.scope-content p{font-size:.84rem;color:#8a7a68;line-height:1.6;font-family:"PingFang SC",sans-serif}
.scope-wave{display:flex;align-items:flex-end;gap:2px;height:20px;margin-top:.55rem}
.scope-wave i{display:block;width:3px;background:#ffb347;opacity:.7}
.scope-wave i:nth-child(1){height:6px}.scope-wave i:nth-child(2){height:14px}
.scope-wave i:nth-child(3){height:10px}.scope-wave i:nth-child(4){height:18px}
.scope-wave i:nth-child(5){height:8px}

.ft-freq-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border:1px solid #3d2e1f;background:#0f0c09;padding:1rem}
.ft-freq-step{text-align:center;padding:.85rem;border-right:1px solid #2a2018}
.ft-freq-step:last-child{border-right:none}
.ft-freq-step code{display:block;font-family:"Courier New",monospace;font-size:.78rem;color:#ffb347;margin-bottom:.4rem;font-weight:900}
.ft-freq-step h3{font-size:.88rem;color:#e8dcc8;margin-bottom:.25rem;font-weight:800;font-family:"PingFang SC",sans-serif}
.ft-freq-step p{font-size:.78rem;color:#8a7a68;font-family:"PingFang SC",sans-serif}

.ft-wave-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ft-wave-col{background:#0f0c09;border:1px solid #3d2e1f;padding:1rem}
.ft-wave-col h3{font-size:.88rem;color:#ffb347;margin-bottom:.55rem;font-weight:800;font-family:"Courier New",monospace;border-bottom:1px solid #2a2018;padding-bottom:.4rem}
.ft-wave-col li{font-size:.82rem;color:#8a7a68;padding:.28rem 0;font-family:"PingFang SC",sans-serif}
.ft-wave-img{margin-top:1rem}
.ft-wave-img img{border:1px solid #3d2e1f;width:100%}

.ft-sign-off{text-align:center;padding:2.5rem 0;background:#2a2018;border-top:2px solid #ffb347}
.ft-sign-off h2{font-size:1.15rem;color:#ffb347;margin-bottom:.4rem;font-weight:900}

@media(max-width:768px){
  .mix-grid,.scope-grid,.ft-wave-dual{grid-template-columns:1fr}
  .rack-row{grid-template-columns:repeat(2,1fr)}
  .ft-freq-steps{grid-template-columns:1fr}
  .ft-freq-step{border-right:none;border-bottom:1px solid #2a2018}
  .ft-freq-step:last-child{border-bottom:none}
}