/* Cloud page only: an explanatory route, not a live status dashboard. */
.cloud-scenes>header{max-width:900px}
.cloud-scenes-intro{max-width:670px;margin:24px 0 0;color:var(--muted);font-size:1.05rem}
.cloud-scene figure{min-width:0;min-height:540px;padding:clamp(25px,4vw,48px);background:var(--surface);border:1px solid var(--line);color:var(--text)}
.cloud-scene figure figcaption{max-width:630px;color:var(--muted);font-size:.72rem;line-height:1.5;letter-spacing:.02em}
.cloud-scene>div{min-width:0}
.cloud-flow{display:flex!important;flex-direction:column;justify-content:center;gap:28px}
.cloud-flow-steps{display:grid;gap:0;list-style:none;width:100%;margin:0;padding:0}
.cloud-flow-steps li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:17px;min-width:0;padding:10px 0 15px}
.cloud-flow-steps li:not(:last-child)::after{content:"";position:absolute;left:26px;top:66px;bottom:-12px;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 25%,transparent))}
.cloud-flow-number{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:.8rem;font-weight:850;letter-spacing:.06em}
.cloud-flow-steps strong{display:block;font-size:clamp(1.2rem,1.9vw,1.65rem);line-height:1.15}
.cloud-flow-steps small{display:block;max-width:430px;margin-top:5px;color:var(--muted);font-size:.9rem;line-height:1.45}
.cloud-restore{display:flex!important;flex-direction:column;justify-content:center;gap:28px}
.cloud-restore-graphic{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0}
.cloud-restore-source,.cloud-restore-target{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:245px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface-2)}
.cloud-restore-target{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}
.cloud-graphic-label{color:var(--accent);font-size:.61rem;font-weight:850;letter-spacing:.11em;line-height:1.3}
.cloud-restore-graphic strong{max-width:190px;margin-top:18px;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.15}
.cloud-restore-source small{margin-top:auto;color:var(--muted);font-size:.8rem}
.cloud-file-lines{display:grid;gap:5px;width:100%;margin:24px 0 14px}
.cloud-file-lines i{display:block;height:7px;border-radius:99px;background:color-mix(in srgb,var(--accent) 36%,var(--surface-2))}
.cloud-file-lines i:nth-child(2){width:78%}.cloud-file-lines i:nth-child(3){width:58%}
.cloud-restore-arrow{justify-self:center;color:var(--accent);font-size:2.6rem;font-weight:300;line-height:1}
.cloud-check-list{display:grid;gap:7px;margin-top:22px}
.cloud-check-list span{position:relative;padding-left:16px;color:var(--muted);font-size:.76rem;line-height:1.35}
.cloud-check-list span::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.cloud-scene.in-view .cloud-flow-steps li{animation:cloud-stage-in .55s both}
.cloud-scene.in-view .cloud-flow-steps li:nth-child(2){animation-delay:.09s}
.cloud-scene.in-view .cloud-flow-steps li:nth-child(3){animation-delay:.18s}
.cloud-scene.in-view .cloud-flow-steps li:nth-child(4){animation-delay:.27s}
.cloud-scene.in-view .cloud-restore-arrow{animation:cloud-arrow-in .6s .12s both}
.cloud-scene .cloud-restore-source,.cloud-scene .cloud-restore-target{transition:border-color .25s ease,transform .25s ease}
.cloud-scene .cloud-restore-source:hover,.cloud-scene .cloud-restore-target:hover{border-color:var(--accent);transform:translateY(-3px)}
@keyframes cloud-stage-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes cloud-arrow-in{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:none}}
@media(max-width:980px){.cloud-scene figure{min-height:0}.cloud-restore-graphic{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.cloud-restore-source,.cloud-restore-target{padding:17px}}
@media(max-width:700px){.cloud-scenes>header{margin-bottom:38px}.cloud-scenes-intro{font-size:.98rem}.cloud-scene figure{padding:26px 22px;min-height:0}.cloud-flow{gap:22px}.cloud-flow-steps li{grid-template-columns:45px minmax(0,1fr);gap:14px;padding:8px 0 18px}.cloud-flow-number{width:44px;height:44px}.cloud-flow-steps li:not(:last-child)::after{left:21px;top:55px;bottom:-9px}.cloud-flow-steps strong{font-size:1.25rem}.cloud-flow-steps small{font-size:.83rem}.cloud-restore-graphic{grid-template-columns:1fr;gap:6px}.cloud-restore-source,.cloud-restore-target{min-height:0;padding:20px}.cloud-restore-source{min-height:190px}.cloud-restore-arrow{transform:rotate(90deg);font-size:2.3rem}.cloud-scene.in-view .cloud-restore-arrow{animation:none}.cloud-restore-graphic strong{margin-top:11px}.cloud-file-lines{margin:19px 0 11px}.cloud-check-list{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.cloud-scene.in-view .cloud-flow-steps li,.cloud-scene.in-view .cloud-restore-arrow{animation:none}.cloud-scene .cloud-restore-source,.cloud-scene .cloud-restore-target{transition:none}.cloud-scene .cloud-restore-source:hover,.cloud-scene .cloud-restore-target:hover{transform:none}}