.studio-document main .payment-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;padding-bottom:35px}
.studio-document main .payment-intro h1{font-size:clamp(38px,4.5vw,65px);margin-bottom:0}
.payment-workbench{margin-bottom:55px;border:1px solid #cec5c1;border-radius:28px;background:#fdf8f6;overflow:hidden;box-shadow:0 20px 70px #5c28620b}
.payment-controls{display:flex;gap:8px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid #e3dad6}
.payment-controls button,.payment-steps button,.payment-footer button,.payment-copy button{min-height:44px;padding:10px 14px;border:1px solid #bbb2ae;border-radius:9px;background:#fffdfc;color:#612866;font:inherit;font-size:.85rem;cursor:pointer}
.payment-controls button[aria-pressed=true],.payment-steps button[aria-pressed=true]{background:#612866;color:#ffffff;border-color:#612866}
.payment-workbench button:focus-visible{outline:3px solid #b4620a;outline-offset:3px}
.payment-workbench [hidden]{display:none!important}
.payment-layout{display:grid;grid-template-columns:1.2fr 1fr}
.payment-surface{position:relative;min-height:470px;padding:25px 25px 20px;isolation:isolate;background:radial-gradient(ellipse at 30% 10%,#fffdfc,transparent 65%),linear-gradient(140deg,#efe6e1,#d9d0cc);border-right:1px solid #cec5c1;perspective:1000px}
.payment-surface::before{content:'';position:absolute;inset:90px 8% 15%;background:repeating-linear-gradient(0deg,transparent 0 37px,#a15da714 38px 39px);transform:rotateX(28deg) rotateZ(-4deg);z-index:-1}
.payment-surface-top{display:flex;justify-content:space-between;gap:15px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#713b76}
.payment-illustration-tag{border:1px solid #b087b3;border-radius:20px;padding:3px 9px;font-size:.63rem;white-space:nowrap}
.payment-lane{position:relative;margin-top:27px;padding-bottom:18px;border-bottom:1px solid #bf8dc4}
.payment-lane-label{display:block;margin:0 0 10px;font-size:.7rem;font-weight:750;letter-spacing:.14em;color:#713b76;text-transform:uppercase}
.payment-record{position:relative;width:82%;min-height:116px;padding:17px 20px;background:#fffcfb;border:1px solid #c69dc9;border-radius:12px;box-shadow:4px 6px 0 #cec5c1,9px 15px 23px #62266825;transform:translateX(0) rotateY(-8deg) rotateZ(-1deg);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),background .7s,border-color .7s}
.payment-record::after{content:'';position:absolute;inset:5px -4px -5px 4px;border:1px solid #a478a8;border-radius:12px;z-index:-1}
.payment-record strong{display:block;font-size:clamp(18px,1.7vw,23px);line-height:1.25;letter-spacing:-.035em;color:#511c56}
.studio-document main .payment-record p{font-size:.78rem;line-height:1.55;color:#6c3c70;margin:9px 0 0}
.payment-record--pay{background:#fee2ce;border-color:#d5a47f;box-shadow:4px 6px 0 #e3bea3,9px 15px 23px #7a553823}
.payment-workbench[data-stage="1"] .payment-record,.payment-workbench[data-stage="2"] .payment-record--pay{transform:translateX(9%) rotateY(-3deg) rotateZ(0)}
.payment-workbench[data-stage="2"] .payment-record--fee,.payment-workbench[data-stage="3"] .payment-record--fee{transform:translateX(18%) rotateY(2deg) rotateZ(1deg);background:#f6ede8}
.payment-workbench[data-stage="3"] .payment-record--pay{transform:translateX(9%) rotateY(-3deg) rotateZ(0)}
.payment-workbench:not([data-path="wallet"]) .payment-record--pay{transform:translateX(0) rotateY(-8deg) rotateZ(-1deg);border-style:dashed;background:#f7eee9}
.payment-workbench[data-dispute="true"] .payment-record--pay{border-color:#9c550c;background:#fee4d1}
.payment-hold-indicator{position:absolute;top:14px;right:13px;width:7px;height:7px;border-radius:50%;background:#9e560b;opacity:0}
.payment-workbench[data-path="wallet"][data-stage="3"] .payment-hold-indicator{opacity:1;animation:payment-pending 2s ease-in-out infinite;animation-play-state:paused}
.payment-workbench[data-moving="true"] .payment-hold-indicator{animation-play-state:running}
.payment-surface-bottom{margin-top:20px;font-size:.72rem;line-height:1.6;color:#713b76}
.payment-copy{padding:35px 30px;align-self:center}
.studio-document main .payment-copy .eyebrow{font-size:.68rem;line-height:1.5;color:#9b540a;margin-bottom:13px}
.studio-document main .payment-copy h2{font-size:clamp(25px,2.7vw,36px);line-height:1.14;margin:0 0 18px}
.studio-document main .payment-copy p{font-size:.92rem;line-height:1.85;color:#673f6b}
.payment-next{border-left:2px solid #b76922;padding-left:15px;margin-top:22px}
.payment-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 24px;background:#f9f2ee}
.payment-steps button{position:relative;overflow:hidden;text-align:left}
.payment-steps button span{display:block;font-size:.65rem;opacity:.85;margin-bottom:4px;letter-spacing:.1em}
.payment-steps button[aria-pressed=true]::after{content:'';height:3px;background:#eead7c;position:absolute;bottom:0;left:0;right:0;transform-origin:left;transform:scaleX(var(--payment-progress,0))}
.payment-footer{padding:0 24px 20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#f9f2ee}
.payment-footer span{margin-right:auto;font-size:.75rem;color:#723e77}
.payment-footer button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:7px 0;font-size:.75rem}
.studio-document main .payment-disclaimer{font-size:.75rem;line-height:1.7;margin:0;padding:17px 24px;color:#764a79;border-top:1px solid #d9d0cb}
.payment-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes payment-pending{50%{box-shadow:0 0 0 6px #9e560a20;transform:scale(1.2)}}
@media(max-width:760px){.studio-document main .payment-intro{grid-template-columns:1fr;gap:23px;padding-top:34px}.studio-document main .payment-intro h1{font-size:39px}.payment-layout{grid-template-columns:1fr}.payment-controls{padding:16px;display:grid;grid-template-columns:1fr}.payment-controls button{text-align:left}.payment-surface{min-height:470px;border-right:0;border-bottom:1px solid #cec5c1;padding:22px 17px}.payment-record{width:84%;padding:16px 15px;min-height:130px}.payment-record strong{font-size:20px;max-width:95%}.payment-copy{padding:27px 22px}.payment-steps{padding:16px;grid-template-columns:1fr 1fr}.payment-footer{padding:0 16px 18px;gap:12px}.payment-footer span{flex-basis:100%}.payment-workbench{border-radius:22px}.payment-surface-top{font-size:.6rem}.payment-illustration-tag{font-size:.55rem}.payment-surface-bottom{font-size:.68rem}}
@media(max-width:360px){.payment-record{min-height:150px}.payment-surface{min-height:515px}.payment-record strong{font-size:18px}.payment-surface-top{flex-wrap:wrap}.payment-copy{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.payment-workbench *,.payment-workbench *::before,.payment-workbench *::after{animation:none!important;transition:none!important}}