.roadmap__header{text-align:center;margin-bottom:2.5rem}.roadmap__timeline{margin:0 auto;position:relative}.roadmap__line{background:linear-gradient(180deg,var(--accent),var(--border-light)80%,transparent);width:2px;position:absolute;top:0;bottom:0;left:24px}.roadmap__phase{margin-bottom:28px;padding-left:72px;position:relative}.roadmap__phase:last-child{margin-bottom:0}.roadmap__dot{background:var(--bg-primary);border:2.5px solid var(--border-light);z-index:2;width:28px;height:28px;transition:all var(--duration)var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:28px;left:11px}.roadmap__phase--completed .roadmap__dot{background:var(--accent);border-color:var(--accent);color:#fff}.roadmap__phase--active .roadmap__dot{border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);animation:2.5s ease-in-out infinite pulse-glow}.roadmap__phase--active .roadmap__dot:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.roadmap__card{padding:24px;border-radius:var(--radius-xl)!important}.roadmap__quarter{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background:var(--accent-soft);border-radius:var(--radius-sm);margin-bottom:8px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.roadmap__phase-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:1.05rem;font-weight:700}.roadmap__items{flex-direction:column;gap:10px;list-style:none;display:flex}.roadmap__items li{color:var(--text-secondary);padding-left:20px;font-size:.85rem;line-height:1.55;position:relative}.roadmap__items li:before{content:"→";color:var(--accent);font-size:.8rem;font-weight:600;position:absolute;left:0}.roadmap__phase--completed .roadmap__items li{color:var(--text-tertiary)}.roadmap__phase--completed .roadmap__items li:before{content:"✓";color:var(--success)}.roadmap__phase--active .roadmap__card{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover)}.roadmap__phase--upcoming .roadmap__card{opacity:.8}.roadmap__phase--upcoming:hover .roadmap__card{opacity:1}@media (max-width:480px){.roadmap__phase{padding-left:56px}.roadmap__card{padding:24px 20px}}
