/* Mobile account entry and its native dialog, shared by every beta page. */
.wex-site-chrome .wex-account-open{display:none}
body.wex-account-dialog-open{overflow-y:hidden}
.wex-site-chrome.wex-account-dialog{position:fixed;inset:0;margin:auto;width:420px;max-width:calc(100% - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:34px 24px 26px;border:1px solid #ebe4f4;border-radius:26px;background:linear-gradient(160deg,#faf7ff 0%,#fff 44%);color:#28263c;box-shadow:0 26px 90px #21163435;text-align:center}
.wex-account-dialog::backdrop{background:#211a3b80;backdrop-filter:blur(5px)}
.wex-site-chrome .wex-account-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #f0cbd2;border-radius:11px;background:#fff4f6;color:#c73444}
.wex-site-chrome .wex-account-close:hover{background:#ffe8ed}
.wex-account-close .icon{width:18px;height:18px}
.wex-account-dialog .wex-account-mark{display:grid;place-items:center;width:70px;height:70px;margin:4px auto 20px;border:1px solid #e6dcfa;border-radius:23px;background:linear-gradient(145deg,#f0e7ff,#e5defb);color:#6554bd;box-shadow:0 8px 22px #6554bd14}
.wex-account-mark .icon{width:32px;height:32px;stroke-width:1.6}
.wex-account-dialog .wex-account-eyebrow{margin:0 0 10px;font-size:10px;line-height:1.5;letter-spacing:1.8px;font-weight:800;color:#7861b3}
.wex-account-dialog h2{margin:0 auto 12px;max-width:310px;font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.035em}
.wex-account-dialog [data-account-title]:focus{outline:none}
.wex-account-dialog .wex-account-description{margin:0 auto 24px;max-width:310px;font-size:14px;line-height:1.7;color:#777586}
.wex-account-actions{display:grid;gap:12px;text-align:start}
.wex-account-dialog .wex-account-action{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid #e3daef;border-radius:15px;transition:background .18s,box-shadow .18s;color:#51429d;background:#fff}
.wex-account-dialog .wex-account-action--primary{border-color:#6554bd;background:#6554bd;color:#fff;box-shadow:0 8px 20px #6554bd24}
.wex-account-dialog .wex-account-action--primary:hover{background:#5543a9;border-color:#5543a9;box-shadow:0 10px 25px #6554bd35}
.wex-account-dialog .wex-account-action--secondary:hover{background:#f5f1fb;border-color:#b9a8da}
.wex-account-action-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#f0ebfa}
.wex-account-action--primary .wex-account-action-icon{background:#ffffff20}
.wex-account-action-icon .icon{width:21px;height:21px}
.wex-account-action-copy{display:grid;gap:3px;flex:1;min-width:0}
.wex-account-action-copy strong{font-size:16px;line-height:1.35;font-weight:800}
.wex-account-action-copy small{font-size:11px;line-height:1.5;opacity:.8}
.wex-account-action>.icon{width:18px;height:18px}
[dir=rtl] .wex-account-action>.icon{transform:rotate(180deg)}
@media(max-width:1000px){
  .wex-site-chrome.legacy-home-header .header-actions{gap:8px}
  .wex-site-chrome.legacy-home-header .wex-account-open{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #e3daef;border-radius:12px;background:#f6f3fc;color:#6554bd}
  .wex-site-chrome .wex-account-open:hover{background:#eae3f8;border-color:#bda9df}
  .wex-account-open .icon{width:20px;height:20px}
  body.mobile-menu-open .wex-account-open{visibility:hidden;pointer-events:none}
}
@media(max-width:480px){
  .wex-site-chrome.legacy-home-header .header-inner{gap:8px}
  .wex-site-chrome.legacy-home-header .header-actions{gap:6px}
  .wex-site-chrome.legacy-home-header .header-actions,.wex-site-chrome.legacy-home-header .menu-toggle{flex-shrink:0}
  .wex-site-chrome.legacy-home-header .header-inner .brand{min-width:80px;flex-shrink:1}
  .wex-site-chrome.legacy-home-header .brand,.wex-site-chrome.legacy-home-header.is-scrolled .brand{width:clamp(96px,calc(100vw - 230px),166px)}
}
@media(max-width:350px){
  .wex-site-chrome.wex-account-dialog{padding:32px 18px 20px;border-radius:22px}
  .wex-account-dialog h2{font-size:24px}
  .wex-account-dialog .wex-account-action{padding:12px;gap:9px}
}
@media(prefers-reduced-motion:reduce){.wex-account-dialog .wex-account-action{transition:none}}