/* Payroll and WisePay are primary routes in the Staff Wise modular system. */
nav{gap:22px;font-size:13px}nav .button.small{font-size:12px;gap:21px}nav .nav-payroll{font-weight:650;color:var(--violet)}nav a.nav-product{color:var(--ink);background:var(--lime);border-radius:5px;padding:10px 13px}nav a.nav-product::after{display:none}nav a.nav-product[aria-current]{box-shadow:inset 0 0 0 1px var(--ink)}
.payroll-priority{display:grid;grid-template-columns:1fr 1.18fr;gap:var(--gap);margin-bottom:var(--gap)}
.priority-payroll,.priority-wisepay{border-radius:var(--radius);min-width:0;overflow:hidden}
.priority-payroll{padding:clamp(28px,3.5vw,48px);background:var(--lime);color:var(--ink);display:flex;align-items:flex-start;flex-direction:column}
.priority-payroll .eyebrow{color:var(--ink);margin-bottom:28px}
.priority-payroll h2{font-size:clamp(35px,3.4vw,48px);line-height:1.07}
.priority-payroll>p:not(.eyebrow){max-width:410px;font-size:15px;line-height:1.75;color:#3d4128;margin-top:24px}
.priority-payroll ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:25px 0 30px}
.priority-payroll li{font-size:10px;border:1px solid #15171c50;border-radius:20px;padding:7px 11px}
.priority-payroll .button{margin-top:auto;background:var(--ink);border-color:var(--ink);color:#fff}
.priority-wisepay{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.priority-wisepay>div{padding:clamp(26px,3vw,40px);padding-right:20px;display:flex;align-items:flex-start;flex-direction:column}
.priority-wisepay .eyebrow{color:var(--lime);font-size:10px;line-height:1.8;margin-bottom:26px}
.priority-stage{display:inline-flex;font-size:9px;letter-spacing:0;font-weight:400;line-height:1.5;border:1px solid currentColor;border-radius:20px;padding:3px 8px;margin-left:9px;white-space:nowrap;vertical-align:middle}
.priority-wisepay .priority-stage{display:block;width:max-content;margin:8px 0 0;color:#d7d8df;border-color:#ffffff45}
.priority-wisepay h2{font-size:clamp(32px,3vw,42px);line-height:1.06;letter-spacing:-.05em}
.priority-wisepay p:not(.eyebrow){font-size:13px;line-height:1.75;color:#d7d8df;margin-top:24px}
.priority-wisepay .text-link{margin-top:auto;padding-top:27px;color:var(--lime);border-color:#ffffff50;font-size:12px}
.priority-screen{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:#282534;padding:28px 0 28px 18px}
.priority-screen img{width:465px;max-width:none;height:auto;flex-shrink:0;border-radius:8px;box-shadow:0 12px 35px #0005;transform:rotate(-3deg);transform-origin:center left}
body[data-page="services"] .service-grid{margin-top:var(--gap)}
.payroll-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
body[data-page="detail"] .payroll-hero-actions .button{margin-top:0}
.payroll-hero-actions .text-link{font-size:13px;color:#fff;border-color:#ffffff70}
.payroll-product-promo,.payroll-managed-link{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(28px,4vw,50px);border-radius:var(--radius);margin-bottom:var(--gap);background:var(--violet);color:#fff}
.payroll-product-promo .eyebrow{color:var(--lime)}
.payroll-product-promo h2,.payroll-managed-link h2{font-size:clamp(32px,3.8vw,50px)}
.payroll-product-promo p:not(.eyebrow),.payroll-managed-link p:not(.eyebrow){font-size:15px;line-height:1.75;color:#eee9ff;max-width:620px;margin-top:24px}
.payroll-product-promo .button,.payroll-managed-link .button{flex-shrink:0}
body[data-page="wisepay"] main{padding-top:var(--gap);padding-bottom:var(--gap)}
body[data-page="wisepay"] .payroll-tech-intro h1{font-size:clamp(44px,4.8vw,66px);line-height:1.04;letter-spacing:-.055em;color:#fff}
body[data-page="wisepay"] .payroll-tech-intro h1 span{color:var(--lime)}
body[data-page="wisepay"] .payroll-tech-intro .back-link{color:#d7d8df;font-size:11px;margin-bottom:30px}
body[data-page="wisepay"] .payroll-tech-intro .payroll-product-label{margin-bottom:28px}
body[data-page="wisepay"] .payroll-tech-intro .eyebrow{font-size:14px}
body[data-page="wisepay"] .payroll-managed-link{background:var(--lime);color:var(--ink);margin-bottom:0}
body[data-page="wisepay"] .payroll-managed-link .eyebrow{color:var(--ink)}
body[data-page="wisepay"] .payroll-managed-link p:not(.eyebrow){color:#3d4128}
body[data-page="wisepay"] .payroll-managed-link .button{background:var(--ink);border-color:var(--ink);color:#fff}
@media(min-width:561px) and (max-width:1100px){
 header .nav-wrap{height:78px}
 .menu-toggle{display:flex;width:42px;height:40px;border:1px solid #c9bfd9;border-radius:3px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}
 .menu-toggle span{width:18px;height:1px;background:var(--ink)}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 32px;align-items:stretch;gap:10px;box-shadow:0 12px 18px #15171c0a}
 nav.is-open{display:flex;flex-direction:column}
 nav>a:not(.button){padding:12px 14px}
 nav .button{margin-top:5px;justify-content:space-between}
}
@media(max-width:1100px){.payroll-priority{grid-template-columns:1fr 1fr}.priority-wisepay{grid-template-columns:1fr}.priority-wisepay>div{padding:34px}.priority-screen{display:none}.priority-payroll{padding:34px}.priority-payroll h2{font-size:40px}.priority-wisepay h2{font-size:40px}.priority-payroll li{font-size:10px}.payroll-product-promo,.payroll-managed-link{gap:28px}}
@media(max-width:768px){.payroll-priority{grid-template-columns:1fr}.priority-wisepay{grid-template-columns:1.1fr 1fr}.priority-screen{display:flex}.priority-screen img{width:400px}.priority-payroll h2,.priority-wisepay h2{font-size:42px}.payroll-product-promo,.payroll-managed-link{display:block}.payroll-product-promo .button,.payroll-managed-link .button{margin-top:28px}}
@media(max-width:560px){nav{gap:9px}nav>a.nav-product{padding:13px 14px}nav>a.nav-payroll{padding:12px 0}.priority-payroll,.priority-wisepay>div{padding:30px 25px}.priority-payroll h2,.priority-wisepay h2{font-size:38px}.priority-payroll>p:not(.eyebrow){font-size:14px}.priority-payroll ul{gap:7px;margin:23px 0 28px}.priority-wisepay{grid-template-columns:1fr}.priority-screen{display:none}.priority-wisepay p:not(.eyebrow){font-size:14px}.priority-wisepay .text-link{font-size:13px}.priority-payroll .eyebrow{font-size:10px}.priority-wisepay .priority-stage{display:inline-flex;margin:0 0 0 9px}.payroll-product-promo,.payroll-managed-link{padding:30px 25px}.payroll-product-promo h2,.payroll-managed-link h2{font-size:35px}.payroll-product-promo p:not(.eyebrow),.payroll-managed-link p:not(.eyebrow){font-size:14px}.payroll-hero-actions{align-items:flex-start;flex-direction:column;gap:22px}body[data-page="wisepay"] .payroll-tech-intro h1{font-size:48px}body[data-page="wisepay"] .payroll-tech-intro .back-link{margin-bottom:25px}body[data-page="wisepay"] .payroll-tech-intro .eyebrow{font-size:12px}}

@media(min-width:769px){body.payroll-service .detail-hero>img{height:590px;min-height:590px;max-height:590px;object-position:50% 40%}body.payroll-service .detail-hero>div{min-height:590px}}

.priority-wisepay h2{font-size:clamp(44px,4.6vw,62px)}.priority-wisepay p.priority-product-line{font-size:17px;line-height:1.35;margin-top:15px;color:#fff}
@media(max-width:560px){.priority-wisepay h2{font-size:50px}.priority-wisepay p.priority-product-line{font-size:18px}}

/* Three clear steps for new payroll clients and businesses changing provider. */
.payroll-switching{margin-top:var(--gap);margin-bottom:var(--gap);padding:clamp(28px,3.4vw,46px);border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.payroll-switching-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;margin-bottom:30px}
.payroll-switching-heading .eyebrow{margin-bottom:19px}
.payroll-switching-heading h2{font-size:clamp(32px,3.2vw,44px)}
.payroll-switching-heading>p{max-width:335px;font-size:14px;line-height:1.7}
.payroll-switching-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;padding:0;margin:0}
.payroll-switching-steps>li{min-width:0;padding:28px;background:var(--block-bg);color:var(--block-ink);border:1px solid var(--block-rule);border-radius:var(--radius)}
.payroll-switching-number{font-size:9px;letter-spacing:.1em}
.payroll-switching-steps h3{font-size:28px;line-height:1.12;margin:33px 0 17px}
.payroll-switching-steps p{color:var(--block-copy);font-size:14px;line-height:1.7}
.payroll-switching>.text-link{margin-top:25px}
@media(max-width:900px){.payroll-switching-heading{display:block}.payroll-switching-heading>p{max-width:550px;margin-top:22px}.payroll-switching-steps{grid-template-columns:1fr}.payroll-switching-steps>li{padding:28px}.payroll-switching-steps h3{margin-top:24px}.payroll-switching-steps p{max-width:650px}}
@media(max-width:560px){.payroll-switching{padding:28px 25px}.payroll-switching-heading h2{font-size:33px}.payroll-switching-heading>p,.payroll-switching-steps p{font-size:14px}.payroll-switching-steps>li{padding:25px}.payroll-switching-steps h3{font-size:27px}.payroll-switching-number{font-size:8px}}