/* =========================================================
   ROADMAP — matches sections/roadmap.html
   To add a milestone: copy one .roadmap-item block in
   sections/roadmap.html.
   ========================================================= */
.roadmap{background:var(--cream);}
.roadmap-list{max-width:640px; margin:0 auto; position:relative;}
.roadmap-list::before{
  content:''; position:absolute; left:9px; top:6px; bottom:6px; width:2px; background:var(--line);
}
.roadmap-item{position:relative; padding:0 0 40px 44px;}
.roadmap-item:last-child{padding-bottom:0;}
.roadmap-dot{
  position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:50%;
  background:var(--cream); border:3px solid var(--gold);
}
.roadmap-item.done .roadmap-dot{background:var(--gold);}
.roadmap-status{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase;
  padding:3px 10px; border-radius:100px; margin-bottom:8px;
}
.roadmap-item.done .roadmap-status{background:rgba(201,161,91,0.18); color:#8a6a2b;}
.roadmap-item.now .roadmap-status{background:rgba(58,114,160,0.15); color:var(--primary-mid);}
.roadmap-item.next .roadmap-status{background:rgba(143,179,217,0.2); color:var(--primary);}
.roadmap-item h3{font-size:21px; color:var(--primary-dark); font-weight:600; margin-bottom:6px;}
.roadmap-item p{font-size:14.5px; line-height:1.6; color:#5b6660;}