/* A separate, centered payment note. Header geometry never changes. */
html.gateway-modal-open{overflow:hidden}
.gateway-note-fallback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 40px));padding:28px;background:#fefaf7;border:1px solid #e9dfd9;text-align:left;color:#62514b;font-size:14px;line-height:1.75}
.gateway-dialog{width:min(780px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:12px;overflow:auto;background:#fefaf7;color:#200a02;box-shadow:0 32px 100px #200a0240}
.gateway-dialog::backdrop{background:#200a0259;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.gateway-dialog[open]{animation:gateway-dialog-in .34s cubic-bezier(.2,.8,.2,1) both}
.gateway-dialog[open]::backdrop{animation:gateway-backdrop-in .26s ease both}
.gateway-dialog.is-closing{animation:gateway-dialog-out .18s ease both;pointer-events:none}
.gateway-dialog.is-closing::backdrop{animation:gateway-backdrop-out .18s ease both}
.gateway-composition{display:grid;grid-template-columns:.82fr 1.18fr;min-height:380px}
.gateway-object{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#200a02;color:#fefaf7;overflow:hidden;padding:56px 0 84px}
.gateway-object-label{position:absolute;left:28px;top:30px;right:24px;font-size:9px;font-weight:500;letter-spacing:.1em;line-height:1.5;color:#d4bfb3}
.gateway-wallet-drawing{width:100%;max-width:320px;height:auto;transform:rotate(-7deg)}
.gateway-entry-line{opacity:.6}
.gateway-commission{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #ffffff26;padding-top:16px}
.gateway-commission>span{font-size:11px;color:#d4bfb3}
.gateway-commission strong{font-size:28px;font-weight:450;letter-spacing:-.05em}
.gateway-copy{padding:48px 38px 38px}
.gateway-wordmark{font-size:9px;font-weight:600;letter-spacing:.15em;color:#79695f;margin:0 0 26px}
.gateway-copy h2{font-size:32px;line-height:1.16;font-weight:500;letter-spacing:-.045em;margin:0 0 24px}
.gateway-dialog .brand-announcement-note{font-size:14px;line-height:1.8;font-weight:400;color:#62514b;margin:0;padding:0;border:0;animation:none}
.gateway-inclusion{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;margin-top:28px;padding-top:18px;border-top:1px solid #e9dfd9;color:#62514b}
.gateway-inclusion>span{font-size:18px;color:#200a02}
.gateway-dialog .gateway-close{position:absolute;right:10px;top:10px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#62514b;background:transparent;transition:background .18s}
.gateway-close svg{width:20px;height:20px}
.gateway-dialog .gateway-close svg,.gateway-dialog .gateway-close:hover svg{transform:none;transition:none}
.gateway-dialog .gateway-close:hover{background:#f0e9e3}
.gateway-dialog .gateway-close:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
.gateway-dialog[open] .gateway-token{animation:gateway-token-arrive 1.15s .2s cubic-bezier(.3,0,.2,1) both}
.gateway-dialog[open] .gateway-arrival{stroke-dasharray:44;animation:gateway-arrival-mark .45s .95s ease both}
@keyframes gateway-dialog-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gateway-dialog-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}
@keyframes gateway-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes gateway-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes gateway-token-arrive{0%{transform:translateX(-24px);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateX(125px);opacity:0}}
@keyframes gateway-arrival-mark{from{stroke-dashoffset:44;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:600px){
 .gateway-composition{grid-template-columns:1fr;min-height:0}
 .gateway-object{height:172px;padding:0}
 .gateway-object-label{top:23px;left:24px;right:50px;font-size:8px;max-width:110px;line-height:1.7}
 .gateway-wallet-drawing{position:absolute;width:210px;right:5px;top:-24px}
 .gateway-commission{left:24px;right:auto;bottom:22px;display:block;border:0;padding:0}
 .gateway-commission>span{display:block;font-size:10px;margin-bottom:7px}
 .gateway-commission strong{font-size:27px}
 .gateway-copy{padding:28px}
 .gateway-wordmark{margin-bottom:18px}
 .gateway-copy h2{font-size:28px;margin-bottom:20px}
 .gateway-dialog .brand-announcement-note{font-size:13px;line-height:1.75}
 .gateway-inclusion{font-size:11px;margin-top:22px;padding-top:14px}
 .gateway-dialog .gateway-close{color:#e7dcd4}
 .gateway-dialog .gateway-close:hover{background:#ffffff1a}
}
@media(max-width:360px){.gateway-copy{padding:25px}.gateway-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){
 .gateway-dialog[open],.gateway-dialog[open]::backdrop,.gateway-dialog.is-closing,.gateway-dialog.is-closing::backdrop,.gateway-dialog[open] .gateway-token,.gateway-dialog[open] .gateway-arrival{animation:none}
 .gateway-token{display:none}
 .gateway-dialog .gateway-close{transition:none}
 .announcement-info summary>span{transition:none}
}