.payroll-band{padding:72px 24px;background:#f0f8f8;color:#082d45}
.payroll-band-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.payroll-band h2{max-width:650px;margin:.45rem 0 1rem;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.045em}
.payroll-band p{max-width:680px;margin:0 0 1.4rem;color:#506d7e;font-size:1rem;line-height:1.65}
.payroll-vendors{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:26px;border:1px solid #c8dfe1;border-radius:24px;background:#fff;box-shadow:0 18px 45px #082d4512}
.payroll-vendors span,.payroll-logos span{display:grid;place-items:center;min-height:72px;padding:12px;border:1px solid #d7e7e8;border-radius:14px;background:#f8fbfb;color:#082d45;font-size:1.08rem;font-weight:900;letter-spacing:-.02em}
.payroll-vendors small{grid-column:1/-1;color:#627d8c;font-size:.78rem;line-height:1.45;text-align:center}
.hub-card-payroll{border:2px solid #18aaa5}
.status.connect{background:#dff7f5;color:#087f7a}
.payroll-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}
.payroll-logos span{min-height:42px;padding:7px;font-size:.72rem}
.payroll-label{display:block;margin-top:9px;color:#31536a;font-size:.76rem;font-weight:900}
.payroll-label select{width:100%;margin-top:5px;padding:10px;border:1px solid #c7dcdf;border-radius:9px;background:#fff;color:#082d45}
.payroll-action{margin-top:16px}
.integration-note{display:block;margin-top:10px;color:#6b818d;font-size:.7rem;line-height:1.4}
@media(max-width:780px){.payroll-band-grid{grid-template-columns:1fr}.payroll-band{padding:52px 18px}.payroll-logos{grid-template-columns:1fr 1fr}}