                                                                                 
.payos-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: var(--payos-font-body);
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, filter .15s ease;
}
.payos-button--sm, #dc-root .payos-button--sm { min-height: 36px !important; padding: 6px 16px !important; font-size: 14px !important; line-height: 20px !important; }
.payos-button--md, #dc-root .payos-button--md { min-height: 44px !important; padding: 10px 20px !important; font-size: 14px !important; line-height: 20px !important; }
.payos-button--lg, #dc-root .payos-button--lg { min-height: 48px !important; padding: 10px 24px !important; font-size: 16px !important; line-height: 24px !important; }
.payos-button--primary { color: var(--payos-white); background: var(--payos-blue); }
.payos-button--accent { color: var(--payos-ink); background: var(--payos-gradient-yellow); }
.payos-button--outline { color: var(--payos-blue); background: var(--payos-white); border-color: var(--payos-border-blue); }
.payos-button--outline-on-dark { color:var(--payos-white);background:transparent;border-color:var(--payos-white); }
                                                                            
.payos-button--outline-on-accent { color: var(--payos-ink); background: transparent; border-color: var(--payos-ink); }
@media (hover: hover) {
  .payos-button--primary:hover, .payos-button--accent:hover { filter: brightness(.94); }
  .payos-button--outline:hover { background: var(--payos-surface-blue); border-color: var(--payos-blue); }
  .payos-button--outline-on-dark:hover { color:var(--payos-blue);background:var(--payos-white);border-color:var(--payos-white); }
  .payos-button--outline-on-accent:hover { background: var(--payos-white); border-color: var(--payos-ink); }
}
.payos-button:focus-visible { outline: 3px solid var(--payos-ink); outline-offset: 3px; }
.payos-button--outline-on-dark:focus-visible { outline-color:var(--payos-yellow); }
.payos-button:active { filter: brightness(.88); }
.payos-button:disabled { cursor: not-allowed; opacity: .5; filter: none; }
.payos-button[aria-busy="true"] { cursor: progress; }
@media (prefers-reduced-motion: reduce) { .payos-button { transition: none !important; } }

                                                                                   
#dc-root .payos-button { font-family:var(--payos-font-body) !important;font-weight:800 !important;border-radius:6px !important;white-space:normal !important; }

                                                                           
.payos-overview section:not(.payos-overview-hero) { padding:0 !important; margin-block:0 !important; }
.payos-overview .payos-overview-container,
.payos-overview .psfont section > div:has(> .ps-grid) {
 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-overview .payos-overview-hero { padding:64px var(--payos-gutter) !important; }
.payos-overview h1 { font-size:var(--payos-h1-size) !important; line-height:var(--payos-h1-leading) !important; }
.payos-overview h2 { font-size:clamp(30px,3.6vw,42px) !important; line-height:1.12 !important; text-wrap:balance; }
.payos-overview .payos-overview-card-title { font-size:22px !important; font-weight:var(--payos-card-title-weight) !important; line-height:1.22 !important; margin-bottom:var(--payos-card-title-gap) !important; }
.payos-overview p { font-size:15.5px !important; line-height:1.55 !important; }
.payos-overview h2 + p { font-size:19px !important; font-weight:600; line-height:1.6 !important; max-width:680px !important; margin-top:16px !important; }
.payos-overview .payos-overview-hero h1 + p { font-size:19px !important; font-weight:600; line-height:1.6 !important; }
.payos-overview-card, .payos-overview .ps-grid > div { padding:var(--payos-card-padding) !important; border-radius:var(--payos-card-radius) !important; min-width:0; }
.payos-overview .ps-grid { gap:var(--payos-card-gap) !important; }
.payos-overview nav { max-width:var(--payos-container-content) !important; }
.payos-overview nav > div:first-of-type > a,
.payos-overview nav > div:first-of-type > .pdd > a,
.payos-overview .mrow-a,.payos-overview .mmenu-panel a { font-weight:800 !important; }
.payos-overview .pdd:focus-within > .pdd-panel { opacity:1;visibility:visible;transform:none; }
.payos-overview .mrow:focus-within > .mrow-panel { display:flex; }
.payos-overview .mega-left:has(.mrow:focus-within) .mrow:not(:focus-within) > .mrow-panel { display:none; }
.payos-overview a:focus-visible,.payos-overview button:focus-visible,.payos-overview summary:focus-visible { outline:3px solid var(--payos-yellow); outline-offset:3px; }
.payos-overview section a:focus-visible,.payos-overview section button:focus-visible { outline-color:var(--payos-ink); }
.payos-overview button { min-height:44px; font-family:var(--payos-font-body); }
.payos-overview button[aria-label],.payos-overview footer a[aria-label] { min-width:44px;min-height:44px; }
.payos-overview footer > .payos-overview-container { padding-block:64px 32px !important; }
.payos-overview footer a { font-size:14px !important;font-weight:600; }
.payos-overview footer a:hover { text-decoration:underline; }
.payos-overview [data-secdiv] { height:auto !important; padding:48px var(--payos-gutter) !important; margin:0 auto !important; max-width:var(--payos-container-content) !important; }
.payos-overview [data-secdiv] > * { display:none !important; }
.payos-overview [data-secdiv]::after { content:'';display:block; width:100%;height:1px;background:var(--payos-border-subtle); }
.payos-overview [data-bank-carousel] > div > div:last-child { border-radius:var(--payos-card-radius) !important;padding:var(--payos-card-padding) !important;gap:var(--payos-card-gap) !important; }
@media(max-width:860px) {
 .payos-overview .payos-overview-hero { grid-template-columns:minmax(0,1fr) !important; }
 .payos-overview .ps-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:600px) {
 .payos-overview .payos-overview-hero { padding-block:48px !important; }
 .payos-overview .ps-grid { grid-template-columns:minmax(0,1fr) !important; }
 .payos-overview [data-secdiv] { padding-block:32px !important; }
 .payos-overview [data-bank-carousel] > div > div:last-child { grid-template-columns:minmax(0,1fr) !important; }
}
@media(prefers-reduced-motion:reduce) {
 .payos-overview *, .payos-overview *::before,.payos-overview *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
}

                                                                         
.payos-overview .mmenu-label { font-size:11px;line-height:16px;letter-spacing:var(--payos-label-tracking); }
.payos-overview .payos-overview-card > div:first-child > span:has(svg) { width:40px !important;height:40px !important;flex:none; }
.payos-overview .payos-overview-card > div:first-child > span > svg { width:20px;height:20px; }
.payos-overview .payos-overview-card > div:first-child > div > div:first-child { font-size:22px !important;font-weight:800 !important;line-height:1.22; }
.payos-overview .payos-overview-card > div[style*="text-transform"] { font-size:11px !important;line-height:16px;letter-spacing:var(--payos-label-tracking) !important; }
.payos-overview .payos-overview-container > div[style*="display: grid"] { gap:var(--payos-card-gap) !important; }

.payos-overview #products { scroll-margin-top:90px; }

                                                                                         
:root {
 --payos-hero-marketing-size:60px;
 --payos-hero-editorial-size:60px;
 --payos-hero-resource-size:clamp(46px,5.6vw,74px);
}
#dc-root h1[data-hero-variant] {
 font-weight:var(--payos-heading-weight) !important;
 line-height:var(--payos-h1-leading) !important;
 letter-spacing:var(--payos-heading-tracking) !important;
 text-wrap:balance;white-space:normal;overflow-wrap:break-word;
}
#dc-root h1[data-hero-variant="marketing"] { font-size:var(--payos-hero-marketing-size) !important; }
#dc-root h1[data-hero-variant="editorial"] { font-size:var(--payos-hero-editorial-size) !important; }
#dc-root h1[data-hero-variant="resource"] { font-size:var(--payos-hero-resource-size) !important; }
@media(max-width:860px) {
 :root { --payos-hero-marketing-size:42px;--payos-hero-editorial-size:42px; }
}

                                                                          
:root { --payos-header-height:114px; }
#dc-root header + div[style*="height:"] { height:var(--payos-header-height) !important; }
#dc-root header .mmenu-panel { max-height:calc(100dvh - var(--payos-header-height)) !important; }
#dc-root [id] { scroll-margin-top:calc(var(--payos-header-height) + 20px) !important; }
#dc-root header [data-ucnav] .pdd-panel > div { min-width:300px !important; }
#dc-root header [data-ucnav] a { white-space:normal !important; }
.ig-hero,.ig-route,.ig-cards,.tm-split,.rc-grid { min-width:0; }
.ig-hero > *, .ig-route > *, .ig-cards > *, .tm-split > *, .rc-grid > * { min-width:0; }
#dc-root .ig-hero, #dc-root .ig-route { max-width:1160px !important; margin-inline:auto; }
#dc-root .uc-tabs button { max-width:100%; white-space:normal !important; border-radius:6px !important; }
#dc-root .uc-tabs button:focus-visible,#dc-root .uc-exnav:focus-visible { outline:3px solid var(--payos-blue);outline-offset:3px; }
#dc-root .uc-h { white-space:normal !important; }
#dc-root .uc-title { text-wrap:pretty; }
#dc-root .uc-tile { min-width:0; }
@media(max-width:860px) {
  #dc-root .tm-split { grid-template-columns:minmax(0,1fr) !important; gap:24px; }
  #dc-root .tm-gate { min-height:60px; }
  #dc-root .uc-tabs { gap:8px !important; }
  #dc-root .ig-flow { flex-wrap:wrap; }
}
@media(max-width:600px) {
  #dc-root .po-ticker { gap:8px !important;font-size:12px !important;padding-inline:10px !important; }
  #dc-root .ig-hero,#dc-root .ig-route { padding:48px 20px !important; }
  #dc-root .uc-sec { padding:48px 20px !important; }
  #dc-root .tm-split [style*="grid-template-columns:repeat(3"] { grid-template-columns:1fr !important; }
  #dc-root .payos-blog-reading [style*="padding: 56px 40px"] { padding:32px 20px !important; }
}
@media(prefers-reduced-motion:reduce) { #dc-root [data-anim] {animation:none !important;} }

                                                                            
#dc-root .payos-blog-sidebar { top:calc(var(--payos-header-height) + 24px); }
#dc-root .payos-blog-reading > h2 { scroll-margin-top:calc(var(--payos-header-height) + 24px); }
#dc-root .payos-rate-value { max-width:40%;white-space:normal !important; }
#dc-root .payos-rate-value [data-text-role="body"] { font-variant-numeric:tabular-nums; }
#dc-root .payos-rate-card summary:focus-visible { outline:3px solid var(--payos-blue);outline-offset:4px; }
@media(max-width:600px) {
  #dc-root .payos-rate-card details { padding-inline:16px !important; }
  #dc-root .uc-sec { border-radius:20px !important; }
}

                                                                         
                                                                
.payos-retry-preview { container-type:inline-size; }
@container(max-width:420px) {
 .payos-retry-preview__flow { flex-direction:column;gap:32px !important; }
 .payos-retry-preview__flow > div:first-child { width:100% !important; }
 .payos-retry-preview__flow > svg { display:none; }
 .payos-retry-preview__hub::before { content:'↓';position:absolute;top:-28px;color:var(--payos-blue);font-size:20px; }
}

                                                                                   
.payos-retry-usecase { min-width:0;border-radius:var(--payos-content-card-radius,16px) !important; }
.payos-retry-usecase-art svg { width:100%;height:auto;display:block; }
.payos-retry-usecase [data-text-role="card-title"] { margin-top:0; }
@media(max-width:1000px) { #dc-root .payos-retry-usecases { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media(max-width:600px) { #dc-root .payos-retry-usecases { grid-template-columns:minmax(0,1fr) !important; } }

.payos-contact-thanks { background:var(--payos-white);border:1px solid var(--payos-border,rgba(28,26,43,.12));border-radius:11px;padding:64px 28px;text-align:center; }
.payos-contact-thanks h3 { margin:0; }
.payos-contact-wave { font-size:64px;line-height:1;margin:0 auto 18px;display:inline-block;transform-origin:70% 80%; }
@media(prefers-reduced-motion:no-preference) { .payos-contact-wave { animation:payos-thanks-wave 2.4s ease-in-out 2; } }
@keyframes payos-thanks-wave { 0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)} }
.payos-customer-par-preview { container-type:inline-size; }
.payos-customer-par-preview * { min-width:0;overflow-wrap:anywhere; }
@container(max-width:260px) { .payos-customer-par-preview .payos-par-cohorts { grid-template-columns:1fr !important; } }
                                                                                      
@media(max-width:560px) {
 .uc-exc:has(.payos-customer-par-preview) > div:first-child { padding:28px 16px !important; }
 .uc-exc:has(.payos-customer-par-preview) > div:nth-child(2) { padding:20px 8px !important; }
 .uc-exc:has(.payos-customer-par-preview) > div:nth-child(2) > div > div { padding:20px 10px !important; }
}

.uc-exc:has(.payos-customer-par-preview) .payos-usecase-result-label { white-space:normal !important;max-width:100%; }
