/* PaySorted website (13 Oct 2026: header button is "Log in / Register") — shared header (with dropdown menus) and compact footer, used on every public page. */
.psnav,.psfoot{--n-bg:#061e28;--n-green:#00c878;--n-text:#f7fbfa;--n-muted:#aec1bf;--n-faint:#7e9693;--n-line:rgba(255,255,255,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header.psnav{position:sticky;top:0;z-index:50;padding:0;margin:0;background:rgba(6,30,40,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--n-line)}
.psnav *,.psfoot *{box-sizing:border-box}
.psnav .in{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:18px;min-height:66px}
.psnav .brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850;color:#fff;text-decoration:none;margin:0 auto 0 0;letter-spacing:-.01em}
.psnav .brand img{width:36px;height:36px;border-radius:10px}.psnav .brand b{color:var(--n-green)}
.psnav .links{display:flex;align-items:center;gap:4px}
.psnav .links>a,.psnav summary{color:var(--n-muted);font-weight:650;font-size:15px;text-decoration:none;padding:9px 11px;border-radius:10px;cursor:pointer;white-space:nowrap;list-style:none;display:flex;align-items:center;gap:6px}
.psnav summary::-webkit-details-marker{display:none}
.psnav summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.psnav .links>a:hover,.psnav summary:hover,.psnav details[open] summary{color:#fff;background:rgba(255,255,255,.06)}
.psnav details{position:relative}
.psnav .menu{position:absolute;top:calc(100% + 8px);left:-8px;min-width:250px;background:#0b2a36;border:1px solid var(--n-line);border-radius:16px;padding:8px;box-shadow:0 24px 50px rgba(0,0,0,.45);display:grid;gap:2px}
.psnav .menu.two{grid-template-columns:1fr 1fr;min-width:520px}
.psnav .menu a{display:block;color:#e4efed;text-decoration:none;font-size:14.5px;font-weight:600;padding:9px 12px;border-radius:10px}
.psnav .menu a:hover{background:rgba(0,200,120,.12);color:#fff}
.psnav .menu a.all{color:var(--n-green);font-weight:800}
.psnav .ps-cta{display:flex;align-items:center;gap:8px}
.psnav .login{color:var(--n-muted);font-weight:650;font-size:15px;text-decoration:none;padding:9px 10px}
.psnav .login:hover{color:#fff}
.psnav .go{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:var(--n-green);color:#032016;font-weight:850;font-size:14.5px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px rgba(0,200,120,.2)}
.psnav .burger{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--n-line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0}
.psnav .burger span,.psnav .burger span::before,.psnav .burger span::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;content:""}
.psnav .burger span::before{position:absolute;top:-6px}.psnav .burger span::after{position:absolute;top:6px}
@media(max-width:1020px){
  .psnav .burger{display:inline-flex}
  .psnav .links{display:none;position:absolute;left:0;right:0;top:100%;background:#071f29;border-bottom:1px solid var(--n-line);flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 16px;max-height:calc(100vh - 66px);overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.4)}
  .psnav.open .links{display:flex}
  .psnav .links>a,.psnav summary{font-size:16.5px;padding:13px 6px;border-radius:0;border-bottom:1px solid var(--n-line);color:#fff;justify-content:space-between}
  .psnav .menu,.psnav .menu.two{position:static;box-shadow:none;border:0;background:transparent;min-width:0;padding:4px 0 10px;grid-template-columns:1fr 1fr}
  .psnav .menu a{padding:9px 8px;font-size:15px;color:var(--n-muted)}
  .psnav .login{display:none}
  .psnav .links .m-only{display:flex}
}
.psnav .links .m-only{display:none}
@media(max-width:420px){.psnav .in{width:calc(100% - 24px);gap:8px}.psnav .brand{font-size:19px}.psnav .brand img{width:32px;height:32px}.psnav .go{padding:9px 12px;font-size:14px}.psnav .menu,.psnav .menu.two{grid-template-columns:1fr}}
/* Header: one green "Log in / Register" button instead of "Log in" + "Start free trial" (13 Oct 2026).
   "Start free trial" stays on the page itself and in the phone sticky bar. The accountants page (Accountant log in + Book a demo) is unchanged. */
@supports selector(:has(a)){
  .psnav .ps-cta .go[data-signup]{display:none}
  .psnav .ps-cta .login:has(+ .go[data-signup]){display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:var(--n-green);color:#032016;font-weight:850;font-size:14.5px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px rgba(0,200,120,.2)}
  .psnav .ps-cta .login:has(+ .go[data-signup]):hover{background:#19d68b;color:#032016}
  .psnav .ps-cta .login:has(+ .go[data-signup])::after{content:"\00a0/ Register"}
  @media(max-width:420px){.psnav .ps-cta .login:has(+ .go[data-signup]){padding:9px 11px;font-size:13.5px}}
}
/* Compact footer */
footer.psfoot{border-top:1px solid var(--n-line);background:var(--n-bg);color:var(--n-faint);font-size:14px;padding:22px 0 26px;margin:0}
footer.psfoot a{margin:0}
.psfoot .in{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.psfoot .brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:850;font-size:17px;text-decoration:none;margin:0}.psfoot .brand img{width:26px;height:26px;border-radius:7px}.psfoot .brand b{color:var(--n-green)}
.psfoot nav{display:flex;flex-wrap:wrap;gap:6px 18px}.psfoot nav a{color:#9fb5b2;text-decoration:none}.psfoot nav a:hover{color:#fff;text-decoration:underline}
.psfoot .legal{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;border-top:1px solid var(--n-line);padding-top:12px;font-size:13px}
.psfoot .legal a{color:#9fb5b2}
@media(max-width:560px){footer.psfoot{padding:16px 0 18px;font-size:13.5px}.psfoot .in{width:calc(100% - 28px);gap:8px 20px}.psfoot nav{gap:2px 14px}.psfoot .legal{padding-top:8px;font-size:12.5px}.psfoot .tag{display:none}}
@media print{.psnav,.psfoot{display:none!important}}