/* Main Clinical Workflow only. Existing tabs, links and light timing are owned
   by showcase.js; its connector still measures the center of each <i> node. */
.home-final #workflow.home-workflow {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 padding:42px 0 30px;
 background:radial-gradient(ellipse at 74% 3%,#172f5c45,transparent 56%),radial-gradient(ellipse at 52% 115%,#203d7a30,transparent 60%),#040a13;
}
.home-final #workflow>.wrap {position:relative;z-index:1}
.home-final #workflow .home-workflow-depth {position:absolute;z-index:0;pointer-events:none;right:-3%;top:-55px;width:67%;height:100%;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 91%,transparent)}
.home-final #workflow .home-workflow-depth>svg {width:100%;height:100%;object-fit:contain;overflow:visible}
.home-final #workflow .home-workflow-heading {position:relative}
.home-final #workflow .home-workflow-heading>.home-flow-note {flex-shrink:0}
.home-final #workflow .home-workflow-heading .kicker {display:flex;align-items:center;gap:18px}
.home-final #workflow .home-workflow-heading .kicker::after {content:"";width:50px;height:1px;background:linear-gradient(90deg,#77a7df,transparent)}
.home-final #workflow .workflow-path {margin:30px 0 18px;gap:12px;isolation:isolate}
.home-final #workflow .workflow-path button {align-items:center;text-align:center;justify-content:center;padding:18px 4px;min-height:156px;gap:12px;min-width:0;border-radius:18px;background:transparent}
/* Keep selection, hover and press feedback on the circular nodes only. */
.home-final #workflow .workflow-path button::before {content:none}
.home-final #workflow .workflow-path button:is(:hover,:active,[aria-selected=true]) {background:transparent;box-shadow:none}
.home-final #workflow .workflow-path button>span {order:0;position:relative;z-index:1;font-size:13px;line-height:1.2;letter-spacing:.03em;color:#9ec4fb}
.home-final #workflow .workflow-path button>strong {order:2;position:relative;z-index:1;font-weight:500;line-height:1.3;font-size:clamp(14px,1.18vw,19px);color:#c1d0e6;white-space:nowrap}
.home-final #workflow .workflow-path button>i {order:1;position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;margin:0;border:1px solid #729fde;box-shadow:inset 0 0 0 3px #152b4b3d,0 0 10px #22498320;background:linear-gradient(145deg,#0b1929,#07111e);color:#b3d3ff;transition:color .18s,border-color .18s,background .18s,box-shadow .18s}
.home-final #workflow .workflow-path button>i>svg {width:28px;height:28px;display:block;overflow:visible}
.home-final #workflow .workflow-path button[aria-selected=true]>strong {color:#f2f5ff}
.home-final #workflow .workflow-path button[aria-selected=true]>i {background:radial-gradient(circle at 35% 23%,#617dff,#3449a1 43%,#172755 75%,#101c3d);border-color:#e0eeff;color:#f2f7ff;box-shadow:inset 0 0 9px #ccdbffad,0 0 0 7px #7173e52b,0 0 0 17px #7770e514,0 0 24px 5px #728dff8c}
.home-final #workflow .workflow-path button:hover>i {border-color:#d6e6ff;color:#edf5ff}
.home-final #workflow .workflow-path button:focus-visible {outline:none}
.home-final #workflow .workflow-path button:focus-visible>i {outline:2px solid #b8cfff;outline-offset:5px}
/* An unlit target lights only after the existing travelling tail is absorbed. */
.home-final #workflow .workflow-path[data-pulse-state="moving"] button>i,
.home-final #workflow .workflow-path[data-pulse-state="resetting"] button>i {background:linear-gradient(145deg,#0b1929,#07111e);border-color:#729fde;color:#b3d3ff;box-shadow:inset 0 0 0 3px #152b4b3d,0 0 10px #22498320;transition:none}
.home-final #workflow .workflow-rail {stroke:#4c73b4;stroke-width:1.1}
.home-final #workflow .workflow-trail {stroke:#a2b9ff;stroke-width:2;stroke-linecap:butt}
.home-final #workflow .home-flow-caption {padding:0;border:0;min-height:66px}
.home-final #workflow .home-flow-caption article {gap:24px;padding:0}
.home-final #workflow .home-flow-caption article>div {position:relative;flex:1;min-width:0;min-height:64px;padding:16px 21px 16px 27px;gap:19px;border:1px solid #456ba12c;border-radius:13px;background:linear-gradient(110deg,#0b1a2dc9,#0c193187);box-shadow:inset 0 1px 0 #7998d104}
.home-final #workflow .home-flow-caption article>div::before {content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:2px;height:23px;border-radius:2px;background:#82b9ff;box-shadow:0 0 9px #709fff3d}
.home-final #workflow .home-flow-caption h3 {padding-right:17px;border-right:1px solid #587eae80;color:#9dcaff;font-size:14px;line-height:1.4}
.home-final #workflow .home-flow-caption article>div>p:last-child {font-size:13px;color:#b8c7db;line-height:1.7}
.home-final #workflow .home-flow-caption article>.editorial-link {flex-shrink:0}
@media (min-width:768px) and (max-width:980px) {
 .home-final #workflow .home-workflow-depth {right:-17%;width:84%;opacity:.55}
 .home-final #workflow .home-flow-note {max-width:160px}
 .home-final #workflow .workflow-path {gap:4px}
 .home-final #workflow .workflow-path button {padding-inline:0;min-height:143px;border-radius:14px}
 .home-final #workflow .workflow-path button>i {width:46px;height:46px}
 .home-final #workflow .workflow-path button>i>svg {width:24px;height:24px}
 .home-final #workflow .workflow-path button>strong {font-size:13px}
 .home-final #workflow .home-flow-caption article {gap:16px;align-items:flex-start}
 .home-final #workflow .home-flow-caption article>div {align-items:flex-start;gap:12px;padding-right:15px}
 .home-final #workflow .home-flow-caption h3 {padding-right:12px;font-size:13px}
 .home-final #workflow .home-flow-caption article>div>p:last-child {font-size:12px}
}
/* Retain the existing single vertical track on mobile. */
@media (max-width:767px) {
 .home-final #workflow.home-workflow {padding:32px 0 24px}
 .home-final #workflow .home-workflow-depth {width:155%;height:370px;top:0;right:-77%;opacity:.34;mask-image:linear-gradient(90deg,transparent,#000 55%)}
 .home-final #workflow .workflow-path {grid-template-columns:1fr;gap:4px;margin:23px 0 18px}
 .home-final #workflow .workflow-path button {display:grid;grid-template-columns:32px 1fr;justify-content:start;align-items:center;text-align:left;min-height:62px;padding:13px 14px 13px 64px;gap:12px;border-radius:12px}
 .home-final #workflow .workflow-path button>i {position:absolute;left:10px;top:12px;width:38px;height:38px;margin:0}
 .home-final #workflow .workflow-path button>i>svg {width:22px;height:22px}
 .home-final #workflow .workflow-path button>span {order:0;font-size:11px}
 .home-final #workflow .workflow-path button>strong {order:1;font-size:15px}
 .home-final #workflow .workflow-path button[aria-selected=true]>i {box-shadow:inset 0 0 6px #ccdbffad,0 0 0 4px #7173e525,0 0 15px 3px #728dff75}
 .home-final #workflow .workflow-path button:focus-visible>i {outline-offset:3px}
 .home-final #workflow .home-flow-caption article {display:block}
 .home-final #workflow .home-flow-caption article>div {display:block;padding:16px 18px 16px 27px;min-height:0}
 .home-final #workflow .home-flow-caption h3 {padding:0;border:0;margin-bottom:7px;font-size:14px}
 .home-final #workflow .home-flow-caption article>div>p:last-child {min-height:0;font-size:13px}
 .home-final #workflow .home-flow-caption article>.editorial-link {margin-top:9px}
}
@media (prefers-reduced-motion:reduce) {
 .home-final #workflow .workflow-path button::before,
 .home-final #workflow .workflow-path button>i {transition:none}
}
