.hr-page{--ink:#163a39;--muted:#637676;color:var(--ink);background:#fff;min-width:0}.hr-wrap{width:min(1240px,100% - 64px);margin:auto}.hr-hero{padding:145px 0 90px;background:radial-gradient(ellipse at 95% 10%,#eee5f7,transparent 50%),#f7f3fb;overflow:hidden}.hr-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#71827d;margin-bottom:50px}.hr-breadcrumb a{color:#294f46}.hr-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.hr-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#57705b;display:block}.hr-page h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-.055em;line-height:1.03;font-weight:800;margin:24px 0}.hr-page h1 em{font-style:normal;color:#578454}.hr-lead{font-size:20px;font-weight:600;margin-bottom:12px}.hr-copy{font-size:14px;line-height:1.95;color:var(--muted);max-width:560px}.hr-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hr-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#214a40;color:#fff;border:1px solid #214a40;border-radius:8px;padding:16px 22px;font-size:12px;font-weight:700;cursor:pointer;min-height:50px;transition:transform .2s,background .2s}.hr-button:hover{background:#123b32;transform:translateY(-2px)}.hr-button svg{width:18px;height:18px}.hr-actions>a,.hr-text-link{font-size:12px;color:#36584e;font-weight:600}.hr-notes{font-size:10px;color:#5c7568;margin-top:25px}.hr-notes span{margin-inline:12px}.hr-visual{position:relative;border:1px solid #d6dfd6;border-radius:15px;background:#fff;box-shadow:0 30px 70px -20px #214a402b;transform:rotate(1deg)}.hr-window{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #edf0ea}.hr-window strong{display:flex;align-items:center;gap:8px;font-size:12px}.hr-window svg{width:17px;height:17px}.hr-window>span{font-size:7px;letter-spacing:.12em;color:#8b9994}.hr-dashboard{padding:27px}.hr-dashboard-heading{display:flex;align-items:center;justify-content:space-between}.hr-small{font-size:8px;letter-spacing:.13em;color:#7b8c83;font-weight:600}.hr-dashboard-heading h2{font-size:21px!important;margin:7px 0 0!important;letter-spacing:-.04em}.hr-avatar{display:grid;place-items:center;width:38px;height:38px;background:#eee5f7;border:3px solid #fff;outline:1px solid #e4e9df;border-radius:50%;font-size:11px;font-weight:700}.hr-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.hr-module-grid>div{display:flex;flex-direction:column;gap:8px;padding:17px 12px;border:1px solid #e9eee4;background:#faf7fd;border-radius:9px}.hr-module-grid svg{width:21px;height:21px;color:#6c8e53;margin-bottom:4px}.hr-module-grid strong{font-size:12px}.hr-module-grid span{font-size:8px;color:#819080}.hr-workflow{margin-top:20px;border:1px solid #e4eae0;border-radius:9px;padding:18px}.hr-workflow>strong{font-size:11px}.hr-workflow>span{float:right;font-size:8px;color:#85938a}.hr-flow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:20px}.hr-flow>span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:9px;color:#607469}.hr-flow svg{width:23px;height:23px;color:#4d7960}.hr-flow b{font-weight:400;color:#b2c0b3}.hr-activity{padding:19px;border-radius:9px;margin-top:15px;background:#f1eafa}.hr-activity>strong{display:flex;align-items:center;gap:8px;font-size:11px}.hr-dot{width:7px;height:7px;border-radius:50%;background:#6d9e5c}.hr-activity p{font-size:10px;color:#71816c;margin-top:7px}.hr-team{display:flex;align-items:center;margin-top:15px;padding-left:3px}.hr-team>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;margin-left:-3px;border:2px solid #f1eafa;background:#e3d5f1;font-size:8px;color:#51724b}.hr-team>span:nth-child(2){background:#e8dbcd;color:#8a7158}.hr-team>span:nth-child(3){background:#d4e2e8;color:#587280}.hr-team small{font-size:9px;margin-left:9px;color:#71816c}.hr-floating{position:absolute;bottom:-25px;right:-20px;display:flex;align-items:center;gap:13px;background:#214a40;color:#fff;border:5px solid #f7f3fb;border-radius:13px;padding:16px 22px;box-shadow:0 12px 24px #214a401a}.hr-floating>svg{color:#e6d5f7;width:25px;height:25px}.hr-floating strong,.hr-floating span{display:block}.hr-floating strong{font-size:11px}.hr-floating span{font-size:9px;color:#bad0bc;margin-top:4px}.hr-strip{border-bottom:1px solid #e7ebe3;padding:26px 0}.hr-strip>.hr-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.hr-strip span{font-size:8px;letter-spacing:.12em;color:#859384}.hr-strip strong{font-size:12px;font-weight:600;color:#5b7065}.hr-section{padding:88px 0;scroll-margin-top:100px}.hr-page h2{font-size:clamp(28px,3.2vw,42px);font-weight:750;line-height:1.18;letter-spacing:-.045em;margin:17px 0 22px}.hr-heading{display:flex;align-items:center;justify-content:space-between;gap:60px}.hr-heading>.hr-copy{max-width:375px}.hr-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.hr-card{border:1px solid #e2e8de;border-radius:12px;padding:28px;transition:border-color .2s,box-shadow .2s}.hr-card:hover{border-color:#afc3a4;box-shadow:0 12px 28px -15px #214a4026}.hr-icon{display:grid;place-items:center;width:44px;height:44px;background:#f1eafa;border-radius:10px;margin-bottom:24px;color:#5e8551}.hr-icon svg{width:21px;height:21px}.hr-page h3{font-size:15px;font-weight:700;line-height:1.5;letter-spacing:-.015em}.hr-card p,.hr-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}.hr-soft{background:#f8f5fc;border-block:1px solid #e9eee3}.hr-benefits-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.hr-text-link{display:inline-block;margin-top:25px}.hr-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;list-style:none;padding:0}.hr-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:#4f695b}.hr-benefits svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:#83a56c}.hr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.hr-steps article{border-top:1px solid #dbe5d6;padding-top:20px}.hr-steps article>span{font-size:11px;color:#7c9769;font-weight:700}.hr-steps h3{margin-top:20px}.hr-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.hr-faq details{border-bottom:1px solid #dce5d6;padding:19px 0}.hr-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;line-height:1.7}.hr-faq summary::-webkit-details-marker{display:none}.hr-faq summary>span{font-size:20px;color:#7d9672;transition:transform .2s}.hr-faq details[open] summary>span{transform:rotate(45deg)}.hr-faq p{font-size:12px;line-height:1.9;color:var(--muted);margin:13px 25px 3px 0}.hr-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#214a40;border-radius:16px;padding:52px 58px;color:#fff}.hr-cta .hr-eyebrow{color:#b9d89b}.hr-cta p{font-size:13px;line-height:1.9;color:#c1d2c7}.hr-cta .hr-button{background:#e7d8f7;border-color:#e7d8f7;color:#264335;white-space:nowrap}.hr-cta .hr-button:hover{background:#f0e4fd}.hr-page :is(a,button,summary):focus-visible{outline:3px solid #7d984f;outline-offset:5px}.hr-page :is(h1,h2,h3,p){overflow-wrap:break-word}
@media(max-width:1050px){.hr-hero-grid{gap:35px}.hr-hero h1{font-size:54px}.hr-benefits-layout{gap:45px}.hr-faq-layout{gap:40px}.hr-features{gap:14px}.hr-card{padding:23px}.hr-floating{right:0}.hr-heading{gap:30px}.hr-dashboard{padding:20px}.hr-window{padding:16px}.hr-dashboard-heading h2{font-size:18px!important}}
@media(max-width:767px){.hr-wrap{width:calc(100% - 36px)}.hr-hero{padding:115px 0 65px}.hr-breadcrumb{margin-bottom:32px;font-size:10px}.hr-hero-grid,.hr-benefits-layout,.hr-faq-layout{grid-template-columns:1fr;gap:38px}.hr-hero h1{font-size:49px}.hr-lead{font-size:18px}.hr-visual{transform:none;margin-bottom:15px}.hr-section{padding:56px 0}.hr-heading{display:block}.hr-heading>.hr-copy{max-width:none}.hr-features{grid-template-columns:1fr 1fr}.hr-steps{grid-template-columns:1fr 1fr;gap:25px}.hr-cta{padding:32px 26px;flex-direction:column;align-items:flex-start;gap:25px}.hr-strip>.hr-wrap{justify-content:center}.hr-strip span{width:100%;text-align:center}.hr-strip strong{font-size:10px}.hr-faq-layout{gap:10px}.hr-actions{gap:18px}.hr-floating{padding:13px 17px}}
@media(max-width:420px){.hr-hero h1{font-size:43px}.hr-features,.hr-benefits{grid-template-columns:1fr}.hr-actions{align-items:stretch;flex-direction:column}.hr-actions>a{text-align:center;padding:10px}.hr-module-grid{gap:6px}.hr-module-grid>div{padding:13px 8px}.hr-module-grid span{font-size:7px}.hr-window{gap:7px}.hr-window strong{font-size:10px}.hr-window>span{font-size:6px}.hr-dashboard-heading h2{font-size:17px!important}.hr-workflow>span{font-size:7px}.hr-cta>.hr-button{width:100%}.hr-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hr-page *{transition:none!important;scroll-behavior:auto}.hr-button:hover{transform:none}}
/* Interactive HR journey and restrained motion. */
.hr-page{position:relative}.hr-section-links{position:absolute;right:32px;top:106px;display:flex;gap:22px;z-index:2;font-size:10px;color:#567361}.hr-hero{position:relative}.hr-hero:before{content:'';position:absolute;pointer-events:none;right:0;top:5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#e2d1f47a,transparent 70%);animation:hr-glow 9s ease-in-out infinite alternate}.hr-hero-grid,.hr-breadcrumb{position:relative}.hr-visual{animation:hr-arrive .8s ease-out both}.hr-floating{animation:hr-float 6s ease-in-out infinite}.hr-module-grid>div{transition:transform .25s,box-shadow .25s}.hr-module-grid>div:hover{transform:translateY(-4px);box-shadow:0 8px 18px #214a4012}.hr-dot{animation:hr-pulse 3s ease-in-out infinite}.hr-card{position:relative;overflow:hidden}.hr-card:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#6c9459,#e6d5f7);transform:scaleX(0);transform-origin:left;transition:transform .3s}.hr-card:hover:after{transform:scaleX(1)}.hr-card:hover .hr-icon{transform:rotate(-5deg);background:#eadcf7}.hr-icon{transition:transform .3s,background .3s}.hr-workflow-section{background:radial-gradient(ellipse at 100% 80%,#f4edfc,transparent 60%),#fff}.hr-journey{margin-top:35px;border:1px solid #dce5d7;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px -30px #254a4038}.hr-journey-nav{display:grid;grid-template-columns:repeat(5,1fr);background:#f6f1fb;padding:10px;gap:7px;border-bottom:1px solid #e1e8db}.hr-journey-nav button{display:flex;align-items:center;gap:9px;padding:15px 11px;text-align:left;color:#657b68;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.hr-stage-number{font-size:9px;color:#91a184}.hr-journey-nav button>svg{width:16px;height:16px;flex-shrink:0;margin-left:auto}.hr-journey-nav button[aria-selected=true]{background:#214a40;color:#fff;border-color:#214a40;box-shadow:0 5px 13px #214a401a}.hr-journey-nav button[aria-selected=true] .hr-stage-number{color:#ead9fa}.hr-journey-nav button:hover:not([aria-selected=true]){background:#ede2f8}.hr-journey-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;padding:45px;background:#fff;animation:hr-panel-in .35s ease-out}.hr-journey-panel[hidden]{display:none}.hr-journey-copy h3{font-size:28px;line-height:1.3;letter-spacing:-.04em;margin:15px 0}.hr-journey-copy>p{font-size:13px;line-height:1.95;color:#637676}.hr-journey-copy ul{display:grid;gap:13px;list-style:none;padding:0;margin-top:25px}.hr-journey-copy li{display:flex;gap:10px;align-items:center;font-size:12px;color:#476557}.hr-journey-copy li svg{width:15px;height:15px;color:#7c9f61;flex-shrink:0}.hr-outcome{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 100% 0,#e9dcf8,transparent 60%),#f3edfa;border:1px solid #e1e8d6;padding:30px;border-radius:12px}.hr-outcome-icon{display:grid;place-items:center;width:55px;height:55px;background:#214a40;color:#e9d8fa;border-radius:13px;margin-bottom:25px}.hr-outcome-icon svg{width:25px;height:25px}.hr-outcome h4{font-size:23px;font-weight:650;line-height:1.4;letter-spacing:-.03em;margin-top:12px}.hr-mini-flow{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:9px;color:#71856c}.hr-mini-flow span{background:#fff;padding:7px 10px;border-radius:5px;border:1px solid #e2e9d9}.hr-mini-flow svg{width:13px;height:13px}.hr-workflow-footnote{font-size:10px;line-height:1.8;color:#879281;text-align:center;margin-top:20px}.hr-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--hr-delay,0ms),transform .65s var(--hr-delay,0ms)}.hr-reveal.hr-revealed{opacity:1;transform:translateY(0)}
@keyframes hr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hr-pulse{0%,100%{box-shadow:0 0 0 0 #739c5d30}50%{box-shadow:0 0 0 5px #739c5d00}}@keyframes hr-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1}}@keyframes hr-panel-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hr-glow{from{transform:translate(0,0)}to{transform:translate(-45px,25px)}}
@media(max-width:1050px){.hr-journey-nav button{flex-wrap:wrap;font-size:10px}.hr-journey-nav button>svg{display:none}.hr-journey-panel{gap:25px;padding:30px}.hr-section-links{display:none}}
@media(max-width:767px){.hr-journey-nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding:9px}.hr-journey-nav button{flex:0 0 150px;flex-wrap:nowrap;padding:13px 10px}.hr-journey-panel{grid-template-columns:1fr;padding:25px;gap:25px}.hr-journey-copy h3{font-size:25px}.hr-outcome{padding:25px}.hr-outcome h4{font-size:21px}.hr-journey{border-radius:12px}.hr-outcome-icon{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hr-page *,.hr-page *:before,.hr-page *:after{animation:none!important;transition:none!important}.hr-reveal{opacity:1;transform:none}}
/* Aligned hero workspace with a four-stage payroll preview. */
.hr-visual{transform:none;animation:hr-panel-in .6s ease-out both;isolation:isolate}.hr-window{background:#fcfdfb;border-radius:15px 15px 0 0}.hr-dashboard{padding:26px}.hr-module-grid>div{position:relative;min-width:0}.hr-module-grid>div:first-child{border-top:3px solid #95b581}.hr-module-grid>div:nth-child(2){border-top:3px solid #c3b188}.hr-module-grid>div:nth-child(3){border-top:3px solid #8eafa9}.hr-workflow{padding:19px 15px;background:linear-gradient(180deg,#fff,#fcfdfb);overflow:hidden}.hr-preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hr-preview-heading strong{font-size:11px}.hr-preview-heading p{font-size:8px;line-height:1.7;color:#7f9083;margin-top:5px;max-width:240px}.hr-animation-toggle{font-size:8px;color:#4b6b58;border:1px solid #dce7d6;background:#f7f2fc;padding:5px 8px;border-radius:5px;cursor:pointer;flex-shrink:0}.hr-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:23px 0 0}.hr-flow>li{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0;padding:8px 1px;border-radius:8px;animation:hr-stage-cycle 12s linear infinite;animation-delay:calc(var(--step) * 3s)}.hr-flow>li:not(:last-child):after{content:'';position:absolute;height:1px;background:#c8d7be;width:calc(100% - 37px);left:calc(50% + 23px);top:27px;z-index:-1}.hr-flow>li:not(:last-child):before{content:'';position:absolute;right:-6px;top:24px;width:5px;height:5px;border-top:1px solid #a8bba0;border-right:1px solid #a8bba0;transform:rotate(45deg)}.hr-flow-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e1e9da;border-radius:11px;background:#f3ecfb;color:#658455;margin-bottom:10px;animation:hr-icon-cycle 12s linear infinite;animation-delay:calc(var(--step) * 3s)}.hr-flow-icon svg{width:18px;height:18px}.hr-flow>li>strong{font-size:9px;line-height:1.5;font-weight:650}.hr-flow>li>small{font-size:6.5px;line-height:1.7;color:#8a9789;margin-top:3px}.hr-flow-index{font-size:7px;color:#a6b69c;margin-top:9px;font-weight:600}.hr-flow-caption{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #edf1e9;margin-top:16px;padding-top:12px;font-size:8px;color:#84937e}.hr-flow-caption>span{width:5px;height:5px;background:#7e9d62;border-radius:50%}.hr-flow-paused *{animation-play-state:paused!important}.hr-floating{right:18px;bottom:-21px;padding:13px 17px;border-width:4px}.hr-floating>svg{display:block!important}.hr-floating strong{font-size:10px}.hr-floating span{font-size:8px}
@keyframes hr-stage-cycle{0%,24%{background:#f0e7fa}25%,100%{background:transparent}}@keyframes hr-icon-cycle{0%,24%{background:#285345;border-color:#285345;color:#ecddfa;box-shadow:0 0 0 3px #e7d6f480}25%,100%{background:#f3ecfb;border-color:#e1e9da;color:#658455;box-shadow:none}}
@media(max-width:767px){.hr-dashboard{padding:22px}.hr-preview-heading p{max-width:200px}.hr-floating{right:10px}.hr-flow>li>small{font-size:7px}}
@media(max-width:420px){.hr-dashboard{padding:16px}.hr-workflow{padding:15px 9px}.hr-flow{gap:4px}.hr-flow>li>strong{font-size:8px}.hr-flow>li>small{font-size:6px}.hr-flow-icon{width:32px;height:32px}.hr-flow>li:not(:last-child):after{top:24px;left:calc(50% + 19px);width:calc(100% - 30px)}.hr-flow>li:not(:last-child):before{top:21px;right:-4px}.hr-preview-heading p{font-size:7px;max-width:160px}.hr-flow-caption{font-size:7px}.hr-floating{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.hr-flow>li,.hr-flow-icon,.hr-visual{animation:none!important}.hr-animation-toggle{display:none}.hr-visual{transform:none}}
/* Compact square workspace for the hero. */
.hr-visual{aspect-ratio:1/1;width:100%;display:flex;flex-direction:column;border-radius:12px}.hr-window{padding:14px 20px;flex-shrink:0}.hr-dashboard{padding:20px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0;gap:12px}.hr-dashboard-heading h2{font-size:19px!important}.hr-module-grid{margin-top:0;gap:9px}.hr-module-grid>div{padding:12px 10px;gap:5px}.hr-module-grid svg{width:18px;height:18px;margin-bottom:2px}.hr-workflow{margin-top:0;padding:14px 12px}.hr-flow{margin-top:12px}.hr-flow>li{padding:6px 0}.hr-flow-icon{width:32px;height:32px;margin-bottom:6px}.hr-flow>li:not(:last-child):after{top:22px;left:calc(50% + 19px);width:calc(100% - 30px)}.hr-flow>li:not(:last-child):before{top:19px}.hr-flow-index{margin-top:5px}.hr-flow-caption{margin-top:8px;padding-top:8px}.hr-activity{margin-top:0;padding:13px 15px}.hr-team{margin-top:9px}.hr-floating{bottom:-16px;right:14px;padding:9px 13px}.hr-floating>svg{width:20px;height:20px}.hr-hero-grid{align-items:center}
@media(min-width:768px) and (max-width:1100px){.hr-dashboard{padding:14px;gap:8px}.hr-window{padding:12px 14px}.hr-dashboard-heading h2{font-size:16px!important}.hr-module-grid>div{padding:8px;gap:3px}.hr-module-grid span{font-size:7px}.hr-workflow{padding:9px}.hr-preview-heading p{font-size:7px}.hr-activity{padding:10px}.hr-flow-caption{display:none}.hr-team{margin-top:6px}.hr-flow-icon{width:27px;height:27px}.hr-flow>li>small{font-size:6px}.hr-flow-index{display:none}}
@media(max-width:767px){.hr-visual{max-width:560px;margin-inline:auto}.hr-dashboard{padding:20px;gap:12px}}
@media(max-width:420px){.hr-visual{aspect-ratio:auto;min-height:400px}.hr-dashboard{padding:14px;gap:12px}.hr-dashboard-heading h2{font-size:15px!important}.hr-window{padding:12px 14px}.hr-module-grid>div{padding:9px 7px}.hr-workflow{padding:10px 8px}.hr-activity{padding:11px}.hr-floating{bottom:-20px}.hr-flow-caption{font-size:6px}.hr-team small{font-size:8px}}
/* Charcoal, ice blue and teal palette. */
.hr-page{--ink:#24323d;--muted:#647884;color:var(--ink)}.hr-hero{background:radial-gradient(ellipse at 95% 10%,#d9edf4,transparent 55%),#f2f8fb}.hr-hero:before{background:radial-gradient(circle,#bce3ee70,transparent 70%)}.hr-page h1 em{color:#16868e}.hr-eyebrow{color:#28838a}.hr-breadcrumb{color:#858080}.hr-breadcrumb a,.hr-actions>a,.hr-text-link{color:#346773}.hr-button{background:#263b47;border-color:#263b47;color:#fff}.hr-button:hover{background:#172e38}.hr-notes{color:#7f7c78}.hr-visual{border-color:#d5e4ea;box-shadow:0 30px 70px -20px #263b5426}.hr-window{background:#f8fcfd;border-color:#e1edf1}.hr-window>span,.hr-small{color:#7f969e}.hr-avatar{background:#d9eff2;outline-color:#d1e6ea;color:#3d7b83}.hr-module-grid>div{background:#f5fafc;border-color:#deebf0}.hr-module-grid>div:first-child{border-top-color:#78b7c2}.hr-module-grid>div:nth-child(2){border-top-color:#8ca6bd}.hr-module-grid>div:nth-child(3){border-top-color:#8dbdb2}.hr-module-grid svg{color:#39818d}.hr-module-grid span{color:#7b949e}.hr-workflow{background:linear-gradient(180deg,#fff,#f7fcfd);border-color:#dcebf0}.hr-preview-heading p{color:#7b919b}.hr-animation-toggle{background:#eaf6f8;border-color:#d1e9ed;color:#397d87}.hr-flow-icon{background:#e5f3f6;border-color:#cfe6eb;color:#397f89}.hr-flow>li>small,.hr-flow-index{color:#7897a2}.hr-flow>li:not(:last-child):after{background:#bfdde4}.hr-flow>li:not(:last-child):before{border-color:#91bbc5}.hr-flow-caption{border-color:#deedf1;color:#71929e}.hr-flow-caption>span,.hr-dot{background:#4797a0}.hr-activity{background:#e8f4f6}.hr-activity p,.hr-team small{color:#678e99}.hr-team>span{background:#cce7ec;border-color:#e8f4f6;color:#467c88}.hr-team>span:nth-child(2){background:#dde5ee;color:#637d9a}.hr-floating{background:#263b47;border-color:#f2f8fb}.hr-floating>svg{color:#9edce1}.hr-floating span{color:#c0cfdf}.hr-strip{border-color:#eee8df}.hr-strip span{color:#948779}.hr-strip strong{color:#6e7681}.hr-card{border-color:#e9e2d9}.hr-card:hover{border-color:#c9ae91;box-shadow:0 12px 28px -15px #29405e26}.hr-icon{background:#e4f3f6;color:#378493}.hr-card:hover .hr-icon{background:#d3edf1}.hr-card:after{background:linear-gradient(90deg,#4095a0,#b9e3e9)}.hr-soft{background:#f0f7f9;border-color:#dfeef2}.hr-benefits li{color:#626b78}.hr-benefits svg{color:#4b96a2}.hr-steps article{border-color:#cde3ea}.hr-steps article>span{color:#4b8e9e}.hr-faq details{border-color:#d2e5eb}.hr-faq summary>span{color:#5996a3}.hr-cta{background:#263b47}.hr-cta .hr-eyebrow{color:#a5dce1}.hr-cta p{color:#bdcbdc}.hr-cta .hr-button{background:#a7dee5;border-color:#a7dee5;color:#234e5c}.hr-cta .hr-button:hover{background:#c3edf2}.hr-section-links{color:#796e62}.hr-workflow-section{background:radial-gradient(ellipse at 100% 80%,#e8f5f8,transparent 60%),#fff}.hr-journey{border-color:#d0e6ed}.hr-journey-nav{background:#edf7fa;border-color:#d7e9ef}.hr-journey-nav button{color:#668b98}.hr-stage-number{color:#82a9b4}.hr-journey-nav button[aria-selected=true]{background:#263b47;border-color:#263b47}.hr-journey-nav button[aria-selected=true] .hr-stage-number{color:#a7dfe7}.hr-journey-nav button:hover:not([aria-selected=true]){background:#dbeff3}.hr-journey-copy li{color:#657082}.hr-journey-copy li svg{color:#4b95a2}.hr-outcome{background:radial-gradient(circle at 100% 0,#ccebf0,transparent 60%),#edf8fa;border-color:#d2e9ef}.hr-outcome-icon{background:#263b47;color:#b0e6eb}.hr-mini-flow{color:#6999a7}.hr-mini-flow span{border-color:#d7eaf0}.hr-workflow-footnote{color:#998977}.hr-page :is(a,button,summary):focus-visible{outline-color:#3d95a4}
@keyframes hr-stage-cycle{0%,24%{background:#e4f3f7}25%,100%{background:transparent}}@keyframes hr-icon-cycle{0%,24%{background:#263b47;border-color:#263b47;color:#aae0e8;box-shadow:0 0 0 3px #c3e6ed80}25%,100%{background:#e5f3f6;border-color:#cfe6eb;color:#397f89;box-shadow:none}}

/* Purple HRMS theme */
.hr-page{--ink:#2c1948;--muted:#746885;background:#fff}
.hr-hero{background:radial-gradient(ellipse at 90% 15%,#d6b9ff99,transparent 52%),radial-gradient(ellipse at 5% 95%,#f4d5f880,transparent 48%),linear-gradient(125deg,#faf7ff,#f0e7ff 65%,#eee5ff);position:relative}
.hr-hero:before{background:radial-gradient(circle,#c9a3fa60,transparent 70%)}
.hr-page h1 em{color:#8043d6;background:linear-gradient(100deg,#7133cf,#ae48c9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hr-eyebrow{color:#8951bd}.hr-breadcrumb,.hr-notes{color:#80708f}.hr-breadcrumb a,.hr-actions>a,.hr-text-link{color:#7540ae}
.hr-button{background:linear-gradient(110deg,#7234ce,#a246ce);border-color:transparent;box-shadow:0 8px 22px #823ccc26;border-radius:12px}.hr-button:hover{background:linear-gradient(110deg,#6225ba,#8e32bc);box-shadow:0 12px 28px #823ccc38}
.hr-visual{border-color:#e4d4f7;box-shadow:0 30px 75px -20px #6b359d40}.hr-window{background:#fcfaff;border-color:#ede3f7}.hr-window>span,.hr-small{color:#8b729e}.hr-avatar{background:#eee0ff;color:#8546b7;outline-color:#e6d6f6}
.hr-module-grid>div{background:linear-gradient(145deg,#fff,#f4ecff);border-color:#e8dcf6}.hr-module-grid>div:nth-child(n){border-top-color:#ac7ee0}.hr-module-grid>div:nth-child(2){border-top-color:#c18bce}.hr-module-grid svg{color:#9554cb}.hr-module-grid span{color:#8b759b}
.hr-workflow{background:linear-gradient(#fff,#fcf8ff);border-color:#eaddf7}.hr-preview-heading p,.hr-flow>li>small,.hr-flow-index,.hr-flow-caption{color:#8e7a9f}.hr-animation-toggle{background:#f4eaff;border-color:#e7d6f7;color:#8248b3}.hr-flow-icon{background:#f1e5ff;border-color:#e2cdf6;color:#9353c5}.hr-flow>li:not(:last-child):after{background:#dcc6f0}.hr-flow>li:not(:last-child):before{border-color:#bb94d9}.hr-flow-caption{border-color:#eadcf5}.hr-flow-caption>span,.hr-dot{background:#a562d5}
.hr-activity{background:linear-gradient(120deg,#f0e3ff,#f8ebfc)}.hr-activity p,.hr-team small{color:#8b6d9f}.hr-team>span{background:#e0c6f5;border-color:#f2e6fb;color:#8853b1}.hr-team>span:nth-child(2){background:#eed4ef;color:#a664a3}.hr-floating{background:linear-gradient(115deg,#7135b2,#9b49c9);border-color:#f4ebff}.hr-floating>svg{color:#ead2ff}.hr-floating span{color:#e5caf6}
.hr-strip{border-color:#eee4f7}.hr-strip span{color:#9b85aa}.hr-strip strong{color:#79618c}.hr-card{border-color:#eadff5;border-radius:20px;background:linear-gradient(145deg,#fff 55%,#faf5ff);box-shadow:0 5px 24px #7134a006}.hr-card:hover{border-color:#c395e8;box-shadow:0 16px 35px -15px #7134a040;transform:translateY(-5px)}.hr-icon{background:linear-gradient(135deg,#eee0ff,#f9e6fa);color:#9451cb;border-radius:14px}.hr-card:hover .hr-icon{background:#e9d4fc}.hr-card:after{background:linear-gradient(90deg,#8d46d1,#d88bd4)}
.hr-soft{background:linear-gradient(120deg,#faf6ff,#f2eaff);border-color:#eadcf7}.hr-benefits li,.hr-journey-copy li{color:#776486}.hr-benefits svg,.hr-journey-copy li svg{color:#a05bd3}.hr-steps article{border-color:#e5d4f4}.hr-steps article>span{color:#a166cf}.hr-faq details{border-color:#e6d6f3}.hr-faq summary>span{color:#a269ce}
.hr-cta{background:radial-gradient(circle at 85% 0,#c17ce955,transparent 50%),linear-gradient(110deg,#4b227e,#7739b7 60%,#9f4dc6);box-shadow:0 22px 50px -25px #7032a55e;border-radius:24px}.hr-cta .hr-eyebrow{color:#e2bfff}.hr-cta p{color:#e2d0ef}.hr-cta .hr-button{background:#fff;border-color:#fff;color:#763caf}.hr-cta .hr-button:hover{background:#f1e5ff}
.hr-workflow-section{background:radial-gradient(ellipse at 100% 80%,#efe0ff,transparent 60%),#fff}.hr-journey{border-color:#e5d2f5}.hr-journey-nav{background:#f6efff;border-color:#e8d9f7}.hr-journey-nav button{color:#8c69a5}.hr-stage-number{color:#af88c9}.hr-journey-nav button[aria-selected=true]{background:linear-gradient(110deg,#7135b2,#a04bc7);border-color:transparent}.hr-journey-nav button[aria-selected=true] .hr-stage-number{color:#e8c9ff}.hr-journey-nav button:hover:not([aria-selected=true]){background:#ead9fa}.hr-outcome{background:radial-gradient(circle at 100% 0,#e1c5fa,transparent 65%),#f8f0ff;border-color:#e9d7f7}.hr-outcome-icon{background:#8b43bd;color:#f0d9ff}.hr-mini-flow{color:#a079b8}.hr-mini-flow span{border-color:#e7d4f6}.hr-workflow-footnote{color:#9681a4}.hr-page :is(a,button,summary):focus-visible{outline-color:#a35bd1}
.hr-partners{padding:42px 0;border-bottom:1px solid #eee4f7;background:#fdfbff}.hr-partners>.hr-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.hr-partners h2{font-size:24px;margin:10px 0}.hr-partners p{font-size:13px;color:var(--muted)}.hr-partner-list{display:flex;gap:18px}.hr-partner-list>span{display:flex;flex-direction:column;justify-content:center;min-width:140px;padding:20px 25px;border:1px solid #e9dcf6;border-radius:16px;background:#fff;color:#8042b7;font-size:26px;font-weight:800;letter-spacing:-1px}.hr-partner-list>span>span{font-size:9px;letter-spacing:.04em;font-weight:500;color:#9c85ab;margin-top:6px}
@keyframes hr-stage-cycle{0%,24%{background:#f0e3fc}25%,100%{background:transparent}}@keyframes hr-icon-cycle{0%,24%{background:#8841bd;border-color:#8841bd;color:#fff;box-shadow:0 0 0 3px #e7cff980}25%,100%{background:#f1e5ff;border-color:#e2cdf6;color:#9353c5;box-shadow:none}}
@media(max-width:900px){.hr-partners>.hr-wrap{flex-direction:column;align-items:flex-start}.hr-partner-list{width:100%}.hr-partner-list>span{flex:1;min-width:0}}@media(max-width:480px){.hr-partner-list{gap:8px}.hr-partner-list>span{font-size:21px;padding:16px 12px}.hr-partners h2{font-size:22px}}

/* Dimensional cards and refined FAQ */
.hr-features{perspective:1400px;gap:26px}
.hr-card{position:relative;overflow:hidden;border:1px solid #e5cff9;border-bottom:4px solid #cfadea;background:radial-gradient(circle at 100% 0,#e7cbff99,transparent 62%),linear-gradient(135deg,#fff,#faf3ff);box-shadow:0 8px 0 #ede0f7,0 18px 35px -16px #6d2e9e45;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d}
.hr-card:nth-child(3n+2){background:radial-gradient(circle at 100% 0,#f3cdf399,transparent 62%),linear-gradient(135deg,#fff,#fff2fc)}
.hr-card:nth-child(3n){background:radial-gradient(circle at 100% 0,#d9d0ff99,transparent 62%),linear-gradient(135deg,#fff,#f4f1ff)}
.hr-card .hr-icon{width:54px;height:54px;background:linear-gradient(135deg,#8a42d7,#bb67d9);color:#fff;box-shadow:0 5px 0 #7130ad,0 10px 20px #a25acc35;transform:translateZ(20px);border:1px solid #ffffff66}
.hr-card:nth-child(3n+2) .hr-icon{background:linear-gradient(135deg,#a146c8,#dc82ca);box-shadow:0 5px 0 #903baa,0 10px 20px #b65acc35}
.hr-card:nth-child(3n) .hr-icon{background:linear-gradient(135deg,#7049ce,#a48aee);box-shadow:0 5px 0 #5633a7,0 10px 20px #815acc35}
.hr-card h3{color:#41235e}.hr-card p{color:#786487}.hr-card:after{height:3px;background:linear-gradient(90deg,#8943d4,#d88fe2,#b2a0f5)}
.hr-hero{background:radial-gradient(ellipse at 85% 20%,#cda4fa90,transparent 52%),radial-gradient(ellipse at 5% 90%,#f0bde66b,transparent 45%),linear-gradient(120deg,#fcf8ff,#eddbff 60%,#e6d9fc)}
.hr-faq-layout{align-items:start;gap:60px}.hr-faq{display:grid;gap:14px;min-width:0}.hr-faq details{background:linear-gradient(120deg,#fff,#fcf8ff);border:1px solid #e8d6f7;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 0 #eadcf5,0 10px 25px -20px #7335a7;transition:border-color .2s,box-shadow .2s}
.hr-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;font-size:14px;line-height:1.6;font-weight:650;color:#503267;cursor:pointer;list-style:none;margin:0}
.hr-faq summary::-webkit-details-marker{display:none}.hr-faq summary>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #e1c5f3;border-radius:10px;background:#f4e8fd;color:#8e45bc;font-size:22px;line-height:1;transition:transform .25s,background .25s}
.hr-faq details[open]{border-color:#c899e8;box-shadow:0 4px 0 #dec6ef,0 15px 30px -20px #813cb84a;background:linear-gradient(135deg,#fff,#f8efff)}
.hr-faq details[open] summary{color:#823cb5}.hr-faq details[open] summary>span{transform:rotate(45deg);background:linear-gradient(135deg,#8d46c8,#b66bdd);color:#fff;border-color:transparent}
.hr-faq details p{font-size:13px;line-height:1.9;color:#7d688c;margin:0 24px;padding:0 0 24px;border-top:1px solid #eddef7;padding-top:17px;max-width:none}
.hr-faq summary:hover{background:#f4e6fc66}.hr-faq summary:focus-visible{outline:3px solid #b476dd;outline-offset:-4px;border-radius:15px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-card:hover{transform:translateY(-9px) rotateX(3deg) rotateY(-2deg);box-shadow:0 12px 0 #e7d4f3,0 28px 45px -18px #7432a75c;border-color:#bf8fe1}.hr-card:hover .hr-icon{background:linear-gradient(135deg,#8540d0,#c779e2);transform:translateZ(28px)}}
@media(max-width:767px){.hr-faq-layout{gap:28px}.hr-faq summary{padding:18px;font-size:13px;gap:12px}.hr-faq details p{margin:0 18px;padding-bottom:18px}.hr-features{gap:24px}.hr-card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.hr-card,.hr-card .hr-icon,.hr-faq summary>span{transition:none;transform:none}}

/* Cool violet variation */
.hr-page{--ink:#302354;--muted:#746b8c}.hr-hero{background:radial-gradient(ellipse at 85% 20%,#b5a3f580,transparent 55%),radial-gradient(ellipse at 5% 90%,#d1c9ff80,transparent 48%),linear-gradient(120deg,#faf8ff,#e7e0fc 60%,#dcd3f8)}
.hr-page h1 em{background-image:linear-gradient(100deg,#6545c4,#9676df)}.hr-eyebrow{color:#7860b2}.hr-button{background:linear-gradient(110deg,#6542bd,#9470d7);border-color:transparent;box-shadow:0 8px 22px #7050b52b}.hr-button:hover{background:linear-gradient(110deg,#5533aa,#805ac7)}.hr-breadcrumb a,.hr-actions>a,.hr-text-link{color:#7253ad}
.hr-card{background:radial-gradient(circle at 100% 0,#d4c7fa99,transparent 62%),linear-gradient(135deg,#fff,#f1edfc);border-color:#dfd5f4;border-bottom-color:#bda9e4;box-shadow:0 8px 0 #e3dbf4,0 18px 35px -16px #66509740}.hr-card:nth-child(3n+2){background:radial-gradient(circle at 100% 0,#ded0f699,transparent 62%),linear-gradient(135deg,#fff,#f6effc)}.hr-card:nth-child(3n){background:radial-gradient(circle at 100% 0,#c9c9f599,transparent 62%),linear-gradient(135deg,#fff,#eeeefa)}.hr-card h3{color:#493365}.hr-card .hr-icon,.hr-card:nth-child(3n+2) .hr-icon,.hr-card:nth-child(3n) .hr-icon{background:linear-gradient(135deg,#7556c1,#aa8ade);box-shadow:0 5px 0 #5b3c9e,0 10px 20px #795bb935}.hr-card:hover .hr-icon{background:linear-gradient(135deg,#6445b0,#9a7ad1)}.hr-card:after{background:linear-gradient(90deg,#7f63c5,#c4aceb)}
.hr-soft{background:linear-gradient(120deg,#f5f2fd,#eae4f8);border-color:#e1d8f2}.hr-faq details{background:linear-gradient(120deg,#fff,#f4f0fc);border-color:#ded3f0;box-shadow:0 4px 0 #e2d9f1,0 10px 25px -20px #665097}.hr-faq details[open]{background:linear-gradient(135deg,#fff,#eee7fa);border-color:#bba3df;box-shadow:0 4px 0 #d7c8ed,0 15px 30px -20px #7657aa4a}.hr-faq summary>span{background:#eee6fa;border-color:#d7c7ed;color:#7b58b0}.hr-faq details[open] summary{color:#7050a6}.hr-faq details[open] summary>span{background:linear-gradient(135deg,#7556bb,#ab8bdd)}.hr-faq details p{border-top-color:#e4d9f3}
.hr-cta{background:radial-gradient(circle at 85% 0,#b39be555,transparent 50%),linear-gradient(110deg,#48306d,#7351ab 60%,#9872c8)}.hr-floating{background:linear-gradient(115deg,#654596,#9572c6)}.hr-partners{background:#faf8fe}.hr-partner-list>span{color:#7b59ae;border-color:#e1d5f0}.hr-icon{color:#7b59ae}.hr-benefits svg{color:#9370c6}.hr-outcome{background:radial-gradient(circle at 100% 0,#dbccf4,transparent 65%),#f5f0fc}

/* Editorial solution cards */
#hr-features{background:linear-gradient(180deg,#faf8ff,#fff);position:relative}
#hr-features .hr-heading{align-items:flex-end;margin-bottom:38px}#hr-features .hr-heading h2{max-width:720px}#hr-features .hr-heading>.hr-copy{border-left:2px solid #bfa4e7;padding-left:24px}
.hr-features{gap:22px;counter-reset:solution}
.hr-card,.hr-card:nth-child(3n+2),.hr-card:nth-child(3n){display:flex;flex-direction:column;background:#fff;border:1px solid #e5ddf0;border-bottom:1px solid #e5ddf0;border-radius:18px;padding:30px;box-shadow:0 12px 32px -24px #4c257a55;transform:none;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.hr-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.hr-card-number{font-size:40px;font-weight:750;line-height:1;letter-spacing:-2px;color:#e5daf4}
.hr-card .hr-icon,.hr-card:nth-child(3n+2) .hr-icon,.hr-card:nth-child(3n) .hr-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:50%;background:#f1e9fc;color:#8254bb;box-shadow:none;border:1px solid #e7d8f8;transform:none}.hr-card .hr-icon svg{width:22px;height:22px}
.hr-card h3{font-size:18px;line-height:1.45;letter-spacing:-.025em;margin:0 0 13px;color:#392452;max-width:270px}.hr-card p{font-size:13px;line-height:1.85;color:#82718e;margin:0 0 25px;flex:1}.hr-card-link{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee6f5;padding-top:17px;font-size:11px;font-weight:650;color:#8454b7}.hr-card-link span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f5effc;font-size:16px}.hr-card:after{height:3px;background:linear-gradient(90deg,#7343b4,#c6a3ec);opacity:0;transition:opacity .25s}
.hr-card:nth-child(2){background:linear-gradient(145deg,#7547b5,#4d2b7c);border-color:#7749ae;box-shadow:0 16px 35px -20px #7040a77a}.hr-card:nth-child(2) h3{color:#fff}.hr-card:nth-child(2) p{color:#e0cdec}.hr-card:nth-child(2) .hr-card-number{color:#ffffff30}.hr-card:nth-child(2) .hr-icon{background:#ffffff16;border-color:#ffffff33;color:#fff}.hr-card:nth-child(2) .hr-card-link{border-color:#ffffff26;color:#f0ddff}.hr-card:nth-child(2) .hr-card-link span{background:#ffffff1a}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-card:hover{transform:translateY(-5px);border-color:#bd9cdf;box-shadow:0 20px 36px -22px #60328c55}.hr-card:hover:after{opacity:1}.hr-card:hover .hr-icon{background:#ece0fa;transform:none}.hr-card:nth-child(2):hover .hr-icon{background:#ffffff25}}
@media(max-width:767px){#hr-features .hr-heading{margin-bottom:28px}#hr-features .hr-heading>.hr-copy{padding-left:17px}.hr-card,.hr-card:nth-child(3n+2),.hr-card:nth-child(3n){padding:25px}.hr-card-top{margin-bottom:23px}.hr-card h3{font-size:18px;max-width:none}.hr-card-number{font-size:34px}}

/* Six individual solution card designs */
.hr-card:nth-child(1){background:radial-gradient(circle at 100% 0,#e4d3ff,transparent 65%),#fff;border:1px solid #d5bfef;border-top:4px solid #ae7dd7;border-radius:22px 22px 12px 12px}.hr-card:nth-child(1) .hr-card-number{color:#c5a2e3}.hr-card:nth-child(1) .hr-icon{background:#fff;border:1px solid #d9bff1;box-shadow:0 6px 18px #8452b31c}
.hr-card:nth-child(2){background:radial-gradient(circle at 100% 0,#b276de66,transparent 55%),linear-gradient(145deg,#7547b5,#4d2b7c);border:1px solid #8b5abe;border-radius:22px}.hr-card:nth-child(2) .hr-icon{border-radius:13px;background:#ffffff20;box-shadow:0 4px 0 #ffffff12}.hr-card:nth-child(2) .hr-card-number{color:#ffffff45}
.hr-card:nth-child(3){background:repeating-linear-gradient(135deg,transparent,transparent 18px,#8a6cc504 18px,#8a6cc504 19px),linear-gradient(135deg,#f6f4ff,#e8e8fb);border:1px solid #cbc5ef;border-left:5px solid #8c7ad0;border-radius:8px 24px 24px 8px}.hr-card:nth-child(3) .hr-icon{background:#8172bf;color:#fff;border-color:#8172bf;border-radius:50% 50% 12px 50%;box-shadow:5px 5px 0 #d6cfed}.hr-card:nth-child(3) .hr-card-number{color:#b2a6d9}.hr-card:nth-child(3) .hr-card-link{border-top-style:dashed}
.hr-card:nth-child(4){background:radial-gradient(ellipse at 0 100%,#efcce970,transparent 65%),#fff9fd;border:1px solid #e7cbe5;border-radius:24px 8px 24px 8px;box-shadow:7px 7px 0 #f2e2ef}.hr-card:nth-child(4) .hr-icon{background:linear-gradient(135deg,#a761af,#d591c5);color:#fff;border-color:#d7a5d5;border-radius:14px;transform:rotate(-8deg)}.hr-card:nth-child(4) .hr-icon svg{transform:rotate(8deg)}.hr-card:nth-child(4) .hr-card-number{color:#d8accc}.hr-card:nth-child(4) .hr-card-link{color:#a2609b;border-color:#ecd8e8}.hr-card:nth-child(4) .hr-card-link span{background:#f1deef}
.hr-card:nth-child(5){background:linear-gradient(155deg,#ded3f5,#f7f2ff 58%,#eee1fb);border:2px solid #fff;border-radius:28px;outline:1px solid #decef0;box-shadow:0 12px 30px -20px #8b60b555,inset 0 0 25px #ffffff88}.hr-card:nth-child(5) .hr-icon{background:#ffffffa6;color:#9a67c3;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 20px #8b60b522}.hr-card:nth-child(5) .hr-card-number{color:#b99ad7}.hr-card:nth-child(5) .hr-card-link{background:#ffffff80;border:0;padding:12px 14px;border-radius:12px}
.hr-card:nth-child(6){background:linear-gradient(160deg,#fff 0%,#fff 68%,#f0e7fa 68%);border:1px dashed #bba1d9;border-bottom:4px solid #ac85cf;border-radius:16px}.hr-card:nth-child(6) .hr-card-number{font-size:24px;letter-spacing:-1px;border:1px solid #d8c4eb;border-radius:10px;padding:9px;color:#ad89cb;background:#faf6ff}.hr-card:nth-child(6) .hr-icon{background:#eee4f9;color:#8756b4;border-radius:12px;border-color:#dfcaee}.hr-card:nth-child(6) .hr-card-link{border-color:#e2d2ee}.hr-card:nth-child(6) .hr-card-link span{background:#9f76c4;color:#fff}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-card:nth-child(4):hover .hr-icon{background:linear-gradient(135deg,#a761af,#d591c5);transform:rotate(0)}.hr-card:nth-child(4):hover .hr-icon svg{transform:rotate(0)}.hr-card:nth-child(3):hover .hr-icon{background:#8172bf}.hr-card:nth-child(5):hover .hr-icon{background:#fff}}

/* Distinct card silhouettes with room for readable content */
.hr-features{gap:32px;align-items:stretch}
.hr-card:nth-child(n){min-height:365px;box-sizing:border-box;isolation:isolate}
.hr-card:nth-child(1){border-radius:100px 100px 20px 20px;padding:44px 30px 30px;border-top-width:2px}.hr-card:nth-child(1) .hr-card-top{padding-inline:15px}
.hr-card:nth-child(2){border-radius:0;clip-path:polygon(32px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 32px);padding:35px 30px}
.hr-card:nth-child(3){border-radius:48% / 20%;border:1px solid #cbc5ef;padding:45px 35px;background:linear-gradient(135deg,#f6f4ff,#e2e0f6)}.hr-card:nth-child(3) .hr-card-top{padding-inline:10px}
.hr-card:nth-child(4){border-radius:22px;padding:32px 35px;background:radial-gradient(circle at 0 50%,#faf8ff 0 15px,transparent 16px),radial-gradient(circle at 100% 50%,#faf8ff 0 15px,transparent 16px),linear-gradient(135deg,#fff4fc,#f2dff1);border:1px dashed #c999c5;box-shadow:none}.hr-card:nth-child(4):before{content:'';position:absolute;top:49%;left:20px;right:20px;border-top:1px dashed #c999c560;z-index:-1}
.hr-card:nth-child(5){border-radius:90px 16px 90px 16px;padding:42px 35px;outline:none;border:1px solid #d8c3ed;background:linear-gradient(145deg,#e4d6f7,#faf5ff)}
.hr-card:nth-child(6){border:0;border-radius:0;clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 35px,100% calc(100% - 35px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 35px),0 35px);background:linear-gradient(140deg,#e5d6f5,#f8f2ff 60%,#dcc6ef);padding:35px 30px}
.hr-card:nth-child(n) .hr-card-link{position:relative;z-index:1}.hr-card:nth-child(n):after{display:none}
@media(max-width:767px){.hr-features{gap:28px}.hr-card:nth-child(n){min-height:350px}.hr-card:nth-child(1){border-radius:85px 85px 18px 18px;padding:40px 27px 28px}.hr-card:nth-child(3){padding:42px 30px}.hr-card:nth-child(5){border-radius:75px 14px 75px 14px;padding:40px 30px}}

/* Shared leaf silhouette requested for all six solutions */
.hr-features .hr-card:nth-child(n){border-radius:90px 16px 90px 16px;clip-path:none;padding:42px 35px;outline:none;border:1px solid #d8c3ed;box-shadow:0 12px 30px -22px #7850a335;min-height:365px}
.hr-features .hr-card:nth-child(1) .hr-card-top,.hr-features .hr-card:nth-child(3) .hr-card-top{padding-inline:0}
.hr-features .hr-card:nth-child(4):before{display:none}
.hr-features .hr-card:nth-child(4){background:linear-gradient(135deg,#fff4fc,#f2dff1)}
@media(max-width:767px){.hr-features .hr-card:nth-child(n){border-radius:75px 14px 75px 14px;padding:40px 30px;min-height:350px}}

/* Match the first card palette across all except payroll */
.hr-features .hr-card:not(:nth-child(2)){background:radial-gradient(circle at 100% 0,#e4d3ff,transparent 65%),#fff;border-color:#d8c3ed;box-shadow:0 12px 30px -22px #7850a335}
.hr-features .hr-card:not(:nth-child(2)) .hr-card-number{color:#c5a2e3;font-size:40px;line-height:1;letter-spacing:-2px;border:0;border-radius:0;background:transparent;padding:0}
.hr-features .hr-card:not(:nth-child(2)) .hr-icon{background:#fff;color:#8254bb;border:1px solid #d9bff1;box-shadow:0 6px 18px #8452b31c;border-radius:50%;transform:none}
.hr-features .hr-card:not(:nth-child(2)) .hr-icon svg{transform:none}
.hr-features .hr-card:not(:nth-child(2)) .hr-card-link{color:#8454b7;border:0;border-top:1px solid #eee6f5;border-radius:0;background:transparent;padding:17px 0 0}
.hr-features .hr-card:not(:nth-child(2)) .hr-card-link span{background:#f5effc;color:#8454b7}
@media(max-width:767px){.hr-features .hr-card:not(:nth-child(2)) .hr-card-number{font-size:34px}}

/* Subtle raised depth for the solution cards */
.hr-features{perspective:1400px}
.hr-features .hr-card:nth-child(n){box-shadow:0 6px 0 #d8c3ed,0 10px 0 #eee4f7,0 22px 32px -16px #67408e45,inset 0 2px 0 #ffffffc9;transition:transform .28s ease,box-shadow .28s ease;transform:translateY(0);transform-style:preserve-3d}
.hr-features .hr-card:nth-child(2){box-shadow:0 6px 0 #3e2167,0 10px 0 #e2d3f0,0 22px 32px -16px #60328f66,inset 0 2px 0 #ffffff30}
.hr-features .hr-card:not(:nth-child(2)) .hr-icon{box-shadow:0 4px 0 #e5d4f4,0 9px 16px #8051ac24,inset 0 1px 0 #fff}
.hr-features .hr-card:nth-child(2) .hr-icon{box-shadow:0 4px 0 #45266d,0 9px 16px #27113f30,inset 0 1px 0 #ffffff40}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-features .hr-card:nth-child(n):hover{transform:translateY(-7px) rotateX(3deg) rotateY(-2deg);box-shadow:0 9px 0 #d8c3ed,0 14px 0 #eee4f7,0 32px 40px -18px #67408e55,inset 0 2px 0 #ffffffc9}.hr-features .hr-card:nth-child(2):hover{box-shadow:0 9px 0 #3e2167,0 14px 0 #e2d3f0,0 32px 40px -18px #60328f66,inset 0 2px 0 #ffffff30}}
@media(prefers-reduced-motion:reduce){.hr-features .hr-card:nth-child(n){transition:none;transform:none}}

/* Professional partner section */
.hr-why{background:linear-gradient(135deg,#faf8fe,#f2ecfa);border-block:1px solid #ebe2f5}.hr-why-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:38px;align-items:stretch}
.hr-why-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:46px 38px;border-radius:26px;background:radial-gradient(circle at 100% 0,#b992de55,transparent 60%),linear-gradient(145deg,#493069,#7550a6);color:#fff;box-shadow:0 22px 40px -24px #57357988}
.hr-why-intro:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff14;border-radius:50%;right:-150px;bottom:-100px;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03;pointer-events:none}
.hr-why-intro .hr-eyebrow{color:#ddc5f8;font-size:9px}.hr-why-intro h2{font-size:clamp(29px,3vw,39px);line-height:1.22;margin:24px 0}.hr-why-intro h2 em{font-style:normal;color:#dcc1f7}.hr-why-intro>p{color:#e1d2ee;font-size:13px;line-height:1.9;margin:0}
.hr-why-seal{display:flex;gap:14px;align-items:center;margin:30px 0;padding:20px 0;border-block:1px solid #ffffff24}.hr-why-seal>svg{width:32px;height:32px;color:#e0bfff;flex-shrink:0}.hr-why-seal strong{display:block;font-size:12px;font-weight:600}.hr-why-seal span{display:block;font-size:10px;color:#d1b8e5;margin-top:6px}.hr-why-intro .hr-button{align-self:flex-start;position:relative;z-index:1;background:#fff;color:#684193;box-shadow:0 8px 20px #28103f25;font-size:11px;padding:14px 18px;gap:12px}.hr-why-intro .hr-button:hover{background:#f0e6fb}
.hr-why-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hr-why-card{display:flex;flex-direction:column;background:#ffffffed;border:1px solid #e3d7ef;border-radius:20px;padding:27px;box-shadow:0 8px 24px -20px #60368555;transition:transform .25s,box-shadow .25s,border-color .25s}.hr-why-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.hr-why-icon{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(135deg,#f1e8fc,#e5d7f7);border:1px solid #e6d5f6;border-radius:14px;color:#8a5abe}.hr-why-icon svg{width:22px;height:22px}.hr-why-number{font-size:26px;font-weight:750;letter-spacing:-1px;color:#e0d3ed}.hr-why-card h3{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:#48305e}.hr-why-card p{font-size:12px;line-height:1.85;color:#84718f;margin:0 0 22px;flex:1}.hr-why-caption{display:flex;align-items:center;gap:7px;border-top:1px solid #eee6f5;padding-top:14px;font-size:9px;font-weight:600;color:#9468b7}.hr-why-caption>span{width:5px;height:5px;border-radius:50%;background:#b58ad5;flex-shrink:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-why-card:hover{transform:translateY(-4px);border-color:#c9a9e4;box-shadow:0 17px 30px -20px #60368555}}
@media(max-width:1000px){.hr-why-layout{grid-template-columns:1fr;gap:25px}.hr-why-intro{padding:35px}.hr-why-intro>p{max-width:600px}}
@media(max-width:560px){.hr-why-cards{grid-template-columns:1fr;gap:16px}.hr-why-intro{padding:30px 25px;border-radius:22px}.hr-why-card{padding:25px}.hr-why-intro h2{font-size:29px}.hr-why-card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hr-why-card{transition:none}}

/* Professional FAQ buyer guide */
.hr-faq-section{background:linear-gradient(125deg,#faf8fe,#f2ecfa);border-block:1px solid #e9dff3}.hr-faq-layout{display:grid;grid-template-columns:.8fr 1.25fr;gap:65px;align-items:start}.hr-faq-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.25}.hr-faq-intro>.hr-copy{font-size:13px}.hr-faq-help{margin-top:30px;padding:26px;border:1px solid #e0d1ed;border-radius:18px;background:linear-gradient(135deg,#fff,#ede2f8)}.hr-faq-help-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6d6f6;color:#8556b7;margin-bottom:17px}.hr-faq-help-icon svg{width:21px;height:21px}.hr-faq-help h3{font-size:16px;margin:0 0 10px;color:#4b3165}.hr-faq-help p{font-size:12px;line-height:1.85;color:#84718f}.hr-faq-help a{display:flex;justify-content:space-between;gap:12px;color:#7c4dae;font-size:11px;font-weight:650;margin-top:18px}.hr-faq-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#8767a6;padding:0 4px 8px}.hr-faq-label span{font-weight:400;letter-spacing:0;color:#a28caf}
.hr-faq-section .hr-faq{gap:12px}.hr-faq-section .hr-faq details{background:#fff;border:1px solid #e3d9ed;border-radius:14px;box-shadow:0 5px 16px -14px #5e347e55}.hr-faq-section .hr-faq summary{gap:14px;padding:21px;font-size:13px}.hr-faq summary strong{flex:1;font-weight:600;line-height:1.7}.hr-faq-section .hr-faq summary>.hr-faq-number{background:none;border:0;width:auto;height:auto;flex:0 0 21px;border-radius:0;color:#b89aca;font-size:11px;font-weight:650;transform:none}.hr-faq-section .hr-faq summary>.hr-faq-plus{width:26px;height:26px;flex-basis:26px;border-radius:50%;font-size:20px}.hr-faq-section .hr-faq details[open]{background:linear-gradient(125deg,#fff,#f8f3fd);border-color:#bfa1da;box-shadow:inset 3px 0 0 #9c70c5,0 8px 20px -17px #70459666}.hr-faq-section .hr-faq details[open] summary>.hr-faq-number{color:#9b6bbd;background:none;transform:none}.hr-faq-section .hr-faq details p{margin:0 21px 0 56px;font-size:12px;line-height:1.95;padding-top:17px;padding-bottom:23px;color:#7b6889}
@media(max-width:900px){.hr-faq-layout{grid-template-columns:1fr;gap:32px}.hr-faq-help{max-width:550px}}@media(max-width:560px){.hr-faq-section .hr-faq summary{padding:17px;gap:10px;font-size:12px}.hr-faq-section .hr-faq details p{margin:0 17px;font-size:12px}.hr-faq-label{font-size:8px}.hr-faq-intro h2{font-size:29px}}

/* White canvas across every HRMS page section */
.hr-page,.hr-page .hr-hero,.hr-page .hr-strip,.hr-page .hr-partners,.hr-page .hr-section,.hr-page .hr-soft,.hr-page #hr-features,.hr-page .hr-why,.hr-page .hr-faq-section,.hr-page .hr-workflow-section{background:#fff}
.hr-page .hr-hero:before{display:none}
.hr-page .hr-floating{border-color:#fff}

/* Centered heading with a full-width FAQ accordion */
.hr-faq-section .hr-faq-layout{display:flex;flex-direction:column;align-items:stretch;gap:38px}
.hr-faq-section .hr-faq-intro{text-align:center;max-width:740px;margin:0 auto}
.hr-faq-section .hr-faq-intro h2{font-size:clamp(28px,3.4vw,43px);margin:17px 0 18px}
.hr-faq-section .hr-faq-intro>.hr-copy{max-width:600px;margin:0 auto;font-size:14px;line-height:1.85}
.hr-faq-section .hr-faq{width:100%;max-width:1060px;margin:0 auto;gap:14px}
.hr-faq-section .hr-faq summary{padding:24px 28px;font-size:14px;gap:20px}
.hr-faq-section .hr-faq details p{margin:0 28px 0 69px;font-size:13px;max-width:none;line-height:1.95}
.hr-faq-section .hr-faq-label{padding-inline:8px}
@media(max-width:560px){.hr-faq-section .hr-faq-layout{gap:28px}.hr-faq-section .hr-faq-intro>.hr-copy{font-size:12px}.hr-faq-section .hr-faq summary{padding:18px 16px;font-size:12px;gap:10px}.hr-faq-section .hr-faq details p{margin:0 17px;font-size:12px}}

/* Clear workflow content with three checklist cards */
.hr-journey-panel{gap:35px;padding:38px;align-items:stretch}.hr-journey-copy{padding:4px 0}.hr-journey-copy h3{font-size:clamp(23px,2.4vw,30px);line-height:1.3;max-width:590px;margin:17px 0}.hr-journey-copy>p{font-size:13px;line-height:1.9;color:#81718d;max-width:600px}
.hr-journey-copy .hr-task-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 0;padding:0;list-style:none}.hr-journey-copy .hr-task-cards li{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e7dcf2;border-radius:13px;background:linear-gradient(110deg,#fcfaff,#f4eefb);box-shadow:0 4px 12px -10px #78519733;margin:0}.hr-task-check{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:#e9dcf8;border:1px solid #decaef;border-radius:50%;color:#8b55bb}.hr-journey-copy .hr-task-check svg{width:15px;height:15px;color:#8b55bb}.hr-task-label{display:block;font-size:8px;font-weight:700;letter-spacing:.12em;color:#af8cc6;margin-bottom:5px}.hr-task-cards strong{display:block;font-size:12px;font-weight:600;line-height:1.6;color:#694c7e}.hr-outcome{display:flex;flex-direction:column;justify-content:center;border-radius:18px}.hr-outcome h4{line-height:1.4}
@media(max-width:767px){.hr-journey-panel{padding:24px;gap:25px}.hr-journey-copy .hr-task-cards li{padding:14px;gap:11px}.hr-task-cards strong{font-size:11px}.hr-journey-copy h3{font-size:25px}}

/* Alternate workflow: vertical navigation and focused content */
.hr-journey{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid #e3d5f0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 45px -30px #76539b55}
.hr-journey-nav{display:flex;flex-direction:column;gap:12px;padding:24px 18px;background:linear-gradient(180deg,#faf6ff,#f0e7fa);border:0;border-right:1px solid #e4d7ef;overflow:visible}
.hr-journey-nav button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:66px;padding:15px 12px;border:1px solid #e5d8f1;border-radius:13px;background:#ffffff9c;text-align:left;font-size:11px;line-height:1.6;color:#8d6ba5}.hr-journey-nav button>span:nth-child(2){flex:1}.hr-journey-nav button>svg{width:17px;height:17px;flex-shrink:0}.hr-journey-nav button[aria-selected=true]{background:linear-gradient(120deg,#7550ac,#a373ce);border-color:transparent;box-shadow:0 8px 20px #8254b52b;color:#fff}
.hr-journey-panel{grid-template-columns:1fr;padding:35px;gap:25px}.hr-journey-copy h3{max-width:none;margin-top:14px;font-size:28px}.hr-journey-copy>p{max-width:none}.hr-journey-copy .hr-task-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hr-journey-copy .hr-task-cards li{flex-direction:column;align-items:flex-start;padding:17px;gap:13px;background:#fcfaff;border-radius:15px}.hr-task-label{font-size:7px}.hr-task-cards strong{font-size:11px}
.hr-outcome{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:18px;align-items:center;padding:24px;background:linear-gradient(110deg,#f0e4fc,#f8f3fd);border:1px solid #e1ccef;border-left:4px solid #a06bc8;border-radius:14px}.hr-outcome-icon{grid-row:1/3;width:48px;height:48px;margin:0;border-radius:14px}.hr-outcome>.hr-eyebrow{font-size:8px;margin:0}.hr-outcome h4{font-size:19px;margin:8px 0 0;line-height:1.5}.hr-mini-flow{grid-column:2;margin-top:15px}
@media(max-width:1000px){.hr-journey{grid-template-columns:190px minmax(0,1fr)}.hr-journey-nav{padding:18px 12px}.hr-journey-panel{padding:25px}.hr-journey-copy .hr-task-cards{grid-template-columns:1fr}.hr-journey-copy .hr-task-cards li{flex-direction:row;align-items:center}}
@media(max-width:767px){.hr-journey{display:block;border-radius:18px}.hr-journey-nav{flex-direction:row;overflow-x:auto;padding:12px;border-right:0;border-bottom:1px solid #e4d7ef;gap:9px}.hr-journey-nav button{flex:0 0 175px;min-height:60px;padding:12px}.hr-journey-panel{padding:22px}.hr-journey-copy h3{font-size:24px}.hr-outcome{padding:19px;column-gap:12px;grid-template-columns:38px 1fr}.hr-outcome-icon{width:38px;height:38px}.hr-outcome h4{font-size:17px}.hr-mini-flow{grid-column:1/-1}}

/* Refined finish for the existing vertical workflow */
.hr-journey{border-color:#dbc6ee;box-shadow:0 22px 50px -30px #7849a45c;background:#fff}
.hr-journey-nav{background:radial-gradient(ellipse at 0 100%,#e5d4f5,transparent 70%),linear-gradient(180deg,#fcf9ff,#f3ebfb);padding-top:26px;padding-bottom:26px}
.hr-journey-nav button{background:#ffffffba;border-color:#e6d7f3;box-shadow:0 3px 8px #8c5bb206;transition:background .2s,box-shadow .2s,transform .2s}
.hr-journey-nav .hr-stage-number{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#efe3fa;color:#a271c4;flex-shrink:0;font-size:8px}
.hr-journey-nav button[aria-selected=true]{background:linear-gradient(115deg,#743bb1,#aa70d4);box-shadow:0 8px 18px #844cb33d,inset 0 1px 0 #ffffff33}
.hr-journey-nav button[aria-selected=true] .hr-stage-number{background:#ffffff24;color:#fff}
.hr-journey-nav button:hover:not([aria-selected=true]){background:#f0e3fc;border-color:#cfade8}
.hr-journey-panel{background:radial-gradient(ellipse at 100% 0,#f6f0fc77,transparent 60%),#fff;outline:none}
.hr-journey-panel:focus-visible{outline:2px solid #bc91da;outline-offset:-4px}
.hr-journey-copy>.hr-eyebrow{display:inline-block;background:#f3eafa;border:1px solid #e7d7f4;padding:7px 11px;border-radius:20px;font-size:8px;letter-spacing:.12em;color:#9866bd}
.hr-journey-copy h3{color:#39234f;letter-spacing:-.035em;margin-top:18px;margin-bottom:15px}
.hr-journey-copy .hr-task-cards li{position:relative;background:linear-gradient(145deg,#fff,#f7f0fd);border-color:#e5d4f1;border-radius:16px;box-shadow:0 4px 0 #f2e9f8,0 10px 20px -17px #8050a355;transition:transform .2s,box-shadow .2s}
.hr-task-check{background:linear-gradient(135deg,#eddbfb,#dfc4f2);border-color:#d7b8ed;box-shadow:inset 0 1px 0 #ffffff99}.hr-task-label{color:#b18bc9;letter-spacing:.1em}.hr-task-cards strong{color:#76508d}
.hr-outcome{background:radial-gradient(ellipse at 100% 0,#e1c9f480,transparent 65%),linear-gradient(110deg,#f0e3fc,#faf6ff);border-color:#dec2f0;border-left:4px solid #a66ccf;box-shadow:inset 0 1px 0 #fff,0 8px 22px -20px #73459555;padding:26px}
.hr-outcome-icon{background:linear-gradient(135deg,#8343ba,#b174d6);color:#fff;box-shadow:0 5px 0 #e4d0f2,0 10px 18px -12px #743a9e99;border:1px solid #ffffff44}.hr-outcome>.hr-eyebrow{color:#9867b9}.hr-outcome h4{color:#4b2d64}.hr-mini-flow span{background:#ffffffbd;border:1px solid #e1cbf1;border-radius:7px;color:#a277bd;padding:7px 12px}.hr-mini-flow svg{color:#af87c9}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-journey-copy .hr-task-cards li:hover{transform:translateY(-3px);box-shadow:0 6px 0 #eee0f7,0 15px 22px -17px #8050a355}}
@media(max-width:767px){.hr-journey-nav{padding:12px}.hr-outcome{padding:20px}.hr-journey-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hr-journey-nav button,.hr-journey-copy .hr-task-cards li{transition:none}}

/* Benefits section: distinctive intro and tidy feature tiles */
.hr-benefits-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:38px;align-items:stretch}
.hr-benefits-intro{position:relative;overflow:hidden;padding:38px;border-radius:26px;background:radial-gradient(circle at 100% 0,#bb8de44a,transparent 60%),linear-gradient(145deg,#50316f,#8458ad);color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 40px -25px #6b428e66}
.hr-benefits-intro:after{content:'';position:absolute;width:200px;height:200px;right:-100px;bottom:-110px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff04;pointer-events:none}
.hr-benefits-intro .hr-eyebrow{color:#dec4f7}.hr-benefits-intro h2{font-size:clamp(30px,3.1vw,42px);margin:22px 0;line-height:1.2}.hr-benefits-intro .hr-copy{font-size:13px;color:#e0d0ec;line-height:1.9}.hr-benefits-intro .hr-text-link{display:inline-flex;align-self:flex-start;margin-top:25px;background:#fff;color:#8053a6;border-radius:10px;padding:13px 17px;font-size:11px;box-shadow:0 8px 20px #32164622}
.hr-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;list-style:none;padding:0;margin:0}
.hr-benefits li{display:flex;align-items:center;gap:12px;padding:17px 16px;border:1px solid #e8dbf2;border-radius:13px;background:linear-gradient(125deg,#fff,#faf6fe);font-size:11px;font-weight:500;line-height:1.6;color:#78598c;box-shadow:0 5px 15px -14px #6a408b66;transition:transform .2s,border-color .2s}
.hr-benefit-check{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;background:linear-gradient(135deg,#eee0fb,#e3cff5);border:1px solid #dcc3ef;border-radius:9px}.hr-benefits .hr-benefit-check svg{width:14px;height:14px;color:#9862c1;flex-shrink:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-benefits li:hover{transform:translateY(-2px);border-color:#bc98da}.hr-benefits-intro .hr-text-link:hover{background:#f0e5fb}}
@media(max-width:1000px){.hr-benefits-layout{grid-template-columns:1fr;gap:25px}.hr-benefits-intro{padding:32px}.hr-benefits-intro .hr-copy{max-width:600px}}
@media(max-width:560px){.hr-benefits{grid-template-columns:1fr;gap:10px}.hr-benefits-intro{padding:28px 25px;border-radius:22px}.hr-benefits li{font-size:12px;padding:15px}.hr-benefits-intro h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hr-benefits li{transition:none}}

/* Alternate benefits: centered introduction and three-column tiles */
.hr-benefits-layout{display:flex;flex-direction:column;gap:35px}
.hr-benefits-intro{display:flex;align-items:center;text-align:center;max-width:760px;margin:0 auto;padding:0;background:none;color:var(--ink);border-radius:0;box-shadow:none;overflow:visible}
.hr-benefits-intro:after{display:none}.hr-benefits-intro .hr-eyebrow{color:#9468b9}.hr-benefits-intro h2{font-size:clamp(30px,3.4vw,44px);margin:18px 0}.hr-benefits-intro h2 br{display:none}.hr-benefits-intro .hr-copy{color:var(--muted);max-width:600px;margin:0 auto;font-size:13px}.hr-benefits-intro .hr-text-link{align-self:center;background:#f3eafa;border:1px solid #e4d3f1;color:#8757b0;box-shadow:none;margin-top:20px}
.hr-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:hr-benefit}
.hr-benefits li{position:relative;counter-increment:hr-benefit;min-height:105px;padding:23px 45px 23px 22px;border-radius:16px;background:linear-gradient(125deg,#fff,#faf6fe);border:1px solid #e6d8f1;box-shadow:0 5px 0 #f5effa;gap:15px;font-size:12px;color:#6d4c83}
.hr-benefits li:after{content:counter(hr-benefit,decimal-leading-zero);position:absolute;right:16px;top:13px;font-size:10px;color:#c2a4d7;font-weight:650}.hr-benefit-check{width:36px;height:36px;flex-basis:36px;border-radius:12px;background:linear-gradient(135deg,#a978d0,#8155b1);border-color:#a780c6;box-shadow:0 4px 9px #9c6bc326}.hr-benefits .hr-benefit-check svg{color:#fff;width:16px;height:16px}
.hr-benefits li:nth-child(3n+2){background:linear-gradient(125deg,#fff,#f6f2fc)}
@media(max-width:900px){.hr-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-benefits-intro{padding:0}}
@media(max-width:560px){.hr-benefits{grid-template-columns:1fr;gap:13px}.hr-benefits li{min-height:85px;padding:20px 42px 20px 18px}.hr-benefits-intro{padding:0}.hr-benefits-intro h2{font-size:32px}}

/* Benefits alternative: editorial heading with compact benefit rows */
.hr-benefits-layout{display:grid;grid-template-columns:.8fr 1.25fr;gap:70px;align-items:center}
.hr-benefits-intro{align-items:flex-start;text-align:left;max-width:none;margin:0;padding:0 0 0 25px;border-left:4px solid #a878cd}
.hr-benefits-intro h2{font-size:clamp(32px,3.4vw,44px);line-height:1.18;margin:20px 0}.hr-benefits-intro h2 br{display:block}.hr-benefits-intro .hr-copy{margin:0;font-size:13px}.hr-benefits-intro .hr-text-link{align-self:flex-start;margin-top:24px;background:linear-gradient(115deg,#8053b0,#a87bcf);color:#fff;border:0;border-radius:10px;padding:14px 18px}
.hr-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:12px 25px;border:1px solid #eadff2;border-radius:22px;background:linear-gradient(135deg,#fff,#faf7fd);box-shadow:0 15px 35px -28px #8050a455}
.hr-benefits li,.hr-benefits li:nth-child(3n+2){min-height:76px;padding:18px 0;gap:12px;background:none;border:0;border-bottom:1px solid #eadef2;border-radius:0;box-shadow:none;font-size:11px;line-height:1.7}.hr-benefits li:nth-last-child(-n+2){border-bottom:0}.hr-benefits li:after{display:none}.hr-benefit-check{flex-basis:25px;width:25px;height:25px;border-radius:50%;background:#eee1fa;border:1px solid #dfc7f0;box-shadow:none}.hr-benefits .hr-benefit-check svg{color:#a071c5;width:13px;height:13px}
@media(hover:hover){.hr-benefits li:hover{transform:none;color:#7743a2}.hr-benefits-intro .hr-text-link:hover{background:linear-gradient(115deg,#70449e,#9766bd)}}
@media(max-width:900px){.hr-benefits-layout{grid-template-columns:1fr;gap:30px}.hr-benefits-intro{padding-left:22px;max-width:650px}}
@media(max-width:560px){.hr-benefits{grid-template-columns:1fr;padding:8px 20px}.hr-benefits li{min-height:67px;font-size:12px}.hr-benefits li:nth-last-child(2){border-bottom:1px solid #eadef2}.hr-benefits-intro h2{font-size:32px}}

/* Polished benefits panel */
.hr-benefits{position:relative;isolation:isolate;overflow:hidden;padding:20px;gap:10px 14px;border:1px solid #d9c2ed;border-top:3px solid #b38bd3;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#e6d1f77a,transparent 60%),linear-gradient(135deg,#fcfaff,#f2e9fb);box-shadow:0 6px 0 #f1e5f8,0 20px 40px -24px #8856af4d,inset 0 1px 0 #fff}
.hr-benefits li,.hr-benefits li:nth-child(3n+2),.hr-benefits li:nth-last-child(2){min-height:68px;padding:15px 13px;border:1px solid #e7d8f1;border-radius:12px;background:#ffffffb8;box-shadow:0 3px 9px -7px #8054a033;font-size:11px;color:#76528c;transition:background .2s,transform .2s,box-shadow .2s}
.hr-benefits li:nth-last-child(-n+2){border:1px solid #e7d8f1}
.hr-benefit-check{width:29px;height:29px;flex-basis:29px;background:linear-gradient(135deg,#b58ad7,#9162ba);border:1px solid #a778ca;box-shadow:0 3px 0 #ead9f6,inset 0 1px 0 #ffffff55;border-radius:10px}
.hr-benefits .hr-benefit-check svg{color:#fff;width:14px;height:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-benefits li:hover{background:#fff;transform:translateY(-2px);box-shadow:0 7px 15px -10px #8656aa66;border-color:#c8a3e1}}
@media(max-width:560px){.hr-benefits{padding:15px;gap:11px}.hr-benefits li,.hr-benefits li:nth-child(3n+2){padding:15px;min-height:65px;font-size:12px}}

/* Benefits panel variation: airy white with lavender ribbon rows */
.hr-benefits{padding:26px;gap:13px 22px;background:#fff;border:1px solid #dcc9ec;border-top:1px solid #dcc9ec;border-radius:28px;box-shadow:8px 8px 0 #f4ecfb,0 18px 35px -28px #78509555}
.hr-benefits li,.hr-benefits li:nth-child(3n+2),.hr-benefits li:nth-last-child(-n+2){position:relative;min-height:65px;padding:16px 13px;border:0;border-left:3px solid #c9abe1;border-radius:0 12px 12px 0;background:linear-gradient(90deg,#f5edfc,#fdfbff);box-shadow:none;color:#6e4d86;font-size:11px}
.hr-benefits li:nth-child(4n+2),.hr-benefits li:nth-child(4n+3){background:linear-gradient(90deg,#eee5f8,#faf7fd);border-left-color:#a87dca}
.hr-benefit-check{width:27px;height:27px;flex-basis:27px;border-radius:50%;background:#fff;border:1px solid #e0cbed;box-shadow:0 3px 8px #8657a416}.hr-benefits .hr-benefit-check svg{color:#9d6bbe;width:13px;height:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-benefits li:hover{background:#eadcf6;transform:translateX(3px);box-shadow:none}}
@media(max-width:560px){.hr-benefits{padding:19px;gap:12px}.hr-benefits li,.hr-benefits li:nth-child(3n+2){font-size:12px}}

/* Benefits alternative: standalone rounded capsules */
.hr-benefits{padding:0;gap:18px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hr-benefits li,.hr-benefits li:nth-child(3n+2),.hr-benefits li:nth-last-child(-n+2),.hr-benefits li:nth-child(4n+2),.hr-benefits li:nth-child(4n+3){min-height:72px;padding:15px 18px 15px 12px;border:1px solid #e0ceed;border-left:1px solid #e0ceed;border-radius:40px;background:linear-gradient(115deg,#fff,#f4eafa);box-shadow:0 4px 0 #f0e4f7,0 10px 20px -17px #75479855;gap:12px;font-size:11px}
.hr-benefit-check{width:36px;height:36px;flex-basis:36px;border-radius:50%;background:linear-gradient(145deg,#b48ad3,#8559b0);border:2px solid #fff;box-shadow:0 3px 7px #8b5caa30}.hr-benefits .hr-benefit-check svg{color:#fff;width:15px;height:15px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hr-benefits li:hover{transform:translateY(-3px);background:linear-gradient(115deg,#fff,#ead8f6);box-shadow:0 6px 0 #edddf5,0 15px 25px -17px #75479866}}
@media(max-width:560px){.hr-benefits{padding:0;gap:14px}.hr-benefits li,.hr-benefits li:nth-child(3n+2){min-height:68px;font-size:12px}}

/* Three focused benefit groups */
.hr-benefits-layout{grid-template-columns:1fr;gap:32px}.hr-benefits-intro{border:0;padding:0;text-align:center;align-items:center;max-width:720px;margin:auto}.hr-benefits-intro h2 br{display:none}.hr-benefits-intro .hr-copy{max-width:600px}.hr-benefits-intro .hr-text-link{align-self:center}
.hr-benefit-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hr-benefit-group{background:linear-gradient(145deg,#fff,#f8f2fd);border:1px solid #e4d4f0;border-radius:20px;padding:27px;box-shadow:0 8px 24px -19px #8050a344}.hr-benefit-group-heading{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid #eadcf4}.hr-benefit-group-heading>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#ece0fa;color:#9461bd}.hr-benefit-group-heading svg{width:21px;height:21px}.hr-benefit-group h3{font-size:16px;font-weight:650;color:#513266;margin:0}.hr-benefit-group ul{display:grid;gap:19px;list-style:none;padding:24px 0 0;margin:0}.hr-benefit-group li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;color:#856b96}.hr-benefit-group li svg{width:14px;height:14px;flex:0 0 14px;margin-top:3px;color:#a177c4}.hr-benefit-group:nth-child(2){background:linear-gradient(135deg,#8055ad,#a47ac8);border-color:#a57ac9;box-shadow:0 12px 26px -18px #70449277}.hr-benefit-group:nth-child(2) h3{color:#fff}.hr-benefit-group:nth-child(2) li{color:#f0e2fa}.hr-benefit-group:nth-child(2) li svg{color:#e5c5ff}.hr-benefit-group:nth-child(2) .hr-benefit-group-heading{border-color:#ffffff30}.hr-benefit-group:nth-child(2) .hr-benefit-group-heading>span{background:#ffffff20;color:#fff}
@media(max-width:900px){.hr-benefit-groups{grid-template-columns:1fr}.hr-benefit-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hr-benefit-group{padding:24px}.hr-benefit-group ul{grid-template-columns:1fr}.hr-benefits-intro h2{font-size:32px}}

/* Single HRMS offering */
.hr-offering-heading{text-align:center;max-width:700px;margin:0 auto 35px}.hr-offering-heading .hr-copy{margin:auto;max-width:560px}.hr-greyt-card{display:grid;grid-template-columns:200px 1fr auto;gap:35px;align-items:center;border:1px solid #e0cdef;border-radius:24px;padding:35px;background:radial-gradient(ellipse at 0 0,#eee0fc,transparent 55%),linear-gradient(120deg,#fff,#faf7fd);box-shadow:0 7px 0 #f4ecfa,0 20px 40px -28px #79509b55}.hr-greyt-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border-right:1px solid #e5d7ef;padding-right:30px}.hr-greyt-mark{display:flex;align-items:baseline;justify-content:center;width:76px;height:76px;line-height:66px;background:linear-gradient(140deg,#8657b2,#b185d1);border:1px solid #ffffff99;border-radius:22px;color:#fff;font-size:60px;font-weight:750;letter-spacing:-7px;box-shadow:0 7px 0 #e4d3f1}.hr-greyt-mark>span{font-size:40px;color:#e8cfff}.hr-greyt-brand>strong{font-size:30px;color:#704697;letter-spacing:-1px;margin-top:18px}.hr-greyt-category{font-size:10px;color:#a183b4;margin-top:5px;letter-spacing:.06em}.hr-greyt-content h3{font-size:26px;line-height:1.3;letter-spacing:-.03em;color:#492d60;margin:15px 0}.hr-greyt-content p{font-size:12px;line-height:1.9;color:#8a7298;max-width:560px}.hr-greyt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.hr-greyt-tags>span{font-size:9px;padding:7px 10px;border:1px solid #e3d0f0;border-radius:20px;background:#f6effc;color:#9469b4}.hr-greyt-action{display:flex;flex-direction:column;gap:15px;align-items:center}.hr-greyt-action .hr-button{font-size:11px;gap:12px;white-space:nowrap}.hr-greyt-action>span{font-size:10px;line-height:1.8;color:#a08aac;text-align:center}
@media(max-width:1100px){.hr-greyt-card{grid-template-columns:160px 1fr;gap:25px}.hr-greyt-action{grid-column:2;align-items:flex-start}.hr-greyt-action>span{text-align:left}.hr-greyt-brand{grid-row:1/3;padding-right:22px}}@media(max-width:600px){.hr-greyt-card{grid-template-columns:1fr;padding:27px;gap:25px}.hr-greyt-brand{grid-row:auto;border-right:0;border-bottom:1px solid #e5d7ef;padding:0 0 25px;min-height:0}.hr-greyt-action{grid-column:1;align-items:flex-start}.hr-greyt-content h3{font-size:24px}.hr-offering-heading h2{font-size:29px}}

/* HR process illustration */
.hr-process-visual{background:#fff;padding-top:32px}.hr-process-visual-heading{text-align:center;max-width:700px;margin:0 auto 30px}.hr-process-visual-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.2;color:#30234f;margin:14px 0}.hr-process-visual-heading .hr-copy{max-width:620px;margin:0 auto}.hr-process-visual figure{margin:0;padding:18px;border:1px solid #e8dff6;border-radius:22px;background:#fff;box-shadow:0 14px 35px -25px #62439550}.hr-process-visual img{display:block;width:100%;height:auto;border-radius:10px}@media(max-width:767px){.hr-process-visual figure{padding:6px;border-radius:12px}.hr-process-visual-heading{margin-bottom:20px}}

/* Connected HR process flow */
.hr-process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 30px;list-style:none;margin:0;padding:30px;border:1px solid #e8dff6;border-radius:24px;background:linear-gradient(135deg,#faf7ff,#fff);}
.hr-process-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px;background:#fff;border:1px solid #e7ddf4;border-radius:18px;box-shadow:0 10px 24px -20px #62439570;}
.hr-process-number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eee6ff;color:#7347c5;font-size:15px;font-weight:750;}
.hr-process-step h3{font-size:17px;line-height:1.4;color:#30234f;margin:18px 0 10px;}
.hr-process-step p{font-size:13px;line-height:1.8;color:#786a91;margin:0 0 20px;}
.hr-process-result{margin-top:auto;padding-top:14px;border-top:1px solid #eee7f7;width:100%;font-size:11px;font-weight:650;color:#7347c5;}
.hr-process-arrow{position:absolute;right:-24px;top:50%;font-size:25px;line-height:1;color:#8b5bd7;transform:translateY(-50%);}
.hr-process-step:nth-child(4) .hr-process-arrow{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(90deg);}
@media(max-width:1000px){.hr-process-flow{grid-template-columns:repeat(2,minmax(0,1fr));}.hr-process-step:nth-child(even) .hr-process-arrow{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(90deg);}}
@media(max-width:560px){.hr-process-flow{grid-template-columns:1fr;padding:18px;gap:34px;}.hr-process-step .hr-process-arrow{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(90deg);}.hr-process-step{padding:22px;}}
/* Sequential connectors: follow each numbered stage across a snake layout. */
.hr-process-step:nth-child(5){grid-column:4;grid-row:2}
.hr-process-step:nth-child(6){grid-column:3;grid-row:2}
.hr-process-step:nth-child(7){grid-column:2;grid-row:2}
.hr-process-step:nth-child(8){grid-column:1;grid-row:2}
.hr-process-step .hr-process-arrow{display:block;width:30px;height:2px;font-size:0;background:#9466d9;right:-31px;top:50%;bottom:auto;transform:translateY(-50%);}
.hr-process-arrow::after{content:"";position:absolute;right:2px;top:-4px;width:9px;height:9px;border-top:2px solid #9466d9;border-right:2px solid #9466d9;transform:rotate(45deg);}
.hr-process-step:nth-child(4) .hr-process-arrow{width:34px;right:50%;top:auto;bottom:-18px;transform:translateX(50%) rotate(90deg);}
.hr-process-step:nth-child(n+5) .hr-process-arrow{right:auto;left:-31px;transform:translateY(-50%) rotate(180deg);}
@media(max-width:1000px) and (min-width:561px){
.hr-process-step:nth-child(3){grid-column:2;grid-row:2}
.hr-process-step:nth-child(4){grid-column:1;grid-row:2}
.hr-process-step:nth-child(5){grid-column:1;grid-row:3}
.hr-process-step:nth-child(6){grid-column:2;grid-row:3}
.hr-process-step:nth-child(7){grid-column:2;grid-row:4}
.hr-process-step:nth-child(8){grid-column:1;grid-row:4}
.hr-process-step:nth-child(n) .hr-process-arrow{width:30px;right:-31px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);}
.hr-process-step:nth-child(3) .hr-process-arrow,.hr-process-step:nth-child(7) .hr-process-arrow{right:auto;left:-31px;transform:translateY(-50%) rotate(180deg);}
.hr-process-step:nth-child(2) .hr-process-arrow,.hr-process-step:nth-child(4) .hr-process-arrow,.hr-process-step:nth-child(6) .hr-process-arrow{width:34px;right:50%;left:auto;top:auto;bottom:-18px;transform:translateX(50%) rotate(90deg);}
}
@media(max-width:560px){
.hr-process-step:nth-child(n){grid-column:auto;grid-row:auto;}
.hr-process-step:nth-child(n) .hr-process-arrow{width:34px;right:50%;left:auto;top:auto;bottom:-18px;transform:translateX(50%) rotate(90deg);}
}