/* Illustrated backup-app walkthrough. */
.tutorial-steps{display:grid;gap:16px;margin:4px 0 18px;text-align:start}.tutorial-step{overflow:hidden;border:1px solid rgba(141,216,255,.5);border-radius:16px;background:rgba(8,22,47,.82);box-shadow:0 12px 28px rgba(1,8,25,.32)}.tutorial-step header{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#f5fbff;background:linear-gradient(90deg,rgba(24,94,146,.88),rgba(83,67,160,.78));font-size:16px;line-height:1.45}.tutorial-step header strong{flex:1}.step-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;font-size:16px;font-weight:900;background:linear-gradient(135deg,#67dcff,#6f6df0);box-shadow:0 2px 10px rgba(49,172,255,.4)}.mini-robot{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:21px;background:rgba(255,255,255,.17);animation:mini-robot 1.25s ease-in-out infinite}.tutorial-step:nth-child(2) .mini-robot{animation-delay:.2s}.tutorial-step:nth-child(3) .mini-robot{animation-delay:.4s}.tutorial-step:nth-child(4) .mini-robot{animation-delay:.6s}.tutorial-step img{display:block;width:100%;max-height:500px;object-fit:contain;background:#080b14}@keyframes mini-robot{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}@media(max-width:600px){.tutorial-step header{padding:10px;font-size:14px}.tutorial-step img{max-height:310px}.step-number{width:27px;height:27px;font-size:14px}.mini-robot{width:28px;height:28px;font-size:18px}}
.step-menu{display:grid;gap:6px;width:100%;text-align:start}.step-menu>span{display:block;padding:7px 10px;border:1px solid rgba(173,224,255,.2);border-radius:8px;background:rgba(5,20,47,.22)}.step-menu code{direction:ltr;unicode-bidi:isolate;color:#fff9a8;font:800 .94em ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:600px){.step-menu{gap:5px}.step-menu>span{padding:6px 8px}}