.legacy-anchor{display:block;scroll-margin-top:112px}.roadmap-section{position:relative}.roadmap{--road-progress:0;border:1px solid #455535;border-radius:8px;background:radial-gradient(ellipse at 50% 0,#516e2414,transparent 55%),#141810;overflow:hidden}.roadmap-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px 0}.roadmap-topline>.mono{color:var(--muted);font-size:9px;letter-spacing:.08em}.roadmap-topline>.roadmap-status{color:var(--accent);font-size:9px;letter-spacing:.03em}.roadmap-track{height:200px;position:relative;margin:0 30px}.roadmap-thread{position:absolute;inset:0;width:100%;height:200px;overflow:visible;pointer-events:none}.roadmap-thread path{fill:none;vector-effect:non-scaling-stroke}.thread-base{stroke:#465437;stroke-width:1.5;stroke-dasharray:4 6}.thread-progress{stroke:var(--accent);stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 0 5px #c5f77766)}.roadmap:not(.has-progress) .thread-progress{opacity:0}.roadmap-reveal{transition:width .65s cubic-bezier(.22,1,.36,1)}.thread-mobile{display:none}.roadmap-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;padding-top:26px}.roadmap-step{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;isolation:isolate;background:none;border:0;padding:0 4px;color:var(--muted);text-align:center;min-width:0;transform:translateY(0)}.roadmap-step:nth-child(even){transform:translateY(50px)}.roadmap-step:disabled{cursor:default}.roadmap-node{display:grid;place-items:center;width:44px;height:44px;border:1px solid #5e7049;background:#151c10;border-radius:50%;position:relative;transition:background .3s,box-shadow .3s,border-color .3s,transform .3s;box-shadow:0 0 0 7px #141810}.roadmap-node>span{font:11px var(--mono);color:#c3ceb7;letter-spacing:.02em}.roadmap-step strong{font-weight:500;display:block;font-size:13px;line-height:1.3;margin-top:15px;color:#c3ceb7;transition:color .3s}.roadmap-step small{font:8px var(--mono);letter-spacing:.12em;color:var(--muted);margin-top:6px;line-height:1.5}.roadmap-step:not(:disabled):hover .roadmap-node{transform:scale(1.12);border-color:var(--accent);box-shadow:0 0 0 7px #141810,0 0 28px #c5f77722}.roadmap-step:not(:disabled):active .roadmap-node{transform:scale(.94)}.roadmap-step[aria-selected="true"] .roadmap-node{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #141810,0 0 0 7px #718c45,0 0 32px #c5f77722}.roadmap-step[aria-selected="true"] .roadmap-node>span{color:var(--ink);font-weight:500}.roadmap-step[aria-selected="true"] strong{color:var(--accent)}.roadmap-step.is-reached .roadmap-node{border-color:#8bad58;background:#222e16}.roadmap-step.is-reached .roadmap-node>span{color:var(--accent)}.roadmap-display{margin:0 24px;overflow:clip;border:1px solid var(--line);border-radius:5px;background:#10150d}.roadmap-panel{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;min-height:446px;padding:34px;align-items:center}.roadmap-panel+.roadmap-panel{border-top:1px solid var(--line)}.roadmap.is-enhanced .roadmap-panel{border:0}.roadmap-copy{min-width:0}.roadmap-copy>.eyebrow{font-size:9px;color:var(--accent);letter-spacing:.1em;margin-bottom:20px}.roadmap-copy h3{font-size:clamp(27px,2.6vw,36px);line-height:1.18;letter-spacing:-.045em;margin-bottom:20px}.roadmap-description{font-size:13px;color:var(--muted);line-height:1.9;max-width:470px}.roadmap-proof{border-left:2px solid #6c8746;padding-left:15px;margin:21px 0}.roadmap-proof>.mono{font-size:8px;color:#c3ceb7;letter-spacing:.11em}.roadmap-proof>p{font-size:11px;color:var(--muted);line-height:1.8;max-width:420px;margin-top:5px}.roadmap-copy .tags{margin-bottom:20px}.roadmap-project-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5;color:var(--accent);padding-block:11px;border-top:1px solid #35452a;max-width:430px}.roadmap-project-link>span:last-child{font-size:22px;line-height:1;transition:transform .25s}.roadmap-project-link:hover>span:last-child{transform:translate(3px,-3px)}.roadmap-visual{min-width:0;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;padding:35px 20px 24px;border:1px solid #35442a;border-radius:4px;background:radial-gradient(ellipse at 50% 50%,#4b6b2722,transparent 75%),radial-gradient(#566e351e .8px,transparent .8px);background-size:auto,12px 12px;overflow:hidden}.roadmap-visual-index{position:absolute;top:13px;right:16px;font-size:8px;color:#acba9c;letter-spacing:.08em}.roadmap-image{display:flex;align-items:center;justify-content:center;min-height:230px}.roadmap-image img{width:100%;max-height:270px;object-fit:contain;border-radius:2px;box-shadow:0 15px 30px #0004}.roadmap-caption{font:8px/1.8 var(--mono);color:var(--muted);text-align:center;margin-top:21px;letter-spacing:.02em}.roadmap-model{padding:10px 0}.model-sources{display:grid;grid-template-columns:1fr 1fr;gap:13px}.model-sources>span{display:flex;flex-direction:column;border:1px solid #52673d;border-radius:4px;padding:14px 12px;background:#1c2715;font-size:12px;text-align:center;color:#e2e8d9}.model-sources small{font:7px var(--mono);color:var(--muted);letter-spacing:.07em;margin-bottom:8px}.model-sources i{font:8px/1.7 var(--mono);font-style:normal;color:var(--accent);margin-top:9px}.model-join{display:flex;align-items:center;justify-content:center;gap:14px;height:53px;position:relative}.model-join>span{height:1px;width:45px;background:#58713b}.model-join>b{font:9px var(--mono);letter-spacing:.15em;color:var(--accent)}.model-result{text-align:center;border:1px solid #809e50;border-radius:4px;padding:18px 10px;background:#1f2c15}.model-result>.mono{font-size:8px;color:var(--accent)}.model-result strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.04em;margin:5px 0}.model-result em{font-family:var(--font);font-style:normal;padding-inline:7px}.model-result p{font-size:11px;color:var(--muted);line-height:1.75}.roadmap-code{padding:12px 8px}.roadmap-code>.mono{font-size:8px;color:var(--muted);letter-spacing:.07em}.roadmap-code>div{display:flex;align-items:center;gap:10px;padding:15px 0;margin-top:10px;border-block:1px solid #4e6534}.roadmap-code b{font:10px var(--mono);padding:4px 7px;background:var(--accent);color:var(--ink);border-radius:2px}.roadmap-code code{font:12px var(--mono);color:#d6e1cc}.roadmap-code>div>span{margin-left:auto;color:var(--accent)}.roadmap-code ul{list-style:none;padding:8px 0 0}.roadmap-code li{display:flex;align-items:center;gap:14px;padding-block:12px;border-bottom:1px solid #35442a;font-size:12px;color:#d4dfc8}.roadmap-code li>span{font:9px var(--mono);color:var(--accent)}.roadmap-code>p{font-size:7px;color:var(--muted);letter-spacing:.03em;margin-top:19px;line-height:1.8}.roadmap-agent{padding:12px 0;text-align:center}.roadmap-agent>.mono{font-size:7px;color:var(--muted);letter-spacing:.03em}.roadmap-question{border:1px solid #667e45;border-radius:5px;padding:15px 8px;background:#202c17;font-size:13px;color:var(--text);margin-top:20px}.roadmap-agent-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:19px 0;font-size:9px;color:var(--muted)}.roadmap-agent-flow>span{padding:6px 4px;white-space:nowrap}.roadmap-agent-flow>i{color:var(--accent);font-style:normal}.roadmap-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.roadmap-evidence>span{font:10px var(--mono);padding:13px 5px;background:#243418;border:1px solid #63863d;border-radius:3px;color:var(--accent)}.roadmap-agent>p{font-size:11px;line-height:1.8;margin-top:19px;color:var(--muted)}.roadmap-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 30px}.roadmap-navigation>button{background:transparent;border:1px solid var(--line);border-radius:4px;font-size:11px;padding:10px 16px;display:flex;align-items:center;gap:20px;min-height:44px;transition:border-color .2s,background .2s,opacity .2s}.roadmap-navigation>button:disabled{opacity:.38}.roadmap-navigation>button:not(:disabled):hover{border-color:#728f4b;background:#c5f77708}.roadmap-navigation>button>span{color:var(--accent);font-size:17px;line-height:1}.roadmap-navigation>.mono{font-size:10px;color:#c3ceb7}.roadmap-navigation i{font-style:normal;color:var(--muted);margin-inline:6px}.roadmap-toolkit{margin-top:25px;border-block:1px solid var(--line)}.roadmap-toolkit>summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:22px 0;list-style:none;font-size:13px;color:#cad4be}.roadmap-toolkit>summary::-webkit-details-marker{display:none}.roadmap-toolkit>summary>span:last-child{color:var(--accent);font-size:22px;line-height:1;transition:transform .25s}.roadmap-toolkit[open]>summary>span:last-child{transform:rotate(45deg)}.roadmap-toolkit .skills-list{border-top:0}.roadmap-toolkit .skill-row:last-child{border-bottom:0}
@media(max-width:1100px){.roadmap-panel{padding:26px;gap:24px}.roadmap-copy h3{font-size:29px}.roadmap-topline{padding-inline:24px}.roadmap-visual{padding-inline:16px}.roadmap-visual,.roadmap-image{min-height:285px}.roadmap-image{min-height:210px}.model-sources>span{font-size:11px;padding-inline:8px}.model-sources small{font-size:6px}.model-sources i{font-size:7px}.model-result strong{font-size:22px}.roadmap-question{font-size:11px}.roadmap-agent-flow{font-size:8px}.roadmap-code code{font-size:10px}}
@media(max-width:760px){.roadmap-topline{padding:19px 18px 0;align-items:flex-start;flex-direction:column;gap:8px}.roadmap-topline>.mono{font-size:8px}.roadmap-track{height:119px;margin-inline:7px}.roadmap-thread{height:100px}.thread-desktop{display:none}.thread-mobile{display:block}.roadmap-tabs{padding-top:19px}.roadmap-step:nth-child(even){transform:none}.roadmap-node{width:38px;height:38px;box-shadow:0 0 0 5px #141810}.roadmap-node>span{font-size:10px}.roadmap-step strong{font-size:10px;margin-top:12px;letter-spacing:-.02em}.roadmap-step small{font-size:6px;letter-spacing:.02em;margin-top:5px}.roadmap-step[aria-selected="true"] .roadmap-node{box-shadow:0 0 0 4px #141810,0 0 0 5px #718c45,0 0 20px #c5f77722}.roadmap-step:not(:disabled):hover .roadmap-node{transform:scale(1.06);box-shadow:0 0 0 4px #141810}.roadmap-display{margin-inline:14px}.roadmap-panel{grid-template-columns:1fr;padding:24px;gap:21px;min-height:0}.roadmap-copy>.eyebrow{font-size:8px;margin-bottom:16px}.roadmap-copy h3{font-size:29px;margin-bottom:17px}.roadmap-description{font-size:12px;max-width:none}.roadmap-proof{margin:19px 0;padding-left:13px}.roadmap-proof>p{font-size:11px;max-width:none}.roadmap-copy .tags{margin-bottom:17px}.roadmap-copy .tags li{font-size:9px}.roadmap-project-link{font-size:11px}.roadmap-visual{padding:32px 19px 20px;min-height:270px}.roadmap-image{min-height:180px}.roadmap-image img{max-height:250px}.roadmap-caption{font-size:7px;margin-top:19px}.model-sources>span{font-size:12px;padding:14px 9px}.model-sources small{font-size:7px}.model-sources i{font-size:8px}.model-result strong{font-size:25px}.roadmap-code code{font-size:13px}.roadmap-question{font-size:13px}.roadmap-agent-flow{font-size:10px}.roadmap-agent>.mono{font-size:8px}.roadmap-navigation{padding:18px;gap:12px}.roadmap-navigation>button{font-size:10px;padding:9px 12px;gap:13px}.roadmap-navigation>.mono{font-size:9px}.roadmap-navigation i{margin-inline:3px}.roadmap-toolkit>summary{font-size:12px}.roadmap-panel+.roadmap-panel{margin-top:20px}.roadmap.is-enhanced .roadmap-panel{margin-top:0}}
@media(max-width:400px){.roadmap-panel{padding:20px 17px}.roadmap-copy h3{font-size:25px}.roadmap-step strong{font-size:9px}.roadmap-node{width:36px;height:36px}.roadmap-tabs{padding-top:20px}.roadmap-step small{display:none}.roadmap-visual{padding-inline:13px;min-height:250px}.roadmap-topline>.mono{font-size:7px}.roadmap-navigation{padding-inline:14px;gap:8px}.roadmap-navigation>button{font-size:9px;padding-inline:9px;gap:10px}.roadmap-navigation>.mono{font-size:8px}.model-sources{gap:9px}.model-sources>span{font-size:10px;padding-inline:6px}.model-sources small{font-size:6px}.model-sources i{font-size:6px}.model-result strong{font-size:22px}.roadmap-agent>.mono{font-size:6px}.roadmap-question{font-size:11px}.roadmap-agent-flow{font-size:8px}.roadmap-code code{font-size:11px}.roadmap-code>p{font-size:6px}}
@media(prefers-reduced-motion:reduce){.roadmap *{animation:none!important;transition:none!important}}