.roadmap { padding: var(--spacing-xl) 0; }
.roadmap__header { text-align: center; margin-bottom: var(--spacing-lg); }
.roadmap__title { font-size: 2rem; color: var(--fg); margin-bottom: var(--spacing-xs); }
.roadmap__subtitle { color: var(--text-light); }
.roadmap__list { display: flex; flex-direction: column; gap: var(--spacing-md); max-width: 600px; margin: 0 auto; position: relative; }
.roadmap__list::before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 2px; background: var(--border-color); }
.roadmap-item { display: flex; align-items: flex-start; gap: var(--spacing-md); position: relative; }
.roadmap-item__marker { width: 32px; height: 32px; background: var(--bg); border: 2px solid var(--accent); border-radius: 50%; z-index: 1; flex-shrink: 0; }
.roadmap-item__content { padding-bottom: var(--spacing-md); }
.roadmap-item__title { color: var(--accent); font-size: 1.25rem; margin-bottom: var(--spacing-xs); }
.roadmap-item__text { color: var(--fg); }