.roadmap-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(212,175,55,.03),transparent 50%,rgba(212,175,55,.02));pointer-events:none;z-index:0}.roadmap-section{padding-top:8rem}.roadmap-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;position:relative}.roadmap-timeline:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-gold),var(--color-gold-dim),var(--color-border))}.roadmap-phase{-webkit-padding-start:2rem;padding-inline-start:2rem;position:relative}.roadmap-phase:before{content:"";position:absolute;inset-inline-start:-5px;top:.5rem;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-gold);background:var(--color-bg)}.roadmap-current:before{background:var(--color-gold);box-shadow:0 0 12px var(--color-gold-dim)}.roadmap-phase-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.roadmap-phase-header h2{font-size:1.5rem}.roadmap-status{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .625rem;border-radius:4px}.roadmap-status-current{color:var(--color-gold);background:var(--color-gold-dim)}.roadmap-status-upcoming{color:var(--color-text-muted);background:var(--color-bg-elevated)}.roadmap-status-future{color:var(--color-text-dim);background:var(--color-bg-elevated)}.roadmap-items{list-style:none;display:flex;flex-direction:column;gap:.625rem}.roadmap-items li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.roadmap-bullet{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--color-gold-dim);margin-top:.5rem}.roadmap-current .roadmap-bullet{background:var(--color-gold)}.roadmap-principles{max-width:500px;margin:4rem auto 0;text-align:center}.roadmap-principles p{font-size:.875rem;color:var(--color-text-dim);line-height:1.7;margin:0 auto}@media (max-width:768px){.roadmap-section{padding-top:6rem}.roadmap-timeline{gap:2rem}.roadmap-phase-header h2{font-size:1.25rem}}@media (max-width:480px){.roadmap-section{padding-top:5rem}.roadmap-phase{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.roadmap-items li{font-size:.875rem}.roadmap-principles{margin-top:2.5rem}}