
.launch-announcement{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #f1b26a33;color:#d9c4a7;font-size:12px;letter-spacing:.05em}.launch-announcement strong{color:#f1b26a}.launch-announcement span{margin-left:18px;color:#9ba4a4}.signal-demo{padding:44px 0 48px;border-bottom:1px solid #ffffff1f}.signal-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.signal-demo-heading h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-1.4px;margin:0}.signal-demo-heading>p{font-size:15px;line-height:1.7;color:#b3bbba;margin:0}.signal-demo-screen{background:linear-gradient(140deg,#252c2d,#15191b);border:1px solid #66716c;border-radius:14px;padding:24px;box-shadow:0 24px 70px #0005}.signal-demo-top{display:flex;justify-content:space-between;font:11px/1.3 monospace;letter-spacing:.14em;color:#cba46c;margin-bottom:20px}.signal-demo-top>span:first-child{font-weight:bold;letter-spacing:.28em}.signal-demo-prompt{border:1px solid #9c7848;border-left:3px solid #e5ac62;background:#111618;padding:18px 20px;border-radius:7px}.signal-label{font:10px/1.5 monospace;letter-spacing:.12em;color:#919e9b}.signal-demo-prompt p{font-size:clamp(18px,2.3vw,27px);font-weight:600;line-height:1.4;min-height:76px;margin:9px 0 0;color:#f5f0e8;max-width:none}.signal-caret{color:#f1b26a}.signal-demo-state{display:flex;justify-content:space-between;gap:12px;margin:20px 0;color:#a7b7b2;font-size:12px;min-height:20px}.signal-ready{color:#8ad5aa;opacity:0;transition:opacity .3s}.signal-demo.is-ready .signal-ready{opacity:1}.signal-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.signal-chain li{position:relative;min-width:0;border:1px solid #ffffff14;border-radius:8px;padding:16px 10px;background:#1b2224;opacity:.18;transform:translateY(5px);transition:opacity .4s,transform .4s,border-color .4s}.signal-chain li.is-built{opacity:1;transform:none;border-color:#77bcb392}.signal-chain li+li:before{content:'→';position:absolute;left:-15px;top:50%;color:#81c6b3;font-size:15px}.signal-symbol{display:block;font-size:29px;line-height:1;color:#8fc9bc;margin-bottom:14px}.signal-chain small{display:block;font:9px monospace;letter-spacing:.1em;color:#9caeaa}.signal-chain strong{display:block;font-size:14px;line-height:1.3;margin:7px 0;color:#f3e8d6}.signal-chain li>span:last-child{font-size:11px;line-height:1.5;color:#a7b5b1;display:block}.signal-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.signal-demo-footer p{font-size:10px;line-height:1.6;color:#8d9995;margin:0}.signal-demo-footer>div{display:flex;gap:8px;flex-shrink:0}.signal-demo-footer button{padding:9px 12px;border:1px solid #6e7872;border-radius:5px;background:#202628;color:#dedfd6;font-size:11px;cursor:pointer}.signal-demo-footer button:hover{border-color:#f1b26a}@media(max-width:760px){.signal-demo-heading{display:block}.signal-demo-heading>p{margin-top:18px}.signal-chain{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.signal-chain li:nth-child(4):before{content:none}.signal-demo-screen{padding:16px}.signal-demo-footer{align-items:start;flex-direction:column;gap:12px}.launch-announcement span{display:none}.signal-demo-prompt p{min-height:100px}.signal-demo{padding-top:30px}}@media(max-width:380px){.signal-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-chain li:before{display:none}}@media(prefers-reduced-motion:reduce){.signal-demo *{transition:none!important;animation:none!important}}

.synth-schematic{display:block;width:100%;height:auto;margin-top:22px;overflow:visible}.synth-schematic [data-build-stage]{opacity:.14;transition:opacity .4s}.synth-schematic .is-built{opacity:1}.synth-schematic rect{fill:#232c2e;stroke:#78918b;stroke-width:1.5}.synth-schematic text{text-anchor:middle;font-family:monospace}.synth-schematic .node-title{fill:#f2e4cd;font-size:14px;font-weight:700}.synth-schematic .node-sub{fill:#bbc7c4;font-size:11px}.synth-schematic .audio-wire{fill:none;stroke:#dbc39c;stroke-width:2;marker-end:url(#audio-arrow)}.synth-schematic .mod-wire{fill:none;stroke:#79b9c7;stroke-width:2;stroke-dasharray:5 4;marker-end:url(#mod-arrow)}.synth-schematic .legend-text{fill:#bbc7c4;font-size:12px;text-anchor:start}@media(max-width:700px){.signal-demo-screen{overflow-x:auto}.synth-schematic{min-width:650px}}@media(prefers-reduced-motion:reduce){.synth-schematic [data-build-stage]{transition:none}}
