/* HR case study pilot: explicit headings, no reserved index column. */
.hr-case-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0}
.hr-case-nav a{padding:12px 14px;border-radius:6px;font-size:16px;font-weight:600;background:#16121f}
.hr-case-nav a:hover{background:#241b32}
.hr-study{--hr-text:#c9bfd4;--hr-accent:#c4a1ff}
.hr-study-section{padding:42px 0;border-bottom:1px solid #302637;scroll-margin-top:24px}
.hr-study-section h2{display:flex;align-items:baseline;gap:16px;font-size:clamp(30px,3vw,46px);line-height:1.2;font-weight:600;letter-spacing:-1px;margin:0 0 26px}
.hr-study-section h2 span{font-size:.65em;color:var(--hr-accent);font-weight:500;letter-spacing:0}
.hr-study-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3vw,52px);align-items:start}
.hr-study-copy>p{font-size:18px;line-height:1.7;color:#e0d9e9;max-width:65ch;margin:0 0 24px}
.hr-study-points{padding:0;margin:0;list-style:none;display:grid;gap:18px}
.hr-study-points li{padding:0 0 0 16px;border-left:2px solid #473456}
.hr-study-points h3{font-size:16px;font-weight:650;line-height:1.4;margin:0 0 5px}
.hr-study-points p{font-size:15px;line-height:1.65;color:var(--hr-text);margin:0;max-width:65ch}
ol.hr-study-points{counter-reset:workflow}
ol.hr-study-points li{counter-increment:workflow}
ol.hr-study-points h3:before{content:counter(workflow) ". ";color:var(--hr-accent)}
.hr-study figure{margin:0;border:1px solid #342b40;border-radius:10px;overflow:hidden;background:#141019}
.hr-study figure img{width:100%;height:auto}
.hr-study figcaption{padding:14px 18px;color:var(--hr-text);font-size:13px;line-height:1.6}
.hiring-summary[hidden]{display:none}
@media(max-width:1000px){.hr-study-layout{grid-template-columns:1fr}.hr-study-copy{max-width:76ch}.hr-study-section{padding:32px 0}}
@media(max-width:600px){.hr-case-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-case-nav a{font-size:14px}.hr-study-copy>p{font-size:16px}.hr-study-section h2{margin-bottom:20px}}

.hr-study .hr-record-figure{width:100%;max-width:none;justify-self:stretch}
.hr-record-landscape{background:#f5f6fb;aspect-ratio:16/10;display:flex;flex-direction:column;overflow:hidden}
.hr-record-bar{background:#221b2e;color:#eee7f7;display:flex;justify-content:space-between;padding:12px 18px;font-size:13px;line-height:1.4}
.hr-record-bar span{color:#c9bfd4;font-size:12px}
.hr-record-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;flex:1;min-height:0;align-items:start}
.hr-record-panels svg{display:block;width:100%;height:auto;min-height:0;max-height:100%;overflow:hidden}
@media(max-width:600px){.hr-record-bar{padding:8px 10px;font-size:11px}.hr-record-bar span{font-size:10px}.hr-record-panels{padding:10px;gap:8px}}

/* Primary live demo action, before the walkthrough. */
.live-demo-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;margin:0 0 28px;border:1px solid #745394;border-radius:16px;background:#21182e}.live-demo-callout h2{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0 0 8px;font-weight:600}.live-demo-callout p{margin:0;color:#d0c4dc;font-size:16px;line-height:1.5}.live-demo-action{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.live-demo-action .button{background:#c8a4ff;color:#181020;padding:16px 28px;font-size:17px;min-height:56px;white-space:nowrap}.live-demo-action .button:hover{background:#dbc3ff}.live-demo-action small{font-size:12px;color:#c4b4d3}@media(max-width:700px){.live-demo-callout{flex-direction:column;align-items:stretch;padding:22px;gap:20px}.live-demo-action,.live-demo-action .button{width:100%}}