.journey-comparison{--wf-green:#3ccf7e;--wf-gold:#f2c14e;color:#f1eee6;text-align:left;background:#11161a;border:1px solid #344148;border-radius:14px;margin:0;padding:clamp(18px,3vw,36px)}.journey-comparison *{box-sizing:border-box}.journey-choice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.journey-controls{border-bottom:1px solid #344148;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:18px;display:grid}.journey-controls label{cursor:pointer;color:#c6cdd0;background:#192126;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.journey-controls label span{color:#99a5ac;font-size:12px}.journey-controls label:hover{border-color:#77878e}.journey-choice[value=tools]:checked~.journey-controls label[for=journey-view-tools],.journey-choice[value=connected]:checked~.journey-controls label[for=journey-view-connected],.journey-choice[value=synth]:checked~.journey-controls label[for=journey-view-synth]{color:#fff;border-color:var(--wf-green);background:#183329}.journey-choice[value=tools]:focus-visible~.journey-controls label[for=journey-view-tools],.journey-choice[value=connected]:focus-visible~.journey-controls label[for=journey-view-connected],.journey-choice[value=synth]:focus-visible~.journey-controls label[for=journey-view-synth]{outline:3px solid var(--wf-gold);outline-offset:3px}.journey-key{color:#b9c4c9;flex-wrap:wrap;gap:10px 22px;margin:18px 0 26px;padding:0;font-size:12px;list-style:none;display:flex}.journey-key li{align-items:center;gap:8px;display:flex}.journey-key img{object-fit:contain;width:16px;height:16px}.journey-key-line{border-top:3px solid var(--wf-green);width:28px;display:block}.journey-key-line--recover{border-top:3px dashed var(--wf-gold)}.journey-panel{display:none}.journey-choice[value=tools]:checked~.journey-panels .journey-panel--tools,.journey-choice[value=connected]:checked~.journey-panels .journey-panel--connected,.journey-choice[value=synth]:checked~.journey-panels .journey-panel--synth{display:block}.journey-panel-heading{align-items:flex-start;gap:16px;margin:0 0 30px;display:flex}.journey-number{color:var(--wf-green);padding-top:5px;font-size:13px;font-weight:700}.journey-panel-heading h3{letter-spacing:-.025em;color:#f1eee6;max-width:760px;margin:0 0 10px;font-size:clamp(22px,2.7vw,32px);line-height:1.18}.journey-panel-heading p{color:#b9c4c9;max-width:790px;margin:0;font-size:16px;line-height:1.55}.journey-journey{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0 0 28px;padding:0;list-style:none;display:grid}.journey-step{--node-color:var(--wf-gold);text-align:center;grid-template-rows:44px 64px auto;justify-items:center;gap:12px;display:grid;position:relative}.journey-step--green{--node-color:var(--wf-green)}.journey-step h4{color:#f1eee6;max-width:170px;margin:0;font-size:15px;font-weight:700;line-height:1.35}.journey-node{border:2px solid var(--node-color);background:#1a2428;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.journey-node img{object-fit:contain;width:38px;height:38px}.journey-feature{background:var(--wf-gold);border:2px solid #11161a;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-5px}.journey-feature img{filter:brightness(.18);width:14px;height:14px}.journey-step:not(:last-child):after{content:"";border-top:2px dashed var(--wf-gold);width:calc(100% - 50px);position:absolute;top:87px;left:calc(50% + 33px)}.journey-panel--synth .journey-step:not(:last-child):after{border-top-style:solid;border-color:var(--wf-green)}.journey-step p{color:var(--node-color);max-width:160px;margin:0;font-size:14px;line-height:1.45}.journey-example{border-top:1px solid #344148;border-bottom:1px solid #344148;padding:18px 0}.journey-example-label{color:#b9c4c9;margin:0 0 14px;font-size:12px}.journey-example ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.journey-example li{border-left:2px solid var(--wf-gold);padding-left:12px}.journey-panel--synth .journey-example li{border-color:var(--wf-green)}.journey-example li span{color:#b9c4c9;margin-bottom:6px;font-size:12px;display:block}.journey-example li strong{color:#f1eee6;font-size:16px;line-height:1.3;display:block}.journey-context{border:1px dashed var(--wf-gold);color:var(--wf-gold);flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:20px;padding:13px 16px;font-size:13px;display:flex}.journey-context--connected{background:#172a23;border-color:#7b9690}.journey-context--synth{border-style:solid;border-color:var(--wf-green);color:var(--wf-green);background:#162f24}.journey-context span{color:#b9c4c9}.journey-systems{color:#b9c4c9;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.journey-systems li{justify-content:center;align-items:center;gap:8px;display:flex}.journey-systems img{object-fit:contain;width:23px;height:23px}.journey-takeaway{color:#f1eee6;margin:24px 0 0;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.35}@media (width<=720px){.journey-controls label{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 8px;font-size:12px}.journey-panel-heading{margin-bottom:24px}.journey-panel-heading h3{font-size:24px}.journey-panel-heading p{font-size:15px}.journey-journey{display:block}.journey-step{text-align:left;grid-template-rows:auto auto;grid-template-columns:54px 1fr;justify-items:start;gap:4px 16px;min-height:80px;padding:0 0 22px;display:grid}.journey-node{grid-area:1/1/3;width:50px;height:50px}.journey-node img{width:30px;height:30px}.journey-step h4{grid-area:1/2;align-self:end;max-width:none}.journey-step p{grid-area:2/2;max-width:none;font-size:14px}.journey-step:not(:last-child):after{border-top:0;border-left:2px dashed var(--wf-gold);width:0;height:calc(100% - 50px);top:52px;left:24px}.journey-panel--synth .journey-step:not(:last-child):after{border-left-style:solid;border-color:var(--wf-green)}.journey-example ol{grid-template-columns:1fr 1fr;gap:18px 12px}.journey-example li strong{font-size:15px}.journey-systems{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.journey-systems li{justify-content:flex-start}.journey-key{gap:8px 18px;margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.journey-comparison{scroll-behavior:auto}}