/* A moving ledger record, with readable text and a real explanatory boundary. */
.studio-document main>.wallet-opening{padding-top:45px}
.wallet-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:34px}
.studio-document .wallet-intro h1{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 20px}
.studio-document .wallet-intro .lede{font-size:1rem;line-height:1.8;margin:30px 0 12px}
.studio-document .wallet-intro p:not(.eyebrow):not(.lede){font-size:.85rem;line-height:1.75}
.wallet-intro .ask-inline{margin-top:16px;gap:8px}.wallet-intro .btn{padding:12px 15px;font-size:.8rem}
.wallet-workbench{background:#fbf1ec;border:1px solid #c8bfbb;border-radius:20px;box-shadow:0 8px 0 #cbc2be66,0 25px 65px #4f1c5410;padding:24px;position:relative}
.wallet-workbench button{font:inherit;font-size:.8rem;line-height:1.5;min-height:44px;border:1px solid #bab1ad;border-radius:7px;padding:10px 14px;color:#5a285f;background:#fffcfb;cursor:pointer}
.wallet-workbench button[aria-pressed=true]{background:#5f2865;color:#ffffff;border-color:#5f2865}
.wallet-workbench button:disabled{opacity:.55;cursor:default}.wallet-workbench button:focus-visible{outline:3px solid #a65903;outline-offset:3px}
.wallet-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.wallet-topline p{font-size:.66rem!important;letter-spacing:.1em;font-weight:700;margin:0!important;color:#754979!important}
.wallet-playback{display:flex;gap:8px}.wallet-playback button{padding:7px 10px;font-size:.73rem;background:transparent}
.wallet-choices{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.wallet-choices button{flex:1;min-width:110px;text-align:center}
.wallet-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.wallet-stage{position:relative;min-width:0;height:358px;border:1px solid #ca9dce;background:radial-gradient(ellipse at 20% 5%,#f9e5fa,transparent 75%),linear-gradient(150deg,#f0c6f3,#e9dfdb);border-radius:14px;padding:22px;perspective:1000px;isolation:isolate;overflow:hidden}
.wallet-stage::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(#a363a933 1px,transparent 1px),linear-gradient(90deg,#a363a933 1px,transparent 1px);background-size:32px 32px;transform:rotateX(26deg) scale(1.2)}
.wallet-route{position:absolute;left:29px;top:28px;bottom:30px;width:2px;background:#ca9bcd}
.wallet-checkpoint{position:absolute;left:45px;right:24px;font-size:.64rem;letter-spacing:.12em;font-weight:700;color:#744378}
.wallet-checkpoint::before{content:'';position:absolute;left:-20px;top:3px;width:9px;height:9px;border:2px solid #b67bbb;background:#ecd9ed;border-radius:50%}
.wallet-checkpoint:nth-of-type(1){top:25px}.wallet-checkpoint:nth-of-type(2){top:145px}.wallet-checkpoint:nth-of-type(3){top:275px}
.wallet-slip{position:absolute;left:56px;right:24px;top:54px;padding:18px 20px;background:linear-gradient(125deg,#fffbf9,#f5ebe7);border:1px solid #d0a2d3;border-radius:9px;box-shadow:4px 5px 0 #c9a2cc88,8px 10px 0 #c8bfba66,0 22px 30px #56225b24;transform:translate3d(0,calc(var(--wallet-stop,0)*67px),22px) rotateY(-3deg);transition:transform 1s cubic-bezier(.22,.8,.2,1),border-color .5s;z-index:2;overflow:hidden}
.wallet-slip::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fff9 45%,transparent 70%);transform:translateX(-110%);animation:wallet-record-scan 6s ease-in-out infinite;pointer-events:none}
.wallet-slip small{display:block;font-size:.6rem;letter-spacing:.14em;color:#746051}
.wallet-slip strong{display:block;font-size:clamp(23px,2.25vw,32px);letter-spacing:-.04em;line-height:1.15;color:#56265b;margin:10px 0 15px}
.wallet-slip span{display:block;border-top:1px dashed #c5ae9d;padding-top:10px;font-size:.61rem;letter-spacing:.08em;color:#73533a;font-weight:700}
.wallet-check{position:absolute;left:55px;right:24px;bottom:20px;border-left:3px solid #a0693d;padding:8px 12px;background:#ffffff80;font-size:.76rem;color:#623a66;line-height:1.5;z-index:3}
.wallet-workbench[data-stage="0"][data-balance=withdrawable] .wallet-check{border-color:#86408d}
.wallet-workbench[data-stage="2"] .wallet-slip,.wallet-workbench[data-stage="3"] .wallet-slip{transform:translate3d(0,125px,22px) rotateY(0)}
.wallet-workbench[data-stage="2"] .wallet-checkpoint:nth-of-type(3){animation:wallet-await 1.8s infinite}
.wallet-workbench[data-outcome=reversed] .wallet-slip,.wallet-workbench[data-outcome=rejected] .wallet-slip{border-color:#9e5814;background:linear-gradient(125deg,#fff5f0,#e6ddd8)}
.wallet-explanation{min-width:0}.wallet-phase{font-size:.65rem!important;letter-spacing:.13em;font-weight:700;color:#87542a!important;margin:0 0 12px!important}
.studio-document .wallet-explanation h2{font-size:clamp(25px,2.3vw,34px);line-height:1.18;letter-spacing:-.035em;margin:0 0 16px}
.studio-document .wallet-explanation p{font-size:.88rem;line-height:1.8;color:#6e3f72;margin:0 0 14px}
.wallet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.wallet-actions button{font-size:.76rem}.wallet-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.wallet-actions [data-wallet-review],.wallet-actions [data-wallet-request]{background:#5f2865;color:#ffffff}
.wallet-next{border-top:1px solid #cfc6c1;padding-top:13px;font-size:.8rem!important}
.wallet-caption{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d2c9c4;margin-top:24px;padding-top:14px;font-size:.72rem;color:#754d79;line-height:1.7}
.wallet-caption span{max-width:58%}.wallet-workbench [hidden]{display:none!important}.wallet-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.wallet-workbench[data-moving=false] *{animation-play-state:paused!important}
@keyframes wallet-record-scan{0%,35%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@keyframes wallet-await{50%{box-shadow:0 0 0 7px #a8734a30}}
.wallet-stage{height:410px}
.wallet-map-label{position:absolute;top:17px;left:56px;right:24px;margin:0!important;font-size:.59rem!important;letter-spacing:.08em;line-height:1.5!important;color:#764a7a!important}
.wallet-route{left:29px;top:66px;bottom:100px}
.wallet-checkpoint{left:17px;right:auto;width:26px;height:26px;display:grid;place-items:center;background:#e6dcd8;border:1px solid #c490c8;border-radius:50%;letter-spacing:0;font-size:.62rem;z-index:4}
.wallet-checkpoint::before{display:none}
.wallet-checkpoint:nth-of-type(1){top:62px}.wallet-checkpoint:nth-of-type(2){top:129px}.wallet-checkpoint:nth-of-type(3){top:187px}
.wallet-slip{top:62px}
.wallet-workbench[data-stage="0"] .wallet-checkpoint:nth-of-type(1),.wallet-workbench[data-stage="1"] .wallet-checkpoint:nth-of-type(2),.wallet-workbench[data-stage="2"] .wallet-checkpoint:nth-of-type(3),.wallet-workbench[data-stage="3"] .wallet-checkpoint:nth-of-type(3){background:#5f2865;color:#ffffff;border-color:#5f2865;box-shadow:0 0 0 5px #c488c933}
@media(max-width:760px){.wallet-intro{grid-template-columns:1fr;gap:0;margin-bottom:24px}.studio-document .wallet-intro .lede{margin-top:0}.wallet-workspace{grid-template-columns:1fr;gap:26px}.wallet-workbench{padding:17px}.wallet-stage{height:325px}.wallet-slip{left:38px;right:17px;padding:17px 15px}.wallet-route{left:20px}.wallet-checkpoint{left:36px}.wallet-check{left:38px;right:17px;bottom:13px;font-size:.7rem}.wallet-checkpoint:nth-of-type(3){top:251px}.wallet-workbench[data-stage="2"] .wallet-slip,.wallet-workbench[data-stage="3"] .wallet-slip{transform:translate3d(0,105px,22px)}.wallet-choices button{min-width:110px;font-size:.75rem}.wallet-caption{flex-direction:column;gap:5px}.wallet-caption span{max-width:none}.wallet-topline{gap:10px}.wallet-slip strong{font-size:25px}}
@media(max-width:760px){.wallet-stage{height:380px}.wallet-map-label{left:38px;right:17px;font-size:.52rem!important}.wallet-checkpoint{left:8px;font-size:.56rem;width:24px;height:24px}.wallet-checkpoint:nth-of-type(1){top:62px}.wallet-checkpoint:nth-of-type(2){top:129px}.wallet-checkpoint:nth-of-type(3){top:152px}.wallet-workbench[data-stage="2"] .wallet-slip,.wallet-workbench[data-stage="3"] .wallet-slip{transform:translate3d(0,90px,22px)}.wallet-slip strong{font-size:clamp(21px,5.6vw,25px)}}
@media(max-width:380px){.wallet-stage{height:430px}}
@media(prefers-reduced-motion:reduce){.wallet-workbench *{animation:none!important;transition:none!important}.wallet-slip{transform:none!important}}