:root {
  --payos-container-content: 1160px;
  --payos-container-wide: 1360px;
  --payos-container-statement: 1180px;
  --payos-gutter: 28px;
  --payos-section-space: 124px;
  --payos-space-2: 8px;
  --payos-space-3: 12px;
  --payos-space-4: 16px;
  --payos-space-6: 24px;
  --payos-space-8: 32px;
  --payos-space-10: 40px;
  --payos-space-12: 48px;
}
.payos-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--payos-container-content);
  margin-inline: auto;
  padding-inline: var(--payos-gutter);
}
.payos-section-content { padding-block: var(--payos-section-space); }
.payos-container--wide { max-width: var(--payos-container-wide); padding-inline: var(--payos-space-6); }
.payos-section-content--products { padding-block: 88px 24px; }
.payos-container--statement { max-width: var(--payos-container-statement); }
.payos-section-content--statement { padding-block: 104px 26px; }
.payos-section-content--stack { padding: 104px var(--payos-space-12); }
.payos-section-content--audience { padding-block: 128px 136px; }
.payos-section-heading { margin-bottom: var(--payos-space-10); }
.payos-content-grid { gap: 22px; }

                                                                               
[data-payos-home] section.payos-layout-section { padding: 0 !important; }

@media (max-width: 860px) {
  :root { --payos-gutter: 20px; --payos-section-space: 64px; }
  .payos-container { padding-inline: var(--payos-gutter); }
  .payos-section-content { padding-block: var(--payos-section-space); }
  .payos-section-heading { margin-bottom: var(--payos-space-8); }
}
@media (max-width: 600px) {
  :root { --payos-section-space: 48px; }
  .payos-content-grid { gap: var(--payos-space-6); }
}

                                                                            
[data-payos-home] > .payos-section-divider {
  margin: 0 auto !important;
  padding: var(--payos-divider-gap, 48px) 40px !important;
}
[data-payos-home] > .payos-boundary-spacer { height: 0 !important; }
[data-payos-home] > section.payos-section-plain,
[data-payos-home] > section.payos-section-panel { margin-block: 0 !important; }
.payos-section-plain > .payos-section-content { padding-block: 0; }
[data-payos-home] > section.payos-hero-boundary {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 600px) {
  [data-payos-home] { --payos-divider-gap: 32px; }
}

                                                                                      
.payos-heading-group {
  width: 100%;
  min-width: 0;
  margin: 0 0 var(--payos-space-10);
  text-align: left;
}
.payos-heading-group--products { padding-inline: var(--payos-space-2); }
[data-payos-home] .payos-section-title {
  margin: 0;
  max-width: 100%;
  white-space: normal !important;
  text-wrap: balance;
}
.payos-section-description {
  max-width: 680px;
  margin: var(--payos-space-4) 0 0;
}
.payos-heading-group--with-link {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--payos-space-4);
}
.payos-heading-group--with-link > div { flex: 1 1 40rem; min-width: 0; }
.payos-heading-group--with-link > a { flex: none; }
@media (max-width: 600px) {
  .payos-heading-group { margin-bottom: var(--payos-space-8); }
}

                                                                              
:root {
  --payos-surface-white: var(--payos-white);
  --payos-surface-yellow: #fff2cc;
  --payos-surface-dark: #04336f;
  --payos-border-subtle: rgba(28,26,43,.12);
  --payos-border-emphasis: rgba(28,26,43,.35);
  --payos-border-blue: rgba(5,73,172,.18);
  --payos-border-hover: rgba(5,73,172,.5);
  --payos-border-on-dark: rgba(255,255,255,.2);
  --payos-border-on-dark-emphasis: rgba(255,255,255,.55);
  --payos-border-yellow: rgba(201,134,0,.45);
  --payos-gradient-surface: linear-gradient(170deg,#fff 0%,#f6f9ff 58%,#eef4ff 100%);
  --payos-gradient-blue: linear-gradient(150deg,#0d5fce 0%,var(--payos-blue) 48%,var(--payos-surface-dark) 100%);
}
.payos-surface--white { background: var(--payos-surface-white); }
.payos-surface--blue { background: var(--payos-surface-blue); }
.payos-surface--yellow { background: var(--payos-surface-yellow); }
.payos-surface--dark { background: var(--payos-surface-dark); color: var(--payos-white); }

                                                            
:root {
  --payos-card-padding: var(--payos-space-6, 24px);
  --payos-card-radius: 16px;
  --payos-card-gap: var(--payos-space-6, 24px);
  --payos-card-title-gap: var(--payos-space-3, 12px);
  --payos-card-border: var(--payos-border-subtle);
}
.payos-card-grid { gap: var(--payos-card-gap); }
.payos-content-card {
  display: flex;
  flex-direction: column;
  background: var(--payos-white);
  border: 1px solid var(--payos-card-border);
  border-radius: var(--payos-card-radius);
  overflow: hidden;
  text-decoration: none;
  transition: border-color .15s ease;
}
.payos-content-card__body {
  padding: var(--payos-card-padding);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.payos-content-card__title { margin: 0 0 var(--payos-card-title-gap); }
@media (hover: hover) {
  .payos-content-card:hover { border-color: var(--payos-border-hover); }
}
.payos-content-card:focus-visible {
  outline: 3px solid var(--payos-blue);
  outline-offset: 4px;
  border-color: var(--payos-blue);
}
@media (prefers-reduced-motion: reduce) {
  .payos-content-card { transition: none; }
}

                                                                                 
:root {
  --payos-product-card-padding: var(--payos-space-8, 32px);
  --payos-product-card-radius: 24px;
}
.payos-product-card {
  padding: var(--payos-product-card-padding);
  transition: transform .15s ease;
}
@media (hover: hover) {
  .payos-product-card:hover { transform: translateY(-4px); }
}
.payos-product-card:focus-visible {
  outline: 3px solid var(--payos-blue);
  outline-offset: 4px;
}
@media (max-width: 600px) {
  .payos-product-card { --payos-product-card-padding: var(--payos-card-padding); }
}
@media (prefers-reduced-motion: reduce) {
  .payos-product-card { transition: none; }
  .payos-product-card:hover { transform: none; }
}

                                                       
.xgrid > .payos-product-card { border-radius: var(--payos-product-card-radius); }

                                                                             
.audgrid > .payos-audience-card {
  padding: var(--payos-card-padding);
  border-radius: var(--payos-card-radius);
}
.payos-audience-card__description { margin-top: var(--payos-card-title-gap); }

                                                                    
.payos-example-track { gap: var(--payos-card-gap); }
.payos-example-track > .payos-example-card { border-radius: var(--payos-card-radius); }
.payos-example-panel { min-width: 0; padding: var(--payos-card-padding, 24px); }
.payos-example-track { align-items: flex-start; }
.payos-example-media-row { flex-wrap: wrap; }
.payos-example-media-row > * { min-width: 0; max-width: 100%; }
.payos-example-media-row > div { flex: 1 1 140px; }
.payos-carousel-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 var(--payos-space-4, 16px);
}
.payos-carousel-pagination > div { display: flex; flex-wrap: wrap; justify-content: center; min-width: 0; }
@media (max-width: 600px) {
  .payos-example-panel { padding: var(--payos-card-padding); }
}

                                                                                  
.payos-outcome-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-block: 1px solid var(--payos-card-border);
  background: var(--payos-white);
}
.payos-outcome-cell { min-width: 0; padding: var(--payos-card-padding); }
.payos-outcome-cell + .payos-outcome-cell { border-left: 1px solid var(--payos-card-border); }
.payos-outcome-label,
.payos-outcome-title { margin-bottom: var(--payos-card-title-gap); }
@media (max-width: 860px) {
  .payos-outcome-row { grid-template-columns: 1fr; }
  .payos-outcome-cell + .payos-outcome-cell {
    border-left: 0;
    border-top: 1px solid var(--payos-card-border);
  }
}

                                                                               
                                                                                
@media (min-width: 861px) and (max-height: 800px) {
  .payos-example-track .payos-example-panel { padding: var(--payos-space-4, 16px); }
  .payos-example-track {
    --payos-example-result-padding: var(--payos-space-4, 16px);
    --payos-example-result-row-padding: var(--payos-space-1, 4px) var(--payos-space-3, 12px);
    --payos-example-block-gap: var(--payos-space-4, 16px);
  }
}

                                                                                
:root {
  --payos-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --payos-badge-radius: 6px;
  --payos-badge-padding-y: 6px;
  --payos-label-tracking: .08em;
  --payos-label-color: #5a5a66;
  --payos-yellow-ink: #795700;
}
.payos-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--payos-space-2, 8px);
  max-width: 100%;
  padding: var(--payos-badge-padding-y) var(--payos-space-3, 12px);
  border: 1px solid transparent;
  border-radius: var(--payos-badge-radius);
  font-family: var(--payos-font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: normal;
}
.payos-badge > svg, .payos-badge > span:has(svg) { flex-shrink: 0; }
.payos-badge--technical { font-family: var(--payos-font-mono); font-weight: 700; text-transform: uppercase; }
.payos-badge--uppercase { text-transform: uppercase; }
.payos-badge--filled { background: var(--payos-blue); color: var(--payos-white); }
.payos-badge--blue { background: var(--payos-surface-blue); color: var(--payos-blue); }
.payos-badge--yellow { background: var(--payos-surface-yellow); color: var(--payos-yellow-ink); }
.payos-badge--neutral { background: transparent; border-color: var(--payos-border-emphasis); color: var(--payos-ink); }
.payos-label {
  font-family: var(--payos-font-body);
  font-size: 11px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: var(--payos-label-tracking);
  text-transform: uppercase;
  color: var(--payos-label-color);
}
.payos-label--technical { font-family: var(--payos-font-mono); font-weight: 700; }
.payos-label--blue { color: var(--payos-blue); }

                                                                              
.payos-badge--compound { justify-content:flex-start;white-space:normal;text-align:left; }
.payos-badge--on-dark { background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:var(--payos-white); }
.payos-badge__number { flex:0 0 20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--payos-blue);color:var(--payos-white);font:inherit; }
.payos-badge__text { min-width:0;overflow-wrap:anywhere; }
.payos-badge__title { font:inherit;font-weight:800; }
.payos-badge__description { font:inherit;font-weight:400; }

                                                                                   
.payos-badge--wrap { align-self:flex-start;justify-content:flex-start;white-space:normal;text-align:left;overflow-wrap:anywhere; }

                                                                                
section.payos-refresh-section { padding-inline:0 !important; margin-block:0 !important; }
section.payos-refresh-section[style*="border-radius"] { border-radius:var(--payos-card-radius) !important; }
.payos-refresh-container { box-sizing:border-box; width:100%; max-width:var(--payos-container-content) !important; margin-inline:auto !important; padding:var(--payos-section-space) var(--payos-gutter) !important; }
.payos-refresh-section h2 { font-family:var(--payos-font-heading) !important; font-weight:var(--payos-heading-weight) !important; font-size:clamp(30px,3.6vw,42px) !important; line-height:1.12 !important; letter-spacing:var(--payos-heading-tracking) !important; overflow-wrap:break-word; }
.payos-refresh-section [style*="display: grid"] > *, .payos-refresh-section [style*="display:grid"] > * { min-width:0; }
.payos-device-frame { border-radius:30px !important; padding:8px !important; flex-shrink:0; max-width:100%; }
.payos-device-frame > div { border-radius:23px !important; }
@media(max-width:600px) {
  .payos-refresh-section [style*="white-space: nowrap"] { white-space:normal !important; }
  .payos-refresh-section iframe { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 .payos-refresh-section * { animation:none !important; transition:none !important; }
}

                                                                  
@media(max-width:600px) {
 .payos-bank-hero-chip { width:180px; left:clamp(90px,var(--chip-left),calc(100% - 90px)) !important; }
 .payos-bank-hero-chip > div > div { white-space:normal !important; }
}

@media(max-width:600px) { .payos-bank-hero-chip > div { min-width:0 !important; max-width:180px; } }

                                                                              
                                                                                   
.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; }
}

                                                                             
                                                                             
.payos-adaptive-card { container: payos-copy / inline-size; min-width: 0; }
.payos-copy-row > *, .payos-wrap-copy, .payos-wrap-copy > * {
  min-width: 0;
  overflow-wrap: anywhere;
}
.payos-fluid-column { min-width: 0 !important; max-width: 100%; }
.payos-auto-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
}
.payos-token-summary { flex-wrap: wrap; }
.payos-token-summary > :not([aria-hidden]) { min-width: 0; max-width: 100%; box-sizing: border-box; }
.payos-token-summary > div:not([aria-hidden]) { flex: 1 1 190px; }
.payos-token-summary > div:not([aria-hidden]) > div { white-space: normal !important; overflow-wrap: anywhere; }
.payos-token-summary > span:last-child { white-space: normal !important; }
@container payos-copy (max-width: 360px) {
  .payos-copy-row:not(.payos-copy-row--compact), .payos-compact-flow { flex-direction: column; align-items: flex-start !important; }
  .payos-compact-flow { align-items: center !important; }
  .payos-compact-flow > * { max-width: 100%; }
  .payos-flow-arrow { transform: rotate(90deg); }
}
                                                                           
.payos-wrap-row { flex-wrap: wrap; }
.payos-wrap-row > div:last-child { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
.payos-fluid-grid > * { min-width: 0 !important; max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 860px) {
  .payos-fluid-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

                                                                    
                                                                                  
@container payos-copy (max-width: 220px) {
  .payos-identity-row { display: grid !important; grid-template-columns: var(--payos-identity-icon-size, 36px) minmax(0, 1fr); }
  .payos-identity-row > :last-child { grid-column: 2; justify-self: start; }
}

                                                                     
.payos-wrap-label { max-width: 100%; box-sizing: border-box; white-space: normal !important; overflow-wrap: anywhere; }
.payos-wrap-label > :first-child { flex-shrink: 0; }

@container payos-copy (max-width: 220px) {
  .payos-copy-row--compact { flex-direction: column; align-items: flex-start !important; }
}