.payos-record-list {
  container: payos-records / inline-size;
  min-width: 0 !important;
  max-width: 100%;
}
.payos-record-list--comparison { flex-basis: 100% !important; --payos-record-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 120px; }
.payos-record-list--owner { --payos-record-columns: 30px minmax(0, .7fr) minmax(0, 1fr) 120px; }
.payos-record-row, .payos-record-header {
  display: grid !important;
  grid-template-columns: var(--payos-record-columns);
  min-width: 0;
}
.payos-record-row > *, .payos-record-header > * { min-width: 0; }
.payos-record-value, .payos-record-name {
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}
.payos-record-result { justify-self: start; max-width: 100%; box-sizing: border-box; }
.payos-record-list--comparison .payos-record-header { padding-inline: 12px !important; }
.payos-record-preview { max-width: 100%; box-sizing: border-box; }
.payos-record-result svg { flex-shrink: 0; }
.payos-record-mobile-label { display: none; }
@container payos-records (max-width: 580px) {
  .payos-record-header { display: none !important; }
  .payos-record-row { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  .payos-record-icon { display: none !important; }
  .payos-record-mobile-label {
    display: block;
    font-family: var(--payos-font-body);
    font-size: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 4px;
    color: inherit;
  }
  .payos-record-result { white-space: normal !important; min-width: 0 !important; }
}
                                                                                 
.payos-record-panel > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
@media (max-width: 600px) {
  .payos-record-panel { padding-inline: 16px !important; }
}

                                                                         
                                                                             
.payos-attribute-diagram { container: payos-attributes / inline-size; }
@container payos-attributes (max-width: 700px) {
  .payos-attribute-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: auto !important;
    gap: 16px;
  }
  .payos-attribute-lines { display: none; }
  .payos-attribute-centre, .payos-attribute-node {
    position: static !important;
    transform: none !important;
    min-width: 0;
  }
  .payos-attribute-centre { justify-self: center; grid-column: 1 / -1; margin-bottom: 8px; }
  .payos-attribute-node { width: auto !important; }
  .payos-attribute-node > div { height: 100%; box-sizing: border-box; }
}
@container payos-attributes (min-width: 400px) and (max-width: 700px) {
  .payos-attribute-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

                                                                              
                                                                                  
.payos-record-table td > div > span, .payos-record-table th > div > span { min-width: 0; overflow-wrap: anywhere; }
@container payos-records (max-width: 720px) {
  .payos-record-table, .payos-record-table tbody { display: block; }
  .payos-record-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .payos-record-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr); }
  .payos-record-table tbody th, .payos-record-table tbody td { display: block; min-width: 0; width: auto !important; }
  .payos-record-table .payos-record-mobile-label { display: block; }
}

                                                                            
.payos-record-field > * { min-width: 0; overflow-wrap: anywhere; }
@container payos-records (max-width: 360px) {
  .payos-record-field:not(.payos-record-field--compact) { flex-direction: column; gap: 6px !important; }
  .payos-record-field > * { white-space: normal !important; text-align: left !important; }
}

                                                                                   
@container payos-records (max-width: 220px) {
  .payos-record-field--compact { flex-direction: column; align-items: flex-start !important; gap: 6px !important; }
}

                                                                              
.payos-comparison-label { display: none; }
.payos-comparison-metric > * { min-width: 0; overflow-wrap: anywhere; }
@container payos-records (max-width: 280px) {
  .payos-comparison-heading { display: none !important; }
  .payos-comparison-metric { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .payos-comparison-metric > :first-child { grid-column: 1 / -1; }
  .payos-comparison-label { display: block; font-size: 11px; font-weight: 700; line-height: 1.3; margin-bottom: 4px; }
}

                                                                             
.payos-illustration { container: payos-illustration / inline-size; min-width: 0; }
[data-illustration-layout] { box-sizing: border-box; }
[data-illustration-layout] > * { min-width: 0; }
[data-illustration-layout="orbit"] > .payos-illustration-node { box-sizing: border-box; }
.payos-illustration-caption { overflow-wrap: anywhere; }

                                                                         
@container payos-illustration (max-width: 900px) {
  [data-illustration-layout="fan"] {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px; height: auto !important;
  }
  [data-illustration-layout="fan"] > .payos-illustration-lines { display: none; }
  [data-illustration-layout="fan"] > .payos-illustration-node,
  [data-illustration-layout="fan"] > .payos-illustration-hub {
    position: relative !important; inset: auto !important; transform: none !important;
    animation: none !important; justify-self: center; max-width: 100%; box-sizing: border-box;
  }
  [data-illustration-layout="fan"] > .payos-illustration-hub { grid-column: 1 / -1; }
  [data-illustration-layout="flow"] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .payos-illustration-connector > :first-child, .payos-illustration-connector > :last-child { transform: rotate(90deg); }
}
@container payos-illustration (max-width: 720px) {
  [data-illustration-layout="orbit"] {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; height: auto !important;
  }
  [data-illustration-layout="orbit"] > .payos-illustration-lines { display: none; }
  [data-illustration-layout="orbit"] > .payos-illustration-node,
  [data-illustration-layout="orbit"] > .payos-illustration-hub {
    position: relative !important; inset: auto !important; transform: none !important;
    width: 100% !important; box-sizing: border-box;
  }
  [data-illustration-layout="orbit"] > .payos-illustration-hub { grid-column: 1 / -1; }
  .payos-wallet-row {
    display: grid !important; grid-template-columns: 26px minmax(0, 1fr);
    gap: 12px !important; padding: 20px 16px !important;
  }
  .payos-wallet-card { display: none; }                                           
  .payos-wallet-name { grid-column: 2; overflow-wrap: anywhere; }
  .payos-wallet-rate, .payos-wallet-value { grid-column: 2; text-align: left !important; min-width: 0 !important; }
  .payos-wallet-badge { position: static !important; grid-column: 1 / -1; grid-row: 1; justify-self: start; }
  .payos-wallet-categories > * { max-width: 100%; box-sizing: border-box; }
  .payos-wallet-categories > span { flex-wrap: wrap; }
  .payos-reward-outcomes { grid-template-columns: minmax(0, 1fr) !important; }
  .payos-reward-outcomes > :nth-child(2) { transform: rotate(90deg); }
  .payos-illustration-record { flex-wrap: wrap; }
  .payos-illustration-record > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .payos-illustration-record > div[style*="flex: 1"] { flex-basis: 100% !important; }
}
@container payos-illustration (max-width: 460px) {
  [data-illustration-layout="orbit"], [data-illustration-layout="fan"] { grid-template-columns: minmax(0, 1fr); }
  [data-illustration-layout="wallet"], [data-illustration-layout="flow"] { padding-inline: 16px !important; }
  .payos-card-preview { height: auto !important; min-height: 150px; aspect-ratio: auto !important; gap: 14px; }
  .payos-card-preview * { min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; }
  .payos-card-preview [style*="display: flex"], .payos-card-preview > div { flex-wrap: wrap; gap: 8px; }
}

                                                                              
.payos-card-screen { container: payos-card-screen / inline-size; min-width: 0; }
.payos-card-detail-row > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.payos-card-pane-label { flex-wrap: wrap; text-align: center; }
@container payos-card-screen (max-width: 360px) {
  .payos-card-detail-row:not(.payos-card-detail-row--compact) { flex-direction: column; align-items: flex-start !important; }
}
@container payos-card-screen (max-width: 220px) {
  .payos-card-detail-row--compact { flex-direction: column; align-items: flex-start !important; }
  .payos-card-detail-row > div { white-space: normal !important; overflow-wrap: anywhere; }
  .payos-card-detail-row > div > div { white-space: normal !important; overflow-wrap: anywhere; }
}
@container payos-illustration (max-width: 900px) {
  [data-illustration-layout="flow"] .payos-illustration-arrow { transform: rotate(90deg); justify-self: center; }
}
@container payos-illustration (max-width: 720px) {
  .payos-illustration-fluid { min-width: 0 !important; max-width: 100%; overflow-wrap: anywhere; }
  .payos-illustration-chips > span { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; box-sizing: border-box; }
  .payos-illustration-chips svg { flex-shrink: 0; }
  .payos-card-preview { max-width: 100%; box-sizing: border-box; }
}

@container payos-illustration (max-width: 720px) {
  .payos-card-preview--profile { height: auto !important; min-height: 170px; aspect-ratio: auto !important; gap: 14px; }
  .payos-card-preview--profile * { min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; }
  .payos-card-preview--profile > div { flex-wrap: wrap; gap: 8px; }
}

                                                                              
.payos-status-scene, .payos-status-card { min-width: 0; max-width: 100%; }
@container payos-illustration (max-width: 460px) {
  .payos-status-scene { width: 100%; }
  .payos-status-card { display: flex; flex-direction: column; gap: 14px; }
  .payos-card-status {
    position: relative !important; inset: auto !important; transform: none !important;
    order: -1; align-self: flex-start; max-width: 100%; box-sizing: border-box;
    white-space: normal !important; overflow-wrap: anywhere;
  }
}

                                                                                
.payos-illustration-square { max-width: 100%; height: auto !important; aspect-ratio: 1; box-sizing: border-box; }

                                                                          
@container payos-illustration (max-width: 720px) {
  .payos-orbit-card { width: 100% !important; box-sizing: border-box; }
  .payos-orbit-card .payos-illustration-caption { white-space: normal !important; }
}
                                                                                    
@media (max-width: 620px) {
  .payos-orbit-branch--left { align-items: flex-start !important; }
}
                                                                                
@container payos-card-screen (max-width: 220px) {
  .payos-preview-field { flex-wrap: wrap; gap: 6px; }
  .payos-preview-field > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
}

.payos-card-detail-row--summary { flex-wrap: wrap; }
.payos-card-detail-row--summary > :last-child { flex: none; }

                                                                             
@container payos-card-screen (max-width: 320px) {
  .payos-card-transfer { flex-direction: column; }
  .payos-card-transfer > svg { transform: rotate(90deg); flex-shrink: 0; }
  .payos-card-transfer > div, .payos-card-transfer > div > div { min-width: 0; max-width: 100%; box-sizing: border-box; }
}

                                                                                  
@container payos-illustration (max-width: 300px) {
  .payos-sequence-lines { display: none; }
  .payos-sequence-items { display: grid !important; gap: 14px !important; }
  .payos-sequence-items > div { display: grid !important; grid-template-columns: 40px minmax(0, 1fr); gap: 4px 10px !important; }
  .payos-sequence-items > div > :first-child { grid-row: 1 / 3; }
  .payos-sequence-items > div > :not(:first-child) { text-align: left !important; overflow-wrap: anywhere; }
}
@container payos-card-screen (max-width: 220px) {
  .payos-card-detail-row--panels { align-items: stretch !important; }
  .payos-card-detail-row--panels > * { flex: none !important; }
}

                                                                            
.payos-profile-branches {
  display: grid;
  grid-template-columns: minmax(0, 260px) 184px minmax(0, 260px);
  justify-content: center;
  align-items: center;
  gap: 26px;
}
.payos-profile-branch-stack { display: grid; gap: 20px; min-width: 0; }
.payos-profile-branch-card { box-sizing: border-box; width: 100%; min-width: 0; min-height: 240px; }
.payos-profile-branch-card span { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .payos-profile-branches { grid-template-columns: minmax(0, 300px); }
}

                                                                              
.payos-coverage-mark { height:auto !important; flex-direction:column; gap:8px; }
.payos-coverage-mark > svg { flex-shrink:0; }
.payos-coverage-mark > span { position:static !important; white-space:nowrap; }
.payos-orbit-card .payos-illustration-caption { white-space:normal !important; }

                                                                         
                                                                           
.payos-merchant-canvas { container: payos-merchant / inline-size; }
.payos-merchant-scene { isolation:isolate; }
.payos-merchant-node > div { animation:none !important; }
.payos-merchant-scene > div:not(.payos-merchant-node):not(.payos-merchant-hub) {
  max-width:100%; pointer-events:none; z-index:-1;
}
@container payos-merchant (max-width:560px) {
  .payos-merchant-scene { height:1080px !important; }
  .payos-merchant-hub { width:min(90%,266px) !important; }
  .payos-merchant-node { width:45%; }
  .payos-merchant-node > div > div {
    box-sizing:border-box; width:100%; min-height:56px; padding:8px !important;
    white-space:normal !important; overflow-wrap:anywhere; gap:7px !important;
  }
  .payos-merchant-node > div > div > :last-child { min-width:0; }
  .payos-merchant-node[data-merchant-index="0"] { top:4% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="1"] { top:4% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="2"] { top:12% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="3"] { top:12% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="4"] { top:20% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="5"] { top:20% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="6"] { top:28% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="7"] { top:28% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="8"] { top:64% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="9"] { top:64% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="10"] { top:72% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="11"] { top:72% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="12"] { top:80% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="13"] { top:80% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="14"] { top:88% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="15"] { top:88% !important; left:75% !important; }
  .payos-merchant-node[data-merchant-index="16"] { top:96% !important; left:25% !important; }
  .payos-merchant-node[data-merchant-index="17"] { top:96% !important; left:75% !important; }
}

@container payos-illustration (max-width:720px) {
  .payos-account-node > div { width:100% !important; min-width:0 !important; box-sizing:border-box; }
  .payos-account-node span { white-space:normal !important; overflow-wrap:anywhere; }
}

                                                                                                                     
#dc-root [data-shell-role] { font-family:var(--payos-font-body) !important; }
#dc-root [data-shell-role="nav"] { font-size:14px !important;font-weight:800 !important;line-height:20px !important; }
#dc-root [data-shell-role="footer-link"] { font-size:14px !important;font-weight:600 !important;line-height:20px !important; }
#dc-root [data-shell-role="footer-copy"] { font-size:13.5px !important;font-weight:400 !important;line-height:1.55 !important; }
#dc-root [data-shell-role="footer-heading"] { font-size:13px !important;font-weight:800 !important;line-height:18px !important; }
#dc-root [data-shell-role="footer-legal"] { font-size:13px !important;font-weight:400 !important;line-height:20px !important; }
#dc-root [data-shell-role^="button-"] { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;max-width:100%;font-size:14px !important;font-weight:800 !important;line-height:20px !important;border-radius:6px !important;white-space:normal !important;text-align:center; }
#dc-root [data-shell-role="button-md"] { min-height:44px;padding:10px 20px !important; }
#dc-root [data-shell-role="button-sm"] { min-height:36px;padding:6px 16px !important; }

                                                                               
                                                                     
#dc-root header .pdd:not([data-nav-managed]):focus-within > .pdd-panel { display:block !important;opacity:1 !important;visibility:visible !important;transform:translateY(0) !important; }
#dc-root header .pdd:not([data-nav-managed]) .mrow:focus-within > .mrow-panel { display:flex !important; }
#dc-root header .pdd:not([data-nav-managed]) .mega-left:focus-within .mrow:not(:focus-within) > .mrow-panel { display:none !important; }
#dc-root header a:focus-visible,#dc-root header summary:focus-visible { outline:2px solid var(--payos-yellow);outline-offset:3px; }
#dc-root header .pdd-panel a:focus-visible { outline-color:var(--payos-blue); }
                                                                        
.payos-text-link, .payos-card-link-cue {
  display: inline-flex;
  align-items: center;
  gap: var(--payos-space-2, 8px);
  font-family: var(--payos-font-body);
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: var(--payos-blue);
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.payos-text-link--footer { color: rgba(255,255,255,.78); font-weight: 600; }
@media (hover: hover) {
  .payos-text-link:hover, .payos-content-card:hover .payos-card-link-cue { text-decoration-line: underline; }
  .payos-text-link--footer:hover { color: var(--payos-white); }
}
.payos-text-link:focus-visible { outline: 3px solid var(--payos-blue); outline-offset: 3px; text-decoration-line: underline; }
.payos-text-link--footer:focus-visible { outline-color: var(--payos-yellow); color: var(--payos-white); }
.payos-content-card:focus-visible .payos-card-link-cue { text-decoration-line: underline; }
footer .payos-button:focus-visible { outline-color: var(--payos-yellow); }
                                                                    
.payos-text-link--inverse { color:var(--payos-text-on-dark,#fff); }
.payos-text-link--inverse:focus-visible { outline-color:var(--payos-yellow); }
                                                                              
:root {
  --payos-icon-sm: 12px;
  --payos-icon-md: 16px;
  --payos-icon-lg: 20px;
  --payos-icon-target: 44px;
}
.payos-icon { display: inline-block; flex: none; vertical-align: middle; }
.payos-icon-slot { display: inline-flex; flex: none; width: var(--payos-icon-md); height: var(--payos-icon-md); }
.payos-icon-slot > svg { width: 100%; height: 100%; }
.payos-icon-tile { display: inline-flex; flex: none; align-items: center; justify-content: center; border-radius: 8px; }
.payos-icon-tile--nav { width: 28px; height: 28px; }
.payos-icon-tile--nav > svg { width: var(--payos-icon-md); height: var(--payos-icon-md); }
.payos-icon-tile--action { width: 32px; height: 32px; }
.payos-icon-tile--feature { width: 40px; height: 40px; }
.payos-icon-tile--feature > svg { width: var(--payos-icon-lg); height: var(--payos-icon-lg); }
.payos-icon-tile--check { width: 20px; height: 20px; border-radius: 50%; margin-top: 2px; background: var(--payos-surface-blue); color: var(--payos-blue); }
.payos-icon-row { gap: var(--payos-space-3, 12px); }
[data-payos-home] .pdd-panel a:has(> .payos-icon-tile--nav) { gap: var(--payos-space-3, 12px) !important; }
.payos-icon-button { width: var(--payos-icon-target); height: var(--payos-icon-target); flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
[data-payos-home] .payos-icon-button { border-radius: 8px; }
[data-payos-home] .payos-icon-button--round { border-radius: 50%; }
.payos-icon-button:focus-visible { outline: 3px solid var(--payos-yellow); outline-offset: 3px; }

                                                                                                
#dc-root .payos-site-footer__inner { max-width:var(--payos-container-content,1160px);margin:0 auto;padding:64px var(--payos-gutter,28px) 40px; }
#dc-root .payos-site-footer__grid { display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px;margin-bottom:48px; }
#dc-root .payos-site-footer__grid > * { min-width:0; }
#dc-root .payos-site-footer__column h2 { margin:0 0 14px;color:var(--payos-white); }
#dc-root .payos-site-footer__links { display:flex;flex-direction:column;gap:9px; }
#dc-root .payos-site-footer a { overflow-wrap:anywhere; }
@media(max-width:1000px) {
 #dc-root .payos-site-footer__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #dc-root .payos-site-footer__grid > :first-child { grid-column:1 / -1; }
}
@media(max-width:600px) {
 #dc-root .payos-site-footer__inner { padding:48px 20px 32px; }
 #dc-root .payos-site-footer__grid { grid-template-columns:minmax(0,1fr);gap:28px; }
}