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

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