/* HUMAN RESOURCES: original HR identity and supplied software screenshots. */
.hr-product-page{--pos-accent:#00783b;--pos-soft:#edf6ef;--pos-line:#c8decf}
.hr-product-screen{margin:0;width:100%;max-width:600px;min-width:0;justify-self:center;border:1px solid #c8decf;border-radius:20px;padding:27px 24px 22px;background:#edf4ef}
.hr-screen-label{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6;color:#35654c;margin-bottom:23px}
.hr-screen-label span:first-child{font-weight:800;letter-spacing:.06em}
.hr-product-screen>a,.hr-payroll-screen>a{display:block}
.hr-product-screen img,.hr-payroll-screen img{display:block;width:100%;height:auto}
.hr-product-screen img{border-radius:5px;box-shadow:0 12px 28px #23453015}
.hr-product-screen figcaption,.hr-payroll-screen figcaption{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:11px;line-height:1.6;color:#3c634e;margin-top:20px}
.hr-product-screen figcaption a,.hr-payroll-screen figcaption a{display:flex;align-items:center;gap:8px;font-weight:700}
.hr-product-screen figcaption .icon,.hr-payroll-screen figcaption .icon{width:16px;height:16px}
.hr-payroll{background:#edf4ef}
.hr-payroll-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;align-items:center}
.hr-payroll-screen{margin:0;min-width:0}
.hr-payroll-screen>a{border:5px solid #315944;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px #25402e12}
.hr-payroll-steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}
.hr-payroll-steps li{display:flex;gap:19px;padding-top:22px;border-top:1px solid #c3d8c9}
.hr-payroll-steps li>span{font-size:11px;line-height:1.8;font-weight:800;color:#00783b;padding-top:3px}
.hr-payroll-steps h3{font-size:23px;line-height:1.25;margin:0 0 12px}
.hr-payroll-steps p{font-size:14px;line-height:1.85;color:#496152;margin:0}
.hr-payroll-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid #c3d8c9;margin-top:45px;padding-top:30px}
.hr-payroll-tools h3{font-size:20px;line-height:1.2;margin:0 0 12px}
.hr-payroll-tools p{font-size:13px;line-height:1.8;margin:0;color:#496152}
.hr-product-page .pos-product-requirements .button{margin-top:15px;font-size:12px}
.hr-product-page .pos-brochure-section{background:#183f2a}
.hr-product-page .pos-brochure-section .eyebrow{color:#b6ddc4}
.hr-product-page .pos-brochure-section p,.hr-product-page .pos-brochure-section small,.hr-product-page .pos-brochure-meta{color:#d7e9dd}
.hr-product-page .pos-brochure-section .white{color:#006c35}
.hr-product-page a:focus-visible,.hr-product-page button:focus-visible{outline:3px solid #00783b;outline-offset:4px}
.hr-product-page .pos-brochure-section button:focus-visible{outline-color:#fff}
@media(max-width:1050px){.hr-product-screen{padding:22px 18px}.hr-screen-label{font-size:9px}.hr-payroll-layout{grid-template-columns:1.3fr 1fr;gap:30px}.hr-payroll-steps h3{font-size:21px}.hr-payroll-steps p{font-size:13px}.hr-payroll-tools{gap:24px}}
@media(max-width:850px){.hr-payroll-layout{grid-template-columns:1fr}.hr-payroll-screen{max-width:650px;margin-inline:auto}.hr-payroll-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hr-payroll-steps li{gap:12px}.hr-payroll-steps h3{font-size:20px}.hr-payroll-tools{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hr-product-screen{max-width:540px;padding:22px 15px 20px}.hr-screen-label{font-size:9px;gap:12px}.hr-product-screen figcaption,.hr-payroll-screen figcaption{font-size:10px;gap:12px}.hr-payroll-steps{grid-template-columns:1fr;gap:24px}.hr-payroll-steps li{gap:18px}.hr-payroll-steps h3{font-size:24px}.hr-payroll-steps p{font-size:14px}.hr-payroll-screen>a{border-width:3px}.hr-payroll-tools{margin-top:32px;padding-top:25px;gap:26px}.hr-product-page .pos-feature-grid{grid-template-columns:1fr}.hr-product-page .pos-feature-grid h3{font-size:23px}.hr-product-page .pos-feature-grid p{font-size:14px}.hr-product-page .pos-product-footer h2{font-size:clamp(26px,5.8vw,32px)}}
@media(max-width:400px){.hr-payroll-tools{grid-template-columns:1fr}.hr-screen-label{flex-wrap:wrap;gap:5px}.hr-product-screen figcaption{align-items:flex-start}}