/* Approved photo hero. Deliberately isolated from all other pages and sections. */
html.payroll-eor-template #ppx-top.pph-hero{margin-top:24px;padding:0;background:#FFFFFF;color:#032058;border:0;border-radius:0;overflow:visible}
html.payroll-eor-template #ppx-top.pph-hero .ppx-breadcrumb{margin:0 0 24px;font-size:12px;color:#032058}
html.payroll-eor-template #ppx-top.pph-hero .pph-intro{max-width:1240px;margin:0 auto;text-align:center;padding:6px 12px 30px}
html.payroll-eor-template #ppx-top.pph-hero .pph-eyebrow{font-size:13px;font-weight:500;line-height:1.7;letter-spacing:.2em;color:#032058;margin:0 0 17px}
html.payroll-eor-template #ppx-main #ppx-top.pph-hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.15;letter-spacing:-1.8px;font-weight:700;margin:0 0 20px;text-wrap:balance;color:#032058}
html.payroll-eor-template #ppx-top.pph-hero h1 span{display:block}
html.payroll-eor-template #ppx-top.pph-hero h1 span+span{color:#35AECB;margin-top:3px}
html.payroll-eor-template #ppx-top.pph-hero .pph-description{max-width:1050px;margin:0 auto 24px;font-size:17px;line-height:1.7;font-weight:400;color:#032058;text-wrap:pretty}
html.payroll-eor-template #ppx-top.pph-hero .pph-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 34px}
html.payroll-eor-template #ppx-top.pph-hero .pph-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 24px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;border-radius:999px}
html.payroll-eor-template #ppx-top.pph-hero .pph-primary{background:#032058;color:#FFFFFF;border:1px solid #032058}
html.payroll-eor-template #ppx-top.pph-hero .pph-primary:hover{background:#EBF7FA;color:#032058}
html.payroll-eor-template #ppx-top.pph-hero .pph-secondary{background:transparent;color:#032058;border:1px solid transparent}
html.payroll-eor-template #ppx-top.pph-hero .pph-secondary:hover{background:#EBF7FA;border-color:#35AECB}
html.payroll-eor-template #ppx-top.pph-hero a:focus-visible{outline:3px solid #032058;outline-offset:4px}
html.payroll-eor-template #ppx-top.pph-hero .pph-panorama{border-radius:24px;overflow:hidden;background:#032058}
html.payroll-eor-template #ppx-top.pph-hero .pph-photo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center;border-radius:24px 24px 0 0!important}
html.payroll-eor-template #ppx-top.pph-hero .pph-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;list-style:none;padding:21px 8%;gap:32px;margin:0;color:#FFFFFF;background:#032058}
html.payroll-eor-template #ppx-top.pph-hero .pph-flow li{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:0;min-width:0;font-size:16px;font-weight:400;line-height:1.5;color:#FFFFFF}
html.payroll-eor-template #ppx-top.pph-hero .pph-flow svg{flex:0 0 30px;width:30px;height:30px;fill:none;stroke:#FFFFFF;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.payroll-eor-template #ppx-top.pph-hero .pph-arrow{position:absolute;right:-26px;font-size:25px;line-height:1;color:#FFFFFF}
html.payroll-eor-template #ppx-top.pph-hero.pph-entering .pph-flow li{animation:pph-workflow-intro 1.2s ease both}
html.payroll-eor-template #ppx-top.pph-hero.pph-entering .pph-flow li:nth-child(2){animation-delay:.9s}
html.payroll-eor-template #ppx-top.pph-hero.pph-entering .pph-flow li:nth-child(3){animation-delay:1.8s}
@keyframes pph-workflow-intro{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){html.payroll-eor-template #ppx-top.pph-hero .pph-description{max-width:840px;font-size:16px}html.payroll-eor-template #ppx-top.pph-hero .pph-flow{padding:22px 5%;gap:24px}html.payroll-eor-template #ppx-top.pph-hero .pph-flow li{font-size:14px;gap:12px}html.payroll-eor-template #ppx-top.pph-hero .pph-arrow{right:-21px}}
@media(max-width:640px){html.payroll-eor-template #ppx-top.pph-hero .pph-panorama{border-radius:16px}html.payroll-eor-template #ppx-top.pph-hero .pph-photo{aspect-ratio:2/1;object-position:38% center;border-radius:16px 16px 0 0!important}}
@media(max-width:600px){html.payroll-eor-template #ppx-top.pph-hero{margin-top:16px}html.payroll-eor-template #ppx-top.pph-hero .ppx-breadcrumb{font-size:10px;gap:8px;margin-bottom:24px}html.payroll-eor-template #ppx-top.pph-hero .pph-intro{padding:0 6px 24px}html.payroll-eor-template #ppx-top.pph-hero .pph-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px}html.payroll-eor-template #ppx-main #ppx-top.pph-hero h1{font-size:clamp(28px,6.8vw,40px);letter-spacing:-.9px;line-height:1.18;margin-bottom:18px}html.payroll-eor-template #ppx-top.pph-hero h1 span+span{margin-top:7px}html.payroll-eor-template #ppx-top.pph-hero .pph-description{font-size:14px;line-height:1.75;margin-bottom:20px}html.payroll-eor-template #ppx-top.pph-hero .pph-actions{gap:8px}html.payroll-eor-template #ppx-top.pph-hero .pph-actions a{font-size:13px;padding:12px 20px;min-height:46px}html.payroll-eor-template #ppx-top.pph-hero .pph-flow{grid-template-columns:1fr;padding:20px 24px;gap:20px}html.payroll-eor-template #ppx-top.pph-hero .pph-flow li{justify-content:flex-start;max-width:230px;width:100%;margin:0 auto;font-size:14px;gap:18px}html.payroll-eor-template #ppx-top.pph-hero .pph-flow svg{flex-basis:26px;width:26px;height:26px}html.payroll-eor-template #ppx-top.pph-hero .pph-arrow{right:0;transform:rotate(90deg);font-size:19px}}
@media(prefers-reduced-motion:reduce){html.payroll-eor-template #ppx-top.pph-hero.pph-entering .pph-flow li{animation:none;opacity:1;transform:none}}