/* Select a request, understand the feature, and see it happen in the conversation. */
.pay-section{position:relative;z-index:3;background:#000;color:#f5f5f7;padding:90px 0 80px;scroll-margin-top:100px;--pay-accent:#48b88a;--pay-surface:linear-gradient(145deg,#1b1b1e,#0b0b0d 85%);--pay-surface-border:#ffffff20;--pay-ease:cubic-bezier(.22,1,.36,1);font-family:'Poppins',sans-serif}
.pay-section *{box-sizing:border-box}
.pay-workspace{width:96%;max-width:1300px;min-height:660px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,3vw,44px);align-items:center;position:relative;isolation:isolate}
.pay-visual{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;padding:20px 0;overflow:clip}
.pay-visual:before{content:'';position:absolute;z-index:-1;left:3%;top:48%;width:94%;aspect-ratio:1.3;border-radius:50%;transform:translateY(-50%) rotate(-24deg);background:radial-gradient(ellipse at 35% 25%,#242424,#181818 55%,#101010);pointer-events:none}
.pay-phone-wrap{position:relative;width:min(315px,78%);filter:drop-shadow(0 24px 24px #0008)}
.pay-console{min-width:0;width:100%;padding:8px 0 0 18px;justify-self:end;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-self:center}
.pay-heading{width:100%;margin:0 0 6px;text-align:left}
.pay-heading h2{font:400 clamp(28px,2.5vw,36px)/1.25 'Poppins',sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.pay-heading>p{font:300 14px/1.65 'Poppins',sans-serif;color:#99999f;max-width:58ch;margin:0}
.pay-menu-column{min-width:0}
.pay-invitation{margin:0 0 13px;color:#b6b6bc;font-size:12px;line-height:1.5;font-weight:400}
.pay-touch-label{display:none}
.pay-journey-progress,.pay-journey-controls,.pay-mobile-features{display:none}
.pay-menu-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pay-menu-item{appearance:none;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:68px;padding:16px 14px;border:1px solid #ffffff30;border-radius:10px;background:#141416;color:#c2c2c8;cursor:pointer;text-align:left;font:400 13px/1.35 'Poppins',sans-serif;transition:background .2s,color .2s,border-color .2s,transform .2s var(--pay-ease),box-shadow .2s}
.pay-menu-item>svg{width:19px;height:19px;flex:none}
.pay-menu-item>span:nth-child(2){flex:1;min-width:0}
.pay-menu-arrow{display:flex;flex:none;color:#a5a5ad;transition:transform .2s,color .2s}
.pay-menu-arrow svg{width:16px;height:16px}
.pay-menu-item:hover{color:#fff;background:#242427;border-color:#ffffff65;transform:translateY(-2px)}
.pay-menu-item:hover .pay-menu-arrow{transform:translateX(2px);color:inherit}
.pay-menu-item[aria-pressed=true]{color:#f5f5f7;background:#29292d;border-color:#6a6a71;box-shadow:inset 0 1px #ffffff09,0 3px 12px #0003}
.pay-menu-item[aria-pressed=true] .pay-menu-arrow{color:#d0d0d6}
.pay-menu-item:active{transform:scale(.97)}
.pay-output-column{position:relative;min-width:0;width:100%}
.pay-outputs{display:grid;align-items:stretch}
.pay-output{grid-area:1/1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:265px;width:100%;margin:0;padding:24px 28px 0;border:1px solid var(--pay-surface-border);border-radius:15px;background:var(--pay-surface);box-shadow:inset 0 1px #ffffff05;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.985);transition:opacity .14s ease,transform .22s ease,visibility 0s linear .14s}
.pay-output.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .4s ease .12s,transform .6s var(--pay-ease) .08s,visibility 0s}
.pay-guide-heading h3{margin:0 0 9px;color:#f0f0f3;font-size:19px;line-height:1.35;font-weight:400;letter-spacing:-.025em}
.pay-guide-heading p{max-width:58ch;margin:0;color:#a4a4ac;font-size:12px;line-height:1.65;font-weight:300}
.pay-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:22px 0;padding:0;flex:1;align-content:center}
.pay-guide-steps li{position:relative;min-width:0}
.pay-guide-steps li>span{display:block;margin-bottom:7px;color:#777780;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
.pay-guide-steps li:not(:last-child):after{content:'';position:absolute;top:6px;left:26px;right:0;height:1px;background:#ffffff15}
.pay-guide-steps p{margin:0;color:#d6d6dc;font-size:12px;line-height:1.55;font-weight:400}
.pay-guide-detail{display:flex;align-items:center;gap:10px;min-height:54px;padding:13px 0;border-top:1px solid #ffffff15}
.pay-guide-symbol{display:flex;flex:none;color:#f5f5f7}
.pay-guide-symbol svg{width:19px;height:19px}
.pay-guide-detail p{margin:0;color:#a7a7af;font-size:11px;line-height:1.6;font-weight:300}
.pay-guide-detail strong{color:#dedee3;font-weight:400}
.pay-phone{position:relative;container-type:inline-size;width:100%;margin:0;flex:none;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;--pu:calc(100cqw / 390);--pay-ui:calc(var(--pu) * .896);--pay-chat-bg:#000;--pay-chat-chrome:#111;--pay-chat-incoming:#242625;--pay-chat-outgoing:#164d38;--pay-chat-muted:#a5a7a8}
.pay-frame{position:relative;z-index:2;display:block;width:100%;height:auto;pointer-events:none;aspect-ratio:604 / 1218}
.pay-screen{position:absolute;z-index:1;inset:1.97% 4.64% 1.97% 5.13%;border-radius:calc(var(--pu) * 34);background:var(--pay-chat-bg);color:#e9edef;overflow:hidden;display:flex;flex-direction:column;text-align:left}
/* Mesma escala e área segura do celular da seção Experimente. */
.pay-status{color:#e9edef;height:calc(var(--pay-ui) * 66);padding:0 calc(var(--pay-ui) * 30) 0 calc(var(--pay-ui) * 40);display:flex;align-items:center;justify-content:space-between;flex:none;background:var(--pay-chat-chrome);font-size:calc(var(--pay-ui) * 17);font-weight:600;letter-spacing:-.02em;line-height:1}
.pay-status-time{font-variant-numeric:tabular-nums}
.pay-status-icons{display:flex;align-items:center;gap:calc(var(--pay-ui) * 6)}
.pay-status svg{display:block;height:calc(var(--pay-ui) * 12);width:auto;flex:none}
.pay-status .pay-battery{height:calc(var(--pay-ui) * 13)}
.pay-chat-header{height:calc(var(--pay-ui) * 48);display:flex;align-items:center;gap:calc(var(--pay-ui) * 10);padding:0 calc(var(--pay-ui) * 12) calc(var(--pay-ui) * 4) calc(var(--pay-ui) * 8);background:var(--pay-chat-chrome);border-bottom:1px solid #ffffff17;flex:none}
.pay-back{display:inline-flex;align-items:center;gap:calc(var(--pay-ui) * 3);height:calc(var(--pay-ui) * 34);padding:0 calc(var(--pay-ui) * 12) 0 calc(var(--pay-ui) * 9);color:#e9edef;background:#282828;border-radius:999px;font-size:calc(var(--pay-ui) * 16);font-weight:500;line-height:1;white-space:nowrap;flex:none}
.pay-back svg{display:block;height:calc(var(--pay-ui) * 15);width:auto}
.pay-chat-header>img{display:block;width:calc(var(--pay-ui) * 36);height:calc(var(--pay-ui) * 36);border-radius:50%;flex:none;background:#000}
.pay-chat-header b{color:#e9edef;display:flex;align-items:center;gap:calc(var(--pay-ui) * 5);font-size:calc(var(--pay-ui) * 17);font-weight:600;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.pay-verified{display:inline-flex;width:12px;height:12px;flex:none}
.pay-verified svg{display:block;width:100%;height:100%}
.pay-chat-header .pay-verified{width:calc(var(--pay-ui) * 15);height:calc(var(--pay-ui) * 15)}
.pay-chat{display:flex;flex:1;min-height:0;flex-direction:column;gap:12px;padding:14px 12px;overflow:auto;scrollbar-width:none;overflow-anchor:none;overscroll-behavior:contain}
.pay-chat::-webkit-scrollbar{display:none}
.pay-chat:focus-visible{outline:2px solid #a1b6af;outline-offset:-3px}
.pay-day{align-self:center;padding:calc(var(--pu) * 4) calc(var(--pu) * 12);border-radius:calc(var(--pu) * 6);background:var(--pay-chat-incoming);color:var(--pay-chat-muted);font-size:10px;margin-bottom:calc(var(--pu) * 6)}
.pay-bubble{max-width:88%;align-self:flex-start;padding:8px 10px;border-radius:14px;box-shadow:0 1px 1px #0002;flex:none;animation:pay-message .24s cubic-bezier(.22,.61,.36,1) both;position:relative;background:var(--pay-chat-incoming)}
.pay-bubble--user{background:var(--pay-chat-outgoing);align-self:flex-end;border-bottom-right-radius:4px}
.pay-bubble--bot{border-bottom-left-radius:4px}
.pay-bubble::before{content:'';position:absolute;bottom:0;width:8px;height:13px;background-repeat:no-repeat;background-size:100% 100%;transform:scaleY(-1)}
.pay-bubble--bot::before{left:-7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23242625' d='M1.533 2.568L8 11.193V0H2.812C1.042 0 .474 1.156 1.533 2.568z'/%3E%3C/svg%3E")}
.pay-bubble--user::before{right:-7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23164d38' d='M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z'/%3E%3C/svg%3E")}
.pay-bubble--bot + .pay-bubble--bot::before,.pay-bubble--user + .pay-bubble--user::before{display:none}
.pay-bubble--bot + .pay-bubble--bot{border-bottom-left-radius:14px}
.pay-bubble--user + .pay-bubble--user{border-bottom-right-radius:14px}
.pay-bubble p{font-size:13.5px;line-height:1.45;margin:0;color:#e9edef}
.pay-bubble p b{font-weight:600}
.pay-agent{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:13px;white-space:nowrap;min-width:0}
.pay-agent img{display:block;width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}
.pay-agent b{font-weight:700;color:#e9edef}.pay-agent small{font-size:11px;color:var(--pay-chat-muted);margin-left:2px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pay-time{display:flex;align-items:center;justify-content:flex-end;gap:3px;text-align:right;font-size:10px;font-weight:400;line-height:1.2;color:#a5a7a8;margin-top:2px}
.pay-bubble--user .pay-time{color:#a1b6af}
.pay-checks{display:block;width:16px;height:12px;flex:none;color:#8696a0;transition:color .18s ease}
.pay-checks path:nth-child(2){opacity:0;transition:opacity .18s ease}
.pay-bubble--user.is-delivered .pay-checks path:nth-child(2),.pay-bubble--user.is-read .pay-checks path:nth-child(2){opacity:1}
.pay-bubble--user.is-read .pay-checks{color:#53bdeb}
.pay-typing{display:flex;gap:calc(var(--pu) * 4);padding:calc(var(--pu) * 6) 0}
.pay-typing i{width:calc(var(--pu) * 6);height:calc(var(--pu) * 6);background:#9b9d9e;border-radius:50%;animation:pay-dot 1.5s ease-in-out infinite both}
.pay-typing i:nth-child(2){animation-delay:.2s}.pay-typing i:nth-child(3){animation-delay:.4s}
.pay-typing-message.is-leaving{animation:pay-typing-out .1s ease-out both}
@keyframes pay-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes pay-typing-out{from{opacity:1}to{opacity:0}}
@keyframes pay-message{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.pay-chat-attachment{width:88%;align-self:flex-start;background:var(--pay-chat-incoming);color:#e9edef;padding:calc(var(--pu) * 17);border-radius:14px;box-shadow:0 1px 1px #0002;flex:none;animation:pay-message .24s cubic-bezier(.22,.61,.36,1) both}
.pay-chat-attachment>small{display:block;font-size:10px;color:var(--pay-chat-muted);letter-spacing:.02em;margin-bottom:calc(var(--pu) * 8)}
.pay-chat-attachment>.pay-time{display:flex;margin:6px 0 0;letter-spacing:normal}
.pay-chat-attachment>strong{display:block;font-size:calc(var(--pu) * 28);font-weight:650;letter-spacing:-.04em;line-height:1.2;margin-bottom:calc(var(--pu) * 7)}
.pay-chat-attachment>p{font-size:12px;line-height:1.5;margin:0;color:var(--pay-chat-muted)}
.pay-chat-file{display:flex;align-items:center;gap:calc(var(--pu) * 10);margin-top:calc(var(--pu) * 13);border-top:1px solid #ffffff14;padding-top:calc(var(--pu) * 12);font-size:11px}
.pay-chat-file>b{font-size:10px;color:#d9aaa5;background:#563c3a;padding:calc(var(--pu) * 10) calc(var(--pu) * 5);border-radius:4px}.pay-chat-file span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.pay-chat-status{display:flex;align-items:center;gap:calc(var(--pu) * 7);margin-top:calc(var(--pu) * 13);padding-top:calc(var(--pu) * 11);border-top:1px solid #ffffff14;color:#91bfa9;font-size:12px}
.pay-input-area{position:relative;flex:none;--pk:calc(var(--pu) * .896);--pay-keyboard-height:calc(var(--pk) * 300);background:var(--pay-chat-chrome)}
.pay-composer{position:relative;z-index:1;display:flex;align-items:center;gap:calc(var(--pay-ui) * 10);padding:calc(var(--pay-ui) * 9) calc(var(--pay-ui) * 12) calc(var(--pay-ui) * 11);height:calc(var(--pay-ui) * 56);background:var(--pay-chat-chrome);border-top:1px solid #ffffff14}
.pay-plus{display:block;flex:none;width:calc(var(--pay-ui) * 26);height:calc(var(--pay-ui) * 26);color:#e9edef}
.pay-input{display:flex;align-items:center;gap:calc(var(--pay-ui) * 8);min-width:0;flex:1;border:1px solid #3a3a3a;background:#2a2a2a;border-radius:999px;padding:0 calc(var(--pay-ui) * 9) 0 calc(var(--pay-ui) * 12);height:calc(var(--pay-ui) * 36);overflow:hidden}
.pay-input-copy{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-size:calc(var(--pk) * 16);line-height:1;letter-spacing:-.01em}
.pay-section.has-draft .pay-input-copy{justify-content:flex-end}
#payDraft{flex:none}
.pay-caret{display:none;flex:none;width:calc(var(--pk) * 2);height:calc(var(--pk) * 20);border-radius:1px;background:#1daa61;margin-left:1px}
.pay-section.is-keyboard .pay-caret{display:block;animation:pay-caret 1s steps(2,start) infinite}
@keyframes pay-caret{to{opacity:0}}
.pay-sticker{display:block;flex:none;width:calc(var(--pay-ui) * 22);height:calc(var(--pay-ui) * 22);color:#c9c9c9}
.pay-camera{display:block;flex:none;width:calc(var(--pay-ui) * 26);height:calc(var(--pay-ui) * 26);color:#e9edef}
.pay-send{flex:none;width:calc(var(--pay-ui) * 36);height:calc(var(--pay-ui) * 36);border-radius:50%;display:grid;place-items:center;background:#1daa61;color:white;transition:transform .09s ease-out,background-color .09s ease-out}
.pay-send svg{width:calc(var(--pay-ui) * 18);height:calc(var(--pay-ui) * 18)}
.pay-send-icon,.pay-section.has-draft .pay-mic-icon{display:none}
.pay-section.has-draft .pay-send-icon{display:block}
.pay-section.is-sending .pay-send{transform:scale(.92);background:#15934f}
.pay-home{height:calc(var(--pay-ui) * 30);position:relative;flex:none;background:var(--pay-chat-chrome)}.pay-home:after{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--pay-ui) * 8);width:calc(var(--pay-ui) * 134);height:calc(var(--pay-ui) * 5);border-radius:999px;background:#e9edef}
/* The keyboard and composer move together, without moving the phone or header. */
.pay-keyboard-space{height:0;transition:height .26s cubic-bezier(.22,.61,.36,1)}
.pay-section.is-keyboard .pay-keyboard-space{height:calc(var(--pay-keyboard-height) - var(--pay-ui) * 30)}
.pay-keyboard{position:absolute;left:0;right:0;bottom:0;z-index:2;height:var(--pay-keyboard-height);padding:calc(var(--pk) * 8) calc(var(--pk) * 3) 0;display:flex;flex-direction:column;gap:calc(var(--pk) * 11);background:#1c1c1e;color:#fff;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);pointer-events:none;user-select:none}
.pay-section.is-keyboard .pay-keyboard{transform:none}
.pay-suggestions{display:flex;align-items:center;height:calc(var(--pk) * 36);font-size:calc(var(--pk) * 16);color:#e5e5e5}
.pay-suggestions span{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(var(--pk) * 6)}
.pay-suggestions span+span{border-left:1px solid #ffffff2e}
.pay-key-row{display:flex;justify-content:center;gap:calc(var(--pk) * 6)}
.pay-key{flex:0 0 calc(var(--pk) * 33);height:calc(var(--pk) * 42);border-radius:calc(var(--pk) * 5);background:#4a4a4c;display:grid;place-items:center;font-size:calc(var(--pk) * 22);line-height:1;box-shadow:0 1px #000;transition:background .08s ease}
.pay-key svg{display:block;width:calc(var(--pk) * 20);height:calc(var(--pk) * 20)}
.pay-key--function{background:#2a2a2c;font-size:calc(var(--pk) * 15)}
.pay-key--wide{flex-basis:calc(var(--pk) * 42)}
.pay-key--number{flex-basis:calc(var(--pk) * 86)}
.pay-key--space{flex:1 1 auto;max-width:calc(var(--pk) * 190);font-size:calc(var(--pk) * 15)}
.pay-key.is-pressed{background:#8a8a8e}.pay-key--function.is-pressed{background:#5a5a5e}
.pay-keyboard .pay-home{position:absolute;left:0;right:0;bottom:0;background:transparent}

.pay-section button:focus-visible{outline:2px solid #b7c9bf;outline-offset:5px}
.pay-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1500px){.pay-workspace{gap:44px}.pay-phone-wrap{width:325px}}
@media(min-width:851px){
.pay-section{padding:85px 0 75px}
.pay-workspace{min-height:0}
.pay-visual{container-type:inline-size;--pay-ellipse-width:calc(100cqw - 50px);--pay-ellipse-height:calc(100cqw / 1.3);--pay-ellipse-center-x:calc(1.03 * hypot(var(--pay-ellipse-width) * cos(24deg) / 2,var(--pay-ellipse-height) * sin(24deg) / 2))}
.pay-visual:before{left:0;left:calc(var(--pay-ellipse-center-x) - var(--pay-ellipse-width) / 2);top:50%;width:var(--pay-ellipse-width);height:var(--pay-ellipse-height);transform:translateY(-50%) rotate(-24deg) scale(1.03)}
.pay-phone-wrap{left:calc(var(--pay-ellipse-center-x) - 50cqw);max-width:calc(2 * var(--pay-ellipse-center-x) - 8px)}
}
@media(max-width:1100px) and (min-width:851px){
.pay-workspace{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.pay-heading h2{font-size:28px}.pay-heading>p{font-size:13px}
.pay-phone-wrap{width:min(300px,88%)}
.pay-menu-items{gap:7px}.pay-menu-item{padding:13px 10px;gap:7px;font-size:11px}.pay-menu-item>svg{width:17px;height:17px}.pay-menu-arrow{display:none}
.pay-output{padding:20px 22px 0}.pay-guide-heading h3{font-size:17px}.pay-guide-steps{gap:12px}.pay-guide-steps p{font-size:11px}
}
@media(min-width:851px) and (max-width:960px){.pay-workspace{width:92%}}
@media(max-width:850px){
.pay-section{padding:65px 0 75px;scroll-margin-top:90px}
.pay-workspace{width:92%;max-width:650px;min-height:0;grid-template-columns:minmax(0,1fr);gap:28px}
.pay-console{display:contents}
.pay-heading{grid-row:1;max-width:550px;justify-self:center;text-align:center;margin:0 0 4px}.pay-heading h2{font-size:28px}.pay-heading>p{font-size:13px;max-width:42ch;margin-inline:auto}
.pay-menu-column,.pay-output-column{display:none}
.pay-visual{grid-row:2;padding:12px 0}.pay-phone-wrap{width:min(92vw,380px);width:min(92vw,380px,max(280px,calc((100svh - 100px) * .4959)));max-width:100%}.pay-phone{scroll-margin-top:100px}.pay-visual:before{display:none}
.pay-chat{gap:calc(var(--pu) * 10);padding-block:calc(var(--pu) * 12);overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#515552 transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.pay-chat-attachment{padding:calc(var(--pu) * 15)}
.pay-chat-attachment>.pay-time{margin-bottom:0}
.pay-chat::-webkit-scrollbar{display:block;width:2px}.pay-chat::-webkit-scrollbar-thumb{background:#515552;border-radius:2px}
.pay-journey-progress{display:flex;flex:none;gap:6px;list-style:none;margin:0;padding:10px 9px;background:#111;border-bottom:1px solid #ffffff12}
.pay-journey-progress li{display:flex;align-items:center;justify-content:center;flex:1;gap:5px;color:#777e7a;font-size:10px;line-height:1.2;white-space:nowrap;transition:color .3s}
.pay-journey-progress li>span{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid #525953;border-radius:50%;font-size:9px;transition:background .3s,border-color .3s}
.pay-journey-progress .is-current{color:#e9edef}.pay-journey-progress .is-current>span{border-color:#a5b0a8}
.pay-journey-progress .is-complete{color:#a4c3b2}.pay-journey-progress .is-complete>span{font-size:0;background:#2d493a;border-color:#2d493a}.pay-journey-progress .is-complete>span:after{content:'✓';font-size:10px}
.pay-journey-controls{display:block;flex:none;padding:11px 12px 10px;background:#111;border-top:1px solid #ffffff12}
.pay-journey-caption{margin:0 0 8px;color:#a5a7a8;font-size:10.5px;line-height:1.4;text-align:center}
.pay-journey-action{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;width:100%;padding:11px 14px;border:1px solid #ffffff38;border-radius:10px;background:#292c2a;color:#f0f3f1;font:600 12px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:center;cursor:pointer;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.pay-journey-action>svg{width:18px;height:18px;flex:none;color:#c4ccc6}
.pay-journey-action[hidden]{display:none}
.pay-section[data-journey=complete] .pay-journey-caption{margin-bottom:0}
.pay-journey-action:not(:disabled):active{background:#3b413d;border-color:#a5b0a8}
.pay-journey-action:disabled{cursor:default;color:#b8bdb9;background:#1b1e1c;border-color:#ffffff1c}
.pay-journey-action:disabled>svg{visibility:hidden}.pay-journey-action:disabled:after{content:'';position:absolute;right:16px;width:12px;height:12px;border:1.5px solid #ffffff20;border-top-color:#9eb8a7;border-radius:50%;animation:pay-journey-wait .8s linear infinite}
.pay-section .pay-journey-action:focus-visible{outline-offset:2px}
.pay-section.is-keyboard .pay-journey-caption{display:none}
@keyframes pay-journey-wait{to{transform:rotate(360deg)}}
.pay-mobile-features{display:grid;gap:10px;list-style:none;width:92%;max-width:520px;margin:26px auto 0;padding:0}
.pay-mobile-features li{display:flex;align-items:flex-start;gap:14px;padding:19px 20px;border:1px solid #ffffff1c;border-radius:12px;background:#111113}
.pay-mobile-features li>svg{flex:none;width:22px;height:22px;margin-top:2px;color:#b2b2ba}
.pay-mobile-features h3{margin:0 0 5px;font-size:14px;line-height:1.4;font-weight:400;color:#f0f0f3}
.pay-mobile-features p{margin:0;color:#a4a4ac;font-size:12px;line-height:1.65;font-weight:300}
}
@media(max-width:480px){
.pay-heading h2{font-size:27px}.pay-workspace{gap:20px}
.pay-menu-items{gap:7px}.pay-menu-item{min-height:76px;flex-direction:column;justify-content:center;gap:7px;padding:10px 7px;font-size:11px;text-align:center}.pay-menu-item>span:nth-child(2){flex:none}.pay-menu-item>svg{width:20px;height:20px}
}
@media(max-width:360px){.pay-heading h2{font-size:24px}.pay-menu-item{font-size:10px}.pay-output{padding:20px 18px 0}}
@media(prefers-reduced-motion:reduce){.pay-section *,.pay-section *:before,.pay-section *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pay-section.is-paused *,.pay-section.is-paused *:before,.pay-section.is-paused *:after{animation-play-state:paused!important}