: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-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); }
}

                                                                            
                                                                            
#dc-root .payos-blog-index { max-width:1040px;margin:auto;padding:14px var(--payos-gutter) 80px; }
#dc-root .payos-blog-index-heading { margin-bottom:var(--payos-space-12);text-align:center; }
#dc-root .payos-blog-index h1 { font-size:42px !important;line-height:1.12 !important;margin:0; }
#dc-root .payos-blog-list { display:grid;gap:var(--payos-space-6); }
#dc-root .payos-blog-row {
 display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--payos-space-6);
 padding:var(--payos-space-6);border:1px solid var(--payos-border-subtle,rgba(28,26,43,.12));
 border-radius:12px;background:var(--payos-white);align-items:start;
}
#dc-root .payos-blog-row-art { position:relative;min-width:0;aspect-ratio:1.5;border-radius:8px;overflow:hidden; }
#dc-root .payos-blog-row-copy { min-width:0; }
#dc-root .payos-blog-row-copy h2 { margin:10px 0 12px;color:var(--payos-ink); }
#dc-root .payos-blog-row-copy p { margin:0 0 16px;color:#57534b; }
#dc-root .payos-blog-row:hover { border-color:var(--payos-blue); }
#dc-root .payos-blog-row:hover .payos-text-link { text-decoration:underline; }
#dc-root .payos-blog-meta { display:flex;flex-wrap:wrap;gap:8px 12px;color:#57534b;font-size:13px;font-weight:600;line-height:1.55; }
#dc-root .payos-blog-row .payos-blog-meta > span:first-child { color:var(--payos-blue);font-weight:800; }
#dc-root .payos-blog-hero { background:#f6f8fc;border-bottom:1px solid rgba(28,26,43,.08); }
#dc-root .payos-blog-hero-inner { max-width:var(--payos-container-content);margin:auto;padding:48px var(--payos-gutter) 56px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--payos-space-12);align-items:center; }
#dc-root .payos-blog-hero-copy { min-width:0; }
#dc-root .payos-blog-back { margin-bottom:var(--payos-space-6);min-height:44px; }
#dc-root .payos-blog-category { color:var(--payos-blue);margin-bottom:var(--payos-space-3); }
#dc-root .payos-blog-hero h1 { font-size:40px !important;line-height:1.15 !important;margin:0 0 20px;text-wrap:balance;overflow-wrap:break-word; }
#dc-root .payos-blog-deck { font-size:19px;line-height:1.6;color:#57534b;margin:0 0 20px; }
#dc-root .payos-blog-hero-art { min-width:0;position:relative;aspect-ratio:1.65;border-radius:12px;overflow:hidden; }
#dc-root .payos-blog-reading-layout { display:grid;grid-template-columns:200px minmax(0,760px);gap:48px;max-width:1064px;margin:auto;padding:56px var(--payos-gutter) 80px;align-items:start; }
#dc-root .payos-blog-sidebar { position:sticky;top:100px;min-width:0; }
#dc-root .payos-blog-toc { border-left:2px solid #dce2ed;padding-left:16px; }
#dc-root .payos-blog-sidebar p[data-text-role] { color:#57534b;margin:0 0 8px; }
#dc-root .payos-blog-toc a { display:block;font-size:14px;line-height:1.5;color:#57534b;padding:8px 0;overflow-wrap:break-word; }
#dc-root .payos-blog-toc a:hover { color:var(--payos-blue);text-decoration:underline; }
#dc-root .payos-blog-share { margin-top:24px; }
#dc-root .payos-blog-share-actions { display:flex;flex-wrap:wrap;gap:0 12px; }
#dc-root .payos-blog-share-actions a,#dc-root .payos-blog-share-actions button { display:inline-flex;align-items:center;min-height:44px;font:700 13px/1.5 var(--payos-font-body);color:var(--payos-blue);background:none;border:0;padding:0;cursor:pointer; }
#dc-root .payos-blog-share-actions :hover { text-decoration:underline; }
#dc-root .payos-blog-share-status { font-size:13px;line-height:1.5;color:#57534b;margin:4px 0 0; }
#dc-root .payos-blog-reading { min-width:0; }
#dc-root .payos-blog-reading > h2 { font-size:28px !important;line-height:1.25 !important;scroll-margin-top:100px; }
#dc-root .payos-blog-reading > h3 { font-size:22px !important;line-height:1.3 !important; }
#dc-root .payos-blog-reading > p { text-align:left !important; }
#dc-root .payos-blog-page a:focus-visible,#dc-root .payos-blog-page button:focus-visible { outline:2px solid var(--payos-blue);outline-offset:4px; }
#dc-root .payos-blog-page header a:focus-visible,#dc-root .payos-blog-page footer a:focus-visible { outline-color:var(--payos-yellow); }
@media(max-width:1000px) {
 #dc-root .payos-blog-hero-inner { gap:28px; }
 #dc-root .payos-blog-reading-layout { display:block;max-width:816px; }
 #dc-root .payos-blog-sidebar { position:static;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #dce2ed; }
 #dc-root .payos-blog-toc { border:0;padding:0; }
 #dc-root .payos-blog-toc a { padding:6px 0; }
}
@media(max-width:700px) {
 #dc-root .payos-blog-index { padding-block:48px; }
 #dc-root .payos-blog-index-heading { margin-bottom:32px; }
 #dc-root .payos-blog-row { grid-template-columns:minmax(0,1fr);padding:20px;gap:20px; }
 #dc-root .payos-blog-row-art { aspect-ratio:1.75; }
 #dc-root .payos-blog-hero-inner { grid-template-columns:minmax(0,1fr);padding-block:28px 36px; }
 #dc-root .payos-blog-hero h1,#dc-root .payos-blog-index h1 { font-size:32px !important; }
 #dc-root .payos-blog-hero-art { aspect-ratio:1.65; }
 #dc-root .payos-blog-reading-layout { padding-block:32px 48px; }
 #dc-root .payos-blog-reading > h2 { font-size:26px !important; }
}

                                                                           
#dc-root .payos-blog-hero--text-only .payos-blog-hero-inner { grid-template-columns:minmax(0,1fr); }
#dc-root .payos-blog-hero--text-only .payos-blog-hero-copy { max-width:820px; }

                                                                          
: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%; }