/* Visual guidance, scoped exclusively to the two homepage roadmaps. */
.roadmap-visual{scroll-margin-top:90px}
.roadmap-visual .reveal{opacity:1;transform:none;transition:none}
.roadmap-visual .roadmap-phase{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:start;margin-top:48px}
.roadmap-visual .roadmap-phase+.roadmap-phase{margin-top:48px;padding-top:48px;border-top:1px solid var(--c-line)}
.roadmap-visual .roadmap-phase__visual{margin:0;background:var(--c-sub);border:1px solid var(--c-line);border-radius:2px;overflow:hidden}
.roadmap--alt.roadmap-visual .roadmap-phase__visual{background:#fff}
.roadmap-visual .roadmap-phase__visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.roadmap-visual .roadmap-phase__visual figcaption{padding:24px}
.roadmap-visual .roadmap-phase__visual figcaption>span{font-family:var(--ff-num);color:var(--c-accent-deep);font-size:11px;letter-spacing:.18em;font-weight:700}
.roadmap-visual .roadmap-phase__visual h3{font-size:21px;line-height:1.6;color:var(--c-primary);margin:10px 0 8px;letter-spacing:.03em}
.roadmap-visual .roadmap-phase__visual p{font-size:13px;line-height:1.9;margin:0;color:var(--c-text)}
.roadmap-visual .roadmap-phase__visual small{display:block;font-size:10px;color:var(--c-sub-text);margin-top:18px}
.roadmap-visual .roadmap-phase__steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}
.roadmap-visual .flow-step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px}
.roadmap-visual .flow-step:not(:last-child)::after{content:"";position:absolute;top:48px;bottom:-16px;left:19px;border-left:1px solid var(--c-line)}
.roadmap-visual .flow-step__number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--c-primary);border-radius:50%;color:#fff;font-family:var(--ff-num);font-size:13px;font-weight:700;letter-spacing:.04em}
.roadmap-visual .flow-step__when{color:var(--c-sub-text);font-size:11px;margin:0 0 4px;line-height:1.8}
.roadmap-visual .flow-step__title{color:var(--c-primary);font-size:17px;line-height:1.6;margin:0 0 8px;letter-spacing:.03em}
.roadmap-visual .flow-step__summary{font-size:14px;line-height:1.9;margin:0;color:var(--c-text)}
.roadmap-visual .flow-step__details{margin-top:10px;border-bottom:1px solid var(--c-line)}
.roadmap-visual .flow-step__details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:9px 0 12px;font-size:12px;color:var(--c-primary);line-height:1.8;min-height:44px}
.roadmap-visual .flow-step__details>summary::-webkit-details-marker{display:none}
.roadmap-visual .flow-step__details>summary>span:last-child{font-size:18px}
.roadmap-visual .flow-step__details[open]>summary>span:last-child{transform:rotate(45deg)}
.roadmap-visual .flow-step__details>summary:focus-visible{outline:2px solid var(--c-primary);outline-offset:4px}
.roadmap-visual .flow-step__detail-body{padding:4px 0 20px}
.roadmap-visual .flow-step__detail-body .rstep__body{font-size:13px;line-height:2}
.roadmap-visual .flow-step__detail-body .rstep__note{font-size:12px}
@media(max-width:1000px){.roadmap-visual .roadmap-phase{grid-template-columns:260px minmax(0,1fr);gap:28px}}
@media(max-width:700px){
 .roadmap-visual .roadmap-phase{grid-template-columns:1fr;gap:24px;margin-top:32px}
 .roadmap-visual .roadmap-phase+.roadmap-phase{margin-top:32px;padding-top:32px}
 .roadmap-visual .roadmap-phase__visual img{aspect-ratio:16/9}
 .roadmap-visual .roadmap-phase__visual figcaption{padding:20px}
 .roadmap-visual .roadmap-phase__visual h3{font-size:20px}
 .roadmap-visual .roadmap-phase__visual small{margin-top:10px}
 .roadmap-visual .flow-step{grid-template-columns:32px minmax(0,1fr);gap:14px}
 .roadmap-visual .flow-step__number{width:32px;height:32px;font-size:11px}
 .roadmap-visual .flow-step:not(:last-child)::after{left:15px;top:40px}
 .roadmap-visual .flow-step__title{font-size:16px}
 .roadmap-visual .flow-step__summary{font-size:13px}
}