/* Homepage-only adaptation of the supplied illustrative workflow. */
.hero-workflow-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:start}
.hero-workflow-copy{min-width:0}
.hr-demo{min-width:0;color:var(--ink);font:inherit}
.hr-demo .hr-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.hr-demo .hr-tag{color:var(--blue2);font-size:12px;font-weight:750;max-width:150px;line-height:1.5}
.hr-demo .hr-controls{display:flex;gap:8px;flex-shrink:0}
.hr-demo button{font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:8px 12px;color:var(--blue2);background:var(--white);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.hr-demo button:hover{background:var(--soft2);color:var(--navy)}
.hr-demo button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.hr-demo button:disabled{cursor:default;color:var(--muted)}
.hr-demo h2{font-size:25px;line-height:1.25;max-width:none;margin:0 0 10px}
.hr-demo .hr-intro{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--body)}
.hr-demo .hr-disclaimer{font-size:13px;line-height:1.5;margin:0 0 18px;color:var(--muted)}
.hr-demo .hr-chart{padding:16px;border:1px solid var(--line);border-radius:6px}
.hr-demo .hr-chart-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.5;margin-bottom:14px}
.hr-demo .hr-chart-head span{color:var(--muted)}
.hr-demo .hr-stack{height:210px;display:flex;flex-direction:column;outline:1px solid var(--line);border-top:2px dashed var(--body)}
.hr-demo .hr-segment{display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.25;font-weight:650;min-height:0;flex-shrink:0;font-variant-numeric:tabular-nums}
.hr-demo .hr-margin{height:calc(100% * .8 / 6);color:var(--body);background:var(--soft)}
.hr-demo .hr-added{height:calc(100% * 1 / 6);color:var(--navy);background:repeating-linear-gradient(135deg,var(--soft2) 0,var(--soft2) 7px,var(--cyan) 7px,var(--cyan) 10px)}
.hr-demo .hr-existing{height:70%;color:var(--white);background:var(--blue2)}
.hr-demo .hr-basis{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 6px;font-variant-numeric:tabular-nums}
.hr-demo .hr-results{display:grid}
.hr-demo .hr-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.hr-demo .hr-row p{font-size:13px;line-height:1.5;color:var(--body);margin:0}
.hr-demo .hr-status{font-size:12px;line-height:1.5;font-weight:700;border:1px solid var(--line);padding:4px 7px;border-radius:3px;white-space:nowrap}
.hr-demo .hr-pass{color:var(--blue2);background:var(--soft2)}
.hr-demo .hr-fail{color:var(--navy);background:var(--amber);border-color:var(--amber)}
.hr-demo .hr-finding{margin-top:18px;background:var(--soft2);padding:18px;border-radius:4px}
.hr-demo .hr-finding h3{font-size:21px;line-height:1.3;margin:0 0 10px;max-width:none}
.hr-demo .hr-finding p{font-size:14px;line-height:1.5;margin:0 0 10px}
.hr-demo .hr-finding .hr-next{border-top:1px solid var(--line);padding-top:10px;margin-bottom:0}
.hr-demo .hr-foot{font-size:13px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.hr-demo .hr-motion-note,.hr-demo .hr-no-script{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0;min-height:36px}
/* Opacity and transforms reserve every label and result's final layout space. */
.hr-demo.hr-playing .hr-step{animation:hr-workflow-appear .65s both;animation-delay:var(--hr-delay)}
.hr-demo.hr-playing .hr-existing,.hr-demo.hr-playing .hr-added{animation:hr-workflow-grow .9s both;animation-delay:var(--hr-delay);transform-origin:bottom}
.hr-demo .hr-existing{--hr-delay:.4s}.hr-demo .hr-added{--hr-delay:1.5s}.hr-demo .hr-margin{--hr-delay:2.4s}
.hr-demo .hr-power{--hr-delay:2.7s}.hr-demo .hr-fuel{--hr-delay:3.5s}.hr-demo .hr-cooling{--hr-delay:4.3s}.hr-demo .hr-finding{--hr-delay:5.1s}
@keyframes hr-workflow-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes hr-workflow-grow{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@media(max-width:1100px){.hero-workflow-layout{grid-template-columns:1fr;gap:44px}.hr-demo{width:100%;max-width:660px;justify-self:center}}
@media(max-width:450px){.hr-demo .hr-top{align-items:flex-start}.hr-demo .hr-tag{max-width:105px}.hr-demo button{padding-inline:10px}.hr-demo .hr-row{grid-template-columns:58px minmax(0,1fr);gap:6px 10px}.hr-demo .hr-status{grid-column:2;justify-self:start}.hr-demo .hr-chart{padding:12px}.hr-demo .hr-chart-head{flex-wrap:wrap}.hr-demo .hr-finding{padding:16px}}
@media(prefers-reduced-motion:reduce){.hr-demo.hr-playing .hr-step,.hr-demo.hr-playing .hr-existing,.hr-demo.hr-playing .hr-added{animation:none}}
@media print{.hero-workflow-layout{display:block}.hr-demo{break-inside:avoid;margin-top:24px}.hr-demo .hr-controls,.hr-demo .hr-motion-note{display:none}.hr-demo.hr-playing .hr-step,.hr-demo.hr-playing .hr-existing,.hr-demo.hr-playing .hr-added{animation:none}}