.work-hero,.payroll-hero{min-height:260px;padding:clamp(28px,5vw,62px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:8px;position:relative;overflow:hidden}
.work-hero{background:#e1f1e9}.payroll-hero{background:#ffd9d5}
.work-hero:after,.payroll-hero:after{content:"↗";position:absolute;right:24%;top:-80px;font-size:320px;font-weight:900;color:#fff;opacity:.35}
.work-hero h2,.payroll-hero h2{font-size:clamp(38px,5vw,70px);line-height:.92;margin:14px 0 18px;position:relative;z-index:1}
.work-hero p,.payroll-hero p{max-width:520px;font-weight:700;position:relative;z-index:1}
.hours-cluster,.document-cluster{min-width:180px;aspect-ratio:1;border:6px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;position:relative;z-index:1}
.hours-cluster strong,.document-cluster strong{font-size:58px;line-height:1}.hours-cluster span,.document-cluster span{font-size:11px;font-weight:900;letter-spacing:1.4px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.timeline{display:grid;gap:10px}
.timeline-item{display:grid;grid-template-columns:minmax(110px,.5fr) 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.timeline-item time{font-weight:900;text-transform:capitalize}.timeline-item span{color:var(--muted);font-size:12px}
@media(max-width:780px){.work-hero,.payroll-hero{min-height:310px;align-items:flex-start}.hours-cluster,.document-cluster{position:absolute;right:20px;bottom:20px;min-width:125px}.hours-cluster strong,.document-cluster strong{font-size:40px}.work-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}}