.rm-slider{--c:#27a9ff;--bg:#071321;position:relative;max-width:1400px;margin:0 auto 4rem;background:radial-gradient(circle at 62% 40%,#12375c 0,#091827 34%,#050b13 74%);border:1px solid rgba(76,215,246,.22);border-radius:24px;overflow:hidden;min-height:560px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.rm-slider *{box-sizing:border-box}.rm-slide{display:none;min-height:560px;padding:56px 64px;position:relative}.rm-slide.active{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.45fr);gap:46px;align-items:center;animation:rmFade .55s ease}.rm-copy{z-index:3}.rm-kicker{font-size:14px;letter-spacing:.16em;color:#9ccdf0;margin-bottom:18px}.rm-title{font-size:clamp(36px,4vw,64px);line-height:1.12;font-weight:800;color:#fff;margin:0 0 18px}.rm-title b{color:var(--c)}.rm-desc{color:#b8c7d8;font-size:18px;line-height:1.85;max-width:540px}.rm-flow{position:relative;height:410px}.rm-cloud{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:180px;height:94px;border:1px solid #4dc9ff;border-radius:50px;background:linear-gradient(180deg,#1a6aa2,#0d3554);box-shadow:0 0 36px rgba(32,174,255,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;z-index:3}.rm-cloud small{font-size:11px;color:#9fe2ff;margin-top:4px}.rm-node{position:absolute;width:150px;padding:14px 12px;border-radius:15px;background:rgba(7,24,40,.92);border:1px solid rgba(76,215,246,.36);color:#fff;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:3}.rm-node small{display:block;color:#8facbf;margin-top:4px;font-size:11px}.rm-n1{left:4%;bottom:55px}.rm-n2{left:36%;bottom:18px}.rm-n3{right:4%;bottom:68px}.rm-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#2cbcff,transparent);transform-origin:left center;opacity:.7;z-index:1}.rm-l1{left:19%;top:214px;width:37%;transform:rotate(-27deg)}.rm-l2{left:50%;top:190px;width:28%;transform:rotate(58deg)}.rm-l3{left:53%;top:190px;width:38%;transform:rotate(26deg)}.rm-packet{position:absolute;width:12px;height:12px;border-radius:50%;background:#72dcff;box-shadow:0 0 14px #26c5ff;z-index:4;animation:rmPacket 3.3s linear infinite}.rm-p1{left:21%;top:223px}.rm-p2{left:52%;top:195px;animation-delay:1.1s}.rm-p3{left:53%;top:196px;animation-delay:2.1s}.rm-status{position:absolute;right:2%;top:22px;width:205px;padding:16px;background:rgba(4,16,28,.9);border:1px solid rgba(76,215,246,.3);border-radius:16px;color:#dceafa;z-index:5}.rm-status strong{display:flex;justify-content:space-between;font-size:13px}.rm-bar{height:7px;background:#102d46;border-radius:20px;margin:12px 0;overflow:hidden}.rm-bar i{display:block;height:100%;width:78%;background:linear-gradient(90deg,#1d91ff,#58e6ff);border-radius:inherit;animation:rmProgress 4.5s ease-in-out infinite}.rm-check{font-size:11px;line-height:1.8;color:#9fb6c8}.rm-check span{color:#2ed991}.rm-controls{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:8}.rm-dot{width:10px;height:10px;border-radius:50%;border:0;background:#395169;cursor:pointer}.rm-dot.active{background:#21baff;box-shadow:0 0 10px #21baff}.rm-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(2,8,15,.7);color:white;font-size:26px;z-index:9;cursor:pointer}.rm-prev{left:16px}.rm-next{right:16px}.rm-tagrow{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.rm-tag{font-size:12px;color:#c8d8e5;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035)}
[dir=rtl] .rm-copy{text-align:right}[dir=rtl] .rm-status{right:auto;left:2%}
@keyframes rmFade{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rmPacket{0%{transform:translate(0,0);opacity:0}10%{opacity:1}45%{transform:translate(180px,-95px);opacity:1}55%{transform:translate(205px,-105px);opacity:1}100%{transform:translate(390px,48px);opacity:0}}@keyframes rmProgress{0%{width:8%}55%{width:78%}100%{width:98%}}
@media(max-width:900px){.rm-slider{border-radius:18px;min-height:760px}.rm-slide,.rm-slide.active{min-height:760px;padding:42px 28px 70px;grid-template-columns:1fr;gap:20px}.rm-flow{height:360px}.rm-status{display:none}.rm-node{width:128px;font-size:12px}.rm-n1{left:0}.rm-n2{left:34%}.rm-n3{right:0}.rm-title{font-size:40px}}

/* v2: distinct workflow scenes */
.rm-slider-v2 .rm-scene{position:relative;min-height:390px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(0,170,255,.12),transparent 43%),linear-gradient(145deg,#071426,#091d31);border:1px solid rgba(93,202,255,.18);box-shadow:inset 0 0 60px rgba(0,0,0,.28)}
.rm-slider-v2 .rm-scene small{display:block;font-size:11px;opacity:.68;margin-top:5px;letter-spacing:.03em}
.rm-stage-status{position:absolute;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 15px;border:1px solid rgba(92,209,255,.2);border-radius:14px;background:rgba(4,13,27,.78);backdrop-filter:blur(12px);font-size:12px;color:#a8bad0}.rm-stage-status b{color:#49cfff;letter-spacing:.08em}.rm-stage-status em{font-style:normal;color:#fff;font-family:monospace}
.rm-device,.rm-core,.rm-cipher,.rm-hub,.rm-cloudnode,.rm-restore-cloud,.rm-restore-target{position:absolute;z-index:3;text-align:center;border:1px solid rgba(89,207,255,.35);background:linear-gradient(160deg,rgba(22,55,86,.96),rgba(7,20,38,.96));color:white;box-shadow:0 10px 40px rgba(0,142,255,.12)}
.rm-scene-backup .rm-device{left:9%;top:35%;width:145px;padding:20px;border-radius:16px}.rm-scene-backup .rm-core{right:9%;top:28%;width:190px;padding:26px;border-radius:50%}.rm-stream{position:absolute;left:31%;right:34%;top:45%;height:3px;background:linear-gradient(90deg,#148fff,#5de2ff);box-shadow:0 0 16px #16a8ff}.rm-stream i{position:absolute;width:11px;height:11px;border-radius:3px;background:#baf4ff;top:-4px;box-shadow:0 0 15px #35cfff;animation:rmTravel 2.2s linear infinite}.rm-stream i:nth-child(2){animation-delay:.55s}.rm-stream i:nth-child(3){animation-delay:1.1s}.rm-stream i:nth-child(4){animation-delay:1.65s}@keyframes rmTravel{0%{left:0;opacity:0;transform:scale(.6)}12%{opacity:1}88%{opacity:1}100%{left:96%;opacity:0;transform:scale(1.15)}}
.rm-file-stack{position:absolute;left:9%;top:26%;width:155px;height:145px}.rm-file-stack i{position:absolute;display:grid;place-items:center;width:90px;height:62px;border-radius:10px;border:1px solid rgba(93,215,255,.35);background:#102a44;color:#dff7ff;font-style:normal;font-family:monospace;box-shadow:0 8px 25px rgba(0,0,0,.25)}.rm-file-stack i:nth-child(1){left:0;top:0}.rm-file-stack i:nth-child(2){left:25px;top:35px}.rm-file-stack i:nth-child(3){left:50px;top:70px}.rm-lock{position:absolute;left:43%;top:30%;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;color:#6ee7ff;border:1px solid rgba(82,218,255,.45);background:radial-gradient(circle,rgba(0,167,255,.2),rgba(6,21,37,.96));box-shadow:0 0 45px rgba(0,174,255,.18);animation:rmPulse 2s ease-in-out infinite}.rm-lock span{font-size:46px}.rm-lock small{position:absolute;bottom:12px}.rm-cipher{right:8%;top:31%;width:190px;padding:26px 14px;border-radius:16px;font-family:monospace;color:#7ceaff;animation:rmCipher 1.7s steps(2,end) infinite}@keyframes rmPulse{50%{box-shadow:0 0 65px rgba(0,190,255,.4);transform:scale(1.04)}}@keyframes rmCipher{50%{filter:brightness(1.25)}}
.rm-hub{left:40%;top:31%;width:150px;padding:24px;border-radius:50%}.rm-cloudnode{width:104px;padding:14px 8px;border-radius:14px}.rm-ca{left:8%;top:15%}.rm-cb{right:8%;top:15%}.rm-cc{left:10%;top:55%}.rm-cd{right:10%;top:55%}.rm-ray{position:absolute;z-index:1;height:2px;left:47%;top:42%;width:34%;transform-origin:left center;background:linear-gradient(90deg,#3bd4ff,rgba(38,149,255,.15));box-shadow:0 0 10px rgba(0,190,255,.7)}.r1{transform:rotate(-150deg)}.r2{transform:rotate(-30deg)}.r3{transform:rotate(150deg)}.r4{transform:rotate(30deg)}.rm-ray:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d5fbff;top:-4px;left:0;box-shadow:0 0 13px #3bd4ff;animation:rmRay 1.8s linear infinite}@keyframes rmRay{to{left:96%}}
.rm-restore-cloud{left:9%;top:27%;width:180px;padding:24px;border-radius:50%}.rm-restore-target{right:9%;top:28%;width:175px;padding:22px;border-radius:16px}.rm-restore-target span{font-size:44px;color:#6de6ff}.rm-return{position:absolute;left:33%;right:34%;top:44%;height:3px;background:linear-gradient(90deg,#40d8ff,#1678ff);box-shadow:0 0 16px #20b7ff}.rm-return i{position:absolute;width:12px;height:12px;border-radius:50%;background:white;top:-5px;box-shadow:0 0 16px #4edcff;animation:rmReturn 2s linear infinite}.rm-return i:nth-child(2){animation-delay:.65s}.rm-return i:nth-child(3){animation-delay:1.3s}@keyframes rmReturn{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:96%;opacity:0}}
.rm-slider-v2 .rm-tag.active{border-color:rgba(76,215,246,.7);background:rgba(76,215,246,.15);color:#8eeaff}
@media(max-width:800px){.rm-slider-v2 .rm-scene{min-height:330px}.rm-stage-status{left:12px;right:12px;bottom:12px}.rm-scene-backup .rm-device,.rm-restore-cloud{left:5%;width:115px}.rm-scene-backup .rm-core,.rm-restore-target{right:5%;width:125px}.rm-file-stack{left:3%;transform:scale(.8)}.rm-lock{left:39%;transform:scale(.8)}.rm-cipher{right:3%;width:145px}.rm-cloudnode{width:82px;font-size:12px}.rm-hub{left:35%;width:130px}.rm-stage-status span{display:none}}