/* PaySorted site redesign (Nov 2026): warmer, photo-led, real screens. Used inside <main class="v2">. Fonts are self-hosted (no third parties). */
@font-face{font-family:"PS Slab";src:url(/fonts/Roboto-Slab-Bold.woff) format("woff");font-weight:700 800;font-display:swap}
@font-face{font-family:"PS Lato";src:url(/fonts/lato-normal.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"PS Lato";src:url(/fonts/lato-bold.woff) format("woff");font-weight:600 800;font-display:swap}

.v2{--ink:#061e28;--ink2:#2c3d42;--mut:#4a5a5e;--line:#e4e0d6;--ground:#f7f5f0;--card:#fff;--green:#00c878;--green-ink:#00894f;--navy:#061e28;
  font-family:'PS Lato',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--ground);display:block;font-size:17px;line-height:1.55}
.v2 *{box-sizing:border-box}
.v2 button{font-family:inherit}
.v2 h1,.v2 h2,.v2 h3{font-family:'PS Lato',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;letter-spacing:-.2px;line-height:1.18;margin:0;color:var(--ink)}
.v2 p{margin:0}
.v2 a{color:var(--ink)}
.v2-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.v2-sec{padding:72px 0}
.v2-sec.v2-tight{padding:48px 0}
.v2-white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v2-navy{background:var(--navy);color:#dceae7}
.v2-navy h2,.v2-navy h3{color:#fff}
.v2-eyebrow{font-size:15px;font-weight:700;color:var(--green-ink);margin-bottom:12px;text-transform:none}
.v2-navy .v2-eyebrow{color:#7ff0bd}
.v2-h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:12px}
.v2-sub{font-size:18px;color:var(--ink2);max-width:680px}
.v2-navy .v2-sub{color:#c9dde1}
.v2-head{margin-bottom:36px}
.v2-head.v2-center{text-align:center}.v2-head.v2-center .v2-sub{margin:0 auto}

/* demo video card (home) */
.v2-video{display:flex;align-items:center;gap:24px;max-width:760px;margin:0 auto;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.v2-video h3{font-size:22px;margin-bottom:6px}.v2-video p{color:var(--ink2);margin-bottom:12px!important}
.v2-vthumb{all:unset;cursor:pointer;position:relative;flex:none;width:150px;border-radius:10px;overflow:hidden}
.v2-vthumb img{display:block;width:100%;height:auto}
.v2-vthumb:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.v2-vplay{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--green);color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 20px rgba(6,30,40,.3)}
.v2-vplay svg{width:24px;height:24px;margin-left:3px}
@media (max-width:600px){.v2-video{gap:14px;padding:10px}.v2-vthumb{width:96px}.v2-video h3{font-size:18px}.v2-video p{font-size:15px}}

/* buttons */
.v2-btns{display:flex;gap:12px;flex-wrap:wrap}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:16px;padding:12px 22px;border-radius:8px;background:var(--navy);color:#fff!important;border:1.5px solid var(--navy);min-height:48px}
.v2-btn:hover{background:#0d3442}
.v2-btn.ghost{background:#fff;color:var(--ink)!important}
.v2-btn.ghost:hover{background:#f0ede6}
.v2-btn.green{background:var(--green);border-color:var(--green);color:var(--ink)!important}
.v2-btn.green:hover{background:#00b56c}
.v2-navy .v2-btn.ghost{background:transparent;color:#fff!important;border-color:#7ea8b1}
.v2-note{font-size:15px;color:var(--mut);margin-top:14px}

/* hero */
.v2-hero{padding:48px 0 48px}
.v2-hero .v2-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.v2-hero-text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.v2-hero h1{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.3px;max-width:560px}
.v2-hero .v2-lead{font-size:18px;color:var(--ink2);max-width:540px}
.v2-hero-media{flex:1 1 440px;max-width:600px;min-width:0;position:relative;margin-bottom:24px}
.v2-hero-media .v2-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.v2-hero-media .v2-phone{position:absolute;right:4%;bottom:-24px;width:clamp(96px,25%,150px);border-radius:22px;padding:5px}.v2-hero-media .v2-phone img{border-radius:17px}
.v2-hero-media.v2-phones{display:flex;gap:16px;justify-content:center;margin-bottom:0}
.v2-hero-media.v2-phones .v2-phone{position:static;width:190px}
.v2-hero-media.v2-phones .v2-phone+.v2-phone{margin-top:48px}
.v2-hero-media.v2-wide{margin-bottom:0;flex:1 1 560px}
.v2-tags{display:flex;flex-wrap:wrap;gap:8px}
.v2-tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;color:var(--ink2)}

/* phone + browser frames around real screenshots */
.v2-phone{border-radius:30px;background:var(--navy);padding:7px;box-shadow:0 18px 40px rgba(6,30,40,.22)}
.v2-phone img{display:block;width:100%;height:auto;aspect-ratio:560/1100;object-fit:cover;object-position:top;border-radius:24px;background:#fff}
.v2-browser{border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(6,30,40,.14);overflow:hidden}
.v2-browser .v2-bar{height:30px;background:#eef0ef;display:flex;align-items:center;gap:6px;padding:0 12px}
.v2-browser .v2-bar i{width:10px;height:10px;border-radius:50%;background:#c9cfcd;display:block}
.v2-browser img{display:block;width:100%;height:auto}

/* trust strip */
.v2-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v2-strip .v2-wrap{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;padding-top:16px;padding-bottom:16px;font-size:15px;font-weight:600;color:var(--ink2)}

/* picker cards with photos */
.v2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.v2-card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.v2-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,30,40,.1)}
.v2-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.v2-card .v2-t{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}
.v2-card strong{font-size:19px}
.v2-card span{font-size:15px;color:var(--mut)}

/* big visual features */
.v2-feats{display:flex;flex-direction:column;gap:48px}
.v2-feat{display:flex;flex-wrap:wrap;gap:40px;align-items:center;max-width:1000px;margin:0 auto}
.v2-feat:nth-child(even){flex-direction:row-reverse}
.v2-feat .v2-shot{flex:1 1 240px;min-width:0;display:flex;justify-content:center}
.v2-feat .v2-shot .v2-phone{width:200px;border-radius:24px;padding:5px}.v2-feat .v2-shot .v2-phone img{border-radius:19px}
.v2-feat .v2-shot .v2-browser{width:100%}
.v2-feat .v2-shot.v2-wide{flex:1 1 520px}
.v2-feat .v2-txt{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.v2-feat h3{font-size:clamp(22px,2.2vw,28px)}
.v2-feat .v2-txt>p{font-size:17px;color:var(--ink2)}
.v2-ticks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.v2-ticks li{padding-left:32px;position:relative;font-size:17px;color:var(--ink2)}
.v2-ticks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#dff7ec}
.v2-ticks li:after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border:solid var(--green-ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.v2-navy .v2-ticks li{color:#dceae7}
.v2-navy .v2-ticks li:before{background:#12423b}
.v2-navy .v2-ticks li:after{border-color:#7ff0bd}

/* workflow strip */
.v2-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;counter-reset:s}
.v2-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}
.v2-step:before{counter-increment:s;content:counter(s);font-family:'PS Slab',Georgia,serif;font-weight:800;font-size:40px;color:var(--green-ink);display:block;line-height:1;margin-bottom:10px}
.v2-step strong{display:block;font-size:19px;margin-bottom:6px}
.v2-step p{font-size:16px;color:var(--ink2)}

/* integrations */
.v2-int{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.v2-int-col{flex:1 1 230px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}
.v2-int-col h3{font-size:20px}
.v2-int-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v2-int-col li{font-size:16px;color:var(--ink2);padding:10px 12px;background:var(--ground);border-radius:10px}
.v2-int-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--green-ink);font-weight:800;font-size:15px;text-align:center;padding:0 4px}
.v2-int-arrow svg{display:block;margin:0 auto 6px}
.v2-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v2-logo{height:64px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'PS Slab',Georgia,serif;font-weight:800;font-size:18px;background:#fff}
.v2-logo img{max-width:80%;max-height:34px}
@media (max-width:760px){.v2-int-arrow{flex-basis:100%}.v2-int-arrow svg{transform:rotate(90deg)}}

/* accountant section */
.v2-acc .v2-wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.v2-acc .v2-txt{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.v2-acc .v2-shot{flex:1 1 520px;min-width:0}

/* pricing */
.v2-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.v2-plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative}
.v2-plan.v2-pop{border:2px solid var(--green-ink)}
.v2-plan .v2-flag{position:absolute;top:-12px;left:22px;background:var(--green);color:var(--ink);font-size:13px;font-weight:800;padding:4px 10px;border-radius:999px}
.v2-plan h3{font-size:22px}
.v2-plan .v2-price{font-family:'PS Slab',Georgia,serif;font-weight:800;font-size:40px}
.v2-plan .v2-price small{font-size:16px;font-weight:600;color:var(--mut)}
.v2-table-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.v2-table{width:100%;border-collapse:collapse;min-width:640px;font-size:16px}
.v2-table th,.v2-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.v2-table th:first-child,.v2-table td:first-child{text-align:left}
.v2-table thead th{font-family:'PS Slab',Georgia,serif;font-size:20px;background:var(--ground)}
.v2-table thead th .v2-p{display:block;font-size:28px;margin-top:4px}
.v2-table thead th .v2-p small{font-size:14px;color:var(--mut);font-weight:600}
.v2-table td.v2-y:after{content:"\2713";color:var(--green-ink);font-weight:800;font-size:18px}
.v2-table td.v2-n:after{content:"\2014";color:#b6bcbb}
.v2-table tr.v2-grp td{background:#fbfaf7;font-weight:700;font-size:14px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.v2-table .v2-why{display:block;font-size:14px;color:var(--mut);font-weight:400}
.v2-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.v2-jump a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px}
.v2-jump a:hover{border-color:var(--ink)}

/* founder / story */
.v2-quote{font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:#fff}
.v2-story{max-width:760px;display:flex;flex-direction:column;gap:18px;font-size:19px;color:var(--ink2)}

/* faq */
.v2-faq{columns:2 420px;column-gap:20px}
.v2-faq details{break-inside:avoid;display:block;margin:0 0 8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 16px}
.v2-faq summary{font-size:15.5px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:24px;line-height:1.35}
.v2-faq summary::-webkit-details-marker{display:none}
.v2-faq summary::after{content:'+';position:absolute;right:0;top:-2px;font-size:20px;font-weight:400;color:var(--green-ink)}
.v2-faq details[open] summary::after{content:'\2212'}
.v2-faq details>*:not(summary){margin-top:8px;font-size:15.5px;color:var(--ink2)}
.v2-faq details>*:not(summary) *{font-size:inherit}

/* final call to action */
.v2-final{text-align:center}
.v2-final .v2-btns{justify-content:center;margin-top:22px}

/* stats */
.v2-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.v2-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.v2-stat strong{display:block;font-family:'PS Slab',Georgia,serif;font-size:22px;margin-bottom:4px}
.v2-stat span{font-size:16px;color:var(--ink2)}
.v2-grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.v2-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}
.v2-box strong{font-size:18px}
.v2-box p{font-size:16px;color:var(--ink2)}

@media (max-width:980px){.v2-hero-media{max-width:none;flex-basis:100%}.v2-hero-media .v2-photo{aspect-ratio:16/9}.v2-hero-media .v2-phone{width:clamp(96px,20%,150px)}}
@media (max-width:600px){
  .v2-sec{padding:52px 0}
  .v2-hero{padding-top:28px}
  .v2-hero-media .v2-photo{aspect-ratio:3/2}
  .v2-hero-media .v2-phone{width:27%;right:12px}
  .v2-hero-media.v2-phones .v2-phone{width:46%}
  .v2-feats{gap:40px}
  .v2-feat .v2-shot .v2-phone{width:170px}
  .v2-btn{width:100%}
}
@media (prefers-color-scheme:dark){.v2{color-scheme:light}}
.v2 .sr-only,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* kept sections from the old pages */
.v2 .offer{max-width:1180px;margin:0 auto}
.v2 #proof,.v2 #partner,.v2 #contact{padding-top:40px;padding-bottom:40px}