/* Shared header and footer used by every website page. */
:root{
  --serif:'GT Super Display','Instrument Serif',Georgia,serif;
  --sans:'PP Neue Montreal',ui-sans-serif,-apple-system,sans-serif;
  --label:'PP Neue Montreal',ui-sans-serif,sans-serif;
  --mono:'PP Neue Montreal',ui-sans-serif,sans-serif;
}
body{font-family:var(--sans)}
body,
body *,
body *::before,
body *::after{
  font-weight:400!important;
}
body :is(strong,b){
  font-weight:500!important;
}
body :is(h1,h2,.display,.section-title,h3.serif){
  font-family:var(--serif)!important;
  font-weight:300!important;
}
body h1{
  font-size:64px!important;
}
body p{
  font-size:16px!important;
}
body h3:not(.serif),
body h4,
body h5,
body h6{
  font-family:var(--label)!important;
  font-weight:400!important;
}
body :is(.field-tag,.eyebrow,.tag,.cover-tag,.card-label,.side-kicker,.card-kicker,.legal-updated){
  font-family:'Roboto Mono',ui-monospace,monospace!important;
  font-weight:400!important;
}
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"]{
  font-family:var(--label);
  font-weight:500!important;
}
body .partner-value strong{
  font-weight:300!important;
}
body :is(.metric strong,.float-card strong,.portfolio strong){
  font-weight:400!important;
}
.container{
  width:min(1200px,calc(100% - 44px));
  margin-inline:auto;
}
.announcement{
  padding:9px 20px;
  background:#071426;
  color:#dde8f7;
  font-family:var(--label);
  font-size:12.5px;
  font-weight:400;
  text-align:center;
}
.announcement a{margin-left:8px;color:#82e5ff}
.site-nav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(16,24,40,.08);
  backdrop-filter:blur(18px);
}
.site-nav .nav-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:30px;
}
.brand-logo-link{
  display:inline-flex;
  flex:none;
  align-items:baseline;
  width:auto;
  height:auto;
}
.paylync-wordmark{
  color:#071426;
  font-family:'Instrument Serif',Georgia,serif;
  font-size:30px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.paylync-wordmark-dot{color:#1677ff}
.site-nav .nav-links{
  display:flex;
  align-items:center;
  gap:28px;
  margin:0 0 0 18px;
}
.site-nav .nav-links > a,
.site-nav .nav-more summary{
  color:#344054;
  font-family:var(--label);
  font-size:13.5px;
  font-weight:500!important;
  cursor:pointer;
  list-style:none;
  white-space:nowrap;
}
.site-nav .nav-more summary::-webkit-details-marker{display:none}
.site-nav .nav-links > a:hover,
.site-nav .nav-links > a.active,
.site-nav .nav-more summary:hover,
.site-nav .nav-more summary.active{color:#1677ff}
.site-nav .nav-more{position:relative}
.site-nav .nav-more summary::after{content:'\2304';font-size:12px;margin-left:6px}
.site-nav .nav-more-menu{
  position:absolute;
  top:calc(100% + 18px);
  right:0;
  min-width:190px;
  padding:8px;
  border:1px solid rgba(11,15,26,.12);
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(11,15,26,.14);
}
.site-nav .nav-more-menu a{
  display:block;
  padding:10px 12px;
  border-radius:8px;
  color:#344054;
  font-family:var(--label);
  font-size:13.5px;
  font-weight:500!important;
}
.site-nav .nav-more-menu a:hover,
.site-nav .nav-more-menu a.active{background:#e5f3ff;color:#0072d6}
.site-nav .nav-cta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
}
.site-nav .nav-cta .btn{
  min-height:50px;
  padding-inline:22px;
  border-radius:12px;
  font-size:14px;
  font-weight:400;
}
.site-nav .nav-cta .btn-primary{background:#1677ff;color:#fff}
.site-nav .nav-cta .btn-primary:hover{background:#0969e8}
.site-nav .nav-cta .btn-ghost{
  border-color:rgba(16,24,40,.14);
  background:#fff;
  color:#101828;
}
.site-nav .nav-cta .btn-ghost:hover{border-color:rgba(16,24,40,.28)}
.site-menu-toggle{
  display:none;
  width:43px;
  height:43px;
  padding:10px;
  border:1px solid #dde4ee;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
}
.site-menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:99px;background:#101828;transition:.2s}
.site-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-menu-toggle.open span:nth-child(2){opacity:0}
.site-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-mobile-menu{display:none;padding:0 22px 18px;border-top:0;border-bottom:1px solid #dde4ee;background:#fff}
.site-mobile-menu.open{display:grid}
.site-mobile-menu a{padding:13px 4px;border-bottom:1px solid #eef1f5;color:#344054;font-family:var(--label);font-size:13.5px;font-weight:500!important}
.site-mobile-menu a:hover,
.site-mobile-menu a.active{color:#1677ff}
.site-mobile-menu .mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 4px 0}
.site-mobile-menu .mobile-menu-actions .btn{min-height:46px;padding:0 14px;border-bottom:0}
.site-mobile-menu .mobile-menu-actions .btn-ghost{border:1px solid var(--field-border);color:var(--ink)}
.site-mobile-menu .mobile-menu-actions .btn-primary{background:#1677ff;color:#fff}
.site-mobile-menu .mobile-menu-actions .btn-primary:hover{background:#0969e8}

/* Shared home-style scroll reveal for every public page. */
.pl-scroll-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .7s ease;
  transition-delay:var(--pl-reveal-delay,0ms);
}
.pl-scroll-reveal.pl-scroll-visible{
  opacity:1;
  transform:none;
}
/* Legal documents can be many viewport-heights tall; never hide their content. */
.legal-body .legal-section .pl-scroll-reveal{
  opacity:1;
  transform:none;
  transition:none;
}

footer.pl-footer{
  margin-top:0;
  padding:68px 0 28px;
  background:#071426;
  color:#b8c7dc;
  font-family:var(--label);
  font-weight:400;
  font-size:14px;
}
.pl-footer > .container{width:min(1200px,calc(100% - 44px))}
.pl-footer .f-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:35px;
  margin:0;
}
.pl-footer h5{
  margin:0 0 14px;
  color:#fff;
  font-family:var(--label);
  font-size:11px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pl-footer .footer-col a{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:5px 0;
  color:#afc9f4;
  font-size:12.5px;
  line-height:1.55;
  transition:color .15s ease;
}
.pl-footer .footer-col a:hover{color:#59e6ff;transform:none}
.footer-logo-link{
  display:inline-flex;
  align-items:center;
  width:auto;
  height:auto;
  padding:0;
  background:transparent;
}
.footer-logo-link .paylync-wordmark{color:#fff}
.footer-logo-link .paylync-wordmark-dot{color:#1677ff}
.footer-brand-block p{
  max-width:32ch;
  margin:18px 0 0;
  color:#b8c7dc;
  font-size:12.5px;
  line-height:1.55;
}
.footer-social{display:flex;align-items:center;gap:9px;margin-top:21px}
.footer-social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(169,201,248,.25);border-radius:10px;background:rgba(255,255,255,.035);color:#afc9f4;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
.footer-social a:hover{border-color:rgba(89,230,255,.65);background:rgba(89,230,255,.09);color:#59e6ff;transform:translateY(-2px)}
.footer-social a:focus-visible{outline:2px solid #59e6ff;outline-offset:3px}
.footer-social svg{width:17px;height:17px;display:block;fill:currentColor}

/* Keep every interactive button flat across the site. */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
.pager a{
  box-shadow:none!important;
}
.pl-footer .f-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  margin-top:45px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
  color:#8fb3e8;
  font-family:var(--label);
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.035em;
}
.pl-footer .f-bottom-meta{text-align:right}
.pl-footer .f-bottom i{margin:0 4px;color:#607da5;font-style:normal}
.pl-footer .f-bottom a{color:#a9c9f8;transition:color .15s ease}
.pl-footer .f-bottom a:hover{color:#59e6ff}
@media (max-width:980px){
  .pl-footer .f-grid{grid-template-columns:1.35fr repeat(2,1fr);gap:38px}
  .footer-brand-block{grid-row:span 2}
}

@media (max-width:980px){
  .site-nav .nav-links,.site-nav .nav-cta{display:none}
  .site-menu-toggle{display:block;margin-left:auto}
}
@media (min-width:981px){.site-mobile-menu{display:none!important}}
@media (max-width:760px){
  .pl-footer .f-grid{grid-template-columns:repeat(2,1fr);gap:34px}
  .footer-brand-block{grid-column:1/-1;grid-row:auto}
  .pl-footer .f-bottom{flex-direction:column;align-items:flex-start}
  .pl-footer .f-bottom-meta{text-align:left;line-height:1.7}
}
@media (max-width:620px){
  .announcement{font-size:11px}
  .container,
  .pl-footer > .container{width:min(1200px,calc(100% - 28px))}
}
@media (max-width:480px){
  .site-mobile-menu .mobile-menu-actions{grid-template-columns:1fr}
  .pl-footer .f-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .pl-scroll-reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}
