.home-intro { --sync-progress: 1; }
.sync-visual { width: 100%; min-width: 0; align-self: center; }
.sync-scene { width: 100%; height: auto; overflow: visible; color: var(--text); }
.sync-orbit { fill: none; stroke: var(--accent); stroke-width: 1; stroke-dasharray: 2 10; opacity: .24; }
.brain-halo { transform-origin: 223px 224px; transform: scale(calc(.86 + var(--sync-progress) * .2)); }
.signal-track { fill: none; stroke: #b9aa9b; stroke-width: 2; stroke-dasharray: 3 9; }
.signal-track-return { stroke: #a2ac99; }
.signal-path, .feedback-path { fill: none; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; }
.signal-path { stroke: var(--accent); }
.feedback-path { stroke: #647659; }
.brain-outline, .brain-stem { fill: #ead0be; stroke: #955a42; stroke-width: 2.6; stroke-linejoin: round; }
.brain-stem { fill: #dfb9a2; }
.brain-folds { fill: none; stroke: #a56b52; stroke-width: 2.4; stroke-linecap: round; }
.brain-network path { fill: none; stroke: #a44831; stroke-width: 1.2; opacity: .38; }
.brain-network circle { fill: #a44831; stroke: #f5f2eb; stroke-width: 2; }
.arm-drawing { stroke-linejoin: round; stroke-linecap: round; }
.arm-skin { fill: #e8d9c6; stroke: #5e6054; stroke-width: 2.8; }
.arm-muscle { fill: none; stroke: #a99d8a; stroke-width: 2; }
.arm-brace { fill: #a5b299; stroke: #4e5e49; stroke-width: 2.5; }
.brace-detail { fill: none; stroke: #4e5e49; stroke-width: 1.3; }
.arm-cuff { fill: #687961; stroke: #455640; stroke-width: 2; }
.shoulder-joint, .elbow-joint, .wrist-joint { fill: #eeeae0; stroke: #4e5e49; stroke-width: 2.5; }
.joint-ring { fill: #ccd2bf; stroke: #77856c; stroke-width: 1.4; }
.joint-core { fill: #4e5e49; }
.joint-ticks { fill: none; stroke: #4e5e49; stroke-width: 2; }
.signal-dot { fill: var(--accent); }
.feedback-dot { fill: #647659; }
.dot-aura { opacity: .13; }