.hris-page{overflow:hidden}
.hris-page [id]{scroll-margin-top:92px}
.hris-hero{position:relative;padding:78px 0 64px;background:linear-gradient(115deg,#f0eaff 0%,#fff 56%,#e6f1ff 100%);border-bottom:1px solid var(--ca-line)}
.hris-hero:after{content:"";position:absolute;width:520px;height:520px;right:-260px;top:-260px;border:68px solid rgba(107,31,255,.10);border-radius:50%;pointer-events:none}
.hris-hero .wrap{position:relative;z-index:1}
.hris-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:56px;align-items:end}
.hris-hero .lede{font-size:22px}
.hris-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hris-hero .context{margin-top:16px;font-size:15px;color:var(--ca-muted)}
.decision-frame{background:var(--ca-navy);border-radius:14px;padding:26px;color:#fff;box-shadow:var(--ca-shadow)}
.decision-frame h2{font-size:28px;color:#fff}
.decision-frame p{color:#d7daeb;font-size:15px}
.decision-frame ul{padding-left:18px;margin:18px 0 0;font-size:15px;color:#fff}
.decision-frame li{padding:4px 0}
.decision-frame li::marker{color:var(--ca-yellow)}
.hris-intro{padding:38px 0;border-bottom:1px solid var(--ca-line)}
.hris-intro .wrap{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:start}
.hris-intro h2{font-size:22px}
.hris-intro p{margin:0;max-width:75ch}
.help-card{height:100%;padding:25px 25px 22px;border-top:4px solid var(--ca-purple)}
.help-card:nth-child(2){border-top-color:var(--ca-blue)}
.help-card:nth-child(3){border-top-color:var(--ca-green)}
.help-card:nth-child(4){border-top-color:var(--ca-yellow)}
.help-card h3{font-size:23px}
.hris-page .process{counter-reset:selection-step;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--ca-line);border-radius:14px;overflow:hidden;background:var(--ca-paper)}
.process-step{position:relative;counter-increment:selection-step;padding:25px 19px 23px;border-left:1px solid var(--ca-line);min-width:0}
.process-step:first-child{border-left:0}
.process-step:before{content:"0" counter(selection-step);display:block;font:700 13px var(--font-display);letter-spacing:.1em;color:var(--ca-purple);margin-bottom:20px}
.process-step h3{font-size:21px}
.process-step p{font-size:14.5px;line-height:1.48;color:var(--ca-muted)}
.scope-note{margin-top:22px;padding:15px 18px;background:var(--ca-blue-soft);border-left:4px solid var(--ca-blue);border-radius:0 9px 9px 0;color:var(--ca-ink);font-size:15px}
.output-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.output-list{display:grid;gap:0;border-top:1px solid var(--ca-line)}
.output-list > div{display:grid;grid-template-columns:38px 1fr;gap:12px;border-bottom:1px solid var(--ca-line);padding:17px 0}
.output-list strong{display:block;color:var(--ca-navy)}
.output-list span{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ca-purple)}
.output-list p{font-size:15px;color:var(--ca-muted);margin:3px 0 0}
.selection-boundary{background:var(--ca-navy);color:#fff;border-radius:14px;padding:29px}
.selection-boundary h3{color:#fff}
.selection-boundary p{color:#d7daeb}
.selection-boundary a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.practice-point{padding:0 0 19px;border-bottom:1px solid var(--ca-line)}
.practice-point h3{font-size:22px}
.practice-point p{font-size:15.5px;color:var(--ca-muted)}
.faq-wrap{max-width:860px}
.hris-cta{background:linear-gradient(105deg,var(--ca-navy),#15105a);color:#fff;padding:76px 0}
.hris-cta .wrap{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.hris-cta h2{color:#fff;max-width:17ch}
.hris-cta p{color:#d7daeb;font-size:18px}
@media (max-width:960px){.hris-page .process{grid-template-columns:1fr 1fr}.process-step:nth-child(odd){border-left:0}.process-step:nth-child(n+3){border-top:1px solid var(--ca-line)}.output-grid{gap:30px}.hris-hero-grid{gap:34px}}
@media (max-width:760px){.hris-hero{padding:50px 0}.hris-hero-grid,.output-grid,.hris-cta .wrap,.hris-intro .wrap{grid-template-columns:1fr}.hris-intro{padding:28px 0}.practice-grid{grid-template-columns:1fr}.hris-cta{padding:56px 0}}
@media (max-width:520px){.hris-page .process{grid-template-columns:1fr}.process-step{border-left:0;border-top:1px solid var(--ca-line)}.process-step:first-child{border-top:0}.hris-hero .lede{font-size:20px}.decision-frame{padding:22px}.hris-cta .btn{width:100%}}