.pg-payments .frame{position:relative;display:flex;justify-content:center;padding:clamp(40px,6vw,88px) clamp(16px,5vw,72px) 0;border-radius:24px;background:#f1efec;overflow:hidden}.pg-payments .mock{width:100%;max-width:720px;background:#ffffff;border-radius:14px 14px 0 0;box-shadow:0 12px 32px rgba(37,33,28,.1),0 2px 6px rgba(37,33,28,.05),0 0 0 1px rgba(37,33,28,.05);overflow:hidden;font-size:15px;line-height:1.5;color:#25211c}.pg-payments .zoomed{zoom:1.18}.pg-payments .note{margin:18px 0 0;font-size:13px;color:#8a8782}.pg-payments .split2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}.pg-payments .split2.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.pg-payments .split2 .frame{padding:clamp(32px,4vw,56px) clamp(16px,3vw,40px) 0}.pg-payments .pts{margin-top:44px;display:flex;flex-direction:column;gap:26px}.pg-payments .pts h3{margin:0;font-size:19px;font-weight:500;letter-spacing:-.015em}.pg-payments .pts p{margin:6px 0 0;font-size:17px;line-height:1.5;color:#6e6c69}@media (max-width:960px){.pg-payments .split2,.pg-payments .split2.rev{grid-template-columns:minmax(0,1fr);gap:48px}.pg-payments .split2.rev>:first-child{order:2}.pg-payments .zoomed{zoom:1}}@media (max-width:640px){.pg-payments .frame{border-radius:18px;padding:28px 12px 0}.pg-payments .mock{font-size:14px}.pg-payments .zoomed,.pg-payments .zsm{zoom:.84}.pg-payments .lede br{display:none}}.pg-payments .wal-grid{padding:24px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px}.pg-payments .steps{display:flex;flex-wrap:wrap;gap:0 48px;margin-top:clamp(40px,5vw,72px);border-top:1px solid #d3d3d2}.pg-payments .step{flex:1 1 300px;display:flex;flex-direction:column;gap:12px;padding:28px 0 8px}.pg-payments .step .k{font-family:var(--font-mono);font-size:13px;color:#6e6c69}.pg-payments .step h3{margin:0}.pg-payments .step p{margin:0;max-width:30ch;font-size:17px;line-height:1.5;color:#6e6c69}.pg-payments .pile-frame{padding-top:clamp(120px,14vw,190px)}.pg-payments .pile{position:relative;width:100%;max-width:620px}.pg-payments .sheet{position:absolute;left:0;right:0;top:var(--top);height:320px;padding:18px 24px;box-sizing:border-box;background:#ffffff;border-radius:14px;box-shadow:0 10px 28px rgba(37,33,28,.1),0 0 0 1px rgba(37,33,28,.06);transform:scale(var(--s));transform-origin:top center;font-size:13px;color:#8a8782}.pg-payments .sheet i{display:block;height:8px;margin-top:14px;border-radius:4px;background:#ebe8e4}.pg-payments .bill{position:relative;z-index:2;max-width:none}@media (max-width:760px){.pg-payments .wal-grid{grid-template-columns:minmax(0,1fr);gap:24px}.pg-payments .wal-grid>:first-child{max-width:320px}}@media (max-width:640px){.pg-payments .sheet{padding:14px 16px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (max-height:1400px){.pg-payments .sheet{animation:fan linear both;animation-timeline:view();animation-range:entry 0 cover 50%}@keyframes fan{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s))}30%{opacity:1}to{opacity:1;transform:scale(var(--s))}}}}