.ai-note{display:flex;align-items:flex-start;gap:20px;margin-top:36px;padding:24px;background:var(--panel);border-radius:6px}
.ai-mark{flex:0 0 auto;color:var(--accent);font-family:var(--display);font-size:1.5rem;line-height:1.4}
.ai-note h3{margin:0 0 8px;font-size:18px}
.ai-note p{color:var(--muted);font-size:14px;max-width:65rem}
.roadmap-section{border-top:1px solid var(--line);background:transparent}
.milestone-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:38px;padding:36px 0;border-block:1px solid var(--line)}
.milestone-number{color:var(--accent);font-family:var(--display);font-size:6rem;font-weight:300;line-height:1.1}
.milestone-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.roadmap-status{color:var(--muted);font-size:12px;letter-spacing:.12em}
.milestone-copy h3{font-size:clamp(1.7rem,2.4vw,2.4rem);margin:16px 0}
.milestone-copy>p{max-width:62rem;color:var(--muted)}
.milestone-mechanics{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:24px 0}
.milestone-mechanics li{font-size:14px;color:var(--text)}
.milestone-copy .milestone-travel{padding-top:20px;border-top:1px solid var(--line)}
.roadmap-subheading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:44px 0 12px}
.roadmap-subheading h3{margin:0;font-size:23px}
.roadmap-subheading p{font-size:14px;color:var(--muted);max-width:36rem}
.roadmap-progress-note{color:var(--muted);font-size:13px;margin-bottom:24px}
.progress-dot{display:none}
.pillar-explorer{display:flex;flex-direction:column;gap:20px}
.pillar-options,.is-enhanced .pillar-options{position:relative;display:flex;flex-direction:row;gap:12px;min-width:0;width:100%;padding:5px 3px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel);overscroll-behavior-x:contain}
.pillar-option{position:relative;display:flex;flex-direction:column;flex:1 0 190px;min-width:0;max-width:260px;scroll-snap-align:start;border-bottom:2px solid var(--line);padding-bottom:12px;transition:border-color .18s,color .18s}
.pillar-option img{height:105px;object-fit:cover;border-radius:5px;opacity:.62;transition:opacity .18s}
.pillar-option-copy{display:block;padding:12px 4px 0;min-width:0}
.pillar-option strong{display:block;font-family:var(--display);font-size:15px;font-weight:500;line-height:1.4;margin:6px 0}
.pillar-code{display:block;color:var(--accent);font-family:var(--display);font-size:12px;letter-spacing:.1em}
.pillar-option-status{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
.pillar-option-arrow{display:none}
.pillar-option:hover,.pillar-option[aria-selected="true"]{border-bottom-color:var(--accent)}
.pillar-option:hover img,.pillar-option[aria-selected="true"] img{opacity:1}
.pillar-option[aria-selected="true"] strong{color:var(--accent)}
.pillar-option:focus-visible{outline-offset:1px}
.pillar-content{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.pillar-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);scroll-margin-top:30px}
.pillar-panel+.pillar-panel{border-top:1px solid var(--accent);margin-top:32px}
.is-enhanced .pillar-panel{margin-top:0;border-top:0;animation:pillar-unfold .2s ease-out}
.pillar-panel[hidden],.pillar-pager[hidden]{display:none}
.pillar-scene{position:relative;min-width:0;min-height:480px;overflow:hidden;background:var(--deep);border-radius:7px 0 0}
.pillar-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.pillar-scene figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:7px 10px;background:var(--overlay);font-size:12px;letter-spacing:.05em;border-radius:3px}
.pillar-detail{padding:32px;min-width:0}
.pillar-detail-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.pillar-progress{color:var(--muted);font-size:14px}
.pillar-name{margin-top:24px;color:var(--muted);font-size:14px}
.pillar-detail h4{font-family:var(--display);font-size:clamp(1.65rem,2.1vw,2.2rem);font-weight:400;line-height:1.3;margin:10px 0 20px}
.pillar-goal{font-size:16px;max-width:48rem}
.pillar-requirements{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:24px 0}
.pillar-requirements li{border-left:2px solid var(--accent);padding-left:12px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.pillar-checkpoints{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:24px;border-top:1px solid var(--line)}
.pillar-checkpoints h5{margin:0 0 10px;color:var(--accent);font-family:var(--display);font-size:14px;font-weight:500}
.pillar-checkpoints p{font-size:14px;line-height:1.7;color:var(--muted)}
.pillar-pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:8px 20px;gap:8px}
.pillar-pager button{min-height:44px;padding:8px;border:0;background:transparent;color:var(--text);font-size:14px;border-radius:3px}
.pillar-pager button:hover{color:var(--accent)}
.pillar-pager>span{color:var(--muted);font-family:var(--display);font-size:14px}
.roadmap-work-order{margin-top:24px;padding:0 24px;border-block:1px solid var(--line);background:var(--panel);border-radius:6px}
.roadmap-work-order summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;cursor:pointer;list-style:none;font-size:16px}
.roadmap-work-order summary::-webkit-details-marker{display:none}
.roadmap-work-order summary span{color:var(--accent);font-size:24px;transition:transform .2s}
.roadmap-work-order:is([data-expanded="true"],[open]:not([data-expanded])) summary span{transform:rotate(45deg)}
.roadmap-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0 0 24px}
.roadmap-stages li{padding-top:20px;border-top:1px solid var(--line)}
.stage-step{color:var(--accent);font-family:var(--display);font-size:12px;letter-spacing:.05em}
.roadmap-stages h4{font-size:16px;line-height:1.4;margin:12px 0}
.roadmap-stages p{color:var(--muted);font-size:14px}
.roadmap-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.direction-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.direction-image{position:relative;background:var(--deep)}
.direction-image img{aspect-ratio:2.6;object-fit:cover}
.direction-image figcaption{position:absolute;bottom:12px;right:12px;max-width:calc(100% - 24px);padding:6px 10px;background:var(--overlay);font-size:12px;letter-spacing:.05em;border-radius:3px}
.direction-copy{padding:28px}
.direction-copy .eyebrow{font-size:12px;letter-spacing:.1em}
.direction-copy h3{margin:12px 0;font-size:24px}
.direction-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}
.direction-copy>p+p{margin-top:14px}
.roadmap-boundary{padding:20px 24px;margin-top:24px;background:var(--panel);border-radius:6px;color:var(--muted);font-size:14px}
.roadmap-boundary strong{color:var(--text)}
.roadmap-footnote{color:var(--muted);font-size:13px;margin-top:20px;max-width:70rem}
.footer-ai{font-size:14px;color:var(--muted)}
.footer-ai:hover{color:var(--accent)}
@keyframes pillar-unfold{from{opacity:.6}to{opacity:1}}
@media(min-width:1500px){.pillar-option{flex-basis:0;max-width:none}}
@media(max-width:1100px){.pillar-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.pillar-detail{padding:26px}.pillar-checkpoints{grid-template-columns:1fr;gap:20px}.milestone-card{grid-template-columns:110px minmax(0,1fr);gap:24px}.milestone-number{font-size:4.5rem}.roadmap-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.pillar-panel{grid-template-columns:1fr}.pillar-scene{min-height:0;aspect-ratio:2.2;border-radius:7px 7px 0 0}.pillar-option{flex:0 0 200px;max-width:none}.pillar-option img{height:110px}.pillar-checkpoints{grid-template-columns:1fr 1fr}.roadmap-subheading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.ai-note{gap:16px;padding:20px}.milestone-card{grid-template-columns:1fr;gap:16px;padding-block:28px}.milestone-number{font-size:3rem}.milestone-meta{gap:12px}.milestone-copy h3{font-size:1.7rem}.milestone-mechanics{gap:8px 20px}.pillar-detail{padding:22px 20px}.pillar-detail h4{font-size:1.65rem}.pillar-checkpoints{grid-template-columns:1fr}.pillar-scene{aspect-ratio:1.65}.pillar-pager{padding:8px}.roadmap-stages{grid-template-columns:1fr}.roadmap-work-order{padding:0 20px}.roadmap-direction{grid-template-columns:1fr}.direction-copy{padding:22px}.direction-image img{aspect-ratio:2}.roadmap-boundary{padding:20px}}