.request-journey{--j-bg:#152b22;--j-panel:#1b3428;--j-ink:#edf1e6;--j-muted:#b3c3b5;--j-accent:#c4ddb0;background:var(--j-bg);color:var(--j-ink);padding:clamp(64px,7vw,112px) 0;scroll-margin-top:90px}
.request-journey .wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:clamp(20px,5vw,80px)}
.journey-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:40px}
.journey-eyebrow{font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--j-muted)}
.journey-heading h2{font-size:clamp(38px,4.5vw,70px);line-height:1.02;letter-spacing:-.045em;margin-top:16px;font-weight:500}
.journey-intro{max-width:400px;justify-self:end}
.journey-intro>p{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:#d2dccf}
.journey-intro>a,.journey-footnote>a{display:inline-flex;gap:24px;align-items:center;text-decoration:none;font-size:13px;color:var(--j-accent)}
.journey-intro>a{margin-top:20px;border-bottom:1px solid #71866c;padding-bottom:7px}
.journey-workbench{background:var(--j-panel);border:1px solid #48604c;border-radius:3px;overflow:hidden}
.journey-example{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:23px 30px;border-bottom:1px solid #465d4a}
.journey-example>p{font-size:15px;color:var(--j-ink);line-height:1.5}
.journey-local{font:11px/1.5 'IBM Plex Mono',monospace;color:#c0ceb9;white-space:nowrap}
.journey-diagram{position:relative;padding:2px 4% 28px;background:radial-gradient(ellipse at 50% 5%,#36574033,transparent 70%)}
.journey-machine{display:block;width:100%;max-height:345px;margin:auto;overflow:visible}
.journey-device{transition:opacity .25s;opacity:.56}
.journey-agent{opacity:1}
.journey-nodes{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:24px;margin-top:-2px}
.journey-node h3{font-size:19px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.journey-node p{font-size:12px;line-height:1.6;color:#b9c8b9;margin-top:7px}
.journey-node>span{display:block;font:10px/1.5 'IBM Plex Mono',monospace;color:#cfdfbf;margin-top:12px;min-height:15px}
.journey-flow{color:#c4e59f;stroke:currentColor}
.journey-flow path{opacity:0}
.journey-workbench[data-stage="0"] .flow-in,.journey-workbench[data-stage="1"] .flow-model,.journey-workbench[data-stage="2"] .flow-tool,.journey-workbench[data-stage="3"] .flow-model,.journey-workbench[data-stage="4"] .flow-out{opacity:1}
.journey-workbench[data-stage="1"] .journey-gpu,.journey-workbench[data-stage="3"] .journey-gpu,.journey-workbench[data-stage="2"] .journey-tool{opacity:1}
.journey-workbench.is-playing .journey-flow path{stroke-dasharray:6 8;animation:journey-flow 1.1s linear infinite}
@keyframes journey-flow{to{stroke-dashoffset:-28}}
.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border-top:1px solid #48604c;border-bottom:1px solid #48604c}
.journey-steps li+li{border-left:1px solid #48604c}
.request-journey button{font:inherit;cursor:pointer;color:inherit;border-radius:0}
.journey-steps button{width:100%;min-height:65px;border:0;background:transparent;text-align:left;padding:15px 22px;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
.journey-steps button>span{font:11px 'IBM Plex Mono',monospace;color:#abc19c}
.journey-steps button[aria-pressed="true"]{background:#c4ddb0;color:#162d21}
.journey-steps button[aria-pressed="true"]>span{color:#3a593c}
.journey-steps button:hover:not(:disabled){background:#36533d}
.journey-steps button[aria-pressed="true"]:hover{background:#d3e5c3}
.journey-steps button:disabled{cursor:default;opacity:1}
.journey-detail{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;padding:30px;min-height:200px}
.journey-step-count{font:10px/1.5 'IBM Plex Mono',monospace;color:var(--j-muted);letter-spacing:.12em;margin-bottom:12px}
.journey-story h3{font-size:clamp(21px,2vw,29px);font-weight:500;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}
.journey-story>p:last-child,.journey-resource>p{color:#c2cfbd;font-size:14px;line-height:1.65;max-width:560px}
.journey-resource{border-left:1px solid #48604c;padding-left:32px}
.journey-resource-visual{display:flex;gap:5px;max-width:270px;margin:17px 0 13px}
.journey-resource-visual i{height:13px;flex:1;background:#49654c;border:1px solid #668263;transform:skew(-15deg)}
.journey-workbench[data-stage="1"] .journey-resource-visual i,.journey-workbench[data-stage="3"] .journey-resource-visual i{background:#c4ddb0;border-color:#d5e7c3}
.journey-resource>strong{display:block;font-size:14px;font-weight:500;margin-bottom:7px}
.journey-resource>p{font-size:12px;max-width:360px}
.journey-controls{padding:0 30px 26px;display:flex;gap:12px;align-items:center}
.journey-controls[hidden]{display:none}
.journey-controls button{padding:12px 18px;min-height:46px;line-height:1.25;border:1px solid #71856b;font-size:13px;background:transparent;display:inline-flex;gap:25px;align-items:center}
.journey-controls .journey-play{background:#c4ddb0;border-color:#c4ddb0;color:#152b22;min-width:160px;justify-content:space-between}
.journey-controls button:hover{background:#3b5540}.journey-controls .journey-play:hover{background:#d5e8c3}
.journey-controls button:disabled{opacity:.5;cursor:default}
.journey-controls .journey-reset{border-color:transparent;color:#c2cfbd}
.journey-controls>span{font:10px/1.4 'IBM Plex Mono',monospace;color:var(--j-muted);margin-left:auto;text-align:right}
.request-journey :focus-visible{outline:2px solid #e5f0d5;outline-offset:4px}
.journey-steps :focus-visible{outline-offset:-5px;outline-color:#eff8dd}
.journey-steps [aria-pressed="true"]:focus-visible{outline-color:#1c3b2b}
.journey-footnote{display:flex;gap:30px;justify-content:space-between;align-items:start;margin-top:22px}
.journey-footnote>p{font-size:11px;line-height:1.7;max-width:690px;color:#b7c6b5}
.journey-footnote>a{white-space:nowrap;font-size:12px}
.journey-static{padding:0 30px 30px;color:#c2cfbd;font-size:14px;line-height:1.7}
@media(min-width:1700px){.journey-machine{max-height:370px}}
@media(max-width:900px){.journey-heading{gap:24px;grid-template-columns:1fr 1fr}.journey-example{grid-template-columns:1fr auto;gap:10px;padding:20px}.journey-example>p{grid-row:2;grid-column:1/-1}.journey-local{grid-column:2;grid-row:1}.journey-steps button{padding:14px 12px;gap:8px;font-size:12px}.journey-detail{gap:24px;padding:26px 20px;min-height:225px}.journey-resource{padding-left:24px}.journey-controls{padding:0 20px 24px}.journey-node h3{font-size:16px}.journey-node p{font-size:11px}}
@media(max-width:600px){.request-journey{padding:58px 0}.journey-heading{display:block;margin-bottom:28px}.journey-heading h2{font-size:42px}.journey-intro{margin-top:24px;max-width:100%}.journey-intro>p{font-size:15px;max-width:380px}.journey-intro>a{font-size:12px;margin-top:15px}.journey-example{padding:17px 16px;gap:10px}.journey-example>p{font-size:14px}.journey-local{font-size:10px}.journey-eyebrow{font-size:10px;letter-spacing:.08em}.journey-diagram{padding:12px 4px 21px}.journey-machine{min-height:110px}.journey-nodes{gap:7px;padding:0 8px}.journey-node h3{font-size:13px;line-height:1.3}.journey-node p{display:none}.journey-node>span{font-size:10px;line-height:1.5;margin-top:7px;min-height:27px}.journey-steps button{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;padding:12px 7px;min-height:72px}.journey-steps button>span{font-size:10px}.journey-detail{display:block;padding:24px 18px;min-height:0}.journey-story{min-height:200px}.journey-story h3{font-size:24px;max-width:280px}.journey-story>p:last-child{font-size:13px;line-height:1.65}.journey-resource{border-left:0;border-top:1px solid #48604c;margin-top:20px;padding:19px 0 0;min-height:180px}.journey-resource-visual{max-width:220px;margin:13px 0}.journey-resource>strong{font-size:13px}.journey-resource>p{font-size:12px}.journey-controls{padding:0 18px 22px;gap:8px;flex-wrap:wrap}.journey-controls button{font-size:12px;padding:12px;gap:16px}.journey-controls .journey-play{min-width:140px}.journey-controls .journey-reset{padding-inline:5px}.journey-controls>span{flex-basis:100%;text-align:left;margin:6px 0 0}.journey-footnote{display:block;margin-top:18px}.journey-footnote>p{font-size:10px}.journey-footnote>a{margin-top:12px}.journey-static{padding:0 18px 24px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.request-journey *{animation:none!important;transition:none!important}}
