/* V10 surgical addition: distinct visuals, no new sections or spacing. */
.journey-visual .skay-stage{position:absolute;inset:13% 8% 14%;z-index:6;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(15px) scale(.97);transition:opacity .52s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s;pointer-events:none;color:#dce7f7}
.journey-visual[data-stage="1"] .skay-produce,.journey-visual[data-stage="2"] .skay-mix,.journey-visual[data-stage="3"] .skay-master{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.journey-visual[data-stage="1"] .journey-tracks,.journey-visual[data-stage="2"] .journey-tracks,.journey-visual[data-stage="3"] .journey-tracks{opacity:0!important;visibility:hidden}
.journey-visual[data-stage="1"] .journey-disc,.journey-visual[data-stage="2"] .journey-disc,.journey-visual[data-stage="3"] .journey-disc,.journey-visual[data-stage="1"] .journey-ring,.journey-visual[data-stage="2"] .journey-ring,.journey-visual[data-stage="3"] .journey-ring{opacity:0!important;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .4s}
.journey-visual[data-stage="1"] .journey-playhead,.journey-visual[data-stage="2"] .journey-playhead,.journey-visual[data-stage="3"] .journey-playhead{opacity:0!important;visibility:hidden}
.skay-stage-top,.skay-stage-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.18em;color:#a4bbd8}.skay-stage-footer{border-top:1px solid #b4c7e32e;padding-top:15px}
.skay-seq-grid{display:grid;gap:15px;padding:25px 20px;border:1px solid #9fb5d03d;background:linear-gradient(145deg,#122239b9,#0b111bd9);border-radius:15px;box-shadow:0 25px 70px #0006}.skay-seq-row{display:grid;grid-template-columns:62px 1fr;gap:15px;align-items:center;font-size:10px;letter-spacing:.16em;color:#9fb3cb}.skay-pads{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.skay-pads i{height:clamp(20px,3vw,39px);border-radius:4px;background:#8194af23;border:1px solid #bacbe01c;box-shadow:inset 0 -3px 6px #0004}.skay-pads i.is-lit{background:linear-gradient(180deg,#f9fdff,#7799c4);box-shadow:0 0 20px #adcbf15c}.skay-produce .skay-pads i.is-lit:nth-child(4n+1){animation:skayPadPulse 2.8s ease-in-out infinite}@keyframes skayPadPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
.skay-mixer{height:65%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:18px;background:linear-gradient(160deg,#1d2a3d,#0b121e);border:1px solid #c1d5ee45;border-radius:14px}.skay-channel{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:9px;padding:8px 2px;background:linear-gradient(#cde2ff09,#04091255);border:1px solid #b7cce526;border-radius:8px}.skay-channel>span{font-size:9px;letter-spacing:.12em}.skay-channel>b{font-size:10px;color:#aabdd5}.skay-channel-meter{height:20%;width:16%;min-width:7px;position:relative;background:#080e17;border-radius:5px;overflow:hidden}.skay-channel-meter i{position:absolute;inset:25% 0 0;background:linear-gradient(to top,#7fa2c9,#dce8f8);animation:skayMeter 1.9s ease-in-out infinite alternate;transform-origin:bottom}.skay-channel:nth-child(2) .skay-channel-meter i{animation-delay:-.5s}.skay-channel:nth-child(3) .skay-channel-meter i{animation-delay:-.9s}.skay-channel:nth-child(4) .skay-channel-meter i{animation-delay:-1.3s}.skay-fader{position:relative;flex:1;width:3px;background:#6e829c73;border-radius:4px;margin:8px 0}.skay-fader i{position:absolute;left:50%;top:var(--level);width:clamp(19px,3vw,37px);height:15px;border-radius:4px;background:linear-gradient(#f9fdff,#73879f);box-shadow:0 3px 10px #000c;transform:translate(-50%,-50%)}.skay-master-channel{background:#93a9c222}@keyframes skayMeter{from{transform:scaleY(.36)}to{transform:scaleY(.98)}}
.skay-master-art{position:relative;min-height:55%;display:grid;place-items:center}.skay-master-halo{position:absolute;width:min(45%,240px);aspect-ratio:1;border:1px solid #d5e5fa99;border-radius:50%;box-shadow:0 0 0 22px #d9eaff0b,0 0 0 54px #d9eaff08,inset 0 0 60px #bad6ff16;animation:skayMasterHalo 7s ease-in-out infinite}.skay-master-wave{position:absolute;inset:17% 0;display:flex;align-items:center;justify-content:center;gap:2px;opacity:.75;mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent)}.skay-master-wave i{flex:1;max-width:7px;border-radius:5px;background:linear-gradient(#edf6ff,#6186b7 55%,#edf6ff);opacity:.83}.skay-master-center{position:relative;text-align:center;font-size:clamp(42px,6.5vw,95px);font-weight:800;letter-spacing:-.09em;text-shadow:0 8px 35px #05080d}.skay-master-center span{display:block;font-size:11px;font-weight:500;letter-spacing:.32em;color:#a9bcd7}.skay-master-details{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.12em;color:#afc2db}.skay-master-details strong{color:#dcebf9;font-size:10px}@keyframes skayMasterHalo{0%,100%{transform:scale(.96);opacity:.6}50%{transform:scale(1.05);opacity:1}}
@media(max-width:700px){.journey-visual .skay-stage{inset:19% 6% 14%}.skay-seq-grid{padding:12px 7px;gap:9px}.skay-seq-row{grid-template-columns:40px 1fr;gap:5px;font-size:7px}.skay-pads{gap:2px}.skay-pads i{height:20px}.skay-stage-top,.skay-stage-footer,.skay-master-details{font-size:7px}.skay-mixer{padding:7px;gap:3px}.skay-channel>span,.skay-channel>b{font-size:7px}.skay-master-center{font-size:45px}.skay-master-center span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.skay-stage,.skay-master-halo,.skay-channel-meter i,.skay-pads i{animation:none!important;transition:none!important}}